@wix/design-system-tokens 1.21.0 → 1.22.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 (7) hide show
  1. package/all.css +12 -0
  2. package/all.st.css +24 -0
  3. package/component.st.css +24 -0
  4. package/package.json +2 -2
  5. package/studio/all.css +12 -0
  6. package/studio/all.st.css +24 -0
  7. package/studio/component.st.css +24 -0
package/all.css CHANGED
@@ -386,6 +386,18 @@
386
386
  --wds-select-area-fill-hover: #e7f0ff;
387
387
  --wds-select-area-padding-horizontal: 18px;
388
388
  --wds-select-area-padding-vertical: 12px;
389
+ --wds-selector-button-padding-horizontal-left-large: 12px;
390
+ --wds-selector-button-padding-horizontal-left-medium: 12px;
391
+ --wds-selector-button-padding-horizontal-left-small: 12px;
392
+ --wds-selector-button-padding-horizontal-right-large: 6px;
393
+ --wds-selector-button-padding-horizontal-right-medium: 6px;
394
+ --wds-selector-button-padding-horizontal-right-small: 6px;
395
+ --wds-selector-button-padding-vertical-large: 6px;
396
+ --wds-selector-button-padding-vertical-medium: 6px;
397
+ --wds-selector-button-padding-vertical-small: 6px;
398
+ --wds-selector-button-size-large: 42px;
399
+ --wds-selector-button-size-medium: 36px;
400
+ --wds-selector-button-size-small: 30px;
389
401
  --wds-side-panel-content-padding-horizontal: 24px;
390
402
  --wds-side-panel-content-padding-vertical: 24px;
391
403
  --wds-side-panel-control-layout-divider-border-width: 1px;
package/all.st.css CHANGED
@@ -823,6 +823,18 @@
823
823
  @property st-global(--wds-select-area-fill-hover);
824
824
  @property st-global(--wds-select-area-padding-horizontal);
825
825
  @property st-global(--wds-select-area-padding-vertical);
826
+ @property st-global(--wds-selector-button-padding-horizontal-left-large);
827
+ @property st-global(--wds-selector-button-padding-horizontal-left-medium);
828
+ @property st-global(--wds-selector-button-padding-horizontal-left-small);
829
+ @property st-global(--wds-selector-button-padding-horizontal-right-large);
830
+ @property st-global(--wds-selector-button-padding-horizontal-right-medium);
831
+ @property st-global(--wds-selector-button-padding-horizontal-right-small);
832
+ @property st-global(--wds-selector-button-padding-vertical-large);
833
+ @property st-global(--wds-selector-button-padding-vertical-medium);
834
+ @property st-global(--wds-selector-button-padding-vertical-small);
835
+ @property st-global(--wds-selector-button-size-large);
836
+ @property st-global(--wds-selector-button-size-medium);
837
+ @property st-global(--wds-selector-button-size-small);
826
838
  @property st-global(--wds-shadow-100);
827
839
  @property st-global(--wds-shadow-200);
828
840
  @property st-global(--wds-shadow-300);
@@ -1959,6 +1971,18 @@
1959
1971
  --wds-select-area-fill-hover: #e7f0ff;
1960
1972
  --wds-select-area-padding-horizontal: 18px;
1961
1973
  --wds-select-area-padding-vertical: 12px;
1974
+ --wds-selector-button-padding-horizontal-left-large: 12px;
1975
+ --wds-selector-button-padding-horizontal-left-medium: 12px;
1976
+ --wds-selector-button-padding-horizontal-left-small: 12px;
1977
+ --wds-selector-button-padding-horizontal-right-large: 6px;
1978
+ --wds-selector-button-padding-horizontal-right-medium: 6px;
1979
+ --wds-selector-button-padding-horizontal-right-small: 6px;
1980
+ --wds-selector-button-padding-vertical-large: 6px;
1981
+ --wds-selector-button-padding-vertical-medium: 6px;
1982
+ --wds-selector-button-padding-vertical-small: 6px;
1983
+ --wds-selector-button-size-large: 42px;
1984
+ --wds-selector-button-size-medium: 36px;
1985
+ --wds-selector-button-size-small: 30px;
1962
1986
  --wds-shadow-100: 0 0 3px rgba(0, 6, 36, .1), 0 2px 1px rgba(0, 6, 36, .5);
1963
1987
  --wds-shadow-200: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
1964
1988
  --wds-shadow-300: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
package/component.st.css CHANGED
@@ -385,6 +385,18 @@
385
385
  @property st-global(--wds-select-area-fill-hover);
386
386
  @property st-global(--wds-select-area-padding-horizontal);
387
387
  @property st-global(--wds-select-area-padding-vertical);
