@adobe/spectrum-tokens 13.5.0 → 13.7.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 CHANGED
@@ -1,5 +1,61 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#499](https://github.com/adobe/spectrum-tokens/pull/499) [`0c1a81b`](https://github.com/adobe/spectrum-tokens/commit/0c1a81b6c5715e4de1d423b6bc7a59ce4fe30d2f) Thanks [@larz0](https://github.com/larz0)! - Added new accodion tokens
8
+
9
+ ## Design Motivation
10
+
11
+ These tokens are required for the accordion component.
12
+
13
+ ## Token Diff
14
+
15
+ <details open><summary>Added (19)<br /></summary>
16
+
17
+ - `accordion-edge-to-content-area-small`
18
+ - `accordion-edge-to-content-area-medium`
19
+ - `accordion-edge-to-content-area-large`
20
+ - `accordion-edge-to-content-area-extra-large`
21
+ - `single-calendar-popover-minimum-width`
22
+ - `single-calendar-popover-minimum-height`
23
+ - `double-calendar-popover-minimum-width`
24
+ - `double-calendar-popover-minimum-height`
25
+ - `triple-calendar-popover-minimum-width`
26
+ - `triple-calendar-popover-minimum-height`
27
+ - `date-field-minimum-width`
28
+ - `date-field-text-to-visual`
29
+ - `time-field-minimum-width`
30
+ - `time-field-text-to-visual`
31
+ - `date-picker-visual-to-field-button`
32
+ - `date-picker-text-to-visual`
33
+ - `date-picker-minimum-width`
34
+ - `segmented-text-field-gap`
35
+ - `segmented-text-field-rounding`
36
+
37
+ </details>
38
+
39
+ ## 13.6.0
40
+
41
+ ### Minor Changes
42
+
43
+ - [#497](https://github.com/adobe/spectrum-tokens/pull/497) [`fc0682e`](https://github.com/adobe/spectrum-tokens/commit/fc0682e16765f3beb9a823cc9b2f9f2464b6ccc6) Thanks [@larz0](https://github.com/larz0)! - Added horizontal card tokens
44
+
45
+ ## Design Motivation
46
+
47
+ These tokens are needed for horizontal cards.
48
+
49
+ ## Token Diff
50
+
51
+ <details open><summary>Added (3)</summary>
52
+
53
+ - `card-horizontal-edge-to-content-compact`
54
+ - `card-horizontal-edge-to-content-default`
55
+ - `card-horizontal-edge-to-content-spacious`
56
+
57
+ </details>
58
+
3
59
  ## 13.5.0
4
60
 
5
61
  ### Minor Changes
@@ -1533,6 +1533,10 @@
1533
1533
  "accordion-disclosure-indicator-to-text-large": "14px",
1534
1534
  "accordion-disclosure-indicator-to-text-medium": "11px",
1535
1535
  "accordion-disclosure-indicator-to-text-small": "7px",
1536
+ "accordion-edge-to-content-area-extra-large": "17px",
1537
+ "accordion-edge-to-content-area-large": "14px",
1538
+ "accordion-edge-to-content-area-medium": "11px",
1539
+ "accordion-edge-to-content-area-small": "7px",
1536
1540
  "accordion-edge-to-disclosure-indicator": "0px",
1537
1541
  "accordion-edge-to-text": "0px",
1538
1542
  "accordion-focus-indicator-gap": "0px",
@@ -1708,6 +1712,9 @@
1708
1712
  "card-edge-to-content-spacious-medium": "20px",
1709
1713
  "card-edge-to-content-spacious-small": "16px",
1710
1714
  "card-header-to-description": "4px",
1715
+ "card-horizontal-edge-to-content-compact": "12px",
1716
+ "card-horizontal-edge-to-content-default": "16px",
1717
+ "card-horizontal-edge-to-content-spacious": "20px",
1711
1718
  "card-maximum-width-extra-large": "460px",
1712
1719
  "card-maximum-width-extra-small": "140px",
1713
1720
  "card-maximum-width-large": "370px",
@@ -1948,6 +1955,11 @@
1948
1955
  "dash-icon-size-500": "16px",
1949
1956
  "dash-icon-size-600": "18px",
1950
1957
  "dash-icon-size-75": "8px",
1958
+ "date-field-minimum-width": "152px",
1959
+ "date-field-text-to-visual": "20px",
1960
+ "date-picker-minimum-width": "152px",
1961
+ "date-picker-text-to-visual": "0px",
1962
+ "date-picker-visual-to-field-button": "0px",
1951
1963
  "detail-cjk-line-height": 1.5,
1952
1964
  "detail-cjk-size-l": "14px",
1953
1965
  "detail-cjk-size-m": "12px",
@@ -1972,6 +1984,8 @@
1972
1984
  "divider-thickness-medium": "2px",
1973
1985
  "divider-thickness-small": "1px",
1974
1986
  "divider-vertical-minimum-height": "200px",
1987
+ "double-calendar-popover-minimum-height": "320px",
1988
+ "double-calendar-popover-minimum-width": "616px",
1975
1989
  "drop-shadow-blur": "6px",
1976
1990
  "drop-shadow-blur-100": "6px",
1977
1991
  "drop-shadow-blur-200": "8px",
@@ -2296,6 +2310,8 @@
2296
2310
  "segmented-control-item-height": "32px",
2297
2311
  "segmented-control-item-maximum-width": "265px",
2298
2312
  "segmented-control-selection-border-width": "2px",
2313
+ "segmented-text-field-gap": "0px",
2314
+ "segmented-text-field-rounding": "2px",
2299
2315
  "select-box-edge-to-checkbox": "12px",
2300
2316
  "select-box-horizontal-end-to-content": "32px",
2301
2317
  "select-box-horizontal-illustration-to-label": "10px",
@@ -2325,6 +2341,8 @@
2325
2341
  "side-navigation-width": "192px",
2326
2342
  "side-navigation-with-icon-second-level-edge-to-text": "50px",
2327
2343
  "side-navigation-with-icon-third-level-edge-to-text": "62px",
2344
+ "single-calendar-popover-minimum-height": "320px",
2345
+ "single-calendar-popover-minimum-width": "320px",
2328
2346
  "slider-bottom-to-handle-extra-large": "14px",
2329
2347
  "slider-bottom-to-handle-large": "11px",
2330
2348
  "slider-bottom-to-handle-medium": "8px",
@@ -2661,6 +2679,8 @@
2661
2679
  "thumbnail-size-75": "20px",
2662
2680
  "thumbnail-size-800": "52px",
2663
2681
  "thumbnail-size-900": "56px",
2682
+ "time-field-minimum-width": 2.5,
2683
+ "time-field-text-to-visual": "20px",
2664
2684
  "title-cjk-line-height": 1.5,
2665
2685
  "title-cjk-size-l": "16px",
2666
2686
  "title-cjk-size-m": "14px",
@@ -2712,6 +2732,8 @@
2712
2732
  "tree-view-top-to-disclosure-indicator": "15px",
2713
2733
  "tree-view-top-to-drag-handle": "15px",
2714
2734
  "tree-view-top-to-label": "10px",
2735
+ "triple-calendar-popover-minimum-height": "320px",
2736
+ "triple-calendar-popover-minimum-width": "912px",
2715
2737
  "user-card-minimum-height-extra-large": "236px",
2716
2738
  "user-card-minimum-height-large": "219px",
2717
2739
  "user-card-minimum-height-medium": "202px",
@@ -25858,6 +25858,94 @@
25858
25858
  "value": "1px",
25859
25859
  "uuid": "a52c893c-8c03-43a5-88ed-3cd230365b84"
25860
25860
  },
