@primer/brand-css 0.0.0-20250212132611

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 (75) hide show
  1. package/components/Accordion/Accordion.css +305 -0
  2. package/components/ActionMenu/ActionMenu.css +187 -0
  3. package/components/AnchorNav/AnchorNav.css +427 -0
  4. package/components/Avatar/Avatar.css +115 -0
  5. package/components/Bento/Bento.css +2157 -0
  6. package/components/Box/Box.css +2795 -0
  7. package/components/Box/Box.features.css +48 -0
  8. package/components/Breadcrumbs/Breadcrumbs.css +81 -0
  9. package/components/BreakoutBanner/BreakoutBanner.css +109 -0
  10. package/components/Button/Button.css +207 -0
  11. package/components/ButtonGroup/ButtonGroup.css +10 -0
  12. package/components/CTABanner/CTABanner.css +104 -0
  13. package/components/CTAForm/CTAForm.css +48 -0
  14. package/components/Card/Card.css +183 -0
  15. package/components/ComparisonTable/ComparisonTable.css +290 -0
  16. package/components/ExpandableArrow/ExpandableArrow.css +26 -0
  17. package/components/EyebrowBanner/EyebrowBanner.css +320 -0
  18. package/components/FAQ/FAQ.css +51 -0
  19. package/components/FAQ/FAQGroup.css +51 -0
  20. package/components/Footnotes/Footnotes.css +35 -0
  21. package/components/FrostedGlassVFX/FrostedGlassVFX.css +50 -0
  22. package/components/Grid/Grid.css +741 -0
  23. package/components/Heading/Heading.css +284 -0
  24. package/components/Hero/Hero.css +87 -0
  25. package/components/IDE/IDE.css +392 -0
  26. package/components/Icon/Icon.css +121 -0
  27. package/components/Image/Image.css +54 -0
  28. package/components/InlineLink/InlineLink.css +30 -0
  29. package/components/Label/Label.css +167 -0
  30. package/components/Link/Link.css +84 -0
  31. package/components/LogoSuite/LogoSuite.css +165 -0
  32. package/components/MinimalFooter/MinimalFooter.css +116 -0
  33. package/components/MonaSans/MonaSans.css +4 -0
  34. package/components/Pagination/Pagination.css +117 -0
  35. package/components/Pillar/Pillar.css +106 -0
  36. package/components/PricingOptions/PricingOptions.css +357 -0
  37. package/components/Prose/Prose.css +332 -0
  38. package/components/Section/Section.css +156 -0
  39. package/components/Section/Section.features.css +33 -0
  40. package/components/SectionIntro/SectionIntro.css +48 -0
  41. package/components/Stack/Stack.css +793 -0
  42. package/components/Statistic/Statistic.css +91 -0
  43. package/components/SubNav/SubNav.css +678 -0
  44. package/components/SubdomainNavBar/SubdomainNavBar.css +728 -0
  45. package/components/Testimonial/Testimonial.css +228 -0
  46. package/components/Text/Text.css +195 -0
  47. package/components/Timeline/Timeline.css +79 -0
  48. package/components/Tooltip/Tooltip.css +170 -0
  49. package/components/VideoPlayer/VideoPlayer.css +348 -0
  50. package/components/VideoPlayer/components/Captions/Captions.css +17 -0
  51. package/components/VideoPlayer/components/VolumeControl/VolumeControl.css +3 -0
  52. package/components/animation/Animation.css +192 -0
  53. package/components/animation/TextRevealAnimation/TextRevealAnimation.css +38 -0
  54. package/components/forms/Checkbox/Checkbox.css +88 -0
  55. package/components/forms/ControlGroup/ControlGroup.css +59 -0
  56. package/components/forms/FormControl/FormControl.css +113 -0
  57. package/components/forms/Radio/Radio.css +111 -0
  58. package/components/forms/Select/Select.css +143 -0
  59. package/components/forms/TextInput/TextInput.css +266 -0
  60. package/components/forms/Textarea/Textarea.css +129 -0
  61. package/components/list/ListItem/ListItem.css +29 -0
  62. package/components/list/OrderedList/OrderedList.css +3 -0
  63. package/components/list/list-shared.css +10 -0
  64. package/components/recipes/FeaturePreviewLPs/FeaturePreviewLevelOne/FeaturePreviewLevelOne.css +204 -0
  65. package/components/recipes/FeaturePreviewLPs/FeaturePreviewLevelTwo/FeaturePreviewLevelTwo.css +57 -0
  66. package/components/recipes/FeaturePreviewLPs/FeaturePreviewLevelZero/FeaturePreviewLevelZero.css +3 -0
  67. package/components/recipes/SolutionTemplates/CategoryPage/CategoryPage.css +83 -0
  68. package/components/recipes/SolutionTemplates/SolutionPage/SolutionPage.css +119 -0
  69. package/components/recipes/SolutionTemplates/SolutionsOverview/SolutionsOverview.css +35 -0
  70. package/components/recipes/SolutionTemplates/parallax.css +165 -0
  71. package/components/recipes/seo/Article/Article.css +289 -0
  72. package/components/recipes/seo/Category/CategoryPage.css +43 -0
  73. package/components/river/RiverStoryScroll/RiverStoryScroll.css +470 -0
  74. package/components/river/river-shared.css +205 -0
  75. package/package.json +42 -0
