@pantheon-systems/pds-design-tokens 1.0.0-dev.86 → 1.0.0-dev.88
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/build/css/pds-design-tokens-dark-mode.css +1 -3
- package/build/css/pds-design-tokens-light-mode.css +5 -6
- package/build/figma/pds-design-tokens-figma.json +218 -179
- package/build/json/pds-design-tokens-dark-mode.json +32 -83
- package/build/json/pds-design-tokens-light-mode.json +115 -92
- package/package.json +1 -1
|
@@ -148,9 +148,6 @@
|
|
|
148
148
|
--pds-color-overlay: rgba(9, 0, 48, 0.45);
|
|
149
149
|
--pds-color-panel-default-background: var(--pds-color-background-default);
|
|
150
150
|
--pds-color-panel-default-border: var(--pds-color-border-default);
|
|
151
|
-
--pds-color-panel-overlay-background: #282839;
|
|
152
|
-
--pds-color-panel-raised-background: #282839;
|
|
153
|
-
--pds-color-panel-raised-border: var(--pds-color-border-default);
|
|
154
151
|
--pds-color-panel-sunken-background: #121219;
|
|
155
152
|
--pds-color-progress-complete: #2abb7f;
|
|
156
153
|
--pds-color-progress-empty: #a6a3b4;
|
|
@@ -200,6 +197,7 @@
|
|
|
200
197
|
--pds-color-tooltip-text: #121219;
|
|
201
198
|
--pds-color-tooltip-trigger-icon-critical: #ca3521;
|
|
202
199
|
--pds-color-tooltip-trigger-icon-default: #e7e7eb;
|
|
200
|
+
--pds-elevation-dropdown: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
203
201
|
--pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
204
202
|
--pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
205
203
|
}
|
|
@@ -156,10 +156,7 @@
|
|
|
156
156
|
--pds-color-pager-background-hover: #f1f1f1;
|
|
157
157
|
--pds-color-pager-foreground-active: #5f41e5;
|
|
158
158
|
--pds-color-panel-default-background: var(--pds-color-background-default);
|
|
159
|
-
--pds-color-panel-default-border:
|
|
160
|
-
--pds-color-panel-overlay-background: var(--pds-color-background-default);
|
|
161
|
-
--pds-color-panel-raised-background: var(--pds-color-background-default);
|
|
162
|
-
--pds-color-panel-raised-border: #f1f1f1;
|
|
159
|
+
--pds-color-panel-default-border: rgba(0, 0, 0, 0.11);
|
|
163
160
|
--pds-color-panel-sunken-background: #f1f1f1;
|
|
164
161
|
--pds-color-progress-complete: #218c5f;
|
|
165
162
|
--pds-color-progress-empty: #cfcfd3;
|
|
@@ -209,6 +206,8 @@
|
|
|
209
206
|
--pds-color-tooltip-text: #ffffff;
|
|
210
207
|
--pds-color-tooltip-trigger-icon-critical: #ca3521;
|
|
211
208
|
--pds-color-tooltip-trigger-icon-default: #23232d;
|
|
212
|
-
--pds-elevation-
|
|
213
|
-
--pds-elevation-
|
|
209
|
+
--pds-elevation-active: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 6px 14px 0px rgba(0, 0, 0, 0.08);
|
|
210
|
+
--pds-elevation-dropdown: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
|
|
211
|
+
--pds-elevation-overlay: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
|
|
212
|
+
--pds-elevation-raised: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04);
|
|
214
213
|
}
|
|
@@ -5722,89 +5722,6 @@
|
|
|
5722
5722
|
"background"
|
|
5723
5723
|
]
|
|
5724
5724
|
}
|
|
5725
|
-
},
|
|
5726
|
-
"raised": {
|
|
5727
|
-
"background": {
|
|
5728
|
-
"value": "#282839",
|
|
5729
|
-
"public": true,
|
|
5730
|
-
"isReferenceToInternal": true,
|
|
5731
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
5732
|
-
"isSource": true,
|
|
5733
|
-
"original": {
|
|
5734
|
-
"value": "{color.dark-mode.neutral.500.value}",
|
|
5735
|
-
"public": true,
|
|
5736
|
-
"isReferenceToInternal": true
|
|
5737
|
-
},
|
|
5738
|
-
"name": "color-dark-mode-panel-raised-background",
|
|
5739
|
-
"attributes": {
|
|
5740
|
-
"category": "color",
|
|
5741
|
-
"type": "dark-mode",
|
|
5742
|
-
"item": "panel",
|
|
5743
|
-
"subitem": "raised",
|
|
5744
|
-
"state": "background"
|
|
5745
|
-
},
|
|
5746
|
-
"path": [
|
|
5747
|
-
"color",
|
|
5748
|
-
"dark-mode",
|
|
5749
|
-
"panel",
|
|
5750
|
-
"raised",
|
|
5751
|
-
"background"
|
|
5752
|
-
]
|
|
5753
|
-
},
|
|
5754
|
-
"border": {
|
|
5755
|
-
"value": "#504e62",
|
|
5756
|
-
"public": true,
|
|
5757
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
5758
|
-
"isSource": true,
|
|
5759
|
-
"original": {
|
|
5760
|
-
"value": "{color.dark-mode.border.default}",
|
|
5761
|
-
"public": true
|
|
5762
|
-
},
|
|
5763
|
-
"name": "color-dark-mode-panel-raised-border",
|
|
5764
|
-
"attributes": {
|
|
5765
|
-
"category": "color",
|
|
5766
|
-
"type": "dark-mode",
|
|
5767
|
-
"item": "panel",
|
|
5768
|
-
"subitem": "raised",
|
|
5769
|
-
"state": "border"
|
|
5770
|
-
},
|
|
5771
|
-
"path": [
|
|
5772
|
-
"color",
|
|
5773
|
-
"dark-mode",
|
|
5774
|
-
"panel",
|
|
5775
|
-
"raised",
|
|
5776
|
-
"border"
|
|
5777
|
-
]
|
|
5778
|
-
}
|
|
5779
|
-
},
|
|
5780
|
-
"overlay": {
|
|
5781
|
-
"background": {
|
|
5782
|
-
"value": "#282839",
|
|
5783
|
-
"public": true,
|
|
5784
|
-
"isReferenceToInternal": true,
|
|
5785
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
5786
|
-
"isSource": true,
|
|
5787
|
-
"original": {
|
|
5788
|
-
"value": "{color.dark-mode.neutral.500.value}",
|
|
5789
|
-
"public": true,
|
|
5790
|
-
"isReferenceToInternal": true
|
|
5791
|
-
},
|
|
5792
|
-
"name": "color-dark-mode-panel-overlay-background",
|
|
5793
|
-
"attributes": {
|
|
5794
|
-
"category": "color",
|
|
5795
|
-
"type": "dark-mode",
|
|
5796
|
-
"item": "panel",
|
|
5797
|
-
"subitem": "overlay",
|
|
5798
|
-
"state": "background"
|
|
5799
|
-
},
|
|
5800
|
-
"path": [
|
|
5801
|
-
"color",
|
|
5802
|
-
"dark-mode",
|
|
5803
|
-
"panel",
|
|
5804
|
-
"overlay",
|
|
5805
|
-
"background"
|
|
5806
|
-
]
|
|
5807
|
-
}
|
|
5808
5725
|
}
|
|
5809
5726
|
},
|
|
5810
5727
|
"expansion-panel": {
|
|
@@ -11787,12 +11704,12 @@
|
|
|
11787
11704
|
]
|
|
11788
11705
|
},
|
|
11789
11706
|
"border": {
|
|
11790
|
-
"value": "
|
|
11707
|
+
"value": "rgba(0, 0, 0, 0.11)",
|
|
11791
11708
|
"public": true,
|
|
11792
11709
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
11793
11710
|
"isSource": true,
|
|
11794
11711
|
"original": {
|
|
11795
|
-
"value": "
|
|
11712
|
+
"value": "rgba(0,0,0,.11)",
|
|
11796
11713
|
"public": true
|
|
11797
11714
|
},
|
|
11798
11715
|
"name": "color-light-mode-panel-default-border",
|
|
@@ -11840,87 +11757,6 @@
|
|
|
11840
11757
|
"background"
|
|
11841
11758
|
]
|
|
11842
11759
|
}
|
|
11843
|
-
},
|
|
11844
|
-
"raised": {
|
|
11845
|
-
"background": {
|
|
11846
|
-
"value": "#ffffff",
|
|
11847
|
-
"public": true,
|
|
11848
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
11849
|
-
"isSource": true,
|
|
11850
|
-
"original": {
|
|
11851
|
-
"value": "{color.light-mode.background.default}",
|
|
11852
|
-
"public": true
|
|
11853
|
-
},
|
|
11854
|
-
"name": "color-light-mode-panel-raised-background",
|
|
11855
|
-
"attributes": {
|
|
11856
|
-
"category": "color",
|
|
11857
|
-
"type": "light-mode",
|
|
11858
|
-
"item": "panel",
|
|
11859
|
-
"subitem": "raised",
|
|
11860
|
-
"state": "background"
|
|
11861
|
-
},
|
|
11862
|
-
"path": [
|
|
11863
|
-
"color",
|
|
11864
|
-
"light-mode",
|
|
11865
|
-
"panel",
|
|
11866
|
-
"raised",
|
|
11867
|
-
"background"
|
|
11868
|
-
]
|
|
11869
|
-
},
|
|
11870
|
-
"border": {
|
|
11871
|
-
"value": "#f1f1f1",
|
|
11872
|
-
"public": true,
|
|
11873
|
-
"isReferenceToInternal": true,
|
|
11874
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
11875
|
-
"isSource": true,
|
|
11876
|
-
"original": {
|
|
11877
|
-
"value": "{color.light-mode.neutral.200.value}",
|
|
11878
|
-
"public": true,
|
|
11879
|
-
"isReferenceToInternal": true
|
|
11880
|
-
},
|
|
11881
|
-
"name": "color-light-mode-panel-raised-border",
|
|
11882
|
-
"attributes": {
|
|
11883
|
-
"category": "color",
|
|
11884
|
-
"type": "light-mode",
|
|
11885
|
-
"item": "panel",
|
|
11886
|
-
"subitem": "raised",
|
|
11887
|
-
"state": "border"
|
|
11888
|
-
},
|
|
11889
|
-
"path": [
|
|
11890
|
-
"color",
|
|
11891
|
-
"light-mode",
|
|
11892
|
-
"panel",
|
|
11893
|
-
"raised",
|
|
11894
|
-
"border"
|
|
11895
|
-
]
|
|
11896
|
-
}
|
|
11897
|
-
},
|
|
11898
|
-
"overlay": {
|
|
11899
|
-
"background": {
|
|
11900
|
-
"value": "#ffffff",
|
|
11901
|
-
"public": true,
|
|
11902
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
11903
|
-
"isSource": true,
|
|
11904
|
-
"original": {
|
|
11905
|
-
"value": "{color.light-mode.background.default}",
|
|
11906
|
-
"public": true
|
|
11907
|
-
},
|
|
11908
|
-
"name": "color-light-mode-panel-overlay-background",
|
|
11909
|
-
"attributes": {
|
|
11910
|
-
"category": "color",
|
|
11911
|
-
"type": "light-mode",
|
|
11912
|
-
"item": "panel",
|
|
11913
|
-
"subitem": "overlay",
|
|
11914
|
-
"state": "background"
|
|
11915
|
-
},
|
|
11916
|
-
"path": [
|
|
11917
|
-
"color",
|
|
11918
|
-
"light-mode",
|
|
11919
|
-
"panel",
|
|
11920
|
-
"overlay",
|
|
11921
|
-
"background"
|
|
11922
|
-
]
|
|
11923
|
-
}
|
|
11924
11760
|
}
|
|
11925
11761
|
},
|
|
11926
11762
|
"expansion-panel": {
|
|
@@ -14188,6 +14024,47 @@
|
|
|
14188
14024
|
"dark-mode",
|
|
14189
14025
|
"overlay"
|
|
14190
14026
|
]
|
|
14027
|
+
},
|
|
14028
|
+
"dropdown": {
|
|
14029
|
+
"value": [
|
|
14030
|
+
{
|
|
14031
|
+
"x": "0",
|
|
14032
|
+
"y": "8",
|
|
14033
|
+
"blur": "12",
|
|
14034
|
+
"spread": "0",
|
|
14035
|
+
"color": "rgba(18, 18, 25, 0.6)",
|
|
14036
|
+
"type": "dropShadow"
|
|
14037
|
+
}
|
|
14038
|
+
],
|
|
14039
|
+
"type": "boxShadow",
|
|
14040
|
+
"public": true,
|
|
14041
|
+
"filePath": "tokens/elevation/base.dark.json",
|
|
14042
|
+
"isSource": true,
|
|
14043
|
+
"original": {
|
|
14044
|
+
"value": [
|
|
14045
|
+
{
|
|
14046
|
+
"x": "0",
|
|
14047
|
+
"y": "8",
|
|
14048
|
+
"blur": "12",
|
|
14049
|
+
"spread": "0",
|
|
14050
|
+
"color": "rgba(18, 18, 25, 0.6)",
|
|
14051
|
+
"type": "dropShadow"
|
|
14052
|
+
}
|
|
14053
|
+
],
|
|
14054
|
+
"type": "boxShadow",
|
|
14055
|
+
"public": true
|
|
14056
|
+
},
|
|
14057
|
+
"name": "elevation-dark-mode-dropdown",
|
|
14058
|
+
"attributes": {
|
|
14059
|
+
"category": "elevation",
|
|
14060
|
+
"type": "dark-mode",
|
|
14061
|
+
"item": "dropdown"
|
|
14062
|
+
},
|
|
14063
|
+
"path": [
|
|
14064
|
+
"elevation",
|
|
14065
|
+
"dark-mode",
|
|
14066
|
+
"dropdown"
|
|
14067
|
+
]
|
|
14191
14068
|
}
|
|
14192
14069
|
},
|
|
14193
14070
|
"light-mode": {
|
|
@@ -14195,18 +14072,26 @@
|
|
|
14195
14072
|
"value": [
|
|
14196
14073
|
{
|
|
14197
14074
|
"x": "0",
|
|
14198
|
-
"y": "
|
|
14075
|
+
"y": "0",
|
|
14076
|
+
"blur": "0",
|
|
14077
|
+
"spread": "1",
|
|
14078
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14079
|
+
"type": "dropShadow"
|
|
14080
|
+
},
|
|
14081
|
+
{
|
|
14082
|
+
"x": "0",
|
|
14083
|
+
"y": "2",
|
|
14199
14084
|
"blur": "2",
|
|
14200
14085
|
"spread": "0",
|
|
14201
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14086
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14202
14087
|
"type": "dropShadow"
|
|
14203
14088
|
},
|
|
14204
14089
|
{
|
|
14205
14090
|
"x": "0",
|
|
14206
|
-
"y": "
|
|
14091
|
+
"y": "8",
|
|
14207
14092
|
"blur": "8",
|
|
14208
|
-
"spread": "
|
|
14209
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14093
|
+
"spread": "-8",
|
|
14094
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14210
14095
|
"type": "dropShadow"
|
|
14211
14096
|
}
|
|
14212
14097
|
],
|
|
@@ -14218,18 +14103,26 @@
|
|
|
14218
14103
|
"value": [
|
|
14219
14104
|
{
|
|
14220
14105
|
"x": "0",
|
|
14221
|
-
"y": "
|
|
14106
|
+
"y": "0",
|
|
14107
|
+
"blur": "0",
|
|
14108
|
+
"spread": "1",
|
|
14109
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14110
|
+
"type": "dropShadow"
|
|
14111
|
+
},
|
|
14112
|
+
{
|
|
14113
|
+
"x": "0",
|
|
14114
|
+
"y": "2",
|
|
14222
14115
|
"blur": "2",
|
|
14223
14116
|
"spread": "0",
|
|
14224
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14117
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14225
14118
|
"type": "dropShadow"
|
|
14226
14119
|
},
|
|
14227
14120
|
{
|
|
14228
14121
|
"x": "0",
|
|
14229
|
-
"y": "
|
|
14122
|
+
"y": "8",
|
|
14230
14123
|
"blur": "8",
|
|
14231
|
-
"spread": "
|
|
14232
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14124
|
+
"spread": "-8",
|
|
14125
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14233
14126
|
"type": "dropShadow"
|
|
14234
14127
|
}
|
|
14235
14128
|
],
|
|
@@ -14248,7 +14141,153 @@
|
|
|
14248
14141
|
"raised"
|
|
14249
14142
|
]
|
|
14250
14143
|
},
|
|
14144
|
+
"active": {
|
|
14145
|
+
"value": [
|
|
14146
|
+
{
|
|
14147
|
+
"x": "0",
|
|
14148
|
+
"y": "0",
|
|
14149
|
+
"blur": "0",
|
|
14150
|
+
"spread": "1",
|
|
14151
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14152
|
+
"type": "dropShadow"
|
|
14153
|
+
},
|
|
14154
|
+
{
|
|
14155
|
+
"x": "0",
|
|
14156
|
+
"y": "6",
|
|
14157
|
+
"blur": "14",
|
|
14158
|
+
"spread": "0",
|
|
14159
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14160
|
+
"type": "dropShadow"
|
|
14161
|
+
}
|
|
14162
|
+
],
|
|
14163
|
+
"type": "boxShadow",
|
|
14164
|
+
"public": true,
|
|
14165
|
+
"filePath": "tokens/elevation/base.light.json",
|
|
14166
|
+
"isSource": true,
|
|
14167
|
+
"original": {
|
|
14168
|
+
"value": [
|
|
14169
|
+
{
|
|
14170
|
+
"x": "0",
|
|
14171
|
+
"y": "0",
|
|
14172
|
+
"blur": "0",
|
|
14173
|
+
"spread": "1",
|
|
14174
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14175
|
+
"type": "dropShadow"
|
|
14176
|
+
},
|
|
14177
|
+
{
|
|
14178
|
+
"x": "0",
|
|
14179
|
+
"y": "6",
|
|
14180
|
+
"blur": "14",
|
|
14181
|
+
"spread": "0",
|
|
14182
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14183
|
+
"type": "dropShadow"
|
|
14184
|
+
}
|
|
14185
|
+
],
|
|
14186
|
+
"type": "boxShadow",
|
|
14187
|
+
"public": true
|
|
14188
|
+
},
|
|
14189
|
+
"name": "elevation-light-mode-active",
|
|
14190
|
+
"attributes": {
|
|
14191
|
+
"category": "elevation",
|
|
14192
|
+
"type": "light-mode",
|
|
14193
|
+
"item": "active"
|
|
14194
|
+
},
|
|
14195
|
+
"path": [
|
|
14196
|
+
"elevation",
|
|
14197
|
+
"light-mode",
|
|
14198
|
+
"active"
|
|
14199
|
+
]
|
|
14200
|
+
},
|
|
14251
14201
|
"overlay": {
|
|
14202
|
+
"value": [
|
|
14203
|
+
{
|
|
14204
|
+
"x": "0",
|
|
14205
|
+
"y": "0",
|
|
14206
|
+
"blur": "0",
|
|
14207
|
+
"spread": "1",
|
|
14208
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14209
|
+
"type": "dropShadow"
|
|
14210
|
+
},
|
|
14211
|
+
{
|
|
14212
|
+
"x": "0",
|
|
14213
|
+
"y": "1",
|
|
14214
|
+
"blur": "1",
|
|
14215
|
+
"spread": "0",
|
|
14216
|
+
"color": "rgba(0, 0, 0, 0.02)",
|
|
14217
|
+
"type": "dropShadow"
|
|
14218
|
+
},
|
|
14219
|
+
{
|
|
14220
|
+
"x": "0",
|
|
14221
|
+
"y": "8",
|
|
14222
|
+
"blur": "16",
|
|
14223
|
+
"spread": "-4",
|
|
14224
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14225
|
+
"type": "dropShadow"
|
|
14226
|
+
},
|
|
14227
|
+
{
|
|
14228
|
+
"x": "0",
|
|
14229
|
+
"y": "24",
|
|
14230
|
+
"blur": "32",
|
|
14231
|
+
"spread": "-8",
|
|
14232
|
+
"color": "rgba(0, 0, 0, 0.06)",
|
|
14233
|
+
"type": "dropShadow"
|
|
14234
|
+
}
|
|
14235
|
+
],
|
|
14236
|
+
"type": "boxShadow",
|
|
14237
|
+
"public": true,
|
|
14238
|
+
"filePath": "tokens/elevation/base.light.json",
|
|
14239
|
+
"isSource": true,
|
|
14240
|
+
"original": {
|
|
14241
|
+
"value": [
|
|
14242
|
+
{
|
|
14243
|
+
"x": "0",
|
|
14244
|
+
"y": "0",
|
|
14245
|
+
"blur": "0",
|
|
14246
|
+
"spread": "1",
|
|
14247
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14248
|
+
"type": "dropShadow"
|
|
14249
|
+
},
|
|
14250
|
+
{
|
|
14251
|
+
"x": "0",
|
|
14252
|
+
"y": "1",
|
|
14253
|
+
"blur": "1",
|
|
14254
|
+
"spread": "0",
|
|
14255
|
+
"color": "rgba(0, 0, 0, 0.02)",
|
|
14256
|
+
"type": "dropShadow"
|
|
14257
|
+
},
|
|
14258
|
+
{
|
|
14259
|
+
"x": "0",
|
|
14260
|
+
"y": "8",
|
|
14261
|
+
"blur": "16",
|
|
14262
|
+
"spread": "-4",
|
|
14263
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14264
|
+
"type": "dropShadow"
|
|
14265
|
+
},
|
|
14266
|
+
{
|
|
14267
|
+
"x": "0",
|
|
14268
|
+
"y": "24",
|
|
14269
|
+
"blur": "32",
|
|
14270
|
+
"spread": "-8",
|
|
14271
|
+
"color": "rgba(0, 0, 0, 0.06)",
|
|
14272
|
+
"type": "dropShadow"
|
|
14273
|
+
}
|
|
14274
|
+
],
|
|
14275
|
+
"type": "boxShadow",
|
|
14276
|
+
"public": true
|
|
14277
|
+
},
|
|
14278
|
+
"name": "elevation-light-mode-overlay",
|
|
14279
|
+
"attributes": {
|
|
14280
|
+
"category": "elevation",
|
|
14281
|
+
"type": "light-mode",
|
|
14282
|
+
"item": "overlay"
|
|
14283
|
+
},
|
|
14284
|
+
"path": [
|
|
14285
|
+
"elevation",
|
|
14286
|
+
"light-mode",
|
|
14287
|
+
"overlay"
|
|
14288
|
+
]
|
|
14289
|
+
},
|
|
14290
|
+
"dropdown": {
|
|
14252
14291
|
"value": [
|
|
14253
14292
|
{
|
|
14254
14293
|
"x": "0",
|
|
@@ -14293,16 +14332,16 @@
|
|
|
14293
14332
|
"type": "boxShadow",
|
|
14294
14333
|
"public": true
|
|
14295
14334
|
},
|
|
14296
|
-
"name": "elevation-light-mode-
|
|
14335
|
+
"name": "elevation-light-mode-dropdown",
|
|
14297
14336
|
"attributes": {
|
|
14298
14337
|
"category": "elevation",
|
|
14299
14338
|
"type": "light-mode",
|
|
14300
|
-
"item": "
|
|
14339
|
+
"item": "dropdown"
|
|
14301
14340
|
},
|
|
14302
14341
|
"path": [
|
|
14303
14342
|
"elevation",
|
|
14304
14343
|
"light-mode",
|
|
14305
|
-
"
|
|
14344
|
+
"dropdown"
|
|
14306
14345
|
]
|
|
14307
14346
|
}
|
|
14308
14347
|
}
|
|
@@ -3743,89 +3743,6 @@
|
|
|
3743
3743
|
"background"
|
|
3744
3744
|
]
|
|
3745
3745
|
}
|
|
3746
|
-
},
|
|
3747
|
-
"raised": {
|
|
3748
|
-
"background": {
|
|
3749
|
-
"value": "#282839",
|
|
3750
|
-
"public": true,
|
|
3751
|
-
"isReferenceToInternal": true,
|
|
3752
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
3753
|
-
"isSource": true,
|
|
3754
|
-
"original": {
|
|
3755
|
-
"value": "{color.dark-mode.neutral.500.value}",
|
|
3756
|
-
"public": true,
|
|
3757
|
-
"isReferenceToInternal": true
|
|
3758
|
-
},
|
|
3759
|
-
"name": "color-dark-mode-panel-raised-background",
|
|
3760
|
-
"attributes": {
|
|
3761
|
-
"category": "color",
|
|
3762
|
-
"type": "dark-mode",
|
|
3763
|
-
"item": "panel",
|
|
3764
|
-
"subitem": "raised",
|
|
3765
|
-
"state": "background"
|
|
3766
|
-
},
|
|
3767
|
-
"path": [
|
|
3768
|
-
"color",
|
|
3769
|
-
"dark-mode",
|
|
3770
|
-
"panel",
|
|
3771
|
-
"raised",
|
|
3772
|
-
"background"
|
|
3773
|
-
]
|
|
3774
|
-
},
|
|
3775
|
-
"border": {
|
|
3776
|
-
"value": "#504e62",
|
|
3777
|
-
"public": true,
|
|
3778
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
3779
|
-
"isSource": true,
|
|
3780
|
-
"original": {
|
|
3781
|
-
"value": "{color.dark-mode.border.default}",
|
|
3782
|
-
"public": true
|
|
3783
|
-
},
|
|
3784
|
-
"name": "color-dark-mode-panel-raised-border",
|
|
3785
|
-
"attributes": {
|
|
3786
|
-
"category": "color",
|
|
3787
|
-
"type": "dark-mode",
|
|
3788
|
-
"item": "panel",
|
|
3789
|
-
"subitem": "raised",
|
|
3790
|
-
"state": "border"
|
|
3791
|
-
},
|
|
3792
|
-
"path": [
|
|
3793
|
-
"color",
|
|
3794
|
-
"dark-mode",
|
|
3795
|
-
"panel",
|
|
3796
|
-
"raised",
|
|
3797
|
-
"border"
|
|
3798
|
-
]
|
|
3799
|
-
}
|
|
3800
|
-
},
|
|
3801
|
-
"overlay": {
|
|
3802
|
-
"background": {
|
|
3803
|
-
"value": "#282839",
|
|
3804
|
-
"public": true,
|
|
3805
|
-
"isReferenceToInternal": true,
|
|
3806
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
3807
|
-
"isSource": true,
|
|
3808
|
-
"original": {
|
|
3809
|
-
"value": "{color.dark-mode.neutral.500.value}",
|
|
3810
|
-
"public": true,
|
|
3811
|
-
"isReferenceToInternal": true
|
|
3812
|
-
},
|
|
3813
|
-
"name": "color-dark-mode-panel-overlay-background",
|
|
3814
|
-
"attributes": {
|
|
3815
|
-
"category": "color",
|
|
3816
|
-
"type": "dark-mode",
|
|
3817
|
-
"item": "panel",
|
|
3818
|
-
"subitem": "overlay",
|
|
3819
|
-
"state": "background"
|
|
3820
|
-
},
|
|
3821
|
-
"path": [
|
|
3822
|
-
"color",
|
|
3823
|
-
"dark-mode",
|
|
3824
|
-
"panel",
|
|
3825
|
-
"overlay",
|
|
3826
|
-
"background"
|
|
3827
|
-
]
|
|
3828
|
-
}
|
|
3829
3746
|
}
|
|
3830
3747
|
},
|
|
3831
3748
|
"expansion-panel": {
|
|
@@ -6218,6 +6135,38 @@
|
|
|
6218
6135
|
"dark-mode",
|
|
6219
6136
|
"overlay"
|
|
6220
6137
|
]
|
|
6138
|
+
},
|
|
6139
|
+
"dropdown": {
|
|
6140
|
+
"value": "0px 8px 12px 0px rgba(18, 18, 25, 0.6)",
|
|
6141
|
+
"type": "boxShadow",
|
|
6142
|
+
"public": true,
|
|
6143
|
+
"filePath": "tokens/elevation/base.dark.json",
|
|
6144
|
+
"isSource": true,
|
|
6145
|
+
"original": {
|
|
6146
|
+
"value": [
|
|
6147
|
+
{
|
|
6148
|
+
"x": "0",
|
|
6149
|
+
"y": "8",
|
|
6150
|
+
"blur": "12",
|
|
6151
|
+
"spread": "0",
|
|
6152
|
+
"color": "rgba(18, 18, 25, 0.6)",
|
|
6153
|
+
"type": "dropShadow"
|
|
6154
|
+
}
|
|
6155
|
+
],
|
|
6156
|
+
"type": "boxShadow",
|
|
6157
|
+
"public": true
|
|
6158
|
+
},
|
|
6159
|
+
"name": "elevation-dark-mode-dropdown",
|
|
6160
|
+
"attributes": {
|
|
6161
|
+
"category": "elevation",
|
|
6162
|
+
"type": "dark-mode",
|
|
6163
|
+
"item": "dropdown"
|
|
6164
|
+
},
|
|
6165
|
+
"path": [
|
|
6166
|
+
"elevation",
|
|
6167
|
+
"dark-mode",
|
|
6168
|
+
"dropdown"
|
|
6169
|
+
]
|
|
6221
6170
|
}
|
|
6222
6171
|
}
|
|
6223
6172
|
}
|
|
@@ -3769,12 +3769,12 @@
|
|
|
3769
3769
|
]
|
|
3770
3770
|
},
|
|
3771
3771
|
"border": {
|
|
3772
|
-
"value": "
|
|
3772
|
+
"value": "rgba(0, 0, 0, 0.11)",
|
|
3773
3773
|
"public": true,
|
|
3774
3774
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
3775
3775
|
"isSource": true,
|
|
3776
3776
|
"original": {
|
|
3777
|
-
"value": "
|
|
3777
|
+
"value": "rgba(0,0,0,.11)",
|
|
3778
3778
|
"public": true
|
|
3779
3779
|
},
|
|
3780
3780
|
"name": "color-light-mode-panel-default-border",
|
|
@@ -3822,87 +3822,6 @@
|
|
|
3822
3822
|
"background"
|
|
3823
3823
|
]
|
|
3824
3824
|
}
|
|
3825
|
-
},
|
|
3826
|
-
"raised": {
|
|
3827
|
-
"background": {
|
|
3828
|
-
"value": "#ffffff",
|
|
3829
|
-
"public": true,
|
|
3830
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
3831
|
-
"isSource": true,
|
|
3832
|
-
"original": {
|
|
3833
|
-
"value": "{color.light-mode.background.default}",
|
|
3834
|
-
"public": true
|
|
3835
|
-
},
|
|
3836
|
-
"name": "color-light-mode-panel-raised-background",
|
|
3837
|
-
"attributes": {
|
|
3838
|
-
"category": "color",
|
|
3839
|
-
"type": "light-mode",
|
|
3840
|
-
"item": "panel",
|
|
3841
|
-
"subitem": "raised",
|
|
3842
|
-
"state": "background"
|
|
3843
|
-
},
|
|
3844
|
-
"path": [
|
|
3845
|
-
"color",
|
|
3846
|
-
"light-mode",
|
|
3847
|
-
"panel",
|
|
3848
|
-
"raised",
|
|
3849
|
-
"background"
|
|
3850
|
-
]
|
|
3851
|
-
},
|
|
3852
|
-
"border": {
|
|
3853
|
-
"value": "#f1f1f1",
|
|
3854
|
-
"public": true,
|
|
3855
|
-
"isReferenceToInternal": true,
|
|
3856
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
3857
|
-
"isSource": true,
|
|
3858
|
-
"original": {
|
|
3859
|
-
"value": "{color.light-mode.neutral.200.value}",
|
|
3860
|
-
"public": true,
|
|
3861
|
-
"isReferenceToInternal": true
|
|
3862
|
-
},
|
|
3863
|
-
"name": "color-light-mode-panel-raised-border",
|
|
3864
|
-
"attributes": {
|
|
3865
|
-
"category": "color",
|
|
3866
|
-
"type": "light-mode",
|
|
3867
|
-
"item": "panel",
|
|
3868
|
-
"subitem": "raised",
|
|
3869
|
-
"state": "border"
|
|
3870
|
-
},
|
|
3871
|
-
"path": [
|
|
3872
|
-
"color",
|
|
3873
|
-
"light-mode",
|
|
3874
|
-
"panel",
|
|
3875
|
-
"raised",
|
|
3876
|
-
"border"
|
|
3877
|
-
]
|
|
3878
|
-
}
|
|
3879
|
-
},
|
|
3880
|
-
"overlay": {
|
|
3881
|
-
"background": {
|
|
3882
|
-
"value": "#ffffff",
|
|
3883
|
-
"public": true,
|
|
3884
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
3885
|
-
"isSource": true,
|
|
3886
|
-
"original": {
|
|
3887
|
-
"value": "{color.light-mode.background.default}",
|
|
3888
|
-
"public": true
|
|
3889
|
-
},
|
|
3890
|
-
"name": "color-light-mode-panel-overlay-background",
|
|
3891
|
-
"attributes": {
|
|
3892
|
-
"category": "color",
|
|
3893
|
-
"type": "light-mode",
|
|
3894
|
-
"item": "panel",
|
|
3895
|
-
"subitem": "overlay",
|
|
3896
|
-
"state": "background"
|
|
3897
|
-
},
|
|
3898
|
-
"path": [
|
|
3899
|
-
"color",
|
|
3900
|
-
"light-mode",
|
|
3901
|
-
"panel",
|
|
3902
|
-
"overlay",
|
|
3903
|
-
"background"
|
|
3904
|
-
]
|
|
3905
|
-
}
|
|
3906
3825
|
}
|
|
3907
3826
|
},
|
|
3908
3827
|
"expansion-panel": {
|
|
@@ -6203,7 +6122,7 @@
|
|
|
6203
6122
|
"elevation": {
|
|
6204
6123
|
"light-mode": {
|
|
6205
6124
|
"raised": {
|
|
6206
|
-
"value": "0px 1px 2px 0px rgba(0, 0, 0, 0.
|
|
6125
|
+
"value": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04)",
|
|
6207
6126
|
"type": "boxShadow",
|
|
6208
6127
|
"public": true,
|
|
6209
6128
|
"filePath": "tokens/elevation/base.light.json",
|
|
@@ -6212,18 +6131,26 @@
|
|
|
6212
6131
|
"value": [
|
|
6213
6132
|
{
|
|
6214
6133
|
"x": "0",
|
|
6215
|
-
"y": "
|
|
6134
|
+
"y": "0",
|
|
6135
|
+
"blur": "0",
|
|
6136
|
+
"spread": "1",
|
|
6137
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
6138
|
+
"type": "dropShadow"
|
|
6139
|
+
},
|
|
6140
|
+
{
|
|
6141
|
+
"x": "0",
|
|
6142
|
+
"y": "2",
|
|
6216
6143
|
"blur": "2",
|
|
6217
6144
|
"spread": "0",
|
|
6218
|
-
"color": "rgba(0, 0, 0, 0.
|
|
6145
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
6219
6146
|
"type": "dropShadow"
|
|
6220
6147
|
},
|
|
6221
6148
|
{
|
|
6222
6149
|
"x": "0",
|
|
6223
|
-
"y": "
|
|
6150
|
+
"y": "8",
|
|
6224
6151
|
"blur": "8",
|
|
6225
|
-
"spread": "
|
|
6226
|
-
"color": "rgba(0, 0, 0, 0.
|
|
6152
|
+
"spread": "-8",
|
|
6153
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
6227
6154
|
"type": "dropShadow"
|
|
6228
6155
|
}
|
|
6229
6156
|
],
|
|
@@ -6242,7 +6169,103 @@
|
|
|
6242
6169
|
"raised"
|
|
6243
6170
|
]
|
|
6244
6171
|
},
|
|
6172
|
+
"active": {
|
|
6173
|
+
"value": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 6px 14px 0px rgba(0, 0, 0, 0.08)",
|
|
6174
|
+
"type": "boxShadow",
|
|
6175
|
+
"public": true,
|
|
6176
|
+
"filePath": "tokens/elevation/base.light.json",
|
|
6177
|
+
"isSource": true,
|
|
6178
|
+
"original": {
|
|
6179
|
+
"value": [
|
|
6180
|
+
{
|
|
6181
|
+
"x": "0",
|
|
6182
|
+
"y": "0",
|
|
6183
|
+
"blur": "0",
|
|
6184
|
+
"spread": "1",
|
|
6185
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
6186
|
+
"type": "dropShadow"
|
|
6187
|
+
},
|
|
6188
|
+
{
|
|
6189
|
+
"x": "0",
|
|
6190
|
+
"y": "6",
|
|
6191
|
+
"blur": "14",
|
|
6192
|
+
"spread": "0",
|
|
6193
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
6194
|
+
"type": "dropShadow"
|
|
6195
|
+
}
|
|
6196
|
+
],
|
|
6197
|
+
"type": "boxShadow",
|
|
6198
|
+
"public": true
|
|
6199
|
+
},
|
|
6200
|
+
"name": "elevation-light-mode-active",
|
|
6201
|
+
"attributes": {
|
|
6202
|
+
"category": "elevation",
|
|
6203
|
+
"type": "light-mode",
|
|
6204
|
+
"item": "active"
|
|
6205
|
+
},
|
|
6206
|
+
"path": [
|
|
6207
|
+
"elevation",
|
|
6208
|
+
"light-mode",
|
|
6209
|
+
"active"
|
|
6210
|
+
]
|
|
6211
|
+
},
|
|
6245
6212
|
"overlay": {
|
|
6213
|
+
"value": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06)",
|
|
6214
|
+
"type": "boxShadow",
|
|
6215
|
+
"public": true,
|
|
6216
|
+
"filePath": "tokens/elevation/base.light.json",
|
|
6217
|
+
"isSource": true,
|
|
6218
|
+
"original": {
|
|
6219
|
+
"value": [
|
|
6220
|
+
{
|
|
6221
|
+
"x": "0",
|
|
6222
|
+
"y": "0",
|
|
6223
|
+
"blur": "0",
|
|
6224
|
+
"spread": "1",
|
|
6225
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
6226
|
+
"type": "dropShadow"
|
|
6227
|
+
},
|
|
6228
|
+
{
|
|
6229
|
+
"x": "0",
|
|
6230
|
+
"y": "1",
|
|
6231
|
+
"blur": "1",
|
|
6232
|
+
"spread": "0",
|
|
6233
|
+
"color": "rgba(0, 0, 0, 0.02)",
|
|
6234
|
+
"type": "dropShadow"
|
|
6235
|
+
},
|
|
6236
|
+
{
|
|
6237
|
+
"x": "0",
|
|
6238
|
+
"y": "8",
|
|
6239
|
+
"blur": "16",
|
|
6240
|
+
"spread": "-4",
|
|
6241
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
6242
|
+
"type": "dropShadow"
|
|
6243
|
+
},
|
|
6244
|
+
{
|
|
6245
|
+
"x": "0",
|
|
6246
|
+
"y": "24",
|
|
6247
|
+
"blur": "32",
|
|
6248
|
+
"spread": "-8",
|
|
6249
|
+
"color": "rgba(0, 0, 0, 0.06)",
|
|
6250
|
+
"type": "dropShadow"
|
|
6251
|
+
}
|
|
6252
|
+
],
|
|
6253
|
+
"type": "boxShadow",
|
|
6254
|
+
"public": true
|
|
6255
|
+
},
|
|
6256
|
+
"name": "elevation-light-mode-overlay",
|
|
6257
|
+
"attributes": {
|
|
6258
|
+
"category": "elevation",
|
|
6259
|
+
"type": "light-mode",
|
|
6260
|
+
"item": "overlay"
|
|
6261
|
+
},
|
|
6262
|
+
"path": [
|
|
6263
|
+
"elevation",
|
|
6264
|
+
"light-mode",
|
|
6265
|
+
"overlay"
|
|
6266
|
+
]
|
|
6267
|
+
},
|
|
6268
|
+
"dropdown": {
|
|
6246
6269
|
"value": "0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px 0px rgba(0, 0, 0, 0.15)",
|
|
6247
6270
|
"type": "boxShadow",
|
|
6248
6271
|
"public": true,
|
|
@@ -6270,16 +6293,16 @@
|
|
|
6270
6293
|
"type": "boxShadow",
|
|
6271
6294
|
"public": true
|
|
6272
6295
|
},
|
|
6273
|
-
"name": "elevation-light-mode-
|
|
6296
|
+
"name": "elevation-light-mode-dropdown",
|
|
6274
6297
|
"attributes": {
|
|
6275
6298
|
"category": "elevation",
|
|
6276
6299
|
"type": "light-mode",
|
|
6277
|
-
"item": "
|
|
6300
|
+
"item": "dropdown"
|
|
6278
6301
|
},
|
|
6279
6302
|
"path": [
|
|
6280
6303
|
"elevation",
|
|
6281
6304
|
"light-mode",
|
|
6282
|
-
"
|
|
6305
|
+
"dropdown"
|
|
6283
6306
|
]
|
|
6284
6307
|
}
|
|
6285
6308
|
}
|