@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.
- package/CHANGELOG-FIGMA-COMPONENTS.md +177 -0
- package/CHANGELOG-FIGMA-FOUNDATIONS.md +2 -0
- package/CHANGELOG.md +368 -55
- package/README.md +1 -1
- package/addon/components/hds/accordion/item/index.hbs +16 -5
- package/addon/components/hds/application-state/body.hbs +2 -2
- package/addon/components/hds/application-state/header.hbs +4 -4
- package/addon/components/hds/button/{index.js → index.ts} +34 -4
- package/addon/components/hds/copy/button/index.hbs +1 -1
- package/addon/components/hds/copy/button/index.js +14 -2
- package/addon/components/hds/copy/snippet/index.hbs +3 -3
- package/addon/components/hds/copy/snippet/index.js +19 -2
- package/addon/components/hds/dropdown/index.js +0 -3
- package/addon/components/hds/dropdown/list-item/checkmark.hbs +9 -3
- package/addon/components/hds/dropdown/list-item/copy-item.hbs +8 -4
- package/addon/components/hds/dropdown/list-item/copy-item.js +13 -0
- package/addon/components/hds/dropdown/list-item/description.hbs +9 -2
- package/addon/components/hds/dropdown/list-item/description.js +0 -18
- package/addon/components/hds/dropdown/list-item/interactive.hbs +4 -4
- package/addon/components/hds/dropdown/list-item/radio.hbs +6 -1
- package/addon/components/hds/dropdown/list-item/title.hbs +9 -2
- package/addon/components/hds/dropdown/list-item/title.js +0 -18
- package/addon/components/hds/flyout/description.hbs +2 -2
- package/addon/components/hds/flyout/header.hbs +4 -4
- package/addon/components/hds/form/error/index.hbs +2 -2
- package/addon/components/hds/form/error/index.js +0 -3
- package/addon/components/hds/form/error/message.hbs +2 -2
- package/addon/components/hds/form/helper-text/index.hbs +10 -2
- package/addon/components/hds/form/helper-text/index.js +0 -3
- package/addon/components/hds/form/indicator/index.hbs +1 -1
- package/addon/components/hds/form/indicator/index.js +0 -3
- package/addon/components/hds/form/masked-input/base.hbs +8 -10
- package/addon/components/hds/form/masked-input/base.js +14 -14
- package/addon/components/hds/form/masked-input/field.hbs +3 -1
- package/addon/components/hds/form/radio-card/description.hbs +6 -1
- package/addon/components/hds/form/radio-card/group.hbs +1 -2
- package/addon/components/hds/form/radio-card/index.js +5 -33
- package/addon/components/hds/form/radio-card/label.hbs +7 -1
- package/addon/components/hds/form/text-input/base.js +5 -0
- package/addon/components/hds/form/text-input/field.hbs +23 -11
- package/addon/components/hds/form/text-input/field.js +59 -0
- package/addon/components/hds/form/visibility-toggle/index.hbs +8 -0
- package/addon/components/hds/interactive/{index.js → index.ts} +28 -3
- package/addon/components/hds/modal/header.hbs +4 -4
- package/addon/components/hds/page-header/description.hbs +7 -1
- package/addon/components/hds/page-header/subtitle.hbs +7 -1
- package/addon/components/hds/page-header/title.hbs +7 -1
- package/addon/components/hds/pagination/compact/index.js +0 -16
- package/addon/components/hds/pagination/info/index.hbs +2 -2
- package/addon/components/hds/pagination/nav/arrow.hbs +16 -4
- package/addon/components/hds/pagination/nav/arrow.js +0 -2
- package/addon/components/hds/pagination/nav/number.hbs +2 -1
- package/addon/components/hds/pagination/nav/number.js +1 -6
- package/addon/components/hds/side-nav/list/index.hbs +2 -2
- package/addon/components/hds/stepper/step/indicator.hbs +6 -1
- package/addon/components/hds/tag/index.hbs +2 -2
- package/addon/modifiers/hds-clipboard.js +163 -0
- package/addon/template-registry.ts +12 -0
- package/app/components/hds/form/visibility-toggle/index.js +6 -0
- package/app/modifiers/hds-clipboard.js +6 -0
- package/app/styles/components/button.scss +2 -0
- package/app/styles/components/copy/snippet.scss +22 -14
- package/app/styles/components/dropdown.scss +5 -8
- package/app/styles/components/flyout.scss +0 -2
- package/app/styles/components/form/group.scss +5 -0
- package/app/styles/components/form/index.scss +1 -0
- package/app/styles/components/form/masked-input.scss +0 -9
- package/app/styles/components/form/radio-card.scss +2 -4
- package/app/styles/components/form/text-input.scss +17 -0
- package/app/styles/components/form/visibility-toggle.scss +23 -0
- package/app/styles/components/stepper/step-indicator.scss +0 -3
- package/app/styles/components/tag.scss +1 -5
- package/app/styles/mixins/_button.scss +14 -4
- package/index.js +3 -0
- package/package.json +33 -4
- package/tsconfig.json +46 -0
- package/types/dummy/index.d.ts +6 -0
- 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.
|