@primer/react-brand 0.20.0-rc.a019e90 → 0.20.0

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 (161) hide show
  1. package/lib/Stack/Stack.d.ts +3 -3
  2. package/lib/constants.d.ts +1 -0
  3. package/lib/css/main.css +448 -32
  4. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  5. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  6. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  7. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  8. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  9. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  10. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  11. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  48. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  49. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  50. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  51. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  52. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  55. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  56. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  57. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  58. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  59. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  60. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  61. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  62. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  63. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  64. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  65. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  66. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  67. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  68. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  69. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  70. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  71. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  72. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  73. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  74. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  75. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  76. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  77. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  78. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  79. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  80. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  81. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  82. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  83. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  84. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  85. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  86. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  87. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  88. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  89. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  90. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  91. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  92. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  93. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  94. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  95. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  96. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  97. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  98. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  99. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  100. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  101. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  102. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  103. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  104. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  105. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  106. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  107. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  108. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  109. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  110. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  111. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  112. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  113. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  114. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  115. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  116. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  117. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  118. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  119. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  120. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  121. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  122. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  123. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  124. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  125. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  126. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  127. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  128. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  129. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  130. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  131. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  132. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  133. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  134. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  135. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  136. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  137. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  138. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  139. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  140. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  141. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  142. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  143. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  144. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  145. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  146. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  147. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  148. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  149. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  150. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  151. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  152. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  153. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  154. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  155. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  156. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  157. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  158. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  159. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  160. package/lib/index.js +1 -1
  161. package/package.json +1 -1
@@ -4,7 +4,7 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/si
4
4
  export declare const StackDirectionVariants: readonly ["horizontal", "vertical"];
5
5
  declare type StackDirectionVariants = typeof StackDirectionVariants[number];
6
6
  export declare const defaultStackDirection: "vertical";
7
- export declare const StackSpacingVariants: readonly ["none", "condensed", "normal", "spacious"];
7
+ export declare const StackSpacingVariants: readonly ["none", "condensed", "normal", "spacious", 4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 64, 80, 96, 112, 128];
8
8
  declare type StackSpacingVariants = typeof StackSpacingVariants[number];
9
9
  export declare const defaultStackSpacing: "condensed";
10
10
  export declare const StackAlignItemVariants: readonly ["center", "flex-start", "flex-end"];
@@ -85,7 +85,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLE
85
85
  * A string value will be applied to all viewports.
86
86
  * An object can be used to define different values for different viewports.
87
87
  */
88
- gap?: "normal" | "condensed" | "none" | "spacious" | ResponsiveSpacingMap | undefined;
88
+ gap?: "normal" | "condensed" | "none" | 4 | 24 | 16 | "spacious" | 8 | 12 | 20 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
89
89
  /**
90
90
  * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
91
91
  * A string value will be applied to all viewports.
@@ -97,7 +97,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLE
97
97
  * A string value will be applied to all viewports.
98
98
  * An object can be used to define different values for different viewports.
99
99
  */
100
- padding?: "normal" | "condensed" | "none" | "spacious" | ResponsiveSpacingMap | undefined;
100
+ padding?: "normal" | "condensed" | "none" | 4 | 24 | 16 | "spacious" | 8 | 12 | 20 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
101
101
  /**
102
102
  * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
103
103
  * A string value will be applied to all viewports.
@@ -1,2 +1,3 @@
1
1
  export declare const Colors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
2
2
  export declare const Gradients: readonly ["blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
3
+ export declare const BaseSizeScale: readonly [4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 64, 80, 96, 112, 128];