@wix/design-system-tokens 1.102.0 → 1.102.1

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 (10) hide show
  1. package/all.css +24 -0
  2. package/all.st.css +48 -0
  3. package/component.st.css +48 -0
  4. package/package.json +2 -2
  5. package/studio/all.css +24 -0
  6. package/studio/all.st.css +48 -0
  7. package/studio/component.st.css +48 -0
  8. package/wixel/all.css +24 -0
  9. package/wixel/all.st.css +48 -0
  10. package/wixel/component.st.css +48 -0
package/all.css CHANGED
@@ -1403,6 +1403,30 @@
1403
1403
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
1404
1404
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
1405
1405
  --wds-info-icon-fill: var(--wds-color-text-primary);
1406
+ --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-hover);
1407
+ --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
1408
+ --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
1409
+ --wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-text-standard-primary-light);
1410
+ --wds-icon-button-color-text-standard-secondary-active: var(--wds-color-text-standard-primary-light);
1411
+ --wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
1412
+ --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary-light);
1413
+ --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
1414
+ --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
1415
+ --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-standard-tertiary);
1416
+ --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-standard-tertiary);
1417
+ --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-standard-tertiary);
1418
+ --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-hover);
1419
+ --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-secondary-active);
1420
+ --wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1421
+ --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1422
+ --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1423
+ --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
1424
+ --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-fill-standard-primary-hover);
1425
+ --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-fill-standard-secondary-active);
1426
+ --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-secondary);
1427
+ --wds-icon-button-color-border-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1428
+ --wds-icon-button-color-border-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1429
+ --wds-icon-button-color-border-standard-primary: var(--wds-color-fill-standard-primary);
1406
1430
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-tiny);
1407
1431
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-small);
1408
1432
  --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
package/all.st.css CHANGED
@@ -798,6 +798,30 @@
798
798
  @property st-global(--wds-gallery-item-padding-right-small);
799
799
  @property st-global(--wds-gallery-item-padding-vertical-medium);
800
800
  @property st-global(--wds-gallery-item-padding-vertical-small);
801
+ @property st-global(--wds-icon-button-color-border-standard-primary);
802
+ @property st-global(--wds-icon-button-color-border-standard-primary-active);
803
+ @property st-global(--wds-icon-button-color-border-standard-primary-hover);
804
+ @property st-global(--wds-icon-button-color-border-standard-secondary);
805
+ @property st-global(--wds-icon-button-color-border-standard-secondary-active);
806
+ @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
807
+ @property st-global(--wds-icon-button-color-fill-standard-primary);
808
+ @property st-global(--wds-icon-button-color-fill-standard-primary-active);
809
+ @property st-global(--wds-icon-button-color-fill-standard-primary-hover);
810
+ @property st-global(--wds-icon-button-color-fill-standard-secondary);
811
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-active);
812
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-hover);
813
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary);
814
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
815
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
816
+ @property st-global(--wds-icon-button-color-text-standard-primary);
817
+ @property st-global(--wds-icon-button-color-text-standard-primary-active);
818
+ @property st-global(--wds-icon-button-color-text-standard-primary-hover);
819
+ @property st-global(--wds-icon-button-color-text-standard-secondary);
820
+ @property st-global(--wds-icon-button-color-text-standard-secondary-active);
821
+ @property st-global(--wds-icon-button-color-text-standard-secondary-hover);
822
+ @property st-global(--wds-icon-button-color-text-standard-tertiary);
823
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
824
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
801
825
  @property st-global(--wds-image-border-radius-default);
802
826
  @property st-global(--wds-image-border-radius-none);
803
827
  @property st-global(--wds-info-icon-fill);
@@ -2327,6 +2351,30 @@
2327
2351
  --wds-gallery-item-padding-right-small: 18px;
2328
2352
  --wds-gallery-item-padding-vertical-medium: 18px;
2329
2353
  --wds-gallery-item-padding-vertical-small: 12px;
