@primer/primitives 7.15.7-rc.d660a2f → 7.15.8-rc.72fdc56

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 (144) hide show
  1. package/dist/css/functional/size/size.css +1 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +16 -14
  3. package/dist/css/functional/themes/dark-dimmed.css +16 -14
  4. package/dist/css/functional/themes/dark-high-contrast.css +12 -10
  5. package/dist/css/functional/themes/dark-tritanopia.css +16 -14
  6. package/dist/css/functional/themes/dark.css +16 -14
  7. package/dist/css/functional/themes/light-colorblind.css +4 -2
  8. package/dist/css/functional/themes/light-high-contrast.css +2 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +4 -2
  10. package/dist/css/functional/themes/light.css +4 -2
  11. package/dist/docs/functional/size/size.json +25 -0
  12. package/dist/docs/functional/themes/dark-colorblind.json +41 -10
  13. package/dist/docs/functional/themes/dark-dimmed.json +41 -10
  14. package/dist/docs/functional/themes/dark-high-contrast.json +37 -6
  15. package/dist/docs/functional/themes/dark-tritanopia.json +41 -10
  16. package/dist/docs/functional/themes/dark.json +41 -10
  17. package/dist/docs/functional/themes/light-colorblind.json +34 -3
  18. package/dist/docs/functional/themes/light-high-contrast.json +31 -0
  19. package/dist/docs/functional/themes/light-tritanopia.json +34 -3
  20. package/dist/docs/functional/themes/light.json +34 -3
  21. package/dist/fallbacks/functional/size/size.json +2 -1
  22. package/dist/figma/dimension/dimension.json +10 -0
  23. package/dist/figma/figma.json +42 -1
  24. package/dist/figma/scales/dark-dimmed.json +1398 -0
  25. package/dist/figma/scales/dark-high-constrast.json +1398 -0
  26. package/dist/figma/scales/light-high-constrast.json +1398 -0
  27. package/dist/figma/themes/dark-colorblind.json +5004 -0
  28. package/dist/figma/themes/dark-dimmed.json +5004 -0
  29. package/dist/figma/themes/dark-high-contrast.json +5012 -0
  30. package/dist/figma/themes/dark-tritanopia.json +5005 -0
  31. package/dist/figma/themes/dark.json +36 -19
  32. package/dist/figma/themes/light-colorblind.json +4982 -0
  33. package/dist/figma/themes/light-high-contrast.json +4980 -0
  34. package/dist/figma/themes/light-tritanopia.json +4976 -0
  35. package/dist/figma/themes/light.json +19 -2
  36. package/dist/scss/functional/size/size.scss +1 -0
  37. package/dist/scss/functional/themes/dark-colorblind.scss +8 -7
  38. package/dist/scss/functional/themes/dark-dimmed.scss +8 -7
  39. package/dist/scss/functional/themes/dark-high-contrast.scss +6 -5
  40. package/dist/scss/functional/themes/dark-tritanopia.scss +8 -7
  41. package/dist/scss/functional/themes/dark.scss +8 -7
  42. package/dist/scss/functional/themes/light-colorblind.scss +2 -1
  43. package/dist/scss/functional/themes/light-high-contrast.scss +1 -0
  44. package/dist/scss/functional/themes/light-tritanopia.scss +2 -1
  45. package/dist/scss/functional/themes/light.scss +2 -1
  46. package/package.json +1 -1
  47. package/tokens-next-private/css/functional/size/size.css +1 -0
  48. package/tokens-next-private/css/functional/themes/dark-colorblind.css +16 -14
  49. package/tokens-next-private/css/functional/themes/dark-dimmed.css +16 -14
  50. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +12 -10
  51. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +16 -14
  52. package/tokens-next-private/css/functional/themes/dark.css +16 -14
  53. package/tokens-next-private/css/functional/themes/light-colorblind.css +4 -2
  54. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -0
  55. package/tokens-next-private/css/functional/themes/light-tritanopia.css +4 -2
  56. package/tokens-next-private/css/functional/themes/light.css +4 -2
  57. package/tokens-next-private/docs/functional/size/size.json +25 -0
  58. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +41 -10
  59. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +41 -10
  60. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +37 -6
  61. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +41 -10
  62. package/tokens-next-private/docs/functional/themes/dark.json +41 -10
  63. package/tokens-next-private/docs/functional/themes/light-colorblind.json +34 -3
  64. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +31 -0
  65. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +34 -3
  66. package/tokens-next-private/docs/functional/themes/light.json +34 -3
  67. package/tokens-next-private/fallbacks/functional/size/size.json +2 -1
  68. package/tokens-next-private/figma/dimension/dimension.json +10 -0
  69. package/tokens-next-private/figma/figma.json +42 -1
  70. package/tokens-next-private/figma/scales/dark-dimmed.json +1398 -0
  71. package/tokens-next-private/figma/scales/dark-high-constrast.json +1398 -0
  72. package/tokens-next-private/figma/scales/light-high-constrast.json +1398 -0
  73. package/tokens-next-private/figma/themes/dark-colorblind.json +5004 -0
  74. package/tokens-next-private/figma/themes/dark-dimmed.json +5004 -0
  75. package/tokens-next-private/figma/themes/dark-high-contrast.json +5012 -0
  76. package/tokens-next-private/figma/themes/dark-tritanopia.json +5005 -0
  77. package/tokens-next-private/figma/themes/dark.json +36 -19
  78. package/tokens-next-private/figma/themes/light-colorblind.json +4982 -0
  79. package/tokens-next-private/figma/themes/light-high-contrast.json +4980 -0
  80. package/tokens-next-private/figma/themes/light-tritanopia.json +4976 -0
  81. package/tokens-next-private/figma/themes/light.json +19 -2
  82. package/tokens-next-private/scss/functional/size/size.scss +1 -0
  83. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +8 -7
  84. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +8 -7
  85. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +6 -5
  86. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +8 -7
  87. package/tokens-next-private/scss/functional/themes/dark.scss +8 -7
  88. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -1
  89. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -0
  90. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -1
  91. package/tokens-next-private/scss/functional/themes/light.scss +2 -1
  92. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  93. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  94. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  95. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  96. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  97. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  98. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  99. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  100. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  101. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  102. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  103. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  104. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  106. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  107. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  108. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  109. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  110. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  111. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  112. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  113. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  114. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  115. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  116. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  117. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  118. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  119. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  120. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  121. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  122. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  123. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  124. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  125. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  126. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  127. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  129. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  137. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  138. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  139. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  140. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -5614,6 +5614,37 @@
