UDS roadmap 2025 Q3
2.X Releases
Mobile
Web
Assets
Theme
Illustrations
Accessibility
Motion

2.14.0

New

Banners

  • Ghost Banner
  • Image + Overlay Text
  • Image + Text Composition
  • Text Composition

Offers / List

  • Image placeholder - added 8px padding, and 8px corner radius

Card / Media

  • “Large” variant now has option to show “Caption”
  • “Small” and “Small with Caption” variant merged into “Small” variant that contains dismissable caption
  • Avatar / Medium-Small” - new variant added to left slot

‍

Experimental components:

‍Rich Text

  • Rich Text / Headline
  • Rich Text / Body 1
  • Rich Text / Body 2
  • Rich Text / Caption 1
Improvements & changes
Removed
No changes

2.13.0

New
Improvements & changes

Info Banner‍

  • Added option to hide Title
  • Added option to hide Description
  • Allowed to use “Headline 3” in the Title (Component anatomy)

‍Slider‍

  • Added option to change the Button size

‍Countdown‍

  • Countdown now supports using any ”Pill” variant.
Removed
No changes

2.12.0

New
Improvements & changes

Alert‍

  • New variant “Loading” was added

‍Button Icon + Text ‍

  • Behavior & usage added, explaining text truncation
  • New padding options
  • Padding options updated

‍Code Input / Contained‍

  • Border color in Default and Filled state changed to Utility/Border/Regular Strong to match accessibility standards
  • Border color in Typing state changed to Tint/Action to match accessibility standards

‍Chips‍

  • New variant with background color was added

‍Multiple Input / Contained‍

  • Border color in Default and Filled state changed to Utility/Border/Regular Strong to match accessibility standards
  • Border color in Typing state changed to Tint/Action to match accessibility standards

‍Page Indicator‍

  • Active page indicator shape changed to rounded rectangle, color: Tint/Primary
  • Spacing between dots changed to 6dp
  • Color of inactive dots changed to Tint/Tertiary

‍Rich Text ‍

  • “Caption 1 Italic” was added

‍Search Bar‍

  • Border color in Default and Filled state changed to Utility/Border/Regular Strong to match accessibility standards

‍Select Input / Contained‍

  • Border color in Default and Filled state changed to Utility/Border/Regular Strong to match accessibility standards
  • Border color in Typing state changed to Tint/Action to match accessibility standards

‍Text Input / Contained‍

  • Border color in Default and Filled state changed to Utility/Border/Regular Strong to match accessibility standards
  • Border color in Typing state changed to Tint/Action to match accessibility standards

‍Tooltip‍

  • Close button added for Media variant
  • Buttons were updated

‍Widget Header‍

  • Added badgeable icon to the right slot
  • New variant “Title+Caption” was added
Removed
No changes

2.11.0

New
Improvements & changes

Alert‍

  • Text color changed to: Tint/Primary
  • Left icon color changed to: Tint/Primary
  • Background colors changed to: Surface/<Meaning>
  • Added 2px stroke around the alert, in color: Tint/<Meaning>
  • Color for Right actions changed to: Tint/Primary

‍Card / Promotional‍

  • “Detail” can be hidden/shown
  • Pill can be hidden/shown

‍List Cell‍

  • Right Slot - Added option to use “Medium-Small” variant of Avatar
  • Left slot Legend now allows usage of all Infographic colors
  • New Right slot variant “Icon + Label” was added

‍List Cell / Long Text‍

  • Content variant “Subtitle+Text” - Padding between the Subtitle and Image was increased

‍Numeric Input‍

  • Border color in Default and Filled state changed to Utility/Border/Regular Strong to match accessibility standards
  • Border color in Typing state changed to Tint/Action to match accessibility standards

‍Numeric Input / Contained‍

  • Border color in Default and Filled state changed to Utility/Border/Regular Strong to match accessibility standards
  • Border color in Typing state changed to Tint/Action to match accessibility standards

‍Numeric Keyboard‍

  • New option to hide ”Biometry” button added
  • Boolean property ”Action?”removed from Action button. There is no longer option to hide icon from the button.
Removed
No changes

2.10.0

New

Media Thumbnail

  • Component added to the library

Spinner / Branded

  • Component added to the library
Improvements & changes

Chat Bubble

Rich text options:

  • Added new typography styles “Body 2/Italic”
  • Added “Unordered List” and “Ordered List” as new options

Spinner

  • New appearance variant “On Inverted” was added

Text Input / Contained

  • Added documentation for min height vs limited line number.

List Cell / Template / Drag & drop

  • New template was added to library
Removed
No changes

2.9.0

New
Improvements & changes

Button‍

  • border of the Danger variant was updated

‍Badge‍

  • Added new variant “Info”

‍Squircle‍

  • Added new size variant “Extra-Large”
  • Added new size variant “Large-Plus”
  • Fixed background colour in Subtle variants

‍List Cell‍

  • Added shimmer effect for Card in Left Slot

‍Card / Article ‍

  • New component to library

‍Card Media‍

  • Small variant added to library
Removed
No changes

2.8.0

New
Improvements & changes

Page Indicator

  • Infinite pagination added
Removed
No changes

2.7.0

New

List Cell‍

‍List Cell / Template / Expandable Widget‍

  • New template was added

‍List Cell / Long Text‍

  • Added new content variant “Subtitle + Text + Media”
  • Added new bottom accessory variant ”Two buttons”

‍Amount Input‍

  • Added new component “Amount Input / Small”

‍Offers / Banner V2‍

  • New component was added
Improvements & changes

Bottom Sheet‍

  • Bottom Sheet now allows to swap between 3 background colours: Modal (default), Baseline and Background

‍Banner‍

  • Changed radius from 8px to 16px in all variants

‍Offers / Banner‍

  • Changed radius from 8px to 16px in all variants
Removed
No changes

2.6.0

New

List Cell‍

‍List Cell / Template / Expandable Widget‍

  • New template was added

‍List Cell / Long Text‍

  • Added new content variant “Subtitle + Text + Media”
  • Added new bottom accessory variant ”Two buttons”

‍Amount Input‍

  • Added new component “Amount Input / Small”
Improvements & changes

Bottom Sheet‍

  • Bottom Sheet now allows to swap between 3 background colours: Modal (default), Baseline and Background