2354
+ --wds-icon-button-color-border-standard-primary: #116dff;
2355
+ --wds-icon-button-color-border-standard-primary-active: #084ebd;
2356
+ --wds-icon-button-color-border-standard-primary-hover: #0f62e6;
2357
+ --wds-icon-button-color-border-standard-secondary: #d6e6fe;
2358
+ --wds-icon-button-color-border-standard-secondary-active: #5999ff;
2359
+ --wds-icon-button-color-border-standard-secondary-hover: #0f62e6;
2360
+ --wds-icon-button-color-fill-standard-primary: #116dff;
2361
+ --wds-icon-button-color-fill-standard-primary-active: #084ebd;
2362
+ --wds-icon-button-color-fill-standard-primary-hover: #0f62e6;
2363
+ --wds-icon-button-color-fill-standard-secondary: #ffffff;
2364
+ --wds-icon-button-color-fill-standard-secondary-active: #5999ff;
2365
+ --wds-icon-button-color-fill-standard-secondary-hover: #0f62e6;
2366
+ --wds-icon-button-color-fill-standard-tertiary: #ffffff;
2367
+ --wds-icon-button-color-fill-standard-tertiary-active: #ffffff;
2368
+ --wds-icon-button-color-fill-standard-tertiary-hover: #ffffff;
2369
+ --wds-icon-button-color-text-standard-primary: #ffffff;
2370
+ --wds-icon-button-color-text-standard-primary-active: #ffffff;
2371
+ --wds-icon-button-color-text-standard-primary-hover: #ffffff;
2372
+ --wds-icon-button-color-text-standard-secondary: #116dff;
2373
+ --wds-icon-button-color-text-standard-secondary-active: #ffffff;
2374
+ --wds-icon-button-color-text-standard-secondary-hover: #ffffff;
2375
+ --wds-icon-button-color-text-standard-tertiary: #116dff;
2376
+ --wds-icon-button-color-text-standard-tertiary-active: #084ebd;
2377
+ --wds-icon-button-color-text-standard-tertiary-hover: #0f62e6;
2330
2378
  --wds-image-border-radius-default: 8px;
2331
2379
  --wds-image-border-radius-none: 0;
2332
2380
  --wds-info-icon-fill: #116dff;
package/component.st.css CHANGED
@@ -263,6 +263,30 @@
263
263
  @property st-global(--wds-gallery-item-padding-right-small);
264
264
  @property st-global(--wds-gallery-item-padding-vertical-medium);
265
265
  @property st-global(--wds-gallery-item-padding-vertical-small);
266
+ @property st-global(--wds-icon-button-color-border-standard-primary);
267
+ @property st-global(--wds-icon-button-color-border-standard-primary-active);
268
+ @property st-global(--wds-icon-button-color-border-standard-primary-hover);
269
+ @property st-global(--wds-icon-button-color-border-standard-secondary);
270
+ @property st-global(--wds-icon-button-color-border-standard-secondary-active);
271
+ @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
272
+ @property st-global(--wds-icon-button-color-fill-standard-primary);
273
+ @property st-global(--wds-icon-button-color-fill-standard-primary-active);
274
+ @property st-global(--wds-icon-button-color-fill-standard-primary-hover);
275
+ @property st-global(--wds-icon-button-color-fill-standard-secondary);
276
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-active);
277
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-hover);
278
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary);
279
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
280
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
281
+ @property st-global(--wds-icon-button-color-text-standard-primary);
282
+ @property st-global(--wds-icon-button-color-text-standard-primary-active);
283
+ @property st-global(--wds-icon-button-color-text-standard-primary-hover);
284
+ @property st-global(--wds-icon-button-color-text-standard-secondary);
285
+ @property st-global(--wds-icon-button-color-text-standard-secondary-active);
286
+ @property st-global(--wds-icon-button-color-text-standard-secondary-hover);
287
+ @property st-global(--wds-icon-button-color-text-standard-tertiary);
288
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
289
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
266
290
  @property st-global(--wds-image-border-radius-default);
