@primer/primitives 10.4.0 → 10.5.0-rc.1c002767

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 (78) 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 +142 -12
  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 +142 -12
  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 +2146 -244
  40. package/dist/docs/functional/themes/dark-dimmed.json +2146 -244
  41. package/dist/docs/functional/themes/dark-high-contrast.json +2167 -265
  42. package/dist/docs/functional/themes/dark-tritanopia.json +2146 -244
  43. package/dist/docs/functional/themes/dark.json +2146 -244
  44. package/dist/docs/functional/themes/light-colorblind.json +2146 -244
  45. package/dist/docs/functional/themes/light-high-contrast.json +2167 -265
  46. package/dist/docs/functional/themes/light-tritanopia.json +2146 -244
  47. package/dist/docs/functional/themes/light.json +2146 -244
  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 +831 -46
  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 +830 -45
  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 +142 -12
  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 +142 -12
  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 +2126 -224
  67. package/dist/styleLint/functional/themes/dark-dimmed.json +2126 -224
  68. package/dist/styleLint/functional/themes/dark-high-contrast.json +2166 -264
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +2126 -224
  70. package/dist/styleLint/functional/themes/dark.json +2126 -224
  71. package/dist/styleLint/functional/themes/light-colorblind.json +2126 -224
  72. package/dist/styleLint/functional/themes/light-high-contrast.json +2166 -264
  73. package/dist/styleLint/functional/themes/light-tritanopia.json +2126 -224
  74. package/dist/styleLint/functional/themes/light.json +2126 -224
  75. package/package.json +1 -1
  76. package/src/tokens/component/contribution.json5 +0 -37
  77. package/src/tokens/functional/color/borderColor.json5 +8 -8
  78. package/src/tokens/functional/color/data-vis.json5 +911 -41
@@ -6294,7 +6294,7 @@
6294
6294
  "collection": "mode",
6295
6295
  "mode": "light",
6296
6296
  "group": "semantic",
6297
- "scopes": ["STROKE_COLOR"],
6297
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6298
6298
  "codeSyntax": {
6299
6299
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
6300
6300
  }
@@ -6314,7 +6314,7 @@
6314
6314
  "collection": "mode",
6315
6315
  "mode": "light",
6316
6316
  "group": "semantic",
6317
- "scopes": ["STROKE_COLOR"],
6317
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6318
6318
  "codeSyntax": {
6319
6319
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
6320
6320
  }
@@ -6333,7 +6333,7 @@
6333
6333
  "collection": "mode",
6334
6334
  "mode": "light",
6335
6335
  "group": "semantic",
6336
- "scopes": ["STROKE_COLOR"]
6336
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6337
6337
  },
6338
6338
  {
6339
6339
  "name": "borderColor/disabled",
@@ -6350,7 +6350,7 @@
6350
6350
  "collection": "mode",
6351
6351
  "mode": "light",
6352
6352
  "group": "semantic",
6353
- "scopes": ["STROKE_COLOR"]
6353
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6354
6354
  },
6355
6355
  {
6356
6356
  "name": "borderColor/transparent",
@@ -6366,7 +6366,7 @@
6366
6366
  "collection": "mode",
6367
6367
  "mode": "light",
6368
6368
  "group": "semantic",
6369
- "scopes": ["STROKE_COLOR"]
6369
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6370
6370
  },
6371
6371
  {
6372
6372
  "name": "borderColor/translucent",
@@ -6383,7 +6383,7 @@
6383
6383
  "collection": "mode",
6384
6384
  "mode": "light",
6385
6385
  "group": "semantic",
6386
- "scopes": ["STROKE_COLOR"]
6386
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6387
6387
  },
6388
6388
  {
6389
6389
  "name": "borderColor/neutral-muted",
@@ -6432,7 +6432,7 @@
6432
6432
  "collection": "mode",
6433
6433
  "mode": "light",
6434
6434
  "group": "semantic",
6435
- "scopes": ["STROKE_COLOR"],
6435
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6436
6436
  "codeSyntax": {
6437
6437
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
6438
6438
  }
@@ -6451,7 +6451,7 @@
6451
6451
  "collection": "mode",
6452
6452
  "mode": "light",
6453
6453
  "group": "semantic",
6454
- "scopes": ["STROKE_COLOR"],
6454
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6455
6455
  "codeSyntax": {
6456
6456
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
6457
6457
  }
@@ -7670,6 +7670,39 @@
7670
7670
  "group": "component",
7671
7671
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7672
7672
  },
