@wix/design-system-tokens 1.3.5 → 1.3.7

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 (5) hide show
  1. package/all.st.css +20 -2
  2. package/component.st.css +20 -2
  3. package/package.json +2 -2
  4. package/studio/all.st.css +20 -2
  5. package/studio/component.st.css +20 -2
package/all.st.css CHANGED
@@ -543,7 +543,8 @@
543
543
  @property st-global(--wds-font-weight-heading-6);
544
544
  @property st-global(--wds-font-weight-medium);
545
545
  @property st-global(--wds-font-weight-regular);
546
- @property st-global(--wds-form-field-label-gap);
546
+ @property st-global(--wds-form-field-label-gap-small);
547
+ @property st-global(--wds-form-field-label-gap-tiny);
547
548
  @property st-global(--wds-gallery-item-border);
548
549
  @property st-global(--wds-gallery-item-padding-left-medium);
549
550
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -553,6 +554,14 @@
553
554
  @property st-global(--wds-gallery-item-padding-vertical-small);
554
555
  @property st-global(--wds-image-border-radius-default);
555
556
  @property st-global(--wds-image-border-radius-none);
557
+ @property st-global(--wds-input-area-border-radius-default-medium);
558
+ @property st-global(--wds-input-area-border-radius-default-small);
559
+ @property st-global(--wds-input-area-padding-left-medium);
560
+ @property st-global(--wds-input-area-padding-left-small);
561
+ @property st-global(--wds-input-area-padding-right-medium);
562
+ @property st-global(--wds-input-area-padding-right-small);
563
+ @property st-global(--wds-input-area-padding-vertical-medium);
564
+ @property st-global(--wds-input-area-padding-vertical-small);
556
565
  @property st-global(--wds-input-border-radius-default-large);
557
566
  @property st-global(--wds-input-border-radius-default-medium);
558
567
  @property st-global(--wds-input-border-radius-default-small);
@@ -1454,7 +1463,8 @@
1454
1463
  --wds-font-weight-heading-6: 400;
1455
1464
  --wds-font-weight-medium: 500;
1456
1465
  --wds-font-weight-regular: 400;
1457
- --wds-form-field-label-gap: 9px;
1466
+ --wds-form-field-label-gap-small: 9px;
1467
+ --wds-form-field-label-gap-tiny: 6px;
1458
1468
  --wds-gallery-item-border: 8px;
1459
1469
  --wds-gallery-item-padding-left-medium: 18px;
1460
1470
  --wds-gallery-item-padding-left-small: 12px;
@@ -1464,6 +1474,14 @@
1464
1474
  --wds-gallery-item-padding-vertical-small: 12px;
1465
1475
  --wds-image-border-radius-default: 8px;
1466
1476
  --wds-image-border-radius-none: 0;
1477
+ --wds-input-area-border-radius-default-medium: 6px;
1478
+ --wds-input-area-border-radius-default-small: 6px;
1479
+ --wds-input-area-padding-left-medium: 12px;
1480
+ --wds-input-area-padding-left-small: 12px;
1481
+ --wds-input-area-padding-right-medium: 9px;
1482
+ --wds-input-area-padding-right-small: 9px;
1483
+ --wds-input-area-padding-vertical-medium: 6px;
1484
+ --wds-input-area-padding-vertical-small: 6px;
1467
1485
  --wds-input-border-radius-default-large: 6px;
1468
1486
  --wds-input-border-radius-default-medium: 6px;
1469
1487
  --wds-input-border-radius-default-small: 6px;
package/component.st.css CHANGED
@@ -116,7 +116,8 @@
116
116
  @property st-global(--wds-field-set-gap-medium);
117
117
  @property st-global(--wds-field-set-gap-small);
118
118
  @property st-global(--wds-field-set-label-gap);
119
- @property st-global(--wds-form-field-label-gap);
119
+ @property st-global(--wds-form-field-label-gap-small);
120
+ @property st-global(--wds-form-field-label-gap-tiny);
120
121
  @property st-global(--wds-gallery-item-border);
121
122
  @property st-global(--wds-gallery-item-padding-left-medium);
122
123
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -126,6 +127,14 @@
126
127
  @property st-global(--wds-gallery-item-padding-vertical-small);
127
128
  @property st-global(--wds-image-border-radius-default);
128
129
  @property st-global(--wds-image-border-radius-none);