388
+ @property st-global(--wds-selector-button-padding-horizontal-left-large);
389
+ @property st-global(--wds-selector-button-padding-horizontal-left-medium);
390
+ @property st-global(--wds-selector-button-padding-horizontal-left-small);
391
+ @property st-global(--wds-selector-button-padding-horizontal-right-large);
392
+ @property st-global(--wds-selector-button-padding-horizontal-right-medium);
393
+ @property st-global(--wds-selector-button-padding-horizontal-right-small);
394
+ @property st-global(--wds-selector-button-padding-vertical-large);
395
+ @property st-global(--wds-selector-button-padding-vertical-medium);
396
+ @property st-global(--wds-selector-button-padding-vertical-small);
397
+ @property st-global(--wds-selector-button-size-large);
398
+ @property st-global(--wds-selector-button-size-medium);
399
+ @property st-global(--wds-selector-button-size-small);
388
400
  @property st-global(--wds-side-panel-content-padding-horizontal);
389
401
  @property st-global(--wds-side-panel-content-padding-vertical);
390
402
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
@@ -1017,6 +1029,18 @@
1017
1029
  --wds-select-area-fill-hover: #e7f0ff;
1018
1030
  --wds-select-area-padding-horizontal: 18px;
1019
1031
  --wds-select-area-padding-vertical: 12px;
1032
+ --wds-selector-button-padding-horizontal-left-large: 12px;
1033
+ --wds-selector-button-padding-horizontal-left-medium: 12px;
1034
+ --wds-selector-button-padding-horizontal-left-small: 12px;
1035
+ --wds-selector-button-padding-horizontal-right-large: 6px;
1036
+ --wds-selector-button-padding-horizontal-right-medium: 6px;
1037
+ --wds-selector-button-padding-horizontal-right-small: 6px;
1038
+ --wds-selector-button-padding-vertical-large: 6px;
1039
+ --wds-selector-button-padding-vertical-medium: 6px;
1040
+ --wds-selector-button-padding-vertical-small: 6px;
1041
+ --wds-selector-button-size-large: 42px;
1042
+ --wds-selector-button-size-medium: 36px;
1043
+ --wds-selector-button-size-small: 30px;
1020
1044
  --wds-side-panel-content-padding-horizontal: 24px;
1021
1045
  --wds-side-panel-content-padding-vertical: 24px;
1022
1046
  --wds-side-panel-control-layout-divider-border-width: 1px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.21.0",
3
+ "version": "1.22.0",
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": "8efed8904b6c467a4c053c592e3859507c17dc3d97abafbac989fddd"
36
+ "falconPackageHash": "5eb62015dd6599b096604be0ad60e54d0d43b01ad1628af16b68cf28"
37
37
  }
package/studio/all.css CHANGED
@@ -386,6 +386,18 @@
386
386
  --wds-select-area-fill-hover: #edeef2;
387
387
  --wds-select-area-padding-horizontal: 16px;
388
388
  --wds-select-area-padding-vertical: 12px;
389
+ --wds-selector-button-padding-horizontal-left-large: 12px;
390
+ --wds-selector-button-padding-horizontal-left-medium: 12px;
391
+ --wds-selector-button-padding-horizontal-left-small: 12px;
392
+ --wds-selector-button-padding-horizontal-right-large: 6px;
393
+ --wds-selector-button-padding-horizontal-right-medium: 6px;
394
+ --wds-selector-button-padding-horizontal-right-small: 6px;
395
+ --wds-selector-button-padding-vertical-large: 6px;
396
+ --wds-selector-button-padding-vertical-medium: 6px;
397
+ --wds-selector-button-padding-vertical-small: 6px;
398
+ --wds-selector-button-size-large: 36px;
399
+ --wds-selector-button-size-medium: 32px;
400
+ --wds-selector-button-size-small: 28px;
389
401
  --wds-side-panel-content-padding-horizontal: 24px;
390
402
  --wds-side-panel-content-padding-vertical: 24px;
391
403
  --wds-side-panel-control-layout-divider-border-width: 0;
package/studio/all.st.css CHANGED
@@ -819,6 +819,18 @@
819
819
  @property st-global(--wds-select-area-fill-hover);
820
820
  @property st-global(--wds-select-area-padding-horizontal);
821
821
  @property st-global(--wds-select-area-padding-vertical);