267
291
  @property st-global(--wds-image-border-radius-none);
268
292
  @property st-global(--wds-info-icon-fill);
@@ -1166,6 +1190,30 @@
1166
1190
  --wds-gallery-item-padding-right-small: 18px;
1167
1191
  --wds-gallery-item-padding-vertical-medium: 18px;
1168
1192
  --wds-gallery-item-padding-vertical-small: 12px;
1193
+ --wds-icon-button-color-border-standard-primary: #116dff;
1194
+ --wds-icon-button-color-border-standard-primary-active: #084ebd;
1195
+ --wds-icon-button-color-border-standard-primary-hover: #0f62e6;
1196
+ --wds-icon-button-color-border-standard-secondary: #d6e6fe;
1197
+ --wds-icon-button-color-border-standard-secondary-active: #5999ff;
1198
+ --wds-icon-button-color-border-standard-secondary-hover: #0f62e6;
1199
+ --wds-icon-button-color-fill-standard-primary: #116dff;
1200
+ --wds-icon-button-color-fill-standard-primary-active: #084ebd;
1201
+ --wds-icon-button-color-fill-standard-primary-hover: #0f62e6;
1202
+ --wds-icon-button-color-fill-standard-secondary: #ffffff;
1203
+ --wds-icon-button-color-fill-standard-secondary-active: #5999ff;
1204
+ --wds-icon-button-color-fill-standard-secondary-hover: #0f62e6;
1205
+ --wds-icon-button-color-fill-standard-tertiary: #ffffff;
1206
+ --wds-icon-button-color-fill-standard-tertiary-active: #ffffff;
1207
+ --wds-icon-button-color-fill-standard-tertiary-hover: #ffffff;
1208
+ --wds-icon-button-color-text-standard-primary: #ffffff;
1209
+ --wds-icon-button-color-text-standard-primary-active: #ffffff;
1210
+ --wds-icon-button-color-text-standard-primary-hover: #ffffff;
1211
+ --wds-icon-button-color-text-standard-secondary: #116dff;
1212
+ --wds-icon-button-color-text-standard-secondary-active: #ffffff;
1213
+ --wds-icon-button-color-text-standard-secondary-hover: #ffffff;
1214
+ --wds-icon-button-color-text-standard-tertiary: #116dff;
1215
+ --wds-icon-button-color-text-standard-tertiary-active: #084ebd;
1216
+ --wds-icon-button-color-text-standard-tertiary-hover: #0f62e6;
1169
1217
  --wds-image-border-radius-default: 8px;
1170
1218
  --wds-image-border-radius-none: 0;
1171
1219
  --wds-info-icon-fill: #116dff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.102.0",
3
+ "version": "1.102.1",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "ff287ce526ce947aae8ab52537c0768eb537cbce1eebf132078a09aa"
36
+ "falconPackageHash": "fb3a9a23cd3519ed16da2811a16cf71517b84f96cd97934270aae5d9"
37
37
  }
package/studio/all.css CHANGED
@@ -1411,6 +1411,30 @@
1411
1411
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
1412
1412
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
1413
1413
  --wds-info-icon-fill: var(--wds-color-text-placeholder);
1414
+ --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-hover);
1415
+ --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
1416
+ --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
1417
+ --wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-text-standard-primary-light);
1418
+ --wds-icon-button-color-text-standard-secondary-active: var(--wds-color-text-standard-primary-light);
1419
+ --wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
1420
+ --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary-light);
1421
+ --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
1422
+ --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
1423
+ --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-standard-tertiary);
1424
+ --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-standard-tertiary);
1425
+ --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-standard-tertiary);
1426
+ --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-hover);
1427
+ --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-secondary-active);
1428
+ --wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1429
+ --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1430
+ --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1431
+ --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
1432
+ --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-fill-standard-primary-hover);
1433
+ --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-fill-standard-secondary-active);
1434
+ --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-secondary);
1435
+ --wds-icon-button-color-border-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1436
+ --wds-icon-button-color-border-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1437
+ --wds-icon-button-color-border-standard-primary: var(--wds-color-fill-standard-primary);
1414
1438
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1415
1439
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
1416
1440
  --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