25861
+ "card-horizontal-edge-to-content-compact": {
25862
+ "value": "12px",
25863
+ "uuid": "fd732759-52ab-45b7-9949-9d9352091efe"
25864
+ },
25865
+ "card-horizontal-edge-to-content-default": {
25866
+ "value": "16px",
25867
+ "uuid": "45af5962-8d41-476d-a92d-befa408b47b7"
25868
+ },
25869
+ "card-horizontal-edge-to-content-spacious": {
25870
+ "value": "20px",
25871
+ "uuid": "104c7b60-387b-4550-b0eb-573915d28f42"
25872
+ },
25873
+ "accordion-edge-to-content-area-small": {
25874
+ "value": "7px",
25875
+ "uuid": "b594a566-9649-497d-bf8f-289ec3f59689"
25876
+ },
25877
+ "accordion-edge-to-content-area-medium": {
25878
+ "value": "11px",
25879
+ "uuid": "77894e1e-8b67-468d-a3d0-d9a7c87d1a52"
25880
+ },
25881
+ "accordion-edge-to-content-area-large": {
25882
+ "value": "14px",
25883
+ "uuid": "56633713-ae34-4a8a-8cfd-39508e4c4b0a"
25884
+ },
25885
+ "accordion-edge-to-content-area-extra-large": {
25886
+ "value": "17px",
25887
+ "uuid": "75bc2d16-cf6b-48ef-a2e5-0516835af468"
25888
+ },
25889
+ "single-calendar-popover-minimum-width": {
25890
+ "value": "320px",
25891
+ "uuid": "7f880ee3-c074-4370-a132-c22dbe0d5880"
25892
+ },
25893
+ "single-calendar-popover-minimum-height": {
25894
+ "value": "320px",
25895
+ "uuid": "1f0b1cd3-1f15-4a60-a01f-a04f4fb913dd"
25896
+ },
25897
+ "double-calendar-popover-minimum-width": {
25898
+ "value": "616px",
25899
+ "uuid": "5c1de210-df6c-4a3a-8cc7-b9766a676f2f"
25900
+ },
25901
+ "double-calendar-popover-minimum-height": {
25902
+ "value": "320px",
25903
+ "uuid": "70cf1c19-7b41-4556-8db2-07fc7ad19666"
25904
+ },
25905
+ "triple-calendar-popover-minimum-width": {
25906
+ "value": "912px",
25907
+ "uuid": "1ccfcd2c-6de7-4a25-b6b7-0b40acc702c6"
25908
+ },
25909
+ "triple-calendar-popover-minimum-height": {
25910
+ "value": "320px",
25911
+ "uuid": "19c4d5a5-6ccb-407e-afa7-79f19286837b"
25912
+ },
25913
+ "date-field-minimum-width": {
25914
+ "value": "152px",
25915
+ "uuid": "ebc4d09b-03c8-475a-af01-9bfcd590d92b"
25916
+ },
25917
+ "date-field-text-to-visual": {
25918
+ "value": "20px",
25919
+ "uuid": "4725710f-67b2-4000-b4e8-e67a68cd75f5"
25920
+ },
25921
+ "date-picker-visual-to-field-button": {
25922
+ "value": "0px",
25923
+ "uuid": "da7f0c10-fa1b-4700-8acf-01feebdeed7f"
25924
+ },
25925
+ "date-picker-text-to-visual": {
25926
+ "value": "0px",
25927
+ "uuid": "c6c92147-8ee5-408b-9590-adede6abc935"
25928
+ },
25929
+ "date-picker-minimum-width": {
25930
+ "value": "152px",
25931
+ "uuid": "69c201ab-f9d3-4a02-8fc9-ff96ff38eed4"
25932
+ },
25933
+ "time-field-minimum-width": {
25934
+ "value": 2.5,
25935
+ "uuid": "21bb1275-44e7-49be-926a-66966e969a6f"
25936
+ },
25937
+ "time-field-text-to-visual": {
25938
+ "value": "20px",
25939
+ "uuid": "9953fcd9-ac62-49bd-beb2-926dc9fbb8c8"
25940
+ },
25941
+ "segmented-text-field-gap": {
25942
+ "value": "0px",
25943
+ "uuid": "9e790995-7d43-4ce2-8ac0-a1c79c607575"
25944
+ },
25945
+ "segmented-text-field-rounding": {
25946
+ "value": "2px",
25947
+ "uuid": "dc329712-c5ba-45cf-8ae0-8e42aad2fda9"
25948
+ },
25861
25949
  "corner-radius-0": {
25862
25950
  "value": "0px",
25863
25951
  "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "13.5.0",
3
+ "version": "13.7.0",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -10949,5 +10949,137 @@
10949
10949
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10950
10950
  "value": "1px",
10951
10951
  "uuid": "a52c893c-8c03-43a5-88ed-3cd230365b84"
10952
+ },
10953
+ "card-horizontal-edge-to-content-compact": {
10954
+ "component": "card-horizontal",
10955
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10956
+ "value": "12px",
10957
+ "uuid": "fd732759-52ab-45b7-9949-9d9352091efe"
10958
+ },
10959
+ "card-horizontal-edge-to-content-default": {
10960
+ "component": "card-horizontal",
10961
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10962
+ "value": "16px",
10963
+ "uuid": "45af5962-8d41-476d-a92d-befa408b47b7"
10964
+ },
10965
+ "card-horizontal-edge-to-content-spacious": {
10966
+ "component": "card-horizontal",
10967
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10968
+ "value": "20px",
10969
+ "uuid": "104c7b60-387b-4550-b0eb-573915d28f42"
10970
+ },
10971
+ "accordion-edge-to-content-area-small": {
10972
+ "component": "accordion",
10973
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10974
+ "value": "7px",
10975
+ "uuid": "b594a566-9649-497d-bf8f-289ec3f59689"
10976
+ },
10977
+ "accordion-edge-to-content-area-medium": {
10978
+ "component": "accordion",
10979
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10980
+ "value": "11px",
10981
+ "uuid": "77894e1e-8b67-468d-a3d0-d9a7c87d1a52"
10982
+ },
10983
+ "accordion-edge-to-content-area-large": {
10984
+ "component": "accordion",
10985
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10986
+ "value": "14px",
10987
+ "uuid": "56633713-ae34-4a8a-8cfd-39508e4c4b0a"
10988
+ },
10989
+ "accordion-edge-to-content-area-extra-large": {
10990
+ "component": "accordion",
10991
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10992
+ "value": "17px",
10993
+ "uuid": "75bc2d16-cf6b-48ef-a2e5-0516835af468"
10994
+ },
10995
+ "single-calendar-popover-minimum-width": {
10996
+ "component": "single-calendar",
10997
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10998
+ "value": "320px",
10999
+ "uuid": "7f880ee3-c074-4370-a132-c22dbe0d5880"
11000
+ },
11001
+ "single-calendar-popover-minimum-height": {
11002
+ "component": "single-calendar",
11003
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11004
+ "value": "320px",
11005
+ "uuid": "1f0b1cd3-1f15-4a60-a01f-a04f4fb913dd"
11006
+ },
11007
+ "double-calendar-popover-minimum-width": {
11008
+ "component": "double-calendar",
11009
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11010
+ "value": "616px",
11011
+ "uuid": "5c1de210-df6c-4a3a-8cc7-b9766a676f2f"
11012
+ },
11013
+ "double-calendar-popover-minimum-height": {
11014
+ "component": "double-calendar",
11015
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11016
+ "value": "320px",
11017
+ "uuid": "70cf1c19-7b41-4556-8db2-07fc7ad19666"
11018
+ },
11019
+ "triple-calendar-popover-minimum-width": {
11020
+ "component": "triple-calendar",
11021
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11022
+ "value": "912px",
11023
+ "uuid": "1ccfcd2c-6de7-4a25-b6b7-0b40acc702c6"
11024
+ },
11025
+ "triple-calendar-popover-minimum-height": {
11026
+ "component": "triple-calendar",
11027
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11028
+ "value": "320px",
11029
+ "uuid": "19c4d5a5-6ccb-407e-afa7-79f19286837b"
11030
+ },
11031
+ "date-field-minimum-width": {
11032
+ "component": "date-field",
11033
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11034
+ "value": "152px",
11035
+ "uuid": "ebc4d09b-03c8-475a-af01-9bfcd590d92b"
11036
+ },
11037
+ "date-field-text-to-visual": {
11038
+ "component": "date-field",
11039
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11040
+ "value": "20px",
11041
+ "uuid": "4725710f-67b2-4000-b4e8-e67a68cd75f5"
11042
+ },
11043
+ "date-picker-visual-to-field-button": {
11044
+ "component": "date-picker",
11045
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11046
+ "value": "0px",
11047
+ "uuid": "da7f0c10-fa1b-4700-8acf-01feebdeed7f"
11048
+ },
11049
+ "date-picker-text-to-visual": {
11050
+ "component": "date-picker",
11051
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11052
+ "value": "0px",
11053
+ "uuid": "c6c92147-8ee5-408b-9590-adede6abc935"
11054
+ },
11055
+ "date-picker-minimum-width": {
11056
+ "component": "date-picker",
11057
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11058
+ "value": "152px",
11059
+ "uuid": "69c201ab-f9d3-4a02-8fc9-ff96ff38eed4"
11060
+ },
11061
+ "time-field-minimum-width": {
11062
+ "component": "time-field",
11063
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
11064
+ "value": 2.5,
11065
+ "uuid": "21bb1275-44e7-49be-926a-66966e969a6f"
11066
+ },
11067
+ "time-field-text-to-visual": {
11068
+ "component": "time-field",
11069
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11070
+ "value": "20px",
11071
+ "uuid": "9953fcd9-ac62-49bd-beb2-926dc9fbb8c8"
11072
+ },
11073
+ "segmented-text-field-gap": {
11074
+ "component": "segmented-text-field",
11075
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11076
+ "value": "0px",
11077
+ "uuid": "9e790995-7d43-4ce2-8ac0-a1c79c607575"
11078
+ },
11079
+ "segmented-text-field-rounding": {
11080
+ "component": "segmented-text-field",
11081
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11082
+ "value": "2px",
11083
+ "uuid": "dc329712-c5ba-45cf-8ae0-8e42aad2fda9"
10952
11084
  }
10953
11085
  }