@hashicorp/design-system-components 2.14.2 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/CHANGELOG-FIGMA-COMPONENTS.md +177 -0
  2. package/CHANGELOG-FIGMA-FOUNDATIONS.md +2 -0
  3. package/CHANGELOG.md +368 -55
  4. package/README.md +1 -1
  5. package/addon/components/hds/accordion/item/index.hbs +16 -5
  6. package/addon/components/hds/application-state/body.hbs +2 -2
  7. package/addon/components/hds/application-state/header.hbs +4 -4
  8. package/addon/components/hds/button/{index.js → index.ts} +34 -4
  9. package/addon/components/hds/copy/button/index.hbs +1 -1
  10. package/addon/components/hds/copy/button/index.js +14 -2
  11. package/addon/components/hds/copy/snippet/index.hbs +3 -3
  12. package/addon/components/hds/copy/snippet/index.js +19 -2
  13. package/addon/components/hds/dropdown/index.js +0 -3
  14. package/addon/components/hds/dropdown/list-item/checkmark.hbs +9 -3
  15. package/addon/components/hds/dropdown/list-item/copy-item.hbs +8 -4
  16. package/addon/components/hds/dropdown/list-item/copy-item.js +13 -0
  17. package/addon/components/hds/dropdown/list-item/description.hbs +9 -2
  18. package/addon/components/hds/dropdown/list-item/description.js +0 -18
  19. package/addon/components/hds/dropdown/list-item/interactive.hbs +4 -4
  20. package/addon/components/hds/dropdown/list-item/radio.hbs +6 -1
  21. package/addon/components/hds/dropdown/list-item/title.hbs +9 -2
  22. package/addon/components/hds/dropdown/list-item/title.js +0 -18
  23. package/addon/components/hds/flyout/description.hbs +2 -2
  24. package/addon/components/hds/flyout/header.hbs +4 -4
  25. package/addon/components/hds/form/error/index.hbs +2 -2
  26. package/addon/components/hds/form/error/index.js +0 -3
  27. package/addon/components/hds/form/error/message.hbs +2 -2
  28. package/addon/components/hds/form/helper-text/index.hbs +10 -2
  29. package/addon/components/hds/form/helper-text/index.js +0 -3
  30. package/addon/components/hds/form/indicator/index.hbs +1 -1
  31. package/addon/components/hds/form/indicator/index.js +0 -3
  32. package/addon/components/hds/form/masked-input/base.hbs +8 -10
  33. package/addon/components/hds/form/masked-input/base.js +14 -14
  34. package/addon/components/hds/form/masked-input/field.hbs +3 -1
  35. package/addon/components/hds/form/radio-card/description.hbs +6 -1
  36. package/addon/components/hds/form/radio-card/group.hbs +1 -2
  37. package/addon/components/hds/form/radio-card/index.js +5 -33
  38. package/addon/components/hds/form/radio-card/label.hbs +7 -1
  39. package/addon/components/hds/form/text-input/base.js +5 -0
  40. package/addon/components/hds/form/text-input/field.hbs +23 -11
  41. package/addon/components/hds/form/text-input/field.js +59 -0
  42. package/addon/components/hds/form/visibility-toggle/index.hbs +8 -0
  43. package/addon/components/hds/interactive/{index.js → index.ts} +28 -3
  44. package/addon/components/hds/modal/header.hbs +4 -4
  45. package/addon/components/hds/page-header/description.hbs +7 -1
  46. package/addon/components/hds/page-header/subtitle.hbs +7 -1
  47. package/addon/components/hds/page-header/title.hbs +7 -1
  48. package/addon/components/hds/pagination/compact/index.js +0 -16
  49. package/addon/components/hds/pagination/info/index.hbs +2 -2
  50. package/addon/components/hds/pagination/nav/arrow.hbs +16 -4
  51. package/addon/components/hds/pagination/nav/arrow.js +0 -2
  52. package/addon/components/hds/pagination/nav/number.hbs +2 -1
  53. package/addon/components/hds/pagination/nav/number.js +1 -6
  54. package/addon/components/hds/side-nav/list/index.hbs +2 -2
  55. package/addon/components/hds/stepper/step/indicator.hbs +6 -1
  56. package/addon/components/hds/tag/index.hbs +2 -2
  57. package/addon/modifiers/hds-clipboard.js +163 -0
  58. package/addon/template-registry.ts +12 -0
  59. package/app/components/hds/form/visibility-toggle/index.js +6 -0
  60. package/app/modifiers/hds-clipboard.js +6 -0
  61. package/app/styles/components/button.scss +2 -0
  62. package/app/styles/components/copy/snippet.scss +22 -14
  63. package/app/styles/components/dropdown.scss +5 -8
  64. package/app/styles/components/flyout.scss +0 -2
  65. package/app/styles/components/form/group.scss +5 -0
  66. package/app/styles/components/form/index.scss +1 -0
  67. package/app/styles/components/form/masked-input.scss +0 -9
  68. package/app/styles/components/form/radio-card.scss +2 -4
  69. package/app/styles/components/form/text-input.scss +17 -0
  70. package/app/styles/components/form/visibility-toggle.scss +23 -0
  71. package/app/styles/components/stepper/step-indicator.scss +0 -3
  72. package/app/styles/components/tag.scss +1 -5
  73. package/app/styles/mixins/_button.scss +14 -4
  74. package/index.js +3 -0
  75. package/package.json +33 -4
  76. package/tsconfig.json +46 -0
  77. package/types/dummy/index.d.ts +6 -0
  78. package/types/global.d.ts +12 -0
