@khanacademy/wonder-blocks-icon-button 6.1.2 → 6.1.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/es/index.js +9 -3
  3. package/dist/index.js +9 -3
  4. package/dist/themes/default.d.ts +10 -10
  5. package/dist/themes/khanmigo.d.ts +10 -10
  6. package/dist/themes/themed-icon-button.d.ts +10 -10
  7. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @khanacademy/wonder-blocks-icon-button
2
2
 
3
+ ## 6.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - 999101f: Fix IconButton theme to use semanticColor.icon tokens
8
+ - 1d7be37: Use pnpm catalog to pin dependency versions across packages
9
+ - Updated dependencies [1d7be37]
10
+ - Updated dependencies [999101f]
11
+ - @khanacademy/wonder-blocks-clickable@6.1.4
12
+ - @khanacademy/wonder-blocks-theming@3.2.1
13
+ - @khanacademy/wonder-blocks-core@12.2.1
14
+ - @khanacademy/wonder-blocks-icon@5.1.3
15
+ - @khanacademy/wonder-blocks-tokens@5.1.1
16
+
17
+ ## 6.1.3
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies [507cf2f]
22
+ - @khanacademy/wonder-blocks-tokens@5.1.0
23
+ - @khanacademy/wonder-blocks-clickable@6.1.3
24
+
3
25
  ## 6.1.2
4
26
 
5
27
  ### Patch Changes
package/dist/es/index.js CHANGED
@@ -131,19 +131,25 @@ const theme$1 = {
131
131
  }),
132
132
  destructive: _extends({}, baseColorStates.destructive, {
133
133
  default: _extends({}, baseColorStates.destructive.default, {
134
- foreground: semanticColor.text.primary
134
+ foreground: semanticColor.icon.secondary
135
135
  })
136
136
  })
137
137
  }),
138
138
  tertiary: _extends({}, baseColorStates, {
139
139
  progressive: _extends({}, baseColorStates.progressive, {
140
140
  default: _extends({}, baseColorStates.progressive.default, {
141
- foreground: semanticColor.text.secondary
141
+ foreground: semanticColor.icon.primary
142
+ }),
143
+ hover: _extends({}, baseColorStates.progressive.hover, {
144
+ background: "transparent"
142
145
  })
143
146
  }),
144
147
  destructive: _extends({}, baseColorStates.destructive, {
145
148
  default: _extends({}, baseColorStates.destructive.default, {
146
- foreground: semanticColor.text.secondary
149
+ foreground: semanticColor.icon.primary
150
+ }),
151
+ hover: _extends({}, baseColorStates.destructive.hover, {
152
+ background: "transparent"
147
153
  })
148
154
  })
149
155
  })
package/dist/index.js CHANGED
@@ -157,19 +157,25 @@ const theme$1 = {
157
157
  }),
158
158
  destructive: _extends__default["default"]({}, baseColorStates.destructive, {
159
159
  default: _extends__default["default"]({}, baseColorStates.destructive.default, {
160
- foreground: wonderBlocksTokens.semanticColor.text.primary
160
+ foreground: wonderBlocksTokens.semanticColor.icon.secondary
161
161
  })
162
162
  })
163
163
  }),
164
164
  tertiary: _extends__default["default"]({}, baseColorStates, {
165
165
  progressive: _extends__default["default"]({}, baseColorStates.progressive, {
166
166
  default: _extends__default["default"]({}, baseColorStates.progressive.default, {
167
- foreground: wonderBlocksTokens.semanticColor.text.secondary
167
+ foreground: wonderBlocksTokens.semanticColor.icon.primary
168
+ }),
169
+ hover: _extends__default["default"]({}, baseColorStates.progressive.hover, {
170
+ background: "transparent"
168
171
  })
169
172
  }),
170
173
  destructive: _extends__default["default"]({}, baseColorStates.destructive, {
171
174
  default: _extends__default["default"]({}, baseColorStates.destructive.default, {
172
- foreground: wonderBlocksTokens.semanticColor.text.secondary
175
+ foreground: wonderBlocksTokens.semanticColor.icon.primary
176
+ }),
177
+ hover: _extends__default["default"]({}, baseColorStates.destructive.hover, {
178
+ background: "transparent"
173
179
  })
174
180
  })
175
181
  })
