@khanacademy/wonder-blocks-tabs 0.2.0 → 0.2.1
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/dist/es/index.js +3 -0
- package/dist/index.js +3 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-tabs
|
|
2
2
|
|
|
3
|
+
## 0.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 86e1901: Override border on different states (focus-visible, hover, press) to account for the `IconButton` change from `outline` to `border` + `boxShadow`.
|
|
8
|
+
|
|
3
9
|
## 0.2.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/dist/es/index.js
CHANGED
|
@@ -177,17 +177,20 @@ const styles = StyleSheet.create({
|
|
|
177
177
|
textDecoration: "none",
|
|
178
178
|
":hover": {
|
|
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
185
|
":active": {
|
|
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
|
@@ -205,17 +205,20 @@ const styles = aphrodite.StyleSheet.create({
|
|
|
205
205
|
textDecoration: "none",
|
|
206
206
|
":hover": {
|
|
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
213
|
":active": {
|
|
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.1",
|
|
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.1.1",
|
|
18
|
+
"@khanacademy/wonder-blocks-typography": "3.1.3"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"aphrodite": "^1.2.5",
|