822
+ @property st-global(--wds-selector-button-padding-horizontal-left-large);
823
+ @property st-global(--wds-selector-button-padding-horizontal-left-medium);
824
+ @property st-global(--wds-selector-button-padding-horizontal-left-small);
825
+ @property st-global(--wds-selector-button-padding-horizontal-right-large);
826
+ @property st-global(--wds-selector-button-padding-horizontal-right-medium);
827
+ @property st-global(--wds-selector-button-padding-horizontal-right-small);
828
+ @property st-global(--wds-selector-button-padding-vertical-large);
829
+ @property st-global(--wds-selector-button-padding-vertical-medium);
830
+ @property st-global(--wds-selector-button-padding-vertical-small);
831
+ @property st-global(--wds-selector-button-size-large);
832
+ @property st-global(--wds-selector-button-size-medium);
833
+ @property st-global(--wds-selector-button-size-small);
822
834
  @property st-global(--wds-shadow-100);
823
835
  @property st-global(--wds-shadow-200);
824
836
  @property st-global(--wds-shadow-300);
@@ -1950,6 +1962,18 @@
1950
1962
  --wds-select-area-fill-hover: #edeef2;
1951
1963
  --wds-select-area-padding-horizontal: 16px;
1952
1964
  --wds-select-area-padding-vertical: 12px;
1965
+ --wds-selector-button-padding-horizontal-left-large: 12px;
1966
+ --wds-selector-button-padding-horizontal-left-medium: 12px;
1967
+ --wds-selector-button-padding-horizontal-left-small: 12px;
1968
+ --wds-selector-button-padding-horizontal-right-large: 6px;
1969
+ --wds-selector-button-padding-horizontal-right-medium: 6px;
1970
+ --wds-selector-button-padding-horizontal-right-small: 6px;
1971
+ --wds-selector-button-padding-vertical-large: 6px;
1972
+ --wds-selector-button-padding-vertical-medium: 6px;
1973
+ --wds-selector-button-padding-vertical-small: 6px;
1974
+ --wds-selector-button-size-large: 36px;
1975
+ --wds-selector-button-size-medium: 32px;
1976
+ --wds-selector-button-size-small: 28px;
1953
1977
  --wds-shadow-100: 0 2px 7px rgba(19, 23, 32, .2);
1954
1978
  --wds-shadow-200: 0 0 12px rgba(19, 23, 32, .2);
1955
1979
  --wds-shadow-300: 0 12px 20px rgba(19, 23, 32, .1);
package/studio/component.st.css CHANGED
@@ -385,6 +385,18 @@
385
385
  @property st-global(--wds-select-area-fill-hover);
386
386
  @property st-global(--wds-select-area-padding-horizontal);
387
387
  @property st-global(--wds-select-area-padding-vertical);
388
+ @property st-global(--wds-selector-button-padding-horizontal-left-large);
389
+ @property st-global(--wds-selector-button-padding-horizontal-left-medium);
390
+ @property st-global(--wds-selector-button-padding-horizontal-left-small);
391
+ @property st-global(--wds-selector-button-padding-horizontal-right-large);
392
+ @property st-global(--wds-selector-button-padding-horizontal-right-medium);
393
+ @property st-global(--wds-selector-button-padding-horizontal-right-small);
394
+ @property st-global(--wds-selector-button-padding-vertical-large);
395
+ @property st-global(--wds-selector-button-padding-vertical-medium);
396
+ @property st-global(--wds-selector-button-padding-vertical-small);
397
+ @property st-global(--wds-selector-button-size-large);
398
+ @property st-global(--wds-selector-button-size-medium);
399
+ @property st-global(--wds-selector-button-size-small);
388
400
  @property st-global(--wds-side-panel-content-padding-horizontal);
389
401
  @property st-global(--wds-side-panel-content-padding-vertical);
390
402
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
@@ -1016,6 +1028,18 @@
1016
1028
  --wds-select-area-fill-hover: #edeef2;
1017
1029
  --wds-select-area-padding-horizontal: 16px;
1018
1030
  --wds-select-area-padding-vertical: 12px;
1031
+ --wds-selector-button-padding-horizontal-left-large: 12px;
1032
+ --wds-selector-button-padding-horizontal-left-medium: 12px;
1033
+ --wds-selector-button-padding-horizontal-left-small: 12px;
1034
+ --wds-selector-button-padding-horizontal-right-large: 6px;
1035
+ --wds-selector-button-padding-horizontal-right-medium: 6px;
1036
+ --wds-selector-button-padding-horizontal-right-small: 6px;
1037
+ --wds-selector-button-padding-vertical-large: 6px;
1038
+ --wds-selector-button-padding-vertical-medium: 6px;
1039
+ --wds-selector-button-padding-vertical-small: 6px;
1040
+ --wds-selector-button-size-large: 36px;
1041
+ --wds-selector-button-size-medium: 32px;
1042
+ --wds-selector-button-size-small: 28px;
1019
1043
  --wds-side-panel-content-padding-horizontal: 24px;
1020
1044
  --wds-side-panel-content-padding-vertical: 24px;
1021
1045
  --wds-side-panel-control-layout-divider-border-width: 0;