‍Banner‍

  • Changed radius from 8px to 16px in all variants

‍Offers / Banner‍

  • Changed radius from 8px to 16px in all variants
Removed
No changes

2.5.0

New

Stepper‍

  • Added variant with Icon
  • “Info” variant of Squircle in “Atomic Components / Step” was replaced with new variant “Current”

‍Button / Icon + Text‍

  • Added option to display Badge

‍Button / Icon‍

  • Added new by default hidden property Badge for all button variants
  • Badge variants “Extra small” and “Small” now contain option to change outline variant from Baseline to Background

‍Offers / List‍

  • New variant containing ribbon created
  • Height se to fixed 124px for both variants

‍Number Input / Contained‍

  • New component was added

‍Badge‍

  • Added new border variants:
Surface/StickyOnBackground
Surface/StickyOnBaseline 
Surface/StickyOnBackgroundScrolled
Surface/StickyOnBaselineScrolled

‍Message / Static‍

  • Solid color variants added

‍Table Cell‍

  • Added option to hide the Divider

‍Text Input / Contained‍

  • Dropdown made optional for left slot “Mask” and “Mask + Flag”.
Improvements & changes
Removed
No changes

2.4.0

New

Amount Input

  • Added new variant “Loading”

Swiper

  • Added new state “Loading”

List Cell

  • Added to Right Slot: Donut Chart Small, Line Chart Small, Bar Chart Small
Improvements & changes
Removed
No changes

2.3.0

New
Improvements & changes
Removed
No changes

2.2.0

New

Consent control

Contained Cell

Empty state

List Cell

List Cell / Choice

List Cell / Long text

Headline Group

Dialog

Progress dialog

Running caption

Story

Full screen illustration

Tooltip

Accordion

Chat Bubble

  • Added Rich text with more text and color options


Squircle

  • Added new color variants
  • Added new variant “Solid/Current”

‍

Improvements & changes
Removed
No changes

2.1.0

New

Alphabetic indicator‍

  • Component added to the library

‍Amount Input‍

‍Avatar‍

  • Added new variant “medium-small”

‍Badge‍

  • Icon and text color in Danger variant changed to tint/OnSolidAccentInvert

‍Button / Icon‍

  • Added small variant (32x 32px)

‍Button / Icon + Text‍

  • Added text typography style option:  Caption 1/Medium-Tight

‍Card Carousel‍

  • Component deprecated. Please use Card Preview / Carousel instead.
  • Removed variant card “Back side” from Atomic components

‍Card Preview‍

  • Added option to show the name, last 4 digits on card and expiry date on the front page
  • Added new variant “back + info” with the option to copy the card number and CVV
  • Added new variant “Inactive + Label” to Card Status
  • Added new variant “Add new card”
  • Added new variant “Empty space”
  • Updated “Component Anatomy”
  • “Button / Icon” can be hidden

‍Card Preview / Carousel‍

  • New component added

‍Consent Control‍

  • Defined Touch areas in “Component anatomy”

‍Chip‍

  • Added flag to left slot

‍List Cell‍

  • “Behaviour & Usage” - Documented middle truncation behaviour

‍List Cell / Choice‍

  • Updated vertical padding to allow lower heigh for a the cell with less content.
  • Defined min-height to 60

‍Location Pin v2‍

  • New component added, with nested avatar
  • Added Disabled state
  • Old location pin will be marked as deprecated

‍Multiple input / Contained‍

  • Created new component

‍Navigation Bar‍

‍Offers / Banner‍

  • Created new component Offers / Banner at variants “Single” or “Carousel” with two sizes “Small” and “Large”

‍Offers / List‍

  • Created new component Offers / List

‍Offers / Detail‍

  • Created new component offers detail

‍Stepper Bar v2‍

  • New component was added

‍Template / Alert‍

  • New template was added

‍Widget ‍

  • Added new variant with checkbox for multi selection

‍Widget header‍

  • Added optional Info Action next to the Title
  • Extended documentation, explaining how to use a new variant

‍Widget / Tile‍

  • Created new component
Improvements & changes
Removed
No changes

2.0.0

New
Improvements & changes

Accordion

  • Elevation (previously could be named as Shadow) is exposed as component property
  • Removed shadow
  • Removed gradient from the illustration

Banner

  • Removed shadow
  • Removed gradient from the illustration

Button

  • Variants: Outlined, Danger: stroke width changed to 2px
  • Variant Contained: Removed stroke

Button / Icon

  • Variants: Outlined, Danger: stroke width changed to 2px
  • Variant Contained: Removed stroke
  • Removed Small variant
  • Size changes:
    • Large changed to: 48 x 48px
    • Medium changed to: 40 x 40px (icon to 16px)

Button / Icon + Text

  • Variants: Outlined, Danger: stroke width changed to 2px
  • Added text typography style option:  Caption 1/Medium-Tight

Button / Small

  • Variants Primary, Secondary, Default, Success, Warning, Danger: Removed stroke

Card Preview

Card / Promotional

Card / Media

  • Elevation (previously could be named as Shadow) is exposed as component property

Code Input

  • Add option to change background color
  • Added stroke to the fields Utility/Border/Regular Primary
  • Added validation variants Success and Error for easier component control

Chat / Bubble

  • Removing “[atom]” from the name of nested components

‍

Chat Subheader

  • Surface extracted to separate component Sticky Surface with following options:
    • Sticky on Background (default)
    • Sticky on Baseline
    • Translucent (iOS only)

Chat Toolbar

  • Add option to change background color
  • Added stroke to the fields Utility/Border/Regular Primary

Chips

  • Removed “dragged” variant
  • Input Chip, Filter Chip (Selected states):
    • Background color changed from Surface/Info to Surface/Selection
    • Label color changed from Tint/Primary to Tint/OnSelection

List Cell

  • Added variant: Contained
  • Added Avatar option for the right slot (+example added to showcase)
  • New variant for Right Slot:
    • Avatar (+example added to showcase)
  • New variants for Left Slot / Icon:
    • Secondary
    • Tertiary
    • Action
  • Content in Left and Right Slot can be aligned to Top Center. 
If alignment is set to top, additional top padding can be manually added from predefined values to compensate vertical alignment. See updated component anatomy.
  • Added List Cell / Templates - precoded components by Mobrix with defined selectable behaviour.
  • New variants for Label / left:
    • Label Medium + Caption + Caption
    • Label Medium + Caption + Caption Danger

