@primer/primitives 10.0.0 → 10.1.0-rc.3495b605
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/README.md +0 -21
- package/dist/build/filters/index.d.ts +0 -1
- package/dist/build/filters/index.js +0 -1
- package/dist/build/filters/isColor.js +0 -3
- package/dist/build/formats/jsonFigma.js +1 -2
- package/dist/build/formats/typescriptExportDefinition.js +2 -2
- package/dist/build/platforms/css.d.ts +1 -1
- package/dist/build/platforms/css.js +10 -7
- package/dist/build/platforms/deprecatedJson.d.ts +1 -1
- package/dist/build/platforms/docJson.d.ts +1 -1
- package/dist/build/platforms/docJson.js +5 -2
- package/dist/build/platforms/fallbacks.d.ts +1 -1
- package/dist/build/platforms/fallbacks.js +0 -1
- package/dist/build/platforms/figma.d.ts +1 -1
- package/dist/build/platforms/figma.js +6 -3
- package/dist/build/platforms/javascript.d.ts +1 -1
- package/dist/build/platforms/javascript.js +5 -2
- package/dist/build/platforms/json.d.ts +1 -1
- package/dist/build/platforms/json.js +5 -2
- package/dist/build/platforms/styleLint.d.ts +1 -1
- package/dist/build/platforms/styleLint.js +5 -2
- package/dist/build/platforms/typeDefinitions.d.ts +1 -1
- package/dist/build/platforms/typeDefinitions.js +5 -1
- package/dist/build/platforms/typescript.d.ts +1 -1
- package/dist/build/platforms/typescript.js +5 -2
- package/dist/build/preprocessors/themeOverrides.d.ts +2 -0
- package/dist/build/preprocessors/themeOverrides.js +22 -0
- package/dist/build/preprocessors/utilities/transformTokens.d.ts +8 -0
- package/dist/build/preprocessors/utilities/transformTokens.js +22 -0
- package/dist/build/{PrimerStyleDictionary.js → primerStyleDictionary.js} +9 -3
- package/dist/build/schemas/colorToken.d.ts +75 -18
- package/dist/build/schemas/colorToken.js +23 -7
- package/dist/build/transformers/borderToCss.js +2 -2
- package/dist/build/transformers/colorToRgbaFloat.js +2 -12
- package/dist/build/transformers/figmaAttributes.js +1 -1
- package/dist/build/transformers/index.d.ts +0 -1
- package/dist/build/transformers/index.js +0 -1
- package/dist/build/transformers/utilities/invalidTokenError.js +0 -2
- package/dist/build/types/{StyleDictionaryConfigGenerator.d.ts → styleDictionaryConfigGenerator.d.ts} +1 -0
- package/dist/build/types/{TokenBuildInput.d.ts → tokenBuildInput.d.ts} +2 -0
- package/dist/build/utilities/lowerCaseFirstCharacter.d.ts +8 -0
- package/dist/build/utilities/lowerCaseFirstCharacter.js +10 -0
- package/dist/css/functional/size/border.css +7 -6
- package/dist/css/functional/themes/dark-colorblind.css +60 -6
- package/dist/css/functional/themes/dark-dimmed.css +60 -6
- package/dist/css/functional/themes/dark-high-contrast.css +60 -6
- package/dist/css/functional/themes/dark-tritanopia.css +60 -6
- package/dist/css/functional/themes/dark.css +60 -6
- package/dist/css/functional/themes/light-colorblind.css +60 -6
- package/dist/css/functional/themes/light-high-contrast.css +60 -6
- package/dist/css/functional/themes/light-tritanopia.css +60 -6
- package/dist/css/functional/themes/light.css +60 -6
- package/dist/css/primitives.css +7 -6
- package/dist/docs/base/size/size.json +19 -19
- package/dist/docs/base/typography/typography.json +4 -4
- package/dist/docs/functional/size/border.json +41 -28
- package/dist/docs/functional/size/breakpoints.json +6 -6
- package/dist/docs/functional/size/size-coarse.json +3 -3
- package/dist/docs/functional/size/size-fine.json +3 -3
- package/dist/docs/functional/size/size.json +66 -66
- package/dist/docs/functional/size/viewport.json +6 -6
- package/dist/docs/functional/themes/dark-colorblind.json +475 -128
- package/dist/docs/functional/themes/dark-dimmed.json +519 -444
- package/dist/docs/functional/themes/dark-high-contrast.json +490 -241
- package/dist/docs/functional/themes/dark-tritanopia.json +485 -200
- package/dist/docs/functional/themes/dark.json +469 -102
- package/dist/docs/functional/themes/light-colorblind.json +463 -94
- package/dist/docs/functional/themes/light-high-contrast.json +487 -274
- package/dist/docs/functional/themes/light-tritanopia.json +463 -102
- package/dist/docs/functional/themes/light.json +460 -105
- package/dist/docs/functional/typography/typography.json +46 -46
- package/dist/fallbacks/functional/size/border.json +7 -6
- package/dist/figma/figma.json +0 -8
- package/dist/figma/themes/dark-colorblind.json +14 -54
- package/dist/figma/themes/dark-dimmed.json +15 -356
- package/dist/figma/themes/dark-high-contrast.json +10 -129
- package/dist/figma/themes/dark-tritanopia.json +14 -111
- package/dist/figma/themes/dark.json +14 -34
- package/dist/figma/themes/light-colorblind.json +10 -20
- package/dist/figma/themes/light-high-contrast.json +10 -177
- package/dist/figma/themes/light-tritanopia.json +10 -24
- package/dist/figma/themes/light.json +10 -32
- package/dist/internalCss/dark-colorblind.css +88 -6
- package/dist/internalCss/dark-dimmed.css +88 -6
- package/dist/internalCss/dark-high-contrast.css +88 -6
- package/dist/internalCss/dark-tritanopia.css +88 -6
- package/dist/internalCss/dark.css +88 -6
- package/dist/internalCss/light-colorblind.css +88 -6
- package/dist/internalCss/light-high-contrast.css +88 -6
- package/dist/internalCss/light-tritanopia.css +88 -6
- package/dist/internalCss/light.css +88 -6
- package/dist/styleLint/base/size/size.json +19 -19
- package/dist/styleLint/base/typography/typography.json +4 -4
- package/dist/styleLint/functional/size/border.json +41 -28
- package/dist/styleLint/functional/size/breakpoints.json +6 -6
- 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 +66 -66
- package/dist/styleLint/functional/size/viewport.json +6 -6
- package/dist/styleLint/functional/themes/dark-colorblind.json +475 -128
- package/dist/styleLint/functional/themes/dark-dimmed.json +519 -444
- package/dist/styleLint/functional/themes/dark-high-contrast.json +490 -241
- package/dist/styleLint/functional/themes/dark-tritanopia.json +485 -200
- package/dist/styleLint/functional/themes/dark.json +469 -102
- package/dist/styleLint/functional/themes/light-colorblind.json +463 -94
- package/dist/styleLint/functional/themes/light-high-contrast.json +487 -274
- package/dist/styleLint/functional/themes/light-tritanopia.json +463 -102
- package/dist/styleLint/functional/themes/light.json +460 -105
- package/dist/styleLint/functional/typography/typography.json +46 -46
- package/package.json +11 -10
- package/src/tokens/base/typography/typography.json5 +48 -0
- package/src/tokens/functional/border/border.json5 +236 -0
- package/src/tokens/functional/color/dark/app-dark.json5 +0 -2
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +120 -6
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +46 -29
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +15 -20
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +32 -18
- package/src/tokens/functional/color/dark/patterns-dark.json5 +13 -45
- package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -6
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +67 -20
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -21
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -16
- package/src/tokens/functional/color/light/patterns-light.json5 +11 -47
- package/src/tokens/functional/color/light/primitives-light.json5 +2 -10
- package/src/tokens/functional/size/border.json5 +115 -0
- package/src/tokens/functional/typography/typography.json5 +527 -0
- package/dist/build/filters/isColorWithMix.d.ts +0 -7
- package/dist/build/filters/isColorWithMix.js +0 -24
- package/dist/build/transformers/colorToHexMix.d.ts +0 -8
- package/dist/build/transformers/colorToHexMix.js +0 -20
- package/dist/build/transformers/utilities/mix.d.ts +0 -5
- package/dist/build/transformers/utilities/mix.js +0 -38
- package/src/tokens/base/typography/typography.json +0 -48
- package/src/tokens/functional/border/dark.json5 +0 -12
- package/src/tokens/functional/border/light.json5 +0 -12
- package/src/tokens/functional/color/dark/patterns-dark.json +0 -3963
- package/src/tokens/functional/size/border.json +0 -111
- package/src/tokens/functional/typography/typography.json +0 -527
- /package/dist/build/{PrimerStyleDictionary.d.ts → primerStyleDictionary.d.ts} +0 -0
- /package/dist/build/types/{Border.d.ts → border.d.ts} +0 -0
- /package/dist/build/types/{BorderTokenValue.d.ts → borderTokenValue.d.ts} +0 -0
- /package/dist/build/types/{ColorHex.d.ts → colorHex.d.ts} +0 -0
- /package/dist/build/types/{PlatformInitializer.d.ts → platformInitializer.d.ts} +0 -0
- /package/dist/build/types/{Shadow.d.ts → shadow.d.ts} +0 -0
- /package/dist/build/types/{ShadowTokenValue.d.ts → shadowTokenValue.d.ts} +0 -0
- /package/dist/build/types/{SizeEm.d.ts → sizeEm.d.ts} +0 -0
- /package/dist/build/types/{SizePx.d.ts → sizePx.d.ts} +0 -0
- /package/dist/build/types/{SizeRem.d.ts → sizeRem.d.ts} +0 -0
- /package/dist/build/types/{TypographyTokenValue.d.ts → typographyTokenValue.d.ts} +0 -0
- /package/src/tokens/base/size/{size.json → size.json5} +0 -0
- /package/src/tokens/functional/size/{breakpoints.json → breakpoints.json5} +0 -0
- /package/src/tokens/functional/size/{size-coarse.json → size-coarse.json5} +0 -0
- /package/src/tokens/functional/size/{size-fine.json → size-fine.json5} +0 -0
- /package/src/tokens/functional/size/{size.json → size.json5} +0 -0
- /package/src/tokens/functional/size/{viewport.json → viewport.json5} +0 -0
|
@@ -2842,22 +2842,6 @@
|
|
|
2842
2842
|
"group": "component",
|
|
2843
2843
|
"scopes": ["STROKE_COLOR"]
|
|
2844
2844
|
},
|
|
2845
|
-
{
|
|
2846
|
-
"name": "control/borderColor/disabled",
|
|
2847
|
-
"value": {
|
|
2848
|
-
"r": 0.396078431372549,
|
|
2849
|
-
"g": 0.4235294117647059,
|
|
2850
|
-
"b": 0.4627450980392157,
|
|
2851
|
-
"a": 0.1
|
|
2852
|
-
},
|
|
2853
|
-
"type": "COLOR",
|
|
2854
|
-
"refId": "mode/control/borderColor/disabled",
|
|
2855
|
-
"reference": "mode/borderColor/disabled",
|
|
2856
|
-
"collection": "mode",
|
|
2857
|
-
"mode": "dark dimmed",
|
|
2858
|
-
"group": "component",
|
|
2859
|
-
"scopes": ["STROKE_COLOR"]
|
|
2860
|
-
},
|
|
2861
2845
|
{
|
|
2862
2846
|
"name": "control/borderColor/selected",
|
|
2863
2847
|
"value": {
|
|
@@ -3099,40 +3083,6 @@
|
|
|
3099
3083
|
"group": "component",
|
|
3100
3084
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3101
3085
|
},
|
|
3102
|
-
{
|
|
3103
|
-
"name": "control/checked/bgColor/hover",
|
|
3104
|
-
"value": {
|
|
3105
|
-
"r": 0.2196078431372549,
|
|
3106
|
-
"g": 0.4627450980392157,
|
|
3107
|
-
"b": 0.8274509803921568,
|
|
3108
|
-
"a": 1
|
|
3109
|
-
},
|
|
3110
|
-
"type": "COLOR",
|
|
3111
|
-
"isMix": true,
|
|
3112
|
-
"refId": "mode/control/checked/bgColor/hover",
|
|
3113
|
-
"reference": "mode/bgColor/accent-emphasis",
|
|
3114
|
-
"collection": "mode",
|
|
3115
|
-
"mode": "dark dimmed",
|
|
3116
|
-
"group": "component",
|
|
3117
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3118
|
-
},
|
|
3119
|
-
{
|
|
3120
|
-
"name": "control/checked/bgColor/active",
|
|
3121
|
-
"value": {
|
|
3122
|
-
"r": 0.24705882352941178,
|
|
3123
|
-
"g": 0.4980392156862745,
|
|
3124
|
-
"b": 0.8588235294117647,
|
|
3125
|
-
"a": 1
|
|
3126
|
-
},
|
|
3127
|
-
"type": "COLOR",
|
|
3128
|
-
"isMix": true,
|
|
3129
|
-
"refId": "mode/control/checked/bgColor/active",
|
|
3130
|
-
"reference": "mode/bgColor/accent-emphasis",
|
|
3131
|
-
"collection": "mode",
|
|
3132
|
-
"mode": "dark dimmed",
|
|
3133
|
-
"group": "component",
|
|
3134
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3135
|
-
},
|
|
3136
3086
|
{
|
|
3137
3087
|
"name": "control/checked/bgColor/disabled",
|
|
3138
3088
|
"value": {
|
|
@@ -3197,38 +3147,6 @@
|
|
|
3197
3147
|
"group": "component",
|
|
3198
3148
|
"scopes": ["STROKE_COLOR"]
|
|
3199
3149
|
},
|
|
3200
|
-
{
|
|
3201
|
-
"name": "control/checked/borderColor/hover",
|
|
3202
|
-
"value": {
|
|
3203
|
-
"r": 0.2196078431372549,
|
|
3204
|
-
"g": 0.4627450980392157,
|
|
3205
|
-
"b": 0.8274509803921568,
|
|
3206
|
-
"a": 1
|
|
3207
|
-
},
|
|
3208
|
-
"type": "COLOR",
|
|
3209
|
-
"refId": "mode/control/checked/borderColor/hover",
|
|
3210
|
-
"reference": "mode/control/checked/bgColor/hover",
|
|
3211
|
-
"collection": "mode",
|
|
3212
|
-
"mode": "dark dimmed",
|
|
3213
|
-
"group": "component",
|
|
3214
|
-
"scopes": ["STROKE_COLOR"]
|
|
3215
|
-
},
|
|
3216
|
-
{
|
|
3217
|
-
"name": "control/checked/borderColor/active",
|
|
3218
|
-
"value": {
|
|
3219
|
-
"r": 0.24705882352941178,
|
|
3220
|
-
"g": 0.4980392156862745,
|
|
3221
|
-
"b": 0.8588235294117647,
|
|
3222
|
-
"a": 1
|
|
3223
|
-
},
|
|
3224
|
-
"type": "COLOR",
|
|
3225
|
-
"refId": "mode/control/checked/borderColor/active",
|
|
3226
|
-
"reference": "mode/control/checked/bgColor/active",
|
|
3227
|
-
"collection": "mode",
|
|
3228
|
-
"mode": "dark dimmed",
|
|
3229
|
-
"group": "component",
|
|
3230
|
-
"scopes": ["STROKE_COLOR"]
|
|
3231
|
-
},
|
|
3232
3150
|
{
|
|
3233
3151
|
"name": "control/checked/borderColor/disabled",
|
|
3234
3152
|
"value": {
|
|
@@ -3293,22 +3211,6 @@
|
|
|
3293
3211
|
"group": "component (internal)",
|
|
3294
3212
|
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
3295
3213
|
},
|
|
3296
|
-
{
|
|
3297
|
-
"name": "controlTrack/borderColor/rest",
|
|
3298
|
-
"value": {
|
|
3299
|
-
"r": 0.23921568627450981,
|
|
3300
|
-
"g": 0.26666666666666666,
|
|
3301
|
-
"b": 0.30196078431372547,
|
|
3302
|
-
"a": 1
|
|
3303
|
-
},
|
|
3304
|
-
"type": "COLOR",
|
|
3305
|
-
"refId": "mode/controlTrack/borderColor/rest",
|
|
3306
|
-
"reference": "mode/borderColor/default",
|
|
3307
|
-
"collection": "mode",
|
|
3308
|
-
"mode": "dark dimmed",
|
|
3309
|
-
"group": "component (internal)",
|
|
3310
|
-
"scopes": ["STROKE_COLOR"]
|
|
3311
|
-
},
|
|
3312
3214
|
{
|
|
3313
3215
|
"name": "controlTrack/borderColor/disabled",
|
|
3314
3216
|
"value": {
|
|
@@ -3623,7 +3525,7 @@
|
|
|
3623
3525
|
},
|
|
3624
3526
|
"type": "COLOR",
|
|
3625
3527
|
"refId": "mode/button/default/borderColor/disabled",
|
|
3626
|
-
"reference": "
|
|
3528
|
+
"reference": "control/borderColor/disabled",
|
|
3627
3529
|
"collection": "mode",
|
|
3628
3530
|
"mode": "dark dimmed",
|
|
3629
3531
|
"group": "component (internal)",
|
|
@@ -3712,40 +3614,6 @@
|
|
|
3712
3614
|
"group": "component (internal)",
|
|
3713
3615
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3714
3616
|
},
|
|
3715
|
-
{
|
|
3716
|
-
"name": "button/primary/bgColor/hover",
|
|
3717
|
-
"value": {
|
|
3718
|
-
"r": 0.23137254901960785,
|
|
3719
|
-
"g": 0.5254901960784314,
|
|
3720
|
-
"b": 0.25098039215686274,
|
|
3721
|
-
"a": 1
|
|
3722
|
-
},
|
|
3723
|
-
"type": "COLOR",
|
|
3724
|
-
"isMix": true,
|
|
3725
|
-
"refId": "mode/button/primary/bgColor/hover",
|
|
3726
|
-
"reference": "mode/bgColor/success-emphasis",
|
|
3727
|
-
"collection": "mode",
|
|
3728
|
-
"mode": "dark dimmed",
|
|
3729
|
-
"group": "component (internal)",
|
|
3730
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3731
|
-
},
|
|
3732
|
-
{
|
|
3733
|
-
"name": "button/primary/bgColor/active",
|
|
3734
|
-
"value": {
|
|
3735
|
-
"r": 0.25882352941176473,
|
|
3736
|
-
"g": 0.5607843137254902,
|
|
3737
|
-
"b": 0.27450980392156865,
|
|
3738
|
-
"a": 1
|
|
3739
|
-
},
|
|
3740
|
-
"type": "COLOR",
|
|
3741
|
-
"isMix": true,
|
|
3742
|
-
"refId": "mode/button/primary/bgColor/active",
|
|
3743
|
-
"reference": "mode/bgColor/success-emphasis",
|
|
3744
|
-
"collection": "mode",
|
|
3745
|
-
"mode": "dark dimmed",
|
|
3746
|
-
"group": "component (internal)",
|
|
3747
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3748
|
-
},
|
|
3749
3617
|
{
|
|
3750
3618
|
"name": "button/primary/borderColor/rest",
|
|
3751
3619
|
"value": {
|
|
@@ -3795,22 +3663,6 @@
|
|
|
3795
3663
|
"group": "component (internal)",
|
|
3796
3664
|
"scopes": ["STROKE_COLOR"]
|
|
3797
3665
|
},
|
|
3798
|
-
{
|
|
3799
|
-
"name": "button/primary/borderColor/disabled",
|
|
3800
|
-
"value": {
|
|
3801
|
-
"r": 0.3137254901960784,
|
|
3802
|
-
"g": 0.6352941176470588,
|
|
3803
|
-
"b": 0.32941176470588235,
|
|
3804
|
-
"a": 1
|
|
3805
|
-
},
|
|
3806
|
-
"type": "COLOR",
|
|
3807
|
-
"refId": "mode/button/primary/borderColor/disabled",
|
|
3808
|
-
"reference": "button/primary/bgColor/disabled",
|
|
3809
|
-
"collection": "mode",
|
|
3810
|
-
"mode": "dark dimmed",
|
|
3811
|
-
"group": "component (internal)",
|
|
3812
|
-
"scopes": ["STROKE_COLOR"]
|
|
3813
|
-
},
|
|
3814
3666
|
{
|
|
3815
3667
|
"name": "button/primary/shadow/selected/offsetX",
|
|
3816
3668
|
"value": 0,
|
|
@@ -3992,14 +3844,14 @@
|
|
|
3992
3844
|
{
|
|
3993
3845
|
"name": "button/invisible/bgColor/disabled",
|
|
3994
3846
|
"value": {
|
|
3995
|
-
"r": 0
|
|
3996
|
-
"g": 0
|
|
3997
|
-
"b": 0
|
|
3998
|
-
"a":
|
|
3847
|
+
"r": 0,
|
|
3848
|
+
"g": 0,
|
|
3849
|
+
"b": 0,
|
|
3850
|
+
"a": 0
|
|
3999
3851
|
},
|
|
4000
3852
|
"type": "COLOR",
|
|
4001
3853
|
"refId": "mode/button/invisible/bgColor/disabled",
|
|
4002
|
-
"reference": "
|
|
3854
|
+
"reference": "base/color/dark/base/color/transparent",
|
|
4003
3855
|
"collection": "mode",
|
|
4004
3856
|
"mode": "dark dimmed",
|
|
4005
3857
|
"group": "component (internal)",
|
|
@@ -4040,14 +3892,14 @@
|
|
|
4040
3892
|
{
|
|
4041
3893
|
"name": "button/invisible/borderColor/disabled",
|
|
4042
3894
|
"value": {
|
|
4043
|
-
"r": 0
|
|
4044
|
-
"g": 0
|
|
4045
|
-
"b": 0
|
|
4046
|
-
"a": 0
|
|
3895
|
+
"r": 0,
|
|
3896
|
+
"g": 0,
|
|
3897
|
+
"b": 0,
|
|
3898
|
+
"a": 0
|
|
4047
3899
|
},
|
|
4048
3900
|
"type": "COLOR",
|
|
4049
3901
|
"refId": "mode/button/invisible/borderColor/disabled",
|
|
4050
|
-
"reference": "
|
|
3902
|
+
"reference": "base/color/dark/base/color/transparent",
|
|
4051
3903
|
"collection": "mode",
|
|
4052
3904
|
"mode": "dark dimmed",
|
|
4053
3905
|
"group": "component (internal)",
|
|
@@ -4101,23 +3953,6 @@
|
|
|
4101
3953
|
"group": "component (internal)",
|
|
4102
3954
|
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
4103
3955
|
},
|
|
4104
|
-
{
|
|
4105
|
-
"name": "button/outline/fgColor/disabled",
|
|
4106
|
-
"value": {
|
|
4107
|
-
"r": 0.2784313725490196,
|
|
4108
|
-
"g": 0.5450980392156862,
|
|
4109
|
-
"b": 0.9019607843137255,
|
|
4110
|
-
"a": 0.5
|
|
4111
|
-
},
|
|
4112
|
-
"type": "COLOR",
|
|
4113
|
-
"alpha": 0.5,
|
|
4114
|
-
"refId": "mode/button/outline/fgColor/disabled",
|
|
4115
|
-
"reference": "mode/fgColor/accent",
|
|
4116
|
-
"collection": "mode",
|
|
4117
|
-
"mode": "dark dimmed",
|
|
4118
|
-
"group": "component (internal)",
|
|
4119
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
4120
|
-
},
|
|
4121
3956
|
{
|
|
4122
3957
|
"name": "button/outline/bgColor/rest",
|
|
4123
3958
|
"value": {
|
|
@@ -4264,23 +4099,6 @@
|
|
|
4264
4099
|
"collection": "mode",
|
|
4265
4100
|
"group": "component shadow"
|
|
4266
4101
|
},
|
|
4267
|
-
{
|
|
4268
|
-
"name": "button/danger/fgColor/rest",
|
|
4269
|
-
"value": {
|
|
4270
|
-
"r": 0.9176470588235294,
|
|
4271
|
-
"g": 0.3607843137254902,
|
|
4272
|
-
"b": 0.3254901960784314,
|
|
4273
|
-
"a": 1
|
|
4274
|
-
},
|
|
4275
|
-
"type": "COLOR",
|
|
4276
|
-
"isMix": true,
|
|
4277
|
-
"refId": "mode/button/danger/fgColor/rest",
|
|
4278
|
-
"reference": "base/color/dark-dimmed/base/color/red/4",
|
|
4279
|
-
"collection": "mode",
|
|
4280
|
-
"mode": "dark dimmed",
|
|
4281
|
-
"group": "component (internal)",
|
|
4282
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
4283
|
-
},
|
|
4284
4102
|
{
|
|
4285
4103
|
"name": "button/danger/fgColor/hover",
|
|
4286
4104
|
"value": {
|
|
@@ -4330,22 +4148,6 @@
|
|
|
4330
4148
|
"group": "component (internal)",
|
|
4331
4149
|
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
4332
4150
|
},
|
|
4333
|
-
{
|
|
4334
|
-
"name": "button/danger/iconColor/rest",
|
|
4335
|
-
"value": {
|
|
4336
|
-
"r": 0.9176470588235294,
|
|
4337
|
-
"g": 0.3607843137254902,
|
|
4338
|
-
"b": 0.3254901960784314,
|
|
4339
|
-
"a": 1
|
|
4340
|
-
},
|
|
4341
|
-
"type": "COLOR",
|
|
4342
|
-
"refId": "mode/button/danger/iconColor/rest",
|
|
4343
|
-
"reference": "mode/button/danger/fgColor/rest",
|
|
4344
|
-
"collection": "mode",
|
|
4345
|
-
"mode": "dark dimmed",
|
|
4346
|
-
"group": "component (internal)",
|
|
4347
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
4348
|
-
},
|
|
4349
4151
|
{
|
|
4350
4152
|
"name": "button/danger/iconColor/hover",
|
|
4351
4153
|
"value": {
|
|
@@ -4394,23 +4196,6 @@
|
|
|
4394
4196
|
"group": "component (internal)",
|
|
4395
4197
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4396
4198
|
},
|
|
4397
|
-
{
|
|
4398
|
-
"name": "button/danger/bgColor/active",
|
|
4399
|
-
"value": {
|
|
4400
|
-
"r": 0.7647058823529411,
|
|
4401
|
-
"g": 0.23921568627450981,
|
|
4402
|
-
"b": 0.2196078431372549,
|
|
4403
|
-
"a": 1
|
|
4404
|
-
},
|
|
4405
|
-
"type": "COLOR",
|
|
4406
|
-
"isMix": true,
|
|
4407
|
-
"refId": "mode/button/danger/bgColor/active",
|
|
4408
|
-
"reference": "base/color/dark-dimmed/base/color/red/6",
|
|
4409
|
-
"collection": "mode",
|
|
4410
|
-
"mode": "dark dimmed",
|
|
4411
|
-
"group": "component (internal)",
|
|
4412
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4413
|
-
},
|
|
4414
4199
|
{
|
|
4415
4200
|
"name": "button/danger/bgColor/disabled",
|
|
4416
4201
|
"value": {
|
|
@@ -4684,7 +4469,7 @@
|
|
|
4684
4469
|
"type": "COLOR",
|
|
4685
4470
|
"alpha": 0.5,
|
|
4686
4471
|
"refId": "mode/buttonCounter/outline/fgColor/disabled",
|
|
4687
|
-
"reference": "
|
|
4472
|
+
"reference": "fgColor/accent",
|
|
4688
4473
|
"collection": "mode",
|
|
4689
4474
|
"mode": "dark dimmed",
|
|
4690
4475
|
"group": "component (internal)",
|
|
@@ -4807,24 +4592,6 @@
|
|
|
4807
4592
|
"group": "component (internal)",
|
|
4808
4593
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4809
4594
|
},
|
|
4810
|
-
{
|
|
4811
|
-
"name": "reactionButton/selected/bgColor/hover",
|
|
4812
|
-
"value": {
|
|
4813
|
-
"r": 0.2901960784313726,
|
|
4814
|
-
"g": 0.5568627450980392,
|
|
4815
|
-
"b": 0.9137254901960784,
|
|
4816
|
-
"a": 0.2
|
|
4817
|
-
},
|
|
4818
|
-
"type": "COLOR",
|
|
4819
|
-
"alpha": 0.2,
|
|
4820
|
-
"isMix": true,
|
|
4821
|
-
"refId": "mode/reactionButton/selected/bgColor/hover",
|
|
4822
|
-
"reference": "mode/reactionButton/selected/bgColor/rest",
|
|
4823
|
-
"collection": "mode",
|
|
4824
|
-
"mode": "dark dimmed",
|
|
4825
|
-
"group": "component (internal)",
|
|
4826
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4827
|
-
},
|
|
4828
4595
|
{
|
|
4829
4596
|
"name": "reactionButton/selected/fgColor/rest",
|
|
4830
4597
|
"value": {
|
|
@@ -4889,22 +4656,6 @@
|
|
|
4889
4656
|
"group": "component (internal)",
|
|
4890
4657
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4891
4658
|
},
|
|
4892
|
-
{
|
|
4893
|
-
"name": "overlay/borderColor",
|
|
4894
|
-
"value": {
|
|
4895
|
-
"r": 0.23921568627450981,
|
|
4896
|
-
"g": 0.26666666666666666,
|
|
4897
|
-
"b": 0.30196078431372547,
|
|
4898
|
-
"a": 0.7
|
|
4899
|
-
},
|
|
4900
|
-
"type": "COLOR",
|
|
4901
|
-
"refId": "mode/overlay/borderColor",
|
|
4902
|
-
"reference": "mode/borderColor/muted",
|
|
4903
|
-
"collection": "mode",
|
|
4904
|
-
"mode": "dark dimmed",
|
|
4905
|
-
"group": "component (internal)",
|
|
4906
|
-
"scopes": ["ALL_SCOPES"]
|
|
4907
|
-
},
|
|
4908
4659
|
{
|
|
4909
4660
|
"name": "selectMenu/borderColor",
|
|
4910
4661
|
"value": {
|
|
@@ -4915,7 +4666,7 @@
|
|
|
4915
4666
|
},
|
|
4916
4667
|
"type": "COLOR",
|
|
4917
4668
|
"refId": "mode/selectMenu/borderColor",
|
|
4918
|
-
"reference": "
|
|
4669
|
+
"reference": "borderColor/default",
|
|
4919
4670
|
"collection": "mode",
|
|
4920
4671
|
"mode": "dark dimmed",
|
|
4921
4672
|
"group": "component (internal)",
|
|
@@ -5012,7 +4763,7 @@
|
|
|
5012
4763
|
},
|
|
5013
4764
|
"type": "COLOR",
|
|
5014
4765
|
"refId": "mode/underlineNav/borderColor/hover",
|
|
5015
|
-
"reference": "
|
|
4766
|
+
"reference": "borderColor/neutral-muted",
|
|
5016
4767
|
"collection": "mode",
|
|
5017
4768
|
"mode": "dark dimmed",
|
|
5018
4769
|
"group": "component (internal)",
|
|
@@ -7000,7 +6751,7 @@
|
|
|
7000
6751
|
},
|
|
7001
6752
|
"type": "COLOR",
|
|
7002
6753
|
"refId": "mode/fgColor/link",
|
|
7003
|
-
"reference": "
|
|
6754
|
+
"reference": "fgColor/accent",
|
|
7004
6755
|
"collection": "mode",
|
|
7005
6756
|
"mode": "dark dimmed",
|
|
7006
6757
|
"group": "semantic",
|
|
@@ -7025,26 +6776,6 @@
|
|
|
7025
6776
|
"group": "semantic",
|
|
7026
6777
|
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
7027
6778
|
},
|
|
7028
|
-
{
|
|
7029
|
-
"name": "fgColor/accent",
|
|
7030
|
-
"value": {
|
|
7031
|
-
"r": 0.2784313725490196,
|
|
7032
|
-
"g": 0.5450980392156862,
|
|
7033
|
-
"b": 0.9019607843137255,
|
|
7034
|
-
"a": 1
|
|
7035
|
-
},
|
|
7036
|
-
"type": "COLOR",
|
|
7037
|
-
"isMix": true,
|
|
7038
|
-
"refId": "mode/fgColor/accent",
|
|
7039
|
-
"reference": "base/color/dark-dimmed/base/color/blue/3",
|
|
7040
|
-
"collection": "mode",
|
|
7041
|
-
"mode": "dark dimmed",
|
|
7042
|
-
"group": "semantic",
|
|
7043
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"],
|
|
7044
|
-
"codeSyntax": {
|
|
7045
|
-
"web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
|
|
7046
|
-
}
|
|
7047
|
-
},
|
|
7048
6779
|
{
|
|
7049
6780
|
"name": "fgColor/success",
|
|
7050
6781
|
"value": {
|
|
@@ -7707,45 +7438,6 @@
|
|
|
7707
7438
|
"web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */"
|
|
7708
7439
|
}
|
|
7709
7440
|
},
|
|
7710
|
-
{
|
|
7711
|
-
"name": "borderColor/default",
|
|
7712
|
-
"value": {
|
|
7713
|
-
"r": 0.23921568627450981,
|
|
7714
|
-
"g": 0.26666666666666666,
|
|
7715
|
-
"b": 0.30196078431372547,
|
|
7716
|
-
"a": 1
|
|
7717
|
-
},
|
|
7718
|
-
"type": "COLOR",
|
|
7719
|
-
"refId": "mode/borderColor/default",
|
|
7720
|
-
"reference": "base/color/dark/base/color/neutral/7",
|
|
7721
|
-
"collection": "mode",
|
|
7722
|
-
"mode": "dark dimmed",
|
|
7723
|
-
"group": "semantic",
|
|
7724
|
-
"scopes": ["STROKE_COLOR"],
|
|
7725
|
-
"codeSyntax": {
|
|
7726
|
-
"web": "var(--borderColor-default) /* utility class: .color-border-default */"
|
|
7727
|
-
}
|
|
7728
|
-
},
|
|
7729
|
-
{
|
|
7730
|
-
"name": "borderColor/muted",
|
|
7731
|
-
"value": {
|
|
7732
|
-
"r": 0.23921568627450981,
|
|
7733
|
-
"g": 0.26666666666666666,
|
|
7734
|
-
"b": 0.30196078431372547,
|
|
7735
|
-
"a": 0.7
|
|
7736
|
-
},
|
|
7737
|
-
"type": "COLOR",
|
|
7738
|
-
"alpha": 0.7,
|
|
7739
|
-
"refId": "mode/borderColor/muted",
|
|
7740
|
-
"reference": "mode/borderColor/default",
|
|
7741
|
-
"collection": "mode",
|
|
7742
|
-
"mode": "dark dimmed",
|
|
7743
|
-
"group": "semantic",
|
|
7744
|
-
"scopes": ["STROKE_COLOR"],
|
|
7745
|
-
"codeSyntax": {
|
|
7746
|
-
"web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
|
|
7747
|
-
}
|
|
7748
|
-
},
|
|
7749
7441
|
{
|
|
7750
7442
|
"name": "borderColor/emphasis",
|
|
7751
7443
|
"value": {
|
|
@@ -7762,23 +7454,6 @@
|
|
|
7762
7454
|
"group": "semantic",
|
|
7763
7455
|
"scopes": ["STROKE_COLOR"]
|
|
7764
7456
|
},
|
|
7765
|
-
{
|
|
7766
|
-
"name": "borderColor/disabled",
|
|
7767
|
-
"value": {
|
|
7768
|
-
"r": 0.396078431372549,
|
|
7769
|
-
"g": 0.4235294117647059,
|
|
7770
|
-
"b": 0.4627450980392157,
|
|
7771
|
-
"a": 0.1
|
|
7772
|
-
},
|
|
7773
|
-
"type": "COLOR",
|
|
7774
|
-
"alpha": 0.1,
|
|
7775
|
-
"refId": "mode/borderColor/disabled",
|
|
7776
|
-
"reference": "base/color/dark/base/color/neutral/8",
|
|
7777
|
-
"collection": "mode",
|
|
7778
|
-
"mode": "dark dimmed",
|
|
7779
|
-
"group": "semantic",
|
|
7780
|
-
"scopes": ["STROKE_COLOR"]
|
|
7781
|
-
},
|
|
7782
7457
|
{
|
|
7783
7458
|
"name": "borderColor/transparent",
|
|
7784
7459
|
"value": {
|
|
@@ -7812,22 +7487,6 @@
|
|
|
7812
7487
|
"group": "component (internal)",
|
|
7813
7488
|
"scopes": ["STROKE_COLOR"]
|
|
7814
7489
|
},
|
|
7815
|
-
{
|
|
7816
|
-
"name": "borderColor/neutral-muted",
|
|
7817
|
-
"value": {
|
|
7818
|
-
"r": 0.23921568627450981,
|
|
7819
|
-
"g": 0.26666666666666666,
|
|
7820
|
-
"b": 0.30196078431372547,
|
|
7821
|
-
"a": 0.7
|
|
7822
|
-
},
|
|
7823
|
-
"type": "COLOR",
|
|
7824
|
-
"refId": "mode/borderColor/neutral-muted",
|
|
7825
|
-
"reference": "mode/borderColor/muted",
|
|
7826
|
-
"collection": "mode",
|
|
7827
|
-
"mode": "dark dimmed",
|
|
7828
|
-
"group": "semantic",
|
|
7829
|
-
"scopes": ["STROKE_COLOR"]
|
|
7830
|
-
},
|
|
7831
7490
|
{
|
|
7832
7491
|
"name": "borderColor/neutral-emphasis",
|
|
7833
7492
|
"value": {
|