Changelog

3.0.0 (2020-03-30)

Bug Fixes

  • button: use black for tertiary hover state color (3d36f5f)
  • buttons: use not-allowed cursor for disabled buttons (7b27470)
  • divider: swap divider naming (primary ↔ secondary) (a9464e8)
  • filter: move .ds-list-selection__options selector (ff419ec)
  • filter: spacing for list selection filter reset button (b0a39ef)
  • filter list: improve filter list (list selection) spacing (a74f05a)
  • filter list: overflow for list selection items (42437b5)
  • form field: use errorText as Error conditional (3dcf94d)
  • link: update css variable name (d9fa459)
  • modal: align header items (471d8cc)
  • modal: change heading icon size to medium (24px) (f2f0fb4)
  • select: apply padding to accomodate for down arrow spacing (99fb829)
  • table: remove pointer cursor from table row hover (122ddd1)
  • text field: use tertiary text color for disabled input text (0e46f4f)

chore

  • build: update design system build (ad3c0db)

Code Refactoring

  • split design system into packages: (e31fe4a)

Features

  • buttons: add transition to color property (d718ab5)
  • fieldset: add fieldset element reset styles (6e8e2dc)
  • form field: add FormField component (ab7303c)
  • forms: add error form example (531b192)
  • icons: add user icon and document app icons (59fcd73)
  • icons: display app icons at 32px (3661c1b)
  • link: add css variable for link color to themes (de7320c)
  • link: add link component (4d75ddc)
  • modal: add modal content example (1550327)
  • storybook: add form components to storybook (31ca874)
  • storybook: add typography components to storybook (cd4cfed)
  • text input: extend text input component for forms (4247368)

BREAKING CHANGES

  • build: remove 'css' and 'icons' subfolders from npm package
  • move React components to new package @hospitality-digital/react
  • move tools to new package @hospitality-digital/tools

2.1.0 (2020-03-10)

Bug Fixes

  • change background color for dropdowns and modals (6e24d77)
  • checkbox: add margin if label is provided (c04e25b)
  • docs: display code in mono spaced font and change theme (0d3cbbd)
  • docs: display nested icon names in HTML snippets (9b972e3)
  • docs: grid layout (9d9b049)
  • docs: icon base url for deploys (46aca24)
  • docs: icon base url when building (1b03bab)
  • docs: modal preview (8bddeb3)
  • docs: nav introduction always active (cb5eee5)
  • docs: navigation font size (0ebcc7c)
  • docs: nested navigation active state (a7740fe)
  • docs: page overflow (3ec6a90)
  • docs: scroll overflowing code snippets (6d6e7d5)
  • icons: add icon sprite config for local development (c42f0c1)
  • icons: switch implementation to inline sprite (2c7fa49)
  • modal: add margin for mobile viewports (f992fe8)
  • range selection: update min width and remove appearance (32ad00c)
  • release: disable ES features polyfill in react components build (985a862)
  • select: update classname with ds- scope (b1fa6d8)
  • table: change overflow axis (35ed82d)
  • table: prevent 'undefined' render (89b5fec)
  • text input: adjust padding and line height (c801b57)

Features

  • docs: add accordion behavior for nested navs (62930e8)
  • docs: add basic layout (c56e5da)
  • docs: add default page stack (349d3fc)
  • docs: add navigation (0c0e5e4)
  • docs: render code snippets with prism (77ad165)
  • docs: reset page scroll top on navigate (b89e957)
  • docs: style preview (2f96b10)
  • icons: add app icons (4cda31e)
  • modal: add responsive behaviour for modals (0714efa)
  • navigation: add desktop navigation (e2a55ad)
  • navigation: add mobile navigation (a5d8b25)
  • table: add responsive behaviour table columns (59ab95f)
  • utils: make isTabbing SSR compatible (01b5c34)

2.0.1 (2020-02-17)

Bug Fixes

  • docs: remove theme switch from changelog (083695c)
  • release: github release assets (81f899c)
  • release: remove github assets (54f9957)

Reverts

  • Revert "chore(release): 2.0.1" (dbb6cff)

2.0.0 (2020-02-13)

Bug Fixes

  • borders: use proper rgba value for elevation borders in dark theme (f906463)
  • card: split card components (6e4e691)
  • card-full-width: include tag component within full width card component (a455a7a)
  • cards: remove body text margin reset (5b5cbaa)
  • cards: separate :hover and ::before to fix transition (9b5dfe8)
  • divider: move divider theme variables to global theme settings (b6ff75e)
  • divider: use border color variable, drop divider variable (2460887)
  • divider/borders: divider and border dark theme styles (bdda28e)
  • docs: adjust width for elements in icon/border preview grids (9d04bc7)
  • docs: preview snippet error when using context provider (0cccf09)
  • docs: revert to joining by new line (264b663)
  • option: add deleted checkbox margin (264b125)
  • release: remove skip ci flag from release commit to make sure netlify deploys (d99150d)
  • text input: text cut off in chrome when zoomed (ac13855)
  • typography: reset text margins on the element level (37adb64)
  • use proper animation timing function variable name (eae806f)

chore

  • typography: rename body-text to paragraph (83ebb69)
  • typography: rename headers and merge all headers into Header component (7f0884a)

