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