@primer/primitives 7.15.4-rc.b720f44 → 7.15.4

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 (112) hide show
  1. package/dist/js/colors/dark.js +15 -15
  2. package/dist/js/colors/light.js +1 -1
  3. package/dist/js/colors/light_colorblind.js +1 -1
  4. package/dist/js/colors/light_high_contrast.js +1 -1
  5. package/dist/js/colors/light_tritanopia.js +1 -1
  6. package/dist/json/colors/dark.json +15 -15
  7. package/dist/json/colors/light.json +1 -1
  8. package/dist/json/colors/light_colorblind.json +1 -1
  9. package/dist/json/colors/light_high_contrast.json +1 -1
  10. package/dist/json/colors/light_tritanopia.json +1 -1
  11. package/dist/scss/colors/_dark.scss +15 -15
  12. package/dist/scss/colors/_light.scss +1 -1
  13. package/dist/scss/colors/_light_colorblind.scss +1 -1
  14. package/dist/scss/colors/_light_high_contrast.scss +1 -1
  15. package/dist/scss/colors/_light_tritanopia.scss +1 -1
  16. package/dist/ts/colors/dark.ts +15 -15
  17. package/dist/ts/colors/light.ts +1 -1
  18. package/dist/ts/colors/light_colorblind.ts +1 -1
  19. package/dist/ts/colors/light_high_contrast.ts +1 -1
  20. package/dist/ts/colors/light_tritanopia.ts +1 -1
  21. package/package.json +1 -1
  22. package/tokens-next-private/css/functional/size/breakpoints.css +1 -1
  23. package/tokens-next-private/css/functional/size/viewport.css +1 -1
  24. package/tokens-next-private/css/functional/themes/dark-colorblind.css +18 -18
  25. package/tokens-next-private/css/functional/themes/dark-dimmed.css +18 -18
  26. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +18 -18
  27. package/tokens-next-private/css/functional/themes/dark.css +18 -18
  28. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
  29. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -2
  30. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
  31. package/tokens-next-private/css/functional/themes/light.css +2 -2
  32. package/tokens-next-private/docs/functional/size/border.json +32 -8
  33. package/tokens-next-private/docs/functional/size/breakpoints.json +2 -2
  34. package/tokens-next-private/docs/functional/size/size.json +48 -12
  35. package/tokens-next-private/docs/functional/size/viewport.json +1 -1
  36. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +459 -123
  37. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +459 -123
  38. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +448 -112
  39. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +459 -123
  40. package/tokens-next-private/docs/functional/themes/dark.json +459 -123
  41. package/tokens-next-private/docs/functional/themes/light-colorblind.json +450 -114
  42. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +450 -114
  43. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +450 -114
  44. package/tokens-next-private/docs/functional/themes/light.json +450 -114
  45. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +1 -1
  46. package/tokens-next-private/fallbacks/functional/size/viewport.json +1 -1
  47. package/tokens-next-private/figma/dimension/dimension.json +41 -11
  48. package/tokens-next-private/figma/themes/dark.json +251 -83
  49. package/tokens-next-private/figma/themes/light.json +228 -60
  50. package/tokens-next-private/scss/functional/size/breakpoints.scss +1 -1
  51. package/tokens-next-private/scss/functional/size/viewport.scss +1 -1
  52. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +9 -9
  53. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +9 -9
  54. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +9 -9
  55. package/tokens-next-private/scss/functional/themes/dark.scss +9 -9
  56. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  57. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  58. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  59. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  60. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  61. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  62. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  64. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  65. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  66. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  67. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  68. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  69. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  75. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  76. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  77. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  78. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  79. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  84. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  85. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  86. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  87. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  93. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  94. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  95. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  97. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/tokens-next-private/fallbacks/functional/size/breakpoints.json CHANGED
@@ -4,5 +4,5 @@
4
4
  "--breakpoint-medium": "48rem",
5
5
  "--breakpoint-large": "63.25rem",
6
6
  "--breakpoint-xlarge": "80rem",
7
- "--breakpoint-xxlarge": "90rem"
7
+ "--breakpoint-xxlarge": "87.5rem"
8
8
  }
package/tokens-next-private/fallbacks/functional/size/viewport.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "--viewportRange-narrow": "(max-width: calc(48rem - 0.02px))",
3
3
  "--viewportRange-narrowLandscape": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
4
4
  "--viewportRange-regular": "(min-width: 48rem)",
5
- "--viewportRange-wide": "(min-width: 90rem)",
5
+ "--viewportRange-wide": "(min-width: 87.5rem)",
6
6
  "--viewportRange-portrait": "(orientation: portrait)",
