@wix/design-system-tokens 1.17.0 → 1.18.0

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/all.css +8 -1
  2. package/all.st.css +14 -0
  3. package/component.st.css +14 -0
  4. package/package.json +2 -2
  5. package/studio/all.css +8 -1
  6. package/studio/all.st.css +14 -0
  7. package/studio/component.st.css +14 -0
package/all.css CHANGED
@@ -99,6 +99,13 @@
99
99
  --wds-circular-progress-bar-size-large: 102px;
100
100
  --wds-circular-progress-bar-size-medium: 54px;
101
101
  --wds-circular-progress-bar-size-small: 30px;
102
+ --wds-close-button-standard-fill-active: #084ebd;
103
+ --wds-close-button-standard-fill-disabled: rgba(0, 6, 36, .1);
104
+ --wds-close-button-standard-fill-hover: #a8caff;
105
+ --wds-close-button-standard-filled-fill: #d6e6fe;
106
+ --wds-close-button-standard-filled-text: #116dff;
107
+ --wds-close-button-standard-filled-text-disabled: #ffffff;
108
+ --wds-close-button-standard-filled-text-hover: #116dff;
102
109
  --wds-composer-sidebar-bottom-width: 90px;
103
110
  --wds-composer-sidebar-end-max-width: 240px;
104
111
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 6px;
@@ -722,6 +729,7 @@
722
729
  --wds-color-yellow-400: #ffe2a5;
723
730
  --wds-color-yellow-500: #fff0d1;
724
731
  --wds-color-yellow-600: #fff6e5;
732
+ --wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
725
733
  --wds-color-border-dark-primary: #868aa5;
726
734
  --wds-color-border-dark-primary-active: #44485f;
727
735
  --wds-color-border-dark-primary-disabled: rgba(0, 6, 36, .1);
@@ -811,7 +819,6 @@
811
819
  --wds-color-border-warning-tertiary-active: #ffd16e;
812
820
  --wds-color-border-warning-tertiary-disabled: rgba(0, 6, 36, .1);
813
821
  --wds-color-border-warning-tertiary-hover: #ffe2a5;
814
- --wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
815
822
  --wds-color-fill-accent-1: #1684EA;
816
823
  --wds-color-fill-accent-2: #17B0E2;
817
824
  --wds-color-fill-accent-3: #6544F9;
package/all.st.css CHANGED
@@ -115,6 +115,13 @@
115
115
  @property st-global(--wds-circular-progress-bar-size-large);
116
116
  @property st-global(--wds-circular-progress-bar-size-medium);
117
117
  @property st-global(--wds-circular-progress-bar-size-small);
118
+ @property st-global(--wds-close-button-standard-fill-active);
119
+ @property st-global(--wds-close-button-standard-fill-disabled);
120
+ @property st-global(--wds-close-button-standard-fill-hover);
121
+ @property st-global(--wds-close-button-standard-filled-fill);
122
+ @property st-global(--wds-close-button-standard-filled-text);
123
+ @property st-global(--wds-close-button-standard-filled-text-disabled);
124
+ @property st-global(--wds-close-button-standard-filled-text-hover);
118
125
  @property st-global(--wds-color-black-100);
119
126
  @property st-global(--wds-color-black-100-transparent-0);
120
127
  @property st-global(--wds-color-black-100-transparent-5);
@@ -1237,6 +1244,13 @@
1237
1244
  --wds-circular-progress-bar-size-large: 102px;
1238
1245
  --wds-circular-progress-bar-size-medium: 54px;
1239
1246
  --wds-circular-progress-bar-size-small: 30px;
1247
+ --wds-close-button-standard-fill-active: #084ebd;
1248
+ --wds-close-button-standard-fill-disabled: rgba(0, 6, 36, .1);
1249
+ --wds-close-button-standard-fill-hover: #a8caff;
1250
+ --wds-close-button-standard-filled-fill: #d6e6fe;
1251
+ --wds-close-button-standard-filled-text: #116dff;
1252
+ --wds-close-button-standard-filled-text-disabled: #ffffff;
1253
+ --wds-close-button-standard-filled-text-hover: #116dff;
1240
1254
  --wds-color-black-100: #000624;
