@khanacademy/wonder-blocks-tabs 0.2.3 → 0.2.4
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 +8 -0
- package/dist/es/index.js +2 -2
- package/dist/index.js +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-tabs
|
|
2
2
|
|
|
3
|
+
## 0.2.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- e8ccf60: Update `borderRadius` styles to use new `border.radius` tokens
|
|
8
|
+
- Updated dependencies [e8ccf60]
|
|
9
|
+
- @khanacademy/wonder-blocks-tokens@7.0.0
|
|
10
|
+
|
|
3
11
|
## 0.2.3
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
package/dist/es/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from '@babel/runtime/helpers/extends';
|
|
2
2
|
import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
|
|
3
3
|
import { addStyle, useOnMountEffect, View } from '@khanacademy/wonder-blocks-core';
|
|
4
|
-
import { sizing, semanticColor, breakpoint } from '@khanacademy/wonder-blocks-tokens';
|
|
4
|
+
import { sizing, semanticColor, breakpoint, border } from '@khanacademy/wonder-blocks-tokens';
|
|
5
5
|
import { StyleSheet } from 'aphrodite';
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { styles as styles$2 } from '@khanacademy/wonder-blocks-typography';
|
|
@@ -193,7 +193,7 @@ const styles = StyleSheet.create({
|
|
|
193
193
|
border: "none",
|
|
194
194
|
outline: "none",
|
|
195
195
|
boxShadow: `0 0 0 ${sizing.size_020} ${semanticColor.focus.inner}, 0 0 0 ${sizing.size_040} ${semanticColor.focus.outer}`,
|
|
196
|
-
borderRadius:
|
|
196
|
+
borderRadius: border.radius.radius_0
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
199
|
});
|
package/dist/index.js
CHANGED
|
@@ -221,7 +221,7 @@ const styles = aphrodite.StyleSheet.create({
|
|
|
221
221
|
border: "none",
|
|
222
222
|
outline: "none",
|
|
223
223
|
boxShadow: `0 0 0 ${wonderBlocksTokens.sizing.size_020} ${wonderBlocksTokens.semanticColor.focus.inner}, 0 0 0 ${wonderBlocksTokens.sizing.size_040} ${wonderBlocksTokens.semanticColor.focus.outer}`,
|
|
224
|
-
borderRadius:
|
|
224
|
+
borderRadius: wonderBlocksTokens.border.radius.radius_0
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
227
|
});
|
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.4",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"description": "Tabs are used to control what content is shown",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@babel/runtime": "^7.24.5",
|
|
16
|
+
"@khanacademy/wonder-blocks-core": "12.2.1",
|
|
16
17
|
"@khanacademy/wonder-blocks-typography": "3.1.3",
|
|
17
|
-
"@khanacademy/wonder-blocks-tokens": "
|
|
18
|
-
"@khanacademy/wonder-blocks-core": "12.2.1"
|
|
18
|
+
"@khanacademy/wonder-blocks-tokens": "7.0.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"aphrodite": "^1.2.5",
|