@adobe/spectrum-tokens 14.2.3 → 14.3.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 +787 -0
- package/dist/json/drover.json +118 -1
- package/dist/json/variables.json +7795 -7232
- package/package.json +1 -1
- package/schemas/token-types/alias.json +1 -0
- package/schemas/token-types/color-set.json +2 -0
- package/schemas/token-types/color.json +1 -0
- package/schemas/token-types/dimension.json +1 -0
- package/schemas/token-types/drop-shadow.json +1 -0
- package/schemas/token-types/font-family.json +1 -0
- package/schemas/token-types/font-size.json +1 -0
- package/schemas/token-types/font-style.json +1 -0
- package/schemas/token-types/font-weight.json +1 -0
- package/schemas/token-types/gradient-stop.json +1 -0
- package/schemas/token-types/multiplier.json +1 -0
- package/schemas/token-types/opacity.json +1 -0
- package/schemas/token-types/scale-set.json +2 -0
- package/schemas/token-types/set.json +8 -0
- package/schemas/token-types/system-set.json +2 -0
- package/schemas/token-types/text-align.json +1 -0
- package/schemas/token-types/text-transform.json +1 -0
- package/schemas/token-types/token.json +4 -0
- package/schemas/token-types/typography.json +1 -0
- package/snapshots/validation-snapshot.json +7 -0
- package/src/layout-component.json +8144 -6915
- package/src/layout.json +2362 -1238
package/dist/json/drover.json
CHANGED
|
@@ -1628,6 +1628,24 @@
|
|
|
1628
1628
|
"dimensions": {
|
|
1629
1629
|
"description": "A scale stop of a given size",
|
|
1630
1630
|
"scale-factor": "1",
|
|
1631
|
+
"accessory-gap-2x-large": "9px",
|
|
1632
|
+
"accessory-gap-affixed-2x-large": "7px",
|
|
1633
|
+
"accessory-gap-affixed-extra-large": "6px",
|
|
1634
|
+
"accessory-gap-affixed-extra-small": "3px",
|
|
1635
|
+
"accessory-gap-affixed-large": "5px",
|
|
1636
|
+
"accessory-gap-affixed-medium": "4px",
|
|
1637
|
+
"accessory-gap-affixed-small": "3px",
|
|
1638
|
+
"accessory-gap-extra-large": "8px",
|
|
1639
|
+
"accessory-gap-extra-small": "4px",
|
|
1640
|
+
"accessory-gap-large": "7px",
|
|
1641
|
+
"accessory-gap-medium": "6px",
|
|
1642
|
+
"accessory-gap-small": "5px",
|
|
1643
|
+
"accessory-item-padding-2x-small": "2px",
|
|
1644
|
+
"accessory-item-padding-extra-large": "9px",
|
|
1645
|
+
"accessory-item-padding-extra-small": "3px",
|
|
1646
|
+
"accessory-item-padding-large": "7px",
|
|
1647
|
+
"accessory-item-padding-medium": "5px",
|
|
1648
|
+
"accessory-item-padding-small": "3px",
|
|
1631
1649
|
"accordion-bottom-to-text-compact-extra-large": "8px",
|
|
1632
1650
|
"accordion-bottom-to-text-compact-large": "8px",
|
|
1633
1651
|
"accordion-bottom-to-text-compact-medium": "5px",
|
|
@@ -1762,10 +1780,44 @@
|
|
|
1762
1780
|
"background-opacity-down": "0.1",
|
|
1763
1781
|
"background-opacity-hover": "0.1",
|
|
1764
1782
|
"background-opacity-key-focus": "0.1",
|
|
1783
|
+
"banner-gap-horizontal": "24px",
|
|
1784
|
+
"banner-gap-vertical": "8px",
|
|
1785
|
+
"banner-padding-horizontal": "16px",
|
|
1786
|
+
"banner-padding-horizontal-compact": "8px",
|
|
1787
|
+
"banner-padding-vertical": "12px",
|
|
1765
1788
|
"bar-panel-maximum-width": "72px",
|
|
1766
1789
|
"bar-panel-minimum-width": "40px",
|
|
1767
1790
|
"bar-panel-spacing-extra-spacious": "20px",
|
|
1768
1791
|
"bar-panel-width": "56px",
|
|
1792
|
+
"base-gap-2x-large": "8px",
|
|
1793
|
+
"base-gap-3x-large": "8px",
|
|
1794
|
+
"base-gap-4x-large": "10px",
|
|
1795
|
+
"base-gap-extra-large": "6px",
|
|
1796
|
+
"base-gap-extra-small": "4px",
|
|
1797
|
+
"base-gap-large": "6px",
|
|
1798
|
+
"base-gap-medium": "6px",
|
|
1799
|
+
"base-gap-small": "4px",
|
|
1800
|
+
"base-padding-horizontal-2x-large": "14px",
|
|
1801
|
+
"base-padding-horizontal-extra-large": "12px",
|
|
1802
|
+
"base-padding-horizontal-extra-small": "8px",
|
|
1803
|
+
"base-padding-horizontal-large": "12px",
|
|
1804
|
+
"base-padding-horizontal-medium": "10px",
|
|
1805
|
+
"base-padding-horizontal-small": "8px",
|
|
1806
|
+
"base-padding-horizontal-uniform-2x-large": "15px",
|
|
1807
|
+
"base-padding-horizontal-uniform-2x-small": "2px",
|
|
1808
|
+
"base-padding-horizontal-uniform-extra-large": "13px",
|
|
1809
|
+
"base-padding-horizontal-uniform-extra-small": "4px",
|
|
1810
|
+
"base-padding-horizontal-uniform-large": "10px",
|
|
1811
|
+
"base-padding-horizontal-uniform-medium": "7px",
|
|
1812
|
+
"base-padding-horizontal-uniform-small": "5px",
|
|
1813
|
+
"base-padding-vertical-2x-large": "15px",
|
|
1814
|
+
"base-padding-vertical-2x-small": "2px",
|
|
1815
|
+
"base-padding-vertical-3x-large": "19px",
|
|
1816
|
+
"base-padding-vertical-extra-large": "13px",
|
|
1817
|
+
"base-padding-vertical-extra-small": "4px",
|
|
1818
|
+
"base-padding-vertical-large": "10px",
|
|
1819
|
+
"base-padding-vertical-medium": "7px",
|
|
1820
|
+
"base-padding-vertical-small": "5px",
|
|
1769
1821
|
"body-cjk-line-height": 1.7,
|
|
1770
1822
|
"body-cjk-size-l": "16px",
|
|
1771
1823
|
"body-cjk-size-m": "14px",
|
|
@@ -2042,6 +2094,21 @@
|
|
|
2042
2094
|
"component-top-to-workflow-icon-300": "11px",
|
|
2043
2095
|
"component-top-to-workflow-icon-50": "3px",
|
|
2044
2096
|
"component-top-to-workflow-icon-75": "4px",
|
|
2097
|
+
"container-gap-2x-large": "32px",
|
|
2098
|
+
"container-gap-2x-small": "6px",
|
|
2099
|
+
"container-gap-extra-large": "24px",
|
|
2100
|
+
"container-gap-extra-small": "8px",
|
|
2101
|
+
"container-gap-large": "20px",
|
|
2102
|
+
"container-gap-medium": "16px",
|
|
2103
|
+
"container-gap-small": "12px",
|
|
2104
|
+
"container-padding-2x-large": "32px",
|
|
2105
|
+
"container-padding-2x-small": "6px",
|
|
2106
|
+
"container-padding-3x-large": "40px",
|
|
2107
|
+
"container-padding-extra-large": "24px",
|
|
2108
|
+
"container-padding-extra-small": "8px",
|
|
2109
|
+
"container-padding-large": "20px",
|
|
2110
|
+
"container-padding-medium": "16px",
|
|
2111
|
+
"container-padding-small": "12px",
|
|
2045
2112
|
"contextual-help-body-font-size": "14px",
|
|
2046
2113
|
"contextual-help-body-size": "14px",
|
|
2047
2114
|
"contextual-help-minimum-width": "268px",
|
|
@@ -2151,6 +2218,8 @@
|
|
|
2151
2218
|
"drop-shadow-y-100": "1px",
|
|
2152
2219
|
"drop-shadow-y-200": "2px",
|
|
2153
2220
|
"drop-shadow-y-300": "6px",
|
|
2221
|
+
"drop-target-dash-gap": "6px",
|
|
2222
|
+
"drop-target-dash-length": "8px",
|
|
2154
2223
|
"drop-zone-background-color-opacity": "0.1",
|
|
2155
2224
|
"drop-zone-background-color-opacity-filled": "0.3",
|
|
2156
2225
|
"drop-zone-body-font-size": "14px",
|
|
@@ -2247,6 +2316,7 @@
|
|
|
2247
2316
|
"floating-action-button-drop-shadow-y": "4px",
|
|
2248
2317
|
"focus-indicator-gap": "2px",
|
|
2249
2318
|
"focus-indicator-thickness": "2px",
|
|
2319
|
+
"focus-ring-gap": "2px",
|
|
2250
2320
|
"font-size-100": "14px",
|
|
2251
2321
|
"font-size-1000": "40px",
|
|
2252
2322
|
"font-size-1100": "45px",
|
|
@@ -2269,6 +2339,12 @@
|
|
|
2269
2339
|
"gradient-stop-2-genai": 0.3333,
|
|
2270
2340
|
"gradient-stop-2-premium": 0.6666,
|
|
2271
2341
|
"gripper-icon-size-100": "24px",
|
|
2342
|
+
"group-gap-compact": "2px",
|
|
2343
|
+
"group-gap-extra-large": "16px",
|
|
2344
|
+
"group-gap-extra-small": "4px",
|
|
2345
|
+
"group-gap-large": "12px",
|
|
2346
|
+
"group-gap-medium": "8px",
|
|
2347
|
+
"group-gap-small": "6px",
|
|
2272
2348
|
"heading-cjk-line-height": 1.5,
|
|
2273
2349
|
"heading-cjk-size-l": "25px",
|
|
2274
2350
|
"heading-cjk-size-m": "20px",
|
|
@@ -2370,6 +2446,16 @@
|
|
|
2370
2446
|
"link-out-icon-size-300": "14px",
|
|
2371
2447
|
"link-out-icon-size-400": "16px",
|
|
2372
2448
|
"link-out-icon-size-75": "10px",
|
|
2449
|
+
"list-gap-compact": "2px",
|
|
2450
|
+
"list-gap-regular": "4px",
|
|
2451
|
+
"list-gap-spacious": "8px",
|
|
2452
|
+
"list-indent-large": "24px",
|
|
2453
|
+
"list-indent-medium": "16px",
|
|
2454
|
+
"list-item-gap-medium": "8px",
|
|
2455
|
+
"list-item-gap-small": "2px",
|
|
2456
|
+
"list-item-padding-horizontal": "6px",
|
|
2457
|
+
"list-item-padding-vertical-regular": "4px",
|
|
2458
|
+
"list-item-padding-vertical-spacious": "8px",
|
|
2373
2459
|
"list-view-end-edge-to-content": "6px",
|
|
2374
2460
|
"list-view-item-bottom-corner-radius": "8px",
|
|
2375
2461
|
"list-view-item-top-corner-radius": "8px",
|
|
@@ -2434,6 +2520,8 @@
|
|
|
2434
2520
|
"picker-visual-to-disclosure-icon-medium": "8px",
|
|
2435
2521
|
"picker-visual-to-disclosure-icon-small": "7px",
|
|
2436
2522
|
"popover-edge-to-content-area": "8px",
|
|
2523
|
+
"popover-gap": "8px",
|
|
2524
|
+
"popover-padding": "8px",
|
|
2437
2525
|
"popover-tip-height": "8px",
|
|
2438
2526
|
"popover-tip-width": "16px",
|
|
2439
2527
|
"popover-top-to-content-area": "8px",
|
|
@@ -2567,7 +2655,9 @@
|
|
|
2567
2655
|
"spacing-100": "8px",
|
|
2568
2656
|
"spacing-1000": "96px",
|
|
2569
2657
|
"spacing-200": "12px",
|
|
2658
|
+
"spacing-25": "1px",
|
|
2570
2659
|
"spacing-300": "16px",
|
|
2660
|
+
"spacing-350": "20px",
|
|
2571
2661
|
"spacing-400": "24px",
|
|
2572
2662
|
"spacing-50": "2px",
|
|
2573
2663
|
"spacing-500": "32px",
|
|
@@ -2575,6 +2665,7 @@
|
|
|
2575
2665
|
"spacing-700": "48px",
|
|
2576
2666
|
"spacing-75": "4px",
|
|
2577
2667
|
"spacing-800": "64px",
|
|
2668
|
+
"spacing-85": "6px",
|
|
2578
2669
|
"spacing-900": "80px",
|
|
2579
2670
|
"stack-item-action-to-navigation": "4px",
|
|
2580
2671
|
"stack-item-drag-handle-to-control": "8px",
|
|
@@ -2667,6 +2758,10 @@
|
|
|
2667
2758
|
"switch-top-to-control-large": "12px",
|
|
2668
2759
|
"switch-top-to-control-medium": "9px",
|
|
2669
2760
|
"switch-top-to-control-small": "6px",
|
|
2761
|
+
"tab-gap-horizontal-extra-large": "40px",
|
|
2762
|
+
"tab-gap-horizontal-large": "32px",
|
|
2763
|
+
"tab-gap-horizontal-medium": "24px",
|
|
2764
|
+
"tab-gap-horizontal-small": "20px",
|
|
2670
2765
|
"tab-item-bottom-to-text-compact-extra-large": "13px",
|
|
2671
2766
|
"tab-item-bottom-to-text-compact-large": "12px",
|
|
2672
2767
|
"tab-item-bottom-to-text-compact-medium": "8px",
|
|
@@ -2731,6 +2826,9 @@
|
|
|
2731
2826
|
"table-header-row-checkbox-to-top-large": "12px",
|
|
2732
2827
|
"table-header-row-checkbox-to-top-medium": "8px",
|
|
2733
2828
|
"table-header-row-checkbox-to-top-small": "10px",
|
|
2829
|
+
"table-item-padding-compact": "8px",
|
|
2830
|
+
"table-item-padding-regular": "12px",
|
|
2831
|
+
"table-item-padding-spacious": "16px",
|
|
2734
2832
|
"table-row-bottom-to-text-extra-large": "17px",
|
|
2735
2833
|
"table-row-bottom-to-text-extra-large-compact": "14px",
|
|
2736
2834
|
"table-row-bottom-to-text-extra-large-regular": "17px",
|
|
@@ -2849,6 +2947,11 @@
|
|
|
2849
2947
|
"text-area-minimum-height": "56px",
|
|
2850
2948
|
"text-area-minimum-width": "112px",
|
|
2851
2949
|
"text-field-minimum-width-multiplier": 1.5,
|
|
2950
|
+
"text-gap-extra-large": "2px",
|
|
2951
|
+
"text-gap-extra-small": "1px",
|
|
2952
|
+
"text-gap-large": "2px",
|
|
2953
|
+
"text-gap-medium": "1px",
|
|
2954
|
+
"text-gap-small": "1px",
|
|
2852
2955
|
"text-to-control-100": "10px",
|
|
2853
2956
|
"text-to-control-200": "11px",
|
|
2854
2957
|
"text-to-control-300": "13px",
|
|
@@ -2934,6 +3037,12 @@
|
|
|
2934
3037
|
"tree-view-top-to-label": "10px",
|
|
2935
3038
|
"triple-calendar-popover-minimum-height": "320px",
|
|
2936
3039
|
"triple-calendar-popover-minimum-width": "912px",
|
|
3040
|
+
"ui-icon-2x-large": "16px",
|
|
3041
|
+
"ui-icon-extra-large": "14px",
|
|
3042
|
+
"ui-icon-extra-small": "8px",
|
|
3043
|
+
"ui-icon-large": "12px",
|
|
3044
|
+
"ui-icon-medium": "10px",
|
|
3045
|
+
"ui-icon-small": "10px",
|
|
2937
3046
|
"user-card-minimum-height-extra-large": "236px",
|
|
2938
3047
|
"user-card-minimum-height-large": "219px",
|
|
2939
3048
|
"user-card-minimum-height-medium": "202px",
|
|
@@ -2944,10 +3053,18 @@
|
|
|
2944
3053
|
"user-card-minimum-height-title-below-small": "212px",
|
|
2945
3054
|
"visual-to-control-100": "8px",
|
|
2946
3055
|
"window-to-edge": "40px",
|
|
3056
|
+
"workflow-icon-2x-large": "24px",
|
|
3057
|
+
"workflow-icon-2x-small": "12px",
|
|
3058
|
+
"workflow-icon-3x-small": "10px",
|
|
3059
|
+
"workflow-icon-extra-large": "22px",
|
|
3060
|
+
"workflow-icon-extra-small": "14px",
|
|
3061
|
+
"workflow-icon-large": "20px",
|
|
3062
|
+
"workflow-icon-medium": "18px",
|
|
2947
3063
|
"workflow-icon-size-100": "20px",
|
|
2948
3064
|
"workflow-icon-size-200": "22px",
|
|
2949
3065
|
"workflow-icon-size-300": "26px",
|
|
2950
3066
|
"workflow-icon-size-50": "14px",
|
|
2951
|
-
"workflow-icon-size-75": "16px"
|
|
3067
|
+
"workflow-icon-size-75": "16px",
|
|
3068
|
+
"workflow-icon-small": "16px"
|
|
2952
3069
|
}
|
|
2953
3070
|
}
|