@wix/design-system-tokens 1.42.0 → 1.43.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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +5 -2
  3. package/all.st.css +6 -0
  4. package/component.st.css +6 -0
  5. package/package.json +3 -3
  6. package/studio/all.css +5 -2
  7. package/studio/all.st.css +7 -1
  8. package/studio/component.st.css +7 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.43.0 - 2024-09-25
2
+
3
+ ### Features
4
+
5
+ - feat(tokens): introduce input shadow tokens [14174](https://github.com/wix-private/wix-design-systems/pull/14174)
6
+
1
7
  ## 1.41.0 - 2024-09-12
2
8
 
3
9
  ### Features
package/all.css CHANGED
@@ -202,6 +202,9 @@
202
202
  --wds-input-padding-vertical-medium: 6px;
203
203
  --wds-input-padding-vertical-small: 6px;
204
204
  --wds-input-padding-vertical-tiny: 3px;
205
+ --wds-input-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
206
+ --wds-input-shadow-focus-standard: 0 0 0 3px #a8caff;
207
+ --wds-input-shadow-focus-warning: 0 0 0 3px #ffe2a5;
205
208
  --wds-input-size-large: 42px;
206
209
  --wds-input-size-medium: 36px;
207
210
  --wds-input-size-small: 30px;
@@ -278,10 +281,10 @@
278
281
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
279
282
  --wds-list-item-select-title: #000624;
280
283
  --wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
281
- --wds-loader-fill-loading: #084ebd;
282
284
  --wds-loader-fill: #d6e6fe;
283
- --wds-loader-fill-light: #ffffff;
284
285
  --wds-loader-fill-error: #e62214;
286
+ --wds-loader-fill-light: #ffffff;
287
+ --wds-loader-fill-loading: #084ebd;
285
288
  --wds-loader-fill-success: #116dff;
286
289
  --wds-marketing-layout-border: 8px;
287
290
  --wds-marketing-layout-padding-left-medium: 48px;
package/all.st.css CHANGED
@@ -655,6 +655,9 @@
655
655
  @property st-global(--wds-input-padding-vertical-medium);
656
656
  @property st-global(--wds-input-padding-vertical-small);
657
657
  @property st-global(--wds-input-padding-vertical-tiny);
658
+ @property st-global(--wds-input-shadow-focus-destructive);
659
+ @property st-global(--wds-input-shadow-focus-standard);
660
+ @property st-global(--wds-input-shadow-focus-warning);
658
661
  @property st-global(--wds-input-size-large);
659
662
  @property st-global(--wds-input-size-medium);
660
663
  @property st-global(--wds-input-size-small);
@@ -1818,6 +1821,9 @@
1818
1821
  --wds-input-padding-vertical-medium: 6px;
1819
1822
  --wds-input-padding-vertical-small: 6px;
1820
1823
  --wds-input-padding-vertical-tiny: 3px;
1824
+ --wds-input-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
1825
+ --wds-input-shadow-focus-standard: 0 0 0 3px #a8caff;
1826
+ --wds-input-shadow-focus-warning: 0 0 0 3px #ffe2a5;
1821
1827
  --wds-input-size-large: 42px;
1822
1828
  --wds-input-size-medium: 36px;
1823
1829
  --wds-input-size-small: 30px;
package/component.st.css CHANGED
@@ -209,6 +209,9 @@
209
209
  @property st-global(--wds-input-padding-vertical-medium);
210
210
  @property st-global(--wds-input-padding-vertical-small);
211
211
  @property st-global(--wds-input-padding-vertical-tiny);
212
+ @property st-global(--wds-input-shadow-focus-destructive);
213
+ @property st-global(--wds-input-shadow-focus-standard);
214
+ @property st-global(--wds-input-shadow-focus-warning);
212
215
  @property st-global(--wds-input-size-large);
213
216
  @property st-global(--wds-input-size-medium);
214
217
  @property st-global(--wds-input-size-small);
@@ -860,6 +863,9 @@
860
863
  --wds-input-padding-vertical-medium: 6px;
861
864
  --wds-input-padding-vertical-small: 6px;
862
865
  --wds-input-padding-vertical-tiny: 3px;
866
+ --wds-input-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
867
+ --wds-input-shadow-focus-standard: 0 0 0 3px #a8caff;
868
+ --wds-input-shadow-focus-warning: 0 0 0 3px #ffe2a5;
863
869
  --wds-input-size-large: 42px;
864
870
  --wds-input-size-medium: 36px;
865
871
  --wds-input-size-small: 30px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.42.0",
3
+ "version": "1.43.0",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -12,7 +12,7 @@
12
12
  "style-dictionary": "^3.9.2",
13
13
  "ts-jest": "^29.2.5",
14
14
  "ts-node": "^10.9.2",
15
- "typescript": "^5.5.4"
15
+ "typescript": "^5.6.2"
16
16
  },
17
17
  "description": "Design system tokens",
18
18
  "scripts": {
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "bda9d62250068451a664a06297dc09ab26609695aada91ffb1fa3ba5"
36
+ "falconPackageHash": "22c448c44e7016eab0997e5f19d6f6de074e8fe6a9981378f12a4c55"
37
37
  }