List Cell / Long Text

  • Changed background of LEFT ICON / STEP from Solid.Selection to Solid.Info
  • States:
    • Default: to Surface.Selection for the dot, Tint.On Selection for the number
    • Current: to Solid.Selection for the dot
  • Added outline (Utility/Border/Regular Primary) to variants with state: Default and Success

Navigation Bar

  • Surface extracted to separate component Sticky Surface with following options:
    • Sticky on Background (default)
    • Sticky on Baseline
    • Translucent (iOS only)
  • Added Dropdown picker icon option: “right” (see in showcase). Default value remains “down”.

Numeric Input

  • Add option to change background color
  • Added stroke to the fields Utility/Border/Regular Primary

Numeric Keyboard

  • Added background for each button: Surface.Baseline

Password Input

  • State:
    • Default: Added background color: Surface/Elevation to the dot
    • Default: Removed outline from the dot

Progress Bar

    • New color modes: Default, Info, Danger
    • Success variant color changed to Solid.Success
    • New label variants: Default, Info, Success, Warning, Danger

Search Bar

  • Add option to change background color
  • Added stroke to the fields Utility/Border/Regular Primary
  • Android variant Text Input / Underlined vas replaced by Text Input / Contained

Segmented Tabs

  • Added possibility to show badge on the Tabs

Separator

  • Added new variant: Tiny

Select Input / Contained

  • Add option to change background color
  • Added stroke to the fields Utility/Border/Regular Primary

Sticky Container

  • Surface extracted to separate component Sticky Surface with following options:
    • Sticky on Background (default)
    • Sticky on Baseline
    • Translucent (iOS only)
  • Removed shadow

Swiper

  • New look and swiping animation
  • Arrow animation
    • Lottie animation with 2 sequences will be provided: (loop animation, transition from arrow to checkmark - success)
    • Updated animation documentation

Switch

  • Android version visually updated to match Material 3 look.

Squircle

  • Added new variant: Accent
  • Badge can be in any Appearance variant (Updated documentation + showcase)

Tab Bar

  • Surface extracted to separate component Sticky Surface with following options:
    • Sticky on Background (default)
    • Sticky on Baseline
    • Translucent (iOS only)

‍

  • Removed hairline
  • Added variant with active icon (Tint/Action)

Text Input / Contained

  • Add option to change background color
  • Added stroke to the fields Utility/Border/Regular Primary
  • Left slots “Flag + Mask” and “Mask” changed from editable value, into a dropdown selector.
  • Based on previous change, documentation for “4. Editing phone number” and “5. Changing prefix number” was updated.

Widget / Ribbon

  • Added new variants: Success, Danger, Warning
Removed

Removed components:‍

  • Text Input / Underlined
  • Select Input / Underlined
No changes

2.14.0

New
Improvements & changes
Removed
No changes

2.13.0

New

Countdown

  • Countdown is now available as a new component

Chart Legend

  • Chart / Legend is now available as a new component

Feedback Composition

  • Feedback is now available as a new component

Message Static

  • Message / Static is now available as a new component

Page Indicator

  • Component changed to meet accessibility standards:
  • Active page indicator shape changed to rounded rectangle, colour: Tint/Primary
  • Spacing between dots changed to 4px
  • Color of inactive dots changed to Tint/Tertiary

Stepper v2

  • New component created

Widget / Seelectable Widget

  • Structure recreated from scratch
  • Widget selectable and Widget merged into one component to unify component and improve usability for designers

Widget Header

  • Structure of the component recreated from scratch
  • Component merged with Widget Selectable to unify component design
  • Selectable and Multiselect variants created

Badgeable Icon

  • Component created

Ribbon‍

  • Component created
Improvements & changes

Checkbox

  • New layer for Accessibility Focus added. Now you can turn on and off “Keyboard Focus” on every variant in property panel

Feedback Icon

  • Removed neutral variant
  • Component structure rebuilt as in mobile

List Cell

  • New option "Value+Currency" added to Right slot / Label / Right
  • Label left aligned with mobile library now contains also "Headline + Caption" option
  • Right slot aligned with mobile library now contains also "Chart", "Icon + Label", "Checkbox" and "Radio"
  • New option to display "Badge" within the List Cell Content  is now available

Progress Bar

  • Color of Warning variant  fixed to Solid/Warning
  • 0% state added

Radio

  • New layer for Accessibility Focus added. Now you can turn on and off “Keyboard Focus” on every variant in property panel.

Squircle

  • Added new sizes: Large-Plus, Extra-Large
  • Updated outdated components
  • Added new variant: Translucent

Date Formats

  • New Date Format DD / MM / YYYY , HH:MM
  • New Date Format MM / YYYY
  • Added spaces after dots

Alert‍

  • Added minimum and maximum width

Component adjusted based on mobile:

  • Text color changed to: Tint/Primary
  • Left icon color changed to: Tint/Primary
  • Background colors changed to: Surface/<Meaning>
  • Added 2px stroke around the alert, in color: Tint/<Meaning>
  • Color for Right actions changed to: Tint/Primary

‍Badge‍

  • Added Component Anatomy
  • Added new variant “Logo”
  • Added new variant “Info”
  • Added new border variants:
Surface/StickyOnBackground
Surface/StickyOnBaseline 
Surface/StickyOnBackgroundScrolled
Surface/StickyOnBaselineScrolled

‍Button, Button / Icon‍

  • “Secondary Outlined” and “Tertiary” variant created for “On Accent” variant
  • New "Hover”and "Pressed” overlay implemented
  • Removed “Focus” variant. Instead ”Accessibility Focus” layer applied on all Default and Disabled state buttons

‍Calendar menu‍

  • New Calendar Day Cell states added: Weekend (Disabled, ThisMonth and Today) and Holiday (Disabled, ThisMonth and Today)  

‍Card / Preview‍

  • Changed Flip button color to Light/Surface/Inverted to fix issue in Dark mode
  • Reduced Logo opacity from 8% to 5%
  • Changed Logo color to Light/Surface/Inverted
  • Changed the Logo on the back side to filled variant
  • Added new variant “Empty space”
  • Changed Flip button Intent from “Info” to “Accent”

