@hashicorp/design-system-components 0.0.17 → 0.0.18
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.
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
## :pushpin: Summary
|
|
2
|
+
|
|
3
|
+
<!-- TLDR that includes the purpose of the PR e.g. "If merged, this PR..." -->
|
|
4
|
+
|
|
5
|
+
## :busts_in_silhouette: How to review this PR
|
|
6
|
+
|
|
7
|
+
<!-- Check one box -->
|
|
8
|
+
|
|
9
|
+
- [ ] Review commit-by-commit (please copy commit info to "Summary" for clarity)
|
|
10
|
+
- [ ] Review by "Files changed"
|
|
11
|
+
|
|
12
|
+
## :camera_flash: Screenshots
|
|
13
|
+
|
|
14
|
+
<!-- A picture is a thousand words -->
|
|
15
|
+
|
|
16
|
+
## :link: External links
|
|
17
|
+
|
|
18
|
+
<!-- Asana issues, RFCs, etc. -->
|
|
19
|
+
|
|
20
|
+
## :memo: Is it documented?
|
|
21
|
+
|
|
22
|
+
- [ ] Please confirm that this change is documented on the website!
|
|
23
|
+
|
|
24
|
+
***
|
|
25
|
+
|
|
26
|
+
:speech_balloon: Please consider using [conventional comments](https://conventionalcomments.org/) when reviewing this PR.
|
|
@@ -21,6 +21,7 @@ $hds-link-standalone-border-width: 1px;
|
|
|
21
21
|
color: var(--token-color-action-foreground-on-faint);
|
|
22
22
|
display: flex;
|
|
23
23
|
font-family: var(--token-typography-font-stack-text);
|
|
24
|
+
isolation: isolate; // used to create a new stacking context (needed to have the pseudo element below text/icon but not the parent container)
|
|
24
25
|
justify-content: center;
|
|
25
26
|
outline-color: transparent;
|
|
26
27
|
position: relative;
|
|
@@ -47,6 +48,7 @@ $hds-link-standalone-border-width: 1px;
|
|
|
47
48
|
position: absolute;
|
|
48
49
|
right: -$shift;
|
|
49
50
|
top: -$shift;
|
|
51
|
+
z-index: -1;
|
|
50
52
|
}
|
|
51
53
|
|
|
52
54
|
&.hds-link-standalone--icon-position-leading::before {
|
|
@@ -123,31 +125,38 @@ $size-props: (
|
|
|
123
125
|
&.is-hover {
|
|
124
126
|
text-decoration: underline;
|
|
125
127
|
transition: text-decoration-color 0.25s ease-in;
|
|
126
|
-
// TODO!
|
|
127
|
-
// discuss with Heather if she wants that we add calculation for text-decoration offset
|
|
128
128
|
}
|
|
129
129
|
&:active,
|
|
130
130
|
&.is-active {
|
|
131
131
|
text-decoration: underline;
|
|
132
132
|
|
|
133
|
-
|
|
133
|
+
}
|
|
134
|
+
// remove the focus ring on "active + focused" state (by design)
|
|
135
|
+
&:focus:active,
|
|
136
|
+
&:focus-visible:active,
|
|
137
|
+
&.is-focus.is-active {
|
|
134
138
|
&::before {
|
|
135
139
|
content: none;
|
|
136
140
|
}
|
|
137
141
|
}
|
|
142
|
+
|
|
138
143
|
}
|
|
139
144
|
|
|
140
145
|
.hds-link-standalone--color-primary {
|
|
141
|
-
color: var(--token-color-action-foreground-
|
|
146
|
+
color: var(--token-color-action-foreground-primary);
|
|
142
147
|
|
|
143
148
|
&:hover,
|
|
144
149
|
&.is-hover {
|
|
150
|
+
color: var(--token-color-action-background-hover);
|
|
145
151
|
text-decoration-color: #4E81E8; // custom color by design
|
|
146
152
|
}
|
|
147
153
|
&:active,
|
|
148
154
|
&.is-active {
|
|
149
|
-
color: var(--token-color-action-
|
|
150
|
-
text-decoration-color: #
|
|
155
|
+
color: var(--token-color-action-background-active);
|
|
156
|
+
text-decoration-color: #396ED6; // custom color by design
|
|
157
|
+
&::before {
|
|
158
|
+
background-color: var(--token-color-action-background-faint);
|
|
159
|
+
}
|
|
151
160
|
}
|
|
152
161
|
}
|
|
153
162
|
|
|
@@ -162,5 +171,8 @@ $size-props: (
|
|
|
162
171
|
&.is-active {
|
|
163
172
|
color: var(--token-color-neutral-foreground-secondary);
|
|
164
173
|
text-decoration-color: #6E7075; // custom color by design
|
|
174
|
+
&::before {
|
|
175
|
+
background-color: var(--token-color-palette-neutral-200);
|
|
176
|
+
}
|
|
165
177
|
}
|
|
166
178
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hashicorp/design-system-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.18",
|
|
4
4
|
"description": "HashiCorp Design System Components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"hashicorp",
|
|
@@ -81,12 +81,14 @@
|
|
|
81
81
|
"ember-a11y-refocus": "^2.1.0",
|
|
82
82
|
"ember-auto-import": "^2.2.3",
|
|
83
83
|
"ember-cli": "~3.28.4",
|
|
84
|
+
"ember-cli-clipboard": "^0.15.0",
|
|
84
85
|
"ember-cli-dependency-checker": "^3.2.0",
|
|
85
86
|
"ember-cli-inject-live-reload": "^2.1.0",
|
|
86
87
|
"ember-cli-markdown-it-templates": "^0.0.3",
|
|
87
88
|
"ember-cli-sri": "^2.1.1",
|
|
88
89
|
"ember-cli-string-helpers": "^6.1.0",
|
|
89
90
|
"ember-cli-terser": "^4.0.2",
|
|
91
|
+
"ember-concurrency": "^2.2.0",
|
|
90
92
|
"ember-disable-prototype-extensions": "^1.1.3",
|
|
91
93
|
"ember-export-application-global": "^2.0.1",
|
|
92
94
|
"ember-load-initializers": "^2.1.2",
|