@primer/primitives 10.4.0 → 10.5.0-rc.21e0fa7a

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.
Files changed (77) hide show
  1. package/dist/build/filters/index.d.ts +1 -0
  2. package/dist/build/filters/index.js +1 -0
  3. package/dist/build/filters/isGradient.d.ts +7 -0
  4. package/dist/build/filters/isGradient.js +10 -0
  5. package/dist/build/platforms/css.js +1 -0
  6. package/dist/build/primerStyleDictionary.js +2 -1
  7. package/dist/build/schemas/borderToken.d.ts +3 -3
  8. package/dist/build/schemas/colorToken.d.ts +3 -3
  9. package/dist/build/schemas/cubicBezierToken.d.ts +3 -3
  10. package/dist/build/schemas/designToken.js +2 -0
  11. package/dist/build/schemas/dimensionToken.d.ts +3 -3
  12. package/dist/build/schemas/durationToken.d.ts +3 -3
  13. package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
  14. package/dist/build/schemas/fontWeightToken.d.ts +3 -3
  15. package/dist/build/schemas/gradientToken.d.ts +60 -0
  16. package/dist/build/schemas/gradientToken.js +26 -0
  17. package/dist/build/schemas/numberToken.d.ts +3 -3
  18. package/dist/build/schemas/referenceValue.js +1 -1
  19. package/dist/build/schemas/shadowToken.d.ts +3 -3
  20. package/dist/build/schemas/stringToken.d.ts +3 -3
  21. package/dist/build/schemas/tokenType.d.ts +1 -1
  22. package/dist/build/schemas/typographyToken.d.ts +3 -3
  23. package/dist/build/schemas/validTokenType.d.ts +1 -1
  24. package/dist/build/schemas/validTokenType.js +1 -0
  25. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  26. package/dist/build/transformers/gradientToCss.d.ts +8 -0
  27. package/dist/build/transformers/gradientToCss.js +23 -0
  28. package/dist/build/transformers/index.d.ts +1 -0
  29. package/dist/build/transformers/index.js +1 -0
  30. package/dist/css/functional/themes/dark-colorblind.css +130 -0
  31. package/dist/css/functional/themes/dark-dimmed.css +130 -0
  32. package/dist/css/functional/themes/dark-high-contrast.css +130 -0
  33. package/dist/css/functional/themes/dark-tritanopia.css +130 -0
  34. package/dist/css/functional/themes/dark.css +130 -0
  35. package/dist/css/functional/themes/light-colorblind.css +130 -0
  36. package/dist/css/functional/themes/light-high-contrast.css +130 -0
  37. package/dist/css/functional/themes/light-tritanopia.css +130 -0
  38. package/dist/css/functional/themes/light.css +130 -0
  39. package/dist/docs/functional/themes/dark-colorblind.json +2176 -170
  40. package/dist/docs/functional/themes/dark-dimmed.json +2176 -170
  41. package/dist/docs/functional/themes/dark-high-contrast.json +2177 -171
  42. package/dist/docs/functional/themes/dark-tritanopia.json +2176 -170
  43. package/dist/docs/functional/themes/dark.json +2176 -170
  44. package/dist/docs/functional/themes/light-colorblind.json +2174 -168
  45. package/dist/docs/functional/themes/light-high-contrast.json +2177 -171
  46. package/dist/docs/functional/themes/light-tritanopia.json +2174 -168
  47. package/dist/docs/functional/themes/light.json +2174 -168
  48. package/dist/figma/themes/dark-colorblind.json +819 -34
  49. package/dist/figma/themes/dark-dimmed.json +819 -34
  50. package/dist/figma/themes/dark-high-contrast.json +819 -34
  51. package/dist/figma/themes/dark-tritanopia.json +819 -34
  52. package/dist/figma/themes/dark.json +819 -34
  53. package/dist/figma/themes/light-colorblind.json +818 -33
  54. package/dist/figma/themes/light-high-contrast.json +818 -33
  55. package/dist/figma/themes/light-tritanopia.json +818 -33
  56. package/dist/figma/themes/light.json +818 -33
  57. package/dist/internalCss/dark-colorblind.css +130 -0
  58. package/dist/internalCss/dark-dimmed.css +130 -0
  59. package/dist/internalCss/dark-high-contrast.css +130 -0
  60. package/dist/internalCss/dark-tritanopia.css +130 -0
  61. package/dist/internalCss/dark.css +130 -0
  62. package/dist/internalCss/light-colorblind.css +130 -0
  63. package/dist/internalCss/light-high-contrast.css +130 -0
  64. package/dist/internalCss/light-tritanopia.css +130 -0
  65. package/dist/internalCss/light.css +130 -0
  66. package/dist/styleLint/functional/themes/dark-colorblind.json +2175 -169
  67. package/dist/styleLint/functional/themes/dark-dimmed.json +2175 -169
  68. package/dist/styleLint/functional/themes/dark-high-contrast.json +2177 -171
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +2175 -169
  70. package/dist/styleLint/functional/themes/dark.json +2175 -169
  71. package/dist/styleLint/functional/themes/light-colorblind.json +2174 -168
  72. package/dist/styleLint/functional/themes/light-high-contrast.json +2177 -171
  73. package/dist/styleLint/functional/themes/light-tritanopia.json +2174 -168
  74. package/dist/styleLint/functional/themes/light.json +2174 -168
  75. package/package.json +1 -1
  76. package/src/tokens/functional/color/borderColor.json5 +8 -8
  77. package/src/tokens/functional/color/data-vis.json5 +911 -41
