@khanacademy/wonder-blocks-form 7.1.6 → 7.1.8

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/es/index.js +5 -5
  3. package/dist/index.js +5 -5
  4. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @khanacademy/wonder-blocks-form
2
2
 
3
+ ## 7.1.8
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
+ - @khanacademy/wonder-blocks-clickable@7.0.1
11
+ - @khanacademy/wonder-blocks-layout@3.1.7
12
+
13
+ ## 7.1.7
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies [38c926c]
18
+ - @khanacademy/wonder-blocks-clickable@7.0.0
19
+ - @khanacademy/wonder-blocks-core@12.2.1
20
+
3
21
  ## 7.1.6
4
22
 
5
23
  ### Patch Changes
package/dist/es/index.js CHANGED
@@ -97,7 +97,7 @@ const sharedStyles$1 = StyleSheet.create({
97
97
  boxSizing: "border-box",
98
98
  borderStyle: "solid",
99
99
  borderWidth: border.width.hairline,
100
- borderRadius: border.radius.small_3
100
+ borderRadius: 3
101
101
  },
102
102
  disabled: {
103
103
  cursor: "auto",
@@ -223,7 +223,7 @@ const disabledChecked = {
223
223
  left: size / 4,
224
224
  height: size / 2,
225
225
  width: size / 2,
226
- borderRadius: "50%",
226
+ borderRadius: border.radius.radius_full,
227
227
  backgroundColor: semanticColor.action.primary.disabled.background
228
228
  };
229
229
  const sharedStyles = StyleSheet.create({
@@ -242,7 +242,7 @@ const sharedStyles = StyleSheet.create({
242
242
  boxSizing: "border-box",
243
243
  borderStyle: "solid",
244
244
  borderWidth: border.width.hairline,
245
- borderRadius: "50%"
245
+ borderRadius: border.radius.radius_full
246
246
  },
247
247
  disabled: {
248
248
  cursor: "auto",
@@ -745,7 +745,7 @@ const styles$2 = StyleSheet.create({
745
745
  input: {
746
746
  width: "100%",
747
747
  height: 40,
748
- borderRadius: border.radius.medium_4,
748
+ borderRadius: border.radius.radius_040,
749
749
  boxSizing: "border-box",
750
750
  paddingLeft: spacing.medium_16,
751
751
  margin: 0
@@ -1102,7 +1102,7 @@ const states = {
1102
1102
  };
1103
1103
  const styles = StyleSheet.create({
1104
1104
  textarea: {
1105
- borderRadius: border.radius.medium_4,
1105
+ borderRadius: border.radius.radius_040,
1106
1106
  boxSizing: "border-box",
1107
1107
  padding: `${VERTICAL_SPACING_PX}px ${spacing.medium_16}px`,
1108
1108
  minHeight: `${VERTICAL_SPACING_PX * 2 + font.lineHeight.medium + 2 * border.width.hairline}px`
package/dist/index.js CHANGED
@@ -126,7 +126,7 @@ const sharedStyles$1 = aphrodite.StyleSheet.create({
126
126
  boxSizing: "border-box",
127
127
  borderStyle: "solid",
128
128
  borderWidth: wonderBlocksTokens.border.width.hairline,
129
- borderRadius: wonderBlocksTokens.border.radius.small_3
129
+ borderRadius: 3
130
130
  },
131
131
  disabled: {
132
132
  cursor: "auto",
@@ -252,7 +252,7 @@ const disabledChecked = {
252
252
  left: size / 4,
253
253
  height: size / 2,
254
254
  width: size / 2,
255
- borderRadius: "50%",
255
+ borderRadius: wonderBlocksTokens.border.radius.radius_full,
256
256
  backgroundColor: wonderBlocksTokens.semanticColor.action.primary.disabled.background
257
257
  };
258
258
  const sharedStyles = aphrodite.StyleSheet.create({
@@ -271,7 +271,7 @@ const sharedStyles = aphrodite.StyleSheet.create({
271
271
  boxSizing: "border-box",
272
272
  borderStyle: "solid",
273
273
  borderWidth: wonderBlocksTokens.border.width.hairline,
274
- borderRadius: "50%"
274
+ borderRadius: wonderBlocksTokens.border.radius.radius_full
275
275
  },
276
276
  disabled: {
277
277
  cursor: "auto",
@@ -774,7 +774,7 @@ const styles$2 = aphrodite.StyleSheet.create({
774
774
  input: {
775
775
  width: "100%",
776
776
  height: 40,
777
- borderRadius: wonderBlocksTokens.border.radius.medium_4,
777
+ borderRadius: wonderBlocksTokens.border.radius.radius_040,
778
778
  boxSizing: "border-box",
779
779
  paddingLeft: wonderBlocksTokens.spacing.medium_16,
780
780
  margin: 0
@@ -1131,7 +1131,7 @@ const states = {
1131
1131
  };
1132
1132
  const styles = aphrodite.StyleSheet.create({
1133
1133
  textarea: {
1134
- borderRadius: wonderBlocksTokens.border.radius.medium_4,
1134
+ borderRadius: wonderBlocksTokens.border.radius.radius_040,
1135
1135
  boxSizing: "border-box",
1136
1136
  padding: `${VERTICAL_SPACING_PX}px ${wonderBlocksTokens.spacing.medium_16}px`,
1137
1137
  minHeight: `${VERTICAL_SPACING_PX * 2 + wonderBlocksTokens.font.lineHeight.medium + 2 * wonderBlocksTokens.border.width.hairline}px`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-form",
3
- "version": "7.1.6",
3
+ "version": "7.1.8",
4
4
  "design": "v1",
5
5
  "description": "Form components for Wonder Blocks.",
6
6
  "main": "dist/index.js",
@@ -13,11 +13,11 @@
13
13
  },
14
14
  "dependencies": {
15
15
  "@babel/runtime": "^7.24.5",
16
- "@khanacademy/wonder-blocks-clickable": "6.1.6",
16
+ "@khanacademy/wonder-blocks-clickable": "7.0.1",
17
17
  "@khanacademy/wonder-blocks-core": "12.2.1",
18
18
  "@khanacademy/wonder-blocks-icon": "5.1.3",
19
- "@khanacademy/wonder-blocks-layout": "3.1.6",
20
- "@khanacademy/wonder-blocks-tokens": "6.0.0",
19
+ "@khanacademy/wonder-blocks-layout": "3.1.7",
20
+ "@khanacademy/wonder-blocks-tokens": "7.0.0",
21
21
  "@khanacademy/wonder-blocks-typography": "3.1.3"
22
22
  },
23
23
  "peerDependencies": {