7673
+ {
7674
+ "name": "data/blue/color/gradientStop/1",
7675
+ "value": {
7676
+ "r": 0.8196078431372549,
7677
+ "g": 0.9411764705882353,
7678
+ "b": 1,
7679
+ "a": 1
7680
+ },
7681
+ "type": "COLOR",
7682
+ "refId": "mode/data/blue/color/gradientStop/1",
7683
+ "reference": "mode/data/blue/color/muted",
7684
+ "collection": "mode",
7685
+ "mode": "light",
7686
+ "group": "component",
7687
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7688
+ },
7689
+ {
7690
+ "name": "data/blue/color/gradientStop/2",
7691
+ "value": {
7692
+ "r": 0.8196078431372549,
7693
+ "g": 0.9411764705882353,
7694
+ "b": 1,
7695
+ "a": 0
7696
+ },
7697
+ "type": "COLOR",
7698
+ "alpha": 0,
7699
+ "refId": "mode/data/blue/color/gradientStop/2",
7700
+ "reference": "mode/data/blue/color/muted",
7701
+ "collection": "mode",
7702
+ "mode": "light",
7703
+ "group": "component",
7704
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7705
+ },
7673
7706
  {
7674
7707
  "name": "data/auburn/color/emphasis",
7675
7708
  "value": {
@@ -7702,6 +7735,39 @@
7702
7735
  "group": "component",
7703
7736
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7704
7737
  },
7738
+ {
7739
+ "name": "data/auburn/color/gradientStop/1",
7740
+ "value": {
7741
+ "r": 0.9490196078431372,
7742
+ "g": 0.9137254901960784,
7743
+ "b": 0.9137254901960784,
7744
+ "a": 1
7745
+ },
7746
+ "type": "COLOR",
7747
+ "refId": "mode/data/auburn/color/gradientStop/1",
7748
+ "reference": "mode/data/auburn/color/muted",
7749
+ "collection": "mode",
7750
+ "mode": "light",
7751
+ "group": "component",
7752
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7753
+ },
7754
+ {
7755
+ "name": "data/auburn/color/gradientStop/2",
7756
+ "value": {
7757
+ "r": 0.9490196078431372,
7758
+ "g": 0.9137254901960784,
7759
+ "b": 0.9137254901960784,
7760
+ "a": 0
7761
+ },
7762
+ "type": "COLOR",
7763
+ "alpha": 0,
7764
+ "refId": "mode/data/auburn/color/gradientStop/2",
7765
+ "reference": "mode/data/auburn/color/muted",
7766
+ "collection": "mode",
7767
+ "mode": "light",
7768
+ "group": "component",
7769
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7770
+ },
7705
7771
  {
7706
7772
  "name": "data/orange/color/emphasis",
7707
7773
  "value": {
@@ -7734,6 +7800,39 @@
7734
7800
  "group": "component",
7735
7801
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7736
7802
  },
7803
+ {
7804
+ "name": "data/orange/color/gradientStop/1",
7805
+ "value": {
7806
+ "r": 1,
7807
+ "g": 0.9058823529411765,
7808
+ "b": 0.8196078431372549,
7809
+ "a": 1
7810
+ },
7811
+ "type": "COLOR",
7812
+ "refId": "mode/data/orange/color/gradientStop/1",
7813
+ "reference": "mode/data/orange/color/muted",
7814
+ "collection": "mode",
7815
+ "mode": "light",
7816
+ "group": "component",
7817
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7818
+ },
7819
+ {
7820
+ "name": "data/orange/color/gradientStop/2",
7821
+ "value": {
7822
+ "r": 1,
7823
+ "g": 0.9058823529411765,
7824
+ "b": 0.8196078431372549,
7825
+ "a": 0
7826
+ },
7827
+ "type": "COLOR",
7828
+ "alpha": 0,
7829
+ "refId": "mode/data/orange/color/gradientStop/2",
7830
+ "reference": "mode/data/orange/color/muted",
7831
+ "collection": "mode",
7832
+ "mode": "light",
7833
+ "group": "component",
7834
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7835
+ },
7737
7836
  {
7738
7837
  "name": "data/yellow/color/emphasis",
7739
7838
  "value": {
@@ -7766,6 +7865,39 @@
7766
7865
  "group": "component",
7767
7866
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7768
7867
  },
7868
+ {
7869
+ "name": "data/yellow/color/gradientStop/1",
7870
+ "value": {
7871
+ "r": 1,
7872
+ "g": 0.9254901960784314,
7873
+ "b": 0.6196078431372549,
7874
+ "a": 1
7875
+ },
7876
+ "type": "COLOR",
7877
+ "refId": "mode/data/yellow/color/gradientStop/1",
7878
+ "reference": "mode/data/yellow/color/muted",
7879
+ "collection": "mode",
7880
+ "mode": "light",
7881
+ "group": "component",
7882
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7883
+ },
7884
+ {
7885
+ "name": "data/yellow/color/gradientStop/2",
7886
+ "value": {
7887
+ "r": 1,
7888
+ "g": 0.9254901960784314,
7889
+ "b": 0.6196078431372549,
7890
+ "a": 0
7891
+ },
7892
+ "type": "COLOR",
7893
+ "alpha": 0,
7894
+ "refId": "mode/data/yellow/color/gradientStop/2",
7895
+ "reference": "mode/data/yellow/color/muted",
7896
+ "collection": "mode",
7897
+ "mode": "light",
7898
+ "group": "component",
7899
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7900
+ },
7769
7901
  {
7770
7902
  "name": "data/green/color/emphasis",
7771
7903
  "value": {
@@ -7798,6 +7930,39 @@
7798
7930
  "group": "component",
7799
7931
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7800
7932
  },
7933
+ {
7934
+ "name": "data/green/color/gradientStop/1",
7935
+ "value": {
7936
+ "r": 0.792156862745098,
7937
+ "g": 0.9686274509803922,
7938
+ "b": 0.792156862745098,
7939
+ "a": 1
7940
+ },
7941
+ "type": "COLOR",
7942
+ "refId": "mode/data/green/color/gradientStop/1",
7943
+ "reference": "mode/data/green/color/muted",
7944
+ "collection": "mode",
7945
+ "mode": "light",
7946
+ "group": "component",
7947
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7948
+ },
7949
+ {
7950
+ "name": "data/green/color/gradientStop/2",
7951
+ "value": {
7952
+ "r": 0.792156862745098,
7953
+ "g": 0.9686274509803922,
7954
+ "b": 0.792156862745098,
7955
+ "a": 0
7956
+ },
7957
+ "type": "COLOR",
7958
+ "alpha": 0,
7959
+ "refId": "mode/data/green/color/gradientStop/2",
7960
+ "reference": "mode/data/green/color/muted",
7961
+ "collection": "mode",
7962
+ "mode": "light",
7963
+ "group": "component",
7964
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7965
+ },
7801
7966
  {
7802
7967
  "name": "data/teal/color/emphasis",
7803
7968
  "value": {
@@ -7830,6 +7995,39 @@
7830
7995
  "group": "component",
7831
7996
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7832
7997
  },
7998
+ {
7999
+ "name": "data/teal/color/gradientStop/1",
8000
+ "value": {
8001
+ "r": 0.7803921568627451,
8002
+ "g": 0.9607843137254902,
8003
+ "b": 0.9372549019607843,
8004
+ "a": 1
8005
+ },
8006
+ "type": "COLOR",
8007
+ "refId": "mode/data/teal/color/gradientStop/1",
8008
+ "reference": "mode/data/teal/color/muted",
8009
+ "collection": "mode",
8010
+ "mode": "light",
8011
+ "group": "component",
8012
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8013
+ },
8014
+ {
8015
+ "name": "data/teal/color/gradientStop/2",
8016
+ "value": {
8017
+ "r": 0.7803921568627451,
8018
+ "g": 0.9607843137254902,
8019
+ "b": 0.9372549019607843,
8020
+ "a": 0
8021
+ },
8022
+ "type": "COLOR",
8023
+ "alpha": 0,
8024
+ "refId": "mode/data/teal/color/gradientStop/2",
8025
+ "reference": "mode/data/teal/color/muted",
8026
+ "collection": "mode",
8027
+ "mode": "light",
8028
+ "group": "component",
8029
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8030
+ },
7833
8031
  {
7834
8032
  "name": "data/purple/color/emphasis",
7835
8033
  "value": {
@@ -7862,6 +8060,39 @@
7862
8060
  "group": "component",
7863
8061
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7864
8062
  },
8063
+ {
8064
+ "name": "data/purple/color/gradientStop/1",
8065
+ "value": {
8066
+ "r": 0.9450980392156862,
8067
+ "g": 0.8980392156862745,
8068
+ "b": 1,
8069
+ "a": 1
8070
+ },
8071
+ "type": "COLOR",
8072
+ "refId": "mode/data/purple/color/gradientStop/1",
8073
+ "reference": "mode/data/purple/color/muted",
8074
+ "collection": "mode",
8075
+ "mode": "light",
8076
+ "group": "component",
8077
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8078
+ },
8079
+ {
8080
+ "name": "data/purple/color/gradientStop/2",
8081
+ "value": {
8082
+ "r": 0.9450980392156862,
8083
+ "g": 0.8980392156862745,
8084
+ "b": 1,
8085
+ "a": 0
8086
+ },
8087
+ "type": "COLOR",
8088
+ "alpha": 0,
8089
+ "refId": "mode/data/purple/color/gradientStop/2",
8090
+ "reference": "mode/data/purple/color/muted",
8091
+ "collection": "mode",
8092
+ "mode": "light",
8093
+ "group": "component",
8094
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8095
+ },
7865
8096
  {
7866
8097
  "name": "data/pink/color/emphasis",
7867
8098
  "value": {
@@ -7895,64 +8126,618 @@
7895
8126
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7896
8127
  },
7897
8128
  {
7898
- "name": "data/red/color/emphasis",
8129
+ "name": "data/pink/color/gradientStop/1",
7899
8130
  "value": {
7900
- "r": 0.8745098039215686,
7901
- "g": 0.047058823529411764,
7902
- "b": 0.1411764705882353,
8131
+ "r": 1,
8132
+ "g": 0.8980392156862745,
8133
+ "b": 0.9450980392156862,
7903
8134
  "a": 1
7904
8135
  },
7905
8136
  "type": "COLOR",
7906
- "refId": "mode/data/red/color/emphasis",
7907
- "reference": "base/color/light/base/display/color/red/5",
8137
+ "refId": "mode/data/pink/color/gradientStop/1",
8138
+ "reference": "mode/data/pink/color/muted",
7908
8139
  "collection": "mode",
7909
8140
  "mode": "light",
7910
8141
  "group": "component",
7911
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
8142
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7912
8143
  },
7913
8144
  {
7914
- "name": "data/red/color/muted",
8145
+ "name": "data/pink/color/gradientStop/2",
7915
8146
  "value": {
7916
8147
  "r": 1,
7917
- "g": 0.8862745098039215,
7918
- "b": 0.8784313725490196,
7919
- "a": 1
8148
+ "g": 0.8980392156862745,
8149
+ "b": 0.9450980392156862,
8150
+ "a": 0
7920
8151
  },
7921
8152
  "type": "COLOR",
7922
- "refId": "mode/data/red/color/muted",
7923
- "reference": "base/color/light/base/display/color/red/0",
8153
+ "alpha": 0,
8154
+ "refId": "mode/data/pink/color/gradientStop/2",
8155
+ "reference": "mode/data/pink/color/muted",
7924
8156
  "collection": "mode",
7925
8157
  "mode": "light",
7926
8158
  "group": "component",
7927
8159
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7928
8160
  },
7929
8161
  {
7930
- "name": "data/gray/color/emphasis",
8162
+ "name": "data/plum/color/emphasis",
7931
8163
  "value": {
7932
- "r": 0.5019607843137255,
7933
- "g": 0.5607843137254902,
7934
- "b": 0.6392156862745098,
8164
+ "r": 0.6588235294117647,
8165
+ "g": 0.18823529411764706,
8166
+ "b": 0.9098039215686274,
7935
8167
  "a": 1
7936
8168
  },
7937
8169
  "type": "COLOR",
7938
- "refId": "mode/data/gray/color/emphasis",
7939
- "reference": "base/color/light/base/display/color/gray/4",
8170
+ "refId": "mode/data/plum/color/emphasis",
8171
+ "reference": "base/color/light/base/display/color/plum/5",
7940
8172
  "collection": "mode",
7941
8173
  "mode": "light",
7942
8174
  "group": "component",
7943
8175
  "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
7944
8176
  },
7945
8177
  {
7946
- "name": "data/gray/color/muted",
8178
+ "name": "data/plum/color/muted",
7947
8179
  "value": {
7948
- "r": 0.9098039215686274,
7949
- "g": 0.9254901960784314,
7950
- "b": 0.9490196078431372,
8180
+ "r": 0.9725490196078431,
8181
+ "g": 0.8980392156862745,
8182
+ "b": 1,
7951
8183
  "a": 1
7952
8184
  },
7953
8185
  "type": "COLOR",
7954
- "refId": "mode/data/gray/color/muted",
7955
- "reference": "base/color/light/base/display/color/gray/0",
8186
+ "refId": "mode/data/plum/color/muted",
8187
+ "reference": "base/color/light/base/display/color/plum/0",
8188
+ "collection": "mode",
8189
+ "mode": "light",
8190
+ "group": "component",
8191
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8192
+ },
8193
+ {
8194
+ "name": "data/plum/color/gradientStop/1",
8195
+ "value": {
8196
+ "r": 0.9725490196078431,
8197
+ "g": 0.8980392156862745,
8198
+ "b": 1,
8199
+ "a": 1
8200
+ },
8201
+ "type": "COLOR",
8202
+ "refId": "mode/data/plum/color/gradientStop/1",
8203
+ "reference": "mode/data/plum/color/muted",
8204
+ "collection": "mode",
8205
+ "mode": "light",
8206
+ "group": "component",
8207
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8208
+ },
8209
+ {
8210
+ "name": "data/plum/color/gradientStop/2",
8211
+ "value": {
8212
+ "r": 0.9725490196078431,
8213
+ "g": 0.8980392156862745,
8214
+ "b": 1,
8215
+ "a": 0
8216
+ },
8217
+ "type": "COLOR",
8218
+ "alpha": 0,
8219
+ "refId": "mode/data/plum/color/gradientStop/2",
8220
+ "reference": "mode/data/plum/color/muted",
8221
+ "collection": "mode",
8222
+ "mode": "light",
8223
+ "group": "component",
8224
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8225
+ },
8226
+ {
8227
+ "name": "data/red/color/emphasis",
8228
+ "value": {
8229
+ "r": 0.8745098039215686,
8230
+ "g": 0.047058823529411764,
8231
+ "b": 0.1411764705882353,
8232
+ "a": 1
8233
+ },
8234
+ "type": "COLOR",
8235
+ "refId": "mode/data/red/color/emphasis",
8236
+ "reference": "base/color/light/base/display/color/red/5",
8237
+ "collection": "mode",
8238
+ "mode": "light",
8239
+ "group": "component",
8240
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
8241
+ },
8242
+ {
8243
+ "name": "data/red/color/muted",
8244
+ "value": {
8245
+ "r": 1,
8246
+ "g": 0.8862745098039215,
8247
+ "b": 0.8784313725490196,
8248
+ "a": 1
8249
+ },
8250
+ "type": "COLOR",
8251
+ "refId": "mode/data/red/color/muted",
8252
+ "reference": "base/color/light/base/display/color/red/0",
8253
+ "collection": "mode",
8254
+ "mode": "light",
8255
+ "group": "component",
8256
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8257
+ },
8258
+ {
8259
+ "name": "data/red/color/gradientStop/1",
8260
+ "value": {
8261
+ "r": 1,
8262
+ "g": 0.8862745098039215,
8263
+ "b": 0.8784313725490196,
8264
+ "a": 1
8265
+ },
8266
+ "type": "COLOR",
8267
+ "refId": "mode/data/red/color/gradientStop/1",
8268
+ "reference": "mode/data/red/color/muted",
8269
+ "collection": "mode",
8270
+ "mode": "light",
8271
+ "group": "component",
8272
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8273
+ },
8274
+ {
8275
+ "name": "data/red/color/gradientStop/2",
8276
+ "value": {
8277
+ "r": 1,
8278
+ "g": 0.8862745098039215,
8279
+ "b": 0.8784313725490196,
8280
+ "a": 0
8281
+ },
8282
+ "type": "COLOR",
8283
+ "alpha": 0,
8284
+ "refId": "mode/data/red/color/gradientStop/2",
8285
+ "reference": "mode/data/red/color/muted",
8286
+ "collection": "mode",
8287
+ "mode": "light",
8288
+ "group": "component",
8289
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8290
+ },
8291
+ {
8292
+ "name": "data/gray/color/emphasis",
8293
+ "value": {
8294
+ "r": 0.5019607843137255,
8295
+ "g": 0.5607843137254902,
8296
+ "b": 0.6392156862745098,
8297
+ "a": 1
8298
+ },
8299
+ "type": "COLOR",
8300
+ "refId": "mode/data/gray/color/emphasis",
8301
+ "reference": "base/color/light/base/display/color/gray/4",
8302
+ "collection": "mode",
8303
+ "mode": "light",
8304
+ "group": "component",
8305
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
8306
+ },
8307
+ {
8308
+ "name": "data/gray/color/muted",
8309
+ "value": {
8310
+ "r": 0.9098039215686274,
8311
+ "g": 0.9254901960784314,
8312
+ "b": 0.9490196078431372,
8313
+ "a": 1
8314
+ },
8315
+ "type": "COLOR",
8316
+ "refId": "mode/data/gray/color/muted",
8317
+ "reference": "base/color/light/base/display/color/gray/0",
8318
+ "collection": "mode",
8319
+ "mode": "light",
8320
+ "group": "component",
8321
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8322
+ },
8323
+ {
8324
+ "name": "data/gray/color/gradientStop/1",
8325
+ "value": {
8326
+ "r": 0.9098039215686274,
8327
+ "g": 0.9254901960784314,
8328
+ "b": 0.9490196078431372,
8329
+ "a": 1
8330
+ },
8331
+ "type": "COLOR",
8332
+ "refId": "mode/data/gray/color/gradientStop/1",
8333
+ "reference": "mode/data/gray/color/muted",
8334
+ "collection": "mode",
8335
+ "mode": "light",
8336
+ "group": "component",
8337
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8338
+ },
8339
+ {
8340
+ "name": "data/gray/color/gradientStop/2",
8341
+ "value": {
8342
+ "r": 0.9098039215686274,
8343
+ "g": 0.9254901960784314,
8344
+ "b": 0.9490196078431372,
8345
+ "a": 0
8346
+ },
8347
+ "type": "COLOR",
8348
+ "alpha": 0,
8349
+ "refId": "mode/data/gray/color/gradientStop/2",
8350
+ "reference": "mode/data/gray/color/muted",
8351
+ "collection": "mode",
8352
+ "mode": "light",
8353
+ "group": "component",
8354
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8355
+ },
8356
+ {
8357
+ "name": "data/coral/color/emphasis",
8358
+ "value": {
8359
+ "r": 0.8313725490196079,
8360
+ "g": 0.20784313725490197,
8361
+ "b": 0.06666666666666667,
8362
+ "a": 1
8363
+ },
8364
+ "type": "COLOR",
8365
+ "refId": "mode/data/coral/color/emphasis",
8366
+ "reference": "base/color/light/base/display/color/coral/5",
8367
+ "collection": "mode",
8368
+ "mode": "light",
8369
+ "group": "component",
8370
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
8371
+ },
8372
+ {
8373
+ "name": "data/coral/color/muted",
8374
+ "value": {
8375
+ "r": 1,
8376
+ "g": 0.8980392156862745,
8377
+ "b": 0.8588235294117647,
8378
+ "a": 1
8379
+ },
8380
+ "type": "COLOR",
8381
+ "refId": "mode/data/coral/color/muted",
8382
+ "reference": "base/color/light/base/display/color/coral/0",
8383
+ "collection": "mode",
8384
+ "mode": "light",
8385
+ "group": "component",
8386
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8387
+ },
8388
+ {
8389
+ "name": "data/coral/color/gradientStop/1",
8390
+ "value": {
8391
+ "r": 1,
8392
+ "g": 0.8980392156862745,
8393
+ "b": 0.8588235294117647,
8394
+ "a": 1
8395
+ },
8396
+ "type": "COLOR",
8397
+ "refId": "mode/data/coral/color/gradientStop/1",
8398
+ "reference": "mode/data/coral/color/muted",
8399
+ "collection": "mode",
8400
+ "mode": "light",
8401
+ "group": "component",
8402
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8403
+ },
8404
+ {
8405
+ "name": "data/coral/color/gradientStop/2",
8406
+ "value": {
8407
+ "r": 1,
8408
+ "g": 0.8980392156862745,
8409
+ "b": 0.8588235294117647,
8410
+ "a": 0
8411
+ },
8412
+ "type": "COLOR",
8413
+ "alpha": 0,
8414
+ "refId": "mode/data/coral/color/gradientStop/2",
8415
+ "reference": "mode/data/coral/color/muted",
8416
+ "collection": "mode",
8417
+ "mode": "light",
8418
+ "group": "component",
8419
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8420
+ },
8421
+ {
8422
+ "name": "data/brown/color/emphasis",
8423
+ "value": {
8424
+ "r": 0.5215686274509804,
8425
+ "g": 0.42745098039215684,
8426
+ "b": 0.2980392156862745,
8427
+ "a": 1
8428
+ },
8429
+ "type": "COLOR",
8430
+ "refId": "mode/data/brown/color/emphasis",
8431
+ "reference": "base/color/light/base/display/color/brown/5",
8432
+ "collection": "mode",
8433
+ "mode": "light",
8434
+ "group": "component",
8435
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
8436
+ },
8437
+ {
8438
+ "name": "data/brown/color/muted",
8439
+ "value": {
8440
+ "r": 0.9333333333333333,
8441
+ "g": 0.9176470588235294,
8442
+ "b": 0.8862745098039215,
8443
+ "a": 1
8444
+ },
8445
+ "type": "COLOR",
8446
+ "refId": "mode/data/brown/color/muted",
8447
+ "reference": "base/color/light/base/display/color/brown/0",
8448
+ "collection": "mode",
8449
+ "mode": "light",
8450
+ "group": "component",
8451
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8452
+ },
8453
+ {
8454
+ "name": "data/brown/color/gradientStop/1",
8455
+ "value": {
8456
+ "r": 0.9333333333333333,
8457
+ "g": 0.9176470588235294,
8458
+ "b": 0.8862745098039215,
8459
+ "a": 1
8460
+ },
8461
+ "type": "COLOR",
8462
+ "refId": "mode/data/brown/color/gradientStop/1",
8463
+ "reference": "mode/data/brown/color/muted",
8464
+ "collection": "mode",
8465
+ "mode": "light",
8466
+ "group": "component",
8467
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8468
+ },
8469
+ {
8470
+ "name": "data/brown/color/gradientStop/2",
8471
+ "value": {
8472
+ "r": 0.9333333333333333,
8473
+ "g": 0.9176470588235294,
8474
+ "b": 0.8862745098039215,
8475
+ "a": 0
8476
+ },
8477
+ "type": "COLOR",
8478
+ "alpha": 0,
8479
+ "refId": "mode/data/brown/color/gradientStop/2",
8480
+ "reference": "mode/data/brown/color/muted",
8481
+ "collection": "mode",
8482
+ "mode": "light",
8483
+ "group": "component",
8484
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8485
+ },
8486
+ {
8487
+ "name": "data/lemon/color/emphasis",
8488
+ "value": {
8489
+ "r": 0.5254901960784314,
8490
+ "g": 0.43137254901960786,
8491
+ "b": 0.01568627450980392,
8492
+ "a": 1
8493
+ },
8494
+ "type": "COLOR",
8495
+ "refId": "mode/data/lemon/color/emphasis",
8496
+ "reference": "base/color/light/base/display/color/lemon/5",
8497
+ "collection": "mode",
8498
+ "mode": "light",
8499
+ "group": "component",
8500
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
8501
+ },
8502
+ {
8503
+ "name": "data/lemon/color/muted",
8504
+ "value": {
8505
+ "r": 0.9686274509803922,
8506
+ "g": 0.9333333333333333,
8507
+ "b": 0.6313725490196078,
8508
+ "a": 1
8509
+ },
8510
+ "type": "COLOR",
8511
+ "refId": "mode/data/lemon/color/muted",
8512
+ "reference": "base/color/light/base/display/color/lemon/0",
8513
+ "collection": "mode",
8514
+ "mode": "light",
8515
+ "group": "component",
8516
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8517
+ },
8518
+ {
8519
+ "name": "data/lemon/color/gradientStop/1",
8520
+ "value": {
8521
+ "r": 0.9686274509803922,
8522
+ "g": 0.9333333333333333,
8523
+ "b": 0.6313725490196078,
8524
+ "a": 1
8525
+ },
8526
+ "type": "COLOR",
8527
+ "refId": "mode/data/lemon/color/gradientStop/1",
8528
+ "reference": "mode/data/lemon/color/muted",
8529
+ "collection": "mode",
8530
+ "mode": "light",
8531
+ "group": "component",
8532
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8533
+ },
8534
+ {
8535
+ "name": "data/lemon/color/gradientStop/2",
8536
+ "value": {
8537
+ "r": 0.9686274509803922,
8538
+ "g": 0.9333333333333333,
8539
+ "b": 0.6313725490196078,
8540
+ "a": 0
8541
+ },
8542
+ "type": "COLOR",
8543
+ "alpha": 0,
8544
+ "refId": "mode/data/lemon/color/gradientStop/2",
8545
+ "reference": "mode/data/lemon/color/muted",
8546
+ "collection": "mode",
8547
+ "mode": "light",
8548
+ "group": "component",
8549
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8550
+ },
8551
+ {
8552
+ "name": "data/olive/color/emphasis",
8553
+ "value": {
8554
+ "r": 0.39215686274509803,
8555
+ "g": 0.4627450980392157,
8556
+ "b": 0.17647058823529413,
8557
+ "a": 1
8558
+ },
8559
+ "type": "COLOR",
8560
+ "refId": "mode/data/olive/color/emphasis",
8561
+ "reference": "base/color/light/base/display/color/olive/5",
8562
+ "collection": "mode",
8563
+ "mode": "light",
8564
+ "group": "component",
8565
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
8566
+ },
8567
+ {
8568
+ "name": "data/olive/color/muted",
8569
+ "value": {
8570
+ "r": 0.9411764705882353,
8571
+ "g": 0.9411764705882353,
8572
+ "b": 0.6784313725490196,
8573
+ "a": 1
8574
+ },
8575
+ "type": "COLOR",
8576
+ "refId": "mode/data/olive/color/muted",
8577
+ "reference": "base/color/light/base/display/color/olive/0",
8578
+ "collection": "mode",
8579
+ "mode": "light",
8580
+ "group": "component",
8581
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8582
+ },
8583
+ {
8584
+ "name": "data/olive/color/gradientStop/1",
8585
+ "value": {
8586
+ "r": 0.9411764705882353,
8587
+ "g": 0.9411764705882353,
8588
+ "b": 0.6784313725490196,
8589
+ "a": 1
8590
+ },
8591
+ "type": "COLOR",
8592
+ "refId": "mode/data/olive/color/gradientStop/1",
8593
+ "reference": "mode/data/olive/color/muted",
8594
+ "collection": "mode",
8595
+ "mode": "light",
8596
+ "group": "component",
8597
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8598
+ },
8599
+ {
8600
+ "name": "data/olive/color/gradientStop/2",
8601
+ "value": {
8602
+ "r": 0.9411764705882353,
8603
+ "g": 0.9411764705882353,
8604
+ "b": 0.6784313725490196,
8605
+ "a": 0
8606
+ },
8607
+ "type": "COLOR",
8608
+ "alpha": 0,
8609
+ "refId": "mode/data/olive/color/gradientStop/2",
8610
+ "reference": "mode/data/olive/color/muted",
8611
+ "collection": "mode",
8612
+ "mode": "light",
8613
+ "group": "component",
8614
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8615
+ },
8616
+ {
8617
+ "name": "data/lime/color/emphasis",
8618
+ "value": {
8619
+ "r": 0.3215686274509804,
8620
+ "g": 0.47843137254901963,
8621
+ "b": 0.1607843137254902,
8622
+ "a": 1
8623
+ },
8624
+ "type": "COLOR",
8625
+ "refId": "mode/data/lime/color/emphasis",
8626
+ "reference": "base/color/light/base/display/color/lime/5",
8627
+ "collection": "mode",
8628
+ "mode": "light",
8629
+ "group": "component",
8630
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
8631
+ },
8632
+ {
8633
+ "name": "data/lime/color/muted",
8634
+ "value": {
8635
+ "r": 0.8901960784313725,
8636
+ "g": 0.9490196078431372,
8637
+ "b": 0.7098039215686275,
8638
+ "a": 1
8639
+ },
8640
+ "type": "COLOR",
8641
+ "refId": "mode/data/lime/color/muted",
8642
+ "reference": "base/color/light/base/display/color/lime/0",
8643
+ "collection": "mode",
8644
+ "mode": "light",
8645
+ "group": "component",
8646
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8647
+ },
8648
+ {
8649
+ "name": "data/lime/color/gradientStop/1",
8650
+ "value": {
8651
+ "r": 0.8901960784313725,
8652
+ "g": 0.9490196078431372,
8653
+ "b": 0.7098039215686275,
8654
+ "a": 1
8655
+ },
8656
+ "type": "COLOR",
8657
+ "refId": "mode/data/lime/color/gradientStop/1",
8658
+ "reference": "mode/data/lime/color/muted",
8659
+ "collection": "mode",
8660
+ "mode": "light",
8661
+ "group": "component",
8662
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8663
+ },
8664
+ {
8665
+ "name": "data/lime/color/gradientStop/2",
8666
+ "value": {
8667
+ "r": 0.8901960784313725,
8668
+ "g": 0.9490196078431372,
8669
+ "b": 0.7098039215686275,
8670
+ "a": 0
8671
+ },
8672
+ "type": "COLOR",
8673
+ "alpha": 0,
8674
+ "refId": "mode/data/lime/color/gradientStop/2",
8675
+ "reference": "mode/data/lime/color/muted",
8676
+ "collection": "mode",
8677
+ "mode": "light",
8678
+ "group": "component",
8679
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8680
+ },
8681
+ {
8682
+ "name": "data/pine/color/emphasis",
8683
+ "value": {
8684
+ "r": 0.08627450980392157,
8685
+ "g": 0.49411764705882355,
8686
+ "b": 0.3254901960784314,
8687
+ "a": 1
8688
+ },
8689
+ "type": "COLOR",
8690
+ "refId": "mode/data/pine/color/emphasis",
8691
+ "reference": "base/color/light/base/display/color/pine/5",
8692
+ "collection": "mode",
8693
+ "mode": "light",
8694
+ "group": "component",
8695
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
8696
+ },
8697
+ {
8698
+ "name": "data/pine/color/muted",
8699
+ "value": {
8700
+ "r": 0.7490196078431373,
8701
+ "g": 0.9725490196078431,
8702
+ "b": 0.8588235294117647,
8703
+ "a": 1
8704
+ },
8705
+ "type": "COLOR",
8706
+ "refId": "mode/data/pine/color/muted",
8707
+ "reference": "base/color/light/base/display/color/pine/0",
8708
+ "collection": "mode",
8709
+ "mode": "light",
8710
+ "group": "component",
8711
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8712
+ },
8713
+ {
8714
+ "name": "data/pine/color/gradientStop/1",
8715
+ "value": {
8716
+ "r": 0.7490196078431373,
8717
+ "g": 0.9725490196078431,
8718
+ "b": 0.8588235294117647,
8719
+ "a": 1
8720
+ },
8721
+ "type": "COLOR",
8722
+ "refId": "mode/data/pine/color/gradientStop/1",
8723
+ "reference": "mode/data/pine/color/muted",
8724
+ "collection": "mode",
8725
+ "mode": "light",
8726
+ "group": "component",
8727
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
8728
+ },
8729
+ {
8730
+ "name": "data/pine/color/gradientStop/2",
8731
+ "value": {
8732
+ "r": 0.7490196078431373,
8733
+ "g": 0.9725490196078431,
8734
+ "b": 0.8588235294117647,
8735
+ "a": 0
8736
+ },
8737
+ "type": "COLOR",
8738
+ "alpha": 0,
8739
+ "refId": "mode/data/pine/color/gradientStop/2",
8740
+ "reference": "mode/data/pine/color/muted",
7956
8741
  "collection": "mode",
7957
8742
  "mode": "light",
7958
8743
  "group": "component",