package/components/Statistic/Statistic.css ADDED
@@ -0,0 +1,91 @@
1
+ /**
2
+ * Variants
3
+ */
4
+ .Statistic--variant-boxed {
5
+ background-color: var(--brand-color-canvas-subtle);
6
+ border-radius: var(--brand-borderRadius-large);
7
+ }
8
+
9
+ .Statistic--variant-boxed,
10
+ .Statistic--variant-boxed.Statistic--padding-none {
11
+ padding: var(--brand-Statistic-spacing-spacious);
12
+ }
13
+
14
+ /**
15
+ * Padding options
16
+ */
17
+ .Statistic--padding-none {
18
+ padding: 0;
19
+ }
20
+
21
+ .Statistic--padding-condensed {
22
+ padding: var(--brand-Statistic-spacing-condensed);
23
+ }
24
+
25
+ .Statistic--padding-normal {
26
+ padding: var(--brand-Statistic-spacing-normal);
27
+ }
28
+
29
+ .Statistic--padding-spacious {
30
+ padding: var(--brand-Statistic-spacing-spacious);
31
+ }
32
+
33
+ .Statistic--narrow-padding-condensed {
34
+ padding: var(--brand-box-spacing-condensed);
35
+ }
36
+ .Statistic--narrow-padding-normal {
37
+ padding: var(--brand-box-spacing-normal);
38
+ }
39
+ .Statistic--narrow-padding-spacious {
40
+ padding: var(--base-size-32);
41
+ }
42
+ .Statistic--narrow-padding-none {
43
+ padding: 0;
44
+ }
45
+
46
+ @media screen and (min-width: 48rem) {
47
+ .Statistic--regular-padding-condensed {
48
+ padding: var(--brand-Statistic-spacing-condensed);
49
+ }
50
+ .Statistic--regular-padding-normal {
51
+ padding: var(--brand-Statistic-spacing-normal);
52
+ }
53
+ .Statistic--regular-padding-spacious {
54
+ padding: var(--brand-Statistic-spacing-spacious);
55
+ }
56
+ .Statistic--regular-padding-none {
57
+ padding: 0;
58
+ }
59
+ }
60
+
61
+ @media screen and (min-width: 80rem) {
62
+ .Statistic--wide-padding-condensed {
63
+ padding: var(--brand-Statistic-spacing-condensed);
64
+ }
65
+ .Statistic--wide-padding-normal {
66
+ padding: var(--brand-Statistic-spacing-normal);
67
+ }
68
+ .Statistic--wide-padding-spacious {
69
+ padding: var(--brand-Statistic-spacing-spacious);
70
+ }
71
+ .Statistic--wide-padding-none {
72
+ padding: 0;
73
+ }
74
+ }
75
+
76
+ .Statistic__heading {
77
+ font-stretch: 75%;
78
+ }
79
+
80
+ /*
81
+ * Description
82
+ */
83
+ .Statistic__description--accent {
84
+ color: var(--brand-color-accent-primary);
85
+ }
86
+
87
+ .Statistic__description {
88
+ display: block;
89
+ margin-block-start: var(--base-size-8);
90
+ font-stretch: normal;
91
+ }