130
+ @property st-global(--wds-input-area-border-radius-default-medium);
131
+ @property st-global(--wds-input-area-border-radius-default-small);
132
+ @property st-global(--wds-input-area-padding-left-medium);
133
+ @property st-global(--wds-input-area-padding-left-small);
134
+ @property st-global(--wds-input-area-padding-right-medium);
135
+ @property st-global(--wds-input-area-padding-right-small);
136
+ @property st-global(--wds-input-area-padding-vertical-medium);
137
+ @property st-global(--wds-input-area-padding-vertical-small);
129
138
  @property st-global(--wds-input-border-radius-default-large);
130
139
  @property st-global(--wds-input-border-radius-default-medium);
131
140
  @property st-global(--wds-input-border-radius-default-small);
@@ -549,7 +558,8 @@
549
558
  --wds-field-set-gap-medium: 12px;
550
559
  --wds-field-set-gap-small: 6px;
551
560
  --wds-field-set-label-gap: 9px;
552
- --wds-form-field-label-gap: 9px;
561
+ --wds-form-field-label-gap-small: 9px;
562
+ --wds-form-field-label-gap-tiny: 6px;
553
563
  --wds-gallery-item-border: 8px;
554
564
  --wds-gallery-item-padding-left-medium: 18px;
555
565
  --wds-gallery-item-padding-left-small: 12px;
@@ -559,6 +569,14 @@
559
569
  --wds-gallery-item-padding-vertical-small: 12px;
560
570
  --wds-image-border-radius-default: 8px;
561
571
  --wds-image-border-radius-none: 0;
572
+ --wds-input-area-border-radius-default-medium: 6px;
573
+ --wds-input-area-border-radius-default-small: 6px;
574
+ --wds-input-area-padding-left-medium: 12px;
575
+ --wds-input-area-padding-left-small: 12px;
576
+ --wds-input-area-padding-right-medium: 9px;
577
+ --wds-input-area-padding-right-small: 9px;
578
+ --wds-input-area-padding-vertical-medium: 6px;
579
+ --wds-input-area-padding-vertical-small: 6px;
562
580
  --wds-input-border-radius-default-large: 6px;
563
581
  --wds-input-border-radius-default-medium: 6px;
564
582
  --wds-input-border-radius-default-small: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.3.5",
3
+ "version": "1.3.7",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -32,5 +32,5 @@
32
32
  "groupId": "com.wixpress"
33
33
  }
34
34
  },
35
- "falconPackageHash": "9a64d07210b5f59f9eacfbb96de64b613b88c9c6b29401dc99bd9c66"
35
+ "falconPackageHash": "503488eb2880b4b8706ed43ea5b38c23397879da92c0e5fff62b9824"
36
36
  }
package/studio/all.st.css CHANGED
@@ -539,7 +539,8 @@
539
539
  @property st-global(--wds-font-weight-heading-6);
540
540
  @property st-global(--wds-font-weight-medium);
541
541
  @property st-global(--wds-font-weight-regular);
542
- @property st-global(--wds-form-field-label-gap);
542
+ @property st-global(--wds-form-field-label-gap-small);
543
+ @property st-global(--wds-form-field-label-gap-tiny);
543
544
  @property st-global(--wds-gallery-item-border);
544
545
  @property st-global(--wds-gallery-item-padding-left-medium);
545
546
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -549,6 +550,14 @@
549
550
  @property st-global(--wds-gallery-item-padding-vertical-small);
550
551
  @property st-global(--wds-image-border-radius-default);
551
552
  @property st-global(--wds-image-border-radius-none);
553
+ @property st-global(--wds-input-area-border-radius-default-medium);
554
+ @property st-global(--wds-input-area-border-radius-default-small);
555
+ @property st-global(--wds-input-area-padding-left-medium);
556
+ @property st-global(--wds-input-area-padding-left-small);
557
+ @property st-global(--wds-input-area-padding-right-medium);
558
+ @property st-global(--wds-input-area-padding-right-small);
559
+ @property st-global(--wds-input-area-padding-vertical-medium);
560
+ @property st-global(--wds-input-area-padding-vertical-small);
552
561
  @property st-global(--wds-input-border-radius-default-large);
553
562
  @property st-global(--wds-input-border-radius-default-medium);
554
563
  @property st-global(--wds-input-border-radius-default-small);
@@ -1423,7 +1432,8 @@
1423
1432
  --wds-font-weight-heading-6: 400;
1424
1433
  --wds-font-weight-medium: 500;
1425
1434
  --wds-font-weight-regular: 400;
