@spectrum-web-components/styles 1.1.1 → 1.1.2
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/package.json +4 -4
- package/src/body-overrides.css +10 -10
- package/src/code-overrides.css +9 -9
- package/src/detail-overrides.css +9 -9
- package/src/heading-overrides.css +9 -9
- package/src/typography-overrides.css +13 -0
- package/src/typography-overrides.css.d.ts +2 -0
- package/src/typography-overrides.css.dev.js +7 -0
- package/src/typography-overrides.css.dev.js.map +7 -0
- package/src/typography-overrides.css.js +4 -0
- package/src/typography-overrides.css.js.map +7 -0
- package/tokens/express/system-theme-bridge.css +2 -664
- package/tokens/spectrum/system-theme-bridge.css +2 -664
- package/tokens-v2/dark-vars.css +57 -44
- package/tokens-v2/global-vars.css +6 -7
- package/tokens-v2/index.css +225 -190
- package/tokens-v2/large-vars.css +56 -51
- package/tokens-v2/light-vars.css +39 -26
- package/tokens-v2/medium-vars.css +67 -62
- package/tokens-v2/system-theme-bridge.css +9 -671
|
@@ -2081,112 +2081,8 @@
|
|
|
2081
2081
|
--system-checkbox-control-color-hover: var(--spectrum-gray-900);
|
|
2082
2082
|
--system-checkbox-control-color-down: var(--spectrum-gray-900);
|
|
2083
2083
|
--system-checkbox-control-color-focus: var(--spectrum-gray-900);
|
|
2084
|
-
--system-checkbox-content-color-default: var(
|
|
2085
|
-
--spectrum-neutral-content-color-default
|
|
2086
|
-
);
|
|
2087
|
-
--system-checkbox-content-color-hover: var(
|
|
2088
|
-
--spectrum-neutral-content-color-hover
|
|
2089
|
-
);
|
|
2090
|
-
--system-checkbox-content-color-down: var(
|
|
2091
|
-
--spectrum-neutral-content-color-down
|
|
2092
|
-
);
|
|
2093
|
-
--system-checkbox-content-color-focus: var(
|
|
2094
|
-
--spectrum-neutral-content-color-key-focus
|
|
2095
|
-
);
|
|
2096
|
-
--system-checkbox-focus-indicator-color: var(
|
|
2097
|
-
--spectrum-focus-indicator-color
|
|
2098
|
-
);
|
|
2099
|
-
--system-checkbox-content-color-disabled: var(
|
|
2100
|
-
--spectrum-disabled-content-color
|
|
2101
|
-
);
|
|
2102
|
-
--system-checkbox-control-color-disabled: var(
|
|
2103
|
-
--spectrum-disabled-content-color
|
|
2104
|
-
);
|
|
2105
2084
|
--system-checkbox-checkmark-color: var(--spectrum-gray-75);
|
|
2106
|
-
--system-checkbox-invalid-color-default: var(--spectrum-negative-color-900);
|
|
2107
|
-
--system-checkbox-invalid-color-hover: var(--spectrum-negative-color-1000);
|
|
2108
|
-
--system-checkbox-invalid-color-down: var(--spectrum-negative-color-1100);
|
|
2109
|
-
--system-checkbox-invalid-color-focus: var(--spectrum-negative-color-1000);
|
|
2110
|
-
--system-checkbox-emphasized-color-default: var(
|
|
2111
|
-
--spectrum-accent-color-900
|
|
2112
|
-
);
|
|
2113
|
-
--system-checkbox-emphasized-color-hover: var(--spectrum-accent-color-1000);
|
|
2114
|
-
--system-checkbox-emphasized-color-down: var(--spectrum-accent-color-1100);
|
|
2115
|
-
--system-checkbox-emphasized-color-focus: var(--spectrum-accent-color-1000);
|
|
2116
|
-
--system-checkbox-control-selected-color-default: var(
|
|
2117
|
-
--spectrum-neutral-background-color-selected-default
|
|
2118
|
-
);
|
|
2119
|
-
--system-checkbox-control-selected-color-hover: var(
|
|
2120
|
-
--spectrum-neutral-background-color-selected-hover
|
|
2121
|
-
);
|
|
2122
|
-
--system-checkbox-control-selected-color-down: var(
|
|
2123
|
-
--spectrum-neutral-background-color-selected-down
|
|
2124
|
-
);
|
|
2125
|
-
--system-checkbox-control-selected-color-focus: var(
|
|
2126
|
-
--spectrum-neutral-background-color-selected-key-focus
|
|
2127
|
-
);
|
|
2128
|
-
--system-checkbox-line-height: var(--spectrum-line-height-100);
|
|
2129
|
-
--system-checkbox-line-height-cjk: var(--spectrum-cjk-line-height-100);
|
|
2130
2085
|
--system-checkbox-control-corner-radius: var(--spectrum-corner-radius-75);
|
|
2131
|
-
--system-checkbox-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
|
|
2132
|
-
--system-checkbox-focus-indicator-thickness: var(
|
|
2133
|
-
--spectrum-focus-indicator-thickness
|
|
2134
|
-
);
|
|
2135
|
-
--system-checkbox-border-width: var(--spectrum-border-width-200);
|
|
2136
|
-
--system-checkbox-animation-duration: var(
|
|
2137
|
-
--spectrum-animation-duration-100
|
|
2138
|
-
);
|
|
2139
|
-
--system-checkbox-size-s-font-size: var(--spectrum-font-size-75);
|
|
2140
|
-
--system-checkbox-size-s-height: var(--spectrum-component-height-75);
|
|
2141
|
-
--system-checkbox-size-s-control-size: var(
|
|
2142
|
-
--spectrum-checkbox-control-size-small
|
|
2143
|
-
);
|
|
2144
|
-
--system-checkbox-size-s-top-to-text: var(
|
|
2145
|
-
--spectrum-component-top-to-text-75
|
|
2146
|
-
);
|
|
2147
|
-
--system-checkbox-size-s-text-to-control: var(
|
|
2148
|
-
--spectrum-text-to-control-75
|
|
2149
|
-
);
|
|
2150
|
-
--system-checkbox-font-size: var(--spectrum-font-size-100);
|
|
2151
|
-
--system-checkbox-size-m-font-size: var(--spectrum-font-size-100);
|
|
2152
|
-
--system-checkbox-height: var(--spectrum-component-height-100);
|
|
2153
|
-
--system-checkbox-size-m-height: var(--spectrum-component-height-100);
|
|
2154
|
-
--system-checkbox-control-size: var(
|
|
2155
|
-
--spectrum-checkbox-control-size-medium
|
|
2156
|
-
);
|
|
2157
|
-
--system-checkbox-size-m-control-size: var(
|
|
2158
|
-
--spectrum-checkbox-control-size-medium
|
|
2159
|
-
);
|
|
2160
|
-
--system-checkbox-top-to-text: var(--spectrum-component-top-to-text-100);
|
|
2161
|
-
--system-checkbox-size-m-top-to-text: var(
|
|
2162
|
-
--spectrum-component-top-to-text-100
|
|
2163
|
-
);
|
|
2164
|
-
--system-checkbox-text-to-control: var(--spectrum-text-to-control-100);
|
|
2165
|
-
--system-checkbox-size-m-text-to-control: var(
|
|
2166
|
-
--spectrum-text-to-control-100
|
|
2167
|
-
);
|
|
2168
|
-
--system-checkbox-size-l-font-size: var(--spectrum-font-size-200);
|
|
2169
|
-
--system-checkbox-size-l-height: var(--spectrum-component-height-200);
|
|
2170
|
-
--system-checkbox-size-l-control-size: var(
|
|
2171
|
-
--spectrum-checkbox-control-size-large
|
|
2172
|
-
);
|
|
2173
|
-
--system-checkbox-size-l-top-to-text: var(
|
|
2174
|
-
--spectrum-component-top-to-text-200
|
|
2175
|
-
);
|
|
2176
|
-
--system-checkbox-size-l-text-to-control: var(
|
|
2177
|
-
--spectrum-text-to-control-200
|
|
2178
|
-
);
|
|
2179
|
-
--system-checkbox-size-xl-font-size: var(--spectrum-font-size-300);
|
|
2180
|
-
--system-checkbox-size-xl-height: var(--spectrum-component-height-300);
|
|
2181
|
-
--system-checkbox-size-xl-control-size: var(
|
|
2182
|
-
--spectrum-checkbox-control-size-extra-large
|
|
2183
|
-
);
|
|
2184
|
-
--system-checkbox-size-xl-top-to-text: var(
|
|
2185
|
-
--spectrum-component-top-to-text-300
|
|
2186
|
-
);
|
|
2187
|
-
--system-checkbox-size-xl-text-to-control: var(
|
|
2188
|
-
--spectrum-text-to-control-300
|
|
2189
|
-
);
|
|
2190
2086
|
--system-card-background-color: var(--spectrum-background-layer-2-color);
|
|
2191
2087
|
--system-card-body-spacing: var(--spectrum-spacing-400);
|
|
2192
2088
|
--system-card-title-padding-top: var(--spectrum-spacing-300);
|
|
@@ -3608,116 +3504,6 @@
|
|
|
3608
3504
|
);
|
|
3609
3505
|
--system-link-text-color-white: var(--spectrum-white);
|
|
3610
3506
|
--system-link-text-color-black: var(--spectrum-black);
|
|
3611
|
-
--system-menu-item-top-to-action: var(--spectrum-spacing-50);
|
|
3612
|
-
--system-menu-item-top-to-checkbox: var(--spectrum-spacing-50);
|
|
3613
|
-
--system-menu-item-label-line-height: var(--spectrum-line-height-100);
|
|
3614
|
-
--system-menu-item-label-line-height-cjk: var(
|
|
3615
|
-
--spectrum-cjk-line-height-100
|
|
3616
|
-
);
|
|
3617
|
-
--system-menu-item-label-to-description-spacing: var(
|
|
3618
|
-
--spectrum-menu-item-label-to-description
|
|
3619
|
-
);
|
|
3620
|
-
--system-menu-item-focus-indicator-width: var(--spectrum-border-width-200);
|
|
3621
|
-
--system-menu-item-focus-indicator-color: var(--spectrum-blue-800);
|
|
3622
|
-
--system-menu-item-label-to-value-area-min-spacing: var(
|
|
3623
|
-
--spectrum-spacing-100
|
|
3624
|
-
);
|
|
3625
|
-
--system-menu-item-label-content-color-default: var(
|
|
3626
|
-
--spectrum-neutral-content-color-default
|
|
3627
|
-
);
|
|
3628
|
-
--system-menu-item-label-content-color-hover: var(
|
|
3629
|
-
--spectrum-neutral-content-color-hover
|
|
3630
|
-
);
|
|
3631
|
-
--system-menu-item-label-content-color-down: var(
|
|
3632
|
-
--spectrum-neutral-content-color-down
|
|
3633
|
-
);
|
|
3634
|
-
--system-menu-item-label-content-color-focus: var(
|
|
3635
|
-
--spectrum-neutral-content-color-key-focus
|
|
3636
|
-
);
|
|
3637
|
-
--system-menu-item-label-icon-color-default: var(
|
|
3638
|
-
--spectrum-neutral-content-color-default
|
|
3639
|
-
);
|
|
3640
|
-
--system-menu-item-label-icon-color-hover: var(
|
|
3641
|
-
--spectrum-neutral-content-color-hover
|
|
3642
|
-
);
|
|
3643
|
-
--system-menu-item-label-icon-color-down: var(
|
|
3644
|
-
--spectrum-neutral-content-color-down
|
|
3645
|
-
);
|
|
3646
|
-
--system-menu-item-label-icon-color-focus: var(
|
|
3647
|
-
--spectrum-neutral-content-color-key-focus
|
|
3648
|
-
);
|
|
3649
|
-
--system-menu-item-label-content-color-disabled: var(
|
|
3650
|
-
--spectrum-disabled-content-color
|
|
3651
|
-
);
|
|
3652
|
-
--system-menu-item-label-icon-color-disabled: var(
|
|
3653
|
-
--spectrum-disabled-content-color
|
|
3654
|
-
);
|
|
3655
|
-
--system-menu-item-description-line-height: var(--spectrum-line-height-100);
|
|
3656
|
-
--system-menu-item-description-line-height-cjk: var(
|
|
3657
|
-
--spectrum-cjk-line-height-100
|
|
3658
|
-
);
|
|
3659
|
-
--system-menu-item-description-color-default: var(
|
|
3660
|
-
--spectrum-neutral-subdued-content-color-default
|
|
3661
|
-
);
|
|
3662
|
-
--system-menu-item-description-color-hover: var(
|
|
3663
|
-
--spectrum-neutral-subdued-content-color-hover
|
|
3664
|
-
);
|
|
3665
|
-
--system-menu-item-description-color-down: var(
|
|
3666
|
-
--spectrum-neutral-subdued-content-color-down
|
|
3667
|
-
);
|
|
3668
|
-
--system-menu-item-description-color-focus: var(
|
|
3669
|
-
--spectrum-neutral-subdued-content-color-key-focus
|
|
3670
|
-
);
|
|
3671
|
-
--system-menu-item-description-color-disabled: var(
|
|
3672
|
-
--spectrum-disabled-content-color
|
|
3673
|
-
);
|
|
3674
|
-
--system-menu-section-header-line-height: var(--spectrum-line-height-100);
|
|
3675
|
-
--system-menu-section-header-line-height-cjk: var(
|
|
3676
|
-
--spectrum-cjk-line-height-100
|
|
3677
|
-
);
|
|
3678
|
-
--system-menu-section-header-font-weight: var(--spectrum-bold-font-weight);
|
|
3679
|
-
--system-menu-section-header-color: var(--spectrum-gray-900);
|
|
3680
|
-
--system-menu-collapsible-icon-color: var(--spectrum-gray-900);
|
|
3681
|
-
--system-menu-checkmark-icon-color-default: var(
|
|
3682
|
-
--spectrum-accent-color-900
|
|
3683
|
-
);
|
|
3684
|
-
--system-menu-checkmark-icon-color-hover: var(--spectrum-accent-color-1000);
|
|
3685
|
-
--system-menu-checkmark-icon-color-down: var(--spectrum-accent-color-1100);
|
|
3686
|
-
--system-menu-checkmark-icon-color-focus: var(--spectrum-accent-color-1000);
|
|
3687
|
-
--system-menu-drillin-icon-color-default: var(
|
|
3688
|
-
--spectrum-neutral-subdued-content-color-default
|
|
3689
|
-
);
|
|
3690
|
-
--system-menu-drillin-icon-color-hover: var(
|
|
3691
|
-
--spectrum-neutral-subdued-content-color-hover
|
|
3692
|
-
);
|
|
3693
|
-
--system-menu-drillin-icon-color-down: var(
|
|
3694
|
-
--spectrum-neutral-subdued-content-color-down
|
|
3695
|
-
);
|
|
3696
|
-
--system-menu-drillin-icon-color-focus: var(
|
|
3697
|
-
--spectrum-neutral-subdued-content-color-key-focus
|
|
3698
|
-
);
|
|
3699
|
-
--system-menu-item-value-color-default: var(
|
|
3700
|
-
--spectrum-neutral-subdued-content-color-default
|
|
3701
|
-
);
|
|
3702
|
-
--system-menu-item-value-color-hover: var(
|
|
3703
|
-
--spectrum-neutral-subdued-content-color-hover
|
|
3704
|
-
);
|
|
3705
|
-
--system-menu-item-value-color-down: var(
|
|
3706
|
-
--spectrum-neutral-subdued-content-color-down
|
|
3707
|
-
);
|
|
3708
|
-
--system-menu-item-value-color-focus: var(
|
|
3709
|
-
--spectrum-neutral-subdued-content-color-key-focus
|
|
3710
|
-
);
|
|
3711
|
-
--system-menu-checkmark-display-hidden: none;
|
|
3712
|
-
--system-menu-checkmark-display-shown: block;
|
|
3713
|
-
--system-menu-checkmark-display: var(--system-menu-checkmark-display-shown);
|
|
3714
|
-
--system-menu-item-collapsible-no-icon-sub-item-padding-x-start: calc(
|
|
3715
|
-
var(--system-menu-item-label-inline-edge-to-content) +
|
|
3716
|
-
var(--system-menu-item-checkmark-width) +
|
|
3717
|
-
var(--system-menu-item-label-text-to-visual) +
|
|
3718
|
-
var(--system-menu-item-focus-indicator-width)
|
|
3719
|
-
);
|
|
3720
|
-
--system-menu-item-background-color-default: transparent;
|
|
3721
3507
|
--system-menu-item-background-color-hover: rgba(
|
|
3722
3508
|
var(--spectrum-gray-900-rgb),
|
|
3723
3509
|
var(--spectrum-transparent-black-200-opacity)
|
|
@@ -3730,225 +3516,6 @@
|
|
|
3730
3516
|
var(--spectrum-gray-900-rgb),
|
|
3731
3517
|
var(--spectrum-transparent-black-200-opacity)
|
|
3732
3518
|
);
|
|
3733
|
-
--system-menu-item-min-height: var(--spectrum-component-height-100);
|
|
3734
|
-
--system-menu-size-m-item-min-height: var(--spectrum-component-height-100);
|
|
3735
|
-
--system-menu-item-icon-height: var(--spectrum-workflow-icon-size-100);
|
|
3736
|
-
--system-menu-size-m-item-icon-height: var(
|
|
3737
|
-
--spectrum-workflow-icon-size-100
|
|
3738
|
-
);
|
|
3739
|
-
--system-menu-item-icon-width: var(--spectrum-workflow-icon-size-100);
|
|
3740
|
-
--system-menu-size-m-item-icon-width: var(
|
|
3741
|
-
--spectrum-workflow-icon-size-100
|
|
3742
|
-
);
|
|
3743
|
-
--system-menu-item-label-font-size: var(--spectrum-font-size-100);
|
|
3744
|
-
--system-menu-size-m-item-label-font-size: var(--spectrum-font-size-100);
|
|
3745
|
-
--system-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-100);
|
|
3746
|
-
--system-menu-size-m-item-label-text-to-visual: var(
|
|
3747
|
-
--spectrum-text-to-visual-100
|
|
3748
|
-
);
|
|
3749
|
-
--system-menu-item-label-inline-edge-to-content: var(
|
|
3750
|
-
--spectrum-component-edge-to-text-100
|
|
3751
|
-
);
|
|
3752
|
-
--system-menu-size-m-item-label-inline-edge-to-content: var(
|
|
3753
|
-
--spectrum-component-edge-to-text-100
|
|
3754
|
-
);
|
|
3755
|
-
--system-menu-item-top-edge-to-text: var(
|
|
3756
|
-
--spectrum-component-top-to-text-100
|
|
3757
|
-
);
|
|
3758
|
-
--system-menu-size-m-item-top-edge-to-text: var(
|
|
3759
|
-
--spectrum-component-top-to-text-100
|
|
3760
|
-
);
|
|
3761
|
-
--system-menu-item-bottom-edge-to-text: var(
|
|
3762
|
-
--spectrum-component-bottom-to-text-100
|
|
3763
|
-
);
|
|
3764
|
-
--system-menu-size-m-item-bottom-edge-to-text: var(
|
|
3765
|
-
--spectrum-component-bottom-to-text-100
|
|
3766
|
-
);
|
|
3767
|
-
--system-menu-item-text-to-control: var(--spectrum-text-to-control-100);
|
|
3768
|
-
--system-menu-size-m-item-text-to-control: var(
|
|
3769
|
-
--spectrum-text-to-control-100
|
|
3770
|
-
);
|
|
3771
|
-
--system-menu-item-description-font-size: var(--spectrum-font-size-75);
|
|
3772
|
-
--system-menu-size-m-item-description-font-size: var(
|
|
3773
|
-
--spectrum-font-size-75
|
|
3774
|
-
);
|
|
3775
|
-
--system-menu-section-header-font-size: var(--spectrum-font-size-100);
|
|
3776
|
-
--system-menu-size-m-section-header-font-size: var(
|
|
3777
|
-
--spectrum-font-size-100
|
|
3778
|
-
);
|
|
3779
|
-
--system-menu-section-header-min-width: var(
|
|
3780
|
-
--spectrum-component-height-100
|
|
3781
|
-
);
|
|
3782
|
-
--system-menu-size-m-section-header-min-width: var(
|
|
3783
|
-
--spectrum-component-height-100
|
|
3784
|
-
);
|
|
3785
|
-
--system-menu-item-selectable-edge-to-text-not-selected: var(
|
|
3786
|
-
--spectrum-menu-item-selectable-edge-to-text-not-selected-medium
|
|
3787
|
-
);
|
|
3788
|
-
--system-menu-size-m-item-selectable-edge-to-text-not-selected: var(
|
|
3789
|
-
--spectrum-menu-item-selectable-edge-to-text-not-selected-medium
|
|
3790
|
-
);
|
|
3791
|
-
--system-menu-item-checkmark-height: var(
|
|
3792
|
-
--spectrum-menu-item-checkmark-height-medium
|
|
3793
|
-
);
|
|
3794
|
-
--system-menu-size-m-item-checkmark-height: var(
|
|
3795
|
-
--spectrum-menu-item-checkmark-height-medium
|
|
3796
|
-
);
|
|
3797
|
-
--system-menu-item-checkmark-width: var(
|
|
3798
|
-
--spectrum-menu-item-checkmark-width-medium
|
|
3799
|
-
);
|
|
3800
|
-
--system-menu-size-m-item-checkmark-width: var(
|
|
3801
|
-
--spectrum-menu-item-checkmark-width-medium
|
|
3802
|
-
);
|
|
3803
|
-
--system-menu-item-top-to-checkmark: var(
|
|
3804
|
-
--spectrum-menu-item-top-to-selected-icon-medium
|
|
3805
|
-
);
|
|
3806
|
-
--system-menu-size-m-item-top-to-checkmark: var(
|
|
3807
|
-
--spectrum-menu-item-top-to-selected-icon-medium
|
|
3808
|
-
);
|
|
3809
|
-
--system-menu-back-icon-margin: var(
|
|
3810
|
-
--spectrum-navigational-indicator-top-to-back-icon-medium
|
|
3811
|
-
);
|
|
3812
|
-
--system-menu-size-m-back-icon-margin: var(
|
|
3813
|
-
--spectrum-navigational-indicator-top-to-back-icon-medium
|
|
3814
|
-
);
|
|
3815
|
-
--system-menu-size-s-item-min-height: var(--spectrum-component-height-75);
|
|
3816
|
-
--system-menu-size-s-item-icon-height: var(
|
|
3817
|
-
--spectrum-workflow-icon-size-75
|
|
3818
|
-
);
|
|
3819
|
-
--system-menu-size-s-item-icon-width: var(--spectrum-workflow-icon-size-75);
|
|
3820
|
-
--system-menu-size-s-item-label-font-size: var(--spectrum-font-size-75);
|
|
3821
|
-
--system-menu-size-s-item-label-text-to-visual: var(
|
|
3822
|
-
--spectrum-text-to-visual-75
|
|
3823
|
-
);
|
|
3824
|
-
--system-menu-size-s-item-label-inline-edge-to-content: var(
|
|
3825
|
-
--spectrum-component-edge-to-text-75
|
|
3826
|
-
);
|
|
3827
|
-
--system-menu-size-s-item-top-edge-to-text: var(
|
|
3828
|
-
--spectrum-component-top-to-text-75
|
|
3829
|
-
);
|
|
3830
|
-
--system-menu-size-s-item-bottom-edge-to-text: var(
|
|
3831
|
-
--spectrum-component-bottom-to-text-75
|
|
3832
|
-
);
|
|
3833
|
-
--system-menu-size-s-item-text-to-control: var(
|
|
3834
|
-
--spectrum-text-to-control-75
|
|
3835
|
-
);
|
|
3836
|
-
--system-menu-size-s-item-description-font-size: var(
|
|
3837
|
-
--spectrum-font-size-50
|
|
3838
|
-
);
|
|
3839
|
-
--system-menu-size-s-section-header-font-size: var(--spectrum-font-size-75);
|
|
3840
|
-
--system-menu-size-s-section-header-min-width: var(
|
|
3841
|
-
--spectrum-component-height-75
|
|
3842
|
-
);
|
|
3843
|
-
--system-menu-size-s-item-selectable-edge-to-text-not-selected: var(
|
|
3844
|
-
--spectrum-menu-item-selectable-edge-to-text-not-selected-small
|
|
3845
|
-
);
|
|
3846
|
-
--system-menu-size-s-item-checkmark-height: var(
|
|
3847
|
-
--spectrum-menu-item-checkmark-height-small
|
|
3848
|
-
);
|
|
3849
|
-
--system-menu-size-s-item-checkmark-width: var(
|
|
3850
|
-
--spectrum-menu-item-checkmark-width-small
|
|
3851
|
-
);
|
|
3852
|
-
--system-menu-size-s-item-top-to-checkmark: var(
|
|
3853
|
-
--spectrum-menu-item-top-to-selected-icon-small
|
|
3854
|
-
);
|
|
3855
|
-
--system-menu-size-s-back-icon-margin: var(
|
|
3856
|
-
--spectrum-navigational-indicator-top-to-back-icon-small
|
|
3857
|
-
);
|
|
3858
|
-
--system-menu-size-l-item-min-height: var(--spectrum-component-height-200);
|
|
3859
|
-
--system-menu-size-l-item-icon-height: var(
|
|
3860
|
-
--spectrum-workflow-icon-size-200
|
|
3861
|
-
);
|
|
3862
|
-
--system-menu-size-l-item-icon-width: var(
|
|
3863
|
-
--spectrum-workflow-icon-size-200
|
|
3864
|
-
);
|
|
3865
|
-
--system-menu-size-l-item-label-font-size: var(--spectrum-font-size-200);
|
|
3866
|
-
--system-menu-size-l-item-label-text-to-visual: var(
|
|
3867
|
-
--spectrum-text-to-visual-200
|
|
3868
|
-
);
|
|
3869
|
-
--system-menu-size-l-item-label-inline-edge-to-content: var(
|
|
3870
|
-
--spectrum-component-edge-to-text-200
|
|
3871
|
-
);
|
|
3872
|
-
--system-menu-size-l-item-top-edge-to-text: var(
|
|
3873
|
-
--spectrum-component-top-to-text-200
|
|
3874
|
-
);
|
|
3875
|
-
--system-menu-size-l-item-bottom-edge-to-text: var(
|
|
3876
|
-
--spectrum-component-bottom-to-text-200
|
|
3877
|
-
);
|
|
3878
|
-
--system-menu-size-l-item-text-to-control: var(
|
|
3879
|
-
--spectrum-text-to-control-200
|
|
3880
|
-
);
|
|
3881
|
-
--system-menu-size-l-item-description-font-size: var(
|
|
3882
|
-
--spectrum-font-size-100
|
|
3883
|
-
);
|
|
3884
|
-
--system-menu-size-l-section-header-font-size: var(
|
|
3885
|
-
--spectrum-font-size-200
|
|
3886
|
-
);
|
|
3887
|
-
--system-menu-size-l-section-header-min-width: var(
|
|
3888
|
-
--spectrum-component-height-200
|
|
3889
|
-
);
|
|
3890
|
-
--system-menu-size-l-item-selectable-edge-to-text-not-selected: var(
|
|
3891
|
-
--spectrum-menu-item-selectable-edge-to-text-not-selected-large
|
|
3892
|
-
);
|
|
3893
|
-
--system-menu-size-l-item-checkmark-height: var(
|
|
3894
|
-
--spectrum-menu-item-checkmark-height-large
|
|
3895
|
-
);
|
|
3896
|
-
--system-menu-size-l-item-checkmark-width: var(
|
|
3897
|
-
--spectrum-menu-item-checkmark-width-large
|
|
3898
|
-
);
|
|
3899
|
-
--system-menu-size-l-item-top-to-checkmark: var(
|
|
3900
|
-
--spectrum-menu-item-top-to-selected-icon-large
|
|
3901
|
-
);
|
|
3902
|
-
--system-menu-size-l-back-icon-margin: var(
|
|
3903
|
-
--spectrum-navigational-indicator-top-to-back-icon-large
|
|
3904
|
-
);
|
|
3905
|
-
--system-menu-size-xl-item-min-height: var(--spectrum-component-height-300);
|
|
3906
|
-
--system-menu-size-xl-item-icon-height: var(
|
|
3907
|
-
--spectrum-workflow-icon-size-300
|
|
3908
|
-
);
|
|
3909
|
-
--system-menu-size-xl-item-icon-width: var(
|
|
3910
|
-
--spectrum-workflow-icon-size-300
|
|
3911
|
-
);
|
|
3912
|
-
--system-menu-size-xl-item-label-font-size: var(--spectrum-font-size-300);
|
|
3913
|
-
--system-menu-size-xl-item-label-text-to-visual: var(
|
|
3914
|
-
--spectrum-text-to-visual-300
|
|
3915
|
-
);
|
|
3916
|
-
--system-menu-size-xl-item-label-inline-edge-to-content: var(
|
|
3917
|
-
--spectrum-component-edge-to-text-300
|
|
3918
|
-
);
|
|
3919
|
-
--system-menu-size-xl-item-top-edge-to-text: var(
|
|
3920
|
-
--spectrum-component-top-to-text-300
|
|
3921
|
-
);
|
|
3922
|
-
--system-menu-size-xl-item-bottom-edge-to-text: var(
|
|
3923
|
-
--spectrum-component-bottom-to-text-300
|
|
3924
|
-
);
|
|
3925
|
-
--system-menu-size-xl-item-text-to-control: var(
|
|
3926
|
-
--spectrum-text-to-control-300
|
|
3927
|
-
);
|
|
3928
|
-
--system-menu-size-xl-item-description-font-size: var(
|
|
3929
|
-
--spectrum-font-size-200
|
|
3930
|
-
);
|
|
3931
|
-
--system-menu-size-xl-section-header-font-size: var(
|
|
3932
|
-
--spectrum-font-size-300
|
|
3933
|
-
);
|
|
3934
|
-
--system-menu-size-xl-section-header-min-width: var(
|
|
3935
|
-
--spectrum-component-height-300
|
|
3936
|
-
);
|
|
3937
|
-
--system-menu-size-xl-item-selectable-edge-to-text-not-selected: var(
|
|
3938
|
-
--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large
|
|
3939
|
-
);
|
|
3940
|
-
--system-menu-size-xl-item-checkmark-height: var(
|
|
3941
|
-
--spectrum-menu-item-checkmark-height-extra-large
|
|
3942
|
-
);
|
|
3943
|
-
--system-menu-size-xl-item-checkmark-width: var(
|
|
3944
|
-
--spectrum-menu-item-checkmark-width-extra-large
|
|
3945
|
-
);
|
|
3946
|
-
--system-menu-size-xl-item-top-to-checkmark: var(
|
|
3947
|
-
--spectrum-menu-item-top-to-selected-icon-extra-large
|
|
3948
|
-
);
|
|
3949
|
-
--system-menu-size-xl-back-icon-margin: var(
|
|
3950
|
-
--spectrum-navigational-indicator-top-to-back-icon-extra-large
|
|
3951
|
-
);
|
|
3952
3519
|
--system-meter-min-width: var(--spectrum-meter-minimum-width);
|
|
3953
3520
|
--system-meter-max-width: var(--spectrum-meter-maximum-width);
|
|
3954
3521
|
--system-meter-inline-size: var(--spectrum-progressbar-size-2500);
|
|
@@ -3990,9 +3557,9 @@
|
|
|
3990
3557
|
);
|
|
3991
3558
|
--system-picker-background-color-default: var(--spectrum-gray-200);
|
|
3992
3559
|
--system-picker-background-color-default-open: var(--spectrum-gray-300);
|
|
3993
|
-
--system-picker-background-color-active: var(--spectrum-gray-400);
|
|
3994
3560
|
--system-picker-background-color-hover: var(--spectrum-gray-300);
|
|
3995
3561
|
--system-picker-background-color-hover-open: var(--spectrum-gray-300);
|
|
3562
|
+
--system-picker-background-color-active: var(--spectrum-gray-400);
|
|
3996
3563
|
--system-picker-background-color-key-focus: var(--spectrum-gray-300);
|
|
3997
3564
|
--system-picker-border-color-default: transparent;
|
|
3998
3565
|
--system-picker-border-color-default-open: transparent;
|
|
@@ -4000,237 +3567,8 @@
|
|
|
4000
3567
|
--system-picker-border-color-hover-open: transparent;
|
|
4001
3568
|
--system-picker-border-color-active: transparent;
|
|
4002
3569
|
--system-picker-border-color-key-focus: transparent;
|
|
3570
|
+
--system-picker-border-color-disabled: transparent;
|
|
4003
3571
|
--system-picker-border-width: 0px;
|
|
4004
|
-
--system-picker-font-size: var(--spectrum-font-size-100);
|
|
4005
|
-
--system-picker-font-weight: var(--spectrum-regular-font-weight);
|
|
4006
|
-
--system-picker-placeholder-font-style: var(--spectrum-default-font-style);
|
|
4007
|
-
--system-picker-line-height: var(--spectrum-line-height-100);
|
|
4008
|
-
--system-picker-block-size: var(--spectrum-component-height-100);
|
|
4009
|
-
--system-picker-inline-size: var(--spectrum-field-width);
|
|
4010
|
-
--system-picker-border-radius: var(--spectrum-corner-radius-100);
|
|
4011
|
-
--system-picker-spacing-top-to-text: var(
|
|
4012
|
-
--spectrum-component-top-to-text-100
|
|
4013
|
-
);
|
|
4014
|
-
--system-picker-spacing-bottom-to-text: var(
|
|
4015
|
-
--spectrum-component-bottom-to-text-100
|
|
4016
|
-
);
|
|
4017
|
-
--system-picker-spacing-edge-to-text: var(
|
|
4018
|
-
--spectrum-component-edge-to-text-100
|
|
4019
|
-
);
|
|
4020
|
-
--system-picker-spacing-edge-to-text-quiet: var(
|
|
4021
|
-
--spectrum-field-edge-to-text-quiet
|
|
4022
|
-
);
|
|
4023
|
-
--system-picker-spacing-label-to: var(--spectrum-field-label-to-component);
|
|
4024
|
-
--system-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-100);
|
|
4025
|
-
--system-picker-spacing-text-to-icon-inline-end: var(
|
|
4026
|
-
--spectrum-field-text-to-alert-icon-medium
|
|
4027
|
-
);
|
|
4028
|
-
--system-picker-spacing-icon-to-disclosure-icon: var(
|
|
4029
|
-
--spectrum-picker-visual-to-disclosure-icon-medium
|
|
4030
|
-
);
|
|
4031
|
-
--system-picker-spacing-label-to-quiet: var(
|
|
4032
|
-
--spectrum-field-label-to-component-quiet-medium
|
|
4033
|
-
);
|
|
4034
|
-
--system-picker-spacing-top-to-alert-icon: var(
|
|
4035
|
-
--spectrum-field-top-to-alert-icon-medium
|
|
4036
|
-
);
|
|
4037
|
-
--system-picker-spacing-top-to-progress-circle: var(
|
|
4038
|
-
--spectrum-field-top-to-progress-circle-medium
|
|
4039
|
-
);
|
|
4040
|
-
--system-picker-spacing-top-to-disclosure-icon: var(
|
|
4041
|
-
--spectrum-field-top-to-disclosure-icon-100
|
|
4042
|
-
);
|
|
4043
|
-
--system-picker-spacing-edge-to-disclosure-icon: var(
|
|
4044
|
-
--spectrum-field-end-edge-to-disclosure-icon-100
|
|
4045
|
-
);
|
|
4046
|
-
--system-picker-spacing-edge-to-disclosure-icon-quiet: var(
|
|
4047
|
-
--spectrum-picker-end-edge-to-disclousure-icon-quiet
|
|
4048
|
-
);
|
|
4049
|
-
--system-picker-animation-duration: var(--spectrum-animation-duration-100);
|
|
4050
|
-
--system-picker-font-color-default: var(
|
|
4051
|
-
--spectrum-neutral-content-color-default
|
|
4052
|
-
);
|
|
4053
|
-
--system-picker-font-color-default-open: var(
|
|
4054
|
-
--spectrum-neutral-content-color-focus
|
|
4055
|
-
);
|
|
4056
|
-
--system-picker-font-color-hover: var(
|
|
4057
|
-
--spectrum-neutral-content-color-hover
|
|
4058
|
-
);
|
|
4059
|
-
--system-picker-font-color-hover-open: var(
|
|
4060
|
-
--spectrum-neutral-content-color-focus-hover
|
|
4061
|
-
);
|
|
4062
|
-
--system-picker-font-color-active: var(
|
|
4063
|
-
--spectrum-neutral-content-color-down
|
|
4064
|
-
);
|
|
4065
|
-
--system-picker-font-color-key-focus: var(
|
|
4066
|
-
--spectrum-neutral-content-color-key-focus
|
|
4067
|
-
);
|
|
4068
|
-
--system-picker-icon-color-default: var(
|
|
4069
|
-
--spectrum-neutral-content-color-default
|
|
4070
|
-
);
|
|
4071
|
-
--system-picker-icon-color-default-open: var(
|
|
4072
|
-
--spectrum-neutral-content-color-focus
|
|
4073
|
-
);
|
|
4074
|
-
--system-picker-icon-color-hover: var(
|
|
4075
|
-
--spectrum-neutral-content-color-hover
|
|
4076
|
-
);
|
|
4077
|
-
--system-picker-icon-color-hover-open: var(
|
|
4078
|
-
--spectrum-neutral-content-color-focus-hover
|
|
4079
|
-
);
|
|
4080
|
-
--system-picker-icon-color-active: var(
|
|
4081
|
-
--spectrum-neutral-content-color-down
|
|
4082
|
-
);
|
|
4083
|
-
--system-picker-icon-color-key-focus: var(
|
|
4084
|
-
--spectrum-neutral-content-color-key-focus
|
|
4085
|
-
);
|
|
4086
|
-
--system-picker-border-color-error-default: var(
|
|
4087
|
-
--spectrum-negative-border-color-default
|
|
4088
|
-
);
|
|
4089
|
-
--system-picker-border-color-error-default-open: var(
|
|
4090
|
-
--spectrum-negative-border-color-focus
|
|
4091
|
-
);
|
|
4092
|
-
--system-picker-border-color-error-hover: var(
|
|
4093
|
-
--spectrum-negative-border-color-hover
|
|
4094
|
-
);
|
|
4095
|
-
--system-picker-border-color-error-hover-open: var(
|
|
4096
|
-
--spectrum-negative-border-color-focus-hover
|
|
4097
|
-
);
|
|
4098
|
-
--system-picker-border-color-error-active: var(
|
|
4099
|
-
--spectrum-negative-border-color-down
|
|
4100
|
-
);
|
|
4101
|
-
--system-picker-border-color-error-key-focus: var(
|
|
4102
|
-
--spectrum-negative-border-color-key-focus
|
|
4103
|
-
);
|
|
4104
|
-
--system-picker-icon-color-error: var(--spectrum-negative-visual-color);
|
|
4105
|
-
--system-picker-background-color-disabled: var(
|
|
4106
|
-
--spectrum-disabled-background-color
|
|
4107
|
-
);
|
|
4108
|
-
--system-picker-font-color-disabled: var(--spectrum-disabled-content-color);
|
|
4109
|
-
--system-picker-icon-color-disabled: var(--spectrum-disabled-content-color);
|
|
4110
|
-
--system-picker-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
|
|
4111
|
-
--system-picker-focus-indicator-thickness: var(
|
|
4112
|
-
--spectrum-focus-indicator-thickness
|
|
4113
|
-
);
|
|
4114
|
-
--system-picker-focus-indicator-color: var(
|
|
4115
|
-
--spectrum-focus-indicator-color
|
|
4116
|
-
);
|
|
4117
|
-
--system-picker-next-to-popover-bottom-open-spacing-to-popover: var(
|
|
4118
|
-
--spectrum-component-to-menu-medium
|
|
4119
|
-
);
|
|
4120
|
-
--system-picker-size-s-font-size: var(--spectrum-font-size-75);
|
|
4121
|
-
--system-picker-size-s-block-size: var(--spectrum-component-height-75);
|
|
4122
|
-
--system-picker-size-s-spacing-top-to-text: var(
|
|
4123
|
-
--spectrum-component-top-to-text-75
|
|
4124
|
-
);
|
|
4125
|
-
--system-picker-size-s-spacing-bottom-to-text: var(
|
|
4126
|
-
--spectrum-component-bottom-to-text-75
|
|
4127
|
-
);
|
|
4128
|
-
--system-picker-size-s-spacing-edge-to-text: var(
|
|
4129
|
-
--spectrum-component-edge-to-text-75
|
|
4130
|
-
);
|
|
4131
|
-
--system-picker-size-s-spacing-text-to-icon: var(
|
|
4132
|
-
--spectrum-text-to-visual-75
|
|
4133
|
-
);
|
|
4134
|
-
--system-picker-size-s-spacing-text-to-icon-inline-end: var(
|
|
4135
|
-
--spectrum-field-text-to-alert-icon-small
|
|
4136
|
-
);
|
|
4137
|
-
--system-picker-size-s-spacing-icon-to-disclosure-icon: var(
|
|
4138
|
-
--spectrum-picker-visual-to-disclosure-icon-small
|
|
4139
|
-
);
|
|
4140
|
-
--system-picker-size-s-spacing-label-to-quiet: var(
|
|
4141
|
-
--spectrum-field-label-to-component-quiet-small
|
|
4142
|
-
);
|
|
4143
|
-
--system-picker-size-s-spacing-top-to-alert-icon: var(
|
|
4144
|
-
--spectrum-field-top-to-alert-icon-small
|
|
4145
|
-
);
|
|
4146
|
-
--system-picker-size-s-spacing-top-to-progress-circle: var(
|
|
4147
|
-
--spectrum-field-top-to-progress-circle-small
|
|
4148
|
-
);
|
|
4149
|
-
--system-picker-size-s-spacing-top-to-disclosure-icon: var(
|
|
4150
|
-
--spectrum-field-top-to-disclosure-icon-75
|
|
4151
|
-
);
|
|
4152
|
-
--system-picker-size-s-spacing-edge-to-disclosure-icon: var(
|
|
4153
|
-
--spectrum-field-end-edge-to-disclosure-icon-75
|
|
4154
|
-
);
|
|
4155
|
-
--system-picker-size-s-next-to-popover-bottom-open-spacing-to-popover: var(
|
|
4156
|
-
--spectrum-component-to-menu-small
|
|
4157
|
-
);
|
|
4158
|
-
--system-picker-size-l-font-size: var(--spectrum-font-size-200);
|
|
4159
|
-
--system-picker-size-l-block-size: var(--spectrum-component-height-200);
|
|
4160
|
-
--system-picker-size-l-spacing-top-to-text: var(
|
|
4161
|
-
--spectrum-component-top-to-text-200
|
|
4162
|
-
);
|
|
4163
|
-
--system-picker-size-l-spacing-bottom-to-text: var(
|
|
4164
|
-
--spectrum-component-bottom-to-text-200
|
|
4165
|
-
);
|
|
4166
|
-
--system-picker-size-l-spacing-edge-to-text: var(
|
|
4167
|
-
--spectrum-component-edge-to-text-200
|
|
4168
|
-
);
|
|
4169
|
-
--system-picker-size-l-spacing-text-to-icon: var(
|
|
4170
|
-
--spectrum-text-to-visual-200
|
|
4171
|
-
);
|
|
4172
|
-
--system-picker-size-l-spacing-text-to-icon-inline-end: var(
|
|
4173
|
-
--spectrum-field-text-to-alert-icon-large
|
|
4174
|
-
);
|
|
4175
|
-
--system-picker-size-l-spacing-icon-to-disclosure-icon: var(
|
|
4176
|
-
--spectrum-picker-visual-to-disclosure-icon-large
|
|
4177
|
-
);
|
|
4178
|
-
--system-picker-size-l-spacing-label-to-quiet: var(
|
|
4179
|
-
--spectrum-field-label-to-component-quiet-large
|
|
4180
|
-
);
|
|
4181
|
-
--system-picker-size-l-spacing-top-to-alert-icon: var(
|
|
4182
|
-
--spectrum-field-top-to-alert-icon-large
|
|
4183
|
-
);
|
|
4184
|
-
--system-picker-size-l-spacing-top-to-progress-circle: var(
|
|
4185
|
-
--spectrum-field-top-to-progress-circle-large
|
|
4186
|
-
);
|
|
4187
|
-
--system-picker-size-l-spacing-top-to-disclosure-icon: var(
|
|
4188
|
-
--spectrum-field-top-to-disclosure-icon-200
|
|
4189
|
-
);
|
|
4190
|
-
--system-picker-size-l-spacing-edge-to-disclosure-icon: var(
|
|
4191
|
-
--spectrum-field-end-edge-to-disclosure-icon-200
|
|
4192
|
-
);
|
|
4193
|
-
--system-picker-size-l-next-to-popover-bottom-open-spacing-to-popover: var(
|
|
4194
|
-
--spectrum-component-to-menu-large
|
|
4195
|
-
);
|
|
4196
|
-
--system-picker-size-xl-font-size: var(--spectrum-font-size-300);
|
|
4197
|
-
--system-picker-size-xl-block-size: var(--spectrum-component-height-300);
|
|
4198
|
-
--system-picker-size-xl-spacing-top-to-text: var(
|
|
4199
|
-
--spectrum-component-top-to-text-300
|
|
4200
|
-
);
|
|
4201
|
-
--system-picker-size-xl-spacing-bottom-to-text: var(
|
|
4202
|
-
--spectrum-component-bottom-to-text-300
|
|
4203
|
-
);
|
|
4204
|
-
--system-picker-size-xl-spacing-edge-to-text: var(
|
|
4205
|
-
--spectrum-component-edge-to-text-300
|
|
4206
|
-
);
|
|
4207
|
-
--system-picker-size-xl-spacing-text-to-icon: var(
|
|
4208
|
-
--spectrum-text-to-visual-300
|
|
4209
|
-
);
|
|
4210
|
-
--system-picker-size-xl-spacing-text-to-icon-inline-end: var(
|
|
4211
|
-
--spectrum-field-text-to-alert-icon-extra-large
|
|
4212
|
-
);
|
|
4213
|
-
--system-picker-size-xl-spacing-icon-to-disclosure-icon: var(
|
|
4214
|
-
--spectrum-picker-visual-to-disclosure-icon-extra-large
|
|
4215
|
-
);
|
|
4216
|
-
--system-picker-size-xl-spacing-label-to-quiet: var(
|
|
4217
|
-
--spectrum-field-label-to-component-quiet-extra-large
|
|
4218
|
-
);
|
|
4219
|
-
--system-picker-size-xl-spacing-top-to-alert-icon: var(
|
|
4220
|
-
--spectrum-field-top-to-alert-icon-extra-large
|
|
4221
|
-
);
|
|
4222
|
-
--system-picker-size-xl-spacing-top-to-progress-circle: var(
|
|
4223
|
-
--spectrum-field-top-to-progress-circle-extra-large
|
|
4224
|
-
);
|
|
4225
|
-
--system-picker-size-xl-spacing-top-to-disclosure-icon: var(
|
|
4226
|
-
--spectrum-field-top-to-disclosure-icon-300
|
|
4227
|
-
);
|
|
4228
|
-
--system-picker-size-xl-spacing-edge-to-disclosure-icon: var(
|
|
4229
|
-
--spectrum-field-end-edge-to-disclosure-icon-300
|
|
4230
|
-
);
|
|
4231
|
-
--system-picker-size-xl-next-to-popover-bottom-open-spacing-to-popover: var(
|
|
4232
|
-
--spectrum-component-to-menu-extra-large
|
|
4233
|
-
);
|
|
4234
3572
|
--system-picker-button-background-color: var(--spectrum-gray-200);
|
|
4235
3573
|
--system-picker-button-background-color-hover: var(--spectrum-gray-300);
|
|
4236
3574
|
--system-picker-button-background-color-down: var(--spectrum-gray-400);
|