@wix/design-system-tokens 1.196.0 → 1.197.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 (13) hide show
  1. package/odeditor/all.css +7 -0
  2. package/odeditor/all.scss +7 -0
  3. package/odeditor/all.st.css +14 -0
  4. package/odeditor/semantic.st.css +14 -0
  5. package/odeditor-dark/all.css +7 -0
  6. package/odeditor-dark/all.scss +7 -0
  7. package/odeditor-dark/all.st.css +14 -0
  8. package/odeditor-dark/semantic.st.css +14 -0
  9. package/package.json +2 -2
  10. package/studio/all.css +7 -0
  11. package/studio/all.scss +7 -0
  12. package/studio/all.st.css +14 -0
  13. package/studio/semantic.st.css +14 -0
package/odeditor/all.css CHANGED
@@ -1,4 +1,11 @@
1
1
  :root, .wds-tokens {
2
+ --wds-illustration-color-background: #F8F6F6;
3
+ --wds-illustration-color-6: #002294;
4
+ --wds-illustration-color-5: #EAEFFF;
5
+ --wds-illustration-color-4: #D5DFFF;
6
+ --wds-illustration-color-3: #B8C4FF;
7
+ --wds-illustration-color-2: #7896FF;
8
+ --wds-illustration-color-1: #002294;
2
9
  --wds-space-2400: 96px;
3
10
  --wds-space-1700: 68px;
4
11
  --wds-space-1600: 64px;
package/odeditor/all.scss CHANGED
@@ -142,6 +142,13 @@
142
142
  --wds-input-shadow-focus-warning: transparent;
143
143
  --wds-input-shadow-focus-standard: transparent;
144
144
  --wds-input-shadow-focus-destructive: transparent;
145
+ --wds-illustration-color-background: #F8F6F6;
146
+ --wds-illustration-color-6: #002294;
147
+ --wds-illustration-color-5: #EAEFFF;
148
+ --wds-illustration-color-4: #D5DFFF;
149
+ --wds-illustration-color-3: #B8C4FF;
150
+ --wds-illustration-color-2: #7896FF;
151
+ --wds-illustration-color-1: #002294;
145
152
  --wds-font-weight-semi-bold: 600;
146
153
  --wds-font-weight-regular: 400;
147
154
  --wds-font-weight-medium: 500;
package/odeditor/all.st.css CHANGED
@@ -1056,6 +1056,13 @@
1056
1056
  @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
1057
1057
  @property st-global(--wds-icon-button-color-text-standard-tertiary-disabled);
1058
1058
  @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
1059
+ @property st-global(--wds-illustration-color-1);
1060
+ @property st-global(--wds-illustration-color-2);
1061
+ @property st-global(--wds-illustration-color-3);
1062
+ @property st-global(--wds-illustration-color-4);
1063
+ @property st-global(--wds-illustration-color-5);
1064
+ @property st-global(--wds-illustration-color-6);
1065
+ @property st-global(--wds-illustration-color-background);
1059
1066
  @property st-global(--wds-image-border-radius-default);
1060
1067
  @property st-global(--wds-image-border-radius-none);
1061
1068
  @property st-global(--wds-info-icon-fill);
@@ -3125,6 +3132,13 @@
3125
3132
  --wds-icon-button-color-text-standard-tertiary-active: #0f2ccf;
3126
3133
  --wds-icon-button-color-text-standard-tertiary-disabled: #a8a6a5;
3127
3134
  --wds-icon-button-color-text-standard-tertiary-hover: #0f2ccf;
3135
+ --wds-illustration-color-1: #002294;
3136
+ --wds-illustration-color-2: #7896FF;
3137
+ --wds-illustration-color-3: #B8C4FF;
3138
+ --wds-illustration-color-4: #D5DFFF;
3139
+ --wds-illustration-color-5: #EAEFFF;
3140
+ --wds-illustration-color-6: #002294;
3141
+ --wds-illustration-color-background: #F8F6F6;
3128
3142
  --wds-image-border-radius-default: 8px;
3129
3143
  --wds-image-border-radius-none: 0px;
3130
3144
  --wds-info-icon-fill: #767574;
package/odeditor/semantic.st.css CHANGED
@@ -395,6 +395,13 @@
395
395
  @property st-global(--wds-font-weight-heading-4);
396
396
  @property st-global(--wds-font-weight-heading-5);
397
397
  @property st-global(--wds-font-weight-heading-6);
398
+ @property st-global(--wds-illustration-color-1);
399
+ @property st-global(--wds-illustration-color-2);
400
+ @property st-global(--wds-illustration-color-3);
401
+ @property st-global(--wds-illustration-color-4);
402
+ @property st-global(--wds-illustration-color-5);
403
+ @property st-global(--wds-illustration-color-6);
404
+ @property st-global(--wds-illustration-color-background);
398
405
  @property st-global(--wds-inner-shadow-blur-input);
399
406
  @property st-global(--wds-inner-shadow-blur-primary);
400
407
  @property st-global(--wds-inner-shadow-blur-secondary);
@@ -886,6 +893,13 @@
886
893
  --wds-font-weight-heading-4: 600;
887
894
  --wds-font-weight-heading-5: 600;
888
895
  --wds-font-weight-heading-6: 400;
896
+ --wds-illustration-color-1: #002294;
897
+ --wds-illustration-color-2: #7896FF;
898
+ --wds-illustration-color-3: #B8C4FF;
899
+ --wds-illustration-color-4: #D5DFFF;
900
+ --wds-illustration-color-5: #EAEFFF;
901
+ --wds-illustration-color-6: #002294;
902
+ --wds-illustration-color-background: #F8F6F6;
889
903
  --wds-inner-shadow-blur-input: 3px;
890
904
  --wds-inner-shadow-blur-primary: 2px;
891
905
  --wds-inner-shadow-blur-secondary: 2px;
package/odeditor-dark/all.css CHANGED
@@ -1,4 +1,11 @@
1
1
  :root, .wds-tokens {
2
+ --wds-illustration-color-background: #2D2D2E;
3
+ --wds-illustration-color-6: #EAEFFF;
4
+ --wds-illustration-color-5: #EAEFFF;
5
+ --wds-illustration-color-4: #D5DFFF;
6
+ --wds-illustration-color-3: #B8C4FF;
7
+ --wds-illustration-color-2: #7896FF;
8
+ --wds-illustration-color-1: #002294;
2
9
  --wds-space-2400: 96px;
3
10
  --wds-space-1700: 68px;
4
11
  --wds-space-1600: 64px;
package/odeditor-dark/all.scss CHANGED
@@ -154,6 +154,13 @@
154
154
  --wds-input-shadow-focus-warning: transparent;
155
155
  --wds-input-shadow-focus-standard: transparent;
156
156
  --wds-input-shadow-focus-destructive: transparent;
157
+ --wds-illustration-color-background: #2D2D2E;
158
+ --wds-illustration-color-6: #EAEFFF;
159
+ --wds-illustration-color-5: #EAEFFF;
160
+ --wds-illustration-color-4: #D5DFFF;
161
+ --wds-illustration-color-3: #B8C4FF;
162
+ --wds-illustration-color-2: #7896FF;
163
+ --wds-illustration-color-1: #002294;
157
164
  --wds-font-weight-semi-bold: 600;
158
165
  --wds-font-weight-regular: 400;
159
166
  --wds-font-weight-medium: 500;
package/odeditor-dark/all.st.css CHANGED
@@ -1061,6 +1061,13 @@
1061
1061
  @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
1062
1062
  @property st-global(--wds-icon-button-color-text-standard-tertiary-disabled);
1063
1063
  @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
1064
+ @property st-global(--wds-illustration-color-1);
1065
+ @property st-global(--wds-illustration-color-2);
1066
+ @property st-global(--wds-illustration-color-3);
1067
+ @property st-global(--wds-illustration-color-4);
1068
+ @property st-global(--wds-illustration-color-5);
1069
+ @property st-global(--wds-illustration-color-6);
1070
+ @property st-global(--wds-illustration-color-background);
1064
1071
  @property st-global(--wds-image-border-radius-default);
1065
1072
  @property st-global(--wds-image-border-radius-none);
1066
1073
  @property st-global(--wds-info-icon-fill);
@@ -3140,6 +3147,13 @@
3140
3147
  --wds-icon-button-color-text-standard-tertiary-active: #E0E7FF;
3141
3148
  --wds-icon-button-color-text-standard-tertiary-disabled: #878685;
3142
3149
  --wds-icon-button-color-text-standard-tertiary-hover: #E0E7FF;
3150
+ --wds-illustration-color-1: #002294;
3151
+ --wds-illustration-color-2: #7896FF;
3152
+ --wds-illustration-color-3: #B8C4FF;
3153
+ --wds-illustration-color-4: #D5DFFF;
3154
+ --wds-illustration-color-5: #EAEFFF;
3155
+ --wds-illustration-color-6: #EAEFFF;
3156
+ --wds-illustration-color-background: #2D2D2E;
3143
3157
  --wds-image-border-radius-default: 8px;
3144
3158
  --wds-image-border-radius-none: 0px;
3145
3159
  --wds-info-icon-fill: #A09E9D;
package/odeditor-dark/semantic.st.css CHANGED
@@ -395,6 +395,13 @@
395
395
  @property st-global(--wds-font-weight-heading-4);
396
396
  @property st-global(--wds-font-weight-heading-5);
397
397
  @property st-global(--wds-font-weight-heading-6);
398
+ @property st-global(--wds-illustration-color-1);
399
+ @property st-global(--wds-illustration-color-2);
400
+ @property st-global(--wds-illustration-color-3);
401
+ @property st-global(--wds-illustration-color-4);
402
+ @property st-global(--wds-illustration-color-5);
403
+ @property st-global(--wds-illustration-color-6);
404
+ @property st-global(--wds-illustration-color-background);
398
405
  @property st-global(--wds-inner-shadow-blur-input);
399
406
  @property st-global(--wds-inner-shadow-blur-primary);
400
407
  @property st-global(--wds-inner-shadow-blur-secondary);
@@ -886,6 +893,13 @@
886
893
  --wds-font-weight-heading-4: 600;
887
894
  --wds-font-weight-heading-5: 600;
888
895
  --wds-font-weight-heading-6: 400;
896
+ --wds-illustration-color-1: #002294;
897
+ --wds-illustration-color-2: #7896FF;
898
+ --wds-illustration-color-3: #B8C4FF;
899
+ --wds-illustration-color-4: #D5DFFF;
900
+ --wds-illustration-color-5: #EAEFFF;
901
+ --wds-illustration-color-6: #EAEFFF;
902
+ --wds-illustration-color-background: #2D2D2E;
889
903
  --wds-inner-shadow-blur-input: 3px;
890
904
  --wds-inner-shadow-blur-primary: 2px;
891
905
  --wds-inner-shadow-blur-secondary: 2px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.196.0",
3
+ "version": "1.197.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -32,5 +32,5 @@
32
32
  "author": "augustinasv@wix.com",
33
33
  "description": "Design system tokens",
34
34
  "packageManager": "yarn@3.5.0",
35
- "falconPackageHash": "57b077fa265e6cf9e3a5aaa31b06cd0c5b4c4ecfd5797acf17c3efb0"
35
+ "falconPackageHash": "da9b7ebe2bcba884076ae362ffccd43d341b7e57bbda82cf243fdda0"
36
36
  }
package/studio/all.css CHANGED
@@ -1,4 +1,11 @@
1
1
  :root, .wds-tokens {
2
+ --wds-illustration-color-background: #F8F6F6;
3
+ --wds-illustration-color-6: #002297;
4
+ --wds-illustration-color-5: #EAEFF1;
5
+ --wds-illustration-color-4: #D5DFFF;
6
+ --wds-illustration-color-3: #B8C4FF;
7
+ --wds-illustration-color-2: #7896FF;
8
+ --wds-illustration-color-1: #002291;
2
9
  --wds-space-2400: 96px;
3
10
  --wds-space-1700: 68px;
4
11
  --wds-space-1600: 64px;
package/studio/all.scss CHANGED
@@ -122,6 +122,13 @@
122
122
  --wds-input-shadow-focus-warning: transparent;
123
123
  --wds-input-shadow-focus-standard: transparent;
124
124
  --wds-input-shadow-focus-destructive: transparent;
125
+ --wds-illustration-color-background: #F8F6F6;
126
+ --wds-illustration-color-6: #002297;
127
+ --wds-illustration-color-5: #EAEFF1;
128
+ --wds-illustration-color-4: #D5DFFF;
129
+ --wds-illustration-color-3: #B8C4FF;
130
+ --wds-illustration-color-2: #7896FF;
131
+ --wds-illustration-color-1: #002291;
125
132
  --wds-font-weight-semi-bold: 600;
126
133
  --wds-font-weight-regular: 400;
127
134
  --wds-font-weight-medium: 500;
package/studio/all.st.css CHANGED
@@ -1078,6 +1078,13 @@
1078
1078
  @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
1079
1079
  @property st-global(--wds-icon-button-color-text-standard-tertiary-disabled);
1080
1080
  @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
1081
+ @property st-global(--wds-illustration-color-1);
1082
+ @property st-global(--wds-illustration-color-2);
1083
+ @property st-global(--wds-illustration-color-3);
1084
+ @property st-global(--wds-illustration-color-4);
1085
+ @property st-global(--wds-illustration-color-5);
1086
+ @property st-global(--wds-illustration-color-6);
1087
+ @property st-global(--wds-illustration-color-background);
1081
1088
  @property st-global(--wds-image-border-radius-default);
1082
1089
  @property st-global(--wds-image-border-radius-none);
1083
1090
  @property st-global(--wds-info-icon-fill);
@@ -3190,6 +3197,13 @@
3190
3197
  --wds-icon-button-color-text-standard-tertiary-active: #116dff;
3191
3198
  --wds-icon-button-color-text-standard-tertiary-disabled: #bebebe;
3192
3199
  --wds-icon-button-color-text-standard-tertiary-hover: #116dff;
3200
+ --wds-illustration-color-1: #002291;
3201
+ --wds-illustration-color-2: #7896FF;
3202
+ --wds-illustration-color-3: #B8C4FF;
3203
+ --wds-illustration-color-4: #D5DFFF;
3204
+ --wds-illustration-color-5: #EAEFF1;
3205
+ --wds-illustration-color-6: #002297;
3206
+ --wds-illustration-color-background: #F8F6F6;
3193
3207
  --wds-image-border-radius-default: 4px;
3194
3208
  --wds-image-border-radius-none: 0px;
3195
3209
  --wds-info-icon-fill: #868aa5;
package/studio/semantic.st.css CHANGED
@@ -395,6 +395,13 @@
395
395
  @property st-global(--wds-font-weight-heading-4);
396
396
  @property st-global(--wds-font-weight-heading-5);
397
397
  @property st-global(--wds-font-weight-heading-6);
398
+ @property st-global(--wds-illustration-color-1);
399
+ @property st-global(--wds-illustration-color-2);
400
+ @property st-global(--wds-illustration-color-3);
401
+ @property st-global(--wds-illustration-color-4);
402
+ @property st-global(--wds-illustration-color-5);
403
+ @property st-global(--wds-illustration-color-6);
404
+ @property st-global(--wds-illustration-color-background);
398
405
  @property st-global(--wds-inner-shadow-blur-input);
399
406
  @property st-global(--wds-inner-shadow-blur-primary);
400
407
  @property st-global(--wds-inner-shadow-blur-secondary);
@@ -886,6 +893,13 @@
886
893
  --wds-font-weight-heading-4: 700;
887
894
  --wds-font-weight-heading-5: 700;
888
895
  --wds-font-weight-heading-6: 400;
896
+ --wds-illustration-color-1: #002291;
897
+ --wds-illustration-color-2: #7896FF;
898
+ --wds-illustration-color-3: #B8C4FF;
899
+ --wds-illustration-color-4: #D5DFFF;
900
+ --wds-illustration-color-5: #EAEFF1;
901
+ --wds-illustration-color-6: #002297;
902
+ --wds-illustration-color-background: #F8F6F6;
889
903
  --wds-inner-shadow-blur-input: 0px;
890
904
  --wds-inner-shadow-blur-primary: 0px;
891
905
  --wds-inner-shadow-blur-secondary: 0px;