@primer/primitives 7.15.11-rc.f758d573 → 7.15.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +6 -4
  2. package/dist/css/functional/themes/dark-dimmed.css +10 -8
  3. package/dist/css/functional/themes/dark-high-contrast.css +6 -4
  4. package/dist/css/functional/themes/dark-tritanopia.css +6 -4
  5. package/dist/css/functional/themes/dark.css +6 -4
  6. package/dist/css/functional/themes/light-colorblind.css +6 -4
  7. package/dist/css/functional/themes/light-high-contrast.css +8 -6
  8. package/dist/css/functional/themes/light-tritanopia.css +6 -4
  9. package/dist/css/functional/themes/light.css +6 -4
  10. package/dist/docs/functional/themes/dark-colorblind.json +52 -8
  11. package/dist/docs/functional/themes/dark-dimmed.json +54 -10
  12. package/dist/docs/functional/themes/dark-high-contrast.json +50 -6
  13. package/dist/docs/functional/themes/dark-tritanopia.json +52 -8
  14. package/dist/docs/functional/themes/dark.json +52 -8
  15. package/dist/docs/functional/themes/light-colorblind.json +38 -8
  16. package/dist/docs/functional/themes/light-high-contrast.json +41 -11
  17. package/dist/docs/functional/themes/light-tritanopia.json +38 -8
  18. package/dist/docs/functional/themes/light.json +38 -8
  19. package/dist/figma/shadows/dark-colorblind.json +100 -0
  20. package/dist/figma/shadows/dark-dimmed.json +100 -0
  21. package/dist/figma/shadows/dark-high-contrast.json +100 -0
  22. package/dist/figma/shadows/dark-tritanopia.json +100 -0
  23. package/dist/figma/shadows/dark.json +100 -0
  24. package/dist/figma/themes/dark-colorblind.json +106 -6
  25. package/dist/figma/themes/dark-dimmed.json +112 -12
  26. package/dist/figma/themes/dark-high-contrast.json +104 -4
  27. package/dist/figma/themes/dark-tritanopia.json +106 -6
  28. package/dist/figma/themes/dark.json +106 -6
  29. package/dist/figma/themes/light-colorblind.json +6 -6
  30. package/dist/figma/themes/light-high-contrast.json +11 -11
  31. package/dist/figma/themes/light-tritanopia.json +6 -6
  32. package/dist/figma/themes/light.json +6 -6
  33. package/dist/scss/functional/themes/dark-colorblind.scss +3 -2
  34. package/dist/scss/functional/themes/dark-dimmed.scss +5 -4
  35. package/dist/scss/functional/themes/dark-high-contrast.scss +3 -2
  36. package/dist/scss/functional/themes/dark-tritanopia.scss +3 -2
  37. package/dist/scss/functional/themes/dark.scss +3 -2
  38. package/dist/scss/functional/themes/light-colorblind.scss +3 -2
  39. package/dist/scss/functional/themes/light-high-contrast.scss +4 -3
  40. package/dist/scss/functional/themes/light-tritanopia.scss +3 -2
  41. package/dist/scss/functional/themes/light.scss +3 -2
  42. package/package.json +1 -1
  43. package/tokens-next-private/css/functional/themes/dark-colorblind.css +6 -4
  44. package/tokens-next-private/css/functional/themes/dark-dimmed.css +10 -8
  45. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +6 -4
  46. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +6 -4
  47. package/tokens-next-private/css/functional/themes/dark.css +6 -4
  48. package/tokens-next-private/css/functional/themes/light-colorblind.css +6 -4
  49. package/tokens-next-private/css/functional/themes/light-high-contrast.css +8 -6
  50. package/tokens-next-private/css/functional/themes/light-tritanopia.css +6 -4
  51. package/tokens-next-private/css/functional/themes/light.css +6 -4
  52. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +52 -8
  53. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +54 -10
  54. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +50 -6
  55. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +52 -8
  56. package/tokens-next-private/docs/functional/themes/dark.json +52 -8
  57. package/tokens-next-private/docs/functional/themes/light-colorblind.json +38 -8
  58. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +41 -11
  59. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +38 -8
  60. package/tokens-next-private/docs/functional/themes/light.json +38 -8
  61. package/tokens-next-private/figma/shadows/dark-colorblind.json +100 -0
  62. package/tokens-next-private/figma/shadows/dark-dimmed.json +100 -0
  63. package/tokens-next-private/figma/shadows/dark-high-contrast.json +100 -0
  64. package/tokens-next-private/figma/shadows/dark-tritanopia.json +100 -0
  65. package/tokens-next-private/figma/shadows/dark.json +100 -0
  66. package/tokens-next-private/figma/themes/dark-colorblind.json +106 -6
  67. package/tokens-next-private/figma/themes/dark-dimmed.json +112 -12
  68. package/tokens-next-private/figma/themes/dark-high-contrast.json +104 -4
  69. package/tokens-next-private/figma/themes/dark-tritanopia.json +106 -6
  70. package/tokens-next-private/figma/themes/dark.json +106 -6
  71. package/tokens-next-private/figma/themes/light-colorblind.json +6 -6
  72. package/tokens-next-private/figma/themes/light-high-contrast.json +11 -11
  73. package/tokens-next-private/figma/themes/light-tritanopia.json +6 -6
  74. package/tokens-next-private/figma/themes/light.json +6 -6
  75. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +3 -2
  76. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +5 -4
  77. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +3 -2
  78. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +3 -2
  79. package/tokens-next-private/scss/functional/themes/dark.scss +3 -2
  80. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +3 -2
  81. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +4 -3
  82. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +3 -2
  83. package/tokens-next-private/scss/functional/themes/light.scss +3 -2
  84. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  85. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  86. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  87. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  88. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  89. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  90. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  91. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  92. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  93. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  94. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  95. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  96. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  97. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  98. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  99. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  100. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  101. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  102. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  103. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  104. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  105. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  106. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  108. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  109. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  110. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  111. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  112. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  113. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  114. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  115. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  116. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  117. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  118. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  119. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  121. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  127. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  129. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/dist/figma/themes/dark-dimmed.json CHANGED
