@primer/primitives 0.0.0-20260714185921 → 0.0.0-20260714204503
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/light-colorblind.css +6 -6
- package/dist/css/functional/themes/light-tritanopia.css +6 -6
- package/dist/css/functional/themes/light.css +6 -6
- package/dist/docs/functional/themes/light-colorblind.json +15 -15
- package/dist/docs/functional/themes/light-tritanopia.json +15 -15
- package/dist/docs/functional/themes/light.json +15 -15
- package/dist/figma/themes/light-colorblind.json +10 -10
- package/dist/figma/themes/light-tritanopia.json +10 -10
- package/dist/figma/themes/light.json +10 -10
- package/dist/internalCss/light-colorblind.css +6 -6
- package/dist/internalCss/light-tritanopia.css +6 -6
- package/dist/internalCss/light.css +6 -6
- package/dist/styleLint/functional/themes/light-colorblind.json +15 -15
- package/dist/styleLint/functional/themes/light-tritanopia.json +15 -15
- package/dist/styleLint/functional/themes/light.json +15 -15
- package/package.json +1 -1
- package/src/tokens/functional/color/control.json5 +3 -3
|
@@ -137,10 +137,10 @@
|
|
|
137
137
|
--control-checked-bgColor-active: #0055d5;
|
|
138
138
|
--control-checked-bgColor-hover: #0064e3;
|
|
139
139
|
--control-fgColor-rest: #353c37;
|
|
140
|
-
--control-transparent-bgColor-active: #
|
|
141
|
-
--control-transparent-bgColor-hover: #
|
|
140
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
141
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
142
142
|
--control-transparent-bgColor-rest: #ffffff00;
|
|
143
|
-
--control-transparent-bgColor-selected: #
|
|
143
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
144
144
|
--control-transparent-borderColor-active: #ffffff00;
|
|
145
145
|
--control-transparent-borderColor-hover: #ffffff00;
|
|
146
146
|
--control-transparent-borderColor-rest: #ffffff00;
|
|
@@ -1134,10 +1134,10 @@
|
|
|
1134
1134
|
--control-checked-bgColor-active: #0055d5;
|
|
1135
1135
|
--control-checked-bgColor-hover: #0064e3;
|
|
1136
1136
|
--control-fgColor-rest: #353c37;
|
|
1137
|
-
--control-transparent-bgColor-active: #
|
|
1138
|
-
--control-transparent-bgColor-hover: #
|
|
1137
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
1138
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
1139
1139
|
--control-transparent-bgColor-rest: #ffffff00;
|
|
1140
|
-
--control-transparent-bgColor-selected: #
|
|
1140
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
1141
1141
|
--control-transparent-borderColor-active: #ffffff00;
|
|
1142
1142
|
--control-transparent-borderColor-hover: #ffffff00;
|
|
1143
1143
|
--control-transparent-borderColor-rest: #ffffff00;
|
|
@@ -143,10 +143,10 @@
|
|
|
143
143
|
--control-danger-fgColor-hover: var(--fgColor-danger);
|
|
144
144
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
145
145
|
--control-fgColor-rest: #353c37;
|
|
146
|
-
--control-transparent-bgColor-active: #
|
|
147
|
-
--control-transparent-bgColor-hover: #
|
|
146
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
147
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
148
148
|
--control-transparent-bgColor-rest: #ffffff00;
|
|
149
|
-
--control-transparent-bgColor-selected: #
|
|
149
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
150
150
|
--control-transparent-borderColor-active: #ffffff00;
|
|
151
151
|
--control-transparent-borderColor-hover: #ffffff00;
|
|
152
152
|
--control-transparent-borderColor-rest: #ffffff00;
|
|
@@ -1140,10 +1140,10 @@
|
|
|
1140
1140
|
--control-danger-fgColor-hover: var(--fgColor-danger);
|
|
1141
1141
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
1142
1142
|
--control-fgColor-rest: #353c37;
|
|
1143
|
-
--control-transparent-bgColor-active: #
|
|
1144
|
-
--control-transparent-bgColor-hover: #
|
|
1143
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
1144
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
1145
1145
|
--control-transparent-bgColor-rest: #ffffff00;
|
|
1146
|
-
--control-transparent-bgColor-selected: #
|
|
1146
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
1147
1147
|
--control-transparent-borderColor-active: #ffffff00;
|
|
1148
1148
|
--control-transparent-borderColor-hover: #ffffff00;
|
|
1149
1149
|
--control-transparent-borderColor-rest: #ffffff00;
|
|
@@ -139,10 +139,10 @@
|
|
|
139
139
|
--control-danger-fgColor-hover: var(--fgColor-danger);
|
|
140
140
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
141
141
|
--control-fgColor-rest: #353c37;
|
|
142
|
-
--control-transparent-bgColor-active: #
|
|
143
|
-
--control-transparent-bgColor-hover: #
|
|
142
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
143
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
144
144
|
--control-transparent-bgColor-rest: #ffffff00;
|
|
145
|
-
--control-transparent-bgColor-selected: #
|
|
145
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
146
146
|
--control-transparent-borderColor-active: #ffffff00;
|
|
147
147
|
--control-transparent-borderColor-hover: #ffffff00;
|
|
148
148
|
--control-transparent-borderColor-rest: #ffffff00;
|
|
@@ -1136,10 +1136,10 @@
|
|
|
1136
1136
|
--control-danger-fgColor-hover: var(--fgColor-danger);
|
|
1137
1137
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
1138
1138
|
--control-fgColor-rest: #353c37;
|
|
1139
|
-
--control-transparent-bgColor-active: #
|
|
1140
|
-
--control-transparent-bgColor-hover: #
|
|
1139
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
1140
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
1141
1141
|
--control-transparent-bgColor-rest: #ffffff00;
|
|
1142
|
-
--control-transparent-bgColor-selected: #
|
|
1142
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
1143
1143
|
--control-transparent-borderColor-active: #ffffff00;
|
|
1144
1144
|
--control-transparent-borderColor-hover: #ffffff00;
|
|
1145
1145
|
--control-transparent-borderColor-rest: #ffffff00;
|
|
@@ -8924,7 +8924,7 @@
|
|
|
8924
8924
|
},
|
|
8925
8925
|
"org.primer.overrides": {
|
|
8926
8926
|
"dark": {
|
|
8927
|
-
"$value": "#
|
|
8927
|
+
"$value": "#6c786f39",
|
|
8928
8928
|
"filePath": "src/tokens/component/button.json5",
|
|
8929
8929
|
"isSource": true,
|
|
8930
8930
|
"$type": "color"
|
|
@@ -8998,7 +8998,7 @@
|
|
|
8998
8998
|
"name": "button-invisible-bgColor-active",
|
|
8999
8999
|
"attributes": {},
|
|
9000
9000
|
"path": ["button", "invisible", "bgColor", "active"],
|
|
9001
|
-
"value": "#
|
|
9001
|
+
"value": "#6c786f39",
|
|
9002
9002
|
"type": "color"
|
|
9003
9003
|
},
|
|
9004
9004
|
"button-invisible-bgColor-disabled": {
|
|
@@ -9056,7 +9056,7 @@
|
|
|
9056
9056
|
},
|
|
9057
9057
|
"org.primer.overrides": {
|
|
9058
9058
|
"dark": {
|
|
9059
|
-
"$value": "#
|
|
9059
|
+
"$value": "#6c786f1c",
|
|
9060
9060
|
"filePath": "src/tokens/component/button.json5",
|
|
9061
9061
|
"isSource": true,
|
|
9062
9062
|
"$type": "color"
|
|
@@ -9172,7 +9172,7 @@
|
|
|
9172
9172
|
"name": "button-invisible-bgColor-hover",
|
|
9173
9173
|
"attributes": {},
|
|
9174
9174
|
"path": ["button", "invisible", "bgColor", "hover"],
|
|
9175
|
-
"value": "#
|
|
9175
|
+
"value": "#6c786f1c",
|
|
9176
9176
|
"type": "color"
|
|
9177
9177
|
},
|
|
9178
9178
|
"button-invisible-bgColor-rest": {
|
|
@@ -14103,7 +14103,7 @@
|
|
|
14103
14103
|
"name": "buttonKeybindingHint-invisible-bgColor-active",
|
|
14104
14104
|
"attributes": {},
|
|
14105
14105
|
"path": ["buttonKeybindingHint", "invisible", "bgColor", "active"],
|
|
14106
|
-
"value": "#
|
|
14106
|
+
"value": "#6c786f39",
|
|
14107
14107
|
"type": "color"
|
|
14108
14108
|
},
|
|
14109
14109
|
"buttonKeybindingHint-invisible-bgColor-disabled": {
|
|
@@ -14161,7 +14161,7 @@
|
|
|
14161
14161
|
"name": "buttonKeybindingHint-invisible-bgColor-hover",
|
|
14162
14162
|
"attributes": {},
|
|
14163
14163
|
"path": ["buttonKeybindingHint", "invisible", "bgColor", "hover"],
|
|
14164
|
-
"value": "#
|
|
14164
|
+
"value": "#6c786f1c",
|
|
14165
14165
|
"type": "color"
|
|
14166
14166
|
},
|
|
14167
14167
|
"buttonKeybindingHint-invisible-bgColor-rest": {
|
|
@@ -20184,7 +20184,7 @@
|
|
|
20184
20184
|
}
|
|
20185
20185
|
}
|
|
20186
20186
|
},
|
|
20187
|
-
"alpha": 0.
|
|
20187
|
+
"alpha": 0.225,
|
|
20188
20188
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20189
20189
|
"isSource": true,
|
|
20190
20190
|
"original": {
|
|
@@ -20262,13 +20262,13 @@
|
|
|
20262
20262
|
}
|
|
20263
20263
|
}
|
|
20264
20264
|
},
|
|
20265
|
-
"alpha": 0.
|
|
20265
|
+
"alpha": 0.225,
|
|
20266
20266
|
"key": "{control.transparent.bgColor.active}"
|
|
20267
20267
|
},
|
|
20268
20268
|
"name": "control-transparent-bgColor-active",
|
|
20269
20269
|
"attributes": {},
|
|
20270
20270
|
"path": ["control", "transparent", "bgColor", "active"],
|
|
20271
|
-
"value": "#
|
|
20271
|
+
"value": "#6c786f39",
|
|
20272
20272
|
"type": "color"
|
|
20273
20273
|
},
|
|
20274
20274
|
"control-transparent-bgColor-disabled": {
|
|
@@ -20380,7 +20380,7 @@
|
|
|
20380
20380
|
}
|
|
20381
20381
|
}
|
|
20382
20382
|
},
|
|
20383
|
-
"alpha": 0.
|
|
20383
|
+
"alpha": 0.11,
|
|
20384
20384
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20385
20385
|
"isSource": true,
|
|
20386
20386
|
"original": {
|
|
@@ -20458,13 +20458,13 @@
|
|
|
20458
20458
|
}
|
|
20459
20459
|
}
|
|
20460
20460
|
},
|
|
20461
|
-
"alpha": 0.
|
|
20461
|
+
"alpha": 0.11,
|
|
20462
20462
|
"key": "{control.transparent.bgColor.hover}"
|
|
20463
20463
|
},
|
|
20464
20464
|
"name": "control-transparent-bgColor-hover",
|
|
20465
20465
|
"attributes": {},
|
|
20466
20466
|
"path": ["control", "transparent", "bgColor", "hover"],
|
|
20467
|
-
"value": "#
|
|
20467
|
+
"value": "#6c786f1c",
|
|
20468
20468
|
"type": "color"
|
|
20469
20469
|
},
|
|
20470
20470
|
"control-transparent-bgColor-rest": {
|
|
@@ -20576,7 +20576,7 @@
|
|
|
20576
20576
|
}
|
|
20577
20577
|
}
|
|
20578
20578
|
},
|
|
20579
|
-
"alpha": 0.
|
|
20579
|
+
"alpha": 0.225,
|
|
20580
20580
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20581
20581
|
"isSource": true,
|
|
20582
20582
|
"original": {
|
|
@@ -20654,13 +20654,13 @@
|
|
|
20654
20654
|
}
|
|
20655
20655
|
}
|
|
20656
20656
|
},
|
|
20657
|
-
"alpha": 0.
|
|
20657
|
+
"alpha": 0.225,
|
|
20658
20658
|
"key": "{control.transparent.bgColor.selected}"
|
|
20659
20659
|
},
|
|
20660
20660
|
"name": "control-transparent-bgColor-selected",
|
|
20661
20661
|
"attributes": {},
|
|
20662
20662
|
"path": ["control", "transparent", "bgColor", "selected"],
|
|
20663
|
-
"value": "#
|
|
20663
|
+
"value": "#6c786f39",
|
|
20664
20664
|
"type": "color"
|
|
20665
20665
|
},
|
|
20666
20666
|
"control-transparent-borderColor-active": {
|
|
@@ -8924,7 +8924,7 @@
|
|
|
8924
8924
|
},
|
|
8925
8925
|
"org.primer.overrides": {
|
|
8926
8926
|
"dark": {
|
|
8927
|
-
"$value": "#
|
|
8927
|
+
"$value": "#6c786f39",
|
|
8928
8928
|
"filePath": "src/tokens/component/button.json5",
|
|
8929
8929
|
"isSource": true,
|
|
8930
8930
|
"$type": "color"
|
|
@@ -8998,7 +8998,7 @@
|
|
|
8998
8998
|
"name": "button-invisible-bgColor-active",
|
|
8999
8999
|
"attributes": {},
|
|
9000
9000
|
"path": ["button", "invisible", "bgColor", "active"],
|
|
9001
|
-
"value": "#
|
|
9001
|
+
"value": "#6c786f39",
|
|
9002
9002
|
"type": "color"
|
|
9003
9003
|
},
|
|
9004
9004
|
"button-invisible-bgColor-disabled": {
|
|
@@ -9056,7 +9056,7 @@
|
|
|
9056
9056
|
},
|
|
9057
9057
|
"org.primer.overrides": {
|
|
9058
9058
|
"dark": {
|
|
9059
|
-
"$value": "#
|
|
9059
|
+
"$value": "#6c786f1c",
|
|
9060
9060
|
"filePath": "src/tokens/component/button.json5",
|
|
9061
9061
|
"isSource": true,
|
|
9062
9062
|
"$type": "color"
|
|
@@ -9172,7 +9172,7 @@
|
|
|
9172
9172
|
"name": "button-invisible-bgColor-hover",
|
|
9173
9173
|
"attributes": {},
|
|
9174
9174
|
"path": ["button", "invisible", "bgColor", "hover"],
|
|
9175
|
-
"value": "#
|
|
9175
|
+
"value": "#6c786f1c",
|
|
9176
9176
|
"type": "color"
|
|
9177
9177
|
},
|
|
9178
9178
|
"button-invisible-bgColor-rest": {
|
|
@@ -14107,7 +14107,7 @@
|
|
|
14107
14107
|
"name": "buttonKeybindingHint-invisible-bgColor-active",
|
|
14108
14108
|
"attributes": {},
|
|
14109
14109
|
"path": ["buttonKeybindingHint", "invisible", "bgColor", "active"],
|
|
14110
|
-
"value": "#
|
|
14110
|
+
"value": "#6c786f39",
|
|
14111
14111
|
"type": "color"
|
|
14112
14112
|
},
|
|
14113
14113
|
"buttonKeybindingHint-invisible-bgColor-disabled": {
|
|
@@ -14165,7 +14165,7 @@
|
|
|
14165
14165
|
"name": "buttonKeybindingHint-invisible-bgColor-hover",
|
|
14166
14166
|
"attributes": {},
|
|
14167
14167
|
"path": ["buttonKeybindingHint", "invisible", "bgColor", "hover"],
|
|
14168
|
-
"value": "#
|
|
14168
|
+
"value": "#6c786f1c",
|
|
14169
14169
|
"type": "color"
|
|
14170
14170
|
},
|
|
14171
14171
|
"buttonKeybindingHint-invisible-bgColor-rest": {
|
|
@@ -20188,7 +20188,7 @@
|
|
|
20188
20188
|
}
|
|
20189
20189
|
}
|
|
20190
20190
|
},
|
|
20191
|
-
"alpha": 0.
|
|
20191
|
+
"alpha": 0.225,
|
|
20192
20192
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20193
20193
|
"isSource": true,
|
|
20194
20194
|
"original": {
|
|
@@ -20266,13 +20266,13 @@
|
|
|
20266
20266
|
}
|
|
20267
20267
|
}
|
|
20268
20268
|
},
|
|
20269
|
-
"alpha": 0.
|
|
20269
|
+
"alpha": 0.225,
|
|
20270
20270
|
"key": "{control.transparent.bgColor.active}"
|
|
20271
20271
|
},
|
|
20272
20272
|
"name": "control-transparent-bgColor-active",
|
|
20273
20273
|
"attributes": {},
|
|
20274
20274
|
"path": ["control", "transparent", "bgColor", "active"],
|
|
20275
|
-
"value": "#
|
|
20275
|
+
"value": "#6c786f39",
|
|
20276
20276
|
"type": "color"
|
|
20277
20277
|
},
|
|
20278
20278
|
"control-transparent-bgColor-disabled": {
|
|
@@ -20384,7 +20384,7 @@
|
|
|
20384
20384
|
}
|
|
20385
20385
|
}
|
|
20386
20386
|
},
|
|
20387
|
-
"alpha": 0.
|
|
20387
|
+
"alpha": 0.11,
|
|
20388
20388
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20389
20389
|
"isSource": true,
|
|
20390
20390
|
"original": {
|
|
@@ -20462,13 +20462,13 @@
|
|
|
20462
20462
|
}
|
|
20463
20463
|
}
|
|
20464
20464
|
},
|
|
20465
|
-
"alpha": 0.
|
|
20465
|
+
"alpha": 0.11,
|
|
20466
20466
|
"key": "{control.transparent.bgColor.hover}"
|
|
20467
20467
|
},
|
|
20468
20468
|
"name": "control-transparent-bgColor-hover",
|
|
20469
20469
|
"attributes": {},
|
|
20470
20470
|
"path": ["control", "transparent", "bgColor", "hover"],
|
|
20471
|
-
"value": "#
|
|
20471
|
+
"value": "#6c786f1c",
|
|
20472
20472
|
"type": "color"
|
|
20473
20473
|
},
|
|
20474
20474
|
"control-transparent-bgColor-rest": {
|
|
@@ -20580,7 +20580,7 @@
|
|
|
20580
20580
|
}
|
|
20581
20581
|
}
|
|
20582
20582
|
},
|
|
20583
|
-
"alpha": 0.
|
|
20583
|
+
"alpha": 0.225,
|
|
20584
20584
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20585
20585
|
"isSource": true,
|
|
20586
20586
|
"original": {
|
|
@@ -20658,13 +20658,13 @@
|
|
|
20658
20658
|
}
|
|
20659
20659
|
}
|
|
20660
20660
|
},
|
|
20661
|
-
"alpha": 0.
|
|
20661
|
+
"alpha": 0.225,
|
|
20662
20662
|
"key": "{control.transparent.bgColor.selected}"
|
|
20663
20663
|
},
|
|
20664
20664
|
"name": "control-transparent-bgColor-selected",
|
|
20665
20665
|
"attributes": {},
|
|
20666
20666
|
"path": ["control", "transparent", "bgColor", "selected"],
|
|
20667
|
-
"value": "#
|
|
20667
|
+
"value": "#6c786f39",
|
|
20668
20668
|
"type": "color"
|
|
20669
20669
|
},
|
|
20670
20670
|
"control-transparent-borderColor-active": {
|
|
@@ -8918,7 +8918,7 @@
|
|
|
8918
8918
|
},
|
|
8919
8919
|
"org.primer.overrides": {
|
|
8920
8920
|
"dark": {
|
|
8921
|
-
"$value": "#
|
|
8921
|
+
"$value": "#6c786f39",
|
|
8922
8922
|
"filePath": "src/tokens/component/button.json5",
|
|
8923
8923
|
"isSource": true,
|
|
8924
8924
|
"$type": "color"
|
|
@@ -8992,7 +8992,7 @@
|
|
|
8992
8992
|
"name": "button-invisible-bgColor-active",
|
|
8993
8993
|
"attributes": {},
|
|
8994
8994
|
"path": ["button", "invisible", "bgColor", "active"],
|
|
8995
|
-
"value": "#
|
|
8995
|
+
"value": "#6c786f39",
|
|
8996
8996
|
"type": "color"
|
|
8997
8997
|
},
|
|
8998
8998
|
"button-invisible-bgColor-disabled": {
|
|
@@ -9050,7 +9050,7 @@
|
|
|
9050
9050
|
},
|
|
9051
9051
|
"org.primer.overrides": {
|
|
9052
9052
|
"dark": {
|
|
9053
|
-
"$value": "#
|
|
9053
|
+
"$value": "#6c786f1c",
|
|
9054
9054
|
"filePath": "src/tokens/component/button.json5",
|
|
9055
9055
|
"isSource": true,
|
|
9056
9056
|
"$type": "color"
|
|
@@ -9166,7 +9166,7 @@
|
|
|
9166
9166
|
"name": "button-invisible-bgColor-hover",
|
|
9167
9167
|
"attributes": {},
|
|
9168
9168
|
"path": ["button", "invisible", "bgColor", "hover"],
|
|
9169
|
-
"value": "#
|
|
9169
|
+
"value": "#6c786f1c",
|
|
9170
9170
|
"type": "color"
|
|
9171
9171
|
},
|
|
9172
9172
|
"button-invisible-bgColor-rest": {
|
|
@@ -14093,7 +14093,7 @@
|
|
|
14093
14093
|
"name": "buttonKeybindingHint-invisible-bgColor-active",
|
|
14094
14094
|
"attributes": {},
|
|
14095
14095
|
"path": ["buttonKeybindingHint", "invisible", "bgColor", "active"],
|
|
14096
|
-
"value": "#
|
|
14096
|
+
"value": "#6c786f39",
|
|
14097
14097
|
"type": "color"
|
|
14098
14098
|
},
|
|
14099
14099
|
"buttonKeybindingHint-invisible-bgColor-disabled": {
|
|
@@ -14151,7 +14151,7 @@
|
|
|
14151
14151
|
"name": "buttonKeybindingHint-invisible-bgColor-hover",
|
|
14152
14152
|
"attributes": {},
|
|
14153
14153
|
"path": ["buttonKeybindingHint", "invisible", "bgColor", "hover"],
|
|
14154
|
-
"value": "#
|
|
14154
|
+
"value": "#6c786f1c",
|
|
14155
14155
|
"type": "color"
|
|
14156
14156
|
},
|
|
14157
14157
|
"buttonKeybindingHint-invisible-bgColor-rest": {
|
|
@@ -20174,7 +20174,7 @@
|
|
|
20174
20174
|
}
|
|
20175
20175
|
}
|
|
20176
20176
|
},
|
|
20177
|
-
"alpha": 0.
|
|
20177
|
+
"alpha": 0.225,
|
|
20178
20178
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20179
20179
|
"isSource": true,
|
|
20180
20180
|
"original": {
|
|
@@ -20252,13 +20252,13 @@
|
|
|
20252
20252
|
}
|
|
20253
20253
|
}
|
|
20254
20254
|
},
|
|
20255
|
-
"alpha": 0.
|
|
20255
|
+
"alpha": 0.225,
|
|
20256
20256
|
"key": "{control.transparent.bgColor.active}"
|
|
20257
20257
|
},
|
|
20258
20258
|
"name": "control-transparent-bgColor-active",
|
|
20259
20259
|
"attributes": {},
|
|
20260
20260
|
"path": ["control", "transparent", "bgColor", "active"],
|
|
20261
|
-
"value": "#
|
|
20261
|
+
"value": "#6c786f39",
|
|
20262
20262
|
"type": "color"
|
|
20263
20263
|
},
|
|
20264
20264
|
"control-transparent-bgColor-disabled": {
|
|
@@ -20370,7 +20370,7 @@
|
|
|
20370
20370
|
}
|
|
20371
20371
|
}
|
|
20372
20372
|
},
|
|
20373
|
-
"alpha": 0.
|
|
20373
|
+
"alpha": 0.11,
|
|
20374
20374
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20375
20375
|
"isSource": true,
|
|
20376
20376
|
"original": {
|
|
@@ -20448,13 +20448,13 @@
|
|
|
20448
20448
|
}
|
|
20449
20449
|
}
|
|
20450
20450
|
},
|
|
20451
|
-
"alpha": 0.
|
|
20451
|
+
"alpha": 0.11,
|
|
20452
20452
|
"key": "{control.transparent.bgColor.hover}"
|
|
20453
20453
|
},
|
|
20454
20454
|
"name": "control-transparent-bgColor-hover",
|
|
20455
20455
|
"attributes": {},
|
|
20456
20456
|
"path": ["control", "transparent", "bgColor", "hover"],
|
|
20457
|
-
"value": "#
|
|
20457
|
+
"value": "#6c786f1c",
|
|
20458
20458
|
"type": "color"
|
|
20459
20459
|
},
|
|
20460
20460
|
"control-transparent-bgColor-rest": {
|
|
@@ -20566,7 +20566,7 @@
|
|
|
20566
20566
|
}
|
|
20567
20567
|
}
|
|
20568
20568
|
},
|
|
20569
|
-
"alpha": 0.
|
|
20569
|
+
"alpha": 0.225,
|
|
20570
20570
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20571
20571
|
"isSource": true,
|
|
20572
20572
|
"original": {
|
|
@@ -20644,13 +20644,13 @@
|
|
|
20644
20644
|
}
|
|
20645
20645
|
}
|
|
20646
20646
|
},
|
|
20647
|
-
"alpha": 0.
|
|
20647
|
+
"alpha": 0.225,
|
|
20648
20648
|
"key": "{control.transparent.bgColor.selected}"
|
|
20649
20649
|
},
|
|
20650
20650
|
"name": "control-transparent-bgColor-selected",
|
|
20651
20651
|
"attributes": {},
|
|
20652
20652
|
"path": ["control", "transparent", "bgColor", "selected"],
|
|
20653
|
-
"value": "#
|
|
20653
|
+
"value": "#6c786f39",
|
|
20654
20654
|
"type": "color"
|
|
20655
20655
|
},
|
|
20656
20656
|
"control-transparent-borderColor-active": {
|
|
@@ -2415,10 +2415,10 @@
|
|
|
2415
2415
|
"r": 0.4235294117647059,
|
|
2416
2416
|
"g": 0.47058823529411764,
|
|
2417
2417
|
"b": 0.43529411764705883,
|
|
2418
|
-
"a": 0.
|
|
2418
|
+
"a": 0.11
|
|
2419
2419
|
},
|
|
2420
2420
|
"type": "COLOR",
|
|
2421
|
-
"alpha": 0.
|
|
2421
|
+
"alpha": 0.11,
|
|
2422
2422
|
"refId": "mode/control/transparent/bgColor/hover",
|
|
2423
2423
|
"reference": "base/color/light/base/color/neutral/8",
|
|
2424
2424
|
"collection": "mode",
|
|
@@ -2432,10 +2432,10 @@
|
|
|
2432
2432
|
"r": 0.4235294117647059,
|
|
2433
2433
|
"g": 0.47058823529411764,
|
|
2434
2434
|
"b": 0.43529411764705883,
|
|
2435
|
-
"a": 0.
|
|
2435
|
+
"a": 0.225
|
|
2436
2436
|
},
|
|
2437
2437
|
"type": "COLOR",
|
|
2438
|
-
"alpha": 0.
|
|
2438
|
+
"alpha": 0.225,
|
|
2439
2439
|
"refId": "mode/control/transparent/bgColor/active",
|
|
2440
2440
|
"reference": "base/color/light/base/color/neutral/8",
|
|
2441
2441
|
"collection": "mode",
|
|
@@ -2465,10 +2465,10 @@
|
|
|
2465
2465
|
"r": 0.4235294117647059,
|
|
2466
2466
|
"g": 0.47058823529411764,
|
|
2467
2467
|
"b": 0.43529411764705883,
|
|
2468
|
-
"a": 0.
|
|
2468
|
+
"a": 0.225
|
|
2469
2469
|
},
|
|
2470
2470
|
"type": "COLOR",
|
|
2471
|
-
"alpha": 0.
|
|
2471
|
+
"alpha": 0.225,
|
|
2472
2472
|
"refId": "mode/control/transparent/bgColor/selected",
|
|
2473
2473
|
"reference": "base/color/light/base/color/neutral/8",
|
|
2474
2474
|
"collection": "mode",
|
|
@@ -11539,7 +11539,7 @@
|
|
|
11539
11539
|
"r": 0.4235294117647059,
|
|
11540
11540
|
"g": 0.47058823529411764,
|
|
11541
11541
|
"b": 0.43529411764705883,
|
|
11542
|
-
"a": 0.
|
|
11542
|
+
"a": 0.11
|
|
11543
11543
|
},
|
|
11544
11544
|
"type": "COLOR",
|
|
11545
11545
|
"refId": "mode/button/invisible/bgColor/hover",
|
|
@@ -11555,7 +11555,7 @@
|
|
|
11555
11555
|
"r": 0.4235294117647059,
|
|
11556
11556
|
"g": 0.47058823529411764,
|
|
11557
11557
|
"b": 0.43529411764705883,
|
|
11558
|
-
"a": 0.
|
|
11558
|
+
"a": 0.225
|
|
11559
11559
|
},
|
|
11560
11560
|
"type": "COLOR",
|
|
11561
11561
|
"refId": "mode/button/invisible/bgColor/active",
|
|
@@ -12529,7 +12529,7 @@
|
|
|
12529
12529
|
"r": 0.4235294117647059,
|
|
12530
12530
|
"g": 0.47058823529411764,
|
|
12531
12531
|
"b": 0.43529411764705883,
|
|
12532
|
-
"a": 0.
|
|
12532
|
+
"a": 0.11
|
|
12533
12533
|
},
|
|
12534
12534
|
"type": "COLOR",
|
|
12535
12535
|
"refId": "mode/buttonKeybindingHint/invisible/bgColor/hover",
|
|
@@ -12545,7 +12545,7 @@
|
|
|
12545
12545
|
"r": 0.4235294117647059,
|
|
12546
12546
|
"g": 0.47058823529411764,
|
|
12547
12547
|
"b": 0.43529411764705883,
|
|
12548
|
-
"a": 0.
|
|
12548
|
+
"a": 0.225
|
|
12549
12549
|
},
|
|
12550
12550
|
"type": "COLOR",
|
|
12551
12551
|
"refId": "mode/buttonKeybindingHint/invisible/bgColor/active",
|
|
@@ -2415,10 +2415,10 @@
|
|
|
2415
2415
|
"r": 0.4235294117647059,
|
|
2416
2416
|
"g": 0.47058823529411764,
|
|
2417
2417
|
"b": 0.43529411764705883,
|
|
2418
|
-
"a": 0.
|
|
2418
|
+
"a": 0.11
|
|
2419
2419
|
},
|
|
2420
2420
|
"type": "COLOR",
|
|
2421
|
-
"alpha": 0.
|
|
2421
|
+
"alpha": 0.11,
|
|
2422
2422
|
"refId": "mode/control/transparent/bgColor/hover",
|
|
2423
2423
|
"reference": "base/color/light/base/color/neutral/8",
|
|
2424
2424
|
"collection": "mode",
|
|
@@ -2432,10 +2432,10 @@
|
|
|
2432
2432
|
"r": 0.4235294117647059,
|
|
2433
2433
|
"g": 0.47058823529411764,
|
|
2434
2434
|
"b": 0.43529411764705883,
|
|
2435
|
-
"a": 0.
|
|
2435
|
+
"a": 0.225
|
|
2436
2436
|
},
|
|
2437
2437
|
"type": "COLOR",
|
|
2438
|
-
"alpha": 0.
|
|
2438
|
+
"alpha": 0.225,
|
|
2439
2439
|
"refId": "mode/control/transparent/bgColor/active",
|
|
2440
2440
|
"reference": "base/color/light/base/color/neutral/8",
|
|
2441
2441
|
"collection": "mode",
|
|
@@ -2465,10 +2465,10 @@
|
|
|
2465
2465
|
"r": 0.4235294117647059,
|
|
2466
2466
|
"g": 0.47058823529411764,
|
|
2467
2467
|
"b": 0.43529411764705883,
|
|
2468
|
-
"a": 0.
|
|
2468
|
+
"a": 0.225
|
|
2469
2469
|
},
|
|
2470
2470
|
"type": "COLOR",
|
|
2471
|
-
"alpha": 0.
|
|
2471
|
+
"alpha": 0.225,
|
|
2472
2472
|
"refId": "mode/control/transparent/bgColor/selected",
|
|
2473
2473
|
"reference": "base/color/light/base/color/neutral/8",
|
|
2474
2474
|
"collection": "mode",
|
|
@@ -11538,7 +11538,7 @@
|
|
|
11538
11538
|
"r": 0.4235294117647059,
|
|
11539
11539
|
"g": 0.47058823529411764,
|
|
11540
11540
|
"b": 0.43529411764705883,
|
|
11541
|
-
"a": 0.
|
|
11541
|
+
"a": 0.11
|
|
11542
11542
|
},
|
|
11543
11543
|
"type": "COLOR",
|
|
11544
11544
|
"refId": "mode/button/invisible/bgColor/hover",
|
|
@@ -11554,7 +11554,7 @@
|
|
|
11554
11554
|
"r": 0.4235294117647059,
|
|
11555
11555
|
"g": 0.47058823529411764,
|
|
11556
11556
|
"b": 0.43529411764705883,
|
|
11557
|
-
"a": 0.
|
|
11557
|
+
"a": 0.225
|
|
11558
11558
|
},
|
|
11559
11559
|
"type": "COLOR",
|
|
11560
11560
|
"refId": "mode/button/invisible/bgColor/active",
|
|
@@ -12527,7 +12527,7 @@
|
|
|
12527
12527
|
"r": 0.4235294117647059,
|
|
12528
12528
|
"g": 0.47058823529411764,
|
|
12529
12529
|
"b": 0.43529411764705883,
|
|
12530
|
-
"a": 0.
|
|
12530
|
+
"a": 0.11
|
|
12531
12531
|
},
|
|
12532
12532
|
"type": "COLOR",
|
|
12533
12533
|
"refId": "mode/buttonKeybindingHint/invisible/bgColor/hover",
|
|
@@ -12543,7 +12543,7 @@
|
|
|
12543
12543
|
"r": 0.4235294117647059,
|
|
12544
12544
|
"g": 0.47058823529411764,
|
|
12545
12545
|
"b": 0.43529411764705883,
|
|
12546
|
-
"a": 0.
|
|
12546
|
+
"a": 0.225
|
|
12547
12547
|
},
|
|
12548
12548
|
"type": "COLOR",
|
|
12549
12549
|
"refId": "mode/buttonKeybindingHint/invisible/bgColor/active",
|
|
@@ -2412,10 +2412,10 @@
|
|
|
2412
2412
|
"r": 0.4235294117647059,
|
|
2413
2413
|
"g": 0.47058823529411764,
|
|
2414
2414
|
"b": 0.43529411764705883,
|
|
2415
|
-
"a": 0.
|
|
2415
|
+
"a": 0.11
|
|
2416
2416
|
},
|
|
2417
2417
|
"type": "COLOR",
|
|
2418
|
-
"alpha": 0.
|
|
2418
|
+
"alpha": 0.11,
|
|
2419
2419
|
"refId": "mode/control/transparent/bgColor/hover",
|
|
2420
2420
|
"reference": "base/color/light/base/color/neutral/8",
|
|
2421
2421
|
"collection": "mode",
|
|
@@ -2429,10 +2429,10 @@
|
|
|
2429
2429
|
"r": 0.4235294117647059,
|
|
2430
2430
|
"g": 0.47058823529411764,
|
|
2431
2431
|
"b": 0.43529411764705883,
|
|
2432
|
-
"a": 0.
|
|
2432
|
+
"a": 0.225
|
|
2433
2433
|
},
|
|
2434
2434
|
"type": "COLOR",
|
|
2435
|
-
"alpha": 0.
|
|
2435
|
+
"alpha": 0.225,
|
|
2436
2436
|
"refId": "mode/control/transparent/bgColor/active",
|
|
2437
2437
|
"reference": "base/color/light/base/color/neutral/8",
|
|
2438
2438
|
"collection": "mode",
|
|
@@ -2462,10 +2462,10 @@
|
|
|
2462
2462
|
"r": 0.4235294117647059,
|
|
2463
2463
|
"g": 0.47058823529411764,
|
|
2464
2464
|
"b": 0.43529411764705883,
|
|
2465
|
-
"a": 0.
|
|
2465
|
+
"a": 0.225
|
|
2466
2466
|
},
|
|
2467
2467
|
"type": "COLOR",
|
|
2468
|
-
"alpha": 0.
|
|
2468
|
+
"alpha": 0.225,
|
|
2469
2469
|
"refId": "mode/control/transparent/bgColor/selected",
|
|
2470
2470
|
"reference": "base/color/light/base/color/neutral/8",
|
|
2471
2471
|
"collection": "mode",
|
|
@@ -11537,7 +11537,7 @@
|
|
|
11537
11537
|
"r": 0.4235294117647059,
|
|
11538
11538
|
"g": 0.47058823529411764,
|
|
11539
11539
|
"b": 0.43529411764705883,
|
|
11540
|
-
"a": 0.
|
|
11540
|
+
"a": 0.11
|
|
11541
11541
|
},
|
|
11542
11542
|
"type": "COLOR",
|
|
11543
11543
|
"refId": "mode/button/invisible/bgColor/hover",
|
|
@@ -11553,7 +11553,7 @@
|
|
|
11553
11553
|
"r": 0.4235294117647059,
|
|
11554
11554
|
"g": 0.47058823529411764,
|
|
11555
11555
|
"b": 0.43529411764705883,
|
|
11556
|
-
"a": 0.
|
|
11556
|
+
"a": 0.225
|
|
11557
11557
|
},
|
|
11558
11558
|
"type": "COLOR",
|
|
11559
11559
|
"refId": "mode/button/invisible/bgColor/active",
|
|
@@ -12526,7 +12526,7 @@
|
|
|
12526
12526
|
"r": 0.4235294117647059,
|
|
12527
12527
|
"g": 0.47058823529411764,
|
|
12528
12528
|
"b": 0.43529411764705883,
|
|
12529
|
-
"a": 0.
|
|
12529
|
+
"a": 0.11
|
|
12530
12530
|
},
|
|
12531
12531
|
"type": "COLOR",
|
|
12532
12532
|
"refId": "mode/buttonKeybindingHint/invisible/bgColor/hover",
|
|
@@ -12542,7 +12542,7 @@
|
|
|
12542
12542
|
"r": 0.4235294117647059,
|
|
12543
12543
|
"g": 0.47058823529411764,
|
|
12544
12544
|
"b": 0.43529411764705883,
|
|
12545
|
-
"a": 0.
|
|
12545
|
+
"a": 0.225
|
|
12546
12546
|
},
|
|
12547
12547
|
"type": "COLOR",
|
|
12548
12548
|
"refId": "mode/buttonKeybindingHint/invisible/bgColor/active",
|
|
@@ -562,10 +562,10 @@
|
|
|
562
562
|
--control-checked-bgColor-active: var(--base-color-blue-10);
|
|
563
563
|
--control-checked-bgColor-hover: var(--base-color-blue-9);
|
|
564
564
|
--control-fgColor-rest: var(--base-color-neutral-12);
|
|
565
|
-
--control-transparent-bgColor-active: #
|
|
566
|
-
--control-transparent-bgColor-hover: #
|
|
565
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
566
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
567
567
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
568
|
-
--control-transparent-bgColor-selected: #
|
|
568
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
569
569
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
570
570
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
571
571
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
@@ -1988,10 +1988,10 @@
|
|
|
1988
1988
|
--control-checked-bgColor-active: var(--base-color-blue-10);
|
|
1989
1989
|
--control-checked-bgColor-hover: var(--base-color-blue-9);
|
|
1990
1990
|
--control-fgColor-rest: var(--base-color-neutral-12);
|
|
1991
|
-
--control-transparent-bgColor-active: #
|
|
1992
|
-
--control-transparent-bgColor-hover: #
|
|
1991
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
1992
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
1993
1993
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1994
|
-
--control-transparent-bgColor-selected: #
|
|
1994
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
1995
1995
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1996
1996
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1997
1997
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
@@ -568,10 +568,10 @@
|
|
|
568
568
|
--control-danger-fgColor-hover: var(--fgColor-danger);
|
|
569
569
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
570
570
|
--control-fgColor-rest: var(--base-color-neutral-12);
|
|
571
|
-
--control-transparent-bgColor-active: #
|
|
572
|
-
--control-transparent-bgColor-hover: #
|
|
571
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
572
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
573
573
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
574
|
-
--control-transparent-bgColor-selected: #
|
|
574
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
575
575
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
576
576
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
577
577
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
@@ -1994,10 +1994,10 @@
|
|
|
1994
1994
|
--control-danger-fgColor-hover: var(--fgColor-danger);
|
|
1995
1995
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
1996
1996
|
--control-fgColor-rest: var(--base-color-neutral-12);
|
|
1997
|
-
--control-transparent-bgColor-active: #
|
|
1998
|
-
--control-transparent-bgColor-hover: #
|
|
1997
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
1998
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
1999
1999
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
2000
|
-
--control-transparent-bgColor-selected: #
|
|
2000
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
2001
2001
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
2002
2002
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
2003
2003
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
@@ -564,10 +564,10 @@
|
|
|
564
564
|
--control-danger-fgColor-hover: var(--fgColor-danger);
|
|
565
565
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
566
566
|
--control-fgColor-rest: var(--base-color-neutral-12);
|
|
567
|
-
--control-transparent-bgColor-active: #
|
|
568
|
-
--control-transparent-bgColor-hover: #
|
|
567
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
568
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
569
569
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
570
|
-
--control-transparent-bgColor-selected: #
|
|
570
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
571
571
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
572
572
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
573
573
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
@@ -1990,10 +1990,10 @@
|
|
|
1990
1990
|
--control-danger-fgColor-hover: var(--fgColor-danger);
|
|
1991
1991
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
1992
1992
|
--control-fgColor-rest: var(--base-color-neutral-12);
|
|
1993
|
-
--control-transparent-bgColor-active: #
|
|
1994
|
-
--control-transparent-bgColor-hover: #
|
|
1993
|
+
--control-transparent-bgColor-active: #6c786f39;
|
|
1994
|
+
--control-transparent-bgColor-hover: #6c786f1c;
|
|
1995
1995
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1996
|
-
--control-transparent-bgColor-selected: #
|
|
1996
|
+
--control-transparent-bgColor-selected: #6c786f39;
|
|
1997
1997
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1998
1998
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1999
1999
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
@@ -9036,7 +9036,7 @@
|
|
|
9036
9036
|
},
|
|
9037
9037
|
"button-invisible-bgColor-active": {
|
|
9038
9038
|
"key": "{button.invisible.bgColor.active}",
|
|
9039
|
-
"$value": "#
|
|
9039
|
+
"$value": "#6c786f39",
|
|
9040
9040
|
"$type": "color",
|
|
9041
9041
|
"$extensions": {
|
|
9042
9042
|
"org.primer.figma": {
|
|
@@ -9046,7 +9046,7 @@
|
|
|
9046
9046
|
},
|
|
9047
9047
|
"org.primer.overrides": {
|
|
9048
9048
|
"dark": {
|
|
9049
|
-
"$value": "#
|
|
9049
|
+
"$value": "#6c786f39",
|
|
9050
9050
|
"filePath": "src/tokens/component/button.json5",
|
|
9051
9051
|
"isSource": true,
|
|
9052
9052
|
"$type": "color"
|
|
@@ -9168,7 +9168,7 @@
|
|
|
9168
9168
|
},
|
|
9169
9169
|
"button-invisible-bgColor-hover": {
|
|
9170
9170
|
"key": "{button.invisible.bgColor.hover}",
|
|
9171
|
-
"$value": "#
|
|
9171
|
+
"$value": "#6c786f1c",
|
|
9172
9172
|
"$type": "color",
|
|
9173
9173
|
"$extensions": {
|
|
9174
9174
|
"org.primer.figma": {
|
|
@@ -9178,7 +9178,7 @@
|
|
|
9178
9178
|
},
|
|
9179
9179
|
"org.primer.overrides": {
|
|
9180
9180
|
"dark": {
|
|
9181
|
-
"$value": "#
|
|
9181
|
+
"$value": "#6c786f1c",
|
|
9182
9182
|
"filePath": "src/tokens/component/button.json5",
|
|
9183
9183
|
"isSource": true,
|
|
9184
9184
|
"$type": "color"
|
|
@@ -14199,7 +14199,7 @@
|
|
|
14199
14199
|
},
|
|
14200
14200
|
"buttonKeybindingHint-invisible-bgColor-active": {
|
|
14201
14201
|
"key": "{buttonKeybindingHint.invisible.bgColor.active}",
|
|
14202
|
-
"$value": "#
|
|
14202
|
+
"$value": "#6c786f39",
|
|
14203
14203
|
"$type": "color",
|
|
14204
14204
|
"$extensions": {
|
|
14205
14205
|
"org.primer.figma": {
|
|
@@ -14257,7 +14257,7 @@
|
|
|
14257
14257
|
},
|
|
14258
14258
|
"buttonKeybindingHint-invisible-bgColor-hover": {
|
|
14259
14259
|
"key": "{buttonKeybindingHint.invisible.bgColor.hover}",
|
|
14260
|
-
"$value": "#
|
|
14260
|
+
"$value": "#6c786f1c",
|
|
14261
14261
|
"$type": "color",
|
|
14262
14262
|
"$extensions": {
|
|
14263
14263
|
"org.primer.figma": {
|
|
@@ -20232,7 +20232,7 @@
|
|
|
20232
20232
|
},
|
|
20233
20233
|
"control-transparent-bgColor-active": {
|
|
20234
20234
|
"key": "{control.transparent.bgColor.active}",
|
|
20235
|
-
"$value": "#
|
|
20235
|
+
"$value": "#6c786f39",
|
|
20236
20236
|
"$type": "color",
|
|
20237
20237
|
"$extensions": {
|
|
20238
20238
|
"org.primer.figma": {
|
|
@@ -20306,7 +20306,7 @@
|
|
|
20306
20306
|
}
|
|
20307
20307
|
}
|
|
20308
20308
|
},
|
|
20309
|
-
"alpha": 0.
|
|
20309
|
+
"alpha": 0.225,
|
|
20310
20310
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20311
20311
|
"isSource": true,
|
|
20312
20312
|
"original": {
|
|
@@ -20384,7 +20384,7 @@
|
|
|
20384
20384
|
}
|
|
20385
20385
|
}
|
|
20386
20386
|
},
|
|
20387
|
-
"alpha": 0.
|
|
20387
|
+
"alpha": 0.225,
|
|
20388
20388
|
"key": "{control.transparent.bgColor.active}"
|
|
20389
20389
|
},
|
|
20390
20390
|
"name": "control-transparent-bgColor-active",
|
|
@@ -20428,7 +20428,7 @@
|
|
|
20428
20428
|
},
|
|
20429
20429
|
"control-transparent-bgColor-hover": {
|
|
20430
20430
|
"key": "{control.transparent.bgColor.hover}",
|
|
20431
|
-
"$value": "#
|
|
20431
|
+
"$value": "#6c786f1c",
|
|
20432
20432
|
"$type": "color",
|
|
20433
20433
|
"$extensions": {
|
|
20434
20434
|
"org.primer.figma": {
|
|
@@ -20502,7 +20502,7 @@
|
|
|
20502
20502
|
}
|
|
20503
20503
|
}
|
|
20504
20504
|
},
|
|
20505
|
-
"alpha": 0.
|
|
20505
|
+
"alpha": 0.11,
|
|
20506
20506
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20507
20507
|
"isSource": true,
|
|
20508
20508
|
"original": {
|
|
@@ -20580,7 +20580,7 @@
|
|
|
20580
20580
|
}
|
|
20581
20581
|
}
|
|
20582
20582
|
},
|
|
20583
|
-
"alpha": 0.
|
|
20583
|
+
"alpha": 0.11,
|
|
20584
20584
|
"key": "{control.transparent.bgColor.hover}"
|
|
20585
20585
|
},
|
|
20586
20586
|
"name": "control-transparent-bgColor-hover",
|
|
@@ -20624,7 +20624,7 @@
|
|
|
20624
20624
|
},
|
|
20625
20625
|
"control-transparent-bgColor-selected": {
|
|
20626
20626
|
"key": "{control.transparent.bgColor.selected}",
|
|
20627
|
-
"$value": "#
|
|
20627
|
+
"$value": "#6c786f39",
|
|
20628
20628
|
"$type": "color",
|
|
20629
20629
|
"$extensions": {
|
|
20630
20630
|
"org.primer.figma": {
|
|
@@ -20698,7 +20698,7 @@
|
|
|
20698
20698
|
}
|
|
20699
20699
|
}
|
|
20700
20700
|
},
|
|
20701
|
-
"alpha": 0.
|
|
20701
|
+
"alpha": 0.225,
|
|
20702
20702
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20703
20703
|
"isSource": true,
|
|
20704
20704
|
"original": {
|
|
@@ -20776,7 +20776,7 @@
|
|
|
20776
20776
|
}
|
|
20777
20777
|
}
|
|
20778
20778
|
},
|
|
20779
|
-
"alpha": 0.
|
|
20779
|
+
"alpha": 0.225,
|
|
20780
20780
|
"key": "{control.transparent.bgColor.selected}"
|
|
20781
20781
|
},
|
|
20782
20782
|
"name": "control-transparent-bgColor-selected",
|
|
@@ -9036,7 +9036,7 @@
|
|
|
9036
9036
|
},
|
|
9037
9037
|
"button-invisible-bgColor-active": {
|
|
9038
9038
|
"key": "{button.invisible.bgColor.active}",
|
|
9039
|
-
"$value": "#
|
|
9039
|
+
"$value": "#6c786f39",
|
|
9040
9040
|
"$type": "color",
|
|
9041
9041
|
"$extensions": {
|
|
9042
9042
|
"org.primer.figma": {
|
|
@@ -9046,7 +9046,7 @@
|
|
|
9046
9046
|
},
|
|
9047
9047
|
"org.primer.overrides": {
|
|
9048
9048
|
"dark": {
|
|
9049
|
-
"$value": "#
|
|
9049
|
+
"$value": "#6c786f39",
|
|
9050
9050
|
"filePath": "src/tokens/component/button.json5",
|
|
9051
9051
|
"isSource": true,
|
|
9052
9052
|
"$type": "color"
|
|
@@ -9168,7 +9168,7 @@
|
|
|
9168
9168
|
},
|
|
9169
9169
|
"button-invisible-bgColor-hover": {
|
|
9170
9170
|
"key": "{button.invisible.bgColor.hover}",
|
|
9171
|
-
"$value": "#
|
|
9171
|
+
"$value": "#6c786f1c",
|
|
9172
9172
|
"$type": "color",
|
|
9173
9173
|
"$extensions": {
|
|
9174
9174
|
"org.primer.figma": {
|
|
@@ -9178,7 +9178,7 @@
|
|
|
9178
9178
|
},
|
|
9179
9179
|
"org.primer.overrides": {
|
|
9180
9180
|
"dark": {
|
|
9181
|
-
"$value": "#
|
|
9181
|
+
"$value": "#6c786f1c",
|
|
9182
9182
|
"filePath": "src/tokens/component/button.json5",
|
|
9183
9183
|
"isSource": true,
|
|
9184
9184
|
"$type": "color"
|
|
@@ -14203,7 +14203,7 @@
|
|
|
14203
14203
|
},
|
|
14204
14204
|
"buttonKeybindingHint-invisible-bgColor-active": {
|
|
14205
14205
|
"key": "{buttonKeybindingHint.invisible.bgColor.active}",
|
|
14206
|
-
"$value": "#
|
|
14206
|
+
"$value": "#6c786f39",
|
|
14207
14207
|
"$type": "color",
|
|
14208
14208
|
"$extensions": {
|
|
14209
14209
|
"org.primer.figma": {
|
|
@@ -14261,7 +14261,7 @@
|
|
|
14261
14261
|
},
|
|
14262
14262
|
"buttonKeybindingHint-invisible-bgColor-hover": {
|
|
14263
14263
|
"key": "{buttonKeybindingHint.invisible.bgColor.hover}",
|
|
14264
|
-
"$value": "#
|
|
14264
|
+
"$value": "#6c786f1c",
|
|
14265
14265
|
"$type": "color",
|
|
14266
14266
|
"$extensions": {
|
|
14267
14267
|
"org.primer.figma": {
|
|
@@ -20236,7 +20236,7 @@
|
|
|
20236
20236
|
},
|
|
20237
20237
|
"control-transparent-bgColor-active": {
|
|
20238
20238
|
"key": "{control.transparent.bgColor.active}",
|
|
20239
|
-
"$value": "#
|
|
20239
|
+
"$value": "#6c786f39",
|
|
20240
20240
|
"$type": "color",
|
|
20241
20241
|
"$extensions": {
|
|
20242
20242
|
"org.primer.figma": {
|
|
@@ -20310,7 +20310,7 @@
|
|
|
20310
20310
|
}
|
|
20311
20311
|
}
|
|
20312
20312
|
},
|
|
20313
|
-
"alpha": 0.
|
|
20313
|
+
"alpha": 0.225,
|
|
20314
20314
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20315
20315
|
"isSource": true,
|
|
20316
20316
|
"original": {
|
|
@@ -20388,7 +20388,7 @@
|
|
|
20388
20388
|
}
|
|
20389
20389
|
}
|
|
20390
20390
|
},
|
|
20391
|
-
"alpha": 0.
|
|
20391
|
+
"alpha": 0.225,
|
|
20392
20392
|
"key": "{control.transparent.bgColor.active}"
|
|
20393
20393
|
},
|
|
20394
20394
|
"name": "control-transparent-bgColor-active",
|
|
@@ -20432,7 +20432,7 @@
|
|
|
20432
20432
|
},
|
|
20433
20433
|
"control-transparent-bgColor-hover": {
|
|
20434
20434
|
"key": "{control.transparent.bgColor.hover}",
|
|
20435
|
-
"$value": "#
|
|
20435
|
+
"$value": "#6c786f1c",
|
|
20436
20436
|
"$type": "color",
|
|
20437
20437
|
"$extensions": {
|
|
20438
20438
|
"org.primer.figma": {
|
|
@@ -20506,7 +20506,7 @@
|
|
|
20506
20506
|
}
|
|
20507
20507
|
}
|
|
20508
20508
|
},
|
|
20509
|
-
"alpha": 0.
|
|
20509
|
+
"alpha": 0.11,
|
|
20510
20510
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20511
20511
|
"isSource": true,
|
|
20512
20512
|
"original": {
|
|
@@ -20584,7 +20584,7 @@
|
|
|
20584
20584
|
}
|
|
20585
20585
|
}
|
|
20586
20586
|
},
|
|
20587
|
-
"alpha": 0.
|
|
20587
|
+
"alpha": 0.11,
|
|
20588
20588
|
"key": "{control.transparent.bgColor.hover}"
|
|
20589
20589
|
},
|
|
20590
20590
|
"name": "control-transparent-bgColor-hover",
|
|
@@ -20628,7 +20628,7 @@
|
|
|
20628
20628
|
},
|
|
20629
20629
|
"control-transparent-bgColor-selected": {
|
|
20630
20630
|
"key": "{control.transparent.bgColor.selected}",
|
|
20631
|
-
"$value": "#
|
|
20631
|
+
"$value": "#6c786f39",
|
|
20632
20632
|
"$type": "color",
|
|
20633
20633
|
"$extensions": {
|
|
20634
20634
|
"org.primer.figma": {
|
|
@@ -20702,7 +20702,7 @@
|
|
|
20702
20702
|
}
|
|
20703
20703
|
}
|
|
20704
20704
|
},
|
|
20705
|
-
"alpha": 0.
|
|
20705
|
+
"alpha": 0.225,
|
|
20706
20706
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20707
20707
|
"isSource": true,
|
|
20708
20708
|
"original": {
|
|
@@ -20780,7 +20780,7 @@
|
|
|
20780
20780
|
}
|
|
20781
20781
|
}
|
|
20782
20782
|
},
|
|
20783
|
-
"alpha": 0.
|
|
20783
|
+
"alpha": 0.225,
|
|
20784
20784
|
"key": "{control.transparent.bgColor.selected}"
|
|
20785
20785
|
},
|
|
20786
20786
|
"name": "control-transparent-bgColor-selected",
|
|
@@ -9030,7 +9030,7 @@
|
|
|
9030
9030
|
},
|
|
9031
9031
|
"button-invisible-bgColor-active": {
|
|
9032
9032
|
"key": "{button.invisible.bgColor.active}",
|
|
9033
|
-
"$value": "#
|
|
9033
|
+
"$value": "#6c786f39",
|
|
9034
9034
|
"$type": "color",
|
|
9035
9035
|
"$extensions": {
|
|
9036
9036
|
"org.primer.figma": {
|
|
@@ -9040,7 +9040,7 @@
|
|
|
9040
9040
|
},
|
|
9041
9041
|
"org.primer.overrides": {
|
|
9042
9042
|
"dark": {
|
|
9043
|
-
"$value": "#
|
|
9043
|
+
"$value": "#6c786f39",
|
|
9044
9044
|
"filePath": "src/tokens/component/button.json5",
|
|
9045
9045
|
"isSource": true,
|
|
9046
9046
|
"$type": "color"
|
|
@@ -9162,7 +9162,7 @@
|
|
|
9162
9162
|
},
|
|
9163
9163
|
"button-invisible-bgColor-hover": {
|
|
9164
9164
|
"key": "{button.invisible.bgColor.hover}",
|
|
9165
|
-
"$value": "#
|
|
9165
|
+
"$value": "#6c786f1c",
|
|
9166
9166
|
"$type": "color",
|
|
9167
9167
|
"$extensions": {
|
|
9168
9168
|
"org.primer.figma": {
|
|
@@ -9172,7 +9172,7 @@
|
|
|
9172
9172
|
},
|
|
9173
9173
|
"org.primer.overrides": {
|
|
9174
9174
|
"dark": {
|
|
9175
|
-
"$value": "#
|
|
9175
|
+
"$value": "#6c786f1c",
|
|
9176
9176
|
"filePath": "src/tokens/component/button.json5",
|
|
9177
9177
|
"isSource": true,
|
|
9178
9178
|
"$type": "color"
|
|
@@ -14189,7 +14189,7 @@
|
|
|
14189
14189
|
},
|
|
14190
14190
|
"buttonKeybindingHint-invisible-bgColor-active": {
|
|
14191
14191
|
"key": "{buttonKeybindingHint.invisible.bgColor.active}",
|
|
14192
|
-
"$value": "#
|
|
14192
|
+
"$value": "#6c786f39",
|
|
14193
14193
|
"$type": "color",
|
|
14194
14194
|
"$extensions": {
|
|
14195
14195
|
"org.primer.figma": {
|
|
@@ -14247,7 +14247,7 @@
|
|
|
14247
14247
|
},
|
|
14248
14248
|
"buttonKeybindingHint-invisible-bgColor-hover": {
|
|
14249
14249
|
"key": "{buttonKeybindingHint.invisible.bgColor.hover}",
|
|
14250
|
-
"$value": "#
|
|
14250
|
+
"$value": "#6c786f1c",
|
|
14251
14251
|
"$type": "color",
|
|
14252
14252
|
"$extensions": {
|
|
14253
14253
|
"org.primer.figma": {
|
|
@@ -20222,7 +20222,7 @@
|
|
|
20222
20222
|
},
|
|
20223
20223
|
"control-transparent-bgColor-active": {
|
|
20224
20224
|
"key": "{control.transparent.bgColor.active}",
|
|
20225
|
-
"$value": "#
|
|
20225
|
+
"$value": "#6c786f39",
|
|
20226
20226
|
"$type": "color",
|
|
20227
20227
|
"$extensions": {
|
|
20228
20228
|
"org.primer.figma": {
|
|
@@ -20296,7 +20296,7 @@
|
|
|
20296
20296
|
}
|
|
20297
20297
|
}
|
|
20298
20298
|
},
|
|
20299
|
-
"alpha": 0.
|
|
20299
|
+
"alpha": 0.225,
|
|
20300
20300
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20301
20301
|
"isSource": true,
|
|
20302
20302
|
"original": {
|
|
@@ -20374,7 +20374,7 @@
|
|
|
20374
20374
|
}
|
|
20375
20375
|
}
|
|
20376
20376
|
},
|
|
20377
|
-
"alpha": 0.
|
|
20377
|
+
"alpha": 0.225,
|
|
20378
20378
|
"key": "{control.transparent.bgColor.active}"
|
|
20379
20379
|
},
|
|
20380
20380
|
"name": "control-transparent-bgColor-active",
|
|
@@ -20418,7 +20418,7 @@
|
|
|
20418
20418
|
},
|
|
20419
20419
|
"control-transparent-bgColor-hover": {
|
|
20420
20420
|
"key": "{control.transparent.bgColor.hover}",
|
|
20421
|
-
"$value": "#
|
|
20421
|
+
"$value": "#6c786f1c",
|
|
20422
20422
|
"$type": "color",
|
|
20423
20423
|
"$extensions": {
|
|
20424
20424
|
"org.primer.figma": {
|
|
@@ -20492,7 +20492,7 @@
|
|
|
20492
20492
|
}
|
|
20493
20493
|
}
|
|
20494
20494
|
},
|
|
20495
|
-
"alpha": 0.
|
|
20495
|
+
"alpha": 0.11,
|
|
20496
20496
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20497
20497
|
"isSource": true,
|
|
20498
20498
|
"original": {
|
|
@@ -20570,7 +20570,7 @@
|
|
|
20570
20570
|
}
|
|
20571
20571
|
}
|
|
20572
20572
|
},
|
|
20573
|
-
"alpha": 0.
|
|
20573
|
+
"alpha": 0.11,
|
|
20574
20574
|
"key": "{control.transparent.bgColor.hover}"
|
|
20575
20575
|
},
|
|
20576
20576
|
"name": "control-transparent-bgColor-hover",
|
|
@@ -20614,7 +20614,7 @@
|
|
|
20614
20614
|
},
|
|
20615
20615
|
"control-transparent-bgColor-selected": {
|
|
20616
20616
|
"key": "{control.transparent.bgColor.selected}",
|
|
20617
|
-
"$value": "#
|
|
20617
|
+
"$value": "#6c786f39",
|
|
20618
20618
|
"$type": "color",
|
|
20619
20619
|
"$extensions": {
|
|
20620
20620
|
"org.primer.figma": {
|
|
@@ -20688,7 +20688,7 @@
|
|
|
20688
20688
|
}
|
|
20689
20689
|
}
|
|
20690
20690
|
},
|
|
20691
|
-
"alpha": 0.
|
|
20691
|
+
"alpha": 0.225,
|
|
20692
20692
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
20693
20693
|
"isSource": true,
|
|
20694
20694
|
"original": {
|
|
@@ -20766,7 +20766,7 @@
|
|
|
20766
20766
|
}
|
|
20767
20767
|
}
|
|
20768
20768
|
},
|
|
20769
|
-
"alpha": 0.
|
|
20769
|
+
"alpha": 0.225,
|
|
20770
20770
|
"key": "{control.transparent.bgColor.selected}"
|
|
20771
20771
|
},
|
|
20772
20772
|
"name": "control-transparent-bgColor-selected",
|
package/package.json
CHANGED
|
@@ -420,7 +420,7 @@
|
|
|
420
420
|
},
|
|
421
421
|
},
|
|
422
422
|
},
|
|
423
|
-
alpha: 0.
|
|
423
|
+
alpha: 0.11,
|
|
424
424
|
},
|
|
425
425
|
active: {
|
|
426
426
|
$value: '{base.color.neutral.8}',
|
|
@@ -470,7 +470,7 @@
|
|
|
470
470
|
},
|
|
471
471
|
},
|
|
472
472
|
},
|
|
473
|
-
alpha: 0.
|
|
473
|
+
alpha: 0.225,
|
|
474
474
|
},
|
|
475
475
|
disabled: {
|
|
476
476
|
$value: '{bgColor.disabled}',
|
|
@@ -534,7 +534,7 @@
|
|
|
534
534
|
},
|
|
535
535
|
},
|
|
536
536
|
},
|
|
537
|
-
alpha: 0.
|
|
537
|
+
alpha: 0.225,
|
|
538
538
|
},
|
|
539
539
|
},
|
|
540
540
|
borderColor: {
|