package/dist/figma/themes/dark.json CHANGED
@@ -1508,7 +1508,7 @@
1508
1508
  "collection": "mode",
1509
1509
  "mode": "dark",
1510
1510
  "group": "semantic",
1511
- "scopes": ["STROKE_COLOR"],
1511
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
1512
1512
  "codeSyntax": {
1513
1513
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
1514
1514
  }
@@ -1528,7 +1528,7 @@
1528
1528
  "collection": "mode",
1529
1529
  "mode": "dark",
1530
1530
  "group": "semantic",
1531
- "scopes": ["STROKE_COLOR"],
1531
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
1532
1532
  "codeSyntax": {
1533
1533
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
1534
1534
  }
@@ -1547,7 +1547,7 @@
1547
1547
  "collection": "mode",
1548
1548
  "mode": "dark",
1549
1549
  "group": "semantic",
1550
- "scopes": ["STROKE_COLOR"]
1550
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
1551
1551
  },
1552
1552
  {
1553
1553
  "name": "borderColor/disabled",
@@ -1564,7 +1564,7 @@
1564
1564
  "collection": "mode",
1565
1565
  "mode": "dark",
1566
1566
  "group": "semantic",
1567
- "scopes": ["STROKE_COLOR"]
1567
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
1568
1568
  },
1569
1569
  {
1570
1570
  "name": "borderColor/transparent",
@@ -1580,7 +1580,7 @@
1580
1580
  "collection": "mode",
1581
1581
  "mode": "dark",
1582
1582
  "group": "semantic",
1583
- "scopes": ["STROKE_COLOR"]
1583
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
1584
1584
  },
1585
1585
  {
1586
1586
  "name": "borderColor/translucent",
@@ -1597,7 +1597,7 @@
1597
1597
  "collection": "mode",
1598
1598
  "mode": "dark",
1599
1599
  "group": "semantic",
1600
- "scopes": ["STROKE_COLOR"]
1600
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
1601
1601
  },
1602
1602
  {
1603
1603
  "name": "borderColor/neutral-muted",
@@ -1646,7 +1646,7 @@
1646
1646
  "collection": "mode",
1647
1647
  "mode": "dark",
1648
1648
  "group": "semantic",
1649
- "scopes": ["STROKE_COLOR"],
1649
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
1650
1650
  "codeSyntax": {
1651
1651
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
1652
1652
  }
@@ -1665,7 +1665,7 @@
1665
1665
  "collection": "mode",
1666
1666
  "mode": "dark",
1667
1667
  "group": "semantic",
1668
- "scopes": ["STROKE_COLOR"],
1668
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
1669
1669
  "codeSyntax": {
1670
1670
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
1671
1671
  }
@@ -2884,6 +2884,39 @@
2884
2884
  "group": "component",
2885
2885
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2886
2886
  },