1241
1255
  --wds-color-black-100-transparent-0: rgba(0, 6, 36, 0);
1242
1256
  --wds-color-black-100-transparent-5: rgba(0, 6, 36, .05);
package/component.st.css CHANGED
@@ -98,6 +98,13 @@
98
98
  @property st-global(--wds-circular-progress-bar-size-large);
99
99
  @property st-global(--wds-circular-progress-bar-size-medium);
100
100
  @property st-global(--wds-circular-progress-bar-size-small);
101
+ @property st-global(--wds-close-button-standard-fill-active);
102
+ @property st-global(--wds-close-button-standard-fill-disabled);
103
+ @property st-global(--wds-close-button-standard-fill-hover);
104
+ @property st-global(--wds-close-button-standard-filled-fill);
105
+ @property st-global(--wds-close-button-standard-filled-text);
106
+ @property st-global(--wds-close-button-standard-filled-text-disabled);
107
+ @property st-global(--wds-close-button-standard-filled-text-hover);
101
108
  @property st-global(--wds-composer-sidebar-bottom-width);
102
109
  @property st-global(--wds-composer-sidebar-end-max-width);
103
110
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
@@ -716,6 +723,13 @@
716
723
  --wds-circular-progress-bar-size-large: 102px;
717
724
  --wds-circular-progress-bar-size-medium: 54px;
718
725
  --wds-circular-progress-bar-size-small: 30px;
726
+ --wds-close-button-standard-fill-active: #084ebd;
727
+ --wds-close-button-standard-fill-disabled: rgba(0, 6, 36, .1);
728
+ --wds-close-button-standard-fill-hover: #a8caff;
729
+ --wds-close-button-standard-filled-fill: #d6e6fe;
730
+ --wds-close-button-standard-filled-text: #116dff;
731
+ --wds-close-button-standard-filled-text-disabled: #ffffff;
732
+ --wds-close-button-standard-filled-text-hover: #116dff;
719
733
  --wds-composer-sidebar-bottom-width: 90px;
720
734
  --wds-composer-sidebar-end-max-width: 240px;
721
735
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.17.0",
3
+ "version": "1.18.0",
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": "a6d35850ee78a38f6f30b0302cbd21cfa794442c06b81deed2cec5bc"
36
+ "falconPackageHash": "79034e72fd3f3524333af014463133c77b60d4107d14b9dd4ca793cf"
37
37
  }
package/studio/all.css CHANGED
@@ -99,6 +99,13 @@
99
99
  --wds-circular-progress-bar-size-large: 96px;
100
100
  --wds-circular-progress-bar-size-medium: 52px;
101
101
  --wds-circular-progress-bar-size-small: 24px;
102
+ --wds-close-button-standard-fill-active: #42454c;
103
+ --wds-close-button-standard-fill-disabled: #e5e5e5;
104
+ --wds-close-button-standard-fill-hover: #131720;
105
+ --wds-close-button-standard-filled-fill: #42454c;
106
+ --wds-close-button-standard-filled-text: #ffffff;
107
+ --wds-close-button-standard-filled-text-disabled: #ffffff;
108
+ --wds-close-button-standard-filled-text-hover: #ffffff;
102
109
  --wds-composer-sidebar-bottom-width: 88px;
103
110
  --wds-composer-sidebar-end-max-width: 240px;
104
111
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
@@ -721,6 +728,7 @@
721
728
  --wds-color-yellow-400: #fdead2;
722
729
  --wds-color-yellow-500: #fef3e5;
723
730
  --wds-color-yellow-600: #fef6ed;
731
+ --wds-color-border-ai-primary: #5a48f5;
724
732
  --wds-color-border-dark-primary: #868aa5;
725
733
  --wds-color-border-dark-primary-active: #2b2e36;
726
734
  --wds-color-border-dark-primary-disabled: rgba(19, 23, 32, .1);
@@ -810,7 +818,6 @@
810
818
  --wds-color-border-warning-tertiary-active: #fcd29d;
811
819
  --wds-color-border-warning-tertiary-disabled: rgba(19, 23, 32, .1);
