@khanacademy/wonder-blocks-tabs 0.2.4 → 0.2.6

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 CHANGED
@@ -1,5 +1,22 @@
1
1
  # @khanacademy/wonder-blocks-tabs
2
2
 
3
+ ## 0.2.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [2656fd4]
8
+ - Updated dependencies [6018552]
9
+ - Updated dependencies [7bbf311]
10
+ - Updated dependencies [7f79943]
11
+ - @khanacademy/wonder-blocks-tokens@9.0.0
12
+
13
+ ## 0.2.5
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies [e63adea]
18
+ - @khanacademy/wonder-blocks-tokens@8.0.0
19
+
3
20
  ## 0.2.4
4
21
 
5
22
  ### Patch Changes
package/dist/es/index.js CHANGED
@@ -147,10 +147,10 @@ const styles = StyleSheet.create({
147
147
  listStyle: "none",
148
148
  display: "inline-flex",
149
149
  [":has(a:hover)"]: {
150
- boxShadow: `inset 0 -${sizing.size_020} 0 0 ${semanticColor.action.secondary.progressive.hover.foreground}`
150
+ boxShadow: `inset 0 calc(${sizing.size_020}*-1) 0 0 ${semanticColor.action.secondary.progressive.hover.foreground}`
151
151
  },
152
152
  [":has(a:active)"]: {
153
- boxShadow: `inset 0 -${sizing.size_060} 0 0 ${semanticColor.action.secondary.progressive.press.foreground}`
153
+ boxShadow: `inset 0 calc(${sizing.size_060}*-1) 0 0 ${semanticColor.action.secondary.progressive.press.foreground}`
154
154
  },
155
155
  paddingBlockStart: sizing.size_080,
156
156
  paddingBlockEnd: sizing.size_180,
package/dist/index.js CHANGED
@@ -175,10 +175,10 @@ const styles = aphrodite.StyleSheet.create({
175
175
  listStyle: "none",
176
176
  display: "inline-flex",
177
177
  [":has(a:hover)"]: {
178
- boxShadow: `inset 0 -${wonderBlocksTokens.sizing.size_020} 0 0 ${wonderBlocksTokens.semanticColor.action.secondary.progressive.hover.foreground}`
178
+ boxShadow: `inset 0 calc(${wonderBlocksTokens.sizing.size_020}*-1) 0 0 ${wonderBlocksTokens.semanticColor.action.secondary.progressive.hover.foreground}`
179
179
  },
180
180
  [":has(a:active)"]: {
181
- boxShadow: `inset 0 -${wonderBlocksTokens.sizing.size_060} 0 0 ${wonderBlocksTokens.semanticColor.action.secondary.progressive.press.foreground}`
181
+ boxShadow: `inset 0 calc(${wonderBlocksTokens.sizing.size_060}*-1) 0 0 ${wonderBlocksTokens.semanticColor.action.secondary.progressive.press.foreground}`
182
182
  },
183
183
  paddingBlockStart: wonderBlocksTokens.sizing.size_080,
184
184
  paddingBlockEnd: wonderBlocksTokens.sizing.size_180,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-tabs",
3
- "version": "0.2.4",
3
+ "version": "0.2.6",
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-typography": "3.1.3",
18
- "@khanacademy/wonder-blocks-tokens": "7.0.0"
17
+ "@khanacademy/wonder-blocks-tokens": "9.0.0",
18
+ "@khanacademy/wonder-blocks-typography": "3.1.3"
19
19
  },
20
20
  "peerDependencies": {
21
21
  "aphrodite": "^1.2.5",