2887
+ {
2888
+ "name": "data/blue/color/gradientStop/1",
2889
+ "value": {
2890
+ "r": 0,
2891
+ "g": 0.10196078431372549,
2892
+ "b": 0.2784313725490196,
2893
+ "a": 1
2894
+ },
2895
+ "type": "COLOR",
2896
+ "refId": "mode/data/blue/color/gradientStop/1",
2897
+ "reference": "mode/data/blue/color/muted",
2898
+ "collection": "mode",
2899
+ "mode": "dark",
2900
+ "group": "component",
2901
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2902
+ },
2903
+ {
2904
+ "name": "data/blue/color/gradientStop/2",
2905
+ "value": {
2906
+ "r": 0,
2907
+ "g": 0.10196078431372549,
2908
+ "b": 0.2784313725490196,
2909
+ "a": 0
2910
+ },
2911
+ "type": "COLOR",
2912
+ "alpha": 0,
2913
+ "refId": "mode/data/blue/color/gradientStop/2",
2914
+ "reference": "mode/data/blue/color/muted",
2915
+ "collection": "mode",
2916
+ "mode": "dark",
2917
+ "group": "component",
2918
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2919
+ },
2887
2920
  {
2888
2921
  "name": "data/auburn/color/emphasis",
2889
2922
  "value": {
@@ -2916,6 +2949,39 @@
2916
2949
  "group": "component",
2917
2950
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2918
2951
  },
2952
+ {
2953
+ "name": "data/auburn/color/gradientStop/1",
2954
+ "value": {
2955
+ "r": 0.15294117647058825,
2956
+ "g": 0.09411764705882353,
2957
+ "b": 0.09019607843137255,
2958
+ "a": 1
2959
+ },
2960
+ "type": "COLOR",
2961
+ "refId": "mode/data/auburn/color/gradientStop/1",
2962
+ "reference": "mode/data/auburn/color/muted",
2963
+ "collection": "mode",
2964
+ "mode": "dark",
2965
+ "group": "component",
2966
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2967
+ },
2968
+ {
2969
+ "name": "data/auburn/color/gradientStop/2",
2970
+ "value": {
2971
+ "r": 0.15294117647058825,
2972
+ "g": 0.09411764705882353,
2973
+ "b": 0.09019607843137255,
2974
+ "a": 0
2975
+ },
2976
+ "type": "COLOR",
2977
+ "alpha": 0,
2978
+ "refId": "mode/data/auburn/color/gradientStop/2",
2979
+ "reference": "mode/data/auburn/color/muted",
2980
+ "collection": "mode",
2981
+ "mode": "dark",
2982
+ "group": "component",
2983
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2984
+ },
2919
2985
  {
2920
2986
  "name": "data/orange/color/emphasis",
2921
2987
  "value": {
@@ -2948,6 +3014,39 @@
2948
3014
  "group": "component",
2949
3015
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2950
3016
  },
3017
+ {
3018
+ "name": "data/orange/color/gradientStop/1",
3019
+ "value": {
3020
+ "r": 0.19215686274509805,
3021
+ "g": 0.09019607843137255,
3022
+ "b": 0.03137254901960784,
3023
+ "a": 1
3024
+ },
3025
+ "type": "COLOR",
3026
+ "refId": "mode/data/orange/color/gradientStop/1",
3027
+ "reference": "mode/data/orange/color/muted",
3028
+ "collection": "mode",
3029
+ "mode": "dark",
3030
+ "group": "component",
3031
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3032
+ },
3033
+ {
3034
+ "name": "data/orange/color/gradientStop/2",
3035
+ "value": {
3036
+ "r": 0.19215686274509805,
3037
+ "g": 0.09019607843137255,
3038
+ "b": 0.03137254901960784,
3039
+ "a": 0
3040
+ },
3041
+ "type": "COLOR",
3042
+ "alpha": 0,
3043
+ "refId": "mode/data/orange/color/gradientStop/2",
3044
+ "reference": "mode/data/orange/color/muted",
3045
+ "collection": "mode",
3046
+ "mode": "dark",
3047
+ "group": "component",
3048
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3049
+ },
2951
3050
  {
2952
3051
  "name": "data/yellow/color/emphasis",
2953
3052
  "value": {
@@ -2980,6 +3079,39 @@
2980
3079
  "group": "component",
2981
3080
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2982
3081
  },
3082
+ {
3083
+ "name": "data/yellow/color/gradientStop/1",
3084
+ "value": {
3085
+ "r": 0.1803921568627451,
3086
+ "g": 0.10196078431372549,
3087
+ "b": 0,
3088
+ "a": 1
3089
+ },
3090
+ "type": "COLOR",
3091
+ "refId": "mode/data/yellow/color/gradientStop/1",
3092
+ "reference": "mode/data/yellow/color/muted",
3093
+ "collection": "mode",
3094
+ "mode": "dark",
3095
+ "group": "component",
3096
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3097
+ },
3098
+ {
3099
+ "name": "data/yellow/color/gradientStop/2",
3100
+ "value": {
3101
+ "r": 0.1803921568627451,
3102
+ "g": 0.10196078431372549,
3103
+ "b": 0,
3104
+ "a": 0
3105
+ },
3106
+ "type": "COLOR",
3107
+ "alpha": 0,
3108
+ "refId": "mode/data/yellow/color/gradientStop/2",
3109
+ "reference": "mode/data/yellow/color/muted",
3110
+ "collection": "mode",
3111
+ "mode": "dark",
3112
+ "group": "component",
3113
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3114
+ },
2983
3115
  {
2984
3116
  "name": "data/green/color/emphasis",
2985
3117
  "value": {
@@ -3012,6 +3144,39 @@
3012
3144
  "group": "component",
3013
3145
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3014
3146
  },
3147
+ {
3148
+ "name": "data/green/color/gradientStop/1",
3149
+ "value": {
3150
+ "r": 0.07058823529411765,
3151
+ "g": 0.12941176470588237,
3152
+ "b": 0.09019607843137255,
3153
+ "a": 1
3154
+ },
3155
+ "type": "COLOR",
3156
+ "refId": "mode/data/green/color/gradientStop/1",
3157
+ "reference": "mode/data/green/color/muted",
3158
+ "collection": "mode",
3159
+ "mode": "dark",
3160
+ "group": "component",
3161
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3162
+ },
3163
+ {
3164
+ "name": "data/green/color/gradientStop/2",
3165
+ "value": {
3166
+ "r": 0.07058823529411765,
3167
+ "g": 0.12941176470588237,
3168
+ "b": 0.09019607843137255,
3169
+ "a": 0
3170
+ },
3171
+ "type": "COLOR",
3172
+ "alpha": 0,
3173
+ "refId": "mode/data/green/color/gradientStop/2",
3174
+ "reference": "mode/data/green/color/muted",
3175
+ "collection": "mode",
3176
+ "mode": "dark",
3177
+ "group": "component",
3178
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3179
+ },
3015
3180
  {
3016
3181
  "name": "data/teal/color/emphasis",
3017
3182
  "value": {
@@ -3044,6 +3209,39 @@
3044
3209
  "group": "component",
3045
3210
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3046
3211
  },
3212
+ {
3213
+ "name": "data/teal/color/gradientStop/1",
3214
+ "value": {
3215
+ "r": 0.01568627450980392,
3216
+ "g": 0.12156862745098039,
3217
+ "b": 0.1450980392156863,
3218
+ "a": 1
3219
+ },
3220
+ "type": "COLOR",
3221
+ "refId": "mode/data/teal/color/gradientStop/1",
3222
+ "reference": "mode/data/teal/color/muted",
3223
+ "collection": "mode",
3224
+ "mode": "dark",
3225
+ "group": "component",
3226
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3227
+ },
3228
+ {
3229
+ "name": "data/teal/color/gradientStop/2",
3230
+ "value": {
3231
+ "r": 0.01568627450980392,
3232
+ "g": 0.12156862745098039,
3233
+ "b": 0.1450980392156863,
3234
+ "a": 0
3235
+ },
3236
+ "type": "COLOR",
3237
+ "alpha": 0,
3238
+ "refId": "mode/data/teal/color/gradientStop/2",
3239
+ "reference": "mode/data/teal/color/muted",
3240
+ "collection": "mode",
3241
+ "mode": "dark",
3242
+ "group": "component",
3243
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3244
+ },
3047
3245
  {
3048
3246
  "name": "data/purple/color/emphasis",
3049
3247
  "value": {
@@ -3076,6 +3274,39 @@
3076
3274
  "group": "component",
3077
3275
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3078
3276
  },
3277
+ {
3278
+ "name": "data/purple/color/gradientStop/1",
3279
+ "value": {
3280
+ "r": 0.12941176470588237,
3281
+ "g": 0.06274509803921569,
3282
+ "b": 0.2784313725490196,
3283
+ "a": 1
3284
+ },
3285
+ "type": "COLOR",
3286
+ "refId": "mode/data/purple/color/gradientStop/1",
3287
+ "reference": "mode/data/purple/color/muted",
3288
+ "collection": "mode",
3289
+ "mode": "dark",
3290
+ "group": "component",
3291
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3292
+ },
3293
+ {
3294
+ "name": "data/purple/color/gradientStop/2",
3295
+ "value": {
3296
+ "r": 0.12941176470588237,
3297
+ "g": 0.06274509803921569,
3298
+ "b": 0.2784313725490196,
3299
+ "a": 0
3300
+ },
3301
+ "type": "COLOR",
3302
+ "alpha": 0,
3303
+ "refId": "mode/data/purple/color/gradientStop/2",
3304
+ "reference": "mode/data/purple/color/muted",
3305
+ "collection": "mode",
3306
+ "mode": "dark",
3307
+ "group": "component",
3308
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3309
+ },
3079
3310
  {
3080
3311
  "name": "data/pink/color/emphasis",
3081
3312
  "value": {
@@ -3109,64 +3340,618 @@
3109
3340
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3110
3341
  },
3111
3342
  {
3112
- "name": "data/red/color/emphasis",
3343
+ "name": "data/pink/color/gradientStop/1",
3113
3344
  "value": {
3114
- "r": 0.9215686274509803,
3115
- "g": 0.2,
3116
- "b": 0.25882352941176473,
3345
+ "r": 0.17647058823529413,
3346
+ "g": 0.08235294117647059,
3347
+ "b": 0.1411764705882353,
3117
3348
  "a": 1
3118
3349
  },
3119
3350
  "type": "COLOR",
3120
- "refId": "mode/data/red/color/emphasis",
3121
- "reference": "base/color/dark/base/display/color/red/5",
3351
+ "refId": "mode/data/pink/color/gradientStop/1",
3352
+ "reference": "mode/data/pink/color/muted",
3122
3353
  "collection": "mode",
3123
3354
  "mode": "dark",
3124
3355
  "group": "component",
3125
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3356
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3126
3357
  },
3127
3358
  {
3128
- "name": "data/red/color/muted",
3359
+ "name": "data/pink/color/gradientStop/2",
3129
3360
  "value": {
3130
- "r": 0.23529411764705882,
3131
- "g": 0.023529411764705882,
3132
- "b": 0.0784313725490196,
3133
- "a": 1
3361
+ "r": 0.17647058823529413,
3362
+ "g": 0.08235294117647059,
3363
+ "b": 0.1411764705882353,
3364
+ "a": 0
3134
3365
  },
3135
3366
  "type": "COLOR",
3136
- "refId": "mode/data/red/color/muted",
3137
- "reference": "base/color/dark/base/display/color/red/0",
3367
+ "alpha": 0,
3368
+ "refId": "mode/data/pink/color/gradientStop/2",
3369
+ "reference": "mode/data/pink/color/muted",
3138
3370
  "collection": "mode",
3139
3371
  "mode": "dark",
3140
3372
  "group": "component",
3141
3373
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3142
3374
  },
3143
3375
  {
3144
- "name": "data/gray/color/emphasis",
3376
+ "name": "data/plum/color/emphasis",
3145
3377
  "value": {
3146
- "r": 0.3411764705882353,
3147
- "g": 0.3843137254901961,
3148
- "b": 0.4392156862745098,
3378
+ "r": 0.7137254901960784,
3379
+ "g": 0.2627450980392157,
3380
+ "b": 0.9372549019607843,
3149
3381
  "a": 1
3150
3382
  },
3151
3383
  "type": "COLOR",
3152
- "refId": "mode/data/gray/color/emphasis",
3153
- "reference": "base/color/dark/base/display/color/gray/4",
3384
+ "refId": "mode/data/plum/color/emphasis",
3385
+ "reference": "base/color/dark/base/display/color/plum/5",
3154
3386
  "collection": "mode",
3155
3387
  "mode": "dark",
3156
3388
  "group": "component",
3157
3389
  "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3158
3390
  },
3159
3391
  {
3160
- "name": "data/gray/color/muted",
3392
+ "name": "data/plum/color/muted",
3161
3393
  "value": {
3162
- "r": 0.10980392156862745,
3163
- "g": 0.10980392156862745,
3164
- "b": 0.10980392156862745,
3394
+ "r": 0.16470588235294117,
3395
+ "g": 0.054901960784313725,
3396
+ "b": 0.24705882352941178,
3165
3397
  "a": 1
3166
3398
  },
3167
3399
  "type": "COLOR",
3168
- "refId": "mode/data/gray/color/muted",
3169
- "reference": "base/color/dark/base/display/color/gray/0",
3400
+ "refId": "mode/data/plum/color/muted",
3401
+ "reference": "base/color/dark/base/display/color/plum/0",
3402
+ "collection": "mode",
3403
+ "mode": "dark",
3404
+ "group": "component",
3405
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3406
+ },
3407
+ {
3408
+ "name": "data/plum/color/gradientStop/1",
3409
+ "value": {
3410
+ "r": 0.16470588235294117,
3411
+ "g": 0.054901960784313725,
3412
+ "b": 0.24705882352941178,
3413
+ "a": 1
3414
+ },
3415
+ "type": "COLOR",
3416
+ "refId": "mode/data/plum/color/gradientStop/1",
3417
+ "reference": "mode/data/plum/color/muted",
3418
+ "collection": "mode",
3419
+ "mode": "dark",
3420
+ "group": "component",
3421
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3422
+ },
3423
+ {
3424
+ "name": "data/plum/color/gradientStop/2",
3425
+ "value": {
3426
+ "r": 0.16470588235294117,
3427
+ "g": 0.054901960784313725,
3428
+ "b": 0.24705882352941178,
3429
+ "a": 0
3430
+ },
3431
+ "type": "COLOR",
3432
+ "alpha": 0,
3433
+ "refId": "mode/data/plum/color/gradientStop/2",
3434
+ "reference": "mode/data/plum/color/muted",
3435
+ "collection": "mode",
3436
+ "mode": "dark",
3437
+ "group": "component",
3438
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3439
+ },
3440
+ {
3441
+ "name": "data/red/color/emphasis",
3442
+ "value": {
3443
+ "r": 0.9215686274509803,
3444
+ "g": 0.2,
3445
+ "b": 0.25882352941176473,
3446
+ "a": 1
3447
+ },
3448
+ "type": "COLOR",
3449
+ "refId": "mode/data/red/color/emphasis",
3450
+ "reference": "base/color/dark/base/display/color/red/5",
3451
+ "collection": "mode",
3452
+ "mode": "dark",
3453
+ "group": "component",
3454
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3455
+ },
3456
+ {
3457
+ "name": "data/red/color/muted",
3458
+ "value": {
3459
+ "r": 0.23529411764705882,
3460
+ "g": 0.023529411764705882,
3461
+ "b": 0.0784313725490196,
3462
+ "a": 1
3463
+ },
3464
+ "type": "COLOR",
3465
+ "refId": "mode/data/red/color/muted",
3466
+ "reference": "base/color/dark/base/display/color/red/0",
3467
+ "collection": "mode",
3468
+ "mode": "dark",
3469
+ "group": "component",
3470
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3471
+ },
3472
+ {
3473
+ "name": "data/red/color/gradientStop/1",
3474
+ "value": {
3475
+ "r": 0.23529411764705882,
3476
+ "g": 0.023529411764705882,
3477
+ "b": 0.0784313725490196,
3478
+ "a": 1
3479
+ },
3480
+ "type": "COLOR",
3481
+ "refId": "mode/data/red/color/gradientStop/1",
3482
+ "reference": "mode/data/red/color/muted",
3483
+ "collection": "mode",
3484
+ "mode": "dark",
3485
+ "group": "component",
3486
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3487
+ },
3488
+ {
3489
+ "name": "data/red/color/gradientStop/2",
3490
+ "value": {
3491
+ "r": 0.23529411764705882,
3492
+ "g": 0.023529411764705882,
3493
+ "b": 0.0784313725490196,
3494
+ "a": 0
3495
+ },
3496
+ "type": "COLOR",
3497
+ "alpha": 0,
3498
+ "refId": "mode/data/red/color/gradientStop/2",
3499
+ "reference": "mode/data/red/color/muted",
3500
+ "collection": "mode",
3501
+ "mode": "dark",
3502
+ "group": "component",
3503
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3504
+ },
3505
+ {
3506
+ "name": "data/gray/color/emphasis",
3507
+ "value": {
3508
+ "r": 0.3411764705882353,
3509
+ "g": 0.3843137254901961,
3510
+ "b": 0.4392156862745098,
3511
+ "a": 1
3512
+ },
3513
+ "type": "COLOR",
3514
+ "refId": "mode/data/gray/color/emphasis",
3515
+ "reference": "base/color/dark/base/display/color/gray/4",
3516
+ "collection": "mode",
3517
+ "mode": "dark",
3518
+ "group": "component",
3519
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3520
+ },
3521
+ {
3522
+ "name": "data/gray/color/muted",
3523
+ "value": {
3524
+ "r": 0.10980392156862745,
3525
+ "g": 0.10980392156862745,
3526
+ "b": 0.10980392156862745,
3527
+ "a": 1
3528
+ },
3529
+ "type": "COLOR",
3530
+ "refId": "mode/data/gray/color/muted",
3531
+ "reference": "base/color/dark/base/display/color/gray/0",
3532
+ "collection": "mode",
3533
+ "mode": "dark",
3534
+ "group": "component",
3535
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3536
+ },
3537
+ {
3538
+ "name": "data/gray/color/gradientStop/1",
3539
+ "value": {
3540
+ "r": 0.10980392156862745,
3541
+ "g": 0.10980392156862745,
3542
+ "b": 0.10980392156862745,
3543
+ "a": 1
3544
+ },
3545
+ "type": "COLOR",
3546
+ "refId": "mode/data/gray/color/gradientStop/1",
3547
+ "reference": "mode/data/gray/color/muted",
3548
+ "collection": "mode",
3549
+ "mode": "dark",
3550
+ "group": "component",
3551
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3552
+ },
3553
+ {
3554
+ "name": "data/gray/color/gradientStop/2",
3555
+ "value": {
3556
+ "r": 0.10980392156862745,
3557
+ "g": 0.10980392156862745,
3558
+ "b": 0.10980392156862745,
3559
+ "a": 0
3560
+ },
3561
+ "type": "COLOR",
3562
+ "alpha": 0,
3563
+ "refId": "mode/data/gray/color/gradientStop/2",
3564
+ "reference": "mode/data/gray/color/muted",
3565
+ "collection": "mode",
3566
+ "mode": "dark",
3567
+ "group": "component",
3568
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3569
+ },
3570
+ {
3571
+ "name": "data/coral/color/emphasis",
3572
+ "value": {
3573
+ "r": 0.8823529411764706,
3574
+ "g": 0.2627450980392157,
3575
+ "b": 0.054901960784313725,
3576
+ "a": 1
3577
+ },
3578
+ "type": "COLOR",
3579
+ "refId": "mode/data/coral/color/emphasis",
3580
+ "reference": "base/color/dark/base/display/color/coral/5",
3581
+ "collection": "mode",
3582
+ "mode": "dark",
3583
+ "group": "component",
3584
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3585
+ },
3586
+ {
3587
+ "name": "data/coral/color/muted",
3588
+ "value": {
3589
+ "r": 0.20784313725490197,
3590
+ "g": 0.06274509803921569,
3591
+ "b": 0.03137254901960784,
3592
+ "a": 1
3593
+ },
3594
+ "type": "COLOR",
3595
+ "refId": "mode/data/coral/color/muted",
3596
+ "reference": "base/color/dark/base/display/color/coral/0",
3597
+ "collection": "mode",
3598
+ "mode": "dark",
3599
+ "group": "component",
3600
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3601
+ },
3602
+ {
3603
+ "name": "data/coral/color/gradientStop/1",
3604
+ "value": {
3605
+ "r": 0.20784313725490197,
3606
+ "g": 0.06274509803921569,
3607
+ "b": 0.03137254901960784,
3608
+ "a": 1
3609
+ },
3610
+ "type": "COLOR",
3611
+ "refId": "mode/data/coral/color/gradientStop/1",
3612
+ "reference": "mode/data/coral/color/muted",
3613
+ "collection": "mode",
3614
+ "mode": "dark",
3615
+ "group": "component",
3616
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3617
+ },
3618
+ {
3619
+ "name": "data/coral/color/gradientStop/2",
3620
+ "value": {
3621
+ "r": 0.20784313725490197,
3622
+ "g": 0.06274509803921569,
3623
+ "b": 0.03137254901960784,
3624
+ "a": 0
3625
+ },
3626
+ "type": "COLOR",
3627
+ "alpha": 0,
3628
+ "refId": "mode/data/coral/color/gradientStop/2",
3629
+ "reference": "mode/data/coral/color/muted",
3630
+ "collection": "mode",
3631
+ "mode": "dark",
3632
+ "group": "component",
3633
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3634
+ },
3635
+ {
3636
+ "name": "data/brown/color/emphasis",
3637
+ "value": {
3638
+ "r": 0.5803921568627451,
3639
+ "g": 0.4666666666666667,
3640
+ "b": 0.2980392156862745,
3641
+ "a": 1
3642
+ },
3643
+ "type": "COLOR",
3644
+ "refId": "mode/data/brown/color/emphasis",
3645
+ "reference": "base/color/dark/base/display/color/brown/5",
3646
+ "collection": "mode",
3647
+ "mode": "dark",
3648
+ "group": "component",
3649
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3650
+ },
3651
+ {
3652
+ "name": "data/brown/color/muted",
3653
+ "value": {
3654
+ "r": 0.1411764705882353,
3655
+ "g": 0.10980392156862745,
3656
+ "b": 0.0784313725490196,
3657
+ "a": 1
3658
+ },
3659
+ "type": "COLOR",
3660
+ "refId": "mode/data/brown/color/muted",
3661
+ "reference": "base/color/dark/base/display/color/brown/0",
3662
+ "collection": "mode",
3663
+ "mode": "dark",
3664
+ "group": "component",
3665
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3666
+ },
3667
+ {
3668
+ "name": "data/brown/color/gradientStop/1",
3669
+ "value": {
3670
+ "r": 0.1411764705882353,
3671
+ "g": 0.10980392156862745,
3672
+ "b": 0.0784313725490196,
3673
+ "a": 1
3674
+ },
3675
+ "type": "COLOR",
3676
+ "refId": "mode/data/brown/color/gradientStop/1",
3677
+ "reference": "mode/data/brown/color/muted",
3678
+ "collection": "mode",
3679
+ "mode": "dark",
3680
+ "group": "component",
3681
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3682
+ },
3683
+ {
3684
+ "name": "data/brown/color/gradientStop/2",
3685
+ "value": {
3686
+ "r": 0.1411764705882353,
3687
+ "g": 0.10980392156862745,
3688
+ "b": 0.0784313725490196,
3689
+ "a": 0
3690
+ },
3691
+ "type": "COLOR",
3692
+ "alpha": 0,
3693
+ "refId": "mode/data/brown/color/gradientStop/2",
3694
+ "reference": "mode/data/brown/color/muted",
3695
+ "collection": "mode",
3696
+ "mode": "dark",
3697
+ "group": "component",
3698
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3699
+ },
3700
+ {
3701
+ "name": "data/lemon/color/emphasis",
3702
+ "value": {
3703
+ "r": 0.592156862745098,
3704
+ "g": 0.4823529411764706,
3705
+ "b": 0.047058823529411764,
3706
+ "a": 1
3707
+ },
3708
+ "type": "COLOR",
3709
+ "refId": "mode/data/lemon/color/emphasis",
3710
+ "reference": "base/color/dark/base/display/color/lemon/5",
3711
+ "collection": "mode",
3712
+ "mode": "dark",
3713
+ "group": "component",
3714
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3715
+ },
3716
+ {
3717
+ "name": "data/lemon/color/muted",
3718
+ "value": {
3719
+ "r": 0.1607843137254902,
3720
+ "g": 0.11372549019607843,
3721
+ "b": 0,
3722
+ "a": 1
3723
+ },
3724
+ "type": "COLOR",
3725
+ "refId": "mode/data/lemon/color/muted",
3726
+ "reference": "base/color/dark/base/display/color/lemon/0",
3727
+ "collection": "mode",
3728
+ "mode": "dark",
3729
+ "group": "component",
3730
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3731
+ },
3732
+ {
3733
+ "name": "data/lemon/color/gradientStop/1",
3734
+ "value": {
3735
+ "r": 0.1607843137254902,
3736
+ "g": 0.11372549019607843,
3737
+ "b": 0,
3738
+ "a": 1
3739
+ },
3740
+ "type": "COLOR",
3741
+ "refId": "mode/data/lemon/color/gradientStop/1",
3742
+ "reference": "mode/data/lemon/color/muted",
3743
+ "collection": "mode",
3744
+ "mode": "dark",
3745
+ "group": "component",
3746
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3747
+ },
3748
+ {
3749
+ "name": "data/lemon/color/gradientStop/2",
3750
+ "value": {
3751
+ "r": 0.1607843137254902,
3752
+ "g": 0.11372549019607843,
3753
+ "b": 0,
3754
+ "a": 0
3755
+ },
3756
+ "type": "COLOR",
3757
+ "alpha": 0,
3758
+ "refId": "mode/data/lemon/color/gradientStop/2",
3759
+ "reference": "mode/data/lemon/color/muted",
3760
+ "collection": "mode",
3761
+ "mode": "dark",
3762
+ "group": "component",
3763
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3764
+ },
3765
+ {
3766
+ "name": "data/olive/color/emphasis",
3767
+ "value": {
3768
+ "r": 0.47843137254901963,
3769
+ "g": 0.5137254901960784,
3770
+ "b": 0.12941176470588237,
3771
+ "a": 1
3772
+ },
3773
+ "type": "COLOR",
3774
+ "refId": "mode/data/olive/color/emphasis",
3775
+ "reference": "base/color/dark/base/display/color/olive/5",
3776
+ "collection": "mode",
3777
+ "mode": "dark",
3778
+ "group": "component",
3779
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3780
+ },
3781
+ {
3782
+ "name": "data/olive/color/muted",
3783
+ "value": {
3784
+ "r": 0.09019607843137255,
3785
+ "g": 0.11764705882352941,
3786
+ "b": 0.043137254901960784,
3787
+ "a": 1
3788
+ },
3789
+ "type": "COLOR",
3790
+ "refId": "mode/data/olive/color/muted",
3791
+ "reference": "base/color/dark/base/display/color/olive/0",
3792
+ "collection": "mode",
3793
+ "mode": "dark",
3794
+ "group": "component",
3795
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3796
+ },
3797
+ {
3798
+ "name": "data/olive/color/gradientStop/1",
3799
+ "value": {
3800
+ "r": 0.09019607843137255,
3801
+ "g": 0.11764705882352941,
3802
+ "b": 0.043137254901960784,
3803
+ "a": 1
3804
+ },
3805
+ "type": "COLOR",
3806
+ "refId": "mode/data/olive/color/gradientStop/1",
3807
+ "reference": "mode/data/olive/color/muted",
3808
+ "collection": "mode",
3809
+ "mode": "dark",
3810
+ "group": "component",
3811
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3812
+ },
3813
+ {
3814
+ "name": "data/olive/color/gradientStop/2",
3815
+ "value": {
3816
+ "r": 0.09019607843137255,
3817
+ "g": 0.11764705882352941,
3818
+ "b": 0.043137254901960784,
3819
+ "a": 0
3820
+ },
3821
+ "type": "COLOR",
3822
+ "alpha": 0,
3823
+ "refId": "mode/data/olive/color/gradientStop/2",
3824
+ "reference": "mode/data/olive/color/muted",
3825
+ "collection": "mode",
3826
+ "mode": "dark",
3827
+ "group": "component",
3828
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3829
+ },
3830
+ {
3831
+ "name": "data/lime/color/emphasis",
3832
+ "value": {
3833
+ "r": 0.37254901960784315,
3834
+ "g": 0.5372549019607843,
3835
+ "b": 0.1843137254901961,
3836
+ "a": 1
3837
+ },
3838
+ "type": "COLOR",
3839
+ "refId": "mode/data/lime/color/emphasis",
3840
+ "reference": "base/color/dark/base/display/color/lime/5",
3841
+ "collection": "mode",
3842
+ "mode": "dark",
3843
+ "group": "component",
3844
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3845
+ },
3846
+ {
3847
+ "name": "data/lime/color/muted",
3848
+ "value": {
3849
+ "r": 0.0784313725490196,
3850
+ "g": 0.12156862745098039,
3851
+ "b": 0.058823529411764705,
3852
+ "a": 1
3853
+ },
3854
+ "type": "COLOR",
3855
+ "refId": "mode/data/lime/color/muted",
3856
+ "reference": "base/color/dark/base/display/color/lime/0",
3857
+ "collection": "mode",
3858
+ "mode": "dark",
3859
+ "group": "component",
3860
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3861
+ },
3862
+ {
3863
+ "name": "data/lime/color/gradientStop/1",
3864
+ "value": {
3865
+ "r": 0.0784313725490196,
3866
+ "g": 0.12156862745098039,
3867
+ "b": 0.058823529411764705,
3868
+ "a": 1
3869
+ },
3870
+ "type": "COLOR",
3871
+ "refId": "mode/data/lime/color/gradientStop/1",
3872
+ "reference": "mode/data/lime/color/muted",
3873
+ "collection": "mode",
3874
+ "mode": "dark",
3875
+ "group": "component",
3876
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3877
+ },
3878
+ {
3879
+ "name": "data/lime/color/gradientStop/2",
3880
+ "value": {
3881
+ "r": 0.0784313725490196,
3882
+ "g": 0.12156862745098039,
3883
+ "b": 0.058823529411764705,
3884
+ "a": 0
3885
+ },
3886
+ "type": "COLOR",
3887
+ "alpha": 0,
3888
+ "refId": "mode/data/lime/color/gradientStop/2",
3889
+ "reference": "mode/data/lime/color/muted",
3890
+ "collection": "mode",
3891
+ "mode": "dark",
3892
+ "group": "component",
3893
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3894
+ },
3895
+ {
3896
+ "name": "data/pine/color/emphasis",
3897
+ "value": {
3898
+ "r": 0.09411764705882353,
3899
+ "g": 0.5686274509803921,
3900
+ "b": 0.3686274509803922,
3901
+ "a": 1
3902
+ },
3903
+ "type": "COLOR",
3904
+ "refId": "mode/data/pine/color/emphasis",
3905
+ "reference": "base/color/dark/base/display/color/pine/5",
3906
+ "collection": "mode",
3907
+ "mode": "dark",
3908
+ "group": "component",
3909
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
3910
+ },
3911
+ {
3912
+ "name": "data/pine/color/muted",
3913
+ "value": {
3914
+ "r": 0.03137254901960784,
3915
+ "g": 0.12941176470588237,
3916
+ "b": 0.09803921568627451,
3917
+ "a": 1
3918
+ },
3919
+ "type": "COLOR",
3920
+ "refId": "mode/data/pine/color/muted",
3921
+ "reference": "base/color/dark/base/display/color/pine/0",
3922
+ "collection": "mode",
3923
+ "mode": "dark",
3924
+ "group": "component",
3925
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3926
+ },
3927
+ {
3928
+ "name": "data/pine/color/gradientStop/1",
3929
+ "value": {
3930
+ "r": 0.03137254901960784,
3931
+ "g": 0.12941176470588237,
3932
+ "b": 0.09803921568627451,
3933
+ "a": 1
3934
+ },
3935
+ "type": "COLOR",
3936
+ "refId": "mode/data/pine/color/gradientStop/1",
3937
+ "reference": "mode/data/pine/color/muted",
3938
+ "collection": "mode",
3939
+ "mode": "dark",
3940
+ "group": "component",
3941
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3942
+ },
3943
+ {
3944
+ "name": "data/pine/color/gradientStop/2",
3945
+ "value": {
3946
+ "r": 0.03137254901960784,
3947
+ "g": 0.12941176470588237,
3948
+ "b": 0.09803921568627451,
3949
+ "a": 0
3950
+ },
3951
+ "type": "COLOR",
3952
+ "alpha": 0,
3953
+ "refId": "mode/data/pine/color/gradientStop/2",
3954
+ "reference": "mode/data/pine/color/muted",
3170
3955
  "collection": "mode",
3171
3956
  "mode": "dark",
3172
3957
  "group": "component",