5614
5614
  "attributes": {},
5615
5615
  "path": ["underlineNav", "iconColor", "rest"]
5616
5616
  },
5617
+ "selection-bgColor": {
5618
+ "value": "#0969da1a",
5619
+ "$type": "color",
5620
+ "$extensions": {
5621
+ "org.primer.figma": {
5622
+ "collection": "mode",
5623
+ "mode": "light",
5624
+ "group": "component",
5625
+ "scopes": ["bgColor"]
5626
+ }
5627
+ },
5628
+ "alpha": 0.1,
5629
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5630
+ "isSource": true,
5631
+ "original": {
5632
+ "value": "{fgColor.link.@}",
5633
+ "$type": "color",
5634
+ "$extensions": {
5635
+ "org.primer.figma": {
5636
+ "collection": "mode",
5637
+ "mode": "light",
5638
+ "group": "component",
5639
+ "scopes": ["bgColor"]
5640
+ }
5641
+ },
5642
+ "alpha": 0.1
5643
+ },
5644
+ "name": "selection-bgColor",
5645
+ "attributes": {},
5646
+ "path": ["selection", "bgColor"]
5647
+ },
5617
5648
  "fgColor-default": {
5618
5649
  "value": "#1f2328",
5619
5650
  "$type": "color",
@@ -7114,7 +7145,7 @@
7114
7145
  "path": ["borderColor", "default"]
7115
7146
  },
7116
7147
  "borderColor-muted": {
7117
- "value": "#d0d7de80",
7148
+ "value": "#d0d7deb3",
7118
7149
  "$type": "color",
7119
7150
  "$extensions": {
7120
7151
  "org.primer.figma": {
@@ -7127,7 +7158,7 @@
7127
7158
  }
7128
7159
  }
7129
7160
  },
7130
- "alpha": 0.5,
7161
+ "alpha": 0.7,
7131
7162
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
7132
7163
  "isSource": true,
7133
7164
  "original": {
@@ -7144,7 +7175,7 @@
7144
7175
  }
7145
7176
  }
7146
7177
  },
7147
- "alpha": 0.5
7178
+ "alpha": 0.7
7148
7179
  },
7149
7180
  "name": "borderColor-muted",
7150
7181
  "attributes": {},
@@ -5634,6 +5634,37 @@
5634
5634
  "attributes": {},
5635
5635
  "path": ["underlineNav", "iconColor", "rest"]
5636
5636
  },
