ui-components

ui-components contains the code you need to start building a user interface for Government of Alberta platforms and services.

APACHE-2.0 License

Downloads
23.5K
Stars
15
Committers
42
ui-components - styles-v1.0.0

Published by tzuge almost 2 years ago

1.0.0 (2022-11-08)

Bug Fixes

  • Modify padding for AppHeader (#909) (2006b96)
  • DDI-849: match textarea padding with UI specs (#810) (3510a9f)
  • button, badge and chip vertical alignment of text (6ded2ca)
  • css var values (e8c8ebc)
  • deviations from container design docs (9a092ad)
  • get react lib working with styles lib (44f50fa)
  • incorrect color value name (e901820)
  • make changes in the right package.json file (982a558)
  • move page-block width into css var (5d6671a)
  • remove h1, h2, etc margin overide for first child (928bd4c)
  • #313: change css var name (f635acc), closes #313
  • #458: minor circular progress updates (cda6798), closes #458
  • #572: chip component style updates (bfb47c2), closes #572
  • #638: use height rather than line-height (b1e300d), closes #638
  • reset.css header styles for first child (93987be)

Features

  • DDI-940: add two column layout component (d5fcced)
  • add ability to enable container colors based on variant (a7aab2e)
  • add new 'compact' design changes (a22b42e)
  • #572: add chip component (cea11d9), closes #572
  • #676: update Button for new design specs (31727af), closes #676

BREAKING CHANGES

  • #676: The previous small, medium and large sizes have been replaced with compact and normal.
ui-components - web-components-v1.0.0

Published by tzuge almost 2 years ago

ui-components #v4.0.0

Oct. 20 / 2022

Storybook component documentation

What's new

UI components

We are excited to offer our first production release (we know it’s version 4, long story) of the ui-components library, which includes the following ui-components:

Layouts

  • One Column
  • Two Column

Components

  • Badge
  • Button
  • Callout
  • Checkbox
  • Chip
  • Circular Progress
  • Container
  • Dropdown
  • Hero Banner
  • Icon Button
  • Inputs
  • Modal
  • Radio
  • Skeleton
  • Text Area
  • App Footer
  • App Header
  • Microsite Header

Utility

  • Form Item

Product template

To help get teams up and running sooner, we have also released a product template to showcase the ui-components and provide a starting point for teams building DDI products.

React product template

Angular product template

What does "production" mean for the ui-components

  • Fully documented in [storybook]
  • Detailed functional testing on the component is performed
  • The developed component is validated on all popular browsers leading to cross-browser testing
  • Manual accessibility testing of components using axe tools
  • Regression testing of all the components in the DDI project.
  • Retesting will be performed on any components that require fixes to validate the fixes.
ui-components - react-v4.0.0

Published by tzuge almost 2 years ago

4.0.0 (2022-11-07)

Bug Fixes

  • add size prop to CircularProgress component (01f4b04)
  • add missing react Divider component (b30c71f)
  • allow for default props to circular progress component (bc70c32)
  • app footer padding and width (9e7b512)
  • app header horizontal padding (ed5b969)
  • broken CircularProgress test (733c08d)
  • button, badge and chip vertical alignment of text (6ded2ca)
  • change how flex-row is styled on mobile screens (0f82ca8)
  • change icon background color on chip hover (bde1cbb)
  • change React GoAInputNumber to accept a numeric value (19a9432)
  • change React search input type to search (d24a09c)
  • checkbox error "border" width (73384da)
  • chip state colors (494e8a8)
  • close dropdown on blur (2d97de3)
  • container not showing the proper default background color (b91b027)
  • context-store state issue (d06424e)
  • css and minor internal checkbox updates (b5ff47d)
  • dropdown width not being propery set (9dbc2e4)
  • ensure whole input is clickable (5c9bbff)
  • handle blank level in microsite header (94e75e6)
  • hide radio buttons in Firefox (621ef99)
  • icon colors for non-primary buttons (0ac06e8)
  • incorrect color value name (e901820)
  • initial values not being visible in dropdown (7c5d4cc)
  • make checkbox checked optional (571a776)
  • make size required for progress indicator (af4cd76)
  • minor input and dropdown style issue fixes (ede7fe8)
  • missed design specifications (ea6d1c5)
  • prevent input width from having compound width calculations (15950ad)
  • prevent radio and checkboxes from getting squishing (fba2f12)
  • provide missing width (72ff638)
  • radio group (47a07f7)
  • remove no longer existing variant types in React component (b1eb91e)
  • remove the optional chaining call that is not being transpiled properly (aa01b06)
  • remove web-component dependency from react lib (788c9b3)
  • storybook and component updates (918a28c)
  • title prop is optional as per the design (bbb0797)
  • #267: incorrect opacity (09d51bf), closes #267
  • #313: change css var name (f635acc), closes #313
  • #430: fix color values (911dcaf)
  • #458: add missing size prop to CircularProgress tests (0d01b03), closes #458
  • #492: clear the input value when the search icon is clicked (3c90eb9), closes #492
  • #571: disabled input styling (ded203e), closes #571
  • #572: chip component style updates (bfb47c2), closes #572
  • #582: remove unwanted offset on GoAInput with leading icon (c7769ba), closes #582
  • #636: make the radio button highlight visible (d3ba2dc), closes #636
  • #638: use height rather than line-height (b1e300d), closes #638
  • #639: center input leading icon (bb998b9), closes #639
  • #647: change modal title property name to heading (8563d91), closes #647
  • #658: set input value for the type=date calendar change event (c018dc0), closes #658
  • #671: override search input clear icon with GoA X icon (0600205), closes #671
  • #687: allow for better control of input/dropdown/textarea widths (9576e30), closes #687
  • #DDI-664: add Input and Textarea width storybook details (f84ba96), closes #DDI-664
  • DDI-661: add the ability to use ionicon logos (61b0b28)
  • show the user set title for the goa-icon and goa-icon-button (f2d4c56)
  • DDIDS-311: textarea error color to be consistent with Input component (f5a4957)
  • remove closing of menu on blur (467a98c)
  • remove multiselect and filtering for dropdown (29aa0b4)
  • set dropdown background z-index (0cb853f)
  • update input text color (6620e18)
  • 837: Updated the demos to include the new submit type (#853) (a0cbe49)
  • DDI-1006: changing modal's default transition to none (#894) (6c210fe)
  • DDI-1008: Fixed layout height (#904) (7d233b8)
  • DDI-1011: remove react peer dependencies (#888) (4d2da1e)
  • DDI-1012: fixing overlap issue with help text and counter (700c620)
  • DDI-1022: match dropdown keyboard bindings with native (cb3121c)
  • DDI-1027: add missing react skeleton props (b11a67b)
  • DDI-1040: label wrapping with parent container (#919) (7e34b70)
  • DDI-1054: remove the textarea char counter (bb9c35f)
  • DDI-1063: ensure dropdown retains focus after menu item selection (abc0c32)
  • DDI-783: react AppFooter storybook fixes (0bd7bbd)
  • DDI-785: adding missing container padding attr in react (#811) (61b5d6b)
  • DDI-791: fix breaking react build (5150e90)
  • DDI-791: fix container header padding causing issues with vertical alignment (bbfcae7)
  • DDI-823: change buttons to inline (#817) (dc6478a)
  • DDI-829: add aria-labels to form components (#807) (f51266e)
  • DDI-837: provide 'submit' button type (656c1e8)
  • DDI-849: match textarea padding with UI specs (#810) (3510a9f)
  • DDI-878: Made a couple minor container changes for the storybook. (#913) (38ad9ec)
  • DDI-880: Fix the modal focus jumping out when tab key is pressed (5d806a3)
  • DDI-883: storybook updates (#854) (4ed3cfc)
  • DDI-885: rename GoAContainer variant property to type (37f8ffe)
  • DDI-885: set input font-family (be7c7bc)
  • DDI-887: prevent modal window scrolling conflicts (#814) (4ef3f34)
  • DDI-888: Handle callout heading value being optional (#790) (e35c58c)
  • DDI-924: allow for dynamic data-bindinging to radio and dropdown components (e5d684d)
  • DDI-926: show default mouse cursor on chip hover (#812) (7d01f5e)
  • DDI-938: correct usage of dropdown's aria-selected attribute (e9427f8)
  • DDI-938: improve a11y on dropdown component (5991bf5)
  • DDI-960: Modified the container storybook page (#903) (32f9fcc)
  • DDI-972: fix react badge types (8e7f392)
  • DDI-991: allow date inputs to be cleared (7cf0e40)
  • DDI-994: Change padding to 4px (#920) (46ee087)
  • DDI-994: Modified the padding around the medium icon button (#923) (b610619)
  • 🐛 restore the document scroll setting on hard close (7978760)
  • add colors storybook docs (eb29e25)
  • add font family and box sizing to all web components (d7b402e)
  • add GoAButton import/export (69ed94c)
  • add GoAInput and GoATextarea UI tweaks (9f8b7ca)
  • add js to allow icons to work (ddf89ce)
  • add missing button variant styling (0a709b1)
  • add missing callout test for blank heading (#808) (2e9eb85)
  • add missing children in React Container component (#858) (19e9462)
  • add missing GoABadge exports (6fb7a80)
  • add package.json changes to allow web-components to be published (e6ac880)
  • add styles reference in badge stories (0b11707)
  • allow button group gap to vary based on type (c909447)
  • allow dropdown filter to be case insensitive and (25a92b1)
  • allow flexrow flex-basis styling to be overridden (2871b0d)
  • allow for icons and icon buttons to be color inverted (f8f310e)
  • allow for overriding of modal width (e524ff7)
  • allow for user defined data-testids in Modal (28e39f8)
  • allow GoAInput to allow for date functionality (3539d8d)
  • allow setting of GoAInput width, with default of 100% (6e06eb2)
  • allow the checkbox to keep internal check state (#898) (b926ea0)
  • autoformat formatting (fc4c714)
  • badge spacing and alignment (01a6aca)
  • badge text alignment when icon is not specified (0574382)
  • badge UI and testid (c0057e6)
  • better align badge items (7518a65)
  • broken alpha branch (#855) (d6e77f7)
  • broken react imports (24a7196)
  • broken storybook (4e0a764)
  • callout content padding (28480af)
  • CardTitle to h3, element loader css issue (a13cea3)
  • change disabled radio button opacity (649dc3d)
  • change radio border color on hover (36e3046)
  • change the css reset priority (b07972b)
  • change the css reset priority (1a52bec)
  • change the payload for the _change event (d99d7bb)
  • change the transition callback name for better clarity (8339685)
  • change the way error state styling is applied (06734fe)
  • checkbox not changing check state (24f2d08)
  • circular dependency compile warning (9c2af92)
  • cleanup and implement onChange interface to react GoACheckbox (e17b7b9)
  • collapse the event detail object for dropdown events (ccbf813)
  • color names (6822622)
  • component param updates (d56b8b7)
  • console warning for Textarea value binding (aa4d638)
  • convert GoAIconButtons to buttons (d61b103)
  • correct react component lib peer deps (c0afeba)
  • create new deployment (#8) (58773b9)
  • css var spelling (3bf439f)
  • date-fns dependency (ca3e5db)
  • default the selectedValues to an empty array (a029843)
  • deviations from container design docs (9a092ad)
  • deviations from design docs (4842ec1)
  • dropdown item falsey default values (084acc2)
  • dropdown minor fixes (535e6f9)
  • dropdown overlay (b6d8d3c)
  • ensure empty areas result in failed validation (f7f2a83)
  • ensure modal is above others on the z-index (baf65e3)
  • ensure radio group name is unique (cf4c0a6)
  • get react lib working with styles lib (44f50fa)
  • goa-radio fixes (179b5ba)
  • GoABadgeType export (b67ae49)
  • GoAIcon styling (bdf6687)
  • GoARadion checked should not be required (6079334)
  • hero banner bottom border color (79b6de4)
  • icon name reference using old camelCase style (b7567bb)
  • icon sizes and variant names (c303eb7)
  • increase Badge margins (3acbf6f)
  • increase max-width of page-block (aa4fb68)
  • invert the modal scroll option (fd80c5b)
  • lack of storybook styling (1c86431)
  • make additional GoAInput params optional (438d624)
  • make app-header title optional (26d31d7)
  • make changes in the right package.json file (982a558)
  • make React button onClick optional (#906) (72d80bf)
  • make vertical orientation the default (75162d5)
  • match design specs for icon buttons (270a558)
  • Microsite Header mobile view and other design update (#725) (4e5bd34)
  • microsite-header styling updates (124d9a6)
  • minor badge styling update (cc66302)
  • missing experimental exports (fdc478f)
  • modal storybook (e8a7b5a)
  • Modify padding for AppHeader (#909) (2006b96)
  • move page-block width into css var (5d6671a)
  • move v2 component styles to core-css (50b9d1a)
  • prevent button box-shadow from being cut off (6eb4a77)
  • prevent dropdown menu from being hidden within modal (6303cc1)
  • prevent formitem optional field from defaulting to true (0a7bb53)
  • prevent space being added to page at modal location when opened (d3634e4)
  • DDI-973: Removed an uneccessary default type (07a049a)
  • DDI-973: Updated react and angular demos to show prefix and suffix input values (17ce4af)
  • DDI-973: Updated WCProps for input to mark type as not required (1bb385f)
  • DDI-991: fix date formatting causing date error offsets (bdddf5d)
  • prevent unwanted dismissing of dropdown option menu (939617c)
  • progress indicator not becoming visible in fullscreen mode (e3e77b0)
  • radio stylesheet import (3ac0aff)
  • re-add the string to boolean conversion within the web components (34f6728)
  • react and vue imports and exports (bf8cf62)
  • react and web-component mis-matching container variant types (3bc20e2)
  • react deps (102aa2f)
  • react form-item optional field not using default value (20456c9)
  • react input binding (60beb68)
  • react radio button (c7f0ee9)
  • react web-component dependency (162d8d5)
  • react web-component dependency version (1a42eed)
  • refactor GoADropdown (e3ddbc8)
  • remove experimental exports from root index file (4292edf)
  • remove the badge margin (aa0bb65)
  • remove title from button (4e9d850)
  • remove unused imports (f1ea339)
  • revert "chore: update React peer deps to v18" (07289f2)
  • DDI-980: fix button accessibility issues (b45ffa2)
  • scrollbarwidth calculation if there is no scrollbar (2dda292)
  • second attempt at setting the width (30d1e2c)
  • set modal padding to 28px (89557cd)
  • show all matching icons when searching (92e2dae)
  • show the helptext when there is an error (788d844)
  • styling fixes for FormItem (4b62355)
  • #278: Implement the missed design system and examples (ed60b84), closes #278
  • remove button min-width (86cb50f)
  • remove dropdown event binding on destroy (2b57d55)
  • set height of microsite header (4f7df77)
  • show black icon for important callouts (02a4fa0)
  • show icons in web-component storybook (d1fea75)
  • styling tweaks (4b7a905)
  • the GoAInput disabled state css (254504c)
  • undefined element (c73bd3e)
  • update file filters for svelte build (9520517)
  • update GoAButton styles (7d68fc3)
  • update service level header to match design specs (e6d7612)
  • update the web-component version required (beb08c8)
  • use 'normal' instead of empty default value for size and variant (d098af5)
  • use react attribute name format (3196424)
  • web-component stories (fe03218)

Features

  • #264: add skeleton component (17f9dc3), closes #264
  • #270: ability to set modal transition speed (f0d3c9b), closes #270
  • #427: app-footer component (428a76a), closes #427
  • #427: app-footer component with multi column section support (b8a5449), closes #427
  • #430: add form item component (d1c375e), closes #430
  • #458: rename page-loader to circular-progress (8511a36), closes #458
  • #572: add chip component (cea11d9), closes #572
  • #676: update Button for new design specs (31727af), closes #676
  • #682: add char count to input and textarea (9d4b98c), closes #682
  • DDI-1002: Adding new property variant (#907) (842f8c3)
  • DDI-1043: add Angular value attribute binding (9d58029)
  • DDI-871: add autocapitalize property to GoAInput component (cbd0616)
  • DDI-917: Added icon to the form-item error message (#942) (07794b3)
  • DDI-935: add min,max and step attrs to input component (ec56756)
  • DDI-940: add two column layout component (d5fcced)
  • DDI-969: add date input (7338335)
  • DDI-994: Added a new storybook page for Icon Button (#914) (14a2b48)
  • ✨ add container component docs and tests (a78811e), closes #277
  • add a form validation helper (1bf0d41)
  • add ability to enable container colors based on variant (a7aab2e)
  • add alignment option in GoAFormActions (889d46a)
  • add all ionicons (ba30642)
  • add callout component (79ceebf)
  • add container component (38057bf)
  • add dropdown filter functionality (9868f0c)
  • add dropdown keyboard control (876743d)
  • add dropdown stories (4b7c6f2)
  • add explicit input GoA components (2625f42)
  • add flex row component (f3af6c2)
  • add flex-column component to provide an equivalent to the flex-row (5656e3f)
  • add initial draft of Divider component (98b24f4)
  • add modal (7aaa23b)
  • add new 'compact' design changes (a22b42e)
  • add new GoACard component (e8d8397)
  • add optional feedback url property for service level header (023bf18)
  • add page-block component to help with footer positioning (f84133f)
  • DDIDS-312: trap the focus inside the modal when tab or shift+tab used (becb1f7)
  • add pencil (edit) icon (121bc74)
  • add pre-defined transitions (16f22c9)
  • add react appheader component (18db37e)
  • add react button (f30cdeb)
  • add react button group (99f7ba4)
  • add react card components (7893994)
  • add react container component (2bddc65)
  • add react hero banner (ed08495)
  • add react iconbutton (d1dd4c7)
  • add react notification component (b6926f3)
  • add react page block (4e7ea15)
  • add react page loader component (f0caffb)
  • add react spinner (e55fff0)
  • add react textarea component (e9ca96f)
  • add spinner tests and stories (4595e06)
  • add storybook and tests to HeroBanner (3fd81e1)
  • add transition components to separate styling from functionality (cc7bd2a)
  • app version header - react (08a7ec0)
  • bold matching text for dropdown (0ebbf00)
  • create React form-item wrapper component (216bf2f)
  • CS-809 - UI component - Microsite Logo (895414d)
  • form row component (f1ce3e8)
  • GoAInput and GoATextArea components (41b2c00)
  • icon and iconButton component (8fd3765)
  • Icon component (a7a8755)
  • microsite header (59066a8)
  • modal react wrapper component (0d2d634)
  • more components (3bc36a9)
  • Move skeleton controls out of experimental (ab7fefa)
  • Promote Element Loader out of experimental components (#32) (8d9599d)
  • Promote Page Loader out of experimental components after it is implemented in: Angular, React, and Vue (#17) (7343e9a)
  • provide label attribute on radio buttons to match checkobox implementation (51bf6f3)
  • radio button (86f8556)
  • react callout component (54926f4)
  • react modal component (67d74be)
  • react sevice-level-header (cb1fee0)
  • react skeleton component (baa1830)
  • remove formstate from component (#16) (5ed380a)
  • svelte input updates, fixes and stories (9d232c1)
  • textarea (a8346f3)
  • update padding (a064c0f)
  • update the dropdown menu (5e51afa)
  • use defined icons in GoABadge (7d31a39)

Reverts

  • Revert "fix(DDI-994): Change padding to 4px (#920)" (#921) (7e84153), closes #920 #921

BREAKING CHANGES

  • DDI-960: This heavily changes how containers are used.
    Removed colored as an option.
    Changed headingSize property to accent.
    Changed types for the new accent property to thick, thin, and filled
    Default for accent property is filled.
    The new default type is interactive.
    Showing the title and action properties in the storybook.
  • #676: The previous small, medium and large sizes have been replaced with compact and normal.
ui-components - angular-v2.0.0

Published by tzuge almost 2 years ago

2.0.0 (2022-11-07)

Bug Fixes

  • angular binding lib (66be163)
  • Testing the angular release (#936) (2057177)
  • angular-components: updating angular library dependencies to angular 12; this was the case after the repo dependencies update, but needs to be reflected on the library package.json. (114c219)
  • fix docs page, small ui fix - based on pr comment (a694976)
  • make compliant with design (9a816a9)
  • remove GoAFormField matching components (2098784)
  • simplify component communication (32c5a9b)

Features

  • DDI-1043: add Angular value attribute binding (9d58029)
  • more components (3bc36a9)
  • angular-components: accessor to number-input (2e617d5)
  • angular-components: doc update and triggering feature release for MR #72 (36a1830)
  • Add Angular skeleton elements (1ea69fb)
  • angular card group component CS-308 (8ea1b93)
  • Fix build errors (311777b)
  • Move skeleton controls out of experimental (ab7fefa)
  • Promote Element Loader out of experimental components (#32) (8d9599d)
  • Promote Page Loader out of experimental components after it is implemented in: Angular, React, and Vue (#17) (7343e9a)
  • remove lifecycle hooks not required (8b34203)
  • removed unneeded export (b1c059e)
  • update padding (a064c0f)
  • update storybook element sizes (a954329)

BREAKING CHANGES

  • angular-components: angular library now requires Angular 12.
ui-components - angular-v2.0.0-alpha.10

Published by tzuge almost 2 years ago

2.0.0-alpha.10 (2022-11-03)

Bug Fixes

ui-components - web-components-v1.0.0-alpha.122

Published by tzuge almost 2 years ago

1.0.0-alpha.122 (2022-11-02)

Features

  • DDI-917: Added icon to the form-item error message (#942) (07794b3)
ui-components - react-v4.0.0-alpha.81

Published by tzuge almost 2 years ago

4.0.0-alpha.81 (2022-11-02)

Features

  • DDI-917: Added icon to the form-item error message (#942) (07794b3)
ui-components - angular-v2.0.0-alpha.9

Published by tzuge almost 2 years ago

2.0.0-alpha.9 (2022-11-02)

Features

  • DDI-917: Added icon to the form-item error message (#942) (07794b3)
ui-components - web-components-v1.0.0-alpha.121

Published by tzuge almost 2 years ago

1.0.0-alpha.121 (2022-11-01)

Bug Fixes

  • DDI-1054: remove the textarea char counter (bb9c35f)
ui-components - react-v4.0.0-alpha.80

Published by tzuge almost 2 years ago

4.0.0-alpha.80 (2022-11-01)

Bug Fixes

  • DDI-1054: remove the textarea char counter (bb9c35f)
ui-components - angular-v2.0.0-alpha.8

Published by tzuge almost 2 years ago

2.0.0-alpha.8 (2022-11-01)

Bug Fixes

  • DDI-1054: remove the textarea char counter (bb9c35f)
ui-components - web-components-v1.0.0-alpha.120

Published by tzuge almost 2 years ago

1.0.0-alpha.120 (2022-10-31)

Bug Fixes

  • DDI-1063: ensure dropdown retains focus after menu item selection (abc0c32)
ui-components - react-v4.0.0-alpha.79

Published by tzuge almost 2 years ago

4.0.0-alpha.79 (2022-10-31)

Bug Fixes

  • DDI-1063: ensure dropdown retains focus after menu item selection (abc0c32)
ui-components - angular-v2.0.0-alpha.7

Published by tzuge almost 2 years ago

2.0.0-alpha.7 (2022-10-31)

Bug Fixes

  • DDI-1063: ensure dropdown retains focus after menu item selection (abc0c32)
ui-components - angular-v2.0.0-alpha.6

Published by tzuge almost 2 years ago

2.0.0-alpha.6 (2022-10-26)

Bug Fixes

  • Testing the angular release (#936) (2057177)
  • #492: clear the input value when the search icon is clicked (3c90eb9), closes #492
  • #582: remove unwanted offset on GoAInput with leading icon (c7769ba), closes #582
  • #636: make the radio button highlight visible (d3ba2dc), closes #636
  • #638: use height rather than line-height (b1e300d), closes #638
  • #639: center input leading icon (bb998b9), closes #639
  • #647: change modal title property name to heading (8563d91), closes #647
  • #658: set input value for the type=date calendar change event (c018dc0), closes #658
  • #671: override search input clear icon with GoA X icon (0600205), closes #671
  • DDI-1006: changing modal's default transition to none (#894) (6c210fe)
  • DDI-1008: Fixed layout height (#904) (7d233b8)
  • DDI-1012: fixing overlap issue with help text and counter (700c620)
  • DDI-1022: match dropdown keyboard bindings with native (cb3121c)
  • DDI-1040: label wrapping with parent container (#919) (7e34b70)
  • DDI-791: fix container header padding causing issues with vertical alignment (bbfcae7)
  • DDI-823: change buttons to inline (#817) (dc6478a)
  • DDI-829: add aria-labels to form components (#807) (f51266e)
  • DDI-837: provide 'submit' button type (656c1e8)
  • DDI-849: match textarea padding with UI specs (#810) (3510a9f)
  • DDI-880: Fix the modal focus jumping out when tab key is pressed (5d806a3)
  • DDI-883: storybook updates (#854) (4ed3cfc)
  • DDI-885: rename GoAContainer variant property to type (37f8ffe)
  • DDI-885: set input font-family (be7c7bc)
  • DDI-887: prevent modal window scrolling conflicts (#814) (4ef3f34)
  • DDI-888: Handle callout heading value being optional (#790) (e35c58c)
  • DDI-924: allow for dynamic data-bindinging to radio and dropdown components (e5d684d)
  • DDI-938: correct usage of dropdown's aria-selected attribute (e9427f8)
  • DDI-938: improve a11y on dropdown component (5991bf5)
  • DDI-960: Modified the container storybook page (#903) (32f9fcc)
  • DDI-994: Change padding to 4px (#920) (46ee087)
  • DDI-994: Modified the padding around the medium icon button (#923) (b610619)
  • add size prop to CircularProgress component (01f4b04)
  • add missing callout test for blank heading (#808) (2e9eb85)
  • add styles reference in badge stories (0b11707)
  • allow button group gap to vary based on type (c909447)
  • allow for default props to circular progress component (bc70c32)
  • allow for overriding of modal width (e524ff7)
  • allow setting of GoAInput width, with default of 100% (6e06eb2)
  • allow the checkbox to keep internal check state (#898) (b926ea0)
  • app footer padding and width (9e7b512)
  • app header horizontal padding (ed5b969)
  • badge spacing and alignment (01a6aca)
  • badge text alignment when icon is not specified (0574382)
  • better align badge items (7518a65)
  • broken alpha branch (#855) (d6e77f7)
  • broken CircularProgress test (733c08d)
  • button, badge and chip vertical alignment of text (6ded2ca)
  • callout content padding (28480af)
  • change disabled radio button opacity (649dc3d)
  • change how flex-row is styled on mobile screens (0f82ca8)
  • change icon background color on chip hover (bde1cbb)
  • change radio border color on hover (36e3046)
  • change the payload for the _change event (d99d7bb)
  • checkbox error "border" width (73384da)
  • checkbox not changing check state (24f2d08)
  • chip state colors (494e8a8)
  • close dropdown on blur (2d97de3)
  • collapse the event detail object for dropdown events (ccbf813)
  • color names (6822622)
  • component param updates (d56b8b7)
  • container not showing the proper default background color (b91b027)
  • context-store state issue (d06424e)
  • css and minor internal checkbox updates (b5ff47d)
  • css var spelling (3bf439f)
  • deviations from container design docs (9a092ad)
  • deviations from design docs (4842ec1)
  • dropdown item falsey default values (084acc2)
  • dropdown width not being propery set (9dbc2e4)
  • ensure whole input is clickable (5c9bbff)
  • goa-radio fixes (179b5ba)
  • handle blank level in microsite header (94e75e6)
  • hero banner bottom border color (79b6de4)
  • hide radio buttons in Firefox (621ef99)
  • icon colors for non-primary buttons (0ac06e8)
  • incorrect color value name (e901820)
  • increase Badge margins (3acbf6f)
  • increase max-width of page-block (aa4fb68)
  • initial values not being visible in dropdown (7c5d4cc)
  • make app-header title optional (26d31d7)
  • Microsite Header mobile view and other design update (#725) (4e5bd34)
  • microsite-header styling updates (124d9a6)
  • minor input and dropdown style issue fixes (ede7fe8)
  • missed design specifications (ea6d1c5)
  • Modify padding for AppHeader (#909) (2006b96)
  • move page-block width into css var (5d6671a)
  • prevent button box-shadow from being cut off (6eb4a77)
  • prevent formitem optional field from defaulting to true (0a7bb53)
  • prevent input width from having compound width calculations (15950ad)
  • prevent radio and checkboxes from getting squishing (fba2f12)
  • prevent space being added to page at modal location when opened (d3634e4)
  • progress indicator not becoming visible in fullscreen mode (e3e77b0)
  • provide missing width (72ff638)
  • radio group (47a07f7)
  • remove button min-width (86cb50f)
  • remove closing of menu on blur (467a98c)
  • remove multiselect and filtering for dropdown (29aa0b4)
  • remove the optional chaining call that is not being transpiled properly (aa01b06)
  • remove title from button (4e9d850)
  • second attempt at setting the width (30d1e2c)
  • set dropdown background z-index (0cb853f)
  • show the user set title for the goa-icon and goa-icon-button (f2d4c56)
  • storybook and component updates (918a28c)
  • update input text color (6620e18)
  • use 'normal' instead of empty default value for size and variant (d098af5)
  • #267: incorrect opacity (09d51bf), closes #267
  • #278: Implement the missed design system and examples (ed60b84), closes #278
  • #313: change css var name (f635acc), closes #313
  • #430: fix color values (911dcaf)
  • #458: add missing size prop to CircularProgress tests (0d01b03), closes #458
  • #571: disabled input styling (ded203e), closes #571
  • #572: chip component style updates (bfb47c2), closes #572
  • #687: allow for better control of input/dropdown/textarea widths (9576e30), closes #687
  • DDI-661: add the ability to use ionicon logos (61b0b28)
  • DDI-926: show default mouse cursor on chip hover (#812) (7d01f5e)
  • DDIDS-311: textarea error color to be consistent with Input component (f5a4957)
  • set height of microsite header (4f7df77)
  • show black icon for important callouts (02a4fa0)
  • show icons in web-component storybook (d1fea75)
  • styling fixes for FormItem (4b62355)
  • update service level header to match design specs (e6d7612)

Features

  • #264: add skeleton component (17f9dc3), closes #264
  • #270: ability to set modal transition speed (f0d3c9b), closes #270
  • #427: app-footer component (428a76a), closes #427
  • #427: app-footer component with multi column section support (b8a5449), closes #427
  • #430: add form item component (d1c375e), closes #430
  • #458: rename page-loader to circular-progress (8511a36), closes #458
  • #572: add chip component (cea11d9), closes #572
  • #676: update Button for new design specs (31727af), closes #676
  • #682: add char count to input and textarea (9d4b98c), closes #682
  • DDI-1002: Adding new property variant (#907) (842f8c3)
  • DDI-1043: add Angular value attribute binding (9d58029)
  • DDI-871: add autocapitalize property to GoAInput component (cbd0616)
  • DDI-935: add min,max and step attrs to input component (ec56756)
  • DDI-940: add two column layout component (d5fcced)
  • DDI-969: add date input (7338335)
  • DDI-994: Added a new storybook page for Icon Button (#914) (14a2b48)
  • ✨ add container component docs and tests (a78811e), closes #277
  • add ability to enable container colors based on variant (a7aab2e)
  • add callout component (79ceebf)
  • add dropdown keyboard control (876743d)
  • add flex-column component to provide an equivalent to the flex-row (5656e3f)
  • add initial draft of Divider component (98b24f4)
  • add new 'compact' design changes (a22b42e)
  • add optional feedback url property for service level header (023bf18)
  • add page-block component to help with footer positioning (f84133f)
  • DDIDS-312: trap the focus inside the modal when tab or shift+tab used (becb1f7)
  • add spinner tests and stories (4595e06)
  • add storybook and tests to HeroBanner (3fd81e1)
  • microsite header (59066a8)
  • radio button (86f8556)
  • react modal component (67d74be)
  • svelte input updates, fixes and stories (9d232c1)
  • textarea (a8346f3)

Reverts

  • Revert "fix(DDI-994): Change padding to 4px (#920)" (#921) (7e84153), closes #920 #921

BREAKING CHANGES

  • DDI-960: This heavily changes how containers are used.
    Removed colored as an option.
    Changed headingSize property to accent.
    Changed types for the new accent property to thick, thin, and filled
    Default for accent property is filled.
    The new default type is interactive.
    Showing the title and action properties in the storybook.
  • #676: The previous small, medium and large sizes have been replaced with compact and normal.
ui-components - web-components-v1.0.0-alpha.119

Published by tzuge about 2 years ago

1.0.0-alpha.119 (2022-10-19)

Features

  • DDI-1043: add Angular value attribute binding (9d58029)
ui-components - react-v4.0.0-alpha.78

Published by tzuge about 2 years ago

4.0.0-alpha.78 (2022-10-19)

Features

  • DDI-1043: add Angular value attribute binding (9d58029)
ui-components - web-components-v1.0.0-alpha.118

Published by tzuge about 2 years ago

1.0.0-alpha.118 (2022-10-17)

Bug Fixes

  • DDI-1022: match dropdown keyboard bindings with native (cb3121c)
ui-components - react-v4.0.0-alpha.77

Published by tzuge about 2 years ago

4.0.0-alpha.77 (2022-10-17)

Bug Fixes

  • DDI-1022: match dropdown keyboard bindings with native (cb3121c)
ui-components - web-components-v1.0.0-alpha.117

Published by tzuge about 2 years ago

1.0.0-alpha.117 (2022-10-14)

Bug Fixes

  • DDI-994: Modified the padding around the medium icon button (#923) (b610619)