@khanacademy/wonder-blocks-tabs 0.2.0 → 0.2.2
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 +14 -0
- package/dist/es/index.js +5 -2
- package/dist/index.js +5 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-tabs
|
|
2
2
|
|
|
3
|
+
## 0.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 4846e9c: Fix pseudo-states to account for aria-disabled
|
|
8
|
+
- Updated dependencies [3dc5dac]
|
|
9
|
+
- @khanacademy/wonder-blocks-tokens@5.2.0
|
|
10
|
+
|
|
11
|
+
## 0.2.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- 86e1901: Override border on different states (focus-visible, hover, press) to account for the `IconButton` change from `outline` to `border` + `boxShadow`.
|
|
16
|
+
|
|
3
17
|
## 0.2.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
package/dist/es/index.js
CHANGED
|
@@ -175,19 +175,22 @@ const styles = StyleSheet.create({
|
|
|
175
175
|
position: "relative",
|
|
176
176
|
whiteSpace: "nowrap",
|
|
177
177
|
textDecoration: "none",
|
|
178
|
-
":hover": {
|
|
178
|
+
[":hover:not([aria-disabled=true])"]: {
|
|
179
179
|
textDecoration: "none",
|
|
180
|
+
border: "none",
|
|
180
181
|
outline: "none",
|
|
181
182
|
color: semanticColor.action.secondary.progressive.default.foreground,
|
|
182
183
|
backgroundColor: "transparent"
|
|
183
184
|
},
|
|
184
|
-
":active": {
|
|
185
|
+
[":active:not([aria-disabled=true])"]: {
|
|
185
186
|
textDecoration: "none",
|
|
187
|
+
border: "none",
|
|
186
188
|
outline: "none",
|
|
187
189
|
color: semanticColor.action.secondary.progressive.press.foreground
|
|
188
190
|
},
|
|
189
191
|
":focus-visible": {
|
|
190
192
|
color: semanticColor.action.secondary.progressive.default.foreground,
|
|
193
|
+
border: "none",
|
|
191
194
|
outline: "none",
|
|
192
195
|
boxShadow: `0 0 0 ${sizing.size_025} ${semanticColor.focus.inner}, 0 0 0 ${sizing.size_050} ${semanticColor.focus.outer}`,
|
|
193
196
|
borderRadius: 0
|
package/dist/index.js
CHANGED
|
@@ -203,19 +203,22 @@ const styles = aphrodite.StyleSheet.create({
|
|
|
203
203
|
position: "relative",
|
|
204
204
|
whiteSpace: "nowrap",
|
|
205
205
|
textDecoration: "none",
|
|
206
|
-
":hover": {
|
|
206
|
+
[":hover:not([aria-disabled=true])"]: {
|
|
207
207
|
textDecoration: "none",
|
|
208
|
+
border: "none",
|
|
208
209
|
outline: "none",
|
|
209
210
|
color: wonderBlocksTokens.semanticColor.action.secondary.progressive.default.foreground,
|
|
210
211
|
backgroundColor: "transparent"
|
|
211
212
|
},
|
|
212
|
-
":active": {
|
|
213
|
+
[":active:not([aria-disabled=true])"]: {
|
|
213
214
|
textDecoration: "none",
|
|
215
|
+
border: "none",
|
|
214
216
|
outline: "none",
|
|
215
217
|
color: wonderBlocksTokens.semanticColor.action.secondary.progressive.press.foreground
|
|
216
218
|
},
|
|
217
219
|
":focus-visible": {
|
|
218
220
|
color: wonderBlocksTokens.semanticColor.action.secondary.progressive.default.foreground,
|
|
221
|
+
border: "none",
|
|
219
222
|
outline: "none",
|
|
220
223
|
boxShadow: `0 0 0 ${wonderBlocksTokens.sizing.size_025} ${wonderBlocksTokens.semanticColor.focus.inner}, 0 0 0 ${wonderBlocksTokens.sizing.size_050} ${wonderBlocksTokens.semanticColor.focus.outer}`,
|
|
221
224
|
borderRadius: 0
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-tabs",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"description": "Tabs are used to control what content is shown",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@babel/runtime": "^7.24.5",
|
|
16
16
|
"@khanacademy/wonder-blocks-core": "12.2.1",
|
|
17
|
-
"@khanacademy/wonder-blocks-
|
|
18
|
-
"@khanacademy/wonder-blocks-
|
|
17
|
+
"@khanacademy/wonder-blocks-tokens": "5.2.0",
|
|
18
|
+
"@khanacademy/wonder-blocks-typography": "3.1.3"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"aphrodite": "^1.2.5",
|