‍Fieldset‍

  • Divider deleted

‍Pill‍

  • Added new Intent: Outlined
  • Set Previous group of pills to “Subtle” Style and added new group “Solid”
  • Added new Property: Style
  • Text set to truncate after 1 line of text
  • Accessibility Focus applied. Now is possible to turn it on on any variant.
  • Changed font in Large variant to “Body 2/Default”
  • Added new states: Pressed, Hover
  • Aligned states to Mobile: Default, Pressed, Disabled
Removed
No changes

2.12.0

New
Improvements & changes
Removed
No changes

2.11.0

New
Improvements & changes
Removed
No changes

2.10.0

New
Improvements & changes
Removed
No changes

2.9.0

New
Improvements & changes
Removed
No changes

2.8.0

New
Improvements & changes
Removed
No changes

2.7.0

New
Improvements & changes
Removed
No changes

2.6.0

New
Improvements & changes
Removed
No changes

2.5.0

New
Improvements & changes
Removed
No changes

2.4.0

New
Improvements & changes
Removed
No changes

2.3.0

New
Improvements & changes
Removed
No changes

2.2.0

New
Improvements & changes
Removed
No changes

2.1.0

New

Avatar‍

  • New variant "Medium-Small” created

‍Button‍

  • New variant ”On Accent”created

‍Card / Preview‍

  • Added option to show the name, last 4 digits on card and expiry date on the front page
  • Added new variant “back + info” with the option to copy the card number and CVV
  • Added new variant “Inactive + Label” to Card Status
  • Added new variant “Add new card”
  • Added new variant “Empty space”
  • Updated “Component Anatomy”
  • “Button / Icon” can be hidden

‍Stepper Bar‍

  • Component created

‍Widget / Selectable Tile‍

  • Component created
Improvements & changes

Chips‍

  • Added flag to left slot

‍Date Range Input / Contained‍

  • Bottom padding is now dismissable for mobile variant too

‍List Cell‍

  • “Behaviour & Usage” - Documented middle truncation behaviour

‍List Cell / Choice‍

  • Upper alignment is now possible for both left and right slot

‍Location Pin‍

  • Component now contains nested “Avatar” component
  • Added Disabled state

‍Numeric Input‍

  • It is possible to use 4 and 6 digits for both input variants
  • Small variant allows to use also 8 digit input

‍Select Input / Contained‍

  • Removed gap from main container in Mulit-selecton variant
  • Padding below is now dismissable for both variants

‍Slider‍

  • Side paddings are now dismissable
  • Label now contains new variant "Label + Input”
  • New atomic Input allowing right value alignment created

‍Text Area / Contained‍

  • Padding below is now dismissable
  • Content text now allows to switch between ”Small” and ”Regular” variant

‍Text Input / Contained‍

  • Left slot mask now contains dismissable dropdown

‍Upload Input‍

  • Padding below is now dismissable
Removed

Button / Icon‍

  • Secondary Outlined / Disables variant aligned with "Button”
No changes

2.0.0

New

Squircle‍

  • Added new variant: Accent
  • Badge can be in any Appearance variant (Updated documentation + showcase)

‍Divider‍

  • Divider component changed from scratch
  • Divider now contains two variants: Horizontal and Vertical
  • Both variants contain dismissable and customizable paddings.

‍Feedback‍

  • Component added to Library

‍Input Base‍

  • Component created

‍Table‍Table Row‍

  • Table component changed from scratch

‍Tooltip‍

  • New variants with tip on Left and Right side created
  • Component structure rebuild from scratch
  • New variant Elevation added
Improvements & changes

Accordion‍

  • Accordion now contains list cell

‍Breadcrumbs‍

  • Items states changed. New states “Hover” and “Focus” added.

‍Button Stack‍

  • New dismissable spacer added between buttons and divider

‍Calendar Menu‍

  • Calendar picker rows corner radius is removed
  • Footer is dissmissable in all variants now
  • All variants contains navigation that allows to switch between months and years
  • It is possible to turn off navigation for switching through years
  • Calendar footer for Dual view now contains also optional day counter
  • Day counter contains two variants now: Empty and Selected

‍Date Formats‍

  • Single components combined to variants
  • Small variants added

‍Date Input / Contained‍

  • Bottom padding is now dismissable

‍Date Range Input /  Contained‍

  • Bottom padding is now dismissable

‍Dialog‍

  • Icon (Intent) now uses Feedback Icon component

‍Dropdown‍

  • Behavior and usage section added to Documentation
  • New footer variant ”2 Buttons - Primary” addded

‍Feedback Icon‍

  • Icon color fixed and changed to Tint/On Solid
  • New variant Extra Small added

‍Fieldset‍

  • Based on the change on Input Label component, top and bottom padding was removed from Label

‍File Input‍

  • Bottom padding is now dismissable
  • Input Field now contains Input Base and is possible to switch between On Baseline and On Background variants
  • Based on the change on Input Label component, top and bottom padding was removed from Label

‍Input Label‍

  • Added info icon
  • “Required” asterisk is now before the label
  • Added top and bottom padding (padding was then removed from input fields - no visual difference)

‍List Cell‍

  • Optional side paddings added for Default variant
  • Added Avatar option for the right slot (+example added to showcase)
  • Added new variant “Card” to both Right and Left slot

‍List Cell Choice‍

  • Paddings on the component container removed
  • Paddings on generic content are now dismissable

‍List Cell / Long Text‍

  • Added new variant “Bottom Accessory / Pill”

‍List Subheader‍

  • Variant Title / Medium renamed to Title / Medium Allcaps
  • New variant Title / Medium created using Body2 / Medium fontsize

‍Navigation Bar‍

  • Changed background color to “Surface/Background”

‍Progress Bar‍

  • New color modes: Accent, Info, Danger
  • Success variant color changed to Solid.Success
  • New label variants: Accent, Info, Success, Danger

‍Search Bar‍

  • Removed gap from main container - now label contains top and bottom padding.
  • Padding below is now possible to turn on.
  • Background options ”On Baseline” and ”On Background”added

‍Segmented Tabs‍

  • Label is now dismissable
  • Min tab width was removed
  • Badge and icon changes size now for different variants
  • Paddings fixed
  • Background color Outlined changed to Elevation
  • Variants changed to Small and Medium
  • Font type changed for Medium variant to Body 2