812
820
  --wds-color-border-warning-tertiary-hover: #fdead2;
813
- --wds-color-border-ai-primary: #5a48f5;
814
821
  --wds-color-fill-accent-1: #1684EA;
815
822
  --wds-color-fill-accent-2: #17B0E2;
816
823
  --wds-color-fill-accent-3: #6959F0;
package/studio/all.st.css CHANGED
@@ -115,6 +115,13 @@
115
115
  @property st-global(--wds-circular-progress-bar-size-large);
116
116
  @property st-global(--wds-circular-progress-bar-size-medium);
117
117
  @property st-global(--wds-circular-progress-bar-size-small);
118
+ @property st-global(--wds-close-button-standard-fill-active);
119
+ @property st-global(--wds-close-button-standard-fill-disabled);
120
+ @property st-global(--wds-close-button-standard-fill-hover);
121
+ @property st-global(--wds-close-button-standard-filled-fill);
122
+ @property st-global(--wds-close-button-standard-filled-text);
123
+ @property st-global(--wds-close-button-standard-filled-text-disabled);
124
+ @property st-global(--wds-close-button-standard-filled-text-hover);
118
125
  @property st-global(--wds-color-black-100);
119
126
  @property st-global(--wds-color-black-100-transparent-0);
120
127
  @property st-global(--wds-color-black-100-transparent-5);
@@ -1232,6 +1239,13 @@
1232
1239
  --wds-circular-progress-bar-size-large: 96px;
1233
1240
  --wds-circular-progress-bar-size-medium: 52px;
1234
1241
  --wds-circular-progress-bar-size-small: 24px;
1242
+ --wds-close-button-standard-fill-active: #42454c;
1243
+ --wds-close-button-standard-fill-disabled: #e5e5e5;
1244
+ --wds-close-button-standard-fill-hover: #131720;
1245
+ --wds-close-button-standard-filled-fill: #42454c;
1246
+ --wds-close-button-standard-filled-text: #ffffff;
1247
+ --wds-close-button-standard-filled-text-disabled: #ffffff;
1248
+ --wds-close-button-standard-filled-text-hover: #ffffff;
1235
1249
  --wds-color-black-100: #131720;
1236
1250
  --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
1237
1251
  --wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
package/studio/component.st.css CHANGED
@@ -98,6 +98,13 @@
98
98
  @property st-global(--wds-circular-progress-bar-size-large);
99
99
  @property st-global(--wds-circular-progress-bar-size-medium);
100
100
  @property st-global(--wds-circular-progress-bar-size-small);
101
+ @property st-global(--wds-close-button-standard-fill-active);
102
+ @property st-global(--wds-close-button-standard-fill-disabled);
103
+ @property st-global(--wds-close-button-standard-fill-hover);
104
+ @property st-global(--wds-close-button-standard-filled-fill);
105
+ @property st-global(--wds-close-button-standard-filled-text);
106
+ @property st-global(--wds-close-button-standard-filled-text-disabled);
107
+ @property st-global(--wds-close-button-standard-filled-text-hover);
101
108
  @property st-global(--wds-composer-sidebar-bottom-width);
102
109
  @property st-global(--wds-composer-sidebar-end-max-width);
103
110
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
@@ -715,6 +722,13 @@
715
722
  --wds-circular-progress-bar-size-large: 96px;
716
723
  --wds-circular-progress-bar-size-medium: 52px;
717
724
  --wds-circular-progress-bar-size-small: 24px;
725
+ --wds-close-button-standard-fill-active: #42454c;
726
+ --wds-close-button-standard-fill-disabled: #e5e5e5;
727
+ --wds-close-button-standard-fill-hover: #131720;
728
+ --wds-close-button-standard-filled-fill: #42454c;
729
+ --wds-close-button-standard-filled-text: #ffffff;
730
+ --wds-close-button-standard-filled-text-disabled: #ffffff;
731
+ --wds-close-button-standard-filled-text-hover: #ffffff;
718
732
  --wds-composer-sidebar-bottom-width: 88px;
719
733
  --wds-composer-sidebar-end-max-width: 240px;
720
734
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;