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
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)