@@ -0,0 +1,177 @@
1
+ # [HDS Product - Components](https://www.figma.com/file/noyY6dUMDYjmySpHcMjhkN/HDS-Product---Components?type=design&node-id=6790-10926&mode=design&t=Ps0aMGZ6F3z7bAJ4-0)
2
+
3
+ ## September 15th, 2023
4
+
5
+ `IconTile` and `IconTile-Logo` - Added a new product variant for Vault Secrets.
6
+
7
+ ## August 17th, 2023
8
+
9
+ `SideNav` - Changed the icon from `User` to `Help` in the first dropdown at the top of the `SideNav`.
10
+
11
+ ## July 31st, 2023
12
+
13
+ `Field/Date`, `Field/Time`, `Field/Datetime` - Fixed the default width of the components to match the browser default.
14
+
15
+ ## July 13th, 2023
16
+
17
+ Added new components:
18
+
19
+ - `Accordion`
20
+ - `MaskedInput`
21
+
22
+ ## July 12th, 2023
23
+
24
+ Added a “Form Primitives” page to house the `Fieldset` component.
25
+
26
+ ## June 9th, 2023
27
+
28
+ `Reveal` - Added the component.
29
+
30
+ ## June 1st, 2023
31
+
32
+ ### Breaking change
33
+
34
+ `Dropdown` - Fixed a spacing issue between the label and chevron in the ToggleButton.
35
+
36
+ ## May 31st, 2023
37
+
38
+ `ApplicationState` - Updated the text style to reduce the prominence.
39
+
40
+ ## May 11th, 2023
41
+
42
+ Added new utility components:
43
+
44
+ - `Cursor`
45
+ - `Scrollbar`
46
+
47
+ ## May 10th, 2023
48
+
49
+ `SegmentedGroup` - Refactored the component, including:
50
+
51
+ - Fixing a bug that created an “inception” style loop of the inheritance between the published component library and the local components.
52
+ - Adding more straightforward support for the focus state of the `Select` component when nested within a `SegmentedGroup`.
53
+
54
+ `Select` - Updated the focus state to bring consistency in how the `Select` and the other form controls account for this interactive state.
55
+
56
+ ## April 28th, 2023
57
+
58
+ Added new components:
59
+
60
+ - `Tooltip`
61
+ - `SegmentedGroup`
62
+
63
+ ## April 14th, 2023
64
+
65
+ `Dropdown` - Fixed a bug in the ListHeader where the search field wasn’t resizing properly.
66
+
67
+ ## May 30th, 2023
68
+
69
+ ### Breaking change
70
+
71
+ `Dropdown` - Refactored the component to utilize new Figma functionality and added the following features:
72
+
73
+ - Added `ListItem variants`: `Checkmark`, `Checkbox`, `Radio`.
74
+ - Added `ListItem variants`: `Checkmark`, `Checkbox`, `Radio`.
75
+ - Updated positioning options from Left and Right to Top left, Top right, Bottom left, Bottom right
76
+ - Improved accessibility on `ToggleIcon` by adding a border to better indicate interactivity.
77
+ - Added small variants of the `ToggleButton` and `ToggleIcon`.
78
+ - Added a Header and Footer to the List.
79
+ - Added the ability to set a fixed height on the List resulting in the use of a scrollbar for longer lists.
80
+
81
+ [Tips for migration](https://www.figma.com/file/noyY6dUMDYjmySpHcMjhkN/HDS-Product---Components?type=design&node-id=6264-20834&mode=design)
82
+
83
+ ## February 14th, 2023
84
+
85
+ `Overlay` - Moved this component from the `Modal` page to it’s own page and stickersheet as it’s used with other components.
86
+
87
+ Added new components:
88
+ - `Pagination`
89
+ - `Flyout`
90
+
91
+ ## January 12th, 2023
92
+
93
+ `Modal` - Fixed a bug in which the tagline wasn’t inheriting the color style in the header.
94
+
95
+ ## December 15th, 2022
96
+
97
+ `Modal` - Updated the border radius (visual change) and moved the color property out of the header subcomponent and into the main component.
98
+
99
+ `Table` - Updated to auto layout to assist in wrapping content.
100
+
101
+ ## December 12th, 2022
102
+
103
+ `Checkbox` - Added an indeterminate state to the component.
104
+
105
+ ## November 2nd, 2022
106
+
107
+ `Tabs` - Added the component.
108
+
109
+ ## October 4th, 2022
110
+
111
+ `RadioCard` - Added the component.
112
+
113
+ ## September 22nd, 2022
114
+
115
+ `Dropdown` - Added a small variant of the `ToggleButton`.
116
+
117
+ ## August 30th, 20222
118
+
119
+ `Search` - Fixed a bug where the Search component wasn't resizing properly.
120
+
121
+ ## July 29th, 2022
122
+
123
+ Added new components:
124
+
125
+ - `Checkbox`
126
+ - `Radio`
127
+ - `Select`
128
+ - `Stepper Indicator`
129
+ - `Tag`
130
+ - `Textarea`
131
+ - `TextInput`
132
+ - `Toggle`
133
+
134
+ ## May 27th, 2022
135
+
136
+ `Dropdown` - Added 2 ListItem variants; ListItem “type=loading” and ListItem/CopyItem.
137
+
138
+ `Button/Link/CTA` - Updated the styling (added an underline) and moved the LinkCTA component into the Button component as new variants tied to the property “isLink”.
139
+
140
+ ### Breaking change
141
+
142
+ `Alert`, `Toast` - Refactored the component with improved actions using boolean properties for easier configuration.
143
+
144
+ ## May 19th, 2022
145
+
146
+ ### Breaking change
147
+
148
+ `Dropdown` - Refactored the component, including:
149
+
150
+ - fixing resizing issues,
151
+ - adding more ListItems within the pre-built list,
152
+ - making ListItem types more discoverable,
153
+ - adding more properties on the parent component for easier and faster configuration.
154
+
155
+ ## May 6th, 2022
156
+
157
+ `Alert`, `Toast` - Added the components.
158
+
159
+ ## April 25th, 2022
160
+
161
+ `Dropdown` - Added the component.
162
+
163
+ Removed all the “WIP” language and added meaningful descriptions and documentation links to each component.
164
+
165
+ ## April 5th, 2022
166
+
167
+ `LinkCTA` - Added the component.
168
+
169
+ `ButtonGroup` - Fixed a minor color mapping issue with the border on the primary variant of the ButtonGroup component.
170
+
171
+ ### Breaking change
172
+
173
+ `Badge` - Removed badge variants in a status color (success, warning, critical) that did not have icons.
174
+
175
+ ## March 23rd, 2022
176
+
177
+ Re-mapped the colors used in the components to the new semantic tokens or built-in local styles, as necessary.
@@ -0,0 +1,2 @@
1
+ # [HDS Product - Foundations](https://www.figma.com/file/oQsMzMMnynfPWpMEt91OpH/HDS-Product---Foundations?type=design&node-id=4728-1879&mode=design&t=vM0eNG3c9YY5rmmu-0)
2
+