7
7
  "--viewportRange-landscape": "(orientation: landscape)"
8
8
  }
package/tokens-next-private/figma/dimension/dimension.json CHANGED
@@ -8,7 +8,10 @@
8
8
  "collection": "functional/size",
9
9
  "mode": "default",
10
10
  "group": "functional/size",
11
- "scopes": ["CORNER_RADIUS"]
11
+ "scopes": ["CORNER_RADIUS"],
12
+ "codeSyntax": {
13
+ "web": "var(--borderRadius-full) /* utility class: .circle */"
14
+ }
12
15
  },
13
16
  {
14
17
  "name": "borderRadius/large",
@@ -18,7 +21,10 @@
18
21
  "collection": "functional/size",
19
22
  "mode": "default",
20
23
  "group": "functional/size",
21
- "scopes": ["CORNER_RADIUS"]
24
+ "scopes": ["CORNER_RADIUS"],
25
+ "codeSyntax": {
26
+ "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
27
+ }
22
28
  },
23
29
  {
24
30
  "name": "borderRadius/medium",
@@ -28,7 +34,10 @@
28
34
  "collection": "functional/size",
29
35
  "mode": "default",
30
36
  "group": "functional/size",
31
- "scopes": ["CORNER_RADIUS"]
37
+ "scopes": ["CORNER_RADIUS"],
38
+ "codeSyntax": {
39
+ "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
40
+ }
32
41
  },
33
42
  {
34
43
  "name": "borderRadius/small",
@@ -38,7 +47,10 @@
38
47
  "collection": "functional/size",
39
48
  "mode": "default",
40
49
  "group": "functional/size",
41
- "scopes": ["CORNER_RADIUS"]
50
+ "scopes": ["CORNER_RADIUS"],
51
+ "codeSyntax": {
52
+ "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
53
+ }
42
54
  },
43
55
  {
44
56
  "name": "overlay/height/xlarge",
@@ -192,7 +204,7 @@
192
204
  },
193
205
  {
194
206
  "name": "breakpoint/xxlarge",
195
- "value": 1440,
207
+ "value": 1400,
196
208
  "type": "FLOAT",
197
209
  "refId": "functional/size/breakpoint/xxlarge",
198
210
  "collection": "functional/size",
@@ -561,7 +573,10 @@
561
573
  "collection": "pattern/size",
562
574
  "mode": "default",
563
575
  "group": "component",
564
- "scopes": ["GAP"]
576
+ "scopes": ["GAP"],
577
+ "codeSyntax": {
578
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
579
+ }
565
580
  },
566
581
  {
567
582
  "name": "stack/gap/normal",
@@ -572,7 +587,10 @@
572
587
  "collection": "pattern/size",
573
588
  "mode": "default",
574
589
  "group": "component",
575
- "scopes": ["GAP"]
590
+ "scopes": ["GAP"],
591
+ "codeSyntax": {
592
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
593
+ }
576
594
  },
577
595
  {
578
596
  "name": "stack/gap/condensed",
@@ -583,7 +601,10 @@
583
601
  "collection": "pattern/size",
584
602
  "mode": "default",
585
603
  "group": "component",
586
- "scopes": ["GAP"]
604
+ "scopes": ["GAP"],
605
+ "codeSyntax": {
606
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
607
+ }
587
608
  },
588
609
  {
589
610
  "name": "stack/padding/spacious",
@@ -594,7 +615,10 @@
594
615
  "collection": "pattern/size",
595
616
  "mode": "default",
596
617
  "group": "component",
597
- "scopes": ["GAP"]
618
+ "scopes": ["GAP"],
619
+ "codeSyntax": {
620
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
621
+ }
598
622
  },
599
623
  {
600
624
  "name": "stack/padding/normal",
@@ -605,7 +629,10 @@
605
629
  "collection": "pattern/size",
606
630
  "mode": "default",
607
631
  "group": "component",
608
- "scopes": ["GAP"]
632
+ "scopes": ["GAP"],
633
+ "codeSyntax": {
634
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
635
+ }
609
636
  },
610
637
  {
611
638
  "name": "stack/padding/condensed",
@@ -616,7 +643,10 @@
616
643
  "collection": "pattern/size",
617
644
  "mode": "default",
618
645
  "group": "component",
619
- "scopes": ["GAP"]
646
+ "scopes": ["GAP"],
647
+ "codeSyntax": {
648
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
649
+ }
620
650
  },
621
651
  {
622
652
  "name": "spinner/size/large",