package/dist/themes/default.d.ts CHANGED
@@ -211,15 +211,15 @@ declare const theme: {
211
211
  border: string;
212
212
  background: string;
213
213
  };
214
- focus: {
214
+ hover: {
215
+ background: string;
215
216
  border: string;
217
+ foreground: string;
216
218
  };
217
- press: {
219
+ focus: {
218
220
  border: string;
219
- background: string;
220
- foreground: string;
221
221
  };
222
- hover: {
222
+ press: {
223
223
  border: string;
224
224
  background: string;
225
225
  foreground: string;
@@ -231,15 +231,15 @@ declare const theme: {
231
231
  border: string;
232
232
  background: string;
233
233
  };
234
- focus: {
234
+ hover: {
235
+ background: string;
235
236
  border: string;
237
+ foreground: string;
236
238
  };
237
- press: {
239
+ focus: {
238
240
  border: string;
239
- background: string;
240
- foreground: string;
241
241
  };
242
- hover: {
242
+ press: {
243
243
  border: string;
244
244
  background: string;
245
245
  foreground: string;
package/dist/themes/khanmigo.d.ts CHANGED
@@ -214,15 +214,15 @@ declare const theme: {
214
214
  border: string;
215
215
  background: string;
216
216
  };
217
- focus: {
217
+ hover: {
218
+ background: string;
218
219
  border: string;
220
+ foreground: string;
219
221
  };
220
- press: {
222
+ focus: {
221
223
  border: string;
222
- background: string;
223
- foreground: string;
224
224
  };
225
- hover: {
225
+ press: {
226
226
  border: string;
227
227
  background: string;
228
228
  foreground: string;
@@ -234,15 +234,15 @@ declare const theme: {
234
234
  border: string;
235
235
  background: string;
236
236
  };
237
- focus: {
237
+ hover: {
238
+ background: string;
238
239
  border: string;
240
+ foreground: string;
239
241
  };
240
- press: {
242
+ focus: {
241
243
  border: string;
242
- background: string;
243
- foreground: string;
244
244
  };
245
- hover: {
245
+ press: {
246
246
  border: string;
247
247
  background: string;
248
248
  foreground: string;
package/dist/themes/themed-icon-button.d.ts CHANGED
@@ -221,15 +221,15 @@ export declare const IconButtonThemeContext: React.Context<{
221
221
  border: string;
222
222
  background: string;
223
223
  };
224
- focus: {
224
+ hover: {
225
+ background: string;
225
226
  border: string;
227
+ foreground: string;
226
228
  };
227
- press: {
229
+ focus: {
228
230
  border: string;
229
- background: string;
230
- foreground: string;
231
231
  };
232
- hover: {
232
+ press: {
233
233
  border: string;
234
234
  background: string;
235
235
  foreground: string;
@@ -241,15 +241,15 @@ export declare const IconButtonThemeContext: React.Context<{
241
241
  border: string;
242
242
  background: string;
243
243
  };
244
- focus: {
244
+ hover: {
245
+ background: string;
245
246
  border: string;
247
+ foreground: string;
246
248
  };
247
- press: {
249
+ focus: {
248
250
  border: string;
249
- background: string;
250
- foreground: string;
251
251
  };
252
- hover: {
252
+ press: {
253
253
  border: string;
254
254
  background: string;
255
255
  foreground: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-icon-button",
3
- "version": "6.1.2",
3
+ "version": "6.1.4",
4
4
  "design": "v1",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -13,11 +13,11 @@
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
15
  "@babel/runtime": "^7.24.5",
16
- "@khanacademy/wonder-blocks-clickable": "6.1.2",
17
- "@khanacademy/wonder-blocks-core": "12.2.0",
18
- "@khanacademy/wonder-blocks-icon": "5.1.2",
19
- "@khanacademy/wonder-blocks-theming": "3.2.0",
20
- "@khanacademy/wonder-blocks-tokens": "5.0.0"
16
+ "@khanacademy/wonder-blocks-clickable": "6.1.4",
17
+ "@khanacademy/wonder-blocks-core": "12.2.1",
18
+ "@khanacademy/wonder-blocks-icon": "5.1.3",
19
+ "@khanacademy/wonder-blocks-theming": "3.2.1",
20
+ "@khanacademy/wonder-blocks-tokens": "5.1.1"
21
21
  },
22
22
  "peerDependencies": {
23
23
  "aphrodite": "^1.2.5",