package/studio/all.st.css CHANGED
@@ -794,6 +794,30 @@
794
794
  @property st-global(--wds-gallery-item-padding-right-small);
795
795
  @property st-global(--wds-gallery-item-padding-vertical-medium);
796
796
  @property st-global(--wds-gallery-item-padding-vertical-small);
797
+ @property st-global(--wds-icon-button-color-border-standard-primary);
798
+ @property st-global(--wds-icon-button-color-border-standard-primary-active);
799
+ @property st-global(--wds-icon-button-color-border-standard-primary-hover);
800
+ @property st-global(--wds-icon-button-color-border-standard-secondary);
801
+ @property st-global(--wds-icon-button-color-border-standard-secondary-active);
802
+ @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
803
+ @property st-global(--wds-icon-button-color-fill-standard-primary);
804
+ @property st-global(--wds-icon-button-color-fill-standard-primary-active);
805
+ @property st-global(--wds-icon-button-color-fill-standard-primary-hover);
806
+ @property st-global(--wds-icon-button-color-fill-standard-secondary);
807
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-active);
808
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-hover);
809
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary);
810
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
811
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
812
+ @property st-global(--wds-icon-button-color-text-standard-primary);
813
+ @property st-global(--wds-icon-button-color-text-standard-primary-active);
814
+ @property st-global(--wds-icon-button-color-text-standard-primary-hover);
815
+ @property st-global(--wds-icon-button-color-text-standard-secondary);
816
+ @property st-global(--wds-icon-button-color-text-standard-secondary-active);
817
+ @property st-global(--wds-icon-button-color-text-standard-secondary-hover);
818
+ @property st-global(--wds-icon-button-color-text-standard-tertiary);
819
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
820
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
797
821
  @property st-global(--wds-image-border-radius-default);
798
822
  @property st-global(--wds-image-border-radius-none);
799
823
  @property st-global(--wds-info-icon-fill);
@@ -2316,6 +2340,30 @@
2316
2340
  --wds-gallery-item-padding-right-small: 18px;
2317
2341
  --wds-gallery-item-padding-vertical-medium: 18px;
2318
2342
  --wds-gallery-item-padding-vertical-small: 12px;
2343
+ --wds-icon-button-color-border-standard-primary: #116dff;
2344
+ --wds-icon-button-color-border-standard-primary-active: #116dff;
2345
+ --wds-icon-button-color-border-standard-primary-hover: #0f62e6;
2346
+ --wds-icon-button-color-border-standard-secondary: #e2e3ea;
2347
+ --wds-icon-button-color-border-standard-secondary-active: #dce9ff;
2348
+ --wds-icon-button-color-border-standard-secondary-hover: #0f62e6;
2349
+ --wds-icon-button-color-fill-standard-primary: #116dff;
2350
+ --wds-icon-button-color-fill-standard-primary-active: #116dff;
2351
+ --wds-icon-button-color-fill-standard-primary-hover: #0f62e6;
2352
+ --wds-icon-button-color-fill-standard-secondary: #ffffff;
2353
+ --wds-icon-button-color-fill-standard-secondary-active: #dce9ff;
2354
+ --wds-icon-button-color-fill-standard-secondary-hover: #0f62e6;
2355
+ --wds-icon-button-color-fill-standard-tertiary: #ffffff;
2356
+ --wds-icon-button-color-fill-standard-tertiary-active: #ffffff;
2357
+ --wds-icon-button-color-fill-standard-tertiary-hover: #ffffff;
2358
+ --wds-icon-button-color-text-standard-primary: #ffffff;
2359
+ --wds-icon-button-color-text-standard-primary-active: #ffffff;
2360
+ --wds-icon-button-color-text-standard-primary-hover: #ffffff;
2361
+ --wds-icon-button-color-text-standard-secondary: #116dff;
2362
+ --wds-icon-button-color-text-standard-secondary-active: #ffffff;
2363
+ --wds-icon-button-color-text-standard-secondary-hover: #ffffff;
2364
+ --wds-icon-button-color-text-standard-tertiary: #116dff;
2365
+ --wds-icon-button-color-text-standard-tertiary-active: #116dff;
2366
+ --wds-icon-button-color-text-standard-tertiary-hover: #0f62e6;
2319
2367
  --wds-image-border-radius-default: 4px;
