@primer/react-brand 0.1.0-rc.c341bbe → 0.1.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 (71) hide show
  1. package/lib/Hero/Hero.d.ts +2 -2
  2. package/lib/LinkButton/LinkButton.d.ts +1 -0
  3. package/lib/css/main.css +921 -1057
  4. package/lib/css/stylesheets.d.ts +2 -1
  5. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +805 -0
  6. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +139 -0
  7. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  8. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  9. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +58 -0
  10. package/lib/design-tokens/css/tokens/functional/colors/global.css +22 -0
  11. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +28 -0
  12. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +9 -0
  13. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  20. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +2551 -0
  21. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  22. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  23. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +289 -0
  24. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +47 -0
  25. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  26. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  27. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  28. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  29. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  30. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  31. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  32. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +137 -0
  33. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  34. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  35. package/lib/design-tokens/js/tokens/functional/colors/global.js +20 -0
  36. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +7 -0
  37. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  38. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  39. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  40. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  41. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  42. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  43. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  44. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +176 -0
  45. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +175 -0
  46. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  47. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  48. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  49. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  50. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +35 -0
  51. package/lib/design-tokens/ts/tokens/functional/colors/global.js +34 -0
  52. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +18 -0
  53. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +17 -0
  54. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  55. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  56. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  57. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  58. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  59. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  60. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  61. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  62. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  63. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  64. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  65. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  66. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  67. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  68. package/lib/index.js +1 -1
  69. package/package.json +11 -13
  70. package/CHANGELOG.md +0 -29
  71. package/lib/css/gh-variables.color.css +0 -1049
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import '../../lib/design-tokens/css/tokens/functional/components/hero/base.css';
2
3
  declare type Action = {
3
4
  text: string;
4
5
  href: string;
@@ -10,7 +11,6 @@ export declare type HeroProps = {
10
11
  primaryAction: Action;
11
12
  secondaryAction?: Action;
12
13
  align?: 'start' | 'center';
13
- size?: 'small' | 'large';
14
14
  };
15
- export declare function Hero({ className, heading, description, primaryAction, secondaryAction, align, size }: HeroProps): JSX.Element;
15
+ export declare function Hero({ className, heading, description, primaryAction, secondaryAction, align }: HeroProps): JSX.Element;
16
16
  export {};
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import '../../lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css';
2
3
  export declare type LinkButtonProps = {
3
4
  href: string;
4
5
  variant?: 'primary' | 'secondary';