5637
+ "selection-bgColor": {
5638
+ "value": "#023b951a",
5639
+ "$type": "color",
5640
+ "$extensions": {
5641
+ "org.primer.figma": {
5642
+ "collection": "mode",
5643
+ "mode": "light",
5644
+ "group": "component",
5645
+ "scopes": ["bgColor"]
5646
+ }
5647
+ },
5648
+ "alpha": 0.1,
5649
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5650
+ "isSource": true,
5651
+ "original": {
5652
+ "value": "{fgColor.link.@}",
5653
+ "$type": "color",
5654
+ "$extensions": {
5655
+ "org.primer.figma": {
5656
+ "collection": "mode",
5657
+ "mode": "light",
5658
+ "group": "component",
5659
+ "scopes": ["bgColor"]
5660
+ }
5661
+ },
5662
+ "alpha": 0.1
5663
+ },
5664
+ "name": "selection-bgColor",
5665
+ "attributes": {},
5666
+ "path": ["selection", "bgColor"]
5667
+ },
5637
5668
  "fgColor-default": {
5638
5669
  "value": "#010409",
5639
5670
  "$type": "color",
@@ -5610,6 +5610,37 @@
5610
5610
  "attributes": {},
5611
5611
  "path": ["underlineNav", "iconColor", "rest"]
5612
5612
  },
5613
+ "selection-bgColor": {
5614
+ "value": "#0969da1a",
5615
+ "$type": "color",
5616
+ "$extensions": {
5617
+ "org.primer.figma": {
5618
+ "collection": "mode",
5619
+ "mode": "light",
5620
+ "group": "component",
5621
+ "scopes": ["bgColor"]
5622
+ }
5623
+ },
5624
+ "alpha": 0.1,
5625
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5626
+ "isSource": true,
5627
+ "original": {
5628
+ "value": "{fgColor.link.@}",
5629
+ "$type": "color",
5630
+ "$extensions": {
5631
+ "org.primer.figma": {
5632
+ "collection": "mode",
5633
+ "mode": "light",
5634
+ "group": "component",
5635
+ "scopes": ["bgColor"]
5636
+ }
5637
+ },
5638
+ "alpha": 0.1
5639
+ },
5640
+ "name": "selection-bgColor",
5641
+ "attributes": {},
5642
+ "path": ["selection", "bgColor"]
5643
+ },
5613
5644
  "fgColor-default": {
5614
5645
  "value": "#1f2328",
5615
5646
  "$type": "color",
@@ -7106,7 +7137,7 @@
7106
7137
  "path": ["borderColor", "default"]
7107
7138
  },
7108
7139
  "borderColor-muted": {
7109
- "value": "#d0d7de80",
7140
+ "value": "#d0d7deb3",
7110
7141
  "$type": "color",
7111
7142
  "$extensions": {
7112
7143
  "org.primer.figma": {
@@ -7119,7 +7150,7 @@
7119
7150
  }
7120
7151
  }
7121
7152
  },
7122
- "alpha": 0.5,
7153
+ "alpha": 0.7,
7123
7154
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
7124
7155
  "isSource": true,
7125
7156
  "original": {
@@ -7136,7 +7167,7 @@
7136
7167
  }
7137
7168
  }
7138
7169
  },
7139
- "alpha": 0.5
7170
+ "alpha": 0.7
7140
7171
  },
7141
7172
  "name": "borderColor-muted",
7142
7173
  "attributes": {},
@@ -5610,6 +5610,37 @@
5610
5610
  "attributes": {},
5611
5611
  "path": ["underlineNav", "iconColor", "rest"]
5612
5612
  },
5613
+ "selection-bgColor": {
5614
+ "value": "#0969da1a",
5615
+ "$type": "color",
5616
+ "$extensions": {
5617
+ "org.primer.figma": {
5618
+ "collection": "mode",
5619
+ "mode": "light",
5620
+ "group": "component",
5621
+ "scopes": ["bgColor"]
5622
+ }
5623
+ },
5624
+ "alpha": 0.1,
5625
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5626
+ "isSource": true,
5627
+ "original": {
5628
+ "value": "{fgColor.link.@}",
5629
+ "$type": "color",
5630
+ "$extensions": {
5631
+ "org.primer.figma": {
5632
+ "collection": "mode",
5633
+ "mode": "light",
5634
+ "group": "component",
5635
+ "scopes": ["bgColor"]
5636
+ }
5637
+ },
5638
+ "alpha": 0.1
5639
+ },
5640
+ "name": "selection-bgColor",
5641
+ "attributes": {},
5642
+ "path": ["selection", "bgColor"]
5643
+ },
5613
5644
  "fgColor-default": {
5614
5645
  "value": "#1f2328",
5615
5646
  "$type": "color",
@@ -7106,7 +7137,7 @@
7106
7137
  "path": ["borderColor", "default"]
7107
7138
  },