2320
2368
  --wds-image-border-radius-none: 0;
2321
2369
  --wds-info-icon-fill: #868aa5;
package/studio/component.st.css CHANGED
@@ -263,6 +263,30 @@
263
263
  @property st-global(--wds-gallery-item-padding-right-small);
264
264
  @property st-global(--wds-gallery-item-padding-vertical-medium);
265
265
  @property st-global(--wds-gallery-item-padding-vertical-small);
266
+ @property st-global(--wds-icon-button-color-border-standard-primary);
267
+ @property st-global(--wds-icon-button-color-border-standard-primary-active);
268
+ @property st-global(--wds-icon-button-color-border-standard-primary-hover);
269
+ @property st-global(--wds-icon-button-color-border-standard-secondary);
270
+ @property st-global(--wds-icon-button-color-border-standard-secondary-active);
271
+ @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
272
+ @property st-global(--wds-icon-button-color-fill-standard-primary);
273
+ @property st-global(--wds-icon-button-color-fill-standard-primary-active);
274
+ @property st-global(--wds-icon-button-color-fill-standard-primary-hover);
275
+ @property st-global(--wds-icon-button-color-fill-standard-secondary);
276
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-active);
277
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-hover);
278
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary);
279
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
280
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
281
+ @property st-global(--wds-icon-button-color-text-standard-primary);
282
+ @property st-global(--wds-icon-button-color-text-standard-primary-active);
283
+ @property st-global(--wds-icon-button-color-text-standard-primary-hover);
284
+ @property st-global(--wds-icon-button-color-text-standard-secondary);
285
+ @property st-global(--wds-icon-button-color-text-standard-secondary-active);
286
+ @property st-global(--wds-icon-button-color-text-standard-secondary-hover);
287
+ @property st-global(--wds-icon-button-color-text-standard-tertiary);
288
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
289
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
266
290
  @property st-global(--wds-image-border-radius-default);
267
291
  @property st-global(--wds-image-border-radius-none);
268
292
  @property st-global(--wds-info-icon-fill);
@@ -1163,6 +1187,30 @@
1163
1187
  --wds-gallery-item-padding-right-small: 18px;
1164
1188
  --wds-gallery-item-padding-vertical-medium: 18px;
1165
1189
  --wds-gallery-item-padding-vertical-small: 12px;