1426
- --wds-form-field-label-gap: 8px;
1435
+ --wds-form-field-label-gap-small: 8px;
1436
+ --wds-form-field-label-gap-tiny: 6px;
1427
1437
  --wds-gallery-item-border: 4px;
1428
1438
  --wds-gallery-item-padding-left-medium: 18px;
1429
1439
  --wds-gallery-item-padding-left-small: 12px;
@@ -1433,6 +1443,14 @@
1433
1443
  --wds-gallery-item-padding-vertical-small: 12px;
1434
1444
  --wds-image-border-radius-default: 4px;
1435
1445
  --wds-image-border-radius-none: 0;
1446
+ --wds-input-area-border-radius-default-medium: 4px;
1447
+ --wds-input-area-border-radius-default-small: 4px;
1448
+ --wds-input-area-padding-left-medium: 12px;
1449
+ --wds-input-area-padding-left-small: 12px;
1450
+ --wds-input-area-padding-right-medium: 10px;
1451
+ --wds-input-area-padding-right-small: 10px;
1452
+ --wds-input-area-padding-vertical-medium: 4px;
1453
+ --wds-input-area-padding-vertical-small: 4px;
1436
1454
  --wds-input-border-radius-default-large: 4px;
1437
1455
  --wds-input-border-radius-default-medium: 4px;
1438
1456
  --wds-input-border-radius-default-small: 4px;
package/studio/component.st.css CHANGED
@@ -116,7 +116,8 @@
116
116
  @property st-global(--wds-field-set-gap-medium);
117
117
  @property st-global(--wds-field-set-gap-small);
118
118
  @property st-global(--wds-field-set-label-gap);
119
- @property st-global(--wds-form-field-label-gap);
119
+ @property st-global(--wds-form-field-label-gap-small);
120
+ @property st-global(--wds-form-field-label-gap-tiny);
120
121
  @property st-global(--wds-gallery-item-border);
121
122
  @property st-global(--wds-gallery-item-padding-left-medium);
122
123
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -126,6 +127,14 @@
126
127
  @property st-global(--wds-gallery-item-padding-vertical-small);
127
128
  @property st-global(--wds-image-border-radius-default);
128
129
  @property st-global(--wds-image-border-radius-none);
130
+ @property st-global(--wds-input-area-border-radius-default-medium);
131
+ @property st-global(--wds-input-area-border-radius-default-small);
132
+ @property st-global(--wds-input-area-padding-left-medium);
133
+ @property st-global(--wds-input-area-padding-left-small);
134
+ @property st-global(--wds-input-area-padding-right-medium);
135
+ @property st-global(--wds-input-area-padding-right-small);
136
+ @property st-global(--wds-input-area-padding-vertical-medium);
137
+ @property st-global(--wds-input-area-padding-vertical-small);
129
138
  @property st-global(--wds-input-border-radius-default-large);
130
139
  @property st-global(--wds-input-border-radius-default-medium);
131
140
  @property st-global(--wds-input-border-radius-default-small);
@@ -549,7 +558,8 @@
549
558
  --wds-field-set-gap-medium: 12px;
550
559
  --wds-field-set-gap-small: 6px;
551
560
  --wds-field-set-label-gap: 8px;
552
- --wds-form-field-label-gap: 8px;
561
+ --wds-form-field-label-gap-small: 8px;
562
+ --wds-form-field-label-gap-tiny: 6px;
553
563
  --wds-gallery-item-border: 4px;
554
564
  --wds-gallery-item-padding-left-medium: 18px;
555
565
  --wds-gallery-item-padding-left-small: 12px;
@@ -559,6 +569,14 @@
559
569
  --wds-gallery-item-padding-vertical-small: 12px;
560
570
  --wds-image-border-radius-default: 4px;
561
571
  --wds-image-border-radius-none: 0;
572
+ --wds-input-area-border-radius-default-medium: 4px;
573
+ --wds-input-area-border-radius-default-small: 4px;
574
+ --wds-input-area-padding-left-medium: 12px;
575
+ --wds-input-area-padding-left-small: 12px;
576
+ --wds-input-area-padding-right-medium: 10px;
577
+ --wds-input-area-padding-right-small: 10px;
578
+ --wds-input-area-padding-vertical-medium: 4px;
579
+ --wds-input-area-padding-vertical-small: 4px;
562
580
  --wds-input-border-radius-default-large: 4px;
563
581
  --wds-input-border-radius-default-medium: 4px;
564
582
  --wds-input-border-radius-default-small: 4px;