7108
7139
  "borderColor-muted": {
7109
- "value": "#d0d7de80",
7140
+ "value": "#d0d7deb3",
7110
7141
  "$type": "color",
7111
7142
  "$extensions": {
7112
7143
  "org.primer.figma": {
@@ -7119,7 +7150,7 @@
7119
7150
  }
7120
7151
  }
7121
7152
  },
7122
- "alpha": 0.5,
7153
+ "alpha": 0.7,
7123
7154
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
7124
7155
  "isSource": true,
7125
7156
  "original": {
@@ -7136,7 +7167,7 @@
7136
7167
  }
7137
7168
  }
7138
7169
  },
7139
- "alpha": 0.5
7170
+ "alpha": 0.7
7140
7171
  },
7141
7172
  "name": "borderColor-muted",
7142
7173
  "attributes": {},
@@ -69,5 +69,6 @@
69
69
  "--overlay-padding-condensed": "0.5rem",
70
70
  "--overlay-paddingBlock-condensed": "0.25rem",
71
71
  "--overlay-paddingBlock-normal": "0.75rem",
72
- "--overlay-borderRadius": "0.375rem"
72
+ "--overlay-borderRadius": "0.375rem",
73
+ "--overlay-offset": "0.25rem"
73
74
  }
@@ -52,6 +52,16 @@
52
52
  "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
53
53
  }
54
54
  },
55
+ {
56
+ "name": "overlay/offset",
57
+ "value": 4,
58
+ "type": "FLOAT",
59
+ "refId": "pattern/size/overlay/offset",
60
+ "collection": "pattern/size",
61
+ "mode": "default",
62
+ "group": "pattern/size",
63
+ "scopes": ["WIDTH_HEIGHT"]
64
+ },
55
65
  {
56
66
  "name": "overlay/height/xlarge",
57
67
  "value": 600,
@@ -25,6 +25,14 @@
25
25
  "base/size"
26
26
  ]
27
27
  },
28
+ "base/color/dark-dimmed": {
29
+ "modes": [
30
+ "default"
31
+ ],
32
+ "groups": [
33
+ "base/color/dark-dimmed"
34
+ ]
35
+ },
28
36
  "base/color/dark": {
29
37
  "modes": [
30
38
  "default"
@@ -33,6 +41,22 @@
33
41
  "base/color/dark"
34
42
  ]
35
43
  },
44
+ "base/color/dark-high-contrast": {
45
+ "modes": [
46
+ "default"
47
+ ],
48
+ "groups": [
49
+ "base/color/dark-high-contrast"
50
+ ]
51
+ },
52
+ "base/color/light-high-contrast": {
53
+ "modes": [
54
+ "default"
55
+ ],
56
+ "groups": [
57
+ "base/color/light-high-contrast"
58
+ ]
59
+ },
36
60
  "base/color/light": {
37
61
  "modes": [
38
62
  "default"
@@ -44,7 +68,14 @@
44
68
  "mode": {
45
69
  "modes": [
46
70
  "light",
47
- "dark"
71
+ "dark",
72
+ "dark dimmed",
73
+ "light high contrast",
74
+ "dark high contrast",
75
+ "light colorblind",
76
+ "dark colorblind",
77
+ "light tritanopia",
78
+ "dark tritanopia"
48
79
  ],
49
80
  "groups": [
50
81
  "syntax",
@@ -56,9 +87,19 @@
56
87
  },
57
88
  "files": [
58
89
  "dist/figma/dimension/dimension.json",
90
+ "dist/figma/scales/dark-dimmed.json",
91
+ "dist/figma/scales/dark-high-constrast.json",
59
92
  "dist/figma/scales/dark.json",
93
+ "dist/figma/scales/light-high-constrast.json",
60
94
  "dist/figma/scales/light.json",
95
+ "dist/figma/themes/dark-colorblind.json",
96
+ "dist/figma/themes/dark-dimmed.json",
97
+ "dist/figma/themes/dark-high-contrast.json",
98
+ "dist/figma/themes/dark-tritanopia.json",
61
99
  "dist/figma/themes/dark.json",
100
+ "dist/figma/themes/light-colorblind.json",
101
+ "dist/figma/themes/light-high-contrast.json",
102
+ "dist/figma/themes/light-tritanopia.json",
62
103
  "dist/figma/themes/light.json"
63
104
  ]
64
105
  }