Skip to content

Commit 5cfa2f4

Browse files
lukasoppermannlukasoppermann
committed
add button shadows to button.json5
1 parent b42c1bb commit 5cfa2f4

File tree

2 files changed

+187
-197
lines changed

2 files changed

+187
-197
lines changed

‎src/tokens/component/button.json5

Lines changed: 187 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,6 +135,43 @@
135135
},
136136
},
137137
},
138+
},
139+
shadow: {
140+
resting: {
141+
$value: [
142+
{
143+
color: '{base.color.neutral.13}',
144+
alpha: 0.04,
145+
offsetX: '0px',
146+
offsetY: '1px',
147+
blur: '0px',
148+
spread: '0px',
149+
inset: false,
150+
},
151+
],
152+
$type: 'shadow',
153+
$extensions: {
154+
'org.primer.figma': {
155+
collection: 'mode',
156+
group: 'component shadow',
157+
},
158+
'org.primer.overrides': {
159+
dark: {
160+
$value: [
161+
{
162+
color: '{base.color.transparent}',
163+
alpha: 0,
164+
offsetX: '0px',
165+
offsetY: '0px',
166+
blur: '0px',
167+
spread: '0px',
168+
inset: false,
169+
},
170+
],
171+
},
172+
},
173+
},
174+
},
138175
},
139176
},
140177
primary: {
@@ -441,6 +478,69 @@
441478
},
442479
},
443480
},
481+
},
482+
shadow: {
483+
selected: {
484+
$value: [
485+
{
486+
color: '{base.color.green.9}',
487+
alpha: 0.3,
488+
offsetX: '0px',
489+
offsetY: '1px',
490+
blur: '0px',
491+
spread: '0px',
492+
inset: true,
493+
},
494+
],
495+
$type: 'shadow',
496+
$extensions: {
497+
'org.primer.figma': {
498+
collection: 'mode',
499+
group: 'component shadow',
500+
},
501+
'org.primer.overrides': {
502+
'light-tritanopia': {
503+
$value: [
504+
{
505+
color: '{base.color.blue.9}',
506+
alpha: 0.3,
507+
offsetX: '0px',
508+
offsetY: '1px',
509+
blur: '0px',
510+
spread: '0px',
511+
inset: true,
512+
},
513+
],
514+
},
515+
'light-protanopia-deuteranopia': {
516+
$value: [
517+
{
518+
color: '{base.color.blue.9}',
519+
alpha: 0.3,
520+
offsetX: '0px',
521+
offsetY: '1px',
522+
blur: '0px',
523+
spread: '0px',
524+
inset: true,
525+
},
526+
],
527+
},
528+
dark: {
529+
$value: [
530+
{
531+
color: '{base.color.transparent}',
532+
alpha: 0,
533+
offsetX: '0px',
534+
offsetY: '0px',
535+
blur: '0px',
536+
spread: '0px',
537+
inset: false,
538+
},
539+
],
540+
},
541+
},
542+
},
543+
},
444544
},
445545
},
446546
invisible: {
@@ -881,6 +981,43 @@
881981
},
882982
},
883983
},
984+
},
985+
shadow: {
986+
selected: {
987+
$value: [
988+
{
989+
color: '{base.color.blue.9}',
990+
alpha: 0.2,
991+
offsetX: '0px',
992+
offsetY: '1px',
993+
blur: '0px',
994+
spread: '0px',
995+
inset: true,
996+
},
997+
],
998+
$type: 'shadow',
999+
$extensions: {
1000+
'org.primer.figma': {
1001+
collection: 'mode',
1002+
group: 'component shadow',
1003+
},
1004+
'org.primer.overrides': {
1005+
dark: {
1006+
$value: [
1007+
{
1008+
color: '{base.color.transparent}',
1009+
alpha: 0,
1010+
offsetX: '0px',
1011+
offsetY: '0px',
1012+
blur: '0px',
1013+
spread: '0px',
1014+
inset: false,
1015+
},
1016+
],
1017+
},
1018+
},
1019+
},
1020+
},
8841021
},
8851022
},
8861023
danger: {
@@ -1151,6 +1288,56 @@
11511288
},
11521289
},
11531290
},
1291+
},
1292+
shadow: {
1293+
selected: {
1294+
$value: [
1295+
{
1296+
color: '{base.color.red.9}',
1297+
alpha: 0.2,
1298+
offsetX: '0px',
1299+
offsetY: '1px',
1300+
blur: '0px',
1301+
spread: '0px',
1302+
inset: true,
1303+
},
1304+
],
1305+
$type: 'shadow',
1306+
$extensions: {
1307+
'org.primer.figma': {
1308+
collection: 'mode',
1309+
group: 'component shadow',
1310+
},
1311+
'org.primer.overrides': {
1312+
'light-protanopia-deuteranopia': {
1313+
$value: [
1314+
{
1315+
color: '{base.color.orange.9}',
1316+
alpha: 0.2,
1317+
offsetX: '0px',
1318+
offsetY: '1px',
1319+
blur: '0px',
1320+
spread: '0px',
1321+
inset: true,
1322+
},
1323+
],
1324+
},
1325+
dark: {
1326+
$value: [
1327+
{
1328+
color: '{base.color.transparent}',
1329+
alpha: 0,
1330+
offsetX: '0px',
1331+
offsetY: '0px',
1332+
blur: '0px',
1333+
spread: '0px',
1334+
inset: false,
1335+
},
1336+
],
1337+
},
1338+
},
1339+
},
1340+
},
11541341
},
11551342
},
11561343
inactive: {

0 commit comments

Comments
 (0)