1190
+ --wds-icon-button-color-border-standard-primary: #116dff;
1191
+ --wds-icon-button-color-border-standard-primary-active: #116dff;
1192
+ --wds-icon-button-color-border-standard-primary-hover: #0f62e6;
1193
+ --wds-icon-button-color-border-standard-secondary: #e2e3ea;
1194
+ --wds-icon-button-color-border-standard-secondary-active: #dce9ff;
1195
+ --wds-icon-button-color-border-standard-secondary-hover: #0f62e6;
1196
+ --wds-icon-button-color-fill-standard-primary: #116dff;
1197
+ --wds-icon-button-color-fill-standard-primary-active: #116dff;
1198
+ --wds-icon-button-color-fill-standard-primary-hover: #0f62e6;
1199
+ --wds-icon-button-color-fill-standard-secondary: #ffffff;
1200
+ --wds-icon-button-color-fill-standard-secondary-active: #dce9ff;
1201
+ --wds-icon-button-color-fill-standard-secondary-hover: #0f62e6;
1202
+ --wds-icon-button-color-fill-standard-tertiary: #ffffff;
1203
+ --wds-icon-button-color-fill-standard-tertiary-active: #ffffff;
1204
+ --wds-icon-button-color-fill-standard-tertiary-hover: #ffffff;
1205
+ --wds-icon-button-color-text-standard-primary: #ffffff;
1206
+ --wds-icon-button-color-text-standard-primary-active: #ffffff;
1207
+ --wds-icon-button-color-text-standard-primary-hover: #ffffff;
1208
+ --wds-icon-button-color-text-standard-secondary: #116dff;
1209
+ --wds-icon-button-color-text-standard-secondary-active: #ffffff;
1210
+ --wds-icon-button-color-text-standard-secondary-hover: #ffffff;
1211
+ --wds-icon-button-color-text-standard-tertiary: #116dff;
1212
+ --wds-icon-button-color-text-standard-tertiary-active: #116dff;
1213
+ --wds-icon-button-color-text-standard-tertiary-hover: #0f62e6;
1166
1214
  --wds-image-border-radius-default: 4px;
1167
1215
  --wds-image-border-radius-none: 0;
1168
1216
  --wds-info-icon-fill: #868aa5;
package/wixel/all.css CHANGED
@@ -1426,6 +1426,30 @@
1426
1426
  --wds-input-background-fill-default: var(--wds-color-fill-standard-secondary);
1427
1427
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
1428
1428
  --wds-info-icon-fill: var(--wds-color-text-primary);
1429
+ --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-hover);
1430
+ --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
1431
+ --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
1432
+ --wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-text-standard-primary-light);
1433
+ --wds-icon-button-color-text-standard-secondary-active: var(--wds-color-text-standard-primary-light);
1434
+ --wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
1435
+ --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary-light);
1436
+ --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
1437
+ --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
1438
+ --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-standard-tertiary);
1439
+ --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-standard-tertiary);
1440
+ --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-standard-tertiary);
1441
+ --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-hover);
1442
+ --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-secondary-active);
1443
+ --wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1444
+ --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1445
+ --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1446
+ --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
1447
+ --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-fill-standard-primary-hover);
1448
+ --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-fill-standard-secondary-active);
1449
+ --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-secondary);
1450
+ --wds-icon-button-color-border-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1451
+ --wds-icon-button-color-border-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1452
+ --wds-icon-button-color-border-standard-primary: var(--wds-color-fill-standard-primary);
1429
1453
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-tiny);
1430
1454
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-small);
1431
1455
  --wds-form-field-label-fill: var(--wds-color-text-standard-primary);
package/wixel/all.st.css CHANGED
@@ -795,6 +795,30 @@
795
795
  @property st-global(--wds-gallery-item-padding-right-small);
796
796
  @property st-global(--wds-gallery-item-padding-vertical-medium);
797
797
  @property st-global(--wds-gallery-item-padding-vertical-small);
798
+ @property st-global(--wds-icon-button-color-border-standard-primary);
799
+ @property st-global(--wds-icon-button-color-border-standard-primary-active);
800
+ @property st-global(--wds-icon-button-color-border-standard-primary-hover);
801
+ @property st-global(--wds-icon-button-color-border-standard-secondary);
802
+ @property st-global(--wds-icon-button-color-border-standard-secondary-active);
803
+ @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
804
+ @property st-global(--wds-icon-button-color-fill-standard-primary);
805
+ @property st-global(--wds-icon-button-color-fill-standard-primary-active);
806
+ @property st-global(--wds-icon-button-color-fill-standard-primary-hover);
807
+ @property st-global(--wds-icon-button-color-fill-standard-secondary);
808
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-active);
809
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-hover);
810
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary);
811
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
812
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
813
+ @property st-global(--wds-icon-button-color-text-standard-primary);
814
+ @property st-global(--wds-icon-button-color-text-standard-primary-active);
815
+ @property st-global(--wds-icon-button-color-text-standard-primary-hover);
816
+ @property st-global(--wds-icon-button-color-text-standard-secondary);
817
+ @property st-global(--wds-icon-button-color-text-standard-secondary-active);
818
+ @property st-global(--wds-icon-button-color-text-standard-secondary-hover);
819
+ @property st-global(--wds-icon-button-color-text-standard-tertiary);
820
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
821
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
798
822
  @property st-global(--wds-image-border-radius-default);