‍Select Input / Contained‍

  • Removed gap from main container - now the Input Label contains top and bottom padding.
  • Same with bottom Helper text

‍Sticky Container‍

  • New variant without paddings added

‍Text Input / Contained‍

  • Padding below is now possible to turn off.
  • Input base variants added
  • Padding below changed to spacer
  • Spacer contains property "Padding below”what allows to turn it off
  • Clear button removed
  • Checkmark fixed in small focus state.
  • Removed gap from main container - now the Input Label contains top and bottom padding.
  • Same with bottom Helper text

‍Upload Input‍

  • Input base added to Drag area and File entry
  • 8px right padding added into File entry
  • Label for the button changed to “Select file...”

‍Widget‍

  • For desktop and tablet added property to change padding sizes to 16px or 24px.
  • All content area paddings are now dismissable.
  • Added property to hide the header.
Removed

Button‍

  • Disabled state in Tertiary variant fixed
  • New button variant On Accent created
  • Button min width set to 100 px
  • Hover and Active state overlay color for Button/Danger changed to Tint / On Solid for all sizes

‍ Button Icon‍

  • Disabled state in Secondary Outlined variant fixed
  • New button variant On Accent created
  • Hover and Active state overlay colour for Button/Danger changed to Tint / On Solid for all sizes
  • “Secondary Outlined” variant  - Changed the background color in all Disabled states to “Utility/State/Disabled” and removed all strokes

‍Card / Media‍

  • Left slot is now dismissable

‍Chart/Composition‍

  • Parameter “Value” font type changed from Body 2 / Medium to Overline 1

‍Chart/Positive Negative‍

  • Parameter “Value” font type changed from Body 2 / Medium to Overline 1

‍Chips‍

  • Translucent fill color from Action variant removed
  • Depricated checkmark removed from component
  • In Filter chip Disabled state icon and checkmark color changed to Tint/Tertiary

‍Contained Cell‍

  • Changed text color in all variant to “Tint/Primary” for Label and “Tint/Tertiary” for Caption

‍Page Header‍

  • Font size in breadcrumbs fixed on tablet and desktop version

‍Slider‍

  • Parameter “Value” font type changed from Body 2 / Medium to Overline 1
  • Parameter "Helper”renamed to "Caption”

‍Text Area / Contained‍

  • Removed gap from main container - now the Input Label contains top and bottom padding. Same with bottom Helper text
No changes

2.14.0

New

Diia

  • New icon was added

card-filled

  • New icon was added

points

  • New icon was added

tree

  • New icon was added
Improvements & changes
Removed
No changes

2.13.0

New

card

  • Added filled variant

points

  • New icon was added

ticket

  • New icon was added

tree

  • New icon was added

diia

  • New icon was added
Improvements & changes
Removed
No changes

2.12.0

New
Improvements & changes
Removed
No changes

2.11.0

New
Improvements & changes
Removed
No changes

2.10.0

New
Improvements & changes
Removed
No changes

2.9.0

New

Play icon

  • New icon was added

money-coins

  • New icon was added

money-account-czk-3

  • New icon was added

currency-kc

  • New icon was added

star-multiple

  • New icon was added
Improvements & changes
Removed
No changes

2.8.0

New
Improvements & changes
Removed
No changes

2.7.0

New

multiplication-sign

  • New icon was added

youtube

  • New icon was added

box-closed

  • New icon was added

box-opened

  • New icon was added
Improvements & changes
Removed
No changes

2.6.0

New
Improvements & changes
Removed
No changes

2.5.0

New
Improvements & changes
Removed
No changes

2.4.0

New

disability-wheechair

  • New icon was added

disability-wheechair-ramp

  • New icon was added
Improvements & changes
Removed
No changes

2.3.0

New

search-star

  • New icon was added

bookmark

  • Added filled variant
Improvements & changes
Removed
No changes

2.2.0

New
Improvements & changes
Removed
No changes

2.1.0

New

sound-mute

  • icon added to the library

reply

  • icon added to the library
Improvements & changes
Removed
No changes

2.0.0

New

case

  • added “filled” variant

change-language

  • icon was added to library

settings

  • added “filled” variant

offer

  • added “filled” variant

mail-at-sign

  • icon was added to library

customer-support

  • icon was added to library

internet-banking

  • icon was added to library

person-block

  • icon was added to library

atm

  • added “filled” variant

atm-cash-1

  • added “filled” variant

credit-consumer

  • added “filled” variant

person-phone

  • icon was added to library

currency-lek

  • icon was added to the library

twitter-new

  • icon was added to the library

‍

Improvements & changes
Removed
No changes

2.14.0

New
Improvements & changes
Removed
No changes

2.13.0

New

New color styles were added

  • Surface / Media Overlay Dark was added
  • Surface / Media Overlay Light was added
  • Utility / State / Hover to Dark was added
  • Utility / State / Pressed to Dark was added
  • Utility / State / Hover to Light was added
  • Utility / State / Pressed to Light was added
Improvements & changes
Removed
No changes

2.12.0

New
Improvements & changes

