@khanacademy/wonder-blocks-dropdown 9.2.1 → 9.2.3

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 +29 -0
  2. package/dist/es/index.js +4 -2
  3. package/dist/index.js +4 -2
  4. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,34 @@
1
1
  # @khanacademy/wonder-blocks-dropdown
2
2
 
3
+ ## 9.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [24bf12f]
8
+ - @khanacademy/wonder-blocks-tokens@6.0.0
9
+ - @khanacademy/wonder-blocks-cell@4.1.6
10
+ - @khanacademy/wonder-blocks-clickable@6.1.6
11
+ - @khanacademy/wonder-blocks-layout@3.1.6
12
+ - @khanacademy/wonder-blocks-modal@7.1.7
13
+ - @khanacademy/wonder-blocks-pill@3.1.6
14
+ - @khanacademy/wonder-blocks-search-field@5.1.7
15
+
16
+ ## 9.2.2
17
+
18
+ ### Patch Changes
19
+
20
+ - 3dc5dac: Fix hover state to use primary surface
21
+ - 4846e9c: Update icon buttons to use the new mapping (from `primary` to `tertiary`)
22
+ - Updated dependencies [3dc5dac]
23
+ - Updated dependencies [4846e9c]
24
+ - @khanacademy/wonder-blocks-tokens@5.2.0
25
+ - @khanacademy/wonder-blocks-search-field@5.1.6
26
+ - @khanacademy/wonder-blocks-modal@7.1.6
27
+ - @khanacademy/wonder-blocks-cell@4.1.5
28
+ - @khanacademy/wonder-blocks-clickable@6.1.5
29
+ - @khanacademy/wonder-blocks-layout@3.1.5
30
+ - @khanacademy/wonder-blocks-pill@3.1.5
31
+
3
32
  ## 9.2.1
4
33
 
5
34
  ### Patch Changes
package/dist/es/index.js CHANGED
@@ -154,7 +154,7 @@ const styles$b = StyleSheet.create({
154
154
  },
155
155
  shared: {
156
156
  minHeight: DROPDOWN_ITEM_HEIGHT,
157
- paddingBlock: sizing.size_125
157
+ paddingBlock: sizing.size_100
158
158
  },
159
159
  label: {
160
160
  whiteSpace: "nowrap",
@@ -389,7 +389,7 @@ const theme$5 = {
389
389
  checkbox: {
390
390
  color: {
391
391
  hover: {
392
- background: semanticColor.action.secondary.progressive.hover.background,
392
+ background: semanticColor.surface.primary,
393
393
  foreground: semanticColor.action.secondary.progressive.hover.foreground
394
394
  },
395
395
  press: {
@@ -3219,6 +3219,7 @@ function Combobox({
3219
3219
  }), inputValue && !disabled && React.createElement(IconButton, {
3220
3220
  icon: xIcon,
3221
3221
  onClick: handleClearClick,
3222
+ actionType: "neutral",
3222
3223
  kind: "tertiary",
3223
3224
  size: "small",
3224
3225
  style: [styles.button, styles.clearButton],
@@ -3234,6 +3235,7 @@ function Combobox({
3234
3235
  onMouseDown: e => {
3235
3236
  e.preventDefault();
3236
3237
  },
3238
+ actionType: "neutral",
3237
3239
  kind: "tertiary",
3238
3240
  size: "small",
3239
3241
  style: [styles.button, openState && styles.buttonOpen],
package/dist/index.js CHANGED
@@ -189,7 +189,7 @@ const styles$b = aphrodite.StyleSheet.create({
189
189
  },
190
190
  shared: {
191
191
  minHeight: DROPDOWN_ITEM_HEIGHT,
192
- paddingBlock: wonderBlocksTokens.sizing.size_125
192
+ paddingBlock: wonderBlocksTokens.sizing.size_100
193
193
  },
194
194
  label: {
195
195
  whiteSpace: "nowrap",
@@ -424,7 +424,7 @@ const theme$5 = {
424
424
  checkbox: {
425
425
  color: {
426
426
  hover: {
427
- background: wonderBlocksTokens.semanticColor.action.secondary.progressive.hover.background,
427
+ background: wonderBlocksTokens.semanticColor.surface.primary,
428
428
  foreground: wonderBlocksTokens.semanticColor.action.secondary.progressive.hover.foreground
429
429
  },
430
430
  press: {
@@ -3254,6 +3254,7 @@ function Combobox({
3254
3254
  }), inputValue && !disabled && React__namespace.createElement(IconButton__default["default"], {
3255
3255
  icon: xIcon__default["default"],
3256
3256
  onClick: handleClearClick,
3257
+ actionType: "neutral",
3257
3258
  kind: "tertiary",
3258
3259
  size: "small",
3259
3260
  style: [styles.button, styles.clearButton],
@@ -3269,6 +3270,7 @@ function Combobox({
3269
3270
  onMouseDown: e => {
3270
3271
  e.preventDefault();
3271
3272
  },
3273
+ actionType: "neutral",
3272
3274
  kind: "tertiary",
3273
3275
  size: "small",
3274
3276
  style: [styles.button, openState && styles.buttonOpen],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-dropdown",
3
- "version": "9.2.1",
3
+ "version": "9.2.3",
4
4
  "design": "v1",
5
5
  "description": "Dropdown variants for Wonder Blocks.",
6
6
  "main": "dist/index.js",
@@ -14,16 +14,16 @@
14
14
  "dependencies": {
15
15
  "@babel/runtime": "^7.24.5",
16
16
  "@khanacademy/wonder-blocks-announcer": "1.0.0",
17
- "@khanacademy/wonder-blocks-cell": "4.1.4",
18
- "@khanacademy/wonder-blocks-clickable": "6.1.4",
17
+ "@khanacademy/wonder-blocks-cell": "4.1.6",
18
+ "@khanacademy/wonder-blocks-clickable": "6.1.6",
19
19
  "@khanacademy/wonder-blocks-core": "12.2.1",
20
20
  "@khanacademy/wonder-blocks-icon": "5.1.3",
21
- "@khanacademy/wonder-blocks-layout": "3.1.4",
22
- "@khanacademy/wonder-blocks-modal": "7.1.5",
23
- "@khanacademy/wonder-blocks-pill": "3.1.4",
24
- "@khanacademy/wonder-blocks-search-field": "5.1.5",
21
+ "@khanacademy/wonder-blocks-layout": "3.1.6",
22
+ "@khanacademy/wonder-blocks-modal": "7.1.7",
23
+ "@khanacademy/wonder-blocks-pill": "3.1.6",
24
+ "@khanacademy/wonder-blocks-search-field": "5.1.7",
25
25
  "@khanacademy/wonder-blocks-timing": "7.0.2",
26
- "@khanacademy/wonder-blocks-tokens": "5.1.1",
26
+ "@khanacademy/wonder-blocks-tokens": "6.0.0",
27
27
  "@khanacademy/wonder-blocks-typography": "3.1.3"
28
28
  },
29
29
  "peerDependencies": {