799
823
  @property st-global(--wds-image-border-radius-none);
800
824
  @property st-global(--wds-info-icon-fill);
@@ -2329,6 +2353,30 @@
2329
2353
  --wds-gallery-item-padding-right-small: 18px;
2330
2354
  --wds-gallery-item-padding-vertical-medium: 18px;
2331
2355
  --wds-gallery-item-padding-vertical-small: 12px;
2356
+ --wds-icon-button-color-border-standard-primary: #526cff;
2357
+ --wds-icon-button-color-border-standard-primary-active: #4a2ae9;
2358
+ --wds-icon-button-color-border-standard-primary-hover: #4c49fb;
2359
+ --wds-icon-button-color-border-standard-secondary: #d6dcff;
2360
+ --wds-icon-button-color-border-standard-secondary-active: #bac5ff;
2361
+ --wds-icon-button-color-border-standard-secondary-hover: #4c49fb;
2362
+ --wds-icon-button-color-fill-standard-primary: #526cff;
2363
+ --wds-icon-button-color-fill-standard-primary-active: #4a2ae9;
2364
+ --wds-icon-button-color-fill-standard-primary-hover: #4c49fb;
2365
+ --wds-icon-button-color-fill-standard-secondary: #ffffff;
2366
+ --wds-icon-button-color-fill-standard-secondary-active: #bac5ff;
2367
+ --wds-icon-button-color-fill-standard-secondary-hover: #4c49fb;
2368
+ --wds-icon-button-color-fill-standard-tertiary: #ffffff;
2369
+ --wds-icon-button-color-fill-standard-tertiary-active: #ffffff;
2370
+ --wds-icon-button-color-fill-standard-tertiary-hover: #ffffff;
2371
+ --wds-icon-button-color-text-standard-primary: #ffffff;
2372
+ --wds-icon-button-color-text-standard-primary-active: #ffffff;
2373
+ --wds-icon-button-color-text-standard-primary-hover: #ffffff;
2374
+ --wds-icon-button-color-text-standard-secondary: #526cff;
2375
+ --wds-icon-button-color-text-standard-secondary-active: #ffffff;
2376
+ --wds-icon-button-color-text-standard-secondary-hover: #ffffff;
2377
+ --wds-icon-button-color-text-standard-tertiary: #526cff;
2378
+ --wds-icon-button-color-text-standard-tertiary-active: #4a2ae9;
2379
+ --wds-icon-button-color-text-standard-tertiary-hover: #4c49fb;
2332
2380
  --wds-image-border-radius-default: 4px;
2333
2381
  --wds-image-border-radius-none: 0;
2334
2382
  --wds-info-icon-fill: #526cff;
package/wixel/component.st.css CHANGED
@@ -260,6 +260,30 @@
260
260
  @property st-global(--wds-gallery-item-padding-right-small);
261
261
  @property st-global(--wds-gallery-item-padding-vertical-medium);
262
262
  @property st-global(--wds-gallery-item-padding-vertical-small);
