@hashicorp/design-system-components 0.6.0 → 0.7.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.md +6 -0
- package/{COMPONENT-CHECKLIST.md → NEW-COMPONENT-CHECKLIST.md} +0 -0
- package/README.md +2 -0
- package/addon/components/hds/disclosure/index.hbs +1 -1
- package/app/styles/components/badge-count.scss +0 -1
- package/app/styles/components/badge.scss +0 -1
- package/app/styles/components/button.scss +0 -2
- package/app/styles/components/icon-tile.scss +0 -1
- package/app/styles/mixins/_focus-ring.scss +0 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @hashicorp/design-system-components
|
|
2
2
|
|
|
3
|
+
## 0.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#150](https://github.com/hashicorp/design-system/pull/150) [`c236c159`](https://github.com/hashicorp/design-system/commit/c236c159f7d7ec6edc661710963f5733eb961edf) Thanks [@didoo](https://github.com/didoo)! - removed “box-sizing“ declarations from the components (we assume the consumers codebase already have set it to “border-box“ by default
|
|
8
|
+
|
|
3
9
|
## 0.6.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
File without changes
|
package/README.md
CHANGED
|
@@ -47,6 +47,8 @@ Finally, add this line to the top of your app's style file (`app.scss` or simila
|
|
|
47
47
|
@import '@hashicorp/design-system-components';
|
|
48
48
|
```
|
|
49
49
|
|
|
50
|
+
⚠️ **Notice**: our component library assumes that a `*, *::before, *::after { box-sizing: border-box; }` reset is applied globally in the CSS of the application. If in your use case this is not true, please speak with the design system team (we can try to find a workaround).
|
|
51
|
+
|
|
50
52
|
Usage
|
|
51
53
|
------------------------------------------------------------------------------
|
|
52
54
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="hds-disclosure" ...attributes>
|
|
2
2
|
<div class="hds-disclosure__toggle">
|
|
3
|
-
{{yield (hash onClickToggle=this.onClickToggle) to="toggle"}}
|
|
3
|
+
{{yield (hash onClickToggle=this.onClickToggle isActive=this.isActive) to="toggle"}}
|
|
4
4
|
</div>
|
|
5
5
|
{{#if this.isActive}}
|
|
6
6
|
<div
|
|
@@ -15,7 +15,6 @@ $hds-badge-count-border-width: 1px;
|
|
|
15
15
|
.hds-badge-count {
|
|
16
16
|
align-items: center;
|
|
17
17
|
border: $hds-badge-count-border-width solid transparent;
|
|
18
|
-
box-sizing: border-box;
|
|
19
18
|
display: inline-flex;
|
|
20
19
|
font-family: var(--token-typography-font-stack-text);
|
|
21
20
|
max-width: 100%;
|
|
@@ -18,7 +18,6 @@ $hds-button-focus-border-width: 3px;
|
|
|
18
18
|
align-items: center;
|
|
19
19
|
border: $hds-button-border-width solid transparent; // We need this to be transparent for a11y
|
|
20
20
|
border-radius: $hds-button-border-radius;
|
|
21
|
-
box-sizing: border-box; // TODO https://github.com/hashicorp/design-system-components/issues/46
|
|
22
21
|
display: flex;
|
|
23
22
|
font-family: var(--token-typography-font-stack-text);
|
|
24
23
|
isolation: isolate;
|
|
@@ -69,7 +68,6 @@ $hds-button-focus-border-width: 3px;
|
|
|
69
68
|
border-radius: $hds-button-border-radius + $hds-button-focus-border-width;
|
|
70
69
|
border: $hds-button-focus-border-width solid transparent;
|
|
71
70
|
bottom: -$shift;
|
|
72
|
-
box-sizing: border-box;
|
|
73
71
|
content: '';
|
|
74
72
|
left: -$shift;
|
|
75
73
|
position: absolute;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hashicorp/design-system-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "HashiCorp Design System Components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"hashicorp",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@embroider/test-setup": "^0.43.5",
|
|
51
51
|
"@glimmer/component": "^1.0.4",
|
|
52
52
|
"@glimmer/tracking": "^1.0.4",
|
|
53
|
-
"@percy/cli": "^1.0.
|
|
53
|
+
"@percy/cli": "^1.0.1",
|
|
54
54
|
"@percy/ember": "^3.0.0",
|
|
55
55
|
"babel-eslint": "^10.1.0",
|
|
56
56
|
"broccoli-asset-rev": "^3.0.0",
|