UI Library is a collection of variables, components, assets and rules tailored for Trafi UI projects and used as up-to-date information place for all developers and designers.

Changelog

0.29 (2017-08-31)

• Update Text component:
  • Caption (Introduced new type of text component)
  • Caption-small (Original Caption renamed to Caption-small)
• Card component updated
• List organism created

0.28

• Add new Color palette.
• Update Text component:
  • Heading (font size, font weight, line height)
  • Title (font size, font weight, line height)
  • Label (font weight, line height, color)
  • Caption (font weight, line height, color)
• Update Icon (from CDN) color.
• Update text color in Note component.
• Update inverse Button border color to be the same as text color.
• Update Link default color and Chevron color.
• Update Toggle checked-color and background-color-active.
• Update Radio checked-color-background.
• Update Divider opacity from 8% to 4%.
• Update Chevron color in Cell component.
• Update Tabs text color.
• Add background_color property and update text color in Empty State component.
• Card component updates are coming soon.
• Map component updates are coming soon.

0.27

• Replace Din Pro typeface with new Akkurat Pro.
• Update Text component with new Akkurat Pro configuration.
• Fix Badge component paddings.
• Update Button component paddings.
• Update Tabs component paddings.

0.26

• Add color property to Text component.

0.25

• Add Circle component.
• Update Badge component truncation recommendations.
• Add color property to Divider component.
• Add background_color, style and rounded properties to Cell component.

0.24

• Add Radio component.
• Add margin_left and margin_right properties to Image component.

0.23

• Add minimum touch area explanation for Link component.
• Fix Modal content padding.
• Fix Title Text line-height size.

0.22

• small Icon should have 2 unit margin.
• Make Modal scrollable inside, when text is very long.
• Update Card specifications to latest version.

0.21

• Update Modal title text type and distance between body.

0.20

• Add Divider component
• Add Divider property to Cell
• Update Icons CDN URL

0.19

• Add Badge rules
• Fix padding and margin declarations in Badge and Icon components
• Add License Agreement to sidebar
• Fix margins for Icon and Badge in cell

0.18

• Add Image component
• Add Link component
• Add Card molecule
• Add Link component
• Add Input molecule
• Add Modal organism

0.17

• Add Tabs component
• Add Label component
• Add Note component
• Add Button component
• Add Toggle component
• Add Empty State molecule
• Update Caption size in Text component

0.16

• Add Badge component
• Add inverse property to Text component

0.15

• Add Text component

0.14

• Rename default Icon size to medium

0.13

• Add Unit explanation
• Add Color component

0.12

• Add Sidebar
• Improve README.md and Index page
• Update Design

0.1

• Add Icon component
• Initial Release