@@ -44,6 +44,106 @@
44
44
  "group": "semantic",
45
45
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
46
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
+ },
47
147
  {
48
148
  "name": "shadow/resting/medium/offsetX",
49
149
  "value": 0,
@@ -2423,7 +2523,7 @@
2423
2523
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2424
2524
  },
2425
2525
  {
2426
- "name": "button/inactive/bgColor/rest",
2526
+ "name": "button/inactive/bgColor",
2427
2527
  "value": {
2428
2528
  "r": 0.21568627450980393,
2429
2529
  "g": 0.24313725490196078,
@@ -2431,7 +2531,7 @@
2431
2531
  "a": 1
2432
2532
  },
2433
2533
  "type": "COLOR",
2434
- "refId": "mode/button/inactive/bgColor/rest",
2534
+ "refId": "mode/button/inactive/bgColor",
2435
2535
  "reference": "base/color/dark-dimmed/base/color/gray/7",
2436
2536
  "collection": "mode",
2437
2537
  "mode": "dark dimmed",
@@ -2439,7 +2539,7 @@
2439
2539
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2440
2540
  },
2441
2541
  {
2442
- "name": "button/inactive/fgColor/rest",
2542
+ "name": "button/inactive/fgColor",
2443
2543
  "value": {
2444
2544
  "r": 0.4627450980392157,
2445
2545
  "g": 0.5137254901960784,
@@ -2447,7 +2547,7 @@
2447
2547
  "a": 1
2448
2548
  },
2449
2549
  "type": "COLOR",
2450
- "refId": "mode/button/inactive/fgColor/rest",
2550
+ "refId": "mode/button/inactive/fgColor",
2451
2551
  "reference": "base/color/dark-dimmed/base/color/gray/3",
2452
2552
  "collection": "mode",
2453
2553
  "mode": "dark dimmed",
@@ -2884,14 +2984,14 @@
2884
2984
  {
2885
2985
  "name": "button/primary/iconColor/rest",
2886
2986
  "value": {
2887
- "r": 0.803921568627451,
2888
- "g": 0.8509803921568627,
2889
- "b": 0.8980392156862745,
2987
+ "r": 1,
2988
+ "g": 1,
2989
+ "b": 1,
2890
2990
  "a": 1
2891
2991
  },
2892
2992
  "type": "COLOR",
2893
2993
  "refId": "mode/button/primary/iconColor/rest",
2894
- "reference": "base/color/dark-dimmed/base/color/white",
2994
+ "reference": "mode/fgColor/white",
2895
2995
  "collection": "mode",
2896
2996
  "mode": "dark dimmed",
2897
2997
  "group": "component (internal)",
@@ -2917,14 +3017,14 @@
2917
3017
  {
2918
3018
  "name": "button/primary/fgColor/rest",
2919
3019
  "value": {
2920
- "r": 0.803921568627451,
2921
- "g": 0.8509803921568627,
2922
- "b": 0.8980392156862745,
3020
+ "r": 1,
3021
+ "g": 1,
3022
+ "b": 1,
2923
3023
  "a": 1
2924
3024
  },
2925
3025
  "type": "COLOR",
2926
3026
  "refId": "mode/button/primary/fgColor/rest",
2927
- "reference": "base/color/dark-dimmed/base/color/white",
3027
+ "reference": "mode/fgColor/white",
2928
3028
  "collection": "mode",
2929
3029
  "mode": "dark dimmed",
2930
3030
  "group": "component (internal)",
package/dist/figma/themes/dark-high-contrast.json CHANGED
@@ -44,6 +44,106 @@
44
44
  "group": "semantic",
45
45
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
46
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
+ },
47
147
  {
48
148
  "name": "shadow/resting/medium/offsetX",
49
149
  "value": 0,
@@ -2475,7 +2575,7 @@
2475
2575
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2476
2576
  },
2477
2577
  {
2478
- "name": "button/inactive/bgColor/rest",
2578
+ "name": "button/inactive/bgColor",
2479
2579
  "value": {
2480
2580
  "r": 0.23921568627450981,
2481
2581
  "g": 0.25882352941176473,
@@ -2483,7 +2583,7 @@
2483
2583
  "a": 1
2484
2584
  },
2485
2585
  "type": "COLOR",
2486
- "refId": "mode/button/inactive/bgColor/rest",
2586
+ "refId": "mode/button/inactive/bgColor",
2487
2587
  "reference": "base/color/dark-high-contrast/base/color/gray/7",
2488
2588
  "collection": "mode",
2489
2589
  "mode": "dark high contrast",
@@ -2491,7 +2591,7 @@
2491
2591
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2492
2592
  },
2493
2593
  {
2494
- "name": "button/inactive/fgColor/rest",
2594
+ "name": "button/inactive/fgColor",
2495
2595
  "value": {
2496
2596
  "r": 0.7411764705882353,
2497
2597
  "g": 0.7686274509803922,
@@ -2499,7 +2599,7 @@
2499
2599
  "a": 1
2500
2600
  },
2501
2601
  "type": "COLOR",
2502
- "refId": "mode/button/inactive/fgColor/rest",
2602
+ "refId": "mode/button/inactive/fgColor",
2503
2603
  "reference": "base/color/dark-high-contrast/base/color/gray/3",
2504
2604
  "collection": "mode",
2505
2605
  "mode": "dark high contrast",
package/dist/figma/themes/dark-tritanopia.json CHANGED
@@ -44,6 +44,106 @@
44
44
  "group": "semantic",
45
45
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
46
46
  },
47
+ {
48
+ "name": "shadow/floating/legacy/1/offsetX",
49
+ "value": 0,
50
+ "type": "FLOAT",
51
+ "scopes": ["EFFECT_FLOAT"],
52
+ "mode": "dark tritanopia",
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 tritanopia",
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 tritanopia",
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 tritanopia",
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 tritanopia",
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 tritanopia",
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 tritanopia",
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 tritanopia",
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 tritanopia",
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 tritanopia",
144
+ "collection": "mode",
145
+ "group": "shadow"
146
+ },
47
147
  {
48
148
  "name": "shadow/resting/medium/offsetX",
49
149
  "value": 0,
@@ -2520,7 +2620,7 @@
2520
2620
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2521
2621
  },
2522
2622
  {
2523
- "name": "button/inactive/bgColor/rest",
2623
+ "name": "button/inactive/bgColor",
2524
2624
  "value": {
2525
2625
  "r": 0.12941176470588237,
2526
2626
  "g": 0.14901960784313725,
@@ -2528,7 +2628,7 @@
2528
2628
  "a": 1
2529
2629
  },
2530
2630
  "type": "COLOR",
2531
- "refId": "mode/button/inactive/bgColor/rest",
2631
+ "refId": "mode/button/inactive/bgColor",
2532
2632
  "reference": "base/color/dark/base/color/gray/7",
2533
2633
  "collection": "mode",
2534
2634
  "mode": "dark tritanopia",
@@ -2536,7 +2636,7 @@
2536
2636
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2537
2637
  },
2538
2638
  {
2539
- "name": "button/inactive/fgColor/rest",
2639
+ "name": "button/inactive/fgColor",
2540
2640
  "value": {
2541
2641
  "r": 0.5450980392156862,
2542
2642
  "g": 0.5803921568627451,
@@ -2544,7 +2644,7 @@
2544
2644
  "a": 1
2545
2645
  },
2546
2646
  "type": "COLOR",
2547
- "refId": "mode/button/inactive/fgColor/rest",
2647
+ "refId": "mode/button/inactive/fgColor",
2548
2648
  "reference": "base/color/dark/base/color/gray/3",
2549
2649
  "collection": "mode",
2550
2650
  "mode": "dark tritanopia",
@@ -2988,7 +3088,7 @@
2988
3088
  },
2989
3089
  "type": "COLOR",
2990
3090
  "refId": "mode/button/primary/iconColor/rest",
2991
- "reference": "base/color/dark/base/color/white",
3091
+ "reference": "mode/fgColor/white",
2992
3092
  "collection": "mode",
2993
3093
  "mode": "dark tritanopia",
2994
3094
  "group": "component (internal)",
@@ -3021,7 +3121,7 @@
3021
3121
  },
3022
3122
  "type": "COLOR",
3023
3123
  "refId": "mode/button/primary/fgColor/rest",
3024
- "reference": "base/color/dark/base/color/white",
3124
+ "reference": "mode/fgColor/white",
3025
3125
  "collection": "mode",
3026
3126
  "mode": "dark tritanopia",
3027
3127
  "group": "component (internal)",
package/dist/figma/themes/dark.json CHANGED
@@ -44,6 +44,106 @@
44
44
  "group": "semantic",
45
45
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
46
46
  },
