@primer/react-brand 0.3.1 → 0.4.0-rc.420e2e9

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 (123) hide show
  1. package/CHANGELOG.md +198 -0
  2. package/README.md +25 -9
  3. package/lib/Accordion/Accordion.d.ts +9 -9
  4. package/lib/Button/Button.d.ts +6 -2
  5. package/lib/FAQ/FAQ.d.ts +14 -15
  6. package/lib/Heading/Heading.d.ts +4 -3
  7. package/lib/Hero/Hero.d.ts +3 -3
  8. package/lib/InlineLink/InlineLink.d.ts +4 -7
  9. package/lib/River/River.d.ts +47 -16
  10. package/lib/component-helpers.d.ts +21 -3
  11. package/lib/css/main.css +782 -13
  12. package/lib/css/stylesheets.d.ts +1 -0
  13. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  14. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  15. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  16. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +25 -1
  18. package/lib/design-tokens/css/tokens/functional/colors/global.css +9 -1
  19. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/control/base.css +18 -0
  22. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +55 -0
  23. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/size/size.css +3 -5
  35. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  37. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  38. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  39. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  40. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +149 -1
  41. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +195 -0
  42. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  43. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  44. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  45. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  46. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  47. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  48. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  49. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  50. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  51. package/lib/design-tokens/js/module/tokens/functional/size/size.js +3 -35
  52. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  55. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  56. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  57. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  58. package/lib/design-tokens/js/tokens/functional/colors/global.js +9 -1
  59. package/lib/design-tokens/js/tokens/functional/components/control/base.js +16 -0
  60. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  61. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  62. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  63. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  64. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  65. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  66. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  67. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  68. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  69. package/lib/design-tokens/js/tokens/functional/size/size.js +3 -5
  70. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  71. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  72. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  73. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  74. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  75. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  76. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  77. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  78. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  79. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +13 -1
  80. package/lib/design-tokens/ts/tokens/functional/colors/global.js +13 -1
  81. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +31 -0
  82. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +30 -0
  83. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  84. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  85. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  86. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  87. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  88. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  89. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  90. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  93. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  94. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  96. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  97. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  98. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  99. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  100. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  101. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -3
  102. package/lib/design-tokens/ts/tokens/functional/size/size.js +3 -5
  103. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  104. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  105. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  106. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  107. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  108. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  109. package/lib/forms/Checkbox/Checkbox.d.ts +57 -0
  110. package/lib/forms/Checkbox/forms.visual.spec.d.ts +1 -0
  111. package/lib/forms/Checkbox/index.d.ts +1 -0
  112. package/lib/forms/FormControl/FormControl.d.ts +57 -0
  113. package/lib/forms/FormControl/forms.visual.spec.d.ts +1 -0
  114. package/lib/forms/FormControl/index.d.ts +1 -0
  115. package/lib/forms/Select/Select.d.ts +58 -0
  116. package/lib/forms/Select/index.d.ts +1 -0
  117. package/lib/forms/TextInput/TextInput.d.ts +87 -0
  118. package/lib/forms/TextInput/index.d.ts +1 -0
  119. package/lib/forms/form-types.d.ts +2 -0
  120. package/lib/forms/index.d.ts +10 -0
  121. package/lib/index.d.ts +1 -0
  122. package/lib/index.js +1 -1
  123. package/package.json +17 -8
@@ -1,7 +1,25 @@
1
- /// <reference types="react" />
1
+ import React, { Ref } from 'react';
2
2
  /**
3
3
  * Layout
4
4
  */
5
- export declare const Container: ({ children }: {
6
- children: any;
5
+ export declare const Container: ({ children, style }: {
6
+ children: React.ReactElement[] | React.ReactElement;
7
+ style?: React.CSSProperties | undefined;
7
8
  }) => JSX.Element;
9
+ /**
10
+ * Base Types
11
+ */
12
+ /**
13
+ * Component helper type to be extended by component types, e.g.:
14
+ * type CustomComponentProps = BaseProps<HTMLDivElement> & { ... }
15
+ *
16
+ * Example use:
17
+ * const CustomComponent = forwardRef<HTMLDivElement, CustomComponentProps>(({className, ...props}, ref) => { ... })
18
+ * // OR:
19
+ * const CustomComponent = forwardRef(({className: CustomComponentProps, ...props}, ref: Ref<HTMLDivElement>) => { ... })
20
+ */
21
+ export declare type BaseProps<T> = {
22
+ className?: string;
23
+ id?: string;
24
+ ref?: Ref<T>;
25
+ };