@primer/primitives 8.2.4-rc.d955f312 → 8.2.4-rc.ea4beb50
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 +17 -18
- package/dist/css/functional/size/border.css +1 -0
- package/dist/css/functional/themes/dark-colorblind.css +18 -12
- package/dist/css/functional/themes/dark-dimmed.css +20 -14
- package/dist/css/functional/themes/dark-high-contrast.css +258 -252
- package/dist/css/functional/themes/dark-tritanopia.css +20 -14
- package/dist/css/functional/themes/dark.css +20 -14
- package/dist/css/functional/themes/light-colorblind.css +30 -24
- package/dist/css/functional/themes/light-high-contrast.css +154 -148
- package/dist/css/functional/themes/light-tritanopia.css +30 -24
- package/dist/css/functional/themes/light.css +18 -12
- package/dist/css/primitives.css +1 -0
- package/dist/docs/functional/size/border.json +31 -0
- package/dist/docs/functional/themes/dark-colorblind.json +236 -149
- package/dist/docs/functional/themes/dark-dimmed.json +247 -158
- package/dist/docs/functional/themes/dark-high-contrast.json +555 -458
- package/dist/docs/functional/themes/dark-tritanopia.json +240 -153
- package/dist/docs/functional/themes/dark.json +247 -158
- package/dist/docs/functional/themes/light-colorblind.json +254 -173
- package/dist/docs/functional/themes/light-high-contrast.json +452 -361
- package/dist/docs/functional/themes/light-tritanopia.json +252 -171
- package/dist/docs/functional/themes/light.json +246 -157
- package/dist/fallbacks/functional/size/border.json +1 -0
- package/dist/figma/dimension/dimension.json +14 -0
- package/dist/figma/themes/dark-colorblind.json +246 -198
- package/dist/figma/themes/dark-dimmed.json +249 -200
- package/dist/figma/themes/dark-high-contrast.json +675 -625
- package/dist/figma/themes/dark-tritanopia.json +248 -200
- package/dist/figma/themes/dark.json +249 -200
- package/dist/figma/themes/light-colorblind.json +265 -218
- package/dist/figma/themes/light-high-contrast.json +457 -407
- package/dist/figma/themes/light-tritanopia.json +264 -217
- package/dist/figma/themes/light.json +187 -138
- package/dist/internalCss/dark-colorblind.css +18 -12
- package/dist/internalCss/dark-dimmed.css +20 -14
- package/dist/internalCss/dark-high-contrast.css +258 -252
- package/dist/internalCss/dark-tritanopia.css +20 -14
- package/dist/internalCss/dark.css +20 -14
- package/dist/internalCss/light-colorblind.css +30 -24
- package/dist/internalCss/light-high-contrast.css +154 -148
- package/dist/internalCss/light-tritanopia.css +30 -24
- package/dist/internalCss/light.css +18 -12
- package/dist/styleLint/functional/size/border.json +31 -0
- package/dist/styleLint/functional/themes/dark-colorblind.json +236 -149
- package/dist/styleLint/functional/themes/dark-dimmed.json +247 -158
- package/dist/styleLint/functional/themes/dark-high-contrast.json +555 -458
- package/dist/styleLint/functional/themes/dark-tritanopia.json +240 -153
- package/dist/styleLint/functional/themes/dark.json +247 -158
- package/dist/styleLint/functional/themes/light-colorblind.json +254 -173
- package/dist/styleLint/functional/themes/light-high-contrast.json +452 -361
- package/dist/styleLint/functional/themes/light-tritanopia.json +252 -171
- package/dist/styleLint/functional/themes/light.json +246 -157
- package/package.json +38 -35
- package/src/formats/cssAdvanced.ts +3 -3
- package/src/formats/cssCustomMedia.ts +2 -2
- package/src/formats/javascriptCommonJs.ts +2 -2
- package/src/formats/javascriptEsm.ts +2 -2
- package/src/formats/jsonFigma.ts +2 -2
- package/src/formats/jsonNestedPrefixed.ts +2 -2
- package/src/formats/jsonOneDimensional.ts +2 -2
- package/src/formats/jsonPostCssFallback.ts +2 -2
- package/src/formats/typescriptExportDefinition.ts +2 -2
- package/src/schemas/designToken.ts +1 -1
- package/src/schemas/validTokenType.ts +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +528 -2
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
- package/src/tokens/functional/color/dark/patterns-dark.json5 +26 -0
- package/src/tokens/functional/color/dark/primitives-dark.json5 +78 -65
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +400 -0
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
- package/src/tokens/functional/color/light/patterns-light.json5 +26 -0
- package/src/tokens/functional/color/light/primitives-light.json5 +77 -64
- package/src/tokens/functional/size/border.json +13 -0
|
@@ -12571,6 +12571,64 @@
|
|
|
12571
12571
|
"attributes": {},
|
|
12572
12572
|
"path": ["label", "coral", "fgColor", "active"]
|
|
12573
12573
|
},
|
|
12574
|
+
"tooltip-bgColor": {
|
|
12575
|
+
"value": "#24292f",
|
|
12576
|
+
"$type": "color",
|
|
12577
|
+
"$extensions": {
|
|
12578
|
+
"org.primer.figma": {
|
|
12579
|
+
"collection": "mode",
|
|
12580
|
+
"mode": "light",
|
|
12581
|
+
"group": "component",
|
|
12582
|
+
"scopes": ["bgColor"]
|
|
12583
|
+
}
|
|
12584
|
+
},
|
|
12585
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
12586
|
+
"isSource": true,
|
|
12587
|
+
"original": {
|
|
12588
|
+
"value": "{bgColor.emphasis}",
|
|
12589
|
+
"$type": "color",
|
|
12590
|
+
"$extensions": {
|
|
12591
|
+
"org.primer.figma": {
|
|
12592
|
+
"collection": "mode",
|
|
12593
|
+
"mode": "light",
|
|
12594
|
+
"group": "component",
|
|
12595
|
+
"scopes": ["bgColor"]
|
|
12596
|
+
}
|
|
12597
|
+
}
|
|
12598
|
+
},
|
|
12599
|
+
"name": "tooltip-bgColor",
|
|
12600
|
+
"attributes": {},
|
|
12601
|
+
"path": ["tooltip", "bgColor"]
|
|
12602
|
+
},
|
|
12603
|
+
"tooltip-fgColor": {
|
|
12604
|
+
"value": "#ffffff",
|
|
12605
|
+
"$type": "color",
|
|
12606
|
+
"$extensions": {
|
|
12607
|
+
"org.primer.figma": {
|
|
12608
|
+
"collection": "mode",
|
|
12609
|
+
"mode": "light",
|
|
12610
|
+
"group": "component",
|
|
12611
|
+
"scopes": ["fgColor"]
|
|
12612
|
+
}
|
|
12613
|
+
},
|
|
12614
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
12615
|
+
"isSource": true,
|
|
12616
|
+
"original": {
|
|
12617
|
+
"value": "{fgColor.onEmphasis}",
|
|
12618
|
+
"$type": "color",
|
|
12619
|
+
"$extensions": {
|
|
12620
|
+
"org.primer.figma": {
|
|
12621
|
+
"collection": "mode",
|
|
12622
|
+
"mode": "light",
|
|
12623
|
+
"group": "component",
|
|
12624
|
+
"scopes": ["fgColor"]
|
|
12625
|
+
}
|
|
12626
|
+
}
|
|
12627
|
+
},
|
|
12628
|
+
"name": "tooltip-fgColor",
|
|
12629
|
+
"attributes": {},
|
|
12630
|
+
"path": ["tooltip", "fgColor"]
|
|
12631
|
+
},
|
|
12574
12632
|
"fgColor-default": {
|
|
12575
12633
|
"value": "#1f2328",
|
|
12576
12634
|
"$type": "color",
|
|
@@ -12684,6 +12742,35 @@
|
|
|
12684
12742
|
"attributes": {},
|
|
12685
12743
|
"path": ["fgColor", "onEmphasis"]
|
|
12686
12744
|
},
|
|
12745
|
+
"fgColor-onInverse": {
|
|
12746
|
+
"value": "#ffffff",
|
|
12747
|
+
"$type": "color",
|
|
12748
|
+
"$extensions": {
|
|
12749
|
+
"org.primer.figma": {
|
|
12750
|
+
"collection": "mode",
|
|
12751
|
+
"mode": "light",
|
|
12752
|
+
"group": "semantic",
|
|
12753
|
+
"scopes": ["fgColor"]
|
|
12754
|
+
}
|
|
12755
|
+
},
|
|
12756
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12757
|
+
"isSource": true,
|
|
12758
|
+
"original": {
|
|
12759
|
+
"value": "{base.color.white}",
|
|
12760
|
+
"$type": "color",
|
|
12761
|
+
"$extensions": {
|
|
12762
|
+
"org.primer.figma": {
|
|
12763
|
+
"collection": "mode",
|
|
12764
|
+
"mode": "light",
|
|
12765
|
+
"group": "semantic",
|
|
12766
|
+
"scopes": ["fgColor"]
|
|
12767
|
+
}
|
|
12768
|
+
}
|
|
12769
|
+
},
|
|
12770
|
+
"name": "fgColor-onInverse",
|
|
12771
|
+
"attributes": {},
|
|
12772
|
+
"path": ["fgColor", "onInverse"]
|
|
12773
|
+
},
|
|
12687
12774
|
"fgColor-white": {
|
|
12688
12775
|
"value": "#ffffff",
|
|
12689
12776
|
"$type": "color",
|
|
@@ -12807,7 +12894,7 @@
|
|
|
12807
12894
|
"path": ["fgColor", "link"]
|
|
12808
12895
|
},
|
|
12809
12896
|
"fgColor-neutral": {
|
|
12810
|
-
"value": "#
|
|
12897
|
+
"value": "#57606a",
|
|
12811
12898
|
"$type": "color",
|
|
12812
12899
|
"$extensions": {
|
|
12813
12900
|
"org.primer.figma": {
|
|
@@ -12820,7 +12907,7 @@
|
|
|
12820
12907
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12821
12908
|
"isSource": true,
|
|
12822
12909
|
"original": {
|
|
12823
|
-
"value": "{base.color.neutral.
|
|
12910
|
+
"value": "{base.color.neutral.6}",
|
|
12824
12911
|
"$type": "color",
|
|
12825
12912
|
"$extensions": {
|
|
12826
12913
|
"org.primer.figma": {
|
|
@@ -12905,6 +12992,41 @@
|
|
|
12905
12992
|
"attributes": {},
|
|
12906
12993
|
"path": ["fgColor", "success"]
|
|
12907
12994
|
},
|
|
12995
|
+
"fgColor-open": {
|
|
12996
|
+
"value": "#1a7f37",
|
|
12997
|
+
"$type": "color",
|
|
12998
|
+
"$extensions": {
|
|
12999
|
+
"org.primer.figma": {
|
|
13000
|
+
"collection": "mode",
|
|
13001
|
+
"mode": "light",
|
|
13002
|
+
"group": "semantic",
|
|
13003
|
+
"scopes": ["fgColor"],
|
|
13004
|
+
"codeSyntax": {
|
|
13005
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
13006
|
+
}
|
|
13007
|
+
}
|
|
13008
|
+
},
|
|
13009
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13010
|
+
"isSource": true,
|
|
13011
|
+
"original": {
|
|
13012
|
+
"value": "{fgColor.success}",
|
|
13013
|
+
"$type": "color",
|
|
13014
|
+
"$extensions": {
|
|
13015
|
+
"org.primer.figma": {
|
|
13016
|
+
"collection": "mode",
|
|
13017
|
+
"mode": "light",
|
|
13018
|
+
"group": "semantic",
|
|
13019
|
+
"scopes": ["fgColor"],
|
|
13020
|
+
"codeSyntax": {
|
|
13021
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
13022
|
+
}
|
|
13023
|
+
}
|
|
13024
|
+
}
|
|
13025
|
+
},
|
|
13026
|
+
"name": "fgColor-open",
|
|
13027
|
+
"attributes": {},
|
|
13028
|
+
"path": ["fgColor", "open"]
|
|
13029
|
+
},
|
|
12908
13030
|
"fgColor-attention": {
|
|
12909
13031
|
"value": "#9a6700",
|
|
12910
13032
|
"$type": "color",
|
|
@@ -13018,41 +13140,6 @@
|
|
|
13018
13140
|
"attributes": {},
|
|
13019
13141
|
"path": ["fgColor", "danger"]
|
|
13020
13142
|
},
|
|
13021
|
-
"fgColor-open": {
|
|
13022
|
-
"value": "#1a7f37",
|
|
13023
|
-
"$type": "color",
|
|
13024
|
-
"$extensions": {
|
|
13025
|
-
"org.primer.figma": {
|
|
13026
|
-
"collection": "mode",
|
|
13027
|
-
"mode": "light",
|
|
13028
|
-
"group": "semantic",
|
|
13029
|
-
"scopes": ["fgColor"],
|
|
13030
|
-
"codeSyntax": {
|
|
13031
|
-
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
13032
|
-
}
|
|
13033
|
-
}
|
|
13034
|
-
},
|
|
13035
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13036
|
-
"isSource": true,
|
|
13037
|
-
"original": {
|
|
13038
|
-
"value": "{fgColor.success}",
|
|
13039
|
-
"$type": "color",
|
|
13040
|
-
"$extensions": {
|
|
13041
|
-
"org.primer.figma": {
|
|
13042
|
-
"collection": "mode",
|
|
13043
|
-
"mode": "light",
|
|
13044
|
-
"group": "semantic",
|
|
13045
|
-
"scopes": ["fgColor"],
|
|
13046
|
-
"codeSyntax": {
|
|
13047
|
-
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
13048
|
-
}
|
|
13049
|
-
}
|
|
13050
|
-
}
|
|
13051
|
-
},
|
|
13052
|
-
"name": "fgColor-open",
|
|
13053
|
-
"attributes": {},
|
|
13054
|
-
"path": ["fgColor", "open"]
|
|
13055
|
-
},
|
|
13056
13143
|
"fgColor-closed": {
|
|
13057
13144
|
"value": "#d1242f",
|
|
13058
13145
|
"$type": "color",
|
|
@@ -13140,7 +13227,7 @@
|
|
|
13140
13227
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13141
13228
|
"isSource": true,
|
|
13142
13229
|
"original": {
|
|
13143
|
-
"value": "{
|
|
13230
|
+
"value": "{fgColor.done}",
|
|
13144
13231
|
"$type": "color",
|
|
13145
13232
|
"$extensions": {
|
|
13146
13233
|
"org.primer.figma": {
|
|
@@ -13694,8 +13781,8 @@
|
|
|
13694
13781
|
"attributes": {},
|
|
13695
13782
|
"path": ["bgColor", "success", "emphasis"]
|
|
13696
13783
|
},
|
|
13697
|
-
"bgColor-
|
|
13698
|
-
"value": "#
|
|
13784
|
+
"bgColor-open-muted": {
|
|
13785
|
+
"value": "#dafbe1",
|
|
13699
13786
|
"$type": "color",
|
|
13700
13787
|
"$extensions": {
|
|
13701
13788
|
"org.primer.figma": {
|
|
@@ -13704,14 +13791,14 @@
|
|
|
13704
13791
|
"group": "semantic",
|
|
13705
13792
|
"scopes": ["bgColor"],
|
|
13706
13793
|
"codeSyntax": {
|
|
13707
|
-
"web": "var(--bgColor-
|
|
13794
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13708
13795
|
}
|
|
13709
13796
|
}
|
|
13710
13797
|
},
|
|
13711
13798
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13712
13799
|
"isSource": true,
|
|
13713
13800
|
"original": {
|
|
13714
|
-
"value": "{
|
|
13801
|
+
"value": "{bgColor.success.muted}",
|
|
13715
13802
|
"$type": "color",
|
|
13716
13803
|
"$extensions": {
|
|
13717
13804
|
"org.primer.figma": {
|
|
@@ -13720,17 +13807,17 @@
|
|
|
13720
13807
|
"group": "semantic",
|
|
13721
13808
|
"scopes": ["bgColor"],
|
|
13722
13809
|
"codeSyntax": {
|
|
13723
|
-
"web": "var(--bgColor-
|
|
13810
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13724
13811
|
}
|
|
13725
13812
|
}
|
|
13726
13813
|
}
|
|
13727
13814
|
},
|
|
13728
|
-
"name": "bgColor-
|
|
13815
|
+
"name": "bgColor-open-muted",
|
|
13729
13816
|
"attributes": {},
|
|
13730
|
-
"path": ["bgColor", "
|
|
13817
|
+
"path": ["bgColor", "open", "muted"]
|
|
13731
13818
|
},
|
|
13732
|
-
"bgColor-
|
|
13733
|
-
"value": "#
|
|
13819
|
+
"bgColor-open-emphasis": {
|
|
13820
|
+
"value": "#1f883d",
|
|
13734
13821
|
"$type": "color",
|
|
13735
13822
|
"$extensions": {
|
|
13736
13823
|
"org.primer.figma": {
|
|
@@ -13739,14 +13826,14 @@
|
|
|
13739
13826
|
"group": "semantic",
|
|
13740
13827
|
"scopes": ["bgColor"],
|
|
13741
13828
|
"codeSyntax": {
|
|
13742
|
-
"web": "var(--bgColor-
|
|
13829
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13743
13830
|
}
|
|
13744
13831
|
}
|
|
13745
13832
|
},
|
|
13746
13833
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13747
13834
|
"isSource": true,
|
|
13748
13835
|
"original": {
|
|
13749
|
-
"value": "{
|
|
13836
|
+
"value": "{bgColor.success.emphasis}",
|
|
13750
13837
|
"$type": "color",
|
|
13751
13838
|
"$extensions": {
|
|
13752
13839
|
"org.primer.figma": {
|
|
@@ -13755,17 +13842,17 @@
|
|
|
13755
13842
|
"group": "semantic",
|
|
13756
13843
|
"scopes": ["bgColor"],
|
|
13757
13844
|
"codeSyntax": {
|
|
13758
|
-
"web": "var(--bgColor-
|
|
13845
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13759
13846
|
}
|
|
13760
13847
|
}
|
|
13761
13848
|
}
|
|
13762
13849
|
},
|
|
13763
|
-
"name": "bgColor-
|
|
13850
|
+
"name": "bgColor-open-emphasis",
|
|
13764
13851
|
"attributes": {},
|
|
13765
|
-
"path": ["bgColor", "
|
|
13852
|
+
"path": ["bgColor", "open", "emphasis"]
|
|
13766
13853
|
},
|
|
13767
|
-
"bgColor-
|
|
13768
|
-
"value": "#
|
|
13854
|
+
"bgColor-attention-muted": {
|
|
13855
|
+
"value": "#fff8c5",
|
|
13769
13856
|
"$type": "color",
|
|
13770
13857
|
"$extensions": {
|
|
13771
13858
|
"org.primer.figma": {
|
|
@@ -13774,14 +13861,14 @@
|
|
|
13774
13861
|
"group": "semantic",
|
|
13775
13862
|
"scopes": ["bgColor"],
|
|
13776
13863
|
"codeSyntax": {
|
|
13777
|
-
"web": "var(--bgColor-
|
|
13864
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13778
13865
|
}
|
|
13779
13866
|
}
|
|
13780
13867
|
},
|
|
13781
13868
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13782
13869
|
"isSource": true,
|
|
13783
13870
|
"original": {
|
|
13784
|
-
"value": "{base.color.
|
|
13871
|
+
"value": "{base.color.yellow.0}",
|
|
13785
13872
|
"$type": "color",
|
|
13786
13873
|
"$extensions": {
|
|
13787
13874
|
"org.primer.figma": {
|
|
@@ -13790,17 +13877,17 @@
|
|
|
13790
13877
|
"group": "semantic",
|
|
13791
13878
|
"scopes": ["bgColor"],
|
|
13792
13879
|
"codeSyntax": {
|
|
13793
|
-
"web": "var(--bgColor-
|
|
13880
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13794
13881
|
}
|
|
13795
13882
|
}
|
|
13796
13883
|
}
|
|
13797
13884
|
},
|
|
13798
|
-
"name": "bgColor-
|
|
13885
|
+
"name": "bgColor-attention-muted",
|
|
13799
13886
|
"attributes": {},
|
|
13800
|
-
"path": ["bgColor", "
|
|
13887
|
+
"path": ["bgColor", "attention", "muted"]
|
|
13801
13888
|
},
|
|
13802
|
-
"bgColor-
|
|
13803
|
-
"value": "#
|
|
13889
|
+
"bgColor-attention-emphasis": {
|
|
13890
|
+
"value": "#9a6700",
|
|
13804
13891
|
"$type": "color",
|
|
13805
13892
|
"$extensions": {
|
|
13806
13893
|
"org.primer.figma": {
|
|
@@ -13809,14 +13896,14 @@
|
|
|
13809
13896
|
"group": "semantic",
|
|
13810
13897
|
"scopes": ["bgColor"],
|
|
13811
13898
|
"codeSyntax": {
|
|
13812
|
-
"web": "var(--bgColor-
|
|
13899
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13813
13900
|
}
|
|
13814
13901
|
}
|
|
13815
13902
|
},
|
|
13816
13903
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13817
13904
|
"isSource": true,
|
|
13818
13905
|
"original": {
|
|
13819
|
-
"value": "{base.color.
|
|
13906
|
+
"value": "{base.color.yellow.5}",
|
|
13820
13907
|
"$type": "color",
|
|
13821
13908
|
"$extensions": {
|
|
13822
13909
|
"org.primer.figma": {
|
|
@@ -13825,17 +13912,17 @@
|
|
|
13825
13912
|
"group": "semantic",
|
|
13826
13913
|
"scopes": ["bgColor"],
|
|
13827
13914
|
"codeSyntax": {
|
|
13828
|
-
"web": "var(--bgColor-
|
|
13915
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13829
13916
|
}
|
|
13830
13917
|
}
|
|
13831
13918
|
}
|
|
13832
13919
|
},
|
|
13833
|
-
"name": "bgColor-
|
|
13920
|
+
"name": "bgColor-attention-emphasis",
|
|
13834
13921
|
"attributes": {},
|
|
13835
|
-
"path": ["bgColor", "
|
|
13922
|
+
"path": ["bgColor", "attention", "emphasis"]
|
|
13836
13923
|
},
|
|
13837
|
-
"bgColor-
|
|
13838
|
-
"value": "#
|
|
13924
|
+
"bgColor-severe-muted": {
|
|
13925
|
+
"value": "#fff1e5",
|
|
13839
13926
|
"$type": "color",
|
|
13840
13927
|
"$extensions": {
|
|
13841
13928
|
"org.primer.figma": {
|
|
@@ -13844,14 +13931,14 @@
|
|
|
13844
13931
|
"group": "semantic",
|
|
13845
13932
|
"scopes": ["bgColor"],
|
|
13846
13933
|
"codeSyntax": {
|
|
13847
|
-
"web": "var(--bgColor-
|
|
13934
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13848
13935
|
}
|
|
13849
13936
|
}
|
|
13850
13937
|
},
|
|
13851
13938
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13852
13939
|
"isSource": true,
|
|
13853
13940
|
"original": {
|
|
13854
|
-
"value": "{base.color.
|
|
13941
|
+
"value": "{base.color.orange.0}",
|
|
13855
13942
|
"$type": "color",
|
|
13856
13943
|
"$extensions": {
|
|
13857
13944
|
"org.primer.figma": {
|
|
@@ -13860,17 +13947,17 @@
|
|
|
13860
13947
|
"group": "semantic",
|
|
13861
13948
|
"scopes": ["bgColor"],
|
|
13862
13949
|
"codeSyntax": {
|
|
13863
|
-
"web": "var(--bgColor-
|
|
13950
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13864
13951
|
}
|
|
13865
13952
|
}
|
|
13866
13953
|
}
|
|
13867
13954
|
},
|
|
13868
|
-
"name": "bgColor-
|
|
13955
|
+
"name": "bgColor-severe-muted",
|
|
13869
13956
|
"attributes": {},
|
|
13870
|
-
"path": ["bgColor", "
|
|
13957
|
+
"path": ["bgColor", "severe", "muted"]
|
|
13871
13958
|
},
|
|
13872
|
-
"bgColor-
|
|
13873
|
-
"value": "#
|
|
13959
|
+
"bgColor-severe-emphasis": {
|
|
13960
|
+
"value": "#bc4c00",
|
|
13874
13961
|
"$type": "color",
|
|
13875
13962
|
"$extensions": {
|
|
13876
13963
|
"org.primer.figma": {
|
|
@@ -13879,14 +13966,14 @@
|
|
|
13879
13966
|
"group": "semantic",
|
|
13880
13967
|
"scopes": ["bgColor"],
|
|
13881
13968
|
"codeSyntax": {
|
|
13882
|
-
"web": "var(--bgColor-
|
|
13969
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13883
13970
|
}
|
|
13884
13971
|
}
|
|
13885
13972
|
},
|
|
13886
13973
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13887
13974
|
"isSource": true,
|
|
13888
13975
|
"original": {
|
|
13889
|
-
"value": "{base.color.
|
|
13976
|
+
"value": "{base.color.orange.5}",
|
|
13890
13977
|
"$type": "color",
|
|
13891
13978
|
"$extensions": {
|
|
13892
13979
|
"org.primer.figma": {
|
|
@@ -13895,17 +13982,17 @@
|
|
|
13895
13982
|
"group": "semantic",
|
|
13896
13983
|
"scopes": ["bgColor"],
|
|
13897
13984
|
"codeSyntax": {
|
|
13898
|
-
"web": "var(--bgColor-
|
|
13985
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13899
13986
|
}
|
|
13900
13987
|
}
|
|
13901
13988
|
}
|
|
13902
13989
|
},
|
|
13903
|
-
"name": "bgColor-
|
|
13990
|
+
"name": "bgColor-severe-emphasis",
|
|
13904
13991
|
"attributes": {},
|
|
13905
|
-
"path": ["bgColor", "
|
|
13992
|
+
"path": ["bgColor", "severe", "emphasis"]
|
|
13906
13993
|
},
|
|
13907
|
-
"bgColor-
|
|
13908
|
-
"value": "#
|
|
13994
|
+
"bgColor-danger-muted": {
|
|
13995
|
+
"value": "#ffebe9",
|
|
13909
13996
|
"$type": "color",
|
|
13910
13997
|
"$extensions": {
|
|
13911
13998
|
"org.primer.figma": {
|
|
@@ -13914,14 +14001,14 @@
|
|
|
13914
14001
|
"group": "semantic",
|
|
13915
14002
|
"scopes": ["bgColor"],
|
|
13916
14003
|
"codeSyntax": {
|
|
13917
|
-
"web": "var(--bgColor-
|
|
14004
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13918
14005
|
}
|
|
13919
14006
|
}
|
|
13920
14007
|
},
|
|
13921
14008
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13922
14009
|
"isSource": true,
|
|
13923
14010
|
"original": {
|
|
13924
|
-
"value": "{
|
|
14011
|
+
"value": "{base.color.red.0}",
|
|
13925
14012
|
"$type": "color",
|
|
13926
14013
|
"$extensions": {
|
|
13927
14014
|
"org.primer.figma": {
|
|
@@ -13930,17 +14017,17 @@
|
|
|
13930
14017
|
"group": "semantic",
|
|
13931
14018
|
"scopes": ["bgColor"],
|
|
13932
14019
|
"codeSyntax": {
|
|
13933
|
-
"web": "var(--bgColor-
|
|
14020
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13934
14021
|
}
|
|
13935
14022
|
}
|
|
13936
14023
|
}
|
|
13937
14024
|
},
|
|
13938
|
-
"name": "bgColor-
|
|
14025
|
+
"name": "bgColor-danger-muted",
|
|
13939
14026
|
"attributes": {},
|
|
13940
|
-
"path": ["bgColor", "
|
|
14027
|
+
"path": ["bgColor", "danger", "muted"]
|
|
13941
14028
|
},
|
|
13942
|
-
"bgColor-
|
|
13943
|
-
"value": "#
|
|
14029
|
+
"bgColor-danger-emphasis": {
|
|
14030
|
+
"value": "#cf222e",
|
|
13944
14031
|
"$type": "color",
|
|
13945
14032
|
"$extensions": {
|
|
13946
14033
|
"org.primer.figma": {
|
|
@@ -13949,14 +14036,14 @@
|
|
|
13949
14036
|
"group": "semantic",
|
|
13950
14037
|
"scopes": ["bgColor"],
|
|
13951
14038
|
"codeSyntax": {
|
|
13952
|
-
"web": "var(--bgColor-
|
|
14039
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13953
14040
|
}
|
|
13954
14041
|
}
|
|
13955
14042
|
},
|
|
13956
14043
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13957
14044
|
"isSource": true,
|
|
13958
14045
|
"original": {
|
|
13959
|
-
"value": "{
|
|
14046
|
+
"value": "{base.color.red.5}",
|
|
13960
14047
|
"$type": "color",
|
|
13961
14048
|
"$extensions": {
|
|
13962
14049
|
"org.primer.figma": {
|
|
@@ -13965,14 +14052,14 @@
|
|
|
13965
14052
|
"group": "semantic",
|
|
13966
14053
|
"scopes": ["bgColor"],
|
|
13967
14054
|
"codeSyntax": {
|
|
13968
|
-
"web": "var(--bgColor-
|
|
14055
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13969
14056
|
}
|
|
13970
14057
|
}
|
|
13971
14058
|
}
|
|
13972
14059
|
},
|
|
13973
|
-
"name": "bgColor-
|
|
14060
|
+
"name": "bgColor-danger-emphasis",
|
|
13974
14061
|
"attributes": {},
|
|
13975
|
-
"path": ["bgColor", "
|
|
14062
|
+
"path": ["bgColor", "danger", "emphasis"]
|
|
13976
14063
|
},
|
|
13977
14064
|
"bgColor-closed-muted": {
|
|
13978
14065
|
"value": "#ffebe9",
|
|
@@ -13991,7 +14078,7 @@
|
|
|
13991
14078
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13992
14079
|
"isSource": true,
|
|
13993
14080
|
"original": {
|
|
13994
|
-
"value": "{
|
|
14081
|
+
"value": "{bgColor.danger.muted}",
|
|
13995
14082
|
"$type": "color",
|
|
13996
14083
|
"$extensions": {
|
|
13997
14084
|
"org.primer.figma": {
|
|
@@ -14026,7 +14113,7 @@
|
|
|
14026
14113
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14027
14114
|
"isSource": true,
|
|
14028
14115
|
"original": {
|
|
14029
|
-
"value": "{
|
|
14116
|
+
"value": "{bgColor.danger.emphasis}",
|
|
14030
14117
|
"$type": "color",
|
|
14031
14118
|
"$extensions": {
|
|
14032
14119
|
"org.primer.figma": {
|
|
@@ -14131,7 +14218,7 @@
|
|
|
14131
14218
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14132
14219
|
"isSource": true,
|
|
14133
14220
|
"original": {
|
|
14134
|
-
"value": "{
|
|
14221
|
+
"value": "{bgColor.done.muted}",
|
|
14135
14222
|
"$type": "color",
|
|
14136
14223
|
"$extensions": {
|
|
14137
14224
|
"org.primer.figma": {
|
|
@@ -14166,7 +14253,7 @@
|
|
|
14166
14253
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14167
14254
|
"isSource": true,
|
|
14168
14255
|
"original": {
|
|
14169
|
-
"value": "{
|
|
14256
|
+
"value": "{bgColor.done.emphasis}",
|
|
14170
14257
|
"$type": "color",
|
|
14171
14258
|
"$extensions": {
|
|
14172
14259
|
"org.primer.figma": {
|
|
@@ -14648,8 +14735,8 @@
|
|
|
14648
14735
|
"attributes": {},
|
|
14649
14736
|
"path": ["borderColor", "success", "emphasis"]
|
|
14650
14737
|
},
|
|
14651
|
-
"borderColor-
|
|
14652
|
-
"value": "#
|
|
14738
|
+
"borderColor-open-muted": {
|
|
14739
|
+
"value": "#4ac26b66",
|
|
14653
14740
|
"$type": "color",
|
|
14654
14741
|
"$extensions": {
|
|
14655
14742
|
"org.primer.figma": {
|
|
@@ -14658,7 +14745,7 @@
|
|
|
14658
14745
|
"group": "semantic",
|
|
14659
14746
|
"scopes": ["borderColor"],
|
|
14660
14747
|
"codeSyntax": {
|
|
14661
|
-
"web": "var(--borderColor-
|
|
14748
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14662
14749
|
}
|
|
14663
14750
|
}
|
|
14664
14751
|
},
|
|
@@ -14666,7 +14753,7 @@
|
|
|
14666
14753
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14667
14754
|
"isSource": true,
|
|
14668
14755
|
"original": {
|
|
14669
|
-
"value": "{
|
|
14756
|
+
"value": "{borderColor.success.muted}",
|
|
14670
14757
|
"$type": "color",
|
|
14671
14758
|
"$extensions": {
|
|
14672
14759
|
"org.primer.figma": {
|
|
@@ -14675,18 +14762,18 @@
|
|
|
14675
14762
|
"group": "semantic",
|
|
14676
14763
|
"scopes": ["borderColor"],
|
|
14677
14764
|
"codeSyntax": {
|
|
14678
|
-
"web": "var(--borderColor-
|
|
14765
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14679
14766
|
}
|
|
14680
14767
|
}
|
|
14681
14768
|
},
|
|
14682
14769
|
"alpha": 0.4
|
|
14683
14770
|
},
|
|
14684
|
-
"name": "borderColor-
|
|
14771
|
+
"name": "borderColor-open-muted",
|
|
14685
14772
|
"attributes": {},
|
|
14686
|
-
"path": ["borderColor", "
|
|
14773
|
+
"path": ["borderColor", "open", "muted"]
|
|
14687
14774
|
},
|
|
14688
|
-
"borderColor-
|
|
14689
|
-
"value": "#
|
|
14775
|
+
"borderColor-open-emphasis": {
|
|
14776
|
+
"value": "#1a7f37",
|
|
14690
14777
|
"$type": "color",
|
|
14691
14778
|
"$extensions": {
|
|
14692
14779
|
"org.primer.figma": {
|
|
@@ -14695,14 +14782,14 @@
|
|
|
14695
14782
|
"group": "semantic",
|
|
14696
14783
|
"scopes": ["borderColor"],
|
|
14697
14784
|
"codeSyntax": {
|
|
14698
|
-
"web": "var(--borderColor-
|
|
14785
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14699
14786
|
}
|
|
14700
14787
|
}
|
|
14701
14788
|
},
|
|
14702
14789
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14703
14790
|
"isSource": true,
|
|
14704
14791
|
"original": {
|
|
14705
|
-
"value": "{
|
|
14792
|
+
"value": "{borderColor.success.emphasis}",
|
|
14706
14793
|
"$type": "color",
|
|
14707
14794
|
"$extensions": {
|
|
14708
14795
|
"org.primer.figma": {
|
|
@@ -14711,17 +14798,17 @@
|
|
|
14711
14798
|
"group": "semantic",
|
|
14712
14799
|
"scopes": ["borderColor"],
|
|
14713
14800
|
"codeSyntax": {
|
|
14714
|
-
"web": "var(--borderColor-
|
|
14801
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14715
14802
|
}
|
|
14716
14803
|
}
|
|
14717
14804
|
}
|
|
14718
14805
|
},
|
|
14719
|
-
"name": "borderColor-
|
|
14806
|
+
"name": "borderColor-open-emphasis",
|
|
14720
14807
|
"attributes": {},
|
|
14721
|
-
"path": ["borderColor", "
|
|
14808
|
+
"path": ["borderColor", "open", "emphasis"]
|
|
14722
14809
|
},
|
|
14723
|
-
"borderColor-
|
|
14724
|
-
"value": "#
|
|
14810
|
+
"borderColor-attention-muted": {
|
|
14811
|
+
"value": "#d4a72c66",
|
|
14725
14812
|
"$type": "color",
|
|
14726
14813
|
"$extensions": {
|
|
14727
14814
|
"org.primer.figma": {
|
|
@@ -14730,7 +14817,7 @@
|
|
|
14730
14817
|
"group": "semantic",
|
|
14731
14818
|
"scopes": ["borderColor"],
|
|
14732
14819
|
"codeSyntax": {
|
|
14733
|
-
"web": "var(--borderColor-
|
|
14820
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14734
14821
|
}
|
|
14735
14822
|
}
|
|
14736
14823
|
},
|
|
@@ -14738,7 +14825,7 @@
|
|
|
14738
14825
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14739
14826
|
"isSource": true,
|
|
14740
14827
|
"original": {
|
|
14741
|
-
"value": "{base.color.
|
|
14828
|
+
"value": "{base.color.yellow.3}",
|
|
14742
14829
|
"$type": "color",
|
|
14743
14830
|
"$extensions": {
|
|
14744
14831
|
"org.primer.figma": {
|
|
@@ -14747,18 +14834,18 @@
|
|
|
14747
14834
|
"group": "semantic",
|
|
14748
14835
|
"scopes": ["borderColor"],
|
|
14749
14836
|
"codeSyntax": {
|
|
14750
|
-
"web": "var(--borderColor-
|
|
14837
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14751
14838
|
}
|
|
14752
14839
|
}
|
|
14753
14840
|
},
|
|
14754
14841
|
"alpha": 0.4
|
|
14755
14842
|
},
|
|
14756
|
-
"name": "borderColor-
|
|
14843
|
+
"name": "borderColor-attention-muted",
|
|
14757
14844
|
"attributes": {},
|
|
14758
|
-
"path": ["borderColor", "
|
|
14845
|
+
"path": ["borderColor", "attention", "muted"]
|
|
14759
14846
|
},
|
|
14760
|
-
"borderColor-
|
|
14761
|
-
"value": "#
|
|
14847
|
+
"borderColor-attention-emphasis": {
|
|
14848
|
+
"value": "#bf8700",
|
|
14762
14849
|
"$type": "color",
|
|
14763
14850
|
"$extensions": {
|
|
14764
14851
|
"org.primer.figma": {
|
|
@@ -14767,14 +14854,14 @@
|
|
|
14767
14854
|
"group": "semantic",
|
|
14768
14855
|
"scopes": ["borderColor"],
|
|
14769
14856
|
"codeSyntax": {
|
|
14770
|
-
"web": "var(--borderColor-
|
|
14857
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14771
14858
|
}
|
|
14772
14859
|
}
|
|
14773
14860
|
},
|
|
14774
14861
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14775
14862
|
"isSource": true,
|
|
14776
14863
|
"original": {
|
|
14777
|
-
"value": "{base.color.
|
|
14864
|
+
"value": "{base.color.yellow.4}",
|
|
14778
14865
|
"$type": "color",
|
|
14779
14866
|
"$extensions": {
|
|
14780
14867
|
"org.primer.figma": {
|
|
@@ -14783,17 +14870,17 @@
|
|
|
14783
14870
|
"group": "semantic",
|
|
14784
14871
|
"scopes": ["borderColor"],
|
|
14785
14872
|
"codeSyntax": {
|
|
14786
|
-
"web": "var(--borderColor-
|
|
14873
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14787
14874
|
}
|
|
14788
14875
|
}
|
|
14789
14876
|
}
|
|
14790
14877
|
},
|
|
14791
|
-
"name": "borderColor-
|
|
14878
|
+
"name": "borderColor-attention-emphasis",
|
|
14792
14879
|
"attributes": {},
|
|
14793
|
-
"path": ["borderColor", "
|
|
14880
|
+
"path": ["borderColor", "attention", "emphasis"]
|
|
14794
14881
|
},
|
|
14795
|
-
"borderColor-
|
|
14796
|
-
"value": "#
|
|
14882
|
+
"borderColor-severe-muted": {
|
|
14883
|
+
"value": "#fb8f4466",
|
|
14797
14884
|
"$type": "color",
|
|
14798
14885
|
"$extensions": {
|
|
14799
14886
|
"org.primer.figma": {
|
|
@@ -14802,7 +14889,7 @@
|
|
|
14802
14889
|
"group": "semantic",
|
|
14803
14890
|
"scopes": ["borderColor"],
|
|
14804
14891
|
"codeSyntax": {
|
|
14805
|
-
"web": "var(--borderColor-
|
|
14892
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14806
14893
|
}
|
|
14807
14894
|
}
|
|
14808
14895
|
},
|
|
@@ -14810,7 +14897,7 @@
|
|
|
14810
14897
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14811
14898
|
"isSource": true,
|
|
14812
14899
|
"original": {
|
|
14813
|
-
"value": "{base.color.
|
|
14900
|
+
"value": "{base.color.orange.3}",
|
|
14814
14901
|
"$type": "color",
|
|
14815
14902
|
"$extensions": {
|
|
14816
14903
|
"org.primer.figma": {
|
|
@@ -14819,18 +14906,18 @@
|
|
|
14819
14906
|
"group": "semantic",
|
|
14820
14907
|
"scopes": ["borderColor"],
|
|
14821
14908
|
"codeSyntax": {
|
|
14822
|
-
"web": "var(--borderColor-
|
|
14909
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14823
14910
|
}
|
|
14824
14911
|
}
|
|
14825
14912
|
},
|
|
14826
14913
|
"alpha": 0.4
|
|
14827
14914
|
},
|
|
14828
|
-
"name": "borderColor-
|
|
14915
|
+
"name": "borderColor-severe-muted",
|
|
14829
14916
|
"attributes": {},
|
|
14830
|
-
"path": ["borderColor", "
|
|
14917
|
+
"path": ["borderColor", "severe", "muted"]
|
|
14831
14918
|
},
|
|
14832
|
-
"borderColor-
|
|
14833
|
-
"value": "#
|
|
14919
|
+
"borderColor-severe-emphasis": {
|
|
14920
|
+
"value": "#bc4c00",
|
|
14834
14921
|
"$type": "color",
|
|
14835
14922
|
"$extensions": {
|
|
14836
14923
|
"org.primer.figma": {
|
|
@@ -14839,14 +14926,14 @@
|
|
|
14839
14926
|
"group": "semantic",
|
|
14840
14927
|
"scopes": ["borderColor"],
|
|
14841
14928
|
"codeSyntax": {
|
|
14842
|
-
"web": "var(--borderColor-
|
|
14929
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14843
14930
|
}
|
|
14844
14931
|
}
|
|
14845
14932
|
},
|
|
14846
14933
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14847
14934
|
"isSource": true,
|
|
14848
14935
|
"original": {
|
|
14849
|
-
"value": "{base.color.
|
|
14936
|
+
"value": "{base.color.orange.5}",
|
|
14850
14937
|
"$type": "color",
|
|
14851
14938
|
"$extensions": {
|
|
14852
14939
|
"org.primer.figma": {
|
|
@@ -14855,17 +14942,17 @@
|
|
|
14855
14942
|
"group": "semantic",
|
|
14856
14943
|
"scopes": ["borderColor"],
|
|
14857
14944
|
"codeSyntax": {
|
|
14858
|
-
"web": "var(--borderColor-
|
|
14945
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14859
14946
|
}
|
|
14860
14947
|
}
|
|
14861
14948
|
}
|
|
14862
14949
|
},
|
|
14863
|
-
"name": "borderColor-
|
|
14950
|
+
"name": "borderColor-severe-emphasis",
|
|
14864
14951
|
"attributes": {},
|
|
14865
|
-
"path": ["borderColor", "
|
|
14952
|
+
"path": ["borderColor", "severe", "emphasis"]
|
|
14866
14953
|
},
|
|
14867
|
-
"borderColor-
|
|
14868
|
-
"value": "#
|
|
14954
|
+
"borderColor-danger-muted": {
|
|
14955
|
+
"value": "#ff818266",
|
|
14869
14956
|
"$type": "color",
|
|
14870
14957
|
"$extensions": {
|
|
14871
14958
|
"org.primer.figma": {
|
|
@@ -14874,14 +14961,15 @@
|
|
|
14874
14961
|
"group": "semantic",
|
|
14875
14962
|
"scopes": ["borderColor"],
|
|
14876
14963
|
"codeSyntax": {
|
|
14877
|
-
"web": "var(--borderColor-
|
|
14964
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14878
14965
|
}
|
|
14879
14966
|
}
|
|
14880
14967
|
},
|
|
14968
|
+
"alpha": 0.4,
|
|
14881
14969
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14882
14970
|
"isSource": true,
|
|
14883
14971
|
"original": {
|
|
14884
|
-
"value": "{
|
|
14972
|
+
"value": "{base.color.red.3}",
|
|
14885
14973
|
"$type": "color",
|
|
14886
14974
|
"$extensions": {
|
|
14887
14975
|
"org.primer.figma": {
|
|
@@ -14890,17 +14978,18 @@
|
|
|
14890
14978
|
"group": "semantic",
|
|
14891
14979
|
"scopes": ["borderColor"],
|
|
14892
14980
|
"codeSyntax": {
|
|
14893
|
-
"web": "var(--borderColor-
|
|
14981
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14894
14982
|
}
|
|
14895
14983
|
}
|
|
14896
|
-
}
|
|
14984
|
+
},
|
|
14985
|
+
"alpha": 0.4
|
|
14897
14986
|
},
|
|
14898
|
-
"name": "borderColor-
|
|
14987
|
+
"name": "borderColor-danger-muted",
|
|
14899
14988
|
"attributes": {},
|
|
14900
|
-
"path": ["borderColor", "
|
|
14989
|
+
"path": ["borderColor", "danger", "muted"]
|
|
14901
14990
|
},
|
|
14902
|
-
"borderColor-
|
|
14903
|
-
"value": "#
|
|
14991
|
+
"borderColor-danger-emphasis": {
|
|
14992
|
+
"value": "#cf222e",
|
|
14904
14993
|
"$type": "color",
|
|
14905
14994
|
"$extensions": {
|
|
14906
14995
|
"org.primer.figma": {
|
|
@@ -14909,14 +14998,14 @@
|
|
|
14909
14998
|
"group": "semantic",
|
|
14910
14999
|
"scopes": ["borderColor"],
|
|
14911
15000
|
"codeSyntax": {
|
|
14912
|
-
"web": "var(--borderColor-
|
|
15001
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14913
15002
|
}
|
|
14914
15003
|
}
|
|
14915
15004
|
},
|
|
14916
15005
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14917
15006
|
"isSource": true,
|
|
14918
15007
|
"original": {
|
|
14919
|
-
"value": "{
|
|
15008
|
+
"value": "{base.color.red.5}",
|
|
14920
15009
|
"$type": "color",
|
|
14921
15010
|
"$extensions": {
|
|
14922
15011
|
"org.primer.figma": {
|
|
@@ -14925,14 +15014,14 @@
|
|
|
14925
15014
|
"group": "semantic",
|
|
14926
15015
|
"scopes": ["borderColor"],
|
|
14927
15016
|
"codeSyntax": {
|
|
14928
|
-
"web": "var(--borderColor-
|
|
15017
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14929
15018
|
}
|
|
14930
15019
|
}
|
|
14931
15020
|
}
|
|
14932
15021
|
},
|
|
14933
|
-
"name": "borderColor-
|
|
15022
|
+
"name": "borderColor-danger-emphasis",
|
|
14934
15023
|
"attributes": {},
|
|
14935
|
-
"path": ["borderColor", "
|
|
15024
|
+
"path": ["borderColor", "danger", "emphasis"]
|
|
14936
15025
|
},
|
|
14937
15026
|
"borderColor-closed-muted": {
|
|
14938
15027
|
"value": "#ff818266",
|
|
@@ -15096,7 +15185,7 @@
|
|
|
15096
15185
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
15097
15186
|
"isSource": true,
|
|
15098
15187
|
"original": {
|
|
15099
|
-
"value": "{
|
|
15188
|
+
"value": "{borderColor.done.muted}",
|
|
15100
15189
|
"$type": "color",
|
|
15101
15190
|
"$extensions": {
|
|
15102
15191
|
"org.primer.figma": {
|
|
@@ -15132,7 +15221,7 @@
|
|
|
15132
15221
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
15133
15222
|
"isSource": true,
|
|
15134
15223
|
"original": {
|
|
15135
|
-
"value": "{
|
|
15224
|
+
"value": "{borderColor.done.emphasis}",
|
|
15136
15225
|
"$type": "color",
|
|
15137
15226
|
"$extensions": {
|
|
15138
15227
|
"org.primer.figma": {
|