47
+ {
48
+ "name": "shadow/floating/legacy/1/offsetX",
49
+ "value": 0,
50
+ "type": "FLOAT",
51
+ "scopes": ["EFFECT_FLOAT"],
52
+ "mode": "dark",
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",
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",
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",
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",
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",
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",
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",
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",
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",
144
+ "collection": "mode",
145
+ "group": "shadow"
146
+ },
47
147
  {
48
148
  "name": "shadow/resting/medium/offsetX",
49
149
  "value": 0,
@@ -2423,7 +2523,7 @@
2423
2523
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2424
2524
  },
2425
2525
  {
2426
- "name": "button/inactive/bgColor/rest",
2526
+ "name": "button/inactive/bgColor",
2427
2527
  "value": {
2428
2528
  "r": 0.12941176470588237,
2429
2529
  "g": 0.14901960784313725,
@@ -2431,7 +2531,7 @@
2431
2531
  "a": 1
2432
2532
  },
2433
2533
  "type": "COLOR",
2434
- "refId": "mode/button/inactive/bgColor/rest",
2534
+ "refId": "mode/button/inactive/bgColor",
2435
2535
  "reference": "base/color/dark/base/color/gray/7",
2436
2536
  "collection": "mode",
2437
2537
  "mode": "dark",
@@ -2439,7 +2539,7 @@
2439
2539
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2440
2540
  },