Features

  • borders: add variable for elevation borders (0413a8d)
  • card: add card component and story (d91ebc3)
  • card: add design reference links to card component (08dade7)
  • card-contained: add hover and focus style to anchor (2700058)
  • card-full-width: add margin top to full width card heading (aa94e1b)
  • cards: add hover state to full width and contained card components (8fbe145)
  • cards: add hover state to full width and contained cards (dcd1324)
  • cards: add view for card components in grid (7933cd3)
  • cards: enforce stronger type checking with proptypes (a7c7dd8)
  • docs: add border radius to border preview (6c42ccf)
  • docs: add borders / border previews to basics (8623c5f)
  • docs: add examples of elevations to basics (0aa7645)
  • docs: Add modal documentation (af999a6)
  • docs: compress import snippets (10f2bfc)
  • modal: add modal component (d337017)
  • small tag: correct size to size defined in figma (f93c57f)
  • table: add basic table component (1f185c4)
  • table: add contained table style and TableFooter (4199d97)
  • table: add link, input and tag column content types (8879848)
  • table: add sortable and sorted state to headers (704aafe)
  • table: make rows selectable (aebc47b)
  • table: sort table rows by column ASC/DESC (e7a21f2)
  • table: vertically align checkboxes (f277f01)
  • theme: add ability to hide theme toggle in docs (0baf39a)
  • typography: reset typography margins (fd43be3)

BREAKING CHANGES

  • typography: HeaderPage, HeaderSection and HeaderCard are deprecated and replaced with Header
  • typography: renames the class name from ds-body-text to ds-paragraph

1.3.0 (2020-02-04)

Bug Fixes

  • design system: apply focus to parent in autocomplete (c353141)
  • design system: autocomplete closes on selecting by click (0c98ccd)
  • design system: autocomplete focus on tab (254322d)
  • design system: change autocomplete transition (ff0f140)
  • design system: make sure the results list overlaps the page and limit height (f029786)
  • design system: set autocomplete focus on select and reopen list on click/mousedown (82ba325)

Features

  • component: add Autocomplete component (a49fda7)
  • component: apply focus styles and use native input rather than component (1c96add)
  • component: create key down functionality (eb1beff)
  • design system: add arrow navigation to autocomplete (38ba6b0)
  • design system: add autocomplete disabled state (8263966)
  • design system: add autocomplete focus transition (274e850)
  • design system: add open transition for autocomplete (047a60e)
  • design system: close list on blur (11de83f)
  • design system: extend border variables for reuse (cfc6744)
  • design system: handle action (18baee3)
  • design system: improve on selection behaviour autocomplete (a8a164e)
  • design system: limit autocomplete results to 8 per category (bc448d6)
  • design system: set autocomplete value on enter (63dec2f)
  • design-system: add base border (box-shadow) styles, update usage throughout components (3eafe3f)
  • dividers: add divider component and story (091632f)
  • range and filter: remove blue focus styles when using mouse (b0df924)
  • text-input: remove outline for mouse focus (5e4d21b)
  • toast: add toast actions with dropdown (0fa413b)
  • add focus styles only when tabbing (9e01628)
  • initial get arrow keys to work (1daee15)

1.2.0 (2020-01-30)

Bug Fixes

  • design system: add text on tinted color for dark theme (94c03f4)
  • design system: align text in all buttons (4471bf8)
  • design system: display toast correctly in dark mode (8b112eb)
  • design system: refactor tooltip styles (048bed6)
  • design system: rename prop for tooltip visibility, use box-shadow for border (f9cba53)
  • design system: tinted text variable for dark theme (763d708)
  • docs: don't change css reference text color on dark mode (4b86cd8)
  • release: add branch to release config to prevent semantic-release error (7bca751)
  • release: update changelog page index to 1 (be6ae49)

Features

  • design system: add reference design to tooltip component (69e5a8e)
  • design system: add Toast component (d318ff0)
  • docs: add interactive Toast example to docs (edd72bb)
  • layout spacing: add layout spacing util (6c7b92b)
  • tooltip component: add tooltip component (1a0fd34)

1.1.0 (2020-01-28)

Bug Fixes

  • bug report template: change casing of label (1278f96)
  • component: improve RangeSelection dragging behavior (ab53f63)
  • component: improve RangeSelector input state transition (3a95b4f)
  • component: indicate invalid value in RangeSelection (e64319c)
  • component: keep inputs aligned when input value is empty (6031222)
  • component: prevent RangeSelector invalid value on keyboard input (a90d7db)
  • component: set correct input size for empty inputs (af26127)
  • component: set right focus background RangeSelection darkmode + add transition (f0fffd9)
  • design system: add correct font-family to Filter (988dee5)
  • design system: add missing prop type for filters (be5fc36)
  • design system: align text vertically centered in Filter (6d99805)
  • design system: ensure filter dropdown animation works in both directions (1ac94d8)
  • design system: only apply defaultChecked in ListSelection if prop is provided (76f5964)
  • docs: do not apply font family to code elements (3bceca1)
  • docs: prevent MDX element ignore on html elements (d3d164d)
  • apply animations to correct classes (a854248)
  • linter: make sure lint:js runs pre-commit (93d1645)
  • linter: make usre eslint throws an error on console statements (c329c14)

Features

  • component: implement onChange for RangeSelection (0b59dca)
  • component: limit range selection values + simplify name and value prop (4f1a904)
  • component: support decimal values from 0.1 as RangeSelection step (cd7ccc6)
  • design system: add Filter disabled state (4ca9d9c)
  • design system: add Filter form component (3c649eb)
  • design system: add FilterListSelection component to filters (6412bb9)
  • design system: add RangeSelection filter (84741d4)
  • design system: add transitions for Filter (df003da)
  • design system: make filter open state control by parent optional (77bfb6a)
  • add font-family to everything (e77a020)
  • check all components for transition animations (ec69fd2)
  • list/range selection component: add list and range selection components (9d10af2)
  • change svg file for centered search icon (22a752e)
  • get rid of gap in stepper and shadow in inputs for safari (a92ddf3)
  • hide firefox spinner in input number (d8460fe)
  • make spinner conditional to when js loads (38356bd)
  • remove border radius and shadow for safari in input (ac5f50a)