package/studio/all.css CHANGED
@@ -202,6 +202,9 @@
202
202
  --wds-input-padding-vertical-medium: 4px;
203
203
  --wds-input-padding-vertical-small: 4px;
204
204
  --wds-input-padding-vertical-tiny: 4px;
205
+ --wds-input-shadow-focus-destructive: transparent;
206
+ --wds-input-shadow-focus-standard: transparent;
207
+ --wds-input-shadow-focus-warning: transparent;
205
208
  --wds-input-size-large: 36px;
206
209
  --wds-input-size-medium: 32px;
207
210
  --wds-input-size-small: 28px;
@@ -278,10 +281,10 @@
278
281
  --wds-list-item-select-subtitle-disabled: #bebebe;
279
282
  --wds-list-item-select-title: #131720;
280
283
  --wds-list-item-select-title-disabled: #bebebe;
281
- --wds-loader-fill-loading: #116dff;
282
284
  --wds-loader-fill: #dce9ff;
283
- --wds-loader-fill-light: #ffffff;
284
285
  --wds-loader-fill-error: #ee4437;
286
+ --wds-loader-fill-light: #ffffff;
287
+ --wds-loader-fill-loading: #084ebd;
285
288
  --wds-loader-fill-success: #116dff;
286
289
  --wds-marketing-layout-border: 4px;
287
290
  --wds-marketing-layout-padding-left-medium: 48px;
package/studio/all.st.css CHANGED
@@ -651,6 +651,9 @@
651
651
  @property st-global(--wds-input-padding-vertical-medium);
652
652
  @property st-global(--wds-input-padding-vertical-small);
653
653
  @property st-global(--wds-input-padding-vertical-tiny);
654
+ @property st-global(--wds-input-shadow-focus-destructive);
655
+ @property st-global(--wds-input-shadow-focus-standard);
656
+ @property st-global(--wds-input-shadow-focus-warning);
654
657
  @property st-global(--wds-input-size-large);
655
658
  @property st-global(--wds-input-size-medium);
656
659
  @property st-global(--wds-input-size-small);
@@ -1809,6 +1812,9 @@
1809
1812
  --wds-input-padding-vertical-medium: 4px;
1810
1813
  --wds-input-padding-vertical-small: 4px;
1811
1814
  --wds-input-padding-vertical-tiny: 4px;
1815
+ --wds-input-shadow-focus-destructive: transparent;
1816
+ --wds-input-shadow-focus-standard: transparent;
1817
+ --wds-input-shadow-focus-warning: transparent;
1812
1818
  --wds-input-size-large: 36px;
1813
1819
  --wds-input-size-medium: 32px;
1814
1820
  --wds-input-size-small: 28px;
@@ -1880,7 +1886,7 @@
1880
1886
  --wds-loader-fill: #dce9ff;
1881
1887
  --wds-loader-fill-error: #ee4437;
1882
1888
  --wds-loader-fill-light: #ffffff;
1883
- --wds-loader-fill-loading: #116dff;
1889
+ --wds-loader-fill-loading: #084ebd;
1884
1890
  --wds-loader-fill-success: #116dff;
1885
1891
  --wds-marketing-layout-border: 4px;
1886
1892
  --wds-marketing-layout-padding-left-medium: 48px;
package/studio/component.st.css CHANGED
@@ -209,6 +209,9 @@
209
209
  @property st-global(--wds-input-padding-vertical-medium);
210
210
  @property st-global(--wds-input-padding-vertical-small);
211
211
  @property st-global(--wds-input-padding-vertical-tiny);
212
+ @property st-global(--wds-input-shadow-focus-destructive);
213
+ @property st-global(--wds-input-shadow-focus-standard);
214
+ @property st-global(--wds-input-shadow-focus-warning);
212
215
  @property st-global(--wds-input-size-large);
213
216
  @property st-global(--wds-input-size-medium);
214
217
  @property st-global(--wds-input-size-small);
@@ -859,6 +862,9 @@
859
862
  --wds-input-padding-vertical-medium: 4px;
860
863
  --wds-input-padding-vertical-small: 4px;
861
864
  --wds-input-padding-vertical-tiny: 4px;
865
+ --wds-input-shadow-focus-destructive: transparent;
866
+ --wds-input-shadow-focus-standard: transparent;
867
+ --wds-input-shadow-focus-warning: transparent;
862
868
  --wds-input-size-large: 36px;
863
869
  --wds-input-size-medium: 32px;
864
870
  --wds-input-size-small: 28px;
@@ -930,7 +936,7 @@
930
936
  --wds-loader-fill: #dce9ff;
931
937
  --wds-loader-fill-error: #ee4437;
932
938
  --wds-loader-fill-light: #ffffff;
933
- --wds-loader-fill-loading: #116dff;
939
+ --wds-loader-fill-loading: #084ebd;
934
940
  --wds-loader-fill-success: #116dff;
935
941
  --wds-marketing-layout-border: 4px;
936
942
  --wds-marketing-layout-padding-left-medium: 48px;