263
+ @property st-global(--wds-icon-button-color-border-standard-primary);
264
+ @property st-global(--wds-icon-button-color-border-standard-primary-active);
265
+ @property st-global(--wds-icon-button-color-border-standard-primary-hover);
266
+ @property st-global(--wds-icon-button-color-border-standard-secondary);
267
+ @property st-global(--wds-icon-button-color-border-standard-secondary-active);
268
+ @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
269
+ @property st-global(--wds-icon-button-color-fill-standard-primary);
270
+ @property st-global(--wds-icon-button-color-fill-standard-primary-active);
271
+ @property st-global(--wds-icon-button-color-fill-standard-primary-hover);
272
+ @property st-global(--wds-icon-button-color-fill-standard-secondary);
273
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-active);
274
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-hover);
275
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary);
276
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
277
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
278
+ @property st-global(--wds-icon-button-color-text-standard-primary);
279
+ @property st-global(--wds-icon-button-color-text-standard-primary-active);
280
+ @property st-global(--wds-icon-button-color-text-standard-primary-hover);
281
+ @property st-global(--wds-icon-button-color-text-standard-secondary);
282
+ @property st-global(--wds-icon-button-color-text-standard-secondary-active);
283
+ @property st-global(--wds-icon-button-color-text-standard-secondary-hover);
284
+ @property st-global(--wds-icon-button-color-text-standard-tertiary);
285
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
286
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
263
287
  @property st-global(--wds-image-border-radius-default);
264
288
  @property st-global(--wds-image-border-radius-none);
265
289
  @property st-global(--wds-info-icon-fill);
@@ -1168,6 +1192,30 @@
1168
1192
  --wds-gallery-item-padding-right-small: 18px;
1169
1193
  --wds-gallery-item-padding-vertical-medium: 18px;
1170
1194
  --wds-gallery-item-padding-vertical-small: 12px;
1195
+ --wds-icon-button-color-border-standard-primary: #526cff;
1196
+ --wds-icon-button-color-border-standard-primary-active: #4a2ae9;
1197
+ --wds-icon-button-color-border-standard-primary-hover: #4c49fb;
1198
+ --wds-icon-button-color-border-standard-secondary: #d6dcff;
1199
+ --wds-icon-button-color-border-standard-secondary-active: #bac5ff;
1200
+ --wds-icon-button-color-border-standard-secondary-hover: #4c49fb;
1201
+ --wds-icon-button-color-fill-standard-primary: #526cff;
1202
+ --wds-icon-button-color-fill-standard-primary-active: #4a2ae9;
1203
+ --wds-icon-button-color-fill-standard-primary-hover: #4c49fb;
1204
+ --wds-icon-button-color-fill-standard-secondary: #ffffff;
1205
+ --wds-icon-button-color-fill-standard-secondary-active: #bac5ff;
1206
+ --wds-icon-button-color-fill-standard-secondary-hover: #4c49fb;
1207
+ --wds-icon-button-color-fill-standard-tertiary: #ffffff;
1208
+ --wds-icon-button-color-fill-standard-tertiary-active: #ffffff;
1209
+ --wds-icon-button-color-fill-standard-tertiary-hover: #ffffff;
1210
+ --wds-icon-button-color-text-standard-primary: #ffffff;
1211
+ --wds-icon-button-color-text-standard-primary-active: #ffffff;
1212
+ --wds-icon-button-color-text-standard-primary-hover: #ffffff;
1213
+ --wds-icon-button-color-text-standard-secondary: #526cff;
1214
+ --wds-icon-button-color-text-standard-secondary-active: #ffffff;
1215
+ --wds-icon-button-color-text-standard-secondary-hover: #ffffff;
1216
+ --wds-icon-button-color-text-standard-tertiary: #526cff;
1217
+ --wds-icon-button-color-text-standard-tertiary-active: #4a2ae9;
1218
+ --wds-icon-button-color-text-standard-tertiary-hover: #4c49fb;
1171
1219
  --wds-image-border-radius-default: 4px;
1172
1220
  --wds-image-border-radius-none: 0;
1173
1221
  --wds-info-icon-fill: #526cff;