Color changes

  • RBI/Meaning/Success/700 → HEX changed from #32701B → #2C7D0E
  • RBI/Meaning/Danger/400 → HEX changed from #F26161 →  #F47B7B  
  • RBI/Grayscale/800 → HEX changed from #55575D → #505258
  • RBI Theme Light
    • Light/Tint/Secondary → RBI/Grayscale/800 [#505258]
    • Light/Solid/Success → RBI/Meaning/Success/700 [#2C7D0E]
  • RBI Theme Dark
    • Dark/Solid/Success → RBI/Meaning/Success/300 [#9CE377]
    • Dark/Solid/Danger → RBI/Meaning/Danger/400 [#F47B7B]
Removed
No changes

2.11.0

New

New text style added

  • Caption 1 / Default-Italic
Improvements & changes
Removed
No changes

2.10.0

New
Improvements & changes
Removed
No changes

2.9.0

New

New border styles:

  • “Utility/Border/Regular Strong” was added
Improvements & changes
Removed
No changes

2.8.0

New
Improvements & changes

Color changes

  • RBI Theme Light
    • Light/Tint/On Info → RBI/Meaning/Info/700 [#0077A4]
    • Light/Tint/Action → RBI/Meaning/Info/700 [#0077A4]
    • Light/Tint/ActionOnAccent → [#0077A4]
    • Light/Tint/OnInfo → [#0077A4]
    • Light/Tint/OnSelection → [#0077A4]
  • RBI Theme Dark
    • Dark/Tint/ActionOnAccent → [#0077A4]
    • Dark/Tint/ActionOnInverted → RBI/Meaning/Info/700 [#0077A4]
  • TB Theme Light
    • Tint/Action On Inverted → TB/Meaning/Info500 [#33ACFD]
    • Utility/BorderRegularAccent → TB/Meaning/Info600 [#0097FD]
  • TB Theme Dark
    • Tint/Action On Inverted → TB/Meaning/Info/700 [#0079CA]
    • Utility/BorderRegularAccent → TB/Meaning/Info600 [#0097FD]
Removed
No changes

2.7.0

New
Improvements & changes
Removed
No changes

2.6.0

New

New text styles:

  • Body 2 / Italic
  • Body 2 / Strikethrough

New color styles:

  • “Tint/Accent On Inverted” was added
Improvements & changes

Color changes

  • Tatra theme Light
    • Light/Tint/OnSolid → TB/Grey/Black/1000 Off Black [#08080A]
    • Light/Tint/Secondary → TB/Grey/Black/600 [#656E85]
    • Light/Tint/Tertiary → TB/Grey/Black/500 [#858EA3]
    • Light/Surface/Elevation → TB/Grey/Black/500 14% [#858EA324]
    • Light/Solid/Info → TB/Meaning/Info/500 [#33ACFD]
    • Light/Solid/Success → TB/Meaning/Success/500 [#47C1A3]
    • Light/Solid/Warning → TB/Meaning/Warning/500 [#E7C175]
    • Light/Solid/Danger → TB/Meaning/Danger/500 [#F0737B]
    • Light/Solid/Selection → TB/Meaning/Selection/500 [#33ACFD]
    • Light/Utility/Border/RegularPrimary → TB/Grey/Black/400 24% [#9FA4B23D]
    • Light/Utility/Border/EmphasisPrimary → TB/Grey/Black/400 32% [#9FA4B252]
  • Tatra theme Dark
    • Dark/Tint/Secondary → TB/Grey/Black/400 [#9FA4B2]
    • Dark/Tint/Tertiary → TB/Grey/Black/500 [#858EA3]
    • Dark/Surface/Background → RB/Mono/Black [#000000]
    • Dark/Surface/StickyOnBackground → RB/Mono/Black [#000000]
    • Dark/Surface/Elevation → TB/Grey/Black/500 12% [#858EA31F]
    • Dark/Surface/Elevation2 → TB/Grey/Black/300 20% [#C7CAD133]
    • Dark/Surface/Info → TB/Meaning/Info/900 [#003C65]
    • Dark/Surface/TransparentToBackground → Grayscale Black 100% to 0%
    • Dark/Utility/Border/RegularPrimary → TB/Grey/Black/500 24% [#858EA33D]
    • Dark/Utility/Border/EmphasisPrimary → TB/Grey/Black/500 32% [#858EA352]
Removed
No changes

2.5.0

New
Improvements & changes
Removed
No changes

2.4.0

New
Improvements & changes
Removed
No changes

2.3.0

New

New text style:

  • Overline 1 / Strikethrough

New colors:

  • Infographic / State / Empty
Improvements & changes
Removed
No changes

2.2.0

New

New color:

  • tint/ActionOnAccent
Improvements & changes

Color changes:

  • RBI theme
    • Color Infographic/06/500 changed from: #1DAAD5 to #1DA1C9
  • Tatra theme
    • borderOutlinedButton changed to: TB/Primary/Accent/0
Removed
No changes

2.1.0

New

New typography styles were added:

  • Body 1 / Bold
  • Body 2 / Bold
  • Caption 1 / Bold
  • Caption 2 / Bold
  • TBD: Caption 2 / Medium-Tight
Improvements & changes
Removed
No changes

2.0.0

New

Color update

  • All colors updated to the new brand guidelines
  • Each color has 3 modes - corresponding to tree verticals: Retail, Digital Bank, Corporate

New color: Tint.OnSplash

Assets moved to separate file: UDS RBI Assets.

New colors:‍

  • StickyOnBackground
  • StickyOnBackgroundScrolled
  • StickyOnBaseline
  • StickyOnBaselineScrolled

Added Infographic colors

Improvements & changes

Color update

  • Light.Utility.Border.Outlined Button changed to value of Light.Utility.Border.Regular Prim
Removed

Color removed:

  • Surface.RowSelection
No changes

2.14.0

New
Improvements & changes
Removed
No changes

2.13.0

New

Small

— The illustration “S-Open a new account” was added  [show]

Improvements & changes
Removed
No changes

2.12.0

New

Mini

— The illustration “Mi-104x104-Beneficiary” was added  [show]

— The illustration “Mi-104x104-Payment overview” was added  [show]

— The illustration “Mi-104x104-Mailing box” was added  [show]

— The illustration “Mi-104x104-Gift with card” was added  [show]

Improvements & changes
Removed
No changes

2.11.0

New
Improvements & changes
Removed
No changes

2.10.0

New
Improvements & changes
Removed
No changes

2.9.0

New

Medium

— The illustration “M-Access expired” was added  [show]

‍

Mini

— The illustration “Mi-104x104-Deposit Growing Spring” was added  [show]

— The illustration “Mi-104x104-01 Mobile phone number transfers” was added  [show]

— The illustration “Mi-104x104-02 Mobile phone number transfers” was added  [show]

— The illustration “Mi-104x104-Tokenization” was added  [show]

— The illustration “Mi-104x104-Sale” was added  [show]

— The illustration “Mi-104x104-Sale of a credit card” was added  [show]

— The illustration “Mi-104x104-IBAN transfers” was added  [show]

— The illustration “Mi-104x104-Special / Benefits” was added  [show]

— The illustration “Mi-104x104-Special / Currency purchase” was added  [show]

— The illustration “Mi-104x104-Special / Currency deposit” was added  [show]

— The illustration “Mi-104x104-Special / Growing money” was added  [show]

— The illustration “Mi-104x104-Special / Temporary benefits” was added  [show]

— The illustration “Mi-104x104-Reidentification” was added  [show]

— The illustration “Mi-104x104-Special / Cashback (spring)” was added  [show]

— The illustration “Mi-104x104-Special / Mobile top-up” was added  [show]

Improvements & changes

Small

— The illustration “S-Cashback” the card with icon was replaced with a circle  [show]

— The illustration “S-Cashback (success)” the card with icon was replaced with a circle  [show]

— The illustration “S-Cashback (error)” the card with icon was replaced with a circle  [show]

— The illustration “S-Cashback (update)” the card with icon was replaced with a circle  [show]

Removed
No changes

2.8.0

New

Mini

— The illustration “Mi-104x104-Savings account” was added  [show]

— The illustration “Mi-104x104-Savings for children” was added  [show]

— The illustration “Mi-104x104-State subsidies” was added  [show]

— The illustration “Mi-104x104-Payment” was added  [show]

— The illustration “Mi-104x104-Icon on a card” was added  [show]

— The illustration “Mi-104x104-Briefcase” was added  [show]

— The illustration “Mi-104x104-Insurance of risk” was added  [show]

— The illustration “Mi-104x104-Investment Actions” was added  [show]

— The illustration “Mi-104x104-Mutual funds” was added  [show]

— The illustration “Mi-104x104-Travelling” was added  [show]

— The illustration “Mi-104x104-Card on a phone” was added  [show]

— The illustration “Mi-104x104-Debit cards” was added  [show]

Improvements & changes

Small

— The illustration “S-Phone content (success)” the card with icon was replaced with a circle  [show]

— The illustration “S-Phone content (error)” the card with icon was replaced with a circle  [show]

— The illustration “S-Phone content (info)” the card with icon was replaced with a circle  [show]

— The illustration “S-Phone content (refresh)” the card with icon was replaced with a circle  [show]

Removed
No changes

2.7.0

New

Medium

— The illustration “M-Personal ID” was added  [show]

— The illustration “M-Personal ID NFC scan” was added  [show]

— The illustration “M-Personal ID scan (loading)” was added  [show]

— The illustration “M-Personal ID scan (success)” was added  [show]

‍

Mini

— The illustration “Mi-104x104-Special / Cashback (phone)” was added  [show]

— The illustration “Mi-104x104-Special / Cashback (coins)” was added  [show]

— The illustration “Mi-104x104-Offers 01” was added  [show]

— The illustration “Mi-104x104-Offers 02” was added  [show]

— The illustration “Mi-104x104-Special / Cashback (bag)” was added  [show]

— The illustration “Mi-104x104-Cashback (winter) 01” was added  [show]

— The illustration “Mi-104x104-Cashback (winter) 02” was added  [show]

— The illustration “Mi-104x104-Cashback (valentine’s day) 01” was added  [show]

— The illustration “Mi-104x104-Cashback (valentine’s day) 02” was added  [show]

— The illustration “Mi-104x104-Foreign currency deposit” was added  [show]

— The illustration “Mi-104x104-Foreign currency data” was added  [show]

— The illustration “Mi-104x104-Growing deposit” was added  [show]

— The illustration “Mi-104x104-Gas station discount” was added  [show]

— The illustration “Mi-104x104-Special / App update available 01” was added  [show]

— The illustration “Mi-104x104-Special / App update available 02” was added  [show]

‍

Large

— The illustration “L-Pay bills online” was added  [show]

— The illustration “L-Send money from account (contacts)” was added  [show]

— The illustration “L-Apply for a loan” was added  [show]

Improvements & changes

Small

— The illustration “S-Add additional account” the calendar was fixed and improved  [show]

‍

Mini

— The illustration “Mi-104x104-Growing deposit” the calendar was fixed and improved  [show]

‍

Medium

— The illustration “M-Quick Investment” the card with icon was replaced with circle with icon  [show]

— The illustration “M-Easy Investment” the card with icon was replaced with circle with icon  [show]

Removed
No changes

2.5.0

New
Improvements & changes
Removed
No changes

2.4.0

New

Small

— The illustration “S-No result for search (sticker)” was added  [show]

— The illustration “S-Data confirmation needed” was added  [show]

— The illustration “S-Data confirmation successful” was added  [show]

— The illustration “S-Data confirmation failed” was added  [show]

— The illustration “S-Data confirmation (something went wrong)” was added  [show]

— The illustration “S-Service not available” was added  [show]

— The illustration “S-Identification needed” was added  [show]

— The illustration “S-Identification successful” was added  [show]

— The illustration “S-Identification failed” was added  [show]

— The illustration “S-Identification (something went wrong)” was added  [show]

— The illustration “S-Access to Geolocation” was added  [show]

— The illustration “S-Utilities (payment processing)” was added  [show]

— The illustration “S-Utilities (payment Accepted)” was added  [show]

‍

Medium

— The illustration “M-Selfie (Identification process)” was added  [show]

— The illustration “M-Selfie (Identification failed)” was added  [show]

— The illustration “M-Selfie (Identification successful)” was added  [show]

— The illustration “M-Personal verification” was added  [show]

‍

Large

— The illustration “L-Identity check (selfie)” was added  [show]

Improvements & changes

Small

— The illustration “S-Travel insurance” colours were improved and fixed  [show]

Removed
No changes

2.3.0

New

Small

— The illustration “S-Add card to phone wallet” was added  [show]

— The illustration “S-Add card to phone wallet (successful)” was added  [show]

— The illustration “S-Unblock card to pay” was added  [show]

— The illustration “S-Card payment request ” was added  [show]

— The illustration “S-Card payment acceptance ” was added  [show]

— The illustration “S-QR code payment ” was added  [show]

— The illustration “S-Business Bankcard ” was added  [show]

— The illustration “VPOS (Web-shop payment) ” was added  [show]

— The illustration “S-softPOS (mobile NFC POS)” was added  [show]

‍

Medium

— The illustration “M-App activation (via phone number)” was added  [show]

— The illustration “M-Investment goals 02” was added  [show]

— The illustration “M-Risk” was added  [show]

— The illustration “M-Celebration (Raiffeisen)” was added  [show]

— The illustration “M-Update security” was added  [show]

‍

Large

— The illustration “L-Add cards” was added  [show]

‍

Improvements & changes

Medium

— The illustration “M-Investment period” was improved and fixed  [show]

— The illustration “M-Investment funds” was improved and fixed  [show]

‍

Large

— The illustration “L-No cards available” was improved and fixed  [show]

Removed
No changes

2.2.0

New

Mini

— The illustration “Mi-104x104-Savings 02” was added  [show]

— The illustration “Mi-104x104-Celebration 03” was added  [show]

‍

Small

— The illustration “S-Money on card” was added  [show]

— The illustration “S-Regular Investment” was added  [show]

— The illustration “S-Card selection 02” was added  [show]

— The illustration “S-Housing loan” was added  [show]

— The illustration “S-Offers (Loyalty)” was added  [show]

— The illustration “S-POS (Terminal)” was added  [show]

— The illustration “S-Scan QR code” was added  [show]

— The illustration “S-Personal loan” was added  [show]

— The illustration “S-Mobile POS” was added  [show]

— The illustration “S-Received to order” was added  [show]

— The illustration “S-Change account package” was added  [show]

— The illustration “S-Offers (Recommendation)” was added  [show]

— The illustration “S-Baby loan (Recommendation)” was added  [show]

‍

Medium

— The illustration “M-We are checking RB key” was added  [show]

— The illustration “M-Call (client service)” was added  [show]

‍

— The illustration “M-Investment funds” was added  [show]

— The illustration “M-Investment goals” was added  [show]

— The illustration “M-No fees” was added  [show]

‍

— The illustration “M-Complete form” was added  [show]

— The illustration “M-Investment risk” was added  [show]

— The illustration “M-Investment period” was added  [show]

‍

— The illustration “M-Settings” was added  [show]

— The illustration “M-Settings (Section menu)” was added  [show]

‍

— The illustration “M-Apple Pay” was added  [show]

— The illustration “M-Google Pay” was added  [show]

— The illustration “M-Financial Security” was added  [show]

‍

Large

— The illustration “L-Use account anytime” was added  [show]

— The illustration “L-Photo (tutorial)” was added  [show]

Improvements & changes

Small— The illustration “” was improved and fixed  [show]

Removed
No changes

2.1.0

New
Improvements & changes
Removed
No changes

2.0.0

New

Small

— The illustration “S-Open a new account” was added  [show]


‍

Deposit

— The illustration “S-Open Deposit” was added  [show]

— The illustration “S-Close Deposit” was added  [show]

— The illustration “S-Top up Deposit” was added  [show]

— The illustration “S-Withdraw Deposit” was added  [show]

Improvements & changes
Removed
No changes

2.14.0

New
Improvements & changes
Removed
No changes

2.13.0

New
Improvements & changes
Removed
No changes

2.12.0

New
Improvements & changes
Removed
No changes

2.11.0

New
Improvements & changes
Removed
No changes

2.10.0

New
Improvements & changes
Removed
No changes

2.9.0

New
Improvements & changes
Removed
No changes

2.8.0

New

Documentation

- Added documentation for Flashing content

- Added documentation for Contrast

Improvements & changes
Removed
No changes

2.7.0

New

List Cell / Long Text

- New variant added with image and buttons

‍

Stepper

- New component added

‍

Number Input / Contained

- New component added

Improvements & changes
Removed
No changes

2.6.0

New
Improvements & changes
Removed
No changes

2.5.0

New
Improvements & changes
Removed
No changes

2.4.0

New
Improvements & changes
Removed
No changes

2.3.0

New
Improvements & changes
Removed
No changes

2.2.0

New
Improvements & changes

‍Consent Control

- Voice Over updated

‍

Empty State

- Voice Over with links added

‍

Headline Group

- Voice Over updated

‍

Dialog

- Voice Over with links added

‍

Story

- Voice Over with links added

‍

Full Screen Illustration

- Voice Over with links added

‍

Tooltip

- Voice Over with links added

‍

Chat Bubble

- Voice Over with links added

‍

Chart / Bar

- bar chart added

‍

Chart / Doughnut

- doughnut chart added

‍

Removed
No changes

2.1.0

New
Improvements & changes
Removed
No changes

2.0.0

New

Alphabetic Indicator

- added

‍

Offers / Banner

- added

‍

Widget / Tile

- added

Improvements & changes

Amount Input

- added variant with info icon

‍

Badge

- added alternative text

‍

Button

- added loading state

‍

Button Icon

- added disabled and loading state

‍

Card Preview

- added other card variants

‍

Consent Control

- added alternative text for links

‍

Feedback

- added alternative text for selected state

‍

Gallery Cell

- added alternative text for selected/unselected state

‍

Headline Group

- added more alternative text examples

‍

Info Banner

- updated from focus group to headline

‍

‍Navigation Bar

‍- added variant with tabs

‍

Numeric Input

- added error state

‍

Password Input

- added other states

‍

Squircle

- added alternative text

‍

Swiped List Cell

- added alternative text

‍

Table Cell

- added alternative text for link variant

‍

Text Input / Contained

- added alternative text for phone prefix and loading

‍

Widget

- added alternative text for info icon

Removed
No changes

2.14.0

New
Improvements & changes
Removed
No changes

2.13.0

New
Improvements & changes
Removed
No changes

2.12.0

New
Improvements & changes
Removed
No changes

2.11.0

New
Improvements & changes
Removed
No changes

2.10.0

New
Improvements & changes
Removed
No changes

2.9.0

New
Improvements & changes
Removed
No changes

2.8.0

New
Improvements & changes
Removed
No changes

2.7.0

New
Improvements & changes
Removed
No changes

2.6.0

New
Improvements & changes
Removed
No changes

2.5.0

New
Improvements & changes
Removed
No changes

2.4.0

New
Improvements & changes
Removed
No changes

2.3.0

New
Improvements & changes
Removed
No changes

2.2.0

New
Improvements & changes
Removed
No changes

2.1.0

New
Improvements & changes
Removed
No changes

2.0.0

New
Improvements & changes
Removed
No changes

Select and download release

Select release

Filter

UDS 2.0.0
UDS 2.1.0
UDS 2.2.0
UDS 2.3.0
UDS 2.4.0
UDS 2.5.0
UDS 2.6.0
UDS 2.7.0
UDS 2.8.0
UDS 2.9.0
UDS 2.10.0
UDS 2.11.0
UDS 2.14.0
UDS 2.12.0
UDS 2.13.0
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.