2441
2541
  {
2442
- "name": "button/inactive/fgColor/rest",
2542
+ "name": "button/inactive/fgColor",
2443
2543
  "value": {
2444
2544
  "r": 0.5450980392156862,
2445
2545
  "g": 0.5803921568627451,
@@ -2447,7 +2547,7 @@
2447
2547
  "a": 1
2448
2548
  },
2449
2549
  "type": "COLOR",
2450
- "refId": "mode/button/inactive/fgColor/rest",
2550
+ "refId": "mode/button/inactive/fgColor",
2451
2551
  "reference": "base/color/dark/base/color/gray/3",
2452
2552
  "collection": "mode",
2453
2553
  "mode": "dark",
@@ -2891,7 +2991,7 @@
2891
2991
  },
2892
2992
  "type": "COLOR",
2893
2993
  "refId": "mode/button/primary/iconColor/rest",
2894
- "reference": "base/color/dark/base/color/white",
2994
+ "reference": "mode/fgColor/white",
2895
2995
  "collection": "mode",
2896
2996
  "mode": "dark",
2897
2997
  "group": "component (internal)",
@@ -2924,7 +3024,7 @@
2924
3024
  },
2925
3025
  "type": "COLOR",
2926
3026
  "refId": "mode/button/primary/fgColor/rest",
