@wix/design-system-tokens 1.232.6 → 1.234.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.
- package/CHANGELOG.md +28 -0
- package/all.css +54 -0
- package/all.scss +54 -0
- package/all.st.css +108 -0
- package/component.st.css +108 -0
- package/odeditor/all.css +84 -30
- package/odeditor/all.scss +84 -30
- package/odeditor/all.st.css +136 -28
- package/odeditor/component.st.css +119 -11
- package/odeditor/semantic.st.css +17 -17
- package/odeditor-dark/all.css +151 -95
- package/odeditor-dark/all.scss +151 -95
- package/odeditor-dark/all.st.css +204 -92
- package/odeditor-dark/component.st.css +187 -75
- package/odeditor-dark/semantic.st.css +17 -17
- package/package.json +2 -2
- package/studio/all.css +56 -0
- package/studio/all.scss +56 -0
- package/studio/all.st.css +112 -0
- package/studio/component.st.css +112 -0
- package/studio2-light/all.css +151 -95
- package/studio2-light/all.scss +151 -95
- package/studio2-light/all.st.css +204 -92
- package/studio2-light/component.st.css +187 -75
- package/studio2-light/semantic.st.css +17 -17
|
@@ -184,7 +184,13 @@
|
|
|
184
184
|
@property st-global(--wds-breadcrumbs-text-line-height-small);
|
|
185
185
|
@property st-global(--wds-breadcrumbs-text-weight-default);
|
|
186
186
|
@property st-global(--wds-breadcrumbs-text-weight-selected);
|
|
187
|
+
@property st-global(--wds-button-border-ai-secondary);
|
|
188
|
+
@property st-global(--wds-button-border-ai-secondary-active);
|
|
189
|
+
@property st-global(--wds-button-border-ai-secondary-disabled);
|
|
190
|
+
@property st-global(--wds-button-border-ai-secondary-hover);
|
|
187
191
|
@property st-global(--wds-button-border-ai-secondary-mask);
|
|
192
|
+
@property st-global(--wds-button-border-ai-secondary-ring-display);
|
|
193
|
+
@property st-global(--wds-button-border-ai-tertiary-disabled);
|
|
188
194
|
@property st-global(--wds-button-border-dark-secondary);
|
|
189
195
|
@property st-global(--wds-button-border-dark-secondary-active);
|
|
190
196
|
@property st-global(--wds-button-border-dark-secondary-disabled);
|
|
@@ -208,8 +214,16 @@
|
|
|
208
214
|
@property st-global(--wds-button-border-width-secondary-hover);
|
|
209
215
|
@property st-global(--wds-button-fill-ai-primary);
|
|
210
216
|
@property st-global(--wds-button-fill-ai-primary-active);
|
|
217
|
+
@property st-global(--wds-button-fill-ai-primary-disabled);
|
|
211
218
|
@property st-global(--wds-button-fill-ai-primary-hover);
|
|
212
219
|
@property st-global(--wds-button-fill-ai-secondary);
|
|
220
|
+
@property st-global(--wds-button-fill-ai-secondary-active);
|
|
221
|
+
@property st-global(--wds-button-fill-ai-secondary-disabled);
|
|
222
|
+
@property st-global(--wds-button-fill-ai-secondary-hover);
|
|
223
|
+
@property st-global(--wds-button-fill-ai-tertiary);
|
|
224
|
+
@property st-global(--wds-button-fill-ai-tertiary-active);
|
|
225
|
+
@property st-global(--wds-button-fill-ai-tertiary-disabled);
|
|
226
|
+
@property st-global(--wds-button-fill-ai-tertiary-hover);
|
|
213
227
|
@property st-global(--wds-button-fill-dark-primary-disabled);
|
|
214
228
|
@property st-global(--wds-button-fill-dark-secondary);
|
|
215
229
|
@property st-global(--wds-button-fill-dark-secondary-active);
|
|
@@ -261,6 +275,15 @@
|
|
|
261
275
|
@property st-global(--wds-button-icon-offset-small);
|
|
262
276
|
@property st-global(--wds-button-icon-offset-tiny);
|
|
263
277
|
@property st-global(--wds-button-label-fill-ai-primary);
|
|
278
|
+
@property st-global(--wds-button-label-fill-ai-primary-disabled);
|
|
279
|
+
@property st-global(--wds-button-label-fill-ai-secondary);
|
|
280
|
+
@property st-global(--wds-button-label-fill-ai-secondary-active);
|
|
281
|
+
@property st-global(--wds-button-label-fill-ai-secondary-disabled);
|
|
282
|
+
@property st-global(--wds-button-label-fill-ai-secondary-hover);
|
|
283
|
+
@property st-global(--wds-button-label-fill-ai-tertiary);
|
|
284
|
+
@property st-global(--wds-button-label-fill-ai-tertiary-active);
|
|
285
|
+
@property st-global(--wds-button-label-fill-ai-tertiary-disabled);
|
|
286
|
+
@property st-global(--wds-button-label-fill-ai-tertiary-hover);
|
|
264
287
|
@property st-global(--wds-button-label-fill-dark-primary-disabled);
|
|
265
288
|
@property st-global(--wds-button-label-fill-dark-secondary);
|
|
266
289
|
@property st-global(--wds-button-label-fill-dark-secondary-active);
|
|
@@ -340,6 +363,8 @@
|
|
|
340
363
|
@property st-global(--wds-card-gallery-item-action-button-padding-vertical);
|
|
341
364
|
@property st-global(--wds-card-gallery-item-action-button-size);
|
|
342
365
|
@property st-global(--wds-card-gallery-item-actions-align);
|
|
366
|
+
@property st-global(--wds-card-gallery-item-actions-clearance-bottom);
|
|
367
|
+
@property st-global(--wds-card-gallery-item-actions-clearance-top);
|
|
343
368
|
@property st-global(--wds-card-gallery-item-actions-direction);
|
|
344
369
|
@property st-global(--wds-card-gallery-item-actions-secondary-position);
|
|
345
370
|
@property st-global(--wds-card-gallery-item-badge-offset-block);
|
|
@@ -647,6 +672,15 @@
|
|
|
647
672
|
@property st-global(--wds-horizontal-scroll-button-fill);
|
|
648
673
|
@property st-global(--wds-horizontal-scroll-button-fill-active);
|
|
649
674
|
@property st-global(--wds-horizontal-scroll-button-text);
|
|
675
|
+
@property st-global(--wds-icon-button-border-ai-secondary-ring-display);
|
|
676
|
+
@property st-global(--wds-icon-button-border-ai-width);
|
|
677
|
+
@property st-global(--wds-icon-button-color-border-ai-primary);
|
|
678
|
+
@property st-global(--wds-icon-button-color-border-ai-primary-active);
|
|
679
|
+
@property st-global(--wds-icon-button-color-border-ai-primary-hover);
|
|
680
|
+
@property st-global(--wds-icon-button-color-border-ai-secondary);
|
|
681
|
+
@property st-global(--wds-icon-button-color-border-ai-secondary-active);
|
|
682
|
+
@property st-global(--wds-icon-button-color-border-ai-secondary-disabled);
|
|
683
|
+
@property st-global(--wds-icon-button-color-border-ai-secondary-hover);
|
|
650
684
|
@property st-global(--wds-icon-button-color-border-dark-secondary);
|
|
651
685
|
@property st-global(--wds-icon-button-color-border-dark-secondary-active);
|
|
652
686
|
@property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
|
|
@@ -662,6 +696,18 @@
|
|
|
662
696
|
@property st-global(--wds-icon-button-color-border-standard-secondary-active);
|
|
663
697
|
@property st-global(--wds-icon-button-color-border-standard-secondary-disabled);
|
|
664
698
|
@property st-global(--wds-icon-button-color-border-standard-secondary-hover);
|
|
699
|
+
@property st-global(--wds-icon-button-color-fill-ai-primary);
|
|
700
|
+
@property st-global(--wds-icon-button-color-fill-ai-primary-active);
|
|
701
|
+
@property st-global(--wds-icon-button-color-fill-ai-primary-disabled);
|
|
702
|
+
@property st-global(--wds-icon-button-color-fill-ai-primary-hover);
|
|
703
|
+
@property st-global(--wds-icon-button-color-fill-ai-secondary);
|
|
704
|
+
@property st-global(--wds-icon-button-color-fill-ai-secondary-active);
|
|
705
|
+
@property st-global(--wds-icon-button-color-fill-ai-secondary-disabled);
|
|
706
|
+
@property st-global(--wds-icon-button-color-fill-ai-secondary-hover);
|
|
707
|
+
@property st-global(--wds-icon-button-color-fill-ai-tertiary);
|
|
708
|
+
@property st-global(--wds-icon-button-color-fill-ai-tertiary-active);
|
|
709
|
+
@property st-global(--wds-icon-button-color-fill-ai-tertiary-disabled);
|
|
710
|
+
@property st-global(--wds-icon-button-color-fill-ai-tertiary-hover);
|
|
665
711
|
@property st-global(--wds-icon-button-color-fill-dark-primary);
|
|
666
712
|
@property st-global(--wds-icon-button-color-fill-dark-primary-active);
|
|
667
713
|
@property st-global(--wds-icon-button-color-fill-dark-primary-disabled);
|
|
@@ -710,6 +756,16 @@
|
|
|
710
756
|
@property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
|
|
711
757
|
@property st-global(--wds-icon-button-color-fill-standard-tertiary-disabled);
|
|
712
758
|
@property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
|
|
759
|
+
@property st-global(--wds-icon-button-color-text-ai-primary);
|
|
760
|
+
@property st-global(--wds-icon-button-color-text-ai-primary-disabled);
|
|
761
|
+
@property st-global(--wds-icon-button-color-text-ai-secondary);
|
|
762
|
+
@property st-global(--wds-icon-button-color-text-ai-secondary-active);
|
|
763
|
+
@property st-global(--wds-icon-button-color-text-ai-secondary-disabled);
|
|
764
|
+
@property st-global(--wds-icon-button-color-text-ai-secondary-hover);
|
|
765
|
+
@property st-global(--wds-icon-button-color-text-ai-tertiary);
|
|
766
|
+
@property st-global(--wds-icon-button-color-text-ai-tertiary-active);
|
|
767
|
+
@property st-global(--wds-icon-button-color-text-ai-tertiary-disabled);
|
|
768
|
+
@property st-global(--wds-icon-button-color-text-ai-tertiary-hover);
|
|
713
769
|
@property st-global(--wds-icon-button-color-text-dark-primary);
|
|
714
770
|
@property st-global(--wds-icon-button-color-text-dark-primary-active);
|
|
715
771
|
@property st-global(--wds-icon-button-color-text-dark-primary-disabled);
|
|
@@ -2144,7 +2200,13 @@
|
|
|
2144
2200
|
--wds-breadcrumbs-text-line-height-small: 16px;
|
|
2145
2201
|
--wds-breadcrumbs-text-weight-default: 400;
|
|
2146
2202
|
--wds-breadcrumbs-text-weight-selected: 600;
|
|
2203
|
+
--wds-button-border-ai-secondary: #5B78A9;
|
|
2204
|
+
--wds-button-border-ai-secondary-active: #2D354E;
|
|
2205
|
+
--wds-button-border-ai-secondary-disabled: #3A3A3B;
|
|
2206
|
+
--wds-button-border-ai-secondary-hover: #3F4D6E;
|
|
2147
2207
|
--wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
|
|
2208
|
+
--wds-button-border-ai-secondary-ring-display: none;
|
|
2209
|
+
--wds-button-border-ai-tertiary-disabled: #3A3A3B;
|
|
2148
2210
|
--wds-button-border-dark-secondary: #A09E9D;
|
|
2149
2211
|
--wds-button-border-dark-secondary-active: #666565;
|
|
2150
2212
|
--wds-button-border-dark-secondary-disabled: #3A3A3B;
|
|
@@ -2168,8 +2230,16 @@
|
|
|
2168
2230
|
--wds-button-border-width-secondary-hover: 1px;
|
|
2169
2231
|
--wds-button-fill-ai-primary: #3C67FF;
|
|
2170
2232
|
--wds-button-fill-ai-primary-active: #82B0FF;
|
|
2233
|
+
--wds-button-fill-ai-primary-disabled: #3A3A3B;
|
|
2171
2234
|
--wds-button-fill-ai-primary-hover: #6F94D4;
|
|
2172
2235
|
--wds-button-fill-ai-secondary: rgba(0, 0, 0, 0);
|
|
2236
|
+
--wds-button-fill-ai-secondary-active: #2D354E;
|
|
2237
|
+
--wds-button-fill-ai-secondary-disabled: #3A3A3B;
|
|
2238
|
+
--wds-button-fill-ai-secondary-hover: #212328;
|
|
2239
|
+
--wds-button-fill-ai-tertiary: rgba(0, 0, 0, 0);
|
|
2240
|
+
--wds-button-fill-ai-tertiary-active: #2D354E;
|
|
2241
|
+
--wds-button-fill-ai-tertiary-disabled: #3A3A3B;
|
|
2242
|
+
--wds-button-fill-ai-tertiary-hover: #212328;
|
|
2173
2243
|
--wds-button-fill-dark-primary-disabled: #3A3A3B;
|
|
2174
2244
|
--wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
|
|
2175
2245
|
--wds-button-fill-dark-secondary-active: #666565;
|
|
@@ -2221,6 +2291,15 @@
|
|
|
2221
2291
|
--wds-button-icon-offset-small: 12px;
|
|
2222
2292
|
--wds-button-icon-offset-tiny: 12px;
|
|
2223
2293
|
--wds-button-label-fill-ai-primary: #FFFFFF;
|
|
2294
|
+
--wds-button-label-fill-ai-primary-disabled: #878685;
|
|
2295
|
+
--wds-button-label-fill-ai-secondary: #B1CCFF;
|
|
2296
|
+
--wds-button-label-fill-ai-secondary-active: #E0E7FF;
|
|
2297
|
+
--wds-button-label-fill-ai-secondary-disabled: #878685;
|
|
2298
|
+
--wds-button-label-fill-ai-secondary-hover: #E0E7FF;
|
|
2299
|
+
--wds-button-label-fill-ai-tertiary: #B1CCFF;
|
|
2300
|
+
--wds-button-label-fill-ai-tertiary-active: #E0E7FF;
|
|
2301
|
+
--wds-button-label-fill-ai-tertiary-disabled: #878685;
|
|
2302
|
+
--wds-button-label-fill-ai-tertiary-hover: #E0E7FF;
|
|
2224
2303
|
--wds-button-label-fill-dark-primary-disabled: #878685;
|
|
2225
2304
|
--wds-button-label-fill-dark-secondary: #FFFFFF;
|
|
2226
2305
|
--wds-button-label-fill-dark-secondary-active: #FFFFFF;
|
|
@@ -2264,17 +2343,17 @@
|
|
|
2264
2343
|
--wds-button-size-tiny-screen-small: 32px;
|
|
2265
2344
|
--wds-button-size-x-tiny: 18px;
|
|
2266
2345
|
--wds-calendar-day-fill-hover: #212328;
|
|
2267
|
-
--wds-calendar-day-fill-range: #
|
|
2268
|
-
--wds-calendar-day-fill-range-edge:
|
|
2346
|
+
--wds-calendar-day-fill-range: #2D354E;
|
|
2347
|
+
--wds-calendar-day-fill-range-edge: rgba(0, 0, 0, 0);
|
|
2269
2348
|
--wds-calendar-day-fill-selected: #82B0FF;
|
|
2270
2349
|
--wds-calendar-day-fill-selected-hover: #B1CCFF;
|
|
2271
2350
|
--wds-calendar-day-fill-today: #3A3A3B;
|
|
2272
|
-
--wds-calendar-day-gap:
|
|
2273
|
-
--wds-calendar-day-range-border-radius:
|
|
2274
|
-
--wds-calendar-day-range-edge-border-radius:
|
|
2275
|
-
--wds-calendar-day-today-inset-width:
|
|
2276
|
-
--wds-calendar-padding-medium:
|
|
2277
|
-
--wds-calendar-padding-small:
|
|
2351
|
+
--wds-calendar-day-gap: 2px;
|
|
2352
|
+
--wds-calendar-day-range-border-radius: 8px;
|
|
2353
|
+
--wds-calendar-day-range-edge-border-radius: 8px;
|
|
2354
|
+
--wds-calendar-day-today-inset-width: 0px;
|
|
2355
|
+
--wds-calendar-padding-medium: 18px;
|
|
2356
|
+
--wds-calendar-padding-small: 12px;
|
|
2278
2357
|
--wds-calendar-panel-footer-border-fill: #454544;
|
|
2279
2358
|
--wds-calendar-panel-footer-border-width: 1px;
|
|
2280
2359
|
--wds-calendar-panel-presets-border-fill: #454544;
|
|
@@ -2292,67 +2371,69 @@
|
|
|
2292
2371
|
--wds-card-controls-padding-horizontal: 24px;
|
|
2293
2372
|
--wds-card-controls-padding-vertical: 16px;
|
|
2294
2373
|
--wds-card-divider-opacity: 0;
|
|
2295
|
-
--wds-card-gallery-item-action-button-border-radius:
|
|
2296
|
-
--wds-card-gallery-item-action-button-font-size:
|
|
2297
|
-
--wds-card-gallery-item-action-button-line-height:
|
|
2298
|
-
--wds-card-gallery-item-action-button-min-width:
|
|
2299
|
-
--wds-card-gallery-item-action-button-padding-horizontal:
|
|
2374
|
+
--wds-card-gallery-item-action-button-border-radius: 6px;
|
|
2375
|
+
--wds-card-gallery-item-action-button-font-size: 12px;
|
|
2376
|
+
--wds-card-gallery-item-action-button-line-height: 16px;
|
|
2377
|
+
--wds-card-gallery-item-action-button-min-width: 72px;
|
|
2378
|
+
--wds-card-gallery-item-action-button-padding-horizontal: 16px;
|
|
2300
2379
|
--wds-card-gallery-item-action-button-padding-vertical: 6px;
|
|
2301
|
-
--wds-card-gallery-item-action-button-size:
|
|
2302
|
-
--wds-card-gallery-item-actions-align:
|
|
2303
|
-
--wds-card-gallery-item-actions-
|
|
2304
|
-
--wds-card-gallery-item-actions-
|
|
2380
|
+
--wds-card-gallery-item-action-button-size: 30px;
|
|
2381
|
+
--wds-card-gallery-item-actions-align: center;
|
|
2382
|
+
--wds-card-gallery-item-actions-clearance-bottom: 0px;
|
|
2383
|
+
--wds-card-gallery-item-actions-clearance-top: 36px;
|
|
2384
|
+
--wds-card-gallery-item-actions-direction: column;
|
|
2385
|
+
--wds-card-gallery-item-actions-secondary-position: static;
|
|
2305
2386
|
--wds-card-gallery-item-badge-offset-block: 12px;
|
|
2306
|
-
--wds-card-gallery-item-badge-offset-inline:
|
|
2307
|
-
--wds-card-gallery-item-base-shadow:
|
|
2387
|
+
--wds-card-gallery-item-badge-offset-inline: 12px;
|
|
2388
|
+
--wds-card-gallery-item-base-shadow: none;
|
|
2308
2389
|
--wds-card-gallery-item-buttons-gap: 8px;
|
|
2309
2390
|
--wds-card-gallery-item-content-margin-horizontal: 8px;
|
|
2310
2391
|
--wds-card-gallery-item-content-margin-vertical: 0px;
|
|
2311
|
-
--wds-card-gallery-item-drag-handle-gap:
|
|
2392
|
+
--wds-card-gallery-item-drag-handle-gap: 8px;
|
|
2312
2393
|
--wds-card-gallery-item-fill: #212122;
|
|
2313
|
-
--wds-card-gallery-item-image-border-radius-bottom:
|
|
2314
|
-
--wds-card-gallery-item-image-inset:
|
|
2315
|
-
--wds-card-gallery-item-image-side-size-medium:
|
|
2316
|
-
--wds-card-gallery-item-image-side-size-small:
|
|
2394
|
+
--wds-card-gallery-item-image-border-radius-bottom: 8px;
|
|
2395
|
+
--wds-card-gallery-item-image-inset: 8px;
|
|
2396
|
+
--wds-card-gallery-item-image-side-size-medium: 48px;
|
|
2397
|
+
--wds-card-gallery-item-image-side-size-small: 32px;
|
|
2317
2398
|
--wds-card-gallery-item-outline-border-color: #2D354E;
|
|
2318
2399
|
--wds-card-gallery-item-outline-border-color-hover: #3F4D6E;
|
|
2319
|
-
--wds-card-gallery-item-overlay-backdrop-filter:
|
|
2400
|
+
--wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
|
|
2320
2401
|
--wds-card-gallery-item-overlay-fill: rgba(212, 211, 210, .5);
|
|
2321
2402
|
--wds-card-gallery-item-overlay-hover-fill: rgba(212, 211, 210, .5);
|
|
2322
|
-
--wds-card-gallery-item-padding-left-medium:
|
|
2403
|
+
--wds-card-gallery-item-padding-left-medium: 16px;
|
|
2323
2404
|
--wds-card-gallery-item-padding-left-small: 12px;
|
|
2324
|
-
--wds-card-gallery-item-padding-right-medium:
|
|
2325
|
-
--wds-card-gallery-item-padding-right-small:
|
|
2326
|
-
--wds-card-gallery-item-padding-vertical-medium:
|
|
2405
|
+
--wds-card-gallery-item-padding-right-medium: 16px;
|
|
2406
|
+
--wds-card-gallery-item-padding-right-small: 12px;
|
|
2407
|
+
--wds-card-gallery-item-padding-vertical-medium: 16px;
|
|
2327
2408
|
--wds-card-gallery-item-padding-vertical-small: 12px;
|
|
2328
|
-
--wds-card-gallery-item-secondary-action-border-radius:
|
|
2409
|
+
--wds-card-gallery-item-secondary-action-border-radius: 6px;
|
|
2329
2410
|
--wds-card-gallery-item-secondary-action-color-active: #212122;
|
|
2330
2411
|
--wds-card-gallery-item-secondary-action-color-hover: #212122;
|
|
2331
2412
|
--wds-card-gallery-item-secondary-action-fill-active: transparent;
|
|
2332
2413
|
--wds-card-gallery-item-secondary-action-fill-hover: transparent;
|
|
2333
|
-
--wds-card-gallery-item-secondary-action-font-size:
|
|
2334
|
-
--wds-card-gallery-item-secondary-action-height:
|
|
2335
|
-
--wds-card-gallery-item-secondary-action-line-height:
|
|
2336
|
-
--wds-card-gallery-item-secondary-action-min-width:
|
|
2337
|
-
--wds-card-gallery-item-secondary-action-padding-horizontal:
|
|
2338
|
-
--wds-card-gallery-item-secondary-action-padding-vertical:
|
|
2414
|
+
--wds-card-gallery-item-secondary-action-font-size: 12px;
|
|
2415
|
+
--wds-card-gallery-item-secondary-action-height: 30px;
|
|
2416
|
+
--wds-card-gallery-item-secondary-action-line-height: 16px;
|
|
2417
|
+
--wds-card-gallery-item-secondary-action-min-width: 72px;
|
|
2418
|
+
--wds-card-gallery-item-secondary-action-padding-horizontal: 16px;
|
|
2419
|
+
--wds-card-gallery-item-secondary-action-padding-vertical: 6px;
|
|
2339
2420
|
--wds-card-gallery-item-settings-menu-offset: 8px;
|
|
2340
|
-
--wds-card-gallery-item-shadow: 0
|
|
2341
|
-
--wds-card-gallery-item-shadow-hover: 0
|
|
2342
|
-
--wds-card-gallery-item-shadow-hover-side: 0
|
|
2421
|
+
--wds-card-gallery-item-shadow: 0 1px 10px 0 rgba(19, 23, 32, 0.05), 1px 0 2px -0.7px rgba(19, 23, 32, 0.05);
|
|
2422
|
+
--wds-card-gallery-item-shadow-hover: 0 0 30px 0 rgba(19, 23, 32, 0.1), 0 20px 0 0 rgba(19, 23, 32, 0);
|
|
2423
|
+
--wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 rgba(19, 23, 32, 0.1), 0 20px 0 0 rgba(19, 23, 32, 0);
|
|
2343
2424
|
--wds-card-gallery-item-subtitle-font-size-medium: 12px;
|
|
2344
|
-
--wds-card-gallery-item-subtitle-line-height-medium:
|
|
2425
|
+
--wds-card-gallery-item-subtitle-line-height-medium: 16px;
|
|
2345
2426
|
--wds-card-gallery-item-subtitle-side-font-size-medium: 14px;
|
|
2346
|
-
--wds-card-gallery-item-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
2347
|
-
--wds-card-gallery-item-title-font-heading-letter-spacing-medium:
|
|
2348
|
-
--wds-card-gallery-item-title-font-heading-weight-medium:
|
|
2349
|
-
--wds-card-gallery-item-title-font-letter-spacing:
|
|
2427
|
+
--wds-card-gallery-item-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
2428
|
+
--wds-card-gallery-item-title-font-heading-letter-spacing-medium: -0.5px;
|
|
2429
|
+
--wds-card-gallery-item-title-font-heading-weight-medium: 700;
|
|
2430
|
+
--wds-card-gallery-item-title-font-letter-spacing: -0.5px;
|
|
2350
2431
|
--wds-card-gallery-item-title-font-line-height-medium: 24px;
|
|
2351
|
-
--wds-card-gallery-item-title-font-line-height-small:
|
|
2432
|
+
--wds-card-gallery-item-title-font-line-height-small: 18px;
|
|
2352
2433
|
--wds-card-gallery-item-title-font-size-medium: 16px;
|
|
2353
|
-
--wds-card-gallery-item-title-font-weight-medium:
|
|
2354
|
-
--wds-card-gallery-item-title-font-weight-small:
|
|
2355
|
-
--wds-card-gallery-item-title-gap:
|
|
2434
|
+
--wds-card-gallery-item-title-font-weight-medium: 700;
|
|
2435
|
+
--wds-card-gallery-item-title-font-weight-small: 700;
|
|
2436
|
+
--wds-card-gallery-item-title-gap: 2px;
|
|
2356
2437
|
--wds-card-header-divider-width: 0px;
|
|
2357
2438
|
--wds-card-header-padding-bottom: 4px;
|
|
2358
2439
|
--wds-card-header-padding-horizontal: 24px;
|
|
@@ -2607,6 +2688,15 @@
|
|
|
2607
2688
|
--wds-horizontal-scroll-button-fill: #3A3A3B;
|
|
2608
2689
|
--wds-horizontal-scroll-button-fill-active: #666565;
|
|
2609
2690
|
--wds-horizontal-scroll-button-text: #FFFFFF;
|
|
2691
|
+
--wds-icon-button-border-ai-secondary-ring-display: none;
|
|
2692
|
+
--wds-icon-button-border-ai-width: 1px;
|
|
2693
|
+
--wds-icon-button-color-border-ai-primary: #3C67FF;
|
|
2694
|
+
--wds-icon-button-color-border-ai-primary-active: #82B0FF;
|
|
2695
|
+
--wds-icon-button-color-border-ai-primary-hover: #6F94D4;
|
|
2696
|
+
--wds-icon-button-color-border-ai-secondary: #5B78A9;
|
|
2697
|
+
--wds-icon-button-color-border-ai-secondary-active: #2D354E;
|
|
2698
|
+
--wds-icon-button-color-border-ai-secondary-disabled: #3A3A3B;
|
|
2699
|
+
--wds-icon-button-color-border-ai-secondary-hover: #212328;
|
|
2610
2700
|
--wds-icon-button-color-border-dark-secondary: #A09E9D;
|
|
2611
2701
|
--wds-icon-button-color-border-dark-secondary-active: #454544;
|
|
2612
2702
|
--wds-icon-button-color-border-dark-secondary-disabled: #3A3A3B;
|
|
@@ -2622,6 +2712,18 @@
|
|
|
2622
2712
|
--wds-icon-button-color-border-standard-secondary-active: #2D354E;
|
|
2623
2713
|
--wds-icon-button-color-border-standard-secondary-disabled: #3A3A3B;
|
|
2624
2714
|
--wds-icon-button-color-border-standard-secondary-hover: #212328;
|
|
2715
|
+
--wds-icon-button-color-fill-ai-primary: #3C67FF;
|
|
2716
|
+
--wds-icon-button-color-fill-ai-primary-active: #82B0FF;
|
|
2717
|
+
--wds-icon-button-color-fill-ai-primary-disabled: #3A3A3B;
|
|
2718
|
+
--wds-icon-button-color-fill-ai-primary-hover: #6F94D4;
|
|
2719
|
+
--wds-icon-button-color-fill-ai-secondary: rgba(255, 255, 255, 0);
|
|
2720
|
+
--wds-icon-button-color-fill-ai-secondary-active: #2D354E;
|
|
2721
|
+
--wds-icon-button-color-fill-ai-secondary-disabled: #3A3A3B;
|
|
2722
|
+
--wds-icon-button-color-fill-ai-secondary-hover: #212328;
|
|
2723
|
+
--wds-icon-button-color-fill-ai-tertiary: rgba(0, 0, 0, 0);
|
|
2724
|
+
--wds-icon-button-color-fill-ai-tertiary-active: #2D354E;
|
|
2725
|
+
--wds-icon-button-color-fill-ai-tertiary-disabled: rgba(0, 0, 0, 0);
|
|
2726
|
+
--wds-icon-button-color-fill-ai-tertiary-hover: #212328;
|
|
2625
2727
|
--wds-icon-button-color-fill-dark-primary: #FFFFFF;
|
|
2626
2728
|
--wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
|
|
2627
2729
|
--wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
|
|
@@ -2670,6 +2772,16 @@
|
|
|
2670
2772
|
--wds-icon-button-color-fill-standard-tertiary-active: #2D354E;
|
|
2671
2773
|
--wds-icon-button-color-fill-standard-tertiary-disabled: rgba(0, 0, 0, 0);
|
|
2672
2774
|
--wds-icon-button-color-fill-standard-tertiary-hover: #212328;
|
|
2775
|
+
--wds-icon-button-color-text-ai-primary: #FFFFFF;
|
|
2776
|
+
--wds-icon-button-color-text-ai-primary-disabled: #878685;
|
|
2777
|
+
--wds-icon-button-color-text-ai-secondary: #82B0FF;
|
|
2778
|
+
--wds-icon-button-color-text-ai-secondary-active: #E0E7FF;
|
|
2779
|
+
--wds-icon-button-color-text-ai-secondary-disabled: #878685;
|
|
2780
|
+
--wds-icon-button-color-text-ai-secondary-hover: #E0E7FF;
|
|
2781
|
+
--wds-icon-button-color-text-ai-tertiary: #82B0FF;
|
|
2782
|
+
--wds-icon-button-color-text-ai-tertiary-active: #E0E7FF;
|
|
2783
|
+
--wds-icon-button-color-text-ai-tertiary-disabled: #878685;
|
|
2784
|
+
--wds-icon-button-color-text-ai-tertiary-hover: #E0E7FF;
|
|
2673
2785
|
--wds-icon-button-color-text-dark-primary: #212122;
|
|
2674
2786
|
--wds-icon-button-color-text-dark-primary-active: #212122;
|
|
2675
2787
|
--wds-icon-button-color-text-dark-primary-disabled: #878685;
|
|
@@ -2720,7 +2832,7 @@
|
|
|
2720
2832
|
--wds-icon-button-color-text-standard-tertiary-hover: #E0E7FF;
|
|
2721
2833
|
--wds-image-border-radius-default: 8px;
|
|
2722
2834
|
--wds-image-border-radius-none: 0px;
|
|
2723
|
-
--wds-info-icon-fill: #
|
|
2835
|
+
--wds-info-icon-fill: #D4D3D2;
|
|
2724
2836
|
--wds-info-icon-fill-hover: #82B0FF;
|
|
2725
2837
|
--wds-input-area-border-radius-default-medium: 8px;
|
|
2726
2838
|
--wds-input-area-border-radius-default-small: 8px;
|
|
@@ -2907,11 +3019,11 @@
|
|
|
2907
3019
|
--wds-loader-stroke-width-large: 2px;
|
|
2908
3020
|
--wds-loader-stroke-width-medium: 2px;
|
|
2909
3021
|
--wds-loader-stroke-width-small: 2px;
|
|
2910
|
-
--wds-loader-stroke-width-tiny:
|
|
2911
|
-
--wds-marketing-layout-actions-alignment-inverted:
|
|
3022
|
+
--wds-loader-stroke-width-tiny: 3px;
|
|
3023
|
+
--wds-marketing-layout-actions-alignment-inverted: flex-end;
|
|
2912
3024
|
--wds-marketing-layout-actions-gap-medium: 24px;
|
|
2913
3025
|
--wds-marketing-layout-actions-gap-small: 24px;
|
|
2914
|
-
--wds-marketing-layout-actions-gap-tiny:
|
|
3026
|
+
--wds-marketing-layout-actions-gap-tiny: 12px;
|
|
2915
3027
|
--wds-marketing-layout-badge-gap: 8px;
|
|
2916
3028
|
--wds-marketing-layout-badge-offset-medium: 0px;
|
|
2917
3029
|
--wds-marketing-layout-badge-offset-small: 0px;
|
|
@@ -2920,7 +3032,7 @@
|
|
|
2920
3032
|
--wds-marketing-layout-badge-side: auto;
|
|
2921
3033
|
--wds-marketing-layout-badge-top: auto;
|
|
2922
3034
|
--wds-marketing-layout-border: 4px;
|
|
2923
|
-
--wds-marketing-layout-content-justify:
|
|
3035
|
+
--wds-marketing-layout-content-justify: flex-start;
|
|
2924
3036
|
--wds-marketing-layout-description-color: #A8A6A5;
|
|
2925
3037
|
--wds-marketing-layout-description-font-size-medium: 12px;
|
|
2926
3038
|
--wds-marketing-layout-description-font-size-small: 12px;
|
|
@@ -2931,15 +3043,15 @@
|
|
|
2931
3043
|
--wds-marketing-layout-description-line-height-medium: 16px;
|
|
2932
3044
|
--wds-marketing-layout-description-line-height-small: 16px;
|
|
2933
3045
|
--wds-marketing-layout-description-line-height-tiny: 16px;
|
|
2934
|
-
--wds-marketing-layout-description-max-width:
|
|
2935
|
-
--wds-marketing-layout-image-aspect-ratio:
|
|
3046
|
+
--wds-marketing-layout-description-max-width: 80%;
|
|
3047
|
+
--wds-marketing-layout-image-aspect-ratio: 1;
|
|
2936
3048
|
--wds-marketing-layout-image-border-radius: 8px;
|
|
2937
|
-
--wds-marketing-layout-image-height:
|
|
2938
|
-
--wds-marketing-layout-image-hug-padding:
|
|
2939
|
-
--wds-marketing-layout-image-max-width-medium:
|
|
2940
|
-
--wds-marketing-layout-image-max-width-small:
|
|
2941
|
-
--wds-marketing-layout-image-max-width-tiny:
|
|
2942
|
-
--wds-marketing-layout-image-object-fit:
|
|
3049
|
+
--wds-marketing-layout-image-height: 100%;
|
|
3050
|
+
--wds-marketing-layout-image-hug-padding: 12px;
|
|
3051
|
+
--wds-marketing-layout-image-max-width-medium: 156px;
|
|
3052
|
+
--wds-marketing-layout-image-max-width-small: 136px;
|
|
3053
|
+
--wds-marketing-layout-image-max-width-tiny: 116px;
|
|
3054
|
+
--wds-marketing-layout-image-object-fit: cover;
|
|
2943
3055
|
--wds-marketing-layout-image-padding-left-medium: 12px;
|
|
2944
3056
|
--wds-marketing-layout-image-padding-left-small: 12px;
|
|
2945
3057
|
--wds-marketing-layout-image-padding-left-tiny: 12px;
|
|
@@ -2949,13 +3061,13 @@
|
|
|
2949
3061
|
--wds-marketing-layout-image-padding-vertical-medium: 12px;
|
|
2950
3062
|
--wds-marketing-layout-image-padding-vertical-small: 12px;
|
|
2951
3063
|
--wds-marketing-layout-image-padding-vertical-tiny: 12px;
|
|
2952
|
-
--wds-marketing-layout-image-width:
|
|
2953
|
-
--wds-marketing-layout-image-wrapper-contain:
|
|
2954
|
-
--wds-marketing-layout-image-wrapper-flex:
|
|
3064
|
+
--wds-marketing-layout-image-width: auto;
|
|
3065
|
+
--wds-marketing-layout-image-wrapper-contain: size;
|
|
3066
|
+
--wds-marketing-layout-image-wrapper-flex: none;
|
|
2955
3067
|
--wds-marketing-layout-image-wrapper-width: auto;
|
|
2956
|
-
--wds-marketing-layout-min-height-medium:
|
|
2957
|
-
--wds-marketing-layout-min-height-small:
|
|
2958
|
-
--wds-marketing-layout-min-height-tiny:
|
|
3068
|
+
--wds-marketing-layout-min-height-medium: 180px;
|
|
3069
|
+
--wds-marketing-layout-min-height-small: 160px;
|
|
3070
|
+
--wds-marketing-layout-min-height-tiny: 140px;
|
|
2959
3071
|
--wds-marketing-layout-padding-left-medium: 20px;
|
|
2960
3072
|
--wds-marketing-layout-padding-left-small: 8px;
|
|
2961
3073
|
--wds-marketing-layout-padding-left-tiny: 8px;
|
|
@@ -2965,17 +3077,17 @@
|
|
|
2965
3077
|
--wds-marketing-layout-padding-vertical-medium: 20px;
|
|
2966
3078
|
--wds-marketing-layout-padding-vertical-small: 20px;
|
|
2967
3079
|
--wds-marketing-layout-padding-vertical-tiny: 20px;
|
|
2968
|
-
--wds-marketing-layout-title-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
3080
|
+
--wds-marketing-layout-title-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
2969
3081
|
--wds-marketing-layout-title-font-size-medium: 16px;
|
|
2970
3082
|
--wds-marketing-layout-title-font-size-small: 16px;
|
|
2971
3083
|
--wds-marketing-layout-title-font-size-tiny: 16px;
|
|
2972
3084
|
--wds-marketing-layout-title-font-weight-medium: 700;
|
|
2973
3085
|
--wds-marketing-layout-title-font-weight-small: 700;
|
|
2974
3086
|
--wds-marketing-layout-title-font-weight-tiny: 700;
|
|
2975
|
-
--wds-marketing-layout-title-gap-medium:
|
|
2976
|
-
--wds-marketing-layout-title-gap-small:
|
|
2977
|
-
--wds-marketing-layout-title-gap-tiny:
|
|
2978
|
-
--wds-marketing-layout-title-letter-spacing-tiny:
|
|
3087
|
+
--wds-marketing-layout-title-gap-medium: 4px;
|
|
3088
|
+
--wds-marketing-layout-title-gap-small: 4px;
|
|
3089
|
+
--wds-marketing-layout-title-gap-tiny: 2px;
|
|
3090
|
+
--wds-marketing-layout-title-letter-spacing-tiny: -0.5px;
|
|
2979
3091
|
--wds-marketing-layout-title-line-height-medium: 20px;
|
|
2980
3092
|
--wds-marketing-layout-title-line-height-small: 20px;
|
|
2981
3093
|
--wds-marketing-layout-title-line-height-tiny: 20px;
|
|
@@ -3043,9 +3155,9 @@
|
|
|
3043
3155
|
--wds-multiselect-icon-fill: #D4D3D2;
|
|
3044
3156
|
--wds-nestable-list-fill: rgba(0, 0, 0, 0);
|
|
3045
3157
|
--wds-nestable-list-paddings: 8px;
|
|
3046
|
-
--wds-notification-border-color:
|
|
3047
|
-
--wds-notification-border-radius:
|
|
3048
|
-
--wds-notification-border-width:
|
|
3158
|
+
--wds-notification-border-color: #212122;
|
|
3159
|
+
--wds-notification-border-radius: 8px;
|
|
3160
|
+
--wds-notification-border-width: 1px;
|
|
3049
3161
|
--wds-notification-content-color: #212122;
|
|
3050
3162
|
--wds-notification-fill-error: #D34D55;
|
|
3051
3163
|
--wds-notification-fill-premium: #8b2df5;
|
|
@@ -527,10 +527,10 @@
|
|
|
527
527
|
--wds-border-width-surface-modal: 1px;
|
|
528
528
|
--wds-border-width-varied: 0px;
|
|
529
529
|
--wds-border-width-varied-secondary: 1px;
|
|
530
|
-
--wds-color-border-ai-primary: #
|
|
531
|
-
--wds-color-border-ai-primary-active: #
|
|
532
|
-
--wds-color-border-ai-primary-disabled:
|
|
533
|
-
--wds-color-border-ai-primary-hover: #
|
|
530
|
+
--wds-color-border-ai-primary: #5B78A9;
|
|
531
|
+
--wds-color-border-ai-primary-active: #82B0FF;
|
|
532
|
+
--wds-color-border-ai-primary-disabled: rgba(255, 255, 255, .1);
|
|
533
|
+
--wds-color-border-ai-primary-hover: #6F94D4;
|
|
534
534
|
--wds-color-border-dark-primary: #A09E9D;
|
|
535
535
|
--wds-color-border-dark-primary-active: #D4D3D2;
|
|
536
536
|
--wds-color-border-dark-primary-disabled: rgba(255, 255, 255, .1);
|
|
@@ -636,21 +636,21 @@
|
|
|
636
636
|
--wds-color-fill-accent-10: #1f8845;
|
|
637
637
|
--wds-color-fill-accent-11: #1b3689;
|
|
638
638
|
--wds-color-fill-accent-12: #acafc4;
|
|
639
|
-
--wds-color-fill-ai: #
|
|
640
|
-
--wds-color-fill-ai-hover: #
|
|
641
|
-
--wds-color-fill-ai-primary: #
|
|
642
|
-
--wds-color-fill-ai-primary-active: #
|
|
643
|
-
--wds-color-fill-ai-primary-disabled:
|
|
644
|
-
--wds-color-fill-ai-primary-hover: #
|
|
645
|
-
--wds-color-fill-ai-primary-pressed: #
|
|
646
|
-
--wds-color-fill-ai-secondary: #
|
|
647
|
-
--wds-color-fill-ai-secondary-active: #
|
|
648
|
-
--wds-color-fill-ai-secondary-disabled:
|
|
649
|
-
--wds-color-fill-ai-secondary-hover: #
|
|
639
|
+
--wds-color-fill-ai: #82B0FF;
|
|
640
|
+
--wds-color-fill-ai-hover: #B1CCFF;
|
|
641
|
+
--wds-color-fill-ai-primary: #82B0FF;
|
|
642
|
+
--wds-color-fill-ai-primary-active: #E0E7FF;
|
|
643
|
+
--wds-color-fill-ai-primary-disabled: rgba(255, 255, 255, .3);
|
|
644
|
+
--wds-color-fill-ai-primary-hover: #B1CCFF;
|
|
645
|
+
--wds-color-fill-ai-primary-pressed: #E0E7FF;
|
|
646
|
+
--wds-color-fill-ai-secondary: #2D354E;
|
|
647
|
+
--wds-color-fill-ai-secondary-active: #E0E7FF;
|
|
648
|
+
--wds-color-fill-ai-secondary-disabled: rgba(255, 255, 255, .1);
|
|
649
|
+
--wds-color-fill-ai-secondary-hover: #B1CCFF;
|
|
650
650
|
--wds-color-fill-ai-tertiary: #212122;
|
|
651
|
-
--wds-color-fill-ai-tertiary-active: #
|
|
651
|
+
--wds-color-fill-ai-tertiary-active: #2D354E;
|
|
652
652
|
--wds-color-fill-ai-tertiary-disabled: #212122;
|
|
653
|
-
--wds-color-fill-ai-tertiary-hover: #
|
|
653
|
+
--wds-color-fill-ai-tertiary-hover: #212328;
|
|
654
654
|
--wds-color-fill-dark-primary: #FFFFFF;
|
|
655
655
|
--wds-color-fill-dark-primary-active: #A8A6A5;
|
|
656
656
|
--wds-color-fill-dark-primary-disabled: rgba(255, 255, 255, .3);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/design-system-tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.234.0",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "cp -r tokens/* .",
|
|
6
6
|
"figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"author": "augustinasv@wix.com",
|
|
37
37
|
"description": "Design system tokens",
|
|
38
38
|
"packageManager": "yarn@3.5.0",
|
|
39
|
-
"falconPackageHash": "
|
|
39
|
+
"falconPackageHash": "e5be47b461afdd11f6ac8f03bc375a1c7c489148ee1083e76ca61ae7"
|
|
40
40
|
}
|