@primer/primitives 11.4.0 → 11.4.1-rc.0499d5a6
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/DESIGN_TOKENS_GUIDE.md +185 -0
- package/DESIGN_TOKENS_SPEC.md +565 -0
- package/dist/build/formats/jsonFigma.js +8 -1
- package/dist/build/formats/markdownLlmGuidelines.d.ts +7 -6
- package/dist/build/formats/markdownLlmGuidelines.js +1034 -60
- package/dist/build/schemas/borderToken.d.ts +61 -5
- package/dist/build/schemas/borderToken.js +2 -1
- package/dist/build/schemas/colorToken.d.ts +639 -30
- package/dist/build/schemas/colorToken.js +3 -2
- package/dist/build/schemas/colorW3cValue.d.ts +28 -0
- package/dist/build/schemas/colorW3cValue.js +42 -0
- package/dist/build/schemas/cubicBezierToken.d.ts +1 -1
- package/dist/build/schemas/dimensionToken.d.ts +9 -2
- package/dist/build/schemas/dimensionValue.d.ts +12 -1
- package/dist/build/schemas/dimensionValue.js +10 -13
- package/dist/build/schemas/durationToken.d.ts +8 -2
- package/dist/build/schemas/durationValue.d.ts +11 -1
- package/dist/build/schemas/durationValue.js +13 -3
- package/dist/build/schemas/fontFamilyToken.d.ts +1 -1
- package/dist/build/schemas/fontWeightToken.d.ts +1 -1
- package/dist/build/schemas/gradientToken.d.ts +23 -2
- package/dist/build/schemas/gradientToken.js +2 -1
- package/dist/build/schemas/numberToken.d.ts +1 -1
- package/dist/build/schemas/shadowToken.d.ts +1751 -127
- package/dist/build/schemas/shadowToken.js +8 -2
- package/dist/build/schemas/stringToken.d.ts +1 -1
- package/dist/build/schemas/stringToken.js +1 -1
- package/dist/build/schemas/tokenType.d.ts +1 -1
- package/dist/build/schemas/transitionToken.d.ts +15 -3
- package/dist/build/schemas/typographyToken.d.ts +19 -5
- package/dist/build/schemas/typographyToken.js +1 -1
- package/dist/build/schemas/validTokenType.d.ts +1 -1
- package/dist/build/schemas/validTokenType.js +1 -1
- package/dist/build/schemas/viewportRangeToken.d.ts +1 -1
- package/dist/build/transformers/borderToCss.js +19 -1
- package/dist/build/transformers/colorAlphaToCss.js +6 -3
- package/dist/build/transformers/colorToHex.js +5 -2
- package/dist/build/transformers/colorToRgbAlpha.js +5 -2
- package/dist/build/transformers/colorToRgbaFloat.js +5 -0
- package/dist/build/transformers/dimensionToPixelUnitless.d.ts +3 -2
- package/dist/build/transformers/dimensionToPixelUnitless.js +22 -26
- package/dist/build/transformers/dimensionToRem.d.ts +2 -1
- package/dist/build/transformers/dimensionToRem.js +21 -22
- package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -1
- package/dist/build/transformers/dimensionToRemPxArray.js +21 -22
- package/dist/build/transformers/durationToCss.d.ts +2 -1
- package/dist/build/transformers/durationToCss.js +18 -11
- package/dist/build/transformers/gradientToCss.js +2 -1
- package/dist/build/transformers/shadowToCss.js +15 -1
- package/dist/build/transformers/utilities/normalizeColorValue.d.ts +23 -0
- package/dist/build/transformers/utilities/normalizeColorValue.js +74 -0
- package/dist/build/transformers/utilities/parseDimension.d.ts +12 -0
- package/dist/build/transformers/utilities/parseDimension.js +31 -0
- package/dist/build/types/borderTokenValue.d.ts +5 -2
- package/dist/build/types/dimensionTokenValue.d.ts +9 -0
- package/dist/build/types/shadowTokenValue.d.ts +8 -5
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-colorblind.css +32 -28
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-dimmed.css +32 -28
- package/dist/css/functional/themes/dark-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-tritanopia.css +32 -28
- package/dist/css/functional/themes/dark.css +32 -28
- package/dist/css/functional/themes/light-colorblind-high-contrast.css +32 -28
- package/dist/css/functional/themes/light-colorblind.css +32 -28
- package/dist/css/functional/themes/light-high-contrast.css +32 -28
- package/dist/css/functional/themes/light-tritanopia-high-contrast.css +32 -28
- package/dist/css/functional/themes/light-tritanopia.css +32 -28
- package/dist/css/functional/themes/light.css +32 -28
- package/dist/css/primitives.css +4 -0
- package/dist/docs/base/motion/motion.json +96 -24
- package/dist/docs/base/size/size.json +76 -19
- package/dist/docs/base/typography/typography.json +24 -6
- package/dist/docs/functional/size/border.json +26 -11
- package/dist/docs/functional/size/breakpoints.json +24 -6
- package/dist/docs/functional/size/radius.json +16 -4
- package/dist/docs/functional/size/size.json +60 -15
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-colorblind.json +2629 -346
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-dimmed.json +2629 -346
- package/dist/docs/functional/themes/dark-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-tritanopia.json +2629 -346
- package/dist/docs/functional/themes/dark.json +2629 -346
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2635 -352
- package/dist/docs/functional/themes/light-colorblind.json +2632 -349
- package/dist/docs/functional/themes/light-high-contrast.json +2635 -352
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2635 -352
- package/dist/docs/functional/themes/light-tritanopia.json +2632 -349
- package/dist/docs/functional/themes/light.json +2632 -349
- package/dist/docs/functional/typography/typography.json +8 -2
- package/dist/fallbacks/base/motion/motion.json +48 -12
- package/dist/figma/themes/light-colorblind.json +4 -4
- package/dist/figma/themes/light-high-contrast.json +4 -4
- package/dist/figma/themes/light-tritanopia.json +4 -4
- package/dist/figma/themes/light.json +4 -4
- package/dist/internalCss/dark-colorblind-high-contrast.css +28 -28
- package/dist/internalCss/dark-colorblind.css +28 -28
- package/dist/internalCss/dark-dimmed-high-contrast.css +28 -28
- package/dist/internalCss/dark-dimmed.css +28 -28
- package/dist/internalCss/dark-high-contrast.css +28 -28
- package/dist/internalCss/dark-tritanopia-high-contrast.css +28 -28
- package/dist/internalCss/dark-tritanopia.css +28 -28
- package/dist/internalCss/dark.css +28 -28
- package/dist/internalCss/light-colorblind-high-contrast.css +28 -28
- package/dist/internalCss/light-colorblind.css +28 -28
- package/dist/internalCss/light-high-contrast.css +28 -28
- package/dist/internalCss/light-tritanopia-high-contrast.css +28 -28
- package/dist/internalCss/light-tritanopia.css +28 -28
- package/dist/internalCss/light.css +28 -28
- package/dist/styleLint/base/motion/motion.json +96 -24
- package/dist/styleLint/base/size/size.json +76 -19
- package/dist/styleLint/base/typography/typography.json +30 -12
- package/dist/styleLint/functional/size/border.json +27 -12
- package/dist/styleLint/functional/size/breakpoints.json +24 -6
- package/dist/styleLint/functional/size/radius.json +17 -5
- package/dist/styleLint/functional/size/size-coarse.json +3 -3
- package/dist/styleLint/functional/size/size-fine.json +3 -3
- package/dist/styleLint/functional/size/size.json +111 -66
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-colorblind.json +2757 -366
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-dimmed.json +2757 -366
- package/dist/styleLint/functional/themes/dark-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-tritanopia.json +2757 -366
- package/dist/styleLint/functional/themes/dark.json +2757 -366
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2763 -372
- package/dist/styleLint/functional/themes/light-colorblind.json +2760 -369
- package/dist/styleLint/functional/themes/light-high-contrast.json +2763 -372
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2763 -372
- package/dist/styleLint/functional/themes/light-tritanopia.json +2760 -369
- package/dist/styleLint/functional/themes/light.json +2760 -369
- package/dist/styleLint/functional/typography/typography.json +28 -22
- package/package.json +9 -7
- package/src/tokens/base/motion/timing.json5 +12 -12
- package/src/tokens/base/size/size.json5 +194 -194
- package/src/tokens/base/typography/typography.json5 +6 -6
- package/src/tokens/component/avatar.json5 +72 -44
- package/src/tokens/component/button.json5 +1545 -1193
- package/src/tokens/functional/border/border.json5 +4 -1
- package/src/tokens/functional/color/bgColor.json5 +8 -0
- package/src/tokens/functional/color/display.json5 +7 -0
- package/src/tokens/functional/color/fgColor.json5 +8 -0
- package/src/tokens/functional/color/syntax.json5 +14 -0
- package/src/tokens/functional/shadow/shadow.json5 +1254 -163
- package/src/tokens/functional/size/border.json5 +8 -8
- package/src/tokens/functional/size/breakpoints.json5 +6 -6
- package/src/tokens/functional/size/radius.json5 +4 -4
- package/src/tokens/functional/size/size.json5 +15 -15
- package/src/tokens/functional/typography/typography.json5 +8 -4
- package/dist/build/parsers/index.d.ts +0 -1
- package/dist/build/parsers/index.js +0 -1
- package/dist/build/parsers/w3cJsonParser.d.ts +0 -6
- package/dist/build/parsers/w3cJsonParser.js +0 -25
- package/dist/removed/testing.json5 +0 -4
- package/guidelines/color.llm.md +0 -16
- package/guidelines/guidelines.llm.md +0 -34
- package/guidelines/motion.llm.md +0 -41
- package/guidelines/spacing.llm.md +0 -20
- package/guidelines/typography.llm.md +0 -14
- package/src/tokens/removed/testing.json5 +0 -4
- package/token-guidelines.llm.md +0 -695
|
@@ -178,10 +178,22 @@
|
|
|
178
178
|
{
|
|
179
179
|
"color": "#0d1117",
|
|
180
180
|
"alpha": 1,
|
|
181
|
-
"offsetX":
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
181
|
+
"offsetX": {
|
|
182
|
+
"value": 0,
|
|
183
|
+
"unit": "px"
|
|
184
|
+
},
|
|
185
|
+
"offsetY": {
|
|
186
|
+
"value": 0,
|
|
187
|
+
"unit": "px"
|
|
188
|
+
},
|
|
189
|
+
"blur": {
|
|
190
|
+
"value": 0,
|
|
191
|
+
"unit": "px"
|
|
192
|
+
},
|
|
193
|
+
"spread": {
|
|
194
|
+
"value": 2,
|
|
195
|
+
"unit": "px"
|
|
196
|
+
}
|
|
185
197
|
}
|
|
186
198
|
],
|
|
187
199
|
"filePath": "src/tokens/component/avatar.json5",
|
|
@@ -197,10 +209,22 @@
|
|
|
197
209
|
{
|
|
198
210
|
"color": "{base.color.neutral.1}",
|
|
199
211
|
"alpha": 1,
|
|
200
|
-
"offsetX":
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
212
|
+
"offsetX": {
|
|
213
|
+
"value": 0,
|
|
214
|
+
"unit": "px"
|
|
215
|
+
},
|
|
216
|
+
"offsetY": {
|
|
217
|
+
"value": 0,
|
|
218
|
+
"unit": "px"
|
|
219
|
+
},
|
|
220
|
+
"blur": {
|
|
221
|
+
"value": 0,
|
|
222
|
+
"unit": "px"
|
|
223
|
+
},
|
|
224
|
+
"spread": {
|
|
225
|
+
"value": 2,
|
|
226
|
+
"unit": "px"
|
|
227
|
+
}
|
|
204
228
|
}
|
|
205
229
|
],
|
|
206
230
|
"$type": "shadow",
|
|
@@ -215,10 +239,22 @@
|
|
|
215
239
|
{
|
|
216
240
|
"color": "{base.color.neutral.1}",
|
|
217
241
|
"alpha": 1,
|
|
218
|
-
"offsetX":
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
242
|
+
"offsetX": {
|
|
243
|
+
"value": 0,
|
|
244
|
+
"unit": "px"
|
|
245
|
+
},
|
|
246
|
+
"offsetY": {
|
|
247
|
+
"value": 0,
|
|
248
|
+
"unit": "px"
|
|
249
|
+
},
|
|
250
|
+
"blur": {
|
|
251
|
+
"value": 0,
|
|
252
|
+
"unit": "px"
|
|
253
|
+
},
|
|
254
|
+
"spread": {
|
|
255
|
+
"value": 2,
|
|
256
|
+
"unit": "px"
|
|
257
|
+
}
|
|
222
258
|
}
|
|
223
259
|
],
|
|
224
260
|
"filePath": "src/tokens/component/avatar.json5",
|
|
@@ -232,7 +268,7 @@
|
|
|
232
268
|
"name": "avatar-shadow",
|
|
233
269
|
"attributes": {},
|
|
234
270
|
"path": ["avatar", "shadow"],
|
|
235
|
-
"value": "
|
|
271
|
+
"value": "0 0 0 2px #0d1117",
|
|
236
272
|
"type": "shadow"
|
|
237
273
|
},
|
|
238
274
|
"avatarStack-fade-bgColor-default": {
|
|
@@ -549,6 +585,10 @@
|
|
|
549
585
|
},
|
|
550
586
|
"org.primer.overrides": {
|
|
551
587
|
"dark": "#010409"
|
|
588
|
+
},
|
|
589
|
+
"org.primer.llm": {
|
|
590
|
+
"doNotUse": true,
|
|
591
|
+
"rules": "Avoid using raw black. Use semantic alternatives: bgColor.emphasis for dark backgrounds, bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
552
592
|
}
|
|
553
593
|
},
|
|
554
594
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -565,6 +605,10 @@
|
|
|
565
605
|
},
|
|
566
606
|
"org.primer.overrides": {
|
|
567
607
|
"dark": "{base.color.neutral.0}"
|
|
608
|
+
},
|
|
609
|
+
"org.primer.llm": {
|
|
610
|
+
"doNotUse": true,
|
|
611
|
+
"rules": "Avoid using raw black. Use semantic alternatives: bgColor.emphasis for dark backgrounds, bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
568
612
|
}
|
|
569
613
|
},
|
|
570
614
|
"key": "{bgColor.black}"
|
|
@@ -2451,6 +2495,10 @@
|
|
|
2451
2495
|
},
|
|
2452
2496
|
"org.primer.overrides": {
|
|
2453
2497
|
"dark": "#ffffff"
|
|
2498
|
+
},
|
|
2499
|
+
"org.primer.llm": {
|
|
2500
|
+
"doNotUse": true,
|
|
2501
|
+
"rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
2454
2502
|
}
|
|
2455
2503
|
},
|
|
2456
2504
|
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
@@ -2467,6 +2515,10 @@
|
|
|
2467
2515
|
},
|
|
2468
2516
|
"org.primer.overrides": {
|
|
2469
2517
|
"dark": "{base.color.neutral.13}"
|
|
2518
|
+
},
|
|
2519
|
+
"org.primer.llm": {
|
|
2520
|
+
"doNotUse": true,
|
|
2521
|
+
"rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
2470
2522
|
}
|
|
2471
2523
|
},
|
|
2472
2524
|
"key": "{bgColor.white}"
|
|
@@ -6963,10 +7015,22 @@
|
|
|
6963
7015
|
{
|
|
6964
7016
|
"color": "#8f3c00",
|
|
6965
7017
|
"alpha": 0.2,
|
|
6966
|
-
"offsetX":
|
|
6967
|
-
|
|
6968
|
-
|
|
6969
|
-
|
|
7018
|
+
"offsetX": {
|
|
7019
|
+
"value": 0,
|
|
7020
|
+
"unit": "px"
|
|
7021
|
+
},
|
|
7022
|
+
"offsetY": {
|
|
7023
|
+
"value": 1,
|
|
7024
|
+
"unit": "px"
|
|
7025
|
+
},
|
|
7026
|
+
"blur": {
|
|
7027
|
+
"value": 0,
|
|
7028
|
+
"unit": "px"
|
|
7029
|
+
},
|
|
7030
|
+
"spread": {
|
|
7031
|
+
"value": 0,
|
|
7032
|
+
"unit": "px"
|
|
7033
|
+
},
|
|
6970
7034
|
"inset": true
|
|
6971
7035
|
}
|
|
6972
7036
|
],
|
|
@@ -6979,10 +7043,22 @@
|
|
|
6979
7043
|
{
|
|
6980
7044
|
"color": "#00000000",
|
|
6981
7045
|
"alpha": 0,
|
|
6982
|
-
"offsetX":
|
|
6983
|
-
|
|
6984
|
-
|
|
6985
|
-
|
|
7046
|
+
"offsetX": {
|
|
7047
|
+
"value": 0,
|
|
7048
|
+
"unit": "px"
|
|
7049
|
+
},
|
|
7050
|
+
"offsetY": {
|
|
7051
|
+
"value": 0,
|
|
7052
|
+
"unit": "px"
|
|
7053
|
+
},
|
|
7054
|
+
"blur": {
|
|
7055
|
+
"value": 0,
|
|
7056
|
+
"unit": "px"
|
|
7057
|
+
},
|
|
7058
|
+
"spread": {
|
|
7059
|
+
"value": 0,
|
|
7060
|
+
"unit": "px"
|
|
7061
|
+
},
|
|
6986
7062
|
"inset": false
|
|
6987
7063
|
}
|
|
6988
7064
|
],
|
|
@@ -6999,10 +7075,22 @@
|
|
|
6999
7075
|
{
|
|
7000
7076
|
"color": "{base.color.transparent}",
|
|
7001
7077
|
"alpha": 0,
|
|
7002
|
-
"offsetX":
|
|
7003
|
-
|
|
7004
|
-
|
|
7005
|
-
|
|
7078
|
+
"offsetX": {
|
|
7079
|
+
"value": 0,
|
|
7080
|
+
"unit": "px"
|
|
7081
|
+
},
|
|
7082
|
+
"offsetY": {
|
|
7083
|
+
"value": 0,
|
|
7084
|
+
"unit": "px"
|
|
7085
|
+
},
|
|
7086
|
+
"blur": {
|
|
7087
|
+
"value": 0,
|
|
7088
|
+
"unit": "px"
|
|
7089
|
+
},
|
|
7090
|
+
"spread": {
|
|
7091
|
+
"value": 0,
|
|
7092
|
+
"unit": "px"
|
|
7093
|
+
},
|
|
7006
7094
|
"inset": false
|
|
7007
7095
|
}
|
|
7008
7096
|
],
|
|
@@ -7018,10 +7106,22 @@
|
|
|
7018
7106
|
{
|
|
7019
7107
|
"color": "{base.color.orange.9}",
|
|
7020
7108
|
"alpha": 0.2,
|
|
7021
|
-
"offsetX":
|
|
7022
|
-
|
|
7023
|
-
|
|
7024
|
-
|
|
7109
|
+
"offsetX": {
|
|
7110
|
+
"value": 0,
|
|
7111
|
+
"unit": "px"
|
|
7112
|
+
},
|
|
7113
|
+
"offsetY": {
|
|
7114
|
+
"value": 1,
|
|
7115
|
+
"unit": "px"
|
|
7116
|
+
},
|
|
7117
|
+
"blur": {
|
|
7118
|
+
"value": 0,
|
|
7119
|
+
"unit": "px"
|
|
7120
|
+
},
|
|
7121
|
+
"spread": {
|
|
7122
|
+
"value": 0,
|
|
7123
|
+
"unit": "px"
|
|
7124
|
+
},
|
|
7025
7125
|
"inset": true
|
|
7026
7126
|
}
|
|
7027
7127
|
],
|
|
@@ -7034,10 +7134,22 @@
|
|
|
7034
7134
|
{
|
|
7035
7135
|
"color": "{base.color.transparent}",
|
|
7036
7136
|
"alpha": 0,
|
|
7037
|
-
"offsetX":
|
|
7038
|
-
|
|
7039
|
-
|
|
7040
|
-
|
|
7137
|
+
"offsetX": {
|
|
7138
|
+
"value": 0,
|
|
7139
|
+
"unit": "px"
|
|
7140
|
+
},
|
|
7141
|
+
"offsetY": {
|
|
7142
|
+
"value": 0,
|
|
7143
|
+
"unit": "px"
|
|
7144
|
+
},
|
|
7145
|
+
"blur": {
|
|
7146
|
+
"value": 0,
|
|
7147
|
+
"unit": "px"
|
|
7148
|
+
},
|
|
7149
|
+
"spread": {
|
|
7150
|
+
"value": 0,
|
|
7151
|
+
"unit": "px"
|
|
7152
|
+
},
|
|
7041
7153
|
"inset": false
|
|
7042
7154
|
}
|
|
7043
7155
|
],
|
|
@@ -7052,7 +7164,7 @@
|
|
|
7052
7164
|
"name": "button-danger-shadow-selected",
|
|
7053
7165
|
"attributes": {},
|
|
7054
7166
|
"path": ["button", "danger", "shadow", "selected"],
|
|
7055
|
-
"value": "
|
|
7167
|
+
"value": "0 0 0 0 #00000000",
|
|
7056
7168
|
"type": "shadow"
|
|
7057
7169
|
},
|
|
7058
7170
|
"button-default-bgColor-active": {
|
|
@@ -7426,10 +7538,22 @@
|
|
|
7426
7538
|
{
|
|
7427
7539
|
"color": "#00000000",
|
|
7428
7540
|
"alpha": 0,
|
|
7429
|
-
"offsetX":
|
|
7430
|
-
|
|
7431
|
-
|
|
7432
|
-
|
|
7541
|
+
"offsetX": {
|
|
7542
|
+
"value": 0,
|
|
7543
|
+
"unit": "px"
|
|
7544
|
+
},
|
|
7545
|
+
"offsetY": {
|
|
7546
|
+
"value": 0,
|
|
7547
|
+
"unit": "px"
|
|
7548
|
+
},
|
|
7549
|
+
"blur": {
|
|
7550
|
+
"value": 0,
|
|
7551
|
+
"unit": "px"
|
|
7552
|
+
},
|
|
7553
|
+
"spread": {
|
|
7554
|
+
"value": 0,
|
|
7555
|
+
"unit": "px"
|
|
7556
|
+
},
|
|
7433
7557
|
"inset": false
|
|
7434
7558
|
}
|
|
7435
7559
|
],
|
|
@@ -7446,10 +7570,22 @@
|
|
|
7446
7570
|
{
|
|
7447
7571
|
"color": "{base.color.transparent}",
|
|
7448
7572
|
"alpha": 0,
|
|
7449
|
-
"offsetX":
|
|
7450
|
-
|
|
7451
|
-
|
|
7452
|
-
|
|
7573
|
+
"offsetX": {
|
|
7574
|
+
"value": 0,
|
|
7575
|
+
"unit": "px"
|
|
7576
|
+
},
|
|
7577
|
+
"offsetY": {
|
|
7578
|
+
"value": 0,
|
|
7579
|
+
"unit": "px"
|
|
7580
|
+
},
|
|
7581
|
+
"blur": {
|
|
7582
|
+
"value": 0,
|
|
7583
|
+
"unit": "px"
|
|
7584
|
+
},
|
|
7585
|
+
"spread": {
|
|
7586
|
+
"value": 0,
|
|
7587
|
+
"unit": "px"
|
|
7588
|
+
},
|
|
7453
7589
|
"inset": false
|
|
7454
7590
|
}
|
|
7455
7591
|
],
|
|
@@ -7465,10 +7601,22 @@
|
|
|
7465
7601
|
{
|
|
7466
7602
|
"color": "{base.color.transparent}",
|
|
7467
7603
|
"alpha": 0,
|
|
7468
|
-
"offsetX":
|
|
7469
|
-
|
|
7470
|
-
|
|
7471
|
-
|
|
7604
|
+
"offsetX": {
|
|
7605
|
+
"value": 0,
|
|
7606
|
+
"unit": "px"
|
|
7607
|
+
},
|
|
7608
|
+
"offsetY": {
|
|
7609
|
+
"value": 0,
|
|
7610
|
+
"unit": "px"
|
|
7611
|
+
},
|
|
7612
|
+
"blur": {
|
|
7613
|
+
"value": 0,
|
|
7614
|
+
"unit": "px"
|
|
7615
|
+
},
|
|
7616
|
+
"spread": {
|
|
7617
|
+
"value": 0,
|
|
7618
|
+
"unit": "px"
|
|
7619
|
+
},
|
|
7472
7620
|
"inset": false
|
|
7473
7621
|
}
|
|
7474
7622
|
],
|
|
@@ -7483,7 +7631,7 @@
|
|
|
7483
7631
|
"name": "button-default-shadow-resting",
|
|
7484
7632
|
"attributes": {},
|
|
7485
7633
|
"path": ["button", "default", "shadow", "resting"],
|
|
7486
|
-
"value": "
|
|
7634
|
+
"value": "0 0 0 0 #00000000",
|
|
7487
7635
|
"type": "shadow"
|
|
7488
7636
|
},
|
|
7489
7637
|
"button-inactive-bgColor": {
|
|
@@ -9189,10 +9337,22 @@
|
|
|
9189
9337
|
{
|
|
9190
9338
|
"color": "#00000000",
|
|
9191
9339
|
"alpha": 0,
|
|
9192
|
-
"offsetX":
|
|
9193
|
-
|
|
9194
|
-
|
|
9195
|
-
|
|
9340
|
+
"offsetX": {
|
|
9341
|
+
"value": 0,
|
|
9342
|
+
"unit": "px"
|
|
9343
|
+
},
|
|
9344
|
+
"offsetY": {
|
|
9345
|
+
"value": 0,
|
|
9346
|
+
"unit": "px"
|
|
9347
|
+
},
|
|
9348
|
+
"blur": {
|
|
9349
|
+
"value": 0,
|
|
9350
|
+
"unit": "px"
|
|
9351
|
+
},
|
|
9352
|
+
"spread": {
|
|
9353
|
+
"value": 0,
|
|
9354
|
+
"unit": "px"
|
|
9355
|
+
},
|
|
9196
9356
|
"inset": false
|
|
9197
9357
|
}
|
|
9198
9358
|
],
|
|
@@ -9209,10 +9369,22 @@
|
|
|
9209
9369
|
{
|
|
9210
9370
|
"color": "{base.color.transparent}",
|
|
9211
9371
|
"alpha": 0,
|
|
9212
|
-
"offsetX":
|
|
9213
|
-
|
|
9214
|
-
|
|
9215
|
-
|
|
9372
|
+
"offsetX": {
|
|
9373
|
+
"value": 0,
|
|
9374
|
+
"unit": "px"
|
|
9375
|
+
},
|
|
9376
|
+
"offsetY": {
|
|
9377
|
+
"value": 0,
|
|
9378
|
+
"unit": "px"
|
|
9379
|
+
},
|
|
9380
|
+
"blur": {
|
|
9381
|
+
"value": 0,
|
|
9382
|
+
"unit": "px"
|
|
9383
|
+
},
|
|
9384
|
+
"spread": {
|
|
9385
|
+
"value": 0,
|
|
9386
|
+
"unit": "px"
|
|
9387
|
+
},
|
|
9216
9388
|
"inset": false
|
|
9217
9389
|
}
|
|
9218
9390
|
],
|
|
@@ -9228,10 +9400,22 @@
|
|
|
9228
9400
|
{
|
|
9229
9401
|
"color": "{base.color.transparent}",
|
|
9230
9402
|
"alpha": 0,
|
|
9231
|
-
"offsetX":
|
|
9232
|
-
|
|
9233
|
-
|
|
9234
|
-
|
|
9403
|
+
"offsetX": {
|
|
9404
|
+
"value": 0,
|
|
9405
|
+
"unit": "px"
|
|
9406
|
+
},
|
|
9407
|
+
"offsetY": {
|
|
9408
|
+
"value": 0,
|
|
9409
|
+
"unit": "px"
|
|
9410
|
+
},
|
|
9411
|
+
"blur": {
|
|
9412
|
+
"value": 0,
|
|
9413
|
+
"unit": "px"
|
|
9414
|
+
},
|
|
9415
|
+
"spread": {
|
|
9416
|
+
"value": 0,
|
|
9417
|
+
"unit": "px"
|
|
9418
|
+
},
|
|
9235
9419
|
"inset": false
|
|
9236
9420
|
}
|
|
9237
9421
|
],
|
|
@@ -9246,7 +9430,7 @@
|
|
|
9246
9430
|
"name": "button-outline-shadow-selected",
|
|
9247
9431
|
"attributes": {},
|
|
9248
9432
|
"path": ["button", "outline", "shadow", "selected"],
|
|
9249
|
-
"value": "
|
|
9433
|
+
"value": "0 0 0 0 #00000000",
|
|
9250
9434
|
"type": "shadow"
|
|
9251
9435
|
},
|
|
9252
9436
|
"button-primary-bgColor-active": {
|
|
@@ -10397,10 +10581,22 @@
|
|
|
10397
10581
|
{
|
|
10398
10582
|
"color": "#194fb1",
|
|
10399
10583
|
"alpha": 0.3,
|
|
10400
|
-
"offsetX":
|
|
10401
|
-
|
|
10402
|
-
|
|
10403
|
-
|
|
10584
|
+
"offsetX": {
|
|
10585
|
+
"value": 0,
|
|
10586
|
+
"unit": "px"
|
|
10587
|
+
},
|
|
10588
|
+
"offsetY": {
|
|
10589
|
+
"value": 1,
|
|
10590
|
+
"unit": "px"
|
|
10591
|
+
},
|
|
10592
|
+
"blur": {
|
|
10593
|
+
"value": 0,
|
|
10594
|
+
"unit": "px"
|
|
10595
|
+
},
|
|
10596
|
+
"spread": {
|
|
10597
|
+
"value": 0,
|
|
10598
|
+
"unit": "px"
|
|
10599
|
+
},
|
|
10404
10600
|
"inset": true
|
|
10405
10601
|
}
|
|
10406
10602
|
],
|
|
@@ -10413,10 +10609,22 @@
|
|
|
10413
10609
|
{
|
|
10414
10610
|
"color": "#194fb1",
|
|
10415
10611
|
"alpha": 0.3,
|
|
10416
|
-
"offsetX":
|
|
10417
|
-
|
|
10418
|
-
|
|
10419
|
-
|
|
10612
|
+
"offsetX": {
|
|
10613
|
+
"value": 0,
|
|
10614
|
+
"unit": "px"
|
|
10615
|
+
},
|
|
10616
|
+
"offsetY": {
|
|
10617
|
+
"value": 1,
|
|
10618
|
+
"unit": "px"
|
|
10619
|
+
},
|
|
10620
|
+
"blur": {
|
|
10621
|
+
"value": 0,
|
|
10622
|
+
"unit": "px"
|
|
10623
|
+
},
|
|
10624
|
+
"spread": {
|
|
10625
|
+
"value": 0,
|
|
10626
|
+
"unit": "px"
|
|
10627
|
+
},
|
|
10420
10628
|
"inset": true
|
|
10421
10629
|
}
|
|
10422
10630
|
],
|
|
@@ -10429,10 +10637,22 @@
|
|
|
10429
10637
|
{
|
|
10430
10638
|
"color": "#00000000",
|
|
10431
10639
|
"alpha": 0,
|
|
10432
|
-
"offsetX":
|
|
10433
|
-
|
|
10434
|
-
|
|
10435
|
-
|
|
10640
|
+
"offsetX": {
|
|
10641
|
+
"value": 0,
|
|
10642
|
+
"unit": "px"
|
|
10643
|
+
},
|
|
10644
|
+
"offsetY": {
|
|
10645
|
+
"value": 0,
|
|
10646
|
+
"unit": "px"
|
|
10647
|
+
},
|
|
10648
|
+
"blur": {
|
|
10649
|
+
"value": 0,
|
|
10650
|
+
"unit": "px"
|
|
10651
|
+
},
|
|
10652
|
+
"spread": {
|
|
10653
|
+
"value": 0,
|
|
10654
|
+
"unit": "px"
|
|
10655
|
+
},
|
|
10436
10656
|
"inset": false
|
|
10437
10657
|
}
|
|
10438
10658
|
],
|
|
@@ -10449,10 +10669,22 @@
|
|
|
10449
10669
|
{
|
|
10450
10670
|
"color": "{base.color.transparent}",
|
|
10451
10671
|
"alpha": 0,
|
|
10452
|
-
"offsetX":
|
|
10453
|
-
|
|
10454
|
-
|
|
10455
|
-
|
|
10672
|
+
"offsetX": {
|
|
10673
|
+
"value": 0,
|
|
10674
|
+
"unit": "px"
|
|
10675
|
+
},
|
|
10676
|
+
"offsetY": {
|
|
10677
|
+
"value": 0,
|
|
10678
|
+
"unit": "px"
|
|
10679
|
+
},
|
|
10680
|
+
"blur": {
|
|
10681
|
+
"value": 0,
|
|
10682
|
+
"unit": "px"
|
|
10683
|
+
},
|
|
10684
|
+
"spread": {
|
|
10685
|
+
"value": 0,
|
|
10686
|
+
"unit": "px"
|
|
10687
|
+
},
|
|
10456
10688
|
"inset": false
|
|
10457
10689
|
}
|
|
10458
10690
|
],
|
|
@@ -10468,10 +10700,22 @@
|
|
|
10468
10700
|
{
|
|
10469
10701
|
"color": "{base.color.blue.9}",
|
|
10470
10702
|
"alpha": 0.3,
|
|
10471
|
-
"offsetX":
|
|
10472
|
-
|
|
10473
|
-
|
|
10474
|
-
|
|
10703
|
+
"offsetX": {
|
|
10704
|
+
"value": 0,
|
|
10705
|
+
"unit": "px"
|
|
10706
|
+
},
|
|
10707
|
+
"offsetY": {
|
|
10708
|
+
"value": 1,
|
|
10709
|
+
"unit": "px"
|
|
10710
|
+
},
|
|
10711
|
+
"blur": {
|
|
10712
|
+
"value": 0,
|
|
10713
|
+
"unit": "px"
|
|
10714
|
+
},
|
|
10715
|
+
"spread": {
|
|
10716
|
+
"value": 0,
|
|
10717
|
+
"unit": "px"
|
|
10718
|
+
},
|
|
10475
10719
|
"inset": true
|
|
10476
10720
|
}
|
|
10477
10721
|
],
|
|
@@ -10484,10 +10728,22 @@
|
|
|
10484
10728
|
{
|
|
10485
10729
|
"color": "{base.color.blue.9}",
|
|
10486
10730
|
"alpha": 0.3,
|
|
10487
|
-
"offsetX":
|
|
10488
|
-
|
|
10489
|
-
|
|
10490
|
-
|
|
10731
|
+
"offsetX": {
|
|
10732
|
+
"value": 0,
|
|
10733
|
+
"unit": "px"
|
|
10734
|
+
},
|
|
10735
|
+
"offsetY": {
|
|
10736
|
+
"value": 1,
|
|
10737
|
+
"unit": "px"
|
|
10738
|
+
},
|
|
10739
|
+
"blur": {
|
|
10740
|
+
"value": 0,
|
|
10741
|
+
"unit": "px"
|
|
10742
|
+
},
|
|
10743
|
+
"spread": {
|
|
10744
|
+
"value": 0,
|
|
10745
|
+
"unit": "px"
|
|
10746
|
+
},
|
|
10491
10747
|
"inset": true
|
|
10492
10748
|
}
|
|
10493
10749
|
],
|
|
@@ -10500,10 +10756,22 @@
|
|
|
10500
10756
|
{
|
|
10501
10757
|
"color": "{base.color.transparent}",
|
|
10502
10758
|
"alpha": 0,
|
|
10503
|
-
"offsetX":
|
|
10504
|
-
|
|
10505
|
-
|
|
10506
|
-
|
|
10759
|
+
"offsetX": {
|
|
10760
|
+
"value": 0,
|
|
10761
|
+
"unit": "px"
|
|
10762
|
+
},
|
|
10763
|
+
"offsetY": {
|
|
10764
|
+
"value": 0,
|
|
10765
|
+
"unit": "px"
|
|
10766
|
+
},
|
|
10767
|
+
"blur": {
|
|
10768
|
+
"value": 0,
|
|
10769
|
+
"unit": "px"
|
|
10770
|
+
},
|
|
10771
|
+
"spread": {
|
|
10772
|
+
"value": 0,
|
|
10773
|
+
"unit": "px"
|
|
10774
|
+
},
|
|
10507
10775
|
"inset": false
|
|
10508
10776
|
}
|
|
10509
10777
|
],
|
|
@@ -10518,7 +10786,7 @@
|
|
|
10518
10786
|
"name": "button-primary-shadow-selected",
|
|
10519
10787
|
"attributes": {},
|
|
10520
10788
|
"path": ["button", "primary", "shadow", "selected"],
|
|
10521
|
-
"value": "
|
|
10789
|
+
"value": "0 0 0 0 #00000000",
|
|
10522
10790
|
"type": "shadow"
|
|
10523
10791
|
},
|
|
10524
10792
|
"button-star-iconColor": {
|
|
@@ -37249,6 +37517,10 @@
|
|
|
37249
37517
|
},
|
|
37250
37518
|
"org.primer.overrides": {
|
|
37251
37519
|
"dark": "#010409"
|
|
37520
|
+
},
|
|
37521
|
+
"org.primer.llm": {
|
|
37522
|
+
"doNotUse": true,
|
|
37523
|
+
"rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings."
|
|
37252
37524
|
}
|
|
37253
37525
|
},
|
|
37254
37526
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -37265,6 +37537,10 @@
|
|
|
37265
37537
|
},
|
|
37266
37538
|
"org.primer.overrides": {
|
|
37267
37539
|
"dark": "{base.color.neutral.0}"
|
|
37540
|
+
},
|
|
37541
|
+
"org.primer.llm": {
|
|
37542
|
+
"doNotUse": true,
|
|
37543
|
+
"rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings."
|
|
37268
37544
|
}
|
|
37269
37545
|
},
|
|
37270
37546
|
"key": "{fgColor.black}"
|
|
@@ -38238,6 +38514,10 @@
|
|
|
38238
38514
|
},
|
|
38239
38515
|
"org.primer.overrides": {
|
|
38240
38516
|
"dark": "#ffffff"
|
|
38517
|
+
},
|
|
38518
|
+
"org.primer.llm": {
|
|
38519
|
+
"doNotUse": true,
|
|
38520
|
+
"rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
38241
38521
|
}
|
|
38242
38522
|
},
|
|
38243
38523
|
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
@@ -38254,6 +38534,10 @@
|
|
|
38254
38534
|
},
|
|
38255
38535
|
"org.primer.overrides": {
|
|
38256
38536
|
"dark": "{base.color.neutral.13}"
|
|
38537
|
+
},
|
|
38538
|
+
"org.primer.llm": {
|
|
38539
|
+
"doNotUse": true,
|
|
38540
|
+
"rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
|
|
38257
38541
|
}
|
|
38258
38542
|
},
|
|
38259
38543
|
"key": "{fgColor.white}"
|
|
@@ -38279,7 +38563,10 @@
|
|
|
38279
38563
|
"$value": {
|
|
38280
38564
|
"color": "{focus.outlineColor}",
|
|
38281
38565
|
"style": "solid",
|
|
38282
|
-
"width":
|
|
38566
|
+
"width": {
|
|
38567
|
+
"value": 2,
|
|
38568
|
+
"unit": "px"
|
|
38569
|
+
}
|
|
38283
38570
|
},
|
|
38284
38571
|
"$type": "border",
|
|
38285
38572
|
"$description": "Focus ring outline for keyboard navigation and accessibility.",
|
|
@@ -47452,18 +47739,183 @@
|
|
|
47452
47739
|
{
|
|
47453
47740
|
"color": "#b7bdc8",
|
|
47454
47741
|
"alpha": 1,
|
|
47455
|
-
"offsetX":
|
|
47456
|
-
|
|
47457
|
-
|
|
47458
|
-
|
|
47742
|
+
"offsetX": {
|
|
47743
|
+
"value": 0,
|
|
47744
|
+
"unit": "px"
|
|
47745
|
+
},
|
|
47746
|
+
"offsetY": {
|
|
47747
|
+
"value": 0,
|
|
47748
|
+
"unit": "px"
|
|
47749
|
+
},
|
|
47750
|
+
"blur": {
|
|
47751
|
+
"value": 0,
|
|
47752
|
+
"unit": "px"
|
|
47753
|
+
},
|
|
47754
|
+
"spread": {
|
|
47755
|
+
"value": 1,
|
|
47756
|
+
"unit": "px"
|
|
47757
|
+
}
|
|
47459
47758
|
},
|
|
47460
47759
|
{
|
|
47461
47760
|
"color": "#010409",
|
|
47462
47761
|
"alpha": 1,
|
|
47463
|
-
"offsetX":
|
|
47464
|
-
|
|
47465
|
-
|
|
47466
|
-
|
|
47762
|
+
"offsetX": {
|
|
47763
|
+
"value": 0,
|
|
47764
|
+
"unit": "px"
|
|
47765
|
+
},
|
|
47766
|
+
"offsetY": {
|
|
47767
|
+
"value": 24,
|
|
47768
|
+
"unit": "px"
|
|
47769
|
+
},
|
|
47770
|
+
"blur": {
|
|
47771
|
+
"value": 48,
|
|
47772
|
+
"unit": "px"
|
|
47773
|
+
},
|
|
47774
|
+
"spread": {
|
|
47775
|
+
"value": 0,
|
|
47776
|
+
"unit": "px"
|
|
47777
|
+
}
|
|
47778
|
+
}
|
|
47779
|
+
],
|
|
47780
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47781
|
+
"isSource": true,
|
|
47782
|
+
"$type": "shadow"
|
|
47783
|
+
},
|
|
47784
|
+
"light-high-contrast": {
|
|
47785
|
+
"$value": [
|
|
47786
|
+
{
|
|
47787
|
+
"color": "#b7bdc8",
|
|
47788
|
+
"alpha": 1,
|
|
47789
|
+
"offsetX": {
|
|
47790
|
+
"value": 0,
|
|
47791
|
+
"unit": "px"
|
|
47792
|
+
},
|
|
47793
|
+
"offsetY": {
|
|
47794
|
+
"value": 0,
|
|
47795
|
+
"unit": "px"
|
|
47796
|
+
},
|
|
47797
|
+
"blur": {
|
|
47798
|
+
"value": 0,
|
|
47799
|
+
"unit": "px"
|
|
47800
|
+
},
|
|
47801
|
+
"spread": {
|
|
47802
|
+
"value": 1,
|
|
47803
|
+
"unit": "px"
|
|
47804
|
+
}
|
|
47805
|
+
},
|
|
47806
|
+
{
|
|
47807
|
+
"color": "#f0f6fc",
|
|
47808
|
+
"alpha": 0.24,
|
|
47809
|
+
"offsetX": {
|
|
47810
|
+
"value": 0,
|
|
47811
|
+
"unit": "px"
|
|
47812
|
+
},
|
|
47813
|
+
"offsetY": {
|
|
47814
|
+
"value": 40,
|
|
47815
|
+
"unit": "px"
|
|
47816
|
+
},
|
|
47817
|
+
"blur": {
|
|
47818
|
+
"value": 80,
|
|
47819
|
+
"unit": "px"
|
|
47820
|
+
},
|
|
47821
|
+
"spread": {
|
|
47822
|
+
"value": 0,
|
|
47823
|
+
"unit": "px"
|
|
47824
|
+
}
|
|
47825
|
+
}
|
|
47826
|
+
],
|
|
47827
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47828
|
+
"isSource": true,
|
|
47829
|
+
"$type": "shadow"
|
|
47830
|
+
},
|
|
47831
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
47832
|
+
"$value": [
|
|
47833
|
+
{
|
|
47834
|
+
"color": "#b7bdc8",
|
|
47835
|
+
"alpha": 1,
|
|
47836
|
+
"offsetX": {
|
|
47837
|
+
"value": 0,
|
|
47838
|
+
"unit": "px"
|
|
47839
|
+
},
|
|
47840
|
+
"offsetY": {
|
|
47841
|
+
"value": 0,
|
|
47842
|
+
"unit": "px"
|
|
47843
|
+
},
|
|
47844
|
+
"blur": {
|
|
47845
|
+
"value": 0,
|
|
47846
|
+
"unit": "px"
|
|
47847
|
+
},
|
|
47848
|
+
"spread": {
|
|
47849
|
+
"value": 1,
|
|
47850
|
+
"unit": "px"
|
|
47851
|
+
}
|
|
47852
|
+
},
|
|
47853
|
+
{
|
|
47854
|
+
"color": "#f0f6fc",
|
|
47855
|
+
"alpha": 0.24,
|
|
47856
|
+
"offsetX": {
|
|
47857
|
+
"value": 0,
|
|
47858
|
+
"unit": "px"
|
|
47859
|
+
},
|
|
47860
|
+
"offsetY": {
|
|
47861
|
+
"value": 40,
|
|
47862
|
+
"unit": "px"
|
|
47863
|
+
},
|
|
47864
|
+
"blur": {
|
|
47865
|
+
"value": 80,
|
|
47866
|
+
"unit": "px"
|
|
47867
|
+
},
|
|
47868
|
+
"spread": {
|
|
47869
|
+
"value": 0,
|
|
47870
|
+
"unit": "px"
|
|
47871
|
+
}
|
|
47872
|
+
}
|
|
47873
|
+
],
|
|
47874
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47875
|
+
"isSource": true,
|
|
47876
|
+
"$type": "shadow"
|
|
47877
|
+
},
|
|
47878
|
+
"light-tritanopia-high-contrast": {
|
|
47879
|
+
"$value": [
|
|
47880
|
+
{
|
|
47881
|
+
"color": "#b7bdc8",
|
|
47882
|
+
"alpha": 1,
|
|
47883
|
+
"offsetX": {
|
|
47884
|
+
"value": 0,
|
|
47885
|
+
"unit": "px"
|
|
47886
|
+
},
|
|
47887
|
+
"offsetY": {
|
|
47888
|
+
"value": 0,
|
|
47889
|
+
"unit": "px"
|
|
47890
|
+
},
|
|
47891
|
+
"blur": {
|
|
47892
|
+
"value": 0,
|
|
47893
|
+
"unit": "px"
|
|
47894
|
+
},
|
|
47895
|
+
"spread": {
|
|
47896
|
+
"value": 1,
|
|
47897
|
+
"unit": "px"
|
|
47898
|
+
}
|
|
47899
|
+
},
|
|
47900
|
+
{
|
|
47901
|
+
"color": "#f0f6fc",
|
|
47902
|
+
"alpha": 0.24,
|
|
47903
|
+
"offsetX": {
|
|
47904
|
+
"value": 0,
|
|
47905
|
+
"unit": "px"
|
|
47906
|
+
},
|
|
47907
|
+
"offsetY": {
|
|
47908
|
+
"value": 40,
|
|
47909
|
+
"unit": "px"
|
|
47910
|
+
},
|
|
47911
|
+
"blur": {
|
|
47912
|
+
"value": 80,
|
|
47913
|
+
"unit": "px"
|
|
47914
|
+
},
|
|
47915
|
+
"spread": {
|
|
47916
|
+
"value": 0,
|
|
47917
|
+
"unit": "px"
|
|
47918
|
+
}
|
|
47467
47919
|
}
|
|
47468
47920
|
],
|
|
47469
47921
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47483,18 +47935,42 @@
|
|
|
47483
47935
|
{
|
|
47484
47936
|
"color": "{overlay.borderColor}",
|
|
47485
47937
|
"alpha": 1,
|
|
47486
|
-
"offsetX":
|
|
47487
|
-
|
|
47488
|
-
|
|
47489
|
-
|
|
47938
|
+
"offsetX": {
|
|
47939
|
+
"value": 0,
|
|
47940
|
+
"unit": "px"
|
|
47941
|
+
},
|
|
47942
|
+
"offsetY": {
|
|
47943
|
+
"value": 0,
|
|
47944
|
+
"unit": "px"
|
|
47945
|
+
},
|
|
47946
|
+
"blur": {
|
|
47947
|
+
"value": 0,
|
|
47948
|
+
"unit": "px"
|
|
47949
|
+
},
|
|
47950
|
+
"spread": {
|
|
47951
|
+
"value": 1,
|
|
47952
|
+
"unit": "px"
|
|
47953
|
+
}
|
|
47490
47954
|
},
|
|
47491
47955
|
{
|
|
47492
47956
|
"color": "{base.color.neutral.0}",
|
|
47493
47957
|
"alpha": 1,
|
|
47494
|
-
"offsetX":
|
|
47495
|
-
|
|
47496
|
-
|
|
47497
|
-
|
|
47958
|
+
"offsetX": {
|
|
47959
|
+
"value": 0,
|
|
47960
|
+
"unit": "px"
|
|
47961
|
+
},
|
|
47962
|
+
"offsetY": {
|
|
47963
|
+
"value": 24,
|
|
47964
|
+
"unit": "px"
|
|
47965
|
+
},
|
|
47966
|
+
"blur": {
|
|
47967
|
+
"value": 48,
|
|
47968
|
+
"unit": "px"
|
|
47969
|
+
},
|
|
47970
|
+
"spread": {
|
|
47971
|
+
"value": 0,
|
|
47972
|
+
"unit": "px"
|
|
47973
|
+
}
|
|
47498
47974
|
}
|
|
47499
47975
|
],
|
|
47500
47976
|
"$type": "shadow",
|
|
@@ -47510,18 +47986,183 @@
|
|
|
47510
47986
|
{
|
|
47511
47987
|
"color": "{overlay.borderColor}",
|
|
47512
47988
|
"alpha": 1,
|
|
47513
|
-
"offsetX":
|
|
47514
|
-
|
|
47515
|
-
|
|
47516
|
-
|
|
47989
|
+
"offsetX": {
|
|
47990
|
+
"value": 0,
|
|
47991
|
+
"unit": "px"
|
|
47992
|
+
},
|
|
47993
|
+
"offsetY": {
|
|
47994
|
+
"value": 0,
|
|
47995
|
+
"unit": "px"
|
|
47996
|
+
},
|
|
47997
|
+
"blur": {
|
|
47998
|
+
"value": 0,
|
|
47999
|
+
"unit": "px"
|
|
48000
|
+
},
|
|
48001
|
+
"spread": {
|
|
48002
|
+
"value": 1,
|
|
48003
|
+
"unit": "px"
|
|
48004
|
+
}
|
|
47517
48005
|
},
|
|
47518
48006
|
{
|
|
47519
48007
|
"color": "{base.color.neutral.0}",
|
|
47520
48008
|
"alpha": 1,
|
|
47521
|
-
"offsetX":
|
|
47522
|
-
|
|
47523
|
-
|
|
47524
|
-
|
|
48009
|
+
"offsetX": {
|
|
48010
|
+
"value": 0,
|
|
48011
|
+
"unit": "px"
|
|
48012
|
+
},
|
|
48013
|
+
"offsetY": {
|
|
48014
|
+
"value": 24,
|
|
48015
|
+
"unit": "px"
|
|
48016
|
+
},
|
|
48017
|
+
"blur": {
|
|
48018
|
+
"value": 48,
|
|
48019
|
+
"unit": "px"
|
|
48020
|
+
},
|
|
48021
|
+
"spread": {
|
|
48022
|
+
"value": 0,
|
|
48023
|
+
"unit": "px"
|
|
48024
|
+
}
|
|
48025
|
+
}
|
|
48026
|
+
],
|
|
48027
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48028
|
+
"isSource": true,
|
|
48029
|
+
"$type": "shadow"
|
|
48030
|
+
},
|
|
48031
|
+
"light-high-contrast": {
|
|
48032
|
+
"$value": [
|
|
48033
|
+
{
|
|
48034
|
+
"color": "{overlay.borderColor}",
|
|
48035
|
+
"alpha": 1,
|
|
48036
|
+
"offsetX": {
|
|
48037
|
+
"value": 0,
|
|
48038
|
+
"unit": "px"
|
|
48039
|
+
},
|
|
48040
|
+
"offsetY": {
|
|
48041
|
+
"value": 0,
|
|
48042
|
+
"unit": "px"
|
|
48043
|
+
},
|
|
48044
|
+
"blur": {
|
|
48045
|
+
"value": 0,
|
|
48046
|
+
"unit": "px"
|
|
48047
|
+
},
|
|
48048
|
+
"spread": {
|
|
48049
|
+
"value": 1,
|
|
48050
|
+
"unit": "px"
|
|
48051
|
+
}
|
|
48052
|
+
},
|
|
48053
|
+
{
|
|
48054
|
+
"color": "{base.color.neutral.12}",
|
|
48055
|
+
"alpha": 0.24,
|
|
48056
|
+
"offsetX": {
|
|
48057
|
+
"value": 0,
|
|
48058
|
+
"unit": "px"
|
|
48059
|
+
},
|
|
48060
|
+
"offsetY": {
|
|
48061
|
+
"value": 40,
|
|
48062
|
+
"unit": "px"
|
|
48063
|
+
},
|
|
48064
|
+
"blur": {
|
|
48065
|
+
"value": 80,
|
|
48066
|
+
"unit": "px"
|
|
48067
|
+
},
|
|
48068
|
+
"spread": {
|
|
48069
|
+
"value": 0,
|
|
48070
|
+
"unit": "px"
|
|
48071
|
+
}
|
|
48072
|
+
}
|
|
48073
|
+
],
|
|
48074
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48075
|
+
"isSource": true,
|
|
48076
|
+
"$type": "shadow"
|
|
48077
|
+
},
|
|
48078
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48079
|
+
"$value": [
|
|
48080
|
+
{
|
|
48081
|
+
"color": "{overlay.borderColor}",
|
|
48082
|
+
"alpha": 1,
|
|
48083
|
+
"offsetX": {
|
|
48084
|
+
"value": 0,
|
|
48085
|
+
"unit": "px"
|
|
48086
|
+
},
|
|
48087
|
+
"offsetY": {
|
|
48088
|
+
"value": 0,
|
|
48089
|
+
"unit": "px"
|
|
48090
|
+
},
|
|
48091
|
+
"blur": {
|
|
48092
|
+
"value": 0,
|
|
48093
|
+
"unit": "px"
|
|
48094
|
+
},
|
|
48095
|
+
"spread": {
|
|
48096
|
+
"value": 1,
|
|
48097
|
+
"unit": "px"
|
|
48098
|
+
}
|
|
48099
|
+
},
|
|
48100
|
+
{
|
|
48101
|
+
"color": "{base.color.neutral.12}",
|
|
48102
|
+
"alpha": 0.24,
|
|
48103
|
+
"offsetX": {
|
|
48104
|
+
"value": 0,
|
|
48105
|
+
"unit": "px"
|
|
48106
|
+
},
|
|
48107
|
+
"offsetY": {
|
|
48108
|
+
"value": 40,
|
|
48109
|
+
"unit": "px"
|
|
48110
|
+
},
|
|
48111
|
+
"blur": {
|
|
48112
|
+
"value": 80,
|
|
48113
|
+
"unit": "px"
|
|
48114
|
+
},
|
|
48115
|
+
"spread": {
|
|
48116
|
+
"value": 0,
|
|
48117
|
+
"unit": "px"
|
|
48118
|
+
}
|
|
48119
|
+
}
|
|
48120
|
+
],
|
|
48121
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48122
|
+
"isSource": true,
|
|
48123
|
+
"$type": "shadow"
|
|
48124
|
+
},
|
|
48125
|
+
"light-tritanopia-high-contrast": {
|
|
48126
|
+
"$value": [
|
|
48127
|
+
{
|
|
48128
|
+
"color": "{overlay.borderColor}",
|
|
48129
|
+
"alpha": 1,
|
|
48130
|
+
"offsetX": {
|
|
48131
|
+
"value": 0,
|
|
48132
|
+
"unit": "px"
|
|
48133
|
+
},
|
|
48134
|
+
"offsetY": {
|
|
48135
|
+
"value": 0,
|
|
48136
|
+
"unit": "px"
|
|
48137
|
+
},
|
|
48138
|
+
"blur": {
|
|
48139
|
+
"value": 0,
|
|
48140
|
+
"unit": "px"
|
|
48141
|
+
},
|
|
48142
|
+
"spread": {
|
|
48143
|
+
"value": 1,
|
|
48144
|
+
"unit": "px"
|
|
48145
|
+
}
|
|
48146
|
+
},
|
|
48147
|
+
{
|
|
48148
|
+
"color": "{base.color.neutral.12}",
|
|
48149
|
+
"alpha": 0.24,
|
|
48150
|
+
"offsetX": {
|
|
48151
|
+
"value": 0,
|
|
48152
|
+
"unit": "px"
|
|
48153
|
+
},
|
|
48154
|
+
"offsetY": {
|
|
48155
|
+
"value": 40,
|
|
48156
|
+
"unit": "px"
|
|
48157
|
+
},
|
|
48158
|
+
"blur": {
|
|
48159
|
+
"value": 80,
|
|
48160
|
+
"unit": "px"
|
|
48161
|
+
},
|
|
48162
|
+
"spread": {
|
|
48163
|
+
"value": 0,
|
|
48164
|
+
"unit": "px"
|
|
48165
|
+
}
|
|
47525
48166
|
}
|
|
47526
48167
|
],
|
|
47527
48168
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47539,7 +48180,7 @@
|
|
|
47539
48180
|
"name": "shadow-floating-large",
|
|
47540
48181
|
"attributes": {},
|
|
47541
48182
|
"path": ["shadow", "floating", "large"],
|
|
47542
|
-
"value": "
|
|
48183
|
+
"value": "0 0 0 1px #b7bdc8, 0 24px 48px 0 #010409",
|
|
47543
48184
|
"type": "shadow",
|
|
47544
48185
|
"description": "Large floating shadow for modals and dialogs"
|
|
47545
48186
|
},
|
|
@@ -47553,24 +48194,52 @@
|
|
|
47553
48194
|
{
|
|
47554
48195
|
"color": "#010409",
|
|
47555
48196
|
"alpha": 0.4,
|
|
47556
|
-
"offsetX":
|
|
47557
|
-
|
|
47558
|
-
|
|
47559
|
-
|
|
48197
|
+
"offsetX": {
|
|
48198
|
+
"value": 0,
|
|
48199
|
+
"unit": "px"
|
|
48200
|
+
},
|
|
48201
|
+
"offsetY": {
|
|
48202
|
+
"value": 6,
|
|
48203
|
+
"unit": "px"
|
|
48204
|
+
},
|
|
48205
|
+
"blur": {
|
|
48206
|
+
"value": 12,
|
|
48207
|
+
"unit": "px"
|
|
48208
|
+
},
|
|
48209
|
+
"spread": {
|
|
48210
|
+
"value": -3,
|
|
48211
|
+
"unit": "px"
|
|
48212
|
+
}
|
|
47560
48213
|
},
|
|
47561
48214
|
{
|
|
47562
48215
|
"color": "#010409",
|
|
47563
48216
|
"alpha": 0.4,
|
|
47564
|
-
"offsetX":
|
|
47565
|
-
|
|
47566
|
-
|
|
47567
|
-
|
|
48217
|
+
"offsetX": {
|
|
48218
|
+
"value": 0,
|
|
48219
|
+
"unit": "px"
|
|
48220
|
+
},
|
|
48221
|
+
"offsetY": {
|
|
48222
|
+
"value": 6,
|
|
48223
|
+
"unit": "px"
|
|
48224
|
+
},
|
|
48225
|
+
"blur": {
|
|
48226
|
+
"value": 18,
|
|
48227
|
+
"unit": "px"
|
|
48228
|
+
},
|
|
48229
|
+
"spread": {
|
|
48230
|
+
"value": 0,
|
|
48231
|
+
"unit": "px"
|
|
48232
|
+
}
|
|
47568
48233
|
}
|
|
47569
48234
|
],
|
|
47570
48235
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47571
48236
|
"isSource": true,
|
|
47572
48237
|
"$type": "shadow"
|
|
47573
48238
|
}
|
|
48239
|
+
},
|
|
48240
|
+
"org.primer.llm": {
|
|
48241
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48242
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47574
48243
|
}
|
|
47575
48244
|
},
|
|
47576
48245
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47580,21 +48249,46 @@
|
|
|
47580
48249
|
{
|
|
47581
48250
|
"color": "{base.color.neutral.0}",
|
|
47582
48251
|
"alpha": 0.4,
|
|
47583
|
-
"offsetX":
|
|
47584
|
-
|
|
47585
|
-
|
|
47586
|
-
|
|
48252
|
+
"offsetX": {
|
|
48253
|
+
"value": 0,
|
|
48254
|
+
"unit": "px"
|
|
48255
|
+
},
|
|
48256
|
+
"offsetY": {
|
|
48257
|
+
"value": 6,
|
|
48258
|
+
"unit": "px"
|
|
48259
|
+
},
|
|
48260
|
+
"blur": {
|
|
48261
|
+
"value": 12,
|
|
48262
|
+
"unit": "px"
|
|
48263
|
+
},
|
|
48264
|
+
"spread": {
|
|
48265
|
+
"value": -3,
|
|
48266
|
+
"unit": "px"
|
|
48267
|
+
}
|
|
47587
48268
|
},
|
|
47588
48269
|
{
|
|
47589
48270
|
"color": "{base.color.neutral.0}",
|
|
47590
48271
|
"alpha": 0.4,
|
|
47591
|
-
"offsetX":
|
|
47592
|
-
|
|
47593
|
-
|
|
47594
|
-
|
|
48272
|
+
"offsetX": {
|
|
48273
|
+
"value": 0,
|
|
48274
|
+
"unit": "px"
|
|
48275
|
+
},
|
|
48276
|
+
"offsetY": {
|
|
48277
|
+
"value": 6,
|
|
48278
|
+
"unit": "px"
|
|
48279
|
+
},
|
|
48280
|
+
"blur": {
|
|
48281
|
+
"value": 18,
|
|
48282
|
+
"unit": "px"
|
|
48283
|
+
},
|
|
48284
|
+
"spread": {
|
|
48285
|
+
"value": 0,
|
|
48286
|
+
"unit": "px"
|
|
48287
|
+
}
|
|
47595
48288
|
}
|
|
47596
48289
|
],
|
|
47597
48290
|
"$type": "shadow",
|
|
48291
|
+
"$description": "Legacy floating shadow for backward compatibility",
|
|
47598
48292
|
"$extensions": {
|
|
47599
48293
|
"org.primer.figma": {},
|
|
47600
48294
|
"org.primer.overrides": {
|
|
@@ -47603,24 +48297,52 @@
|
|
|
47603
48297
|
{
|
|
47604
48298
|
"color": "{base.color.neutral.0}",
|
|
47605
48299
|
"alpha": 0.4,
|
|
47606
|
-
"offsetX":
|
|
47607
|
-
|
|
47608
|
-
|
|
47609
|
-
|
|
48300
|
+
"offsetX": {
|
|
48301
|
+
"value": 0,
|
|
48302
|
+
"unit": "px"
|
|
48303
|
+
},
|
|
48304
|
+
"offsetY": {
|
|
48305
|
+
"value": 6,
|
|
48306
|
+
"unit": "px"
|
|
48307
|
+
},
|
|
48308
|
+
"blur": {
|
|
48309
|
+
"value": 12,
|
|
48310
|
+
"unit": "px"
|
|
48311
|
+
},
|
|
48312
|
+
"spread": {
|
|
48313
|
+
"value": -3,
|
|
48314
|
+
"unit": "px"
|
|
48315
|
+
}
|
|
47610
48316
|
},
|
|
47611
48317
|
{
|
|
47612
48318
|
"color": "{base.color.neutral.0}",
|
|
47613
48319
|
"alpha": 0.4,
|
|
47614
|
-
"offsetX":
|
|
47615
|
-
|
|
47616
|
-
|
|
47617
|
-
|
|
48320
|
+
"offsetX": {
|
|
48321
|
+
"value": 0,
|
|
48322
|
+
"unit": "px"
|
|
48323
|
+
},
|
|
48324
|
+
"offsetY": {
|
|
48325
|
+
"value": 6,
|
|
48326
|
+
"unit": "px"
|
|
48327
|
+
},
|
|
48328
|
+
"blur": {
|
|
48329
|
+
"value": 18,
|
|
48330
|
+
"unit": "px"
|
|
48331
|
+
},
|
|
48332
|
+
"spread": {
|
|
48333
|
+
"value": 0,
|
|
48334
|
+
"unit": "px"
|
|
48335
|
+
}
|
|
47618
48336
|
}
|
|
47619
48337
|
],
|
|
47620
48338
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47621
48339
|
"isSource": true,
|
|
47622
48340
|
"$type": "shadow"
|
|
47623
48341
|
}
|
|
48342
|
+
},
|
|
48343
|
+
"org.primer.llm": {
|
|
48344
|
+
"usage": ["legacy-component", "backward-compatibility"],
|
|
48345
|
+
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
47624
48346
|
}
|
|
47625
48347
|
},
|
|
47626
48348
|
"key": "{shadow.floating.legacy}"
|
|
@@ -47628,8 +48350,9 @@
|
|
|
47628
48350
|
"name": "shadow-floating-legacy",
|
|
47629
48351
|
"attributes": {},
|
|
47630
48352
|
"path": ["shadow", "floating", "legacy"],
|
|
47631
|
-
"value": "
|
|
47632
|
-
"type": "shadow"
|
|
48353
|
+
"value": "0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
|
|
48354
|
+
"type": "shadow",
|
|
48355
|
+
"description": "Legacy floating shadow for backward compatibility"
|
|
47633
48356
|
},
|
|
47634
48357
|
"shadow-floating-medium": {
|
|
47635
48358
|
"key": "{shadow.floating.medium}",
|
|
@@ -47644,48 +48367,433 @@
|
|
|
47644
48367
|
{
|
|
47645
48368
|
"color": "#b7bdc8",
|
|
47646
48369
|
"alpha": 1,
|
|
47647
|
-
"offsetX":
|
|
47648
|
-
|
|
47649
|
-
|
|
47650
|
-
|
|
48370
|
+
"offsetX": {
|
|
48371
|
+
"value": 0,
|
|
48372
|
+
"unit": "px"
|
|
48373
|
+
},
|
|
48374
|
+
"offsetY": {
|
|
48375
|
+
"value": 0,
|
|
48376
|
+
"unit": "px"
|
|
48377
|
+
},
|
|
48378
|
+
"blur": {
|
|
48379
|
+
"value": 0,
|
|
48380
|
+
"unit": "px"
|
|
48381
|
+
},
|
|
48382
|
+
"spread": {
|
|
48383
|
+
"value": 1,
|
|
48384
|
+
"unit": "px"
|
|
48385
|
+
}
|
|
47651
48386
|
},
|
|
47652
48387
|
{
|
|
47653
48388
|
"color": "#010409",
|
|
47654
48389
|
"alpha": 0.4,
|
|
47655
|
-
"offsetX":
|
|
47656
|
-
|
|
47657
|
-
|
|
47658
|
-
|
|
48390
|
+
"offsetX": {
|
|
48391
|
+
"value": 0,
|
|
48392
|
+
"unit": "px"
|
|
48393
|
+
},
|
|
48394
|
+
"offsetY": {
|
|
48395
|
+
"value": 8,
|
|
48396
|
+
"unit": "px"
|
|
48397
|
+
},
|
|
48398
|
+
"blur": {
|
|
48399
|
+
"value": 16,
|
|
48400
|
+
"unit": "px"
|
|
48401
|
+
},
|
|
48402
|
+
"spread": {
|
|
48403
|
+
"value": -4,
|
|
48404
|
+
"unit": "px"
|
|
48405
|
+
}
|
|
47659
48406
|
},
|
|
47660
48407
|
{
|
|
47661
48408
|
"color": "#010409",
|
|
47662
48409
|
"alpha": 0.4,
|
|
47663
|
-
"offsetX":
|
|
47664
|
-
|
|
47665
|
-
|
|
47666
|
-
|
|
48410
|
+
"offsetX": {
|
|
48411
|
+
"value": 0,
|
|
48412
|
+
"unit": "px"
|
|
48413
|
+
},
|
|
48414
|
+
"offsetY": {
|
|
48415
|
+
"value": 4,
|
|
48416
|
+
"unit": "px"
|
|
48417
|
+
},
|
|
48418
|
+
"blur": {
|
|
48419
|
+
"value": 32,
|
|
48420
|
+
"unit": "px"
|
|
48421
|
+
},
|
|
48422
|
+
"spread": {
|
|
48423
|
+
"value": -4,
|
|
48424
|
+
"unit": "px"
|
|
48425
|
+
}
|
|
47667
48426
|
},
|
|
47668
48427
|
{
|
|
47669
48428
|
"color": "#010409",
|
|
47670
48429
|
"alpha": 0.4,
|
|
47671
|
-
"offsetX":
|
|
47672
|
-
|
|
47673
|
-
|
|
47674
|
-
|
|
48430
|
+
"offsetX": {
|
|
48431
|
+
"value": 0,
|
|
48432
|
+
"unit": "px"
|
|
48433
|
+
},
|
|
48434
|
+
"offsetY": {
|
|
48435
|
+
"value": 24,
|
|
48436
|
+
"unit": "px"
|
|
48437
|
+
},
|
|
48438
|
+
"blur": {
|
|
48439
|
+
"value": 48,
|
|
48440
|
+
"unit": "px"
|
|
48441
|
+
},
|
|
48442
|
+
"spread": {
|
|
48443
|
+
"value": -12,
|
|
48444
|
+
"unit": "px"
|
|
48445
|
+
}
|
|
47675
48446
|
},
|
|
47676
48447
|
{
|
|
47677
48448
|
"color": "#010409",
|
|
47678
48449
|
"alpha": 0.4,
|
|
47679
|
-
"offsetX":
|
|
47680
|
-
|
|
47681
|
-
|
|
47682
|
-
|
|
48450
|
+
"offsetX": {
|
|
48451
|
+
"value": 0,
|
|
48452
|
+
"unit": "px"
|
|
48453
|
+
},
|
|
48454
|
+
"offsetY": {
|
|
48455
|
+
"value": 48,
|
|
48456
|
+
"unit": "px"
|
|
48457
|
+
},
|
|
48458
|
+
"blur": {
|
|
48459
|
+
"value": 96,
|
|
48460
|
+
"unit": "px"
|
|
48461
|
+
},
|
|
48462
|
+
"spread": {
|
|
48463
|
+
"value": -24,
|
|
48464
|
+
"unit": "px"
|
|
48465
|
+
}
|
|
48466
|
+
}
|
|
48467
|
+
],
|
|
48468
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48469
|
+
"isSource": true,
|
|
48470
|
+
"$type": "shadow"
|
|
48471
|
+
},
|
|
48472
|
+
"light-high-contrast": {
|
|
48473
|
+
"$value": [
|
|
48474
|
+
{
|
|
48475
|
+
"color": "#b7bdc8",
|
|
48476
|
+
"alpha": 1,
|
|
48477
|
+
"offsetX": {
|
|
48478
|
+
"value": 0,
|
|
48479
|
+
"unit": "px"
|
|
48480
|
+
},
|
|
48481
|
+
"offsetY": {
|
|
48482
|
+
"value": 0,
|
|
48483
|
+
"unit": "px"
|
|
48484
|
+
},
|
|
48485
|
+
"blur": {
|
|
48486
|
+
"value": 0,
|
|
48487
|
+
"unit": "px"
|
|
48488
|
+
},
|
|
48489
|
+
"spread": {
|
|
48490
|
+
"value": 1,
|
|
48491
|
+
"unit": "px"
|
|
48492
|
+
}
|
|
48493
|
+
},
|
|
48494
|
+
{
|
|
48495
|
+
"color": "#f0f6fc",
|
|
48496
|
+
"alpha": 0.08,
|
|
48497
|
+
"offsetX": {
|
|
48498
|
+
"value": 0,
|
|
48499
|
+
"unit": "px"
|
|
48500
|
+
},
|
|
48501
|
+
"offsetY": {
|
|
48502
|
+
"value": 8,
|
|
48503
|
+
"unit": "px"
|
|
48504
|
+
},
|
|
48505
|
+
"blur": {
|
|
48506
|
+
"value": 16,
|
|
48507
|
+
"unit": "px"
|
|
48508
|
+
},
|
|
48509
|
+
"spread": {
|
|
48510
|
+
"value": -4,
|
|
48511
|
+
"unit": "px"
|
|
48512
|
+
}
|
|
48513
|
+
},
|
|
48514
|
+
{
|
|
48515
|
+
"color": "#f0f6fc",
|
|
48516
|
+
"alpha": 0.08,
|
|
48517
|
+
"offsetX": {
|
|
48518
|
+
"value": 0,
|
|
48519
|
+
"unit": "px"
|
|
48520
|
+
},
|
|
48521
|
+
"offsetY": {
|
|
48522
|
+
"value": 4,
|
|
48523
|
+
"unit": "px"
|
|
48524
|
+
},
|
|
48525
|
+
"blur": {
|
|
48526
|
+
"value": 32,
|
|
48527
|
+
"unit": "px"
|
|
48528
|
+
},
|
|
48529
|
+
"spread": {
|
|
48530
|
+
"value": -4,
|
|
48531
|
+
"unit": "px"
|
|
48532
|
+
}
|
|
48533
|
+
},
|
|
48534
|
+
{
|
|
48535
|
+
"color": "#f0f6fc",
|
|
48536
|
+
"alpha": 0.08,
|
|
48537
|
+
"offsetX": {
|
|
48538
|
+
"value": 0,
|
|
48539
|
+
"unit": "px"
|
|
48540
|
+
},
|
|
48541
|
+
"offsetY": {
|
|
48542
|
+
"value": 24,
|
|
48543
|
+
"unit": "px"
|
|
48544
|
+
},
|
|
48545
|
+
"blur": {
|
|
48546
|
+
"value": 48,
|
|
48547
|
+
"unit": "px"
|
|
48548
|
+
},
|
|
48549
|
+
"spread": {
|
|
48550
|
+
"value": -12,
|
|
48551
|
+
"unit": "px"
|
|
48552
|
+
}
|
|
48553
|
+
},
|
|
48554
|
+
{
|
|
48555
|
+
"color": "#f0f6fc",
|
|
48556
|
+
"alpha": 0.08,
|
|
48557
|
+
"offsetX": {
|
|
48558
|
+
"value": 0,
|
|
48559
|
+
"unit": "px"
|
|
48560
|
+
},
|
|
48561
|
+
"offsetY": {
|
|
48562
|
+
"value": 48,
|
|
48563
|
+
"unit": "px"
|
|
48564
|
+
},
|
|
48565
|
+
"blur": {
|
|
48566
|
+
"value": 96,
|
|
48567
|
+
"unit": "px"
|
|
48568
|
+
},
|
|
48569
|
+
"spread": {
|
|
48570
|
+
"value": -24,
|
|
48571
|
+
"unit": "px"
|
|
48572
|
+
}
|
|
48573
|
+
}
|
|
48574
|
+
],
|
|
48575
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48576
|
+
"isSource": true,
|
|
48577
|
+
"$type": "shadow"
|
|
48578
|
+
},
|
|
48579
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
48580
|
+
"$value": [
|
|
48581
|
+
{
|
|
48582
|
+
"color": "#b7bdc8",
|
|
48583
|
+
"alpha": 1,
|
|
48584
|
+
"offsetX": {
|
|
48585
|
+
"value": 0,
|
|
48586
|
+
"unit": "px"
|
|
48587
|
+
},
|
|
48588
|
+
"offsetY": {
|
|
48589
|
+
"value": 0,
|
|
48590
|
+
"unit": "px"
|
|
48591
|
+
},
|
|
48592
|
+
"blur": {
|
|
48593
|
+
"value": 0,
|
|
48594
|
+
"unit": "px"
|
|
48595
|
+
},
|
|
48596
|
+
"spread": {
|
|
48597
|
+
"value": 1,
|
|
48598
|
+
"unit": "px"
|
|
48599
|
+
}
|
|
48600
|
+
},
|
|
48601
|
+
{
|
|
48602
|
+
"color": "#f0f6fc",
|
|
48603
|
+
"alpha": 0.08,
|
|
48604
|
+
"offsetX": {
|
|
48605
|
+
"value": 0,
|
|
48606
|
+
"unit": "px"
|
|
48607
|
+
},
|
|
48608
|
+
"offsetY": {
|
|
48609
|
+
"value": 8,
|
|
48610
|
+
"unit": "px"
|
|
48611
|
+
},
|
|
48612
|
+
"blur": {
|
|
48613
|
+
"value": 16,
|
|
48614
|
+
"unit": "px"
|
|
48615
|
+
},
|
|
48616
|
+
"spread": {
|
|
48617
|
+
"value": -4,
|
|
48618
|
+
"unit": "px"
|
|
48619
|
+
}
|
|
48620
|
+
},
|
|
48621
|
+
{
|
|
48622
|
+
"color": "#f0f6fc",
|
|
48623
|
+
"alpha": 0.08,
|
|
48624
|
+
"offsetX": {
|
|
48625
|
+
"value": 0,
|
|
48626
|
+
"unit": "px"
|
|
48627
|
+
},
|
|
48628
|
+
"offsetY": {
|
|
48629
|
+
"value": 4,
|
|
48630
|
+
"unit": "px"
|
|
48631
|
+
},
|
|
48632
|
+
"blur": {
|
|
48633
|
+
"value": 32,
|
|
48634
|
+
"unit": "px"
|
|
48635
|
+
},
|
|
48636
|
+
"spread": {
|
|
48637
|
+
"value": -4,
|
|
48638
|
+
"unit": "px"
|
|
48639
|
+
}
|
|
48640
|
+
},
|
|
48641
|
+
{
|
|
48642
|
+
"color": "#f0f6fc",
|
|
48643
|
+
"alpha": 0.08,
|
|
48644
|
+
"offsetX": {
|
|
48645
|
+
"value": 0,
|
|
48646
|
+
"unit": "px"
|
|
48647
|
+
},
|
|
48648
|
+
"offsetY": {
|
|
48649
|
+
"value": 24,
|
|
48650
|
+
"unit": "px"
|
|
48651
|
+
},
|
|
48652
|
+
"blur": {
|
|
48653
|
+
"value": 48,
|
|
48654
|
+
"unit": "px"
|
|
48655
|
+
},
|
|
48656
|
+
"spread": {
|
|
48657
|
+
"value": -12,
|
|
48658
|
+
"unit": "px"
|
|
48659
|
+
}
|
|
48660
|
+
},
|
|
48661
|
+
{
|
|
48662
|
+
"color": "#f0f6fc",
|
|
48663
|
+
"alpha": 0.08,
|
|
48664
|
+
"offsetX": {
|
|
48665
|
+
"value": 0,
|
|
48666
|
+
"unit": "px"
|
|
48667
|
+
},
|
|
48668
|
+
"offsetY": {
|
|
48669
|
+
"value": 48,
|
|
48670
|
+
"unit": "px"
|
|
48671
|
+
},
|
|
48672
|
+
"blur": {
|
|
48673
|
+
"value": 96,
|
|
48674
|
+
"unit": "px"
|
|
48675
|
+
},
|
|
48676
|
+
"spread": {
|
|
48677
|
+
"value": -24,
|
|
48678
|
+
"unit": "px"
|
|
48679
|
+
}
|
|
48680
|
+
}
|
|
48681
|
+
],
|
|
48682
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48683
|
+
"isSource": true,
|
|
48684
|
+
"$type": "shadow"
|
|
48685
|
+
},
|
|
48686
|
+
"light-tritanopia-high-contrast": {
|
|
48687
|
+
"$value": [
|
|
48688
|
+
{
|
|
48689
|
+
"color": "#b7bdc8",
|
|
48690
|
+
"alpha": 1,
|
|
48691
|
+
"offsetX": {
|
|
48692
|
+
"value": 0,
|
|
48693
|
+
"unit": "px"
|
|
48694
|
+
},
|
|
48695
|
+
"offsetY": {
|
|
48696
|
+
"value": 0,
|
|
48697
|
+
"unit": "px"
|
|
48698
|
+
},
|
|
48699
|
+
"blur": {
|
|
48700
|
+
"value": 0,
|
|
48701
|
+
"unit": "px"
|
|
48702
|
+
},
|
|
48703
|
+
"spread": {
|
|
48704
|
+
"value": 1,
|
|
48705
|
+
"unit": "px"
|
|
48706
|
+
}
|
|
48707
|
+
},
|
|
48708
|
+
{
|
|
48709
|
+
"color": "#f0f6fc",
|
|
48710
|
+
"alpha": 0.08,
|
|
48711
|
+
"offsetX": {
|
|
48712
|
+
"value": 0,
|
|
48713
|
+
"unit": "px"
|
|
48714
|
+
},
|
|
48715
|
+
"offsetY": {
|
|
48716
|
+
"value": 8,
|
|
48717
|
+
"unit": "px"
|
|
48718
|
+
},
|
|
48719
|
+
"blur": {
|
|
48720
|
+
"value": 16,
|
|
48721
|
+
"unit": "px"
|
|
48722
|
+
},
|
|
48723
|
+
"spread": {
|
|
48724
|
+
"value": -4,
|
|
48725
|
+
"unit": "px"
|
|
48726
|
+
}
|
|
48727
|
+
},
|
|
48728
|
+
{
|
|
48729
|
+
"color": "#f0f6fc",
|
|
48730
|
+
"alpha": 0.08,
|
|
48731
|
+
"offsetX": {
|
|
48732
|
+
"value": 0,
|
|
48733
|
+
"unit": "px"
|
|
48734
|
+
},
|
|
48735
|
+
"offsetY": {
|
|
48736
|
+
"value": 4,
|
|
48737
|
+
"unit": "px"
|
|
48738
|
+
},
|
|
48739
|
+
"blur": {
|
|
48740
|
+
"value": 32,
|
|
48741
|
+
"unit": "px"
|
|
48742
|
+
},
|
|
48743
|
+
"spread": {
|
|
48744
|
+
"value": -4,
|
|
48745
|
+
"unit": "px"
|
|
48746
|
+
}
|
|
48747
|
+
},
|
|
48748
|
+
{
|
|
48749
|
+
"color": "#f0f6fc",
|
|
48750
|
+
"alpha": 0.08,
|
|
48751
|
+
"offsetX": {
|
|
48752
|
+
"value": 0,
|
|
48753
|
+
"unit": "px"
|
|
48754
|
+
},
|
|
48755
|
+
"offsetY": {
|
|
48756
|
+
"value": 24,
|
|
48757
|
+
"unit": "px"
|
|
48758
|
+
},
|
|
48759
|
+
"blur": {
|
|
48760
|
+
"value": 48,
|
|
48761
|
+
"unit": "px"
|
|
48762
|
+
},
|
|
48763
|
+
"spread": {
|
|
48764
|
+
"value": -12,
|
|
48765
|
+
"unit": "px"
|
|
48766
|
+
}
|
|
48767
|
+
},
|
|
48768
|
+
{
|
|
48769
|
+
"color": "#f0f6fc",
|
|
48770
|
+
"alpha": 0.08,
|
|
48771
|
+
"offsetX": {
|
|
48772
|
+
"value": 0,
|
|
48773
|
+
"unit": "px"
|
|
48774
|
+
},
|
|
48775
|
+
"offsetY": {
|
|
48776
|
+
"value": 48,
|
|
48777
|
+
"unit": "px"
|
|
48778
|
+
},
|
|
48779
|
+
"blur": {
|
|
48780
|
+
"value": 96,
|
|
48781
|
+
"unit": "px"
|
|
48782
|
+
},
|
|
48783
|
+
"spread": {
|
|
48784
|
+
"value": -24,
|
|
48785
|
+
"unit": "px"
|
|
48786
|
+
}
|
|
47683
48787
|
}
|
|
47684
48788
|
],
|
|
47685
48789
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47686
48790
|
"isSource": true,
|
|
47687
48791
|
"$type": "shadow"
|
|
47688
48792
|
}
|
|
48793
|
+
},
|
|
48794
|
+
"org.primer.llm": {
|
|
48795
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
48796
|
+
"rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
|
|
47689
48797
|
}
|
|
47690
48798
|
},
|
|
47691
48799
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47695,45 +48803,106 @@
|
|
|
47695
48803
|
{
|
|
47696
48804
|
"color": "{overlay.borderColor}",
|
|
47697
48805
|
"alpha": 1,
|
|
47698
|
-
"offsetX":
|
|
47699
|
-
|
|
47700
|
-
|
|
47701
|
-
|
|
48806
|
+
"offsetX": {
|
|
48807
|
+
"value": 0,
|
|
48808
|
+
"unit": "px"
|
|
48809
|
+
},
|
|
48810
|
+
"offsetY": {
|
|
48811
|
+
"value": 0,
|
|
48812
|
+
"unit": "px"
|
|
48813
|
+
},
|
|
48814
|
+
"blur": {
|
|
48815
|
+
"value": 0,
|
|
48816
|
+
"unit": "px"
|
|
48817
|
+
},
|
|
48818
|
+
"spread": {
|
|
48819
|
+
"value": 1,
|
|
48820
|
+
"unit": "px"
|
|
48821
|
+
}
|
|
47702
48822
|
},
|
|
47703
48823
|
{
|
|
47704
48824
|
"color": "{base.color.neutral.0}",
|
|
47705
48825
|
"alpha": 0.4,
|
|
47706
|
-
"offsetX":
|
|
47707
|
-
|
|
47708
|
-
|
|
47709
|
-
|
|
48826
|
+
"offsetX": {
|
|
48827
|
+
"value": 0,
|
|
48828
|
+
"unit": "px"
|
|
48829
|
+
},
|
|
48830
|
+
"offsetY": {
|
|
48831
|
+
"value": 8,
|
|
48832
|
+
"unit": "px"
|
|
48833
|
+
},
|
|
48834
|
+
"blur": {
|
|
48835
|
+
"value": 16,
|
|
48836
|
+
"unit": "px"
|
|
48837
|
+
},
|
|
48838
|
+
"spread": {
|
|
48839
|
+
"value": -4,
|
|
48840
|
+
"unit": "px"
|
|
48841
|
+
}
|
|
47710
48842
|
},
|
|
47711
48843
|
{
|
|
47712
48844
|
"color": "{base.color.neutral.0}",
|
|
47713
48845
|
"alpha": 0.4,
|
|
47714
|
-
"offsetX":
|
|
47715
|
-
|
|
47716
|
-
|
|
47717
|
-
|
|
48846
|
+
"offsetX": {
|
|
48847
|
+
"value": 0,
|
|
48848
|
+
"unit": "px"
|
|
48849
|
+
},
|
|
48850
|
+
"offsetY": {
|
|
48851
|
+
"value": 4,
|
|
48852
|
+
"unit": "px"
|
|
48853
|
+
},
|
|
48854
|
+
"blur": {
|
|
48855
|
+
"value": 32,
|
|
48856
|
+
"unit": "px"
|
|
48857
|
+
},
|
|
48858
|
+
"spread": {
|
|
48859
|
+
"value": -4,
|
|
48860
|
+
"unit": "px"
|
|
48861
|
+
}
|
|
47718
48862
|
},
|
|
47719
48863
|
{
|
|
47720
48864
|
"color": "{base.color.neutral.0}",
|
|
47721
48865
|
"alpha": 0.4,
|
|
47722
|
-
"offsetX":
|
|
47723
|
-
|
|
47724
|
-
|
|
47725
|
-
|
|
48866
|
+
"offsetX": {
|
|
48867
|
+
"value": 0,
|
|
48868
|
+
"unit": "px"
|
|
48869
|
+
},
|
|
48870
|
+
"offsetY": {
|
|
48871
|
+
"value": 24,
|
|
48872
|
+
"unit": "px"
|
|
48873
|
+
},
|
|
48874
|
+
"blur": {
|
|
48875
|
+
"value": 48,
|
|
48876
|
+
"unit": "px"
|
|
48877
|
+
},
|
|
48878
|
+
"spread": {
|
|
48879
|
+
"value": -12,
|
|
48880
|
+
"unit": "px"
|
|
48881
|
+
}
|
|
47726
48882
|
},
|
|
47727
48883
|
{
|
|
47728
48884
|
"color": "{base.color.neutral.0}",
|
|
47729
48885
|
"alpha": 0.4,
|
|
47730
|
-
"offsetX":
|
|
47731
|
-
|
|
47732
|
-
|
|
47733
|
-
|
|
48886
|
+
"offsetX": {
|
|
48887
|
+
"value": 0,
|
|
48888
|
+
"unit": "px"
|
|
48889
|
+
},
|
|
48890
|
+
"offsetY": {
|
|
48891
|
+
"value": 48,
|
|
48892
|
+
"unit": "px"
|
|
48893
|
+
},
|
|
48894
|
+
"blur": {
|
|
48895
|
+
"value": 96,
|
|
48896
|
+
"unit": "px"
|
|
48897
|
+
},
|
|
48898
|
+
"spread": {
|
|
48899
|
+
"value": -24,
|
|
48900
|
+
"unit": "px"
|
|
48901
|
+
}
|
|
47734
48902
|
}
|
|
47735
48903
|
],
|
|
47736
48904
|
"$type": "shadow",
|
|
48905
|
+
"$description": "Medium floating shadow for popovers and action menus",
|
|
47737
48906
|
"$extensions": {
|
|
47738
48907
|
"org.primer.figma": {
|
|
47739
48908
|
"collection": "mode",
|
|
@@ -47745,48 +48914,433 @@
|
|
|
47745
48914
|
{
|
|
47746
48915
|
"color": "{overlay.borderColor}",
|
|
47747
48916
|
"alpha": 1,
|
|
47748
|
-
"offsetX":
|
|
47749
|
-
|
|
47750
|
-
|
|
47751
|
-
|
|
48917
|
+
"offsetX": {
|
|
48918
|
+
"value": 0,
|
|
48919
|
+
"unit": "px"
|
|
48920
|
+
},
|
|
48921
|
+
"offsetY": {
|
|
48922
|
+
"value": 0,
|
|
48923
|
+
"unit": "px"
|
|
48924
|
+
},
|
|
48925
|
+
"blur": {
|
|
48926
|
+
"value": 0,
|
|
48927
|
+
"unit": "px"
|
|
48928
|
+
},
|
|
48929
|
+
"spread": {
|
|
48930
|
+
"value": 1,
|
|
48931
|
+
"unit": "px"
|
|
48932
|
+
}
|
|
47752
48933
|
},
|
|
47753
48934
|
{
|
|
47754
48935
|
"color": "{base.color.neutral.0}",
|
|
47755
48936
|
"alpha": 0.4,
|
|
47756
|
-
"offsetX":
|
|
47757
|
-
|
|
47758
|
-
|
|
47759
|
-
|
|
48937
|
+
"offsetX": {
|
|
48938
|
+
"value": 0,
|
|
48939
|
+
"unit": "px"
|
|
48940
|
+
},
|
|
48941
|
+
"offsetY": {
|
|
48942
|
+
"value": 8,
|
|
48943
|
+
"unit": "px"
|
|
48944
|
+
},
|
|
48945
|
+
"blur": {
|
|
48946
|
+
"value": 16,
|
|
48947
|
+
"unit": "px"
|
|
48948
|
+
},
|
|
48949
|
+
"spread": {
|
|
48950
|
+
"value": -4,
|
|
48951
|
+
"unit": "px"
|
|
48952
|
+
}
|
|
47760
48953
|
},
|
|
47761
48954
|
{
|
|
47762
48955
|
"color": "{base.color.neutral.0}",
|
|
47763
48956
|
"alpha": 0.4,
|
|
47764
|
-
"offsetX":
|
|
47765
|
-
|
|
47766
|
-
|
|
47767
|
-
|
|
48957
|
+
"offsetX": {
|
|
48958
|
+
"value": 0,
|
|
48959
|
+
"unit": "px"
|
|
48960
|
+
},
|
|
48961
|
+
"offsetY": {
|
|
48962
|
+
"value": 4,
|
|
48963
|
+
"unit": "px"
|
|
48964
|
+
},
|
|
48965
|
+
"blur": {
|
|
48966
|
+
"value": 32,
|
|
48967
|
+
"unit": "px"
|
|
48968
|
+
},
|
|
48969
|
+
"spread": {
|
|
48970
|
+
"value": -4,
|
|
48971
|
+
"unit": "px"
|
|
48972
|
+
}
|
|
47768
48973
|
},
|
|
47769
48974
|
{
|
|
47770
48975
|
"color": "{base.color.neutral.0}",
|
|
47771
48976
|
"alpha": 0.4,
|
|
47772
|
-
"offsetX":
|
|
47773
|
-
|
|
47774
|
-
|
|
47775
|
-
|
|
48977
|
+
"offsetX": {
|
|
48978
|
+
"value": 0,
|
|
48979
|
+
"unit": "px"
|
|
48980
|
+
},
|
|
48981
|
+
"offsetY": {
|
|
48982
|
+
"value": 24,
|
|
48983
|
+
"unit": "px"
|
|
48984
|
+
},
|
|
48985
|
+
"blur": {
|
|
48986
|
+
"value": 48,
|
|
48987
|
+
"unit": "px"
|
|
48988
|
+
},
|
|
48989
|
+
"spread": {
|
|
48990
|
+
"value": -12,
|
|
48991
|
+
"unit": "px"
|
|
48992
|
+
}
|
|
47776
48993
|
},
|
|
47777
48994
|
{
|
|
47778
48995
|
"color": "{base.color.neutral.0}",
|
|
47779
48996
|
"alpha": 0.4,
|
|
47780
|
-
"offsetX":
|
|
47781
|
-
|
|
47782
|
-
|
|
47783
|
-
|
|
48997
|
+
"offsetX": {
|
|
48998
|
+
"value": 0,
|
|
48999
|
+
"unit": "px"
|
|
49000
|
+
},
|
|
49001
|
+
"offsetY": {
|
|
49002
|
+
"value": 48,
|
|
49003
|
+
"unit": "px"
|
|
49004
|
+
},
|
|
49005
|
+
"blur": {
|
|
49006
|
+
"value": 96,
|
|
49007
|
+
"unit": "px"
|
|
49008
|
+
},
|
|
49009
|
+
"spread": {
|
|
49010
|
+
"value": -24,
|
|
49011
|
+
"unit": "px"
|
|
49012
|
+
}
|
|
49013
|
+
}
|
|
49014
|
+
],
|
|
49015
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49016
|
+
"isSource": true,
|
|
49017
|
+
"$type": "shadow"
|
|
49018
|
+
},
|
|
49019
|
+
"light-high-contrast": {
|
|
49020
|
+
"$value": [
|
|
49021
|
+
{
|
|
49022
|
+
"color": "{overlay.borderColor}",
|
|
49023
|
+
"alpha": 1,
|
|
49024
|
+
"offsetX": {
|
|
49025
|
+
"value": 0,
|
|
49026
|
+
"unit": "px"
|
|
49027
|
+
},
|
|
49028
|
+
"offsetY": {
|
|
49029
|
+
"value": 0,
|
|
49030
|
+
"unit": "px"
|
|
49031
|
+
},
|
|
49032
|
+
"blur": {
|
|
49033
|
+
"value": 0,
|
|
49034
|
+
"unit": "px"
|
|
49035
|
+
},
|
|
49036
|
+
"spread": {
|
|
49037
|
+
"value": 1,
|
|
49038
|
+
"unit": "px"
|
|
49039
|
+
}
|
|
49040
|
+
},
|
|
49041
|
+
{
|
|
49042
|
+
"color": "{base.color.neutral.12}",
|
|
49043
|
+
"alpha": 0.08,
|
|
49044
|
+
"offsetX": {
|
|
49045
|
+
"value": 0,
|
|
49046
|
+
"unit": "px"
|
|
49047
|
+
},
|
|
49048
|
+
"offsetY": {
|
|
49049
|
+
"value": 8,
|
|
49050
|
+
"unit": "px"
|
|
49051
|
+
},
|
|
49052
|
+
"blur": {
|
|
49053
|
+
"value": 16,
|
|
49054
|
+
"unit": "px"
|
|
49055
|
+
},
|
|
49056
|
+
"spread": {
|
|
49057
|
+
"value": -4,
|
|
49058
|
+
"unit": "px"
|
|
49059
|
+
}
|
|
49060
|
+
},
|
|
49061
|
+
{
|
|
49062
|
+
"color": "{base.color.neutral.12}",
|
|
49063
|
+
"alpha": 0.08,
|
|
49064
|
+
"offsetX": {
|
|
49065
|
+
"value": 0,
|
|
49066
|
+
"unit": "px"
|
|
49067
|
+
},
|
|
49068
|
+
"offsetY": {
|
|
49069
|
+
"value": 4,
|
|
49070
|
+
"unit": "px"
|
|
49071
|
+
},
|
|
49072
|
+
"blur": {
|
|
49073
|
+
"value": 32,
|
|
49074
|
+
"unit": "px"
|
|
49075
|
+
},
|
|
49076
|
+
"spread": {
|
|
49077
|
+
"value": -4,
|
|
49078
|
+
"unit": "px"
|
|
49079
|
+
}
|
|
49080
|
+
},
|
|
49081
|
+
{
|
|
49082
|
+
"color": "{base.color.neutral.12}",
|
|
49083
|
+
"alpha": 0.08,
|
|
49084
|
+
"offsetX": {
|
|
49085
|
+
"value": 0,
|
|
49086
|
+
"unit": "px"
|
|
49087
|
+
},
|
|
49088
|
+
"offsetY": {
|
|
49089
|
+
"value": 24,
|
|
49090
|
+
"unit": "px"
|
|
49091
|
+
},
|
|
49092
|
+
"blur": {
|
|
49093
|
+
"value": 48,
|
|
49094
|
+
"unit": "px"
|
|
49095
|
+
},
|
|
49096
|
+
"spread": {
|
|
49097
|
+
"value": -12,
|
|
49098
|
+
"unit": "px"
|
|
49099
|
+
}
|
|
49100
|
+
},
|
|
49101
|
+
{
|
|
49102
|
+
"color": "{base.color.neutral.12}",
|
|
49103
|
+
"alpha": 0.08,
|
|
49104
|
+
"offsetX": {
|
|
49105
|
+
"value": 0,
|
|
49106
|
+
"unit": "px"
|
|
49107
|
+
},
|
|
49108
|
+
"offsetY": {
|
|
49109
|
+
"value": 48,
|
|
49110
|
+
"unit": "px"
|
|
49111
|
+
},
|
|
49112
|
+
"blur": {
|
|
49113
|
+
"value": 96,
|
|
49114
|
+
"unit": "px"
|
|
49115
|
+
},
|
|
49116
|
+
"spread": {
|
|
49117
|
+
"value": -24,
|
|
49118
|
+
"unit": "px"
|
|
49119
|
+
}
|
|
49120
|
+
}
|
|
49121
|
+
],
|
|
49122
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49123
|
+
"isSource": true,
|
|
49124
|
+
"$type": "shadow"
|
|
49125
|
+
},
|
|
49126
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49127
|
+
"$value": [
|
|
49128
|
+
{
|
|
49129
|
+
"color": "{overlay.borderColor}",
|
|
49130
|
+
"alpha": 1,
|
|
49131
|
+
"offsetX": {
|
|
49132
|
+
"value": 0,
|
|
49133
|
+
"unit": "px"
|
|
49134
|
+
},
|
|
49135
|
+
"offsetY": {
|
|
49136
|
+
"value": 0,
|
|
49137
|
+
"unit": "px"
|
|
49138
|
+
},
|
|
49139
|
+
"blur": {
|
|
49140
|
+
"value": 0,
|
|
49141
|
+
"unit": "px"
|
|
49142
|
+
},
|
|
49143
|
+
"spread": {
|
|
49144
|
+
"value": 1,
|
|
49145
|
+
"unit": "px"
|
|
49146
|
+
}
|
|
49147
|
+
},
|
|
49148
|
+
{
|
|
49149
|
+
"color": "{base.color.neutral.12}",
|
|
49150
|
+
"alpha": 0.08,
|
|
49151
|
+
"offsetX": {
|
|
49152
|
+
"value": 0,
|
|
49153
|
+
"unit": "px"
|
|
49154
|
+
},
|
|
49155
|
+
"offsetY": {
|
|
49156
|
+
"value": 8,
|
|
49157
|
+
"unit": "px"
|
|
49158
|
+
},
|
|
49159
|
+
"blur": {
|
|
49160
|
+
"value": 16,
|
|
49161
|
+
"unit": "px"
|
|
49162
|
+
},
|
|
49163
|
+
"spread": {
|
|
49164
|
+
"value": -4,
|
|
49165
|
+
"unit": "px"
|
|
49166
|
+
}
|
|
49167
|
+
},
|
|
49168
|
+
{
|
|
49169
|
+
"color": "{base.color.neutral.12}",
|
|
49170
|
+
"alpha": 0.08,
|
|
49171
|
+
"offsetX": {
|
|
49172
|
+
"value": 0,
|
|
49173
|
+
"unit": "px"
|
|
49174
|
+
},
|
|
49175
|
+
"offsetY": {
|
|
49176
|
+
"value": 4,
|
|
49177
|
+
"unit": "px"
|
|
49178
|
+
},
|
|
49179
|
+
"blur": {
|
|
49180
|
+
"value": 32,
|
|
49181
|
+
"unit": "px"
|
|
49182
|
+
},
|
|
49183
|
+
"spread": {
|
|
49184
|
+
"value": -4,
|
|
49185
|
+
"unit": "px"
|
|
49186
|
+
}
|
|
49187
|
+
},
|
|
49188
|
+
{
|
|
49189
|
+
"color": "{base.color.neutral.12}",
|
|
49190
|
+
"alpha": 0.08,
|
|
49191
|
+
"offsetX": {
|
|
49192
|
+
"value": 0,
|
|
49193
|
+
"unit": "px"
|
|
49194
|
+
},
|
|
49195
|
+
"offsetY": {
|
|
49196
|
+
"value": 24,
|
|
49197
|
+
"unit": "px"
|
|
49198
|
+
},
|
|
49199
|
+
"blur": {
|
|
49200
|
+
"value": 48,
|
|
49201
|
+
"unit": "px"
|
|
49202
|
+
},
|
|
49203
|
+
"spread": {
|
|
49204
|
+
"value": -12,
|
|
49205
|
+
"unit": "px"
|
|
49206
|
+
}
|
|
49207
|
+
},
|
|
49208
|
+
{
|
|
49209
|
+
"color": "{base.color.neutral.12}",
|
|
49210
|
+
"alpha": 0.08,
|
|
49211
|
+
"offsetX": {
|
|
49212
|
+
"value": 0,
|
|
49213
|
+
"unit": "px"
|
|
49214
|
+
},
|
|
49215
|
+
"offsetY": {
|
|
49216
|
+
"value": 48,
|
|
49217
|
+
"unit": "px"
|
|
49218
|
+
},
|
|
49219
|
+
"blur": {
|
|
49220
|
+
"value": 96,
|
|
49221
|
+
"unit": "px"
|
|
49222
|
+
},
|
|
49223
|
+
"spread": {
|
|
49224
|
+
"value": -24,
|
|
49225
|
+
"unit": "px"
|
|
49226
|
+
}
|
|
49227
|
+
}
|
|
49228
|
+
],
|
|
49229
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49230
|
+
"isSource": true,
|
|
49231
|
+
"$type": "shadow"
|
|
49232
|
+
},
|
|
49233
|
+
"light-tritanopia-high-contrast": {
|
|
49234
|
+
"$value": [
|
|
49235
|
+
{
|
|
49236
|
+
"color": "{overlay.borderColor}",
|
|
49237
|
+
"alpha": 1,
|
|
49238
|
+
"offsetX": {
|
|
49239
|
+
"value": 0,
|
|
49240
|
+
"unit": "px"
|
|
49241
|
+
},
|
|
49242
|
+
"offsetY": {
|
|
49243
|
+
"value": 0,
|
|
49244
|
+
"unit": "px"
|
|
49245
|
+
},
|
|
49246
|
+
"blur": {
|
|
49247
|
+
"value": 0,
|
|
49248
|
+
"unit": "px"
|
|
49249
|
+
},
|
|
49250
|
+
"spread": {
|
|
49251
|
+
"value": 1,
|
|
49252
|
+
"unit": "px"
|
|
49253
|
+
}
|
|
49254
|
+
},
|
|
49255
|
+
{
|
|
49256
|
+
"color": "{base.color.neutral.12}",
|
|
49257
|
+
"alpha": 0.08,
|
|
49258
|
+
"offsetX": {
|
|
49259
|
+
"value": 0,
|
|
49260
|
+
"unit": "px"
|
|
49261
|
+
},
|
|
49262
|
+
"offsetY": {
|
|
49263
|
+
"value": 8,
|
|
49264
|
+
"unit": "px"
|
|
49265
|
+
},
|
|
49266
|
+
"blur": {
|
|
49267
|
+
"value": 16,
|
|
49268
|
+
"unit": "px"
|
|
49269
|
+
},
|
|
49270
|
+
"spread": {
|
|
49271
|
+
"value": -4,
|
|
49272
|
+
"unit": "px"
|
|
49273
|
+
}
|
|
49274
|
+
},
|
|
49275
|
+
{
|
|
49276
|
+
"color": "{base.color.neutral.12}",
|
|
49277
|
+
"alpha": 0.08,
|
|
49278
|
+
"offsetX": {
|
|
49279
|
+
"value": 0,
|
|
49280
|
+
"unit": "px"
|
|
49281
|
+
},
|
|
49282
|
+
"offsetY": {
|
|
49283
|
+
"value": 4,
|
|
49284
|
+
"unit": "px"
|
|
49285
|
+
},
|
|
49286
|
+
"blur": {
|
|
49287
|
+
"value": 32,
|
|
49288
|
+
"unit": "px"
|
|
49289
|
+
},
|
|
49290
|
+
"spread": {
|
|
49291
|
+
"value": -4,
|
|
49292
|
+
"unit": "px"
|
|
49293
|
+
}
|
|
49294
|
+
},
|
|
49295
|
+
{
|
|
49296
|
+
"color": "{base.color.neutral.12}",
|
|
49297
|
+
"alpha": 0.08,
|
|
49298
|
+
"offsetX": {
|
|
49299
|
+
"value": 0,
|
|
49300
|
+
"unit": "px"
|
|
49301
|
+
},
|
|
49302
|
+
"offsetY": {
|
|
49303
|
+
"value": 24,
|
|
49304
|
+
"unit": "px"
|
|
49305
|
+
},
|
|
49306
|
+
"blur": {
|
|
49307
|
+
"value": 48,
|
|
49308
|
+
"unit": "px"
|
|
49309
|
+
},
|
|
49310
|
+
"spread": {
|
|
49311
|
+
"value": -12,
|
|
49312
|
+
"unit": "px"
|
|
49313
|
+
}
|
|
49314
|
+
},
|
|
49315
|
+
{
|
|
49316
|
+
"color": "{base.color.neutral.12}",
|
|
49317
|
+
"alpha": 0.08,
|
|
49318
|
+
"offsetX": {
|
|
49319
|
+
"value": 0,
|
|
49320
|
+
"unit": "px"
|
|
49321
|
+
},
|
|
49322
|
+
"offsetY": {
|
|
49323
|
+
"value": 48,
|
|
49324
|
+
"unit": "px"
|
|
49325
|
+
},
|
|
49326
|
+
"blur": {
|
|
49327
|
+
"value": 96,
|
|
49328
|
+
"unit": "px"
|
|
49329
|
+
},
|
|
49330
|
+
"spread": {
|
|
49331
|
+
"value": -24,
|
|
49332
|
+
"unit": "px"
|
|
49333
|
+
}
|
|
47784
49334
|
}
|
|
47785
49335
|
],
|
|
47786
49336
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47787
49337
|
"isSource": true,
|
|
47788
49338
|
"$type": "shadow"
|
|
47789
49339
|
}
|
|
49340
|
+
},
|
|
49341
|
+
"org.primer.llm": {
|
|
49342
|
+
"usage": ["popover", "action-menu", "select-panel", "autocomplete"],
|
|
49343
|
+
"rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
|
|
47790
49344
|
}
|
|
47791
49345
|
},
|
|
47792
49346
|
"key": "{shadow.floating.medium}"
|
|
@@ -47794,8 +49348,9 @@
|
|
|
47794
49348
|
"name": "shadow-floating-medium",
|
|
47795
49349
|
"attributes": {},
|
|
47796
49350
|
"path": ["shadow", "floating", "medium"],
|
|
47797
|
-
"value": "
|
|
47798
|
-
"type": "shadow"
|
|
49351
|
+
"value": "0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966",
|
|
49352
|
+
"type": "shadow",
|
|
49353
|
+
"description": "Medium floating shadow for popovers and action menus"
|
|
47799
49354
|
},
|
|
47800
49355
|
"shadow-floating-small": {
|
|
47801
49356
|
"key": "{shadow.floating.small}",
|
|
@@ -47810,26 +49365,62 @@
|
|
|
47810
49365
|
{
|
|
47811
49366
|
"color": "#b7bdc8",
|
|
47812
49367
|
"alpha": 1,
|
|
47813
|
-
"offsetX":
|
|
47814
|
-
|
|
47815
|
-
|
|
47816
|
-
|
|
49368
|
+
"offsetX": {
|
|
49369
|
+
"value": 0,
|
|
49370
|
+
"unit": "px"
|
|
49371
|
+
},
|
|
49372
|
+
"offsetY": {
|
|
49373
|
+
"value": 0,
|
|
49374
|
+
"unit": "px"
|
|
49375
|
+
},
|
|
49376
|
+
"blur": {
|
|
49377
|
+
"value": 0,
|
|
49378
|
+
"unit": "px"
|
|
49379
|
+
},
|
|
49380
|
+
"spread": {
|
|
49381
|
+
"value": 1,
|
|
49382
|
+
"unit": "px"
|
|
49383
|
+
}
|
|
47817
49384
|
},
|
|
47818
49385
|
{
|
|
47819
49386
|
"color": "#010409",
|
|
47820
49387
|
"alpha": 0.4,
|
|
47821
|
-
"offsetX":
|
|
47822
|
-
|
|
47823
|
-
|
|
47824
|
-
|
|
49388
|
+
"offsetX": {
|
|
49389
|
+
"value": 0,
|
|
49390
|
+
"unit": "px"
|
|
49391
|
+
},
|
|
49392
|
+
"offsetY": {
|
|
49393
|
+
"value": 6,
|
|
49394
|
+
"unit": "px"
|
|
49395
|
+
},
|
|
49396
|
+
"blur": {
|
|
49397
|
+
"value": 12,
|
|
49398
|
+
"unit": "px"
|
|
49399
|
+
},
|
|
49400
|
+
"spread": {
|
|
49401
|
+
"value": -3,
|
|
49402
|
+
"unit": "px"
|
|
49403
|
+
}
|
|
47825
49404
|
},
|
|
47826
49405
|
{
|
|
47827
49406
|
"color": "#010409",
|
|
47828
49407
|
"alpha": 0.4,
|
|
47829
|
-
"offsetX":
|
|
47830
|
-
|
|
47831
|
-
|
|
47832
|
-
|
|
49408
|
+
"offsetX": {
|
|
49409
|
+
"value": 0,
|
|
49410
|
+
"unit": "px"
|
|
49411
|
+
},
|
|
49412
|
+
"offsetY": {
|
|
49413
|
+
"value": 6,
|
|
49414
|
+
"unit": "px"
|
|
49415
|
+
},
|
|
49416
|
+
"blur": {
|
|
49417
|
+
"value": 18,
|
|
49418
|
+
"unit": "px"
|
|
49419
|
+
},
|
|
49420
|
+
"spread": {
|
|
49421
|
+
"value": 0,
|
|
49422
|
+
"unit": "px"
|
|
49423
|
+
}
|
|
47833
49424
|
}
|
|
47834
49425
|
],
|
|
47835
49426
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47849,26 +49440,62 @@
|
|
|
47849
49440
|
{
|
|
47850
49441
|
"color": "{overlay.borderColor}",
|
|
47851
49442
|
"alpha": 1,
|
|
47852
|
-
"offsetX":
|
|
47853
|
-
|
|
47854
|
-
|
|
47855
|
-
|
|
49443
|
+
"offsetX": {
|
|
49444
|
+
"value": 0,
|
|
49445
|
+
"unit": "px"
|
|
49446
|
+
},
|
|
49447
|
+
"offsetY": {
|
|
49448
|
+
"value": 0,
|
|
49449
|
+
"unit": "px"
|
|
49450
|
+
},
|
|
49451
|
+
"blur": {
|
|
49452
|
+
"value": 0,
|
|
49453
|
+
"unit": "px"
|
|
49454
|
+
},
|
|
49455
|
+
"spread": {
|
|
49456
|
+
"value": 1,
|
|
49457
|
+
"unit": "px"
|
|
49458
|
+
}
|
|
47856
49459
|
},
|
|
47857
49460
|
{
|
|
47858
49461
|
"color": "{base.color.neutral.0}",
|
|
47859
49462
|
"alpha": 0.4,
|
|
47860
|
-
"offsetX":
|
|
47861
|
-
|
|
47862
|
-
|
|
47863
|
-
|
|
49463
|
+
"offsetX": {
|
|
49464
|
+
"value": 0,
|
|
49465
|
+
"unit": "px"
|
|
49466
|
+
},
|
|
49467
|
+
"offsetY": {
|
|
49468
|
+
"value": 6,
|
|
49469
|
+
"unit": "px"
|
|
49470
|
+
},
|
|
49471
|
+
"blur": {
|
|
49472
|
+
"value": 12,
|
|
49473
|
+
"unit": "px"
|
|
49474
|
+
},
|
|
49475
|
+
"spread": {
|
|
49476
|
+
"value": -3,
|
|
49477
|
+
"unit": "px"
|
|
49478
|
+
}
|
|
47864
49479
|
},
|
|
47865
49480
|
{
|
|
47866
49481
|
"color": "{base.color.neutral.0}",
|
|
47867
49482
|
"alpha": 0.4,
|
|
47868
|
-
"offsetX":
|
|
47869
|
-
|
|
47870
|
-
|
|
47871
|
-
|
|
49483
|
+
"offsetX": {
|
|
49484
|
+
"value": 0,
|
|
49485
|
+
"unit": "px"
|
|
49486
|
+
},
|
|
49487
|
+
"offsetY": {
|
|
49488
|
+
"value": 6,
|
|
49489
|
+
"unit": "px"
|
|
49490
|
+
},
|
|
49491
|
+
"blur": {
|
|
49492
|
+
"value": 18,
|
|
49493
|
+
"unit": "px"
|
|
49494
|
+
},
|
|
49495
|
+
"spread": {
|
|
49496
|
+
"value": 0,
|
|
49497
|
+
"unit": "px"
|
|
49498
|
+
}
|
|
47872
49499
|
}
|
|
47873
49500
|
],
|
|
47874
49501
|
"$type": "shadow",
|
|
@@ -47884,26 +49511,62 @@
|
|
|
47884
49511
|
{
|
|
47885
49512
|
"color": "{overlay.borderColor}",
|
|
47886
49513
|
"alpha": 1,
|
|
47887
|
-
"offsetX":
|
|
47888
|
-
|
|
47889
|
-
|
|
47890
|
-
|
|
49514
|
+
"offsetX": {
|
|
49515
|
+
"value": 0,
|
|
49516
|
+
"unit": "px"
|
|
49517
|
+
},
|
|
49518
|
+
"offsetY": {
|
|
49519
|
+
"value": 0,
|
|
49520
|
+
"unit": "px"
|
|
49521
|
+
},
|
|
49522
|
+
"blur": {
|
|
49523
|
+
"value": 0,
|
|
49524
|
+
"unit": "px"
|
|
49525
|
+
},
|
|
49526
|
+
"spread": {
|
|
49527
|
+
"value": 1,
|
|
49528
|
+
"unit": "px"
|
|
49529
|
+
}
|
|
47891
49530
|
},
|
|
47892
49531
|
{
|
|
47893
49532
|
"color": "{base.color.neutral.0}",
|
|
47894
49533
|
"alpha": 0.4,
|
|
47895
|
-
"offsetX":
|
|
47896
|
-
|
|
47897
|
-
|
|
47898
|
-
|
|
49534
|
+
"offsetX": {
|
|
49535
|
+
"value": 0,
|
|
49536
|
+
"unit": "px"
|
|
49537
|
+
},
|
|
49538
|
+
"offsetY": {
|
|
49539
|
+
"value": 6,
|
|
49540
|
+
"unit": "px"
|
|
49541
|
+
},
|
|
49542
|
+
"blur": {
|
|
49543
|
+
"value": 12,
|
|
49544
|
+
"unit": "px"
|
|
49545
|
+
},
|
|
49546
|
+
"spread": {
|
|
49547
|
+
"value": -3,
|
|
49548
|
+
"unit": "px"
|
|
49549
|
+
}
|
|
47899
49550
|
},
|
|
47900
49551
|
{
|
|
47901
49552
|
"color": "{base.color.neutral.0}",
|
|
47902
49553
|
"alpha": 0.4,
|
|
47903
|
-
"offsetX":
|
|
47904
|
-
|
|
47905
|
-
|
|
47906
|
-
|
|
49554
|
+
"offsetX": {
|
|
49555
|
+
"value": 0,
|
|
49556
|
+
"unit": "px"
|
|
49557
|
+
},
|
|
49558
|
+
"offsetY": {
|
|
49559
|
+
"value": 6,
|
|
49560
|
+
"unit": "px"
|
|
49561
|
+
},
|
|
49562
|
+
"blur": {
|
|
49563
|
+
"value": 18,
|
|
49564
|
+
"unit": "px"
|
|
49565
|
+
},
|
|
49566
|
+
"spread": {
|
|
49567
|
+
"value": 0,
|
|
49568
|
+
"unit": "px"
|
|
49569
|
+
}
|
|
47907
49570
|
}
|
|
47908
49571
|
],
|
|
47909
49572
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47921,7 +49584,7 @@
|
|
|
47921
49584
|
"name": "shadow-floating-small",
|
|
47922
49585
|
"attributes": {},
|
|
47923
49586
|
"path": ["shadow", "floating", "small"],
|
|
47924
|
-
"value": "
|
|
49587
|
+
"value": "0 0 0 1px #b7bdc8, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
|
|
47925
49588
|
"type": "shadow",
|
|
47926
49589
|
"description": "Small floating shadow for dropdowns, tooltips, and small overlays"
|
|
47927
49590
|
},
|
|
@@ -47938,24 +49601,193 @@
|
|
|
47938
49601
|
{
|
|
47939
49602
|
"color": "#b7bdc8",
|
|
47940
49603
|
"alpha": 1,
|
|
47941
|
-
"offsetX":
|
|
47942
|
-
|
|
47943
|
-
|
|
47944
|
-
|
|
49604
|
+
"offsetX": {
|
|
49605
|
+
"value": 0,
|
|
49606
|
+
"unit": "px"
|
|
49607
|
+
},
|
|
49608
|
+
"offsetY": {
|
|
49609
|
+
"value": 0,
|
|
49610
|
+
"unit": "px"
|
|
49611
|
+
},
|
|
49612
|
+
"blur": {
|
|
49613
|
+
"value": 0,
|
|
49614
|
+
"unit": "px"
|
|
49615
|
+
},
|
|
49616
|
+
"spread": {
|
|
49617
|
+
"value": 1,
|
|
49618
|
+
"unit": "px"
|
|
49619
|
+
}
|
|
47945
49620
|
},
|
|
47946
49621
|
{
|
|
47947
49622
|
"color": "#010409",
|
|
47948
49623
|
"alpha": 1,
|
|
47949
|
-
"offsetX":
|
|
47950
|
-
|
|
47951
|
-
|
|
47952
|
-
|
|
49624
|
+
"offsetX": {
|
|
49625
|
+
"value": 0,
|
|
49626
|
+
"unit": "px"
|
|
49627
|
+
},
|
|
49628
|
+
"offsetY": {
|
|
49629
|
+
"value": 32,
|
|
49630
|
+
"unit": "px"
|
|
49631
|
+
},
|
|
49632
|
+
"blur": {
|
|
49633
|
+
"value": 64,
|
|
49634
|
+
"unit": "px"
|
|
49635
|
+
},
|
|
49636
|
+
"spread": {
|
|
49637
|
+
"value": 0,
|
|
49638
|
+
"unit": "px"
|
|
49639
|
+
}
|
|
49640
|
+
}
|
|
49641
|
+
],
|
|
49642
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49643
|
+
"isSource": true,
|
|
49644
|
+
"$type": "shadow"
|
|
49645
|
+
},
|
|
49646
|
+
"light-high-contrast": {
|
|
49647
|
+
"$value": [
|
|
49648
|
+
{
|
|
49649
|
+
"color": "#b7bdc8",
|
|
49650
|
+
"alpha": 1,
|
|
49651
|
+
"offsetX": {
|
|
49652
|
+
"value": 0,
|
|
49653
|
+
"unit": "px"
|
|
49654
|
+
},
|
|
49655
|
+
"offsetY": {
|
|
49656
|
+
"value": 0,
|
|
49657
|
+
"unit": "px"
|
|
49658
|
+
},
|
|
49659
|
+
"blur": {
|
|
49660
|
+
"value": 0,
|
|
49661
|
+
"unit": "px"
|
|
49662
|
+
},
|
|
49663
|
+
"spread": {
|
|
49664
|
+
"value": 1,
|
|
49665
|
+
"unit": "px"
|
|
49666
|
+
}
|
|
49667
|
+
},
|
|
49668
|
+
{
|
|
49669
|
+
"color": "#f0f6fc",
|
|
49670
|
+
"alpha": 0.32,
|
|
49671
|
+
"offsetX": {
|
|
49672
|
+
"value": 0,
|
|
49673
|
+
"unit": "px"
|
|
49674
|
+
},
|
|
49675
|
+
"offsetY": {
|
|
49676
|
+
"value": 56,
|
|
49677
|
+
"unit": "px"
|
|
49678
|
+
},
|
|
49679
|
+
"blur": {
|
|
49680
|
+
"value": 112,
|
|
49681
|
+
"unit": "px"
|
|
49682
|
+
},
|
|
49683
|
+
"spread": {
|
|
49684
|
+
"value": 0,
|
|
49685
|
+
"unit": "px"
|
|
49686
|
+
}
|
|
49687
|
+
}
|
|
49688
|
+
],
|
|
49689
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49690
|
+
"isSource": true,
|
|
49691
|
+
"$type": "shadow"
|
|
49692
|
+
},
|
|
49693
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49694
|
+
"$value": [
|
|
49695
|
+
{
|
|
49696
|
+
"color": "#b7bdc8",
|
|
49697
|
+
"alpha": 1,
|
|
49698
|
+
"offsetX": {
|
|
49699
|
+
"value": 0,
|
|
49700
|
+
"unit": "px"
|
|
49701
|
+
},
|
|
49702
|
+
"offsetY": {
|
|
49703
|
+
"value": 0,
|
|
49704
|
+
"unit": "px"
|
|
49705
|
+
},
|
|
49706
|
+
"blur": {
|
|
49707
|
+
"value": 0,
|
|
49708
|
+
"unit": "px"
|
|
49709
|
+
},
|
|
49710
|
+
"spread": {
|
|
49711
|
+
"value": 1,
|
|
49712
|
+
"unit": "px"
|
|
49713
|
+
}
|
|
49714
|
+
},
|
|
49715
|
+
{
|
|
49716
|
+
"color": "#f0f6fc",
|
|
49717
|
+
"alpha": 0.32,
|
|
49718
|
+
"offsetX": {
|
|
49719
|
+
"value": 0,
|
|
49720
|
+
"unit": "px"
|
|
49721
|
+
},
|
|
49722
|
+
"offsetY": {
|
|
49723
|
+
"value": 56,
|
|
49724
|
+
"unit": "px"
|
|
49725
|
+
},
|
|
49726
|
+
"blur": {
|
|
49727
|
+
"value": 112,
|
|
49728
|
+
"unit": "px"
|
|
49729
|
+
},
|
|
49730
|
+
"spread": {
|
|
49731
|
+
"value": 0,
|
|
49732
|
+
"unit": "px"
|
|
49733
|
+
}
|
|
49734
|
+
}
|
|
49735
|
+
],
|
|
49736
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49737
|
+
"isSource": true,
|
|
49738
|
+
"$type": "shadow"
|
|
49739
|
+
},
|
|
49740
|
+
"light-tritanopia-high-contrast": {
|
|
49741
|
+
"$value": [
|
|
49742
|
+
{
|
|
49743
|
+
"color": "#b7bdc8",
|
|
49744
|
+
"alpha": 1,
|
|
49745
|
+
"offsetX": {
|
|
49746
|
+
"value": 0,
|
|
49747
|
+
"unit": "px"
|
|
49748
|
+
},
|
|
49749
|
+
"offsetY": {
|
|
49750
|
+
"value": 0,
|
|
49751
|
+
"unit": "px"
|
|
49752
|
+
},
|
|
49753
|
+
"blur": {
|
|
49754
|
+
"value": 0,
|
|
49755
|
+
"unit": "px"
|
|
49756
|
+
},
|
|
49757
|
+
"spread": {
|
|
49758
|
+
"value": 1,
|
|
49759
|
+
"unit": "px"
|
|
49760
|
+
}
|
|
49761
|
+
},
|
|
49762
|
+
{
|
|
49763
|
+
"color": "#f0f6fc",
|
|
49764
|
+
"alpha": 0.32,
|
|
49765
|
+
"offsetX": {
|
|
49766
|
+
"value": 0,
|
|
49767
|
+
"unit": "px"
|
|
49768
|
+
},
|
|
49769
|
+
"offsetY": {
|
|
49770
|
+
"value": 56,
|
|
49771
|
+
"unit": "px"
|
|
49772
|
+
},
|
|
49773
|
+
"blur": {
|
|
49774
|
+
"value": 112,
|
|
49775
|
+
"unit": "px"
|
|
49776
|
+
},
|
|
49777
|
+
"spread": {
|
|
49778
|
+
"value": 0,
|
|
49779
|
+
"unit": "px"
|
|
49780
|
+
}
|
|
47953
49781
|
}
|
|
47954
49782
|
],
|
|
47955
49783
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
47956
49784
|
"isSource": true,
|
|
47957
49785
|
"$type": "shadow"
|
|
47958
49786
|
}
|
|
49787
|
+
},
|
|
49788
|
+
"org.primer.llm": {
|
|
49789
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
49790
|
+
"rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements."
|
|
47959
49791
|
}
|
|
47960
49792
|
},
|
|
47961
49793
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -47965,21 +49797,46 @@
|
|
|
47965
49797
|
{
|
|
47966
49798
|
"color": "{overlay.borderColor}",
|
|
47967
49799
|
"alpha": 1,
|
|
47968
|
-
"offsetX":
|
|
47969
|
-
|
|
47970
|
-
|
|
47971
|
-
|
|
49800
|
+
"offsetX": {
|
|
49801
|
+
"value": 0,
|
|
49802
|
+
"unit": "px"
|
|
49803
|
+
},
|
|
49804
|
+
"offsetY": {
|
|
49805
|
+
"value": 0,
|
|
49806
|
+
"unit": "px"
|
|
49807
|
+
},
|
|
49808
|
+
"blur": {
|
|
49809
|
+
"value": 0,
|
|
49810
|
+
"unit": "px"
|
|
49811
|
+
},
|
|
49812
|
+
"spread": {
|
|
49813
|
+
"value": 1,
|
|
49814
|
+
"unit": "px"
|
|
49815
|
+
}
|
|
47972
49816
|
},
|
|
47973
49817
|
{
|
|
47974
49818
|
"color": "{base.color.neutral.0}",
|
|
47975
49819
|
"alpha": 1,
|
|
47976
|
-
"offsetX":
|
|
47977
|
-
|
|
47978
|
-
|
|
47979
|
-
|
|
49820
|
+
"offsetX": {
|
|
49821
|
+
"value": 0,
|
|
49822
|
+
"unit": "px"
|
|
49823
|
+
},
|
|
49824
|
+
"offsetY": {
|
|
49825
|
+
"value": 32,
|
|
49826
|
+
"unit": "px"
|
|
49827
|
+
},
|
|
49828
|
+
"blur": {
|
|
49829
|
+
"value": 64,
|
|
49830
|
+
"unit": "px"
|
|
49831
|
+
},
|
|
49832
|
+
"spread": {
|
|
49833
|
+
"value": 0,
|
|
49834
|
+
"unit": "px"
|
|
49835
|
+
}
|
|
47980
49836
|
}
|
|
47981
49837
|
],
|
|
47982
49838
|
"$type": "shadow",
|
|
49839
|
+
"$description": "Extra large floating shadow for full-screen overlays and sheets",
|
|
47983
49840
|
"$extensions": {
|
|
47984
49841
|
"org.primer.figma": {
|
|
47985
49842
|
"collection": "mode",
|
|
@@ -47991,24 +49848,193 @@
|
|
|
47991
49848
|
{
|
|
47992
49849
|
"color": "{overlay.borderColor}",
|
|
47993
49850
|
"alpha": 1,
|
|
47994
|
-
"offsetX":
|
|
47995
|
-
|
|
47996
|
-
|
|
47997
|
-
|
|
49851
|
+
"offsetX": {
|
|
49852
|
+
"value": 0,
|
|
49853
|
+
"unit": "px"
|
|
49854
|
+
},
|
|
49855
|
+
"offsetY": {
|
|
49856
|
+
"value": 0,
|
|
49857
|
+
"unit": "px"
|
|
49858
|
+
},
|
|
49859
|
+
"blur": {
|
|
49860
|
+
"value": 0,
|
|
49861
|
+
"unit": "px"
|
|
49862
|
+
},
|
|
49863
|
+
"spread": {
|
|
49864
|
+
"value": 1,
|
|
49865
|
+
"unit": "px"
|
|
49866
|
+
}
|
|
47998
49867
|
},
|
|
47999
49868
|
{
|
|
48000
49869
|
"color": "{base.color.neutral.0}",
|
|
48001
49870
|
"alpha": 1,
|
|
48002
|
-
"offsetX":
|
|
48003
|
-
|
|
48004
|
-
|
|
48005
|
-
|
|
49871
|
+
"offsetX": {
|
|
49872
|
+
"value": 0,
|
|
49873
|
+
"unit": "px"
|
|
49874
|
+
},
|
|
49875
|
+
"offsetY": {
|
|
49876
|
+
"value": 32,
|
|
49877
|
+
"unit": "px"
|
|
49878
|
+
},
|
|
49879
|
+
"blur": {
|
|
49880
|
+
"value": 64,
|
|
49881
|
+
"unit": "px"
|
|
49882
|
+
},
|
|
49883
|
+
"spread": {
|
|
49884
|
+
"value": 0,
|
|
49885
|
+
"unit": "px"
|
|
49886
|
+
}
|
|
49887
|
+
}
|
|
49888
|
+
],
|
|
49889
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49890
|
+
"isSource": true,
|
|
49891
|
+
"$type": "shadow"
|
|
49892
|
+
},
|
|
49893
|
+
"light-high-contrast": {
|
|
49894
|
+
"$value": [
|
|
49895
|
+
{
|
|
49896
|
+
"color": "{overlay.borderColor}",
|
|
49897
|
+
"alpha": 1,
|
|
49898
|
+
"offsetX": {
|
|
49899
|
+
"value": 0,
|
|
49900
|
+
"unit": "px"
|
|
49901
|
+
},
|
|
49902
|
+
"offsetY": {
|
|
49903
|
+
"value": 0,
|
|
49904
|
+
"unit": "px"
|
|
49905
|
+
},
|
|
49906
|
+
"blur": {
|
|
49907
|
+
"value": 0,
|
|
49908
|
+
"unit": "px"
|
|
49909
|
+
},
|
|
49910
|
+
"spread": {
|
|
49911
|
+
"value": 1,
|
|
49912
|
+
"unit": "px"
|
|
49913
|
+
}
|
|
49914
|
+
},
|
|
49915
|
+
{
|
|
49916
|
+
"color": "{base.color.neutral.12}",
|
|
49917
|
+
"alpha": 0.32,
|
|
49918
|
+
"offsetX": {
|
|
49919
|
+
"value": 0,
|
|
49920
|
+
"unit": "px"
|
|
49921
|
+
},
|
|
49922
|
+
"offsetY": {
|
|
49923
|
+
"value": 56,
|
|
49924
|
+
"unit": "px"
|
|
49925
|
+
},
|
|
49926
|
+
"blur": {
|
|
49927
|
+
"value": 112,
|
|
49928
|
+
"unit": "px"
|
|
49929
|
+
},
|
|
49930
|
+
"spread": {
|
|
49931
|
+
"value": 0,
|
|
49932
|
+
"unit": "px"
|
|
49933
|
+
}
|
|
49934
|
+
}
|
|
49935
|
+
],
|
|
49936
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49937
|
+
"isSource": true,
|
|
49938
|
+
"$type": "shadow"
|
|
49939
|
+
},
|
|
49940
|
+
"light-protanopia-deuteranopia-high-contrast": {
|
|
49941
|
+
"$value": [
|
|
49942
|
+
{
|
|
49943
|
+
"color": "{overlay.borderColor}",
|
|
49944
|
+
"alpha": 1,
|
|
49945
|
+
"offsetX": {
|
|
49946
|
+
"value": 0,
|
|
49947
|
+
"unit": "px"
|
|
49948
|
+
},
|
|
49949
|
+
"offsetY": {
|
|
49950
|
+
"value": 0,
|
|
49951
|
+
"unit": "px"
|
|
49952
|
+
},
|
|
49953
|
+
"blur": {
|
|
49954
|
+
"value": 0,
|
|
49955
|
+
"unit": "px"
|
|
49956
|
+
},
|
|
49957
|
+
"spread": {
|
|
49958
|
+
"value": 1,
|
|
49959
|
+
"unit": "px"
|
|
49960
|
+
}
|
|
49961
|
+
},
|
|
49962
|
+
{
|
|
49963
|
+
"color": "{base.color.neutral.12}",
|
|
49964
|
+
"alpha": 0.32,
|
|
49965
|
+
"offsetX": {
|
|
49966
|
+
"value": 0,
|
|
49967
|
+
"unit": "px"
|
|
49968
|
+
},
|
|
49969
|
+
"offsetY": {
|
|
49970
|
+
"value": 56,
|
|
49971
|
+
"unit": "px"
|
|
49972
|
+
},
|
|
49973
|
+
"blur": {
|
|
49974
|
+
"value": 112,
|
|
49975
|
+
"unit": "px"
|
|
49976
|
+
},
|
|
49977
|
+
"spread": {
|
|
49978
|
+
"value": 0,
|
|
49979
|
+
"unit": "px"
|
|
49980
|
+
}
|
|
49981
|
+
}
|
|
49982
|
+
],
|
|
49983
|
+
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49984
|
+
"isSource": true,
|
|
49985
|
+
"$type": "shadow"
|
|
49986
|
+
},
|
|
49987
|
+
"light-tritanopia-high-contrast": {
|
|
49988
|
+
"$value": [
|
|
49989
|
+
{
|
|
49990
|
+
"color": "{overlay.borderColor}",
|
|
49991
|
+
"alpha": 1,
|
|
49992
|
+
"offsetX": {
|
|
49993
|
+
"value": 0,
|
|
49994
|
+
"unit": "px"
|
|
49995
|
+
},
|
|
49996
|
+
"offsetY": {
|
|
49997
|
+
"value": 0,
|
|
49998
|
+
"unit": "px"
|
|
49999
|
+
},
|
|
50000
|
+
"blur": {
|
|
50001
|
+
"value": 0,
|
|
50002
|
+
"unit": "px"
|
|
50003
|
+
},
|
|
50004
|
+
"spread": {
|
|
50005
|
+
"value": 1,
|
|
50006
|
+
"unit": "px"
|
|
50007
|
+
}
|
|
50008
|
+
},
|
|
50009
|
+
{
|
|
50010
|
+
"color": "{base.color.neutral.12}",
|
|
50011
|
+
"alpha": 0.32,
|
|
50012
|
+
"offsetX": {
|
|
50013
|
+
"value": 0,
|
|
50014
|
+
"unit": "px"
|
|
50015
|
+
},
|
|
50016
|
+
"offsetY": {
|
|
50017
|
+
"value": 56,
|
|
50018
|
+
"unit": "px"
|
|
50019
|
+
},
|
|
50020
|
+
"blur": {
|
|
50021
|
+
"value": 112,
|
|
50022
|
+
"unit": "px"
|
|
50023
|
+
},
|
|
50024
|
+
"spread": {
|
|
50025
|
+
"value": 0,
|
|
50026
|
+
"unit": "px"
|
|
50027
|
+
}
|
|
48006
50028
|
}
|
|
48007
50029
|
],
|
|
48008
50030
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48009
50031
|
"isSource": true,
|
|
48010
50032
|
"$type": "shadow"
|
|
48011
50033
|
}
|
|
50034
|
+
},
|
|
50035
|
+
"org.primer.llm": {
|
|
50036
|
+
"usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
|
|
50037
|
+
"rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements."
|
|
48012
50038
|
}
|
|
48013
50039
|
},
|
|
48014
50040
|
"key": "{shadow.floating.xlarge}"
|
|
@@ -48016,8 +50042,9 @@
|
|
|
48016
50042
|
"name": "shadow-floating-xlarge",
|
|
48017
50043
|
"attributes": {},
|
|
48018
50044
|
"path": ["shadow", "floating", "xlarge"],
|
|
48019
|
-
"value": "
|
|
48020
|
-
"type": "shadow"
|
|
50045
|
+
"value": "0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409",
|
|
50046
|
+
"type": "shadow",
|
|
50047
|
+
"description": "Extra large floating shadow for full-screen overlays and sheets"
|
|
48021
50048
|
},
|
|
48022
50049
|
"shadow-inset": {
|
|
48023
50050
|
"key": "{shadow.inset}",
|
|
@@ -48031,16 +50058,32 @@
|
|
|
48031
50058
|
"$value": {
|
|
48032
50059
|
"color": "#010409",
|
|
48033
50060
|
"alpha": 0.24,
|
|
48034
|
-
"offsetX":
|
|
48035
|
-
|
|
48036
|
-
|
|
48037
|
-
|
|
50061
|
+
"offsetX": {
|
|
50062
|
+
"value": 0,
|
|
50063
|
+
"unit": "px"
|
|
50064
|
+
},
|
|
50065
|
+
"offsetY": {
|
|
50066
|
+
"value": 1,
|
|
50067
|
+
"unit": "px"
|
|
50068
|
+
},
|
|
50069
|
+
"blur": {
|
|
50070
|
+
"value": 0,
|
|
50071
|
+
"unit": "px"
|
|
50072
|
+
},
|
|
50073
|
+
"spread": {
|
|
50074
|
+
"value": 0,
|
|
50075
|
+
"unit": "px"
|
|
50076
|
+
},
|
|
48038
50077
|
"inset": true
|
|
48039
50078
|
},
|
|
48040
50079
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48041
50080
|
"isSource": true,
|
|
48042
50081
|
"$type": "shadow"
|
|
48043
50082
|
}
|
|
50083
|
+
},
|
|
50084
|
+
"org.primer.llm": {
|
|
50085
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50086
|
+
"rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements."
|
|
48044
50087
|
}
|
|
48045
50088
|
},
|
|
48046
50089
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48049,13 +50092,26 @@
|
|
|
48049
50092
|
"$value": {
|
|
48050
50093
|
"color": "{base.color.neutral.0}",
|
|
48051
50094
|
"alpha": 0.24,
|
|
48052
|
-
"offsetX":
|
|
48053
|
-
|
|
48054
|
-
|
|
48055
|
-
|
|
50095
|
+
"offsetX": {
|
|
50096
|
+
"value": 0,
|
|
50097
|
+
"unit": "px"
|
|
50098
|
+
},
|
|
50099
|
+
"offsetY": {
|
|
50100
|
+
"value": 1,
|
|
50101
|
+
"unit": "px"
|
|
50102
|
+
},
|
|
50103
|
+
"blur": {
|
|
50104
|
+
"value": 0,
|
|
50105
|
+
"unit": "px"
|
|
50106
|
+
},
|
|
50107
|
+
"spread": {
|
|
50108
|
+
"value": 0,
|
|
50109
|
+
"unit": "px"
|
|
50110
|
+
},
|
|
48056
50111
|
"inset": true
|
|
48057
50112
|
},
|
|
48058
50113
|
"$type": "shadow",
|
|
50114
|
+
"$description": "Inset shadow for recessed elements",
|
|
48059
50115
|
"$extensions": {
|
|
48060
50116
|
"org.primer.figma": {
|
|
48061
50117
|
"collection": "mode",
|
|
@@ -48066,16 +50122,32 @@
|
|
|
48066
50122
|
"$value": {
|
|
48067
50123
|
"color": "{base.color.neutral.0}",
|
|
48068
50124
|
"alpha": 0.24,
|
|
48069
|
-
"offsetX":
|
|
48070
|
-
|
|
48071
|
-
|
|
48072
|
-
|
|
50125
|
+
"offsetX": {
|
|
50126
|
+
"value": 0,
|
|
50127
|
+
"unit": "px"
|
|
50128
|
+
},
|
|
50129
|
+
"offsetY": {
|
|
50130
|
+
"value": 1,
|
|
50131
|
+
"unit": "px"
|
|
50132
|
+
},
|
|
50133
|
+
"blur": {
|
|
50134
|
+
"value": 0,
|
|
50135
|
+
"unit": "px"
|
|
50136
|
+
},
|
|
50137
|
+
"spread": {
|
|
50138
|
+
"value": 0,
|
|
50139
|
+
"unit": "px"
|
|
50140
|
+
},
|
|
48073
50141
|
"inset": true
|
|
48074
50142
|
},
|
|
48075
50143
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48076
50144
|
"isSource": true,
|
|
48077
50145
|
"$type": "shadow"
|
|
48078
50146
|
}
|
|
50147
|
+
},
|
|
50148
|
+
"org.primer.llm": {
|
|
50149
|
+
"usage": ["input-field", "pressed-button", "recessed-area", "well"],
|
|
50150
|
+
"rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements."
|
|
48079
50151
|
}
|
|
48080
50152
|
},
|
|
48081
50153
|
"key": "{shadow.inset}"
|
|
@@ -48083,8 +50155,9 @@
|
|
|
48083
50155
|
"name": "shadow-inset",
|
|
48084
50156
|
"attributes": {},
|
|
48085
50157
|
"path": ["shadow", "inset"],
|
|
48086
|
-
"value": "inset
|
|
48087
|
-
"type": "shadow"
|
|
50158
|
+
"value": "inset 0 1px 0 0 #0104093d",
|
|
50159
|
+
"type": "shadow",
|
|
50160
|
+
"description": "Inset shadow for recessed elements"
|
|
48088
50161
|
},
|
|
48089
50162
|
"shadow-resting-medium": {
|
|
48090
50163
|
"key": "{shadow.resting.medium}",
|
|
@@ -48099,24 +50172,52 @@
|
|
|
48099
50172
|
{
|
|
48100
50173
|
"color": "#010409",
|
|
48101
50174
|
"alpha": 0.4,
|
|
48102
|
-
"offsetX":
|
|
48103
|
-
|
|
48104
|
-
|
|
48105
|
-
|
|
50175
|
+
"offsetX": {
|
|
50176
|
+
"value": 0,
|
|
50177
|
+
"unit": "px"
|
|
50178
|
+
},
|
|
50179
|
+
"offsetY": {
|
|
50180
|
+
"value": 1,
|
|
50181
|
+
"unit": "px"
|
|
50182
|
+
},
|
|
50183
|
+
"blur": {
|
|
50184
|
+
"value": 1,
|
|
50185
|
+
"unit": "px"
|
|
50186
|
+
},
|
|
50187
|
+
"spread": {
|
|
50188
|
+
"value": 0,
|
|
50189
|
+
"unit": "px"
|
|
50190
|
+
}
|
|
48106
50191
|
},
|
|
48107
50192
|
{
|
|
48108
50193
|
"color": "#010409",
|
|
48109
50194
|
"alpha": 0.8,
|
|
48110
|
-
"offsetX":
|
|
48111
|
-
|
|
48112
|
-
|
|
48113
|
-
|
|
50195
|
+
"offsetX": {
|
|
50196
|
+
"value": 0,
|
|
50197
|
+
"unit": "px"
|
|
50198
|
+
},
|
|
50199
|
+
"offsetY": {
|
|
50200
|
+
"value": 3,
|
|
50201
|
+
"unit": "px"
|
|
50202
|
+
},
|
|
50203
|
+
"blur": {
|
|
50204
|
+
"value": 6,
|
|
50205
|
+
"unit": "px"
|
|
50206
|
+
},
|
|
50207
|
+
"spread": {
|
|
50208
|
+
"value": 0,
|
|
50209
|
+
"unit": "px"
|
|
50210
|
+
}
|
|
48114
50211
|
}
|
|
48115
50212
|
],
|
|
48116
50213
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48117
50214
|
"isSource": true,
|
|
48118
50215
|
"$type": "shadow"
|
|
48119
50216
|
}
|
|
50217
|
+
},
|
|
50218
|
+
"org.primer.llm": {
|
|
50219
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50220
|
+
"rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals."
|
|
48120
50221
|
}
|
|
48121
50222
|
},
|
|
48122
50223
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48126,21 +50227,46 @@
|
|
|
48126
50227
|
{
|
|
48127
50228
|
"color": "{base.color.neutral.0}",
|
|
48128
50229
|
"alpha": 0.4,
|
|
48129
|
-
"offsetX":
|
|
48130
|
-
|
|
48131
|
-
|
|
48132
|
-
|
|
50230
|
+
"offsetX": {
|
|
50231
|
+
"value": 0,
|
|
50232
|
+
"unit": "px"
|
|
50233
|
+
},
|
|
50234
|
+
"offsetY": {
|
|
50235
|
+
"value": 1,
|
|
50236
|
+
"unit": "px"
|
|
50237
|
+
},
|
|
50238
|
+
"blur": {
|
|
50239
|
+
"value": 1,
|
|
50240
|
+
"unit": "px"
|
|
50241
|
+
},
|
|
50242
|
+
"spread": {
|
|
50243
|
+
"value": 0,
|
|
50244
|
+
"unit": "px"
|
|
50245
|
+
}
|
|
48133
50246
|
},
|
|
48134
50247
|
{
|
|
48135
50248
|
"color": "{base.color.neutral.0}",
|
|
48136
50249
|
"alpha": 0.8,
|
|
48137
|
-
"offsetX":
|
|
48138
|
-
|
|
48139
|
-
|
|
48140
|
-
|
|
50250
|
+
"offsetX": {
|
|
50251
|
+
"value": 0,
|
|
50252
|
+
"unit": "px"
|
|
50253
|
+
},
|
|
50254
|
+
"offsetY": {
|
|
50255
|
+
"value": 3,
|
|
50256
|
+
"unit": "px"
|
|
50257
|
+
},
|
|
50258
|
+
"blur": {
|
|
50259
|
+
"value": 6,
|
|
50260
|
+
"unit": "px"
|
|
50261
|
+
},
|
|
50262
|
+
"spread": {
|
|
50263
|
+
"value": 0,
|
|
50264
|
+
"unit": "px"
|
|
50265
|
+
}
|
|
48141
50266
|
}
|
|
48142
50267
|
],
|
|
48143
50268
|
"$type": "shadow",
|
|
50269
|
+
"$description": "Medium resting shadow for cards and elevated surfaces",
|
|
48144
50270
|
"$extensions": {
|
|
48145
50271
|
"org.primer.figma": {
|
|
48146
50272
|
"collection": "mode",
|
|
@@ -48152,24 +50278,52 @@
|
|
|
48152
50278
|
{
|
|
48153
50279
|
"color": "{base.color.neutral.0}",
|
|
48154
50280
|
"alpha": 0.4,
|
|
48155
|
-
"offsetX":
|
|
48156
|
-
|
|
48157
|
-
|
|
48158
|
-
|
|
50281
|
+
"offsetX": {
|
|
50282
|
+
"value": 0,
|
|
50283
|
+
"unit": "px"
|
|
50284
|
+
},
|
|
50285
|
+
"offsetY": {
|
|
50286
|
+
"value": 1,
|
|
50287
|
+
"unit": "px"
|
|
50288
|
+
},
|
|
50289
|
+
"blur": {
|
|
50290
|
+
"value": 1,
|
|
50291
|
+
"unit": "px"
|
|
50292
|
+
},
|
|
50293
|
+
"spread": {
|
|
50294
|
+
"value": 0,
|
|
50295
|
+
"unit": "px"
|
|
50296
|
+
}
|
|
48159
50297
|
},
|
|
48160
50298
|
{
|
|
48161
50299
|
"color": "{base.color.neutral.0}",
|
|
48162
50300
|
"alpha": 0.8,
|
|
48163
|
-
"offsetX":
|
|
48164
|
-
|
|
48165
|
-
|
|
48166
|
-
|
|
50301
|
+
"offsetX": {
|
|
50302
|
+
"value": 0,
|
|
50303
|
+
"unit": "px"
|
|
50304
|
+
},
|
|
50305
|
+
"offsetY": {
|
|
50306
|
+
"value": 3,
|
|
50307
|
+
"unit": "px"
|
|
50308
|
+
},
|
|
50309
|
+
"blur": {
|
|
50310
|
+
"value": 6,
|
|
50311
|
+
"unit": "px"
|
|
50312
|
+
},
|
|
50313
|
+
"spread": {
|
|
50314
|
+
"value": 0,
|
|
50315
|
+
"unit": "px"
|
|
50316
|
+
}
|
|
48167
50317
|
}
|
|
48168
50318
|
],
|
|
48169
50319
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48170
50320
|
"isSource": true,
|
|
48171
50321
|
"$type": "shadow"
|
|
48172
50322
|
}
|
|
50323
|
+
},
|
|
50324
|
+
"org.primer.llm": {
|
|
50325
|
+
"usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
|
|
50326
|
+
"rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals."
|
|
48173
50327
|
}
|
|
48174
50328
|
},
|
|
48175
50329
|
"key": "{shadow.resting.medium}"
|
|
@@ -48177,8 +50331,9 @@
|
|
|
48177
50331
|
"name": "shadow-resting-medium",
|
|
48178
50332
|
"attributes": {},
|
|
48179
50333
|
"path": ["shadow", "resting", "medium"],
|
|
48180
|
-
"value": "
|
|
48181
|
-
"type": "shadow"
|
|
50334
|
+
"value": "0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc",
|
|
50335
|
+
"type": "shadow",
|
|
50336
|
+
"description": "Medium resting shadow for cards and elevated surfaces"
|
|
48182
50337
|
},
|
|
48183
50338
|
"shadow-resting-small": {
|
|
48184
50339
|
"key": "{shadow.resting.small}",
|
|
@@ -48193,19 +50348,43 @@
|
|
|
48193
50348
|
{
|
|
48194
50349
|
"color": "#010409",
|
|
48195
50350
|
"alpha": 0.6,
|
|
48196
|
-
"offsetX":
|
|
48197
|
-
|
|
48198
|
-
|
|
48199
|
-
|
|
50351
|
+
"offsetX": {
|
|
50352
|
+
"value": 0,
|
|
50353
|
+
"unit": "px"
|
|
50354
|
+
},
|
|
50355
|
+
"offsetY": {
|
|
50356
|
+
"value": 1,
|
|
50357
|
+
"unit": "px"
|
|
50358
|
+
},
|
|
50359
|
+
"blur": {
|
|
50360
|
+
"value": 1,
|
|
50361
|
+
"unit": "px"
|
|
50362
|
+
},
|
|
50363
|
+
"spread": {
|
|
50364
|
+
"value": 0,
|
|
50365
|
+
"unit": "px"
|
|
50366
|
+
},
|
|
48200
50367
|
"inset": false
|
|
48201
50368
|
},
|
|
48202
50369
|
{
|
|
48203
50370
|
"color": "#010409",
|
|
48204
50371
|
"alpha": 0.6,
|
|
48205
|
-
"offsetX":
|
|
48206
|
-
|
|
48207
|
-
|
|
48208
|
-
|
|
50372
|
+
"offsetX": {
|
|
50373
|
+
"value": 0,
|
|
50374
|
+
"unit": "px"
|
|
50375
|
+
},
|
|
50376
|
+
"offsetY": {
|
|
50377
|
+
"value": 1,
|
|
50378
|
+
"unit": "px"
|
|
50379
|
+
},
|
|
50380
|
+
"blur": {
|
|
50381
|
+
"value": 3,
|
|
50382
|
+
"unit": "px"
|
|
50383
|
+
},
|
|
50384
|
+
"spread": {
|
|
50385
|
+
"value": 0,
|
|
50386
|
+
"unit": "px"
|
|
50387
|
+
},
|
|
48209
50388
|
"inset": false
|
|
48210
50389
|
}
|
|
48211
50390
|
],
|
|
@@ -48213,6 +50392,10 @@
|
|
|
48213
50392
|
"isSource": true,
|
|
48214
50393
|
"$type": "shadow"
|
|
48215
50394
|
}
|
|
50395
|
+
},
|
|
50396
|
+
"org.primer.llm": {
|
|
50397
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50398
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48216
50399
|
}
|
|
48217
50400
|
},
|
|
48218
50401
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48222,23 +50405,48 @@
|
|
|
48222
50405
|
{
|
|
48223
50406
|
"color": "{base.color.neutral.0}",
|
|
48224
50407
|
"alpha": 0.6,
|
|
48225
|
-
"offsetX":
|
|
48226
|
-
|
|
48227
|
-
|
|
48228
|
-
|
|
50408
|
+
"offsetX": {
|
|
50409
|
+
"value": 0,
|
|
50410
|
+
"unit": "px"
|
|
50411
|
+
},
|
|
50412
|
+
"offsetY": {
|
|
50413
|
+
"value": 1,
|
|
50414
|
+
"unit": "px"
|
|
50415
|
+
},
|
|
50416
|
+
"blur": {
|
|
50417
|
+
"value": 1,
|
|
50418
|
+
"unit": "px"
|
|
50419
|
+
},
|
|
50420
|
+
"spread": {
|
|
50421
|
+
"value": 0,
|
|
50422
|
+
"unit": "px"
|
|
50423
|
+
},
|
|
48229
50424
|
"inset": false
|
|
48230
50425
|
},
|
|
48231
50426
|
{
|
|
48232
50427
|
"color": "{base.color.neutral.0}",
|
|
48233
50428
|
"alpha": 0.6,
|
|
48234
|
-
"offsetX":
|
|
48235
|
-
|
|
48236
|
-
|
|
48237
|
-
|
|
50429
|
+
"offsetX": {
|
|
50430
|
+
"value": 0,
|
|
50431
|
+
"unit": "px"
|
|
50432
|
+
},
|
|
50433
|
+
"offsetY": {
|
|
50434
|
+
"value": 1,
|
|
50435
|
+
"unit": "px"
|
|
50436
|
+
},
|
|
50437
|
+
"blur": {
|
|
50438
|
+
"value": 3,
|
|
50439
|
+
"unit": "px"
|
|
50440
|
+
},
|
|
50441
|
+
"spread": {
|
|
50442
|
+
"value": 0,
|
|
50443
|
+
"unit": "px"
|
|
50444
|
+
},
|
|
48238
50445
|
"inset": false
|
|
48239
50446
|
}
|
|
48240
50447
|
],
|
|
48241
50448
|
"$type": "shadow",
|
|
50449
|
+
"$description": "Small resting shadow for buttons and interactive elements",
|
|
48242
50450
|
"$extensions": {
|
|
48243
50451
|
"org.primer.figma": {
|
|
48244
50452
|
"collection": "mode",
|
|
@@ -48250,19 +50458,43 @@
|
|
|
48250
50458
|
{
|
|
48251
50459
|
"color": "{base.color.neutral.0}",
|
|
48252
50460
|
"alpha": 0.6,
|
|
48253
|
-
"offsetX":
|
|
48254
|
-
|
|
48255
|
-
|
|
48256
|
-
|
|
50461
|
+
"offsetX": {
|
|
50462
|
+
"value": 0,
|
|
50463
|
+
"unit": "px"
|
|
50464
|
+
},
|
|
50465
|
+
"offsetY": {
|
|
50466
|
+
"value": 1,
|
|
50467
|
+
"unit": "px"
|
|
50468
|
+
},
|
|
50469
|
+
"blur": {
|
|
50470
|
+
"value": 1,
|
|
50471
|
+
"unit": "px"
|
|
50472
|
+
},
|
|
50473
|
+
"spread": {
|
|
50474
|
+
"value": 0,
|
|
50475
|
+
"unit": "px"
|
|
50476
|
+
},
|
|
48257
50477
|
"inset": false
|
|
48258
50478
|
},
|
|
48259
50479
|
{
|
|
48260
50480
|
"color": "{base.color.neutral.0}",
|
|
48261
50481
|
"alpha": 0.6,
|
|
48262
|
-
"offsetX":
|
|
48263
|
-
|
|
48264
|
-
|
|
48265
|
-
|
|
50482
|
+
"offsetX": {
|
|
50483
|
+
"value": 0,
|
|
50484
|
+
"unit": "px"
|
|
50485
|
+
},
|
|
50486
|
+
"offsetY": {
|
|
50487
|
+
"value": 1,
|
|
50488
|
+
"unit": "px"
|
|
50489
|
+
},
|
|
50490
|
+
"blur": {
|
|
50491
|
+
"value": 3,
|
|
50492
|
+
"unit": "px"
|
|
50493
|
+
},
|
|
50494
|
+
"spread": {
|
|
50495
|
+
"value": 0,
|
|
50496
|
+
"unit": "px"
|
|
50497
|
+
},
|
|
48266
50498
|
"inset": false
|
|
48267
50499
|
}
|
|
48268
50500
|
],
|
|
@@ -48270,6 +50502,10 @@
|
|
|
48270
50502
|
"isSource": true,
|
|
48271
50503
|
"$type": "shadow"
|
|
48272
50504
|
}
|
|
50505
|
+
},
|
|
50506
|
+
"org.primer.llm": {
|
|
50507
|
+
"usage": ["button", "interactive-card", "clickable-element"],
|
|
50508
|
+
"rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
|
|
48273
50509
|
}
|
|
48274
50510
|
},
|
|
48275
50511
|
"key": "{shadow.resting.small}"
|
|
@@ -48277,8 +50513,9 @@
|
|
|
48277
50513
|
"name": "shadow-resting-small",
|
|
48278
50514
|
"attributes": {},
|
|
48279
50515
|
"path": ["shadow", "resting", "small"],
|
|
48280
|
-
"value": "
|
|
48281
|
-
"type": "shadow"
|
|
50516
|
+
"value": "0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999",
|
|
50517
|
+
"type": "shadow",
|
|
50518
|
+
"description": "Small resting shadow for buttons and interactive elements"
|
|
48282
50519
|
},
|
|
48283
50520
|
"shadow-resting-xsmall": {
|
|
48284
50521
|
"key": "{shadow.resting.xsmall}",
|
|
@@ -48292,16 +50529,32 @@
|
|
|
48292
50529
|
"$value": {
|
|
48293
50530
|
"color": "#010409",
|
|
48294
50531
|
"alpha": 0.8,
|
|
48295
|
-
"offsetX":
|
|
48296
|
-
|
|
48297
|
-
|
|
48298
|
-
|
|
50532
|
+
"offsetX": {
|
|
50533
|
+
"value": 0,
|
|
50534
|
+
"unit": "px"
|
|
50535
|
+
},
|
|
50536
|
+
"offsetY": {
|
|
50537
|
+
"value": 1,
|
|
50538
|
+
"unit": "px"
|
|
50539
|
+
},
|
|
50540
|
+
"blur": {
|
|
50541
|
+
"value": 1,
|
|
50542
|
+
"unit": "px"
|
|
50543
|
+
},
|
|
50544
|
+
"spread": {
|
|
50545
|
+
"value": 0,
|
|
50546
|
+
"unit": "px"
|
|
50547
|
+
},
|
|
48299
50548
|
"inset": false
|
|
48300
50549
|
},
|
|
48301
50550
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48302
50551
|
"isSource": true,
|
|
48303
50552
|
"$type": "shadow"
|
|
48304
50553
|
}
|
|
50554
|
+
},
|
|
50555
|
+
"org.primer.llm": {
|
|
50556
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50557
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48305
50558
|
}
|
|
48306
50559
|
},
|
|
48307
50560
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
@@ -48310,13 +50563,26 @@
|
|
|
48310
50563
|
"$value": {
|
|
48311
50564
|
"color": "{base.color.neutral.0}",
|
|
48312
50565
|
"alpha": 0.8,
|
|
48313
|
-
"offsetX":
|
|
48314
|
-
|
|
48315
|
-
|
|
48316
|
-
|
|
50566
|
+
"offsetX": {
|
|
50567
|
+
"value": 0,
|
|
50568
|
+
"unit": "px"
|
|
50569
|
+
},
|
|
50570
|
+
"offsetY": {
|
|
50571
|
+
"value": 1,
|
|
50572
|
+
"unit": "px"
|
|
50573
|
+
},
|
|
50574
|
+
"blur": {
|
|
50575
|
+
"value": 1,
|
|
50576
|
+
"unit": "px"
|
|
50577
|
+
},
|
|
50578
|
+
"spread": {
|
|
50579
|
+
"value": 0,
|
|
50580
|
+
"unit": "px"
|
|
50581
|
+
},
|
|
48317
50582
|
"inset": false
|
|
48318
50583
|
},
|
|
48319
50584
|
"$type": "shadow",
|
|
50585
|
+
"$description": "Extra small resting shadow for minimal elevation",
|
|
48320
50586
|
"$extensions": {
|
|
48321
50587
|
"org.primer.figma": {
|
|
48322
50588
|
"collection": "mode",
|
|
@@ -48327,16 +50593,32 @@
|
|
|
48327
50593
|
"$value": {
|
|
48328
50594
|
"color": "{base.color.neutral.0}",
|
|
48329
50595
|
"alpha": 0.8,
|
|
48330
|
-
"offsetX":
|
|
48331
|
-
|
|
48332
|
-
|
|
48333
|
-
|
|
50596
|
+
"offsetX": {
|
|
50597
|
+
"value": 0,
|
|
50598
|
+
"unit": "px"
|
|
50599
|
+
},
|
|
50600
|
+
"offsetY": {
|
|
50601
|
+
"value": 1,
|
|
50602
|
+
"unit": "px"
|
|
50603
|
+
},
|
|
50604
|
+
"blur": {
|
|
50605
|
+
"value": 1,
|
|
50606
|
+
"unit": "px"
|
|
50607
|
+
},
|
|
50608
|
+
"spread": {
|
|
50609
|
+
"value": 0,
|
|
50610
|
+
"unit": "px"
|
|
50611
|
+
},
|
|
48334
50612
|
"inset": false
|
|
48335
50613
|
},
|
|
48336
50614
|
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
48337
50615
|
"isSource": true,
|
|
48338
50616
|
"$type": "shadow"
|
|
48339
50617
|
}
|
|
50618
|
+
},
|
|
50619
|
+
"org.primer.llm": {
|
|
50620
|
+
"usage": ["badge", "chip", "small-card", "subtle-elevation"],
|
|
50621
|
+
"rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
|
|
48340
50622
|
}
|
|
48341
50623
|
},
|
|
48342
50624
|
"key": "{shadow.resting.xsmall}"
|
|
@@ -48344,8 +50626,9 @@
|
|
|
48344
50626
|
"name": "shadow-resting-xsmall",
|
|
48345
50627
|
"attributes": {},
|
|
48346
50628
|
"path": ["shadow", "resting", "xsmall"],
|
|
48347
|
-
"value": "
|
|
48348
|
-
"type": "shadow"
|
|
50629
|
+
"value": "0 1px 1px 0 #010409cc",
|
|
50630
|
+
"type": "shadow",
|
|
50631
|
+
"description": "Extra small resting shadow for minimal elevation"
|
|
48349
50632
|
},
|
|
48350
50633
|
"sideNav-bgColor-selected": {
|
|
48351
50634
|
"key": "{sideNav.bgColor.selected}",
|