2927
- "reference": "base/color/dark/base/color/white",
3027
+ "reference": "mode/fgColor/white",
2928
3028
  "collection": "mode",
2929
3029
  "mode": "dark",
2930
3030
  "group": "component (internal)",
package/dist/figma/themes/light-colorblind.json CHANGED
@@ -2479,7 +2479,7 @@
2479
2479
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2480
2480
  },
2481
2481
  {
2482
- "name": "button/inactive/bgColor/rest",
2482
+ "name": "button/inactive/bgColor",
2483
2483
  "value": {
2484
2484
  "r": 0.9176470588235294,
2485
2485
  "g": 0.9333333333333333,
@@ -2487,7 +2487,7 @@
2487
2487
  "a": 1
2488
2488
  },
2489
2489
  "type": "COLOR",
2490
- "refId": "mode/button/inactive/bgColor/rest",
2490
+ "refId": "mode/button/inactive/bgColor",
2491
2491
  "reference": "base/color/light/base/color/gray/1",
2492
2492
  "collection": "mode",
2493
2493
  "mode": "light colorblind",
@@ -2495,7 +2495,7 @@
2495
2495
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2496
2496
  },
2497
2497
  {
2498
- "name": "button/inactive/fgColor/rest",
2498
+ "name": "button/inactive/fgColor",
2499
2499
  "value": {
2500
2500
  "r": 0.3411764705882353,
2501
2501
  "g": 0.3764705882352941,
@@ -2503,7 +2503,7 @@
2503
2503
  "a": 1
2504
2504
  },
2505
2505
  "type": "COLOR",
2506
- "refId": "mode/button/inactive/fgColor/rest",
2506
+ "refId": "mode/button/inactive/fgColor",
2507
2507
  "reference": "base/color/light/base/color/gray/6",
2508
2508
  "collection": "mode",
2509
2509
  "mode": "light colorblind",
@@ -2868,7 +2868,7 @@
2868
2868
  "type": "COLOR",
2869
2869
  "alpha": 0.8,
2870
2870
  "refId": "mode/button/primary/iconColor/rest",
2871
- "reference": "base/color/light/base/color/white",
2871
+ "reference": "mode/fgColor/white",
2872
2872
  "collection": "mode",
2873
2873
  "mode": "light colorblind",
2874
2874
  "group": "component (internal)",
@@ -2901,7 +2901,7 @@
2901
2901
  },
2902
2902
  "type": "COLOR",
2903
2903
  "refId": "mode/button/primary/fgColor/rest",
2904
- "reference": "base/color/light/base/color/white",
2904
+ "reference": "mode/fgColor/white",
2905
2905
  "collection": "mode",
2906
2906
  "mode": "light colorblind",
2907
2907
  "group": "component (internal)",