@primer/primitives 7.15.10 → 7.15.11-rc.06eebf07
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/dist/css/functional/themes/dark-colorblind.css +10 -6
- package/dist/css/functional/themes/dark-dimmed.css +14 -10
- package/dist/css/functional/themes/dark-high-contrast.css +10 -6
- package/dist/css/functional/themes/dark-tritanopia.css +10 -6
- package/dist/css/functional/themes/dark.css +10 -6
- package/dist/css/functional/themes/light-colorblind.css +10 -6
- package/dist/css/functional/themes/light-high-contrast.css +12 -8
- package/dist/css/functional/themes/light-tritanopia.css +10 -6
- package/dist/css/functional/themes/light.css +10 -6
- package/dist/docs/functional/themes/dark-colorblind.json +85 -12
- package/dist/docs/functional/themes/dark-dimmed.json +87 -14
- package/dist/docs/functional/themes/dark-high-contrast.json +83 -10
- package/dist/docs/functional/themes/dark-tritanopia.json +85 -12
- package/dist/docs/functional/themes/dark.json +85 -12
- package/dist/docs/functional/themes/light-colorblind.json +71 -12
- package/dist/docs/functional/themes/light-high-contrast.json +74 -15
- package/dist/docs/functional/themes/light-tritanopia.json +71 -12
- package/dist/docs/functional/themes/light.json +71 -12
- package/dist/figma/shadows/dark-colorblind.json +100 -0
- package/dist/figma/shadows/dark-dimmed.json +100 -0
- package/dist/figma/shadows/dark-high-contrast.json +100 -0
- package/dist/figma/shadows/dark-tritanopia.json +100 -0
- package/dist/figma/shadows/dark.json +100 -0
- package/dist/figma/themes/dark-colorblind.json +138 -23
- package/dist/figma/themes/dark-dimmed.json +144 -29
- package/dist/figma/themes/dark-high-contrast.json +136 -21
- package/dist/figma/themes/dark-tritanopia.json +138 -23
- package/dist/figma/themes/dark.json +138 -23
- package/dist/figma/themes/light-colorblind.json +38 -23
- package/dist/figma/themes/light-high-contrast.json +43 -28
- package/dist/figma/themes/light-tritanopia.json +38 -23
- package/dist/figma/themes/light.json +38 -23
- package/dist/scss/functional/themes/dark-colorblind.scss +5 -3
- package/dist/scss/functional/themes/dark-dimmed.scss +7 -5
- package/dist/scss/functional/themes/dark-high-contrast.scss +5 -3
- package/dist/scss/functional/themes/dark-tritanopia.scss +5 -3
- package/dist/scss/functional/themes/dark.scss +5 -3
- package/dist/scss/functional/themes/light-colorblind.scss +5 -3
- package/dist/scss/functional/themes/light-high-contrast.scss +6 -4
- package/dist/scss/functional/themes/light-tritanopia.scss +5 -3
- package/dist/scss/functional/themes/light.scss +5 -3
- package/package.json +1 -1
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +10 -6
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +14 -10
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +10 -6
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +10 -6
- package/tokens-next-private/css/functional/themes/dark.css +10 -6
- package/tokens-next-private/css/functional/themes/light-colorblind.css +10 -6
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +12 -8
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +10 -6
- package/tokens-next-private/css/functional/themes/light.css +10 -6
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +85 -12
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +87 -14
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +83 -10
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +85 -12
- package/tokens-next-private/docs/functional/themes/dark.json +85 -12
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +71 -12
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +74 -15
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +71 -12
- package/tokens-next-private/docs/functional/themes/light.json +71 -12
- package/tokens-next-private/figma/shadows/dark-colorblind.json +100 -0
- package/tokens-next-private/figma/shadows/dark-dimmed.json +100 -0
- package/tokens-next-private/figma/shadows/dark-high-contrast.json +100 -0
- package/tokens-next-private/figma/shadows/dark-tritanopia.json +100 -0
- package/tokens-next-private/figma/shadows/dark.json +100 -0
- package/tokens-next-private/figma/themes/dark-colorblind.json +138 -23
- package/tokens-next-private/figma/themes/dark-dimmed.json +144 -29
- package/tokens-next-private/figma/themes/dark-high-contrast.json +136 -21
- package/tokens-next-private/figma/themes/dark-tritanopia.json +138 -23
- package/tokens-next-private/figma/themes/dark.json +138 -23
- package/tokens-next-private/figma/themes/light-colorblind.json +38 -23
- package/tokens-next-private/figma/themes/light-high-contrast.json +43 -28
- package/tokens-next-private/figma/themes/light-tritanopia.json +38 -23
- package/tokens-next-private/figma/themes/light.json +38 -23
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +5 -3
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +7 -5
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +5 -3
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +5 -3
- package/tokens-next-private/scss/functional/themes/dark.scss +5 -3
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +5 -3
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +6 -4
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +5 -3
- package/tokens-next-private/scss/functional/themes/light.scss +5 -3
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
|
@@ -29,6 +29,121 @@
|
|
|
29
29
|
"group": "syntax",
|
|
30
30
|
"scopes": ["ALL_SCOPES"]
|
|
31
31
|
},
|
|
32
|
+
{
|
|
33
|
+
"name": "fgColor/white",
|
|
34
|
+
"value": {
|
|
35
|
+
"r": 1,
|
|
36
|
+
"g": 1,
|
|
37
|
+
"b": 1,
|
|
38
|
+
"a": 1
|
|
39
|
+
},
|
|
40
|
+
"type": "COLOR",
|
|
41
|
+
"refId": "mode/fgColor/white",
|
|
42
|
+
"collection": "mode",
|
|
43
|
+
"mode": "dark colorblind",
|
|
44
|
+
"group": "semantic",
|
|
45
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"name": "shadow/floating/legacy/1/offsetX",
|
|
49
|
+
"value": 0,
|
|
50
|
+
"type": "FLOAT",
|
|
51
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
52
|
+
"mode": "dark colorblind",
|
|
53
|
+
"collection": "mode",
|
|
54
|
+
"group": "shadow"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "shadow/floating/legacy/1/offsetY",
|
|
58
|
+
"value": 6,
|
|
59
|
+
"type": "FLOAT",
|
|
60
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
61
|
+
"mode": "dark colorblind",
|
|
62
|
+
"collection": "mode",
|
|
63
|
+
"group": "shadow"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"name": "shadow/floating/legacy/1/blur",
|
|
67
|
+
"value": 12,
|
|
68
|
+
"type": "FLOAT",
|
|
69
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
70
|
+
"mode": "dark colorblind",
|
|
71
|
+
"collection": "mode",
|
|
72
|
+
"group": "shadow"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"name": "shadow/floating/legacy/1/spread",
|
|
76
|
+
"value": -3,
|
|
77
|
+
"type": "FLOAT",
|
|
78
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
79
|
+
"mode": "dark colorblind",
|
|
80
|
+
"collection": "mode",
|
|
81
|
+
"group": "shadow"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "shadow/floating/legacy/1/color",
|
|
85
|
+
"value": {
|
|
86
|
+
"r": 0.00392156862745098,
|
|
87
|
+
"g": 0.01568627450980392,
|
|
88
|
+
"b": 0.03529411764705882,
|
|
89
|
+
"a": 0.4
|
|
90
|
+
},
|
|
91
|
+
"type": "COLOR",
|
|
92
|
+
"scopes": ["EFFECT_COLOR"],
|
|
93
|
+
"mode": "dark colorblind",
|
|
94
|
+
"collection": "mode",
|
|
95
|
+
"group": "shadow"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "shadow/floating/legacy/2/offsetX",
|
|
99
|
+
"value": 0,
|
|
100
|
+
"type": "FLOAT",
|
|
101
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
102
|
+
"mode": "dark colorblind",
|
|
103
|
+
"collection": "mode",
|
|
104
|
+
"group": "shadow"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "shadow/floating/legacy/2/offsetY",
|
|
108
|
+
"value": 6,
|
|
109
|
+
"type": "FLOAT",
|
|
110
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
111
|
+
"mode": "dark colorblind",
|
|
112
|
+
"collection": "mode",
|
|
113
|
+
"group": "shadow"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"name": "shadow/floating/legacy/2/blur",
|
|
117
|
+
"value": 18,
|
|
118
|
+
"type": "FLOAT",
|
|
119
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
120
|
+
"mode": "dark colorblind",
|
|
121
|
+
"collection": "mode",
|
|
122
|
+
"group": "shadow"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"name": "shadow/floating/legacy/2/spread",
|
|
126
|
+
"value": 0,
|
|
127
|
+
"type": "FLOAT",
|
|
128
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
129
|
+
"mode": "dark colorblind",
|
|
130
|
+
"collection": "mode",
|
|
131
|
+
"group": "shadow"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "shadow/floating/legacy/2/color",
|
|
135
|
+
"value": {
|
|
136
|
+
"r": 0.00392156862745098,
|
|
137
|
+
"g": 0.01568627450980392,
|
|
138
|
+
"b": 0.03529411764705882,
|
|
139
|
+
"a": 0.4
|
|
140
|
+
},
|
|
141
|
+
"type": "COLOR",
|
|
142
|
+
"scopes": ["EFFECT_COLOR"],
|
|
143
|
+
"mode": "dark colorblind",
|
|
144
|
+
"collection": "mode",
|
|
145
|
+
"group": "shadow"
|
|
146
|
+
},
|
|
32
147
|
{
|
|
33
148
|
"name": "shadow/resting/medium/offsetX",
|
|
34
149
|
"value": 0,
|
|
@@ -2505,7 +2620,7 @@
|
|
|
2505
2620
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
2506
2621
|
},
|
|
2507
2622
|
{
|
|
2508
|
-
"name": "button/inactive/bgColor
|
|
2623
|
+
"name": "button/inactive/bgColor",
|
|
2509
2624
|
"value": {
|
|
2510
2625
|
"r": 0.12941176470588237,
|
|
2511
2626
|
"g": 0.14901960784313725,
|
|
@@ -2513,7 +2628,7 @@
|
|
|
2513
2628
|
"a": 1
|
|
2514
2629
|
},
|
|
2515
2630
|
"type": "COLOR",
|
|
2516
|
-
"refId": "mode/button/inactive/bgColor
|
|
2631
|
+
"refId": "mode/button/inactive/bgColor",
|
|
2517
2632
|
"reference": "base/color/dark/base/color/gray/7",
|
|
2518
2633
|
"collection": "mode",
|
|
2519
2634
|
"mode": "dark colorblind",
|
|
@@ -2521,7 +2636,7 @@
|
|
|
2521
2636
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
2522
2637
|
},
|
|
2523
2638
|
{
|
|
2524
|
-
"name": "button/inactive/fgColor
|
|
2639
|
+
"name": "button/inactive/fgColor",
|
|
2525
2640
|
"value": {
|
|
2526
2641
|
"r": 0.5450980392156862,
|
|
2527
2642
|
"g": 0.5803921568627451,
|
|
@@ -2529,7 +2644,7 @@
|
|
|
2529
2644
|
"a": 1
|
|
2530
2645
|
},
|
|
2531
2646
|
"type": "COLOR",
|
|
2532
|
-
"refId": "mode/button/inactive/fgColor
|
|
2647
|
+
"refId": "mode/button/inactive/fgColor",
|
|
2533
2648
|
"reference": "base/color/dark/base/color/gray/3",
|
|
2534
2649
|
"collection": "mode",
|
|
2535
2650
|
"mode": "dark colorblind",
|
|
@@ -2972,7 +3087,7 @@
|
|
|
2972
3087
|
},
|
|
2973
3088
|
"type": "COLOR",
|
|
2974
3089
|
"refId": "mode/button/primary/iconColor/rest",
|
|
2975
|
-
"reference": "
|
|
3090
|
+
"reference": "mode/fgColor/white",
|
|
2976
3091
|
"collection": "mode",
|
|
2977
3092
|
"mode": "dark colorblind",
|
|
2978
3093
|
"group": "component (internal)",
|
|
@@ -3005,7 +3120,7 @@
|
|
|
3005
3120
|
},
|
|
3006
3121
|
"type": "COLOR",
|
|
3007
3122
|
"refId": "mode/button/primary/fgColor/rest",
|
|
3008
|
-
"reference": "
|
|
3123
|
+
"reference": "mode/fgColor/white",
|
|
3009
3124
|
"collection": "mode",
|
|
3010
3125
|
"mode": "dark colorblind",
|
|
3011
3126
|
"group": "component (internal)",
|
|
@@ -4128,6 +4243,23 @@
|
|
|
4128
4243
|
"web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
|
|
4129
4244
|
}
|
|
4130
4245
|
},
|
|
4246
|
+
{
|
|
4247
|
+
"name": "selection/bgColor",
|
|
4248
|
+
"value": {
|
|
4249
|
+
"r": 0.12156862745098039,
|
|
4250
|
+
"g": 0.43529411764705883,
|
|
4251
|
+
"b": 0.9215686274509803,
|
|
4252
|
+
"a": 0.7
|
|
4253
|
+
},
|
|
4254
|
+
"type": "COLOR",
|
|
4255
|
+
"alpha": 0.7,
|
|
4256
|
+
"refId": "mode/selection/bgColor",
|
|
4257
|
+
"reference": "mode/bgColor/accent-emphasis",
|
|
4258
|
+
"collection": "mode",
|
|
4259
|
+
"mode": "dark colorblind",
|
|
4260
|
+
"group": "component",
|
|
4261
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4262
|
+
},
|
|
4131
4263
|
{
|
|
4132
4264
|
"name": "underlineNav/iconColor/rest",
|
|
4133
4265
|
"value": {
|
|
@@ -5421,23 +5553,6 @@
|
|
|
5421
5553
|
"group": "component",
|
|
5422
5554
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
5423
5555
|
},
|
|
5424
|
-
{
|
|
5425
|
-
"name": "selection/bgColor",
|
|
5426
|
-
"value": {
|
|
5427
|
-
"r": 0.26666666666666666,
|
|
5428
|
-
"g": 0.5764705882352941,
|
|
5429
|
-
"b": 0.9725490196078431,
|
|
5430
|
-
"a": 0.2
|
|
5431
|
-
},
|
|
5432
|
-
"type": "COLOR",
|
|
5433
|
-
"alpha": 0.2,
|
|
5434
|
-
"refId": "mode/selection/bgColor",
|
|
5435
|
-
"reference": "mode/fgColor/link",
|
|
5436
|
-
"collection": "mode",
|
|
5437
|
-
"mode": "dark colorblind",
|
|
5438
|
-
"group": "component",
|
|
5439
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
5440
|
-
},
|
|
5441
5556
|
{
|
|
5442
5557
|
"name": "overlay/borderColor",
|
|
5443
5558
|
"value": {
|
|
@@ -29,6 +29,121 @@
|
|
|
29
29
|
"group": "syntax",
|
|
30
30
|
"scopes": ["ALL_SCOPES"]
|
|
31
31
|
},
|
|
32
|
+
{
|
|
33
|
+
"name": "fgColor/white",
|
|
34
|
+
"value": {
|
|
35
|
+
"r": 1,
|
|
36
|
+
"g": 1,
|
|
37
|
+
"b": 1,
|
|
38
|
+
"a": 1
|
|
39
|
+
},
|
|
40
|
+
"type": "COLOR",
|
|
41
|
+
"refId": "mode/fgColor/white",
|
|
42
|
+
"collection": "mode",
|
|
43
|
+
"mode": "dark dimmed",
|
|
44
|
+
"group": "semantic",
|
|
45
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"name": "shadow/floating/legacy/1/offsetX",
|
|
49
|
+
"value": 0,
|
|
50
|
+
"type": "FLOAT",
|
|
51
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
52
|
+
"mode": "dark dimmed",
|
|
53
|
+
"collection": "mode",
|
|
54
|
+
"group": "shadow"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "shadow/floating/legacy/1/offsetY",
|
|
58
|
+
"value": 6,
|
|
59
|
+
"type": "FLOAT",
|
|
60
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
61
|
+
"mode": "dark dimmed",
|
|
62
|
+
"collection": "mode",
|
|
63
|
+
"group": "shadow"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"name": "shadow/floating/legacy/1/blur",
|
|
67
|
+
"value": 12,
|
|
68
|
+
"type": "FLOAT",
|
|
69
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
70
|
+
"mode": "dark dimmed",
|
|
71
|
+
"collection": "mode",
|
|
72
|
+
"group": "shadow"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"name": "shadow/floating/legacy/1/spread",
|
|
76
|
+
"value": -3,
|
|
77
|
+
"type": "FLOAT",
|
|
78
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
79
|
+
"mode": "dark dimmed",
|
|
80
|
+
"collection": "mode",
|
|
81
|
+
"group": "shadow"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "shadow/floating/legacy/1/color",
|
|
85
|
+
"value": {
|
|
86
|
+
"r": 0.10980392156862745,
|
|
87
|
+
"g": 0.12941176470588237,
|
|
88
|
+
"b": 0.1568627450980392,
|
|
89
|
+
"a": 0.4
|
|
90
|
+
},
|
|
91
|
+
"type": "COLOR",
|
|
92
|
+
"scopes": ["EFFECT_COLOR"],
|
|
93
|
+
"mode": "dark dimmed",
|
|
94
|
+
"collection": "mode",
|
|
95
|
+
"group": "shadow"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "shadow/floating/legacy/2/offsetX",
|
|
99
|
+
"value": 0,
|
|
100
|
+
"type": "FLOAT",
|
|
101
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
102
|
+
"mode": "dark dimmed",
|
|
103
|
+
"collection": "mode",
|
|
104
|
+
"group": "shadow"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "shadow/floating/legacy/2/offsetY",
|
|
108
|
+
"value": 6,
|
|
109
|
+
"type": "FLOAT",
|
|
110
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
111
|
+
"mode": "dark dimmed",
|
|
112
|
+
"collection": "mode",
|
|
113
|
+
"group": "shadow"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"name": "shadow/floating/legacy/2/blur",
|
|
117
|
+
"value": 18,
|
|
118
|
+
"type": "FLOAT",
|
|
119
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
120
|
+
"mode": "dark dimmed",
|
|
121
|
+
"collection": "mode",
|
|
122
|
+
"group": "shadow"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"name": "shadow/floating/legacy/2/spread",
|
|
126
|
+
"value": 0,
|
|
127
|
+
"type": "FLOAT",
|
|
128
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
129
|
+
"mode": "dark dimmed",
|
|
130
|
+
"collection": "mode",
|
|
131
|
+
"group": "shadow"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "shadow/floating/legacy/2/color",
|
|
135
|
+
"value": {
|
|
136
|
+
"r": 0.10980392156862745,
|
|
137
|
+
"g": 0.12941176470588237,
|
|
138
|
+
"b": 0.1568627450980392,
|
|
139
|
+
"a": 0.4
|
|
140
|
+
},
|
|
141
|
+
"type": "COLOR",
|
|
142
|
+
"scopes": ["EFFECT_COLOR"],
|
|
143
|
+
"mode": "dark dimmed",
|
|
144
|
+
"collection": "mode",
|
|
145
|
+
"group": "shadow"
|
|
146
|
+
},
|
|
32
147
|
{
|
|
33
148
|
"name": "shadow/resting/medium/offsetX",
|
|
34
149
|
"value": 0,
|
|
@@ -2408,7 +2523,7 @@
|
|
|
2408
2523
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
2409
2524
|
},
|
|
2410
2525
|
{
|
|
2411
|
-
"name": "button/inactive/bgColor
|
|
2526
|
+
"name": "button/inactive/bgColor",
|
|
2412
2527
|
"value": {
|
|
2413
2528
|
"r": 0.21568627450980393,
|
|
2414
2529
|
"g": 0.24313725490196078,
|
|
@@ -2416,7 +2531,7 @@
|
|
|
2416
2531
|
"a": 1
|
|
2417
2532
|
},
|
|
2418
2533
|
"type": "COLOR",
|
|
2419
|
-
"refId": "mode/button/inactive/bgColor
|
|
2534
|
+
"refId": "mode/button/inactive/bgColor",
|
|
2420
2535
|
"reference": "base/color/dark-dimmed/base/color/gray/7",
|
|
2421
2536
|
"collection": "mode",
|
|
2422
2537
|
"mode": "dark dimmed",
|
|
@@ -2424,7 +2539,7 @@
|
|
|
2424
2539
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
2425
2540
|
},
|
|
2426
2541
|
{
|
|
2427
|
-
"name": "button/inactive/fgColor
|
|
2542
|
+
"name": "button/inactive/fgColor",
|
|
2428
2543
|
"value": {
|
|
2429
2544
|
"r": 0.4627450980392157,
|
|
2430
2545
|
"g": 0.5137254901960784,
|
|
@@ -2432,7 +2547,7 @@
|
|
|
2432
2547
|
"a": 1
|
|
2433
2548
|
},
|
|
2434
2549
|
"type": "COLOR",
|
|
2435
|
-
"refId": "mode/button/inactive/fgColor
|
|
2550
|
+
"refId": "mode/button/inactive/fgColor",
|
|
2436
2551
|
"reference": "base/color/dark-dimmed/base/color/gray/3",
|
|
2437
2552
|
"collection": "mode",
|
|
2438
2553
|
"mode": "dark dimmed",
|
|
@@ -2869,14 +2984,14 @@
|
|
|
2869
2984
|
{
|
|
2870
2985
|
"name": "button/primary/iconColor/rest",
|
|
2871
2986
|
"value": {
|
|
2872
|
-
"r":
|
|
2873
|
-
"g":
|
|
2874
|
-
"b":
|
|
2987
|
+
"r": 1,
|
|
2988
|
+
"g": 1,
|
|
2989
|
+
"b": 1,
|
|
2875
2990
|
"a": 1
|
|
2876
2991
|
},
|
|
2877
2992
|
"type": "COLOR",
|
|
2878
2993
|
"refId": "mode/button/primary/iconColor/rest",
|
|
2879
|
-
"reference": "
|
|
2994
|
+
"reference": "mode/fgColor/white",
|
|
2880
2995
|
"collection": "mode",
|
|
2881
2996
|
"mode": "dark dimmed",
|
|
2882
2997
|
"group": "component (internal)",
|
|
@@ -2902,14 +3017,14 @@
|
|
|
2902
3017
|
{
|
|
2903
3018
|
"name": "button/primary/fgColor/rest",
|
|
2904
3019
|
"value": {
|
|
2905
|
-
"r":
|
|
2906
|
-
"g":
|
|
2907
|
-
"b":
|
|
3020
|
+
"r": 1,
|
|
3021
|
+
"g": 1,
|
|
3022
|
+
"b": 1,
|
|
2908
3023
|
"a": 1
|
|
2909
3024
|
},
|
|
2910
3025
|
"type": "COLOR",
|
|
2911
3026
|
"refId": "mode/button/primary/fgColor/rest",
|
|
2912
|
-
"reference": "
|
|
3027
|
+
"reference": "mode/fgColor/white",
|
|
2913
3028
|
"collection": "mode",
|
|
2914
3029
|
"mode": "dark dimmed",
|
|
2915
3030
|
"group": "component (internal)",
|
|
@@ -4128,6 +4243,23 @@
|
|
|
4128
4243
|
"web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
|
|
4129
4244
|
}
|
|
4130
4245
|
},
|
|
4246
|
+
{
|
|
4247
|
+
"name": "selection/bgColor",
|
|
4248
|
+
"value": {
|
|
4249
|
+
"r": 0.19215686274509805,
|
|
4250
|
+
"g": 0.42745098039215684,
|
|
4251
|
+
"b": 0.792156862745098,
|
|
4252
|
+
"a": 0.7
|
|
4253
|
+
},
|
|
4254
|
+
"type": "COLOR",
|
|
4255
|
+
"alpha": 0.7,
|
|
4256
|
+
"refId": "mode/selection/bgColor",
|
|
4257
|
+
"reference": "mode/bgColor/accent-emphasis",
|
|
4258
|
+
"collection": "mode",
|
|
4259
|
+
"mode": "dark dimmed",
|
|
4260
|
+
"group": "component",
|
|
4261
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4262
|
+
},
|
|
4131
4263
|
{
|
|
4132
4264
|
"name": "underlineNav/iconColor/rest",
|
|
4133
4265
|
"value": {
|
|
@@ -5421,23 +5553,6 @@
|
|
|
5421
5553
|
"group": "component",
|
|
5422
5554
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
5423
5555
|
},
|
|
5424
|
-
{
|
|
5425
|
-
"name": "selection/bgColor",
|
|
5426
|
-
"value": {
|
|
5427
|
-
"r": 0.2784313725490196,
|
|
5428
|
-
"g": 0.5450980392156862,
|
|
5429
|
-
"b": 0.9019607843137255,
|
|
5430
|
-
"a": 0.2
|
|
5431
|
-
},
|
|
5432
|
-
"type": "COLOR",
|
|
5433
|
-
"alpha": 0.2,
|
|
5434
|
-
"refId": "mode/selection/bgColor",
|
|
5435
|
-
"reference": "mode/fgColor/link",
|
|
5436
|
-
"collection": "mode",
|
|
5437
|
-
"mode": "dark dimmed",
|
|
5438
|
-
"group": "component",
|
|
5439
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
5440
|
-
},
|
|
5441
5556
|
{
|
|
5442
5557
|
"name": "overlay/borderColor",
|
|
5443
5558
|
"value": {
|
|
@@ -29,6 +29,121 @@
|
|
|
29
29
|
"group": "syntax",
|
|
30
30
|
"scopes": ["ALL_SCOPES"]
|
|
31
31
|
},
|
|
32
|
+
{
|
|
33
|
+
"name": "fgColor/white",
|
|
34
|
+
"value": {
|
|
35
|
+
"r": 1,
|
|
36
|
+
"g": 1,
|
|
37
|
+
"b": 1,
|
|
38
|
+
"a": 1
|
|
39
|
+
},
|
|
40
|
+
"type": "COLOR",
|
|
41
|
+
"refId": "mode/fgColor/white",
|
|
42
|
+
"collection": "mode",
|
|
43
|
+
"mode": "dark high contrast",
|
|
44
|
+
"group": "semantic",
|
|
45
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"name": "shadow/floating/legacy/1/offsetX",
|
|
49
|
+
"value": 0,
|
|
50
|
+
"type": "FLOAT",
|
|
51
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
52
|
+
"mode": "dark high contrast",
|
|
53
|
+
"collection": "mode",
|
|
54
|
+
"group": "shadow"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "shadow/floating/legacy/1/offsetY",
|
|
58
|
+
"value": 6,
|
|
59
|
+
"type": "FLOAT",
|
|
60
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
61
|
+
"mode": "dark high contrast",
|
|
62
|
+
"collection": "mode",
|
|
63
|
+
"group": "shadow"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"name": "shadow/floating/legacy/1/blur",
|
|
67
|
+
"value": 12,
|
|
68
|
+
"type": "FLOAT",
|
|
69
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
70
|
+
"mode": "dark high contrast",
|
|
71
|
+
"collection": "mode",
|
|
72
|
+
"group": "shadow"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"name": "shadow/floating/legacy/1/spread",
|
|
76
|
+
"value": -3,
|
|
77
|
+
"type": "FLOAT",
|
|
78
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
79
|
+
"mode": "dark high contrast",
|
|
80
|
+
"collection": "mode",
|
|
81
|
+
"group": "shadow"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "shadow/floating/legacy/1/color",
|
|
85
|
+
"value": {
|
|
86
|
+
"r": 0.00392156862745098,
|
|
87
|
+
"g": 0.01568627450980392,
|
|
88
|
+
"b": 0.03529411764705882,
|
|
89
|
+
"a": 0.4
|
|
90
|
+
},
|
|
91
|
+
"type": "COLOR",
|
|
92
|
+
"scopes": ["EFFECT_COLOR"],
|
|
93
|
+
"mode": "dark high contrast",
|
|
94
|
+
"collection": "mode",
|
|
95
|
+
"group": "shadow"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "shadow/floating/legacy/2/offsetX",
|
|
99
|
+
"value": 0,
|
|
100
|
+
"type": "FLOAT",
|
|
101
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
102
|
+
"mode": "dark high contrast",
|
|
103
|
+
"collection": "mode",
|
|
104
|
+
"group": "shadow"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "shadow/floating/legacy/2/offsetY",
|
|
108
|
+
"value": 6,
|
|
109
|
+
"type": "FLOAT",
|
|
110
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
111
|
+
"mode": "dark high contrast",
|
|
112
|
+
"collection": "mode",
|
|
113
|
+
"group": "shadow"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"name": "shadow/floating/legacy/2/blur",
|
|
117
|
+
"value": 18,
|
|
118
|
+
"type": "FLOAT",
|
|
119
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
120
|
+
"mode": "dark high contrast",
|
|
121
|
+
"collection": "mode",
|
|
122
|
+
"group": "shadow"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"name": "shadow/floating/legacy/2/spread",
|
|
126
|
+
"value": 0,
|
|
127
|
+
"type": "FLOAT",
|
|
128
|
+
"scopes": ["EFFECT_FLOAT"],
|
|
129
|
+
"mode": "dark high contrast",
|
|
130
|
+
"collection": "mode",
|
|
131
|
+
"group": "shadow"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "shadow/floating/legacy/2/color",
|
|
135
|
+
"value": {
|
|
136
|
+
"r": 0.00392156862745098,
|
|
137
|
+
"g": 0.01568627450980392,
|
|
138
|
+
"b": 0.03529411764705882,
|
|
139
|
+
"a": 0.4
|
|
140
|
+
},
|
|
141
|
+
"type": "COLOR",
|
|
142
|
+
"scopes": ["EFFECT_COLOR"],
|
|
143
|
+
"mode": "dark high contrast",
|
|
144
|
+
"collection": "mode",
|
|
145
|
+
"group": "shadow"
|
|
146
|
+
},
|
|
32
147
|
{
|
|
33
148
|
"name": "shadow/resting/medium/offsetX",
|
|
34
149
|
"value": 0,
|
|
@@ -2460,7 +2575,7 @@
|
|
|
2460
2575
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
2461
2576
|
},
|
|
2462
2577
|
{
|
|
2463
|
-
"name": "button/inactive/bgColor
|
|
2578
|
+
"name": "button/inactive/bgColor",
|
|
2464
2579
|
"value": {
|
|
2465
2580
|
"r": 0.23921568627450981,
|
|
2466
2581
|
"g": 0.25882352941176473,
|
|
@@ -2468,7 +2583,7 @@
|
|
|
2468
2583
|
"a": 1
|
|
2469
2584
|
},
|
|
2470
2585
|
"type": "COLOR",
|
|
2471
|
-
"refId": "mode/button/inactive/bgColor
|
|
2586
|
+
"refId": "mode/button/inactive/bgColor",
|
|
2472
2587
|
"reference": "base/color/dark-high-contrast/base/color/gray/7",
|
|
2473
2588
|
"collection": "mode",
|
|
2474
2589
|
"mode": "dark high contrast",
|
|
@@ -2476,7 +2591,7 @@
|
|
|
2476
2591
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
2477
2592
|
},
|
|
2478
2593
|
{
|
|
2479
|
-
"name": "button/inactive/fgColor
|
|
2594
|
+
"name": "button/inactive/fgColor",
|
|
2480
2595
|
"value": {
|
|
2481
2596
|
"r": 0.7411764705882353,
|
|
2482
2597
|
"g": 0.7686274509803922,
|
|
@@ -2484,7 +2599,7 @@
|
|
|
2484
2599
|
"a": 1
|
|
2485
2600
|
},
|
|
2486
2601
|
"type": "COLOR",
|
|
2487
|
-
"refId": "mode/button/inactive/fgColor
|
|
2602
|
+
"refId": "mode/button/inactive/fgColor",
|
|
2488
2603
|
"reference": "base/color/dark-high-contrast/base/color/gray/3",
|
|
2489
2604
|
"collection": "mode",
|
|
2490
2605
|
"mode": "dark high contrast",
|
|
@@ -4198,6 +4313,23 @@
|
|
|
4198
4313
|
"web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
|
|
4199
4314
|
}
|
|
4200
4315
|
},
|
|
4316
|
+
{
|
|
4317
|
+
"name": "selection/bgColor",
|
|
4318
|
+
"value": {
|
|
4319
|
+
"r": 0.25098039215686274,
|
|
4320
|
+
"g": 0.6196078431372549,
|
|
4321
|
+
"b": 1,
|
|
4322
|
+
"a": 0.7
|
|
4323
|
+
},
|
|
4324
|
+
"type": "COLOR",
|
|
4325
|
+
"alpha": 0.7,
|
|
4326
|
+
"refId": "mode/selection/bgColor",
|
|
4327
|
+
"reference": "mode/bgColor/accent-emphasis",
|
|
4328
|
+
"collection": "mode",
|
|
4329
|
+
"mode": "dark high contrast",
|
|
4330
|
+
"group": "component",
|
|
4331
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4332
|
+
},
|
|
4201
4333
|
{
|
|
4202
4334
|
"name": "treeViewItem/leadingVisual/iconColor/rest",
|
|
4203
4335
|
"value": {
|
|
@@ -6029,23 +6161,6 @@
|
|
|
6029
6161
|
"collection": "mode",
|
|
6030
6162
|
"group": "shadow"
|
|
6031
6163
|
},
|
|
6032
|
-
{
|
|
6033
|
-
"name": "selection/bgColor",
|
|
6034
|
-
"value": {
|
|
6035
|
-
"r": 0.3764705882352941,
|
|
6036
|
-
"g": 0.6823529411764706,
|
|
6037
|
-
"b": 1,
|
|
6038
|
-
"a": 0.2
|
|
6039
|
-
},
|
|
6040
|
-
"type": "COLOR",
|
|
6041
|
-
"alpha": 0.2,
|
|
6042
|
-
"refId": "mode/selection/bgColor",
|
|
6043
|
-
"reference": "mode/fgColor/link",
|
|
6044
|
-
"collection": "mode",
|
|
6045
|
-
"mode": "dark high contrast",
|
|
6046
|
-
"group": "component",
|
|
6047
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6048
|
-
},
|
|
6049
6164
|
{
|
|
6050
6165
|
"name": "button/danger/bgColor/disabled",
|
|
6051
6166
|
"value": {
|