@primer/react-brand 0.22.1-rc.1cf45ae → 0.23.0-rc.0095cf1
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.
- package/lib/CTABanner/CTABanner.d.ts +4 -4
- package/lib/LogoSuite/LogoSuite.d.ts +5 -5
- package/lib/Timeline/Timeline.d.ts +16 -0
- package/lib/Timeline/Timeline.visual.spec.d.ts +1 -0
- package/lib/Timeline/index.d.ts +1 -0
- package/lib/css/main.css +127 -38
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +13 -0
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +13 -0
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +8 -0
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +105 -0
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +31 -0
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +11 -0
- package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +6 -0
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/scss/tokens/base/colors/color-scales.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/control/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +10 -0
- package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +22 -0
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +21 -0
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +17 -0
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +16 -0
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -1
- package/package.json +1 -1
|
@@ -23,10 +23,10 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
|
|
|
23
23
|
} & {
|
|
24
24
|
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
|
|
25
25
|
size?: "1" | "2" | "3" | "4" | "5" | "6" | undefined;
|
|
26
|
-
weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" |
|
|
27
|
-
narrow?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" |
|
|
28
|
-
regular?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" |
|
|
29
|
-
wide?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" |
|
|
26
|
+
weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | {
|
|
27
|
+
narrow?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | undefined;
|
|
28
|
+
regular?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | undefined;
|
|
29
|
+
wide?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | undefined;
|
|
30
30
|
} | undefined;
|
|
31
31
|
stretch?: "normal" | "condensed" | "expanded" | {
|
|
32
32
|
narrow?: "normal" | "condensed" | "expanded" | undefined;
|
|
@@ -35,7 +35,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
|
|
|
35
35
|
Description: React.ForwardRefExoticComponent<(Omit<BaseProps<HTMLParagraphElement> & {
|
|
36
36
|
size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
|
|
37
37
|
variant?: "default" | "muted" | undefined;
|
|
38
|
-
weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" |
|
|
38
|
+
weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
|
|
39
39
|
align?: "start" | "center" | "end" | undefined;
|
|
40
40
|
} & {
|
|
41
41
|
as?: "span" | "div" | "em" | "p" | "strong" | undefined;
|
|
@@ -46,7 +46,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
|
|
|
46
46
|
}, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
|
|
47
47
|
size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
|
|
48
48
|
variant?: "default" | "muted" | undefined;
|
|
49
|
-
weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" |
|
|
49
|
+
weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
|
|
50
50
|
align?: "start" | "center" | "end" | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
as?: "span" | "div" | "em" | "p" | "strong" | undefined;
|
|
@@ -57,7 +57,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
|
|
|
57
57
|
}, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
|
|
58
58
|
size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
|
|
59
59
|
variant?: "default" | "muted" | undefined;
|
|
60
|
-
weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" |
|
|
60
|
+
weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
|
|
61
61
|
align?: "start" | "center" | "end" | undefined;
|
|
62
62
|
} & {
|
|
63
63
|
as?: "span" | "div" | "em" | "p" | "strong" | undefined;
|
|
@@ -68,7 +68,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
|
|
|
68
68
|
}, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
|
|
69
69
|
size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
|
|
70
70
|
variant?: "default" | "muted" | undefined;
|
|
71
|
-
weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" |
|
|
71
|
+
weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
|
|
72
72
|
align?: "start" | "center" | "end" | undefined;
|
|
73
73
|
} & {
|
|
74
74
|
as?: "span" | "div" | "em" | "p" | "strong" | undefined;
|
|
@@ -79,7 +79,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
|
|
|
79
79
|
}, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
|
|
80
80
|
size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
|
|
81
81
|
variant?: "default" | "muted" | undefined;
|
|
82
|
-
weight?: "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" |
|
|
82
|
+
weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
|
|
83
83
|
align?: "start" | "center" | "end" | undefined;
|
|
84
84
|
} & {
|
|
85
85
|
as?: "span" | "div" | "em" | "p" | "strong" | undefined;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { BaseProps } from '../component-helpers';
|
|
3
|
+
/**
|
|
4
|
+
* Design tokens
|
|
5
|
+
*/
|
|
6
|
+
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css';
|
|
7
|
+
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/timeline/base.css';
|
|
8
|
+
export type TimelineProps = BaseProps<HTMLUListElement>;
|
|
9
|
+
export type TimelineItemProps = BaseProps<HTMLLIElement>;
|
|
10
|
+
/**
|
|
11
|
+
* Use Timeline to display a list of connected items as a vertical timeline.
|
|
12
|
+
* @see https://primer.style/brand/components/Timeline
|
|
13
|
+
*/
|
|
14
|
+
export declare const Timeline: (({ animate, className, children, ...rest }: PropsWithChildren<TimelineProps>) => JSX.Element) & {
|
|
15
|
+
Item: ({ className, children, ...rest }: PropsWithChildren<TimelineItemProps>) => JSX.Element;
|
|
16
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Timeline';
|
package/lib/css/main.css
CHANGED
|
@@ -89,7 +89,7 @@ select {
|
|
|
89
89
|
|
|
90
90
|
/**
|
|
91
91
|
* Do not edit directly
|
|
92
|
-
* Generated on Wed, 09 Aug 2023
|
|
92
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
93
93
|
*/
|
|
94
94
|
|
|
95
95
|
:root,
|
|
@@ -629,7 +629,7 @@ select {
|
|
|
629
629
|
|
|
630
630
|
/**
|
|
631
631
|
* Do not edit directly
|
|
632
|
-
* Generated on Wed, 09 Aug 2023
|
|
632
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
633
633
|
*/
|
|
634
634
|
|
|
635
635
|
:root {
|
|
@@ -654,7 +654,7 @@ select {
|
|
|
654
654
|
|
|
655
655
|
/**
|
|
656
656
|
* Do not edit directly
|
|
657
|
-
* Generated on Wed, 09 Aug 2023
|
|
657
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
658
658
|
*/
|
|
659
659
|
|
|
660
660
|
:root {
|
|
@@ -669,7 +669,7 @@ select {
|
|
|
669
669
|
|
|
670
670
|
/**
|
|
671
671
|
* Do not edit directly
|
|
672
|
-
* Generated on Wed, 09 Aug 2023
|
|
672
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
673
673
|
*/
|
|
674
674
|
|
|
675
675
|
:root {
|
|
@@ -841,7 +841,7 @@ select {
|
|
|
841
841
|
|
|
842
842
|
/**
|
|
843
843
|
* Do not edit directly
|
|
844
|
-
* Generated on Wed, 09 Aug 2023
|
|
844
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
845
845
|
*/
|
|
846
846
|
|
|
847
847
|
:root {
|
|
@@ -855,7 +855,7 @@ select {
|
|
|
855
855
|
|
|
856
856
|
/**
|
|
857
857
|
* Do not edit directly
|
|
858
|
-
* Generated on Wed, 09 Aug 2023
|
|
858
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
859
859
|
*/
|
|
860
860
|
|
|
861
861
|
:root {
|
|
@@ -873,7 +873,7 @@ select {
|
|
|
873
873
|
|
|
874
874
|
/**
|
|
875
875
|
* Do not edit directly
|
|
876
|
-
* Generated on Wed, 09 Aug 2023
|
|
876
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
877
877
|
*/
|
|
878
878
|
|
|
879
879
|
:root,
|
|
@@ -1227,7 +1227,7 @@ select {
|
|
|
1227
1227
|
|
|
1228
1228
|
/**
|
|
1229
1229
|
* Do not edit directly
|
|
1230
|
-
* Generated on Wed, 09 Aug 2023
|
|
1230
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
1231
1231
|
*/
|
|
1232
1232
|
|
|
1233
1233
|
:root,
|
|
@@ -1685,7 +1685,7 @@ select {
|
|
|
1685
1685
|
|
|
1686
1686
|
/**
|
|
1687
1687
|
* Do not edit directly
|
|
1688
|
-
* Generated on Wed, 09 Aug 2023
|
|
1688
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
1689
1689
|
*/
|
|
1690
1690
|
|
|
1691
1691
|
:root {
|
|
@@ -1912,7 +1912,7 @@ select {
|
|
|
1912
1912
|
|
|
1913
1913
|
/**
|
|
1914
1914
|
* Do not edit directly
|
|
1915
|
-
* Generated on Wed, 09 Aug 2023
|
|
1915
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
1916
1916
|
*/
|
|
1917
1917
|
|
|
1918
1918
|
:root,
|
|
@@ -2181,7 +2181,7 @@ select {
|
|
|
2181
2181
|
|
|
2182
2182
|
/**
|
|
2183
2183
|
* Do not edit directly
|
|
2184
|
-
* Generated on Wed, 09 Aug 2023
|
|
2184
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
2185
2185
|
*/
|
|
2186
2186
|
|
|
2187
2187
|
:root {
|
|
@@ -2207,7 +2207,7 @@ select {
|
|
|
2207
2207
|
|
|
2208
2208
|
/**
|
|
2209
2209
|
* Do not edit directly
|
|
2210
|
-
* Generated on Wed, 09 Aug 2023
|
|
2210
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
2211
2211
|
*/
|
|
2212
2212
|
|
|
2213
2213
|
:root,
|
|
@@ -2965,7 +2965,7 @@ select {
|
|
|
2965
2965
|
|
|
2966
2966
|
/**
|
|
2967
2967
|
* Do not edit directly
|
|
2968
|
-
* Generated on Wed, 09 Aug 2023
|
|
2968
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
2969
2969
|
*/
|
|
2970
2970
|
|
|
2971
2971
|
:root {
|
|
@@ -3815,7 +3815,7 @@ select {
|
|
|
3815
3815
|
|
|
3816
3816
|
/**
|
|
3817
3817
|
* Do not edit directly
|
|
3818
|
-
* Generated on Wed, 09 Aug 2023
|
|
3818
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
3819
3819
|
*/
|
|
3820
3820
|
|
|
3821
3821
|
:root {
|
|
@@ -3836,7 +3836,7 @@ select {
|
|
|
3836
3836
|
|
|
3837
3837
|
/**
|
|
3838
3838
|
* Do not edit directly
|
|
3839
|
-
* Generated on Wed, 09 Aug 2023
|
|
3839
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
3840
3840
|
*/
|
|
3841
3841
|
|
|
3842
3842
|
:root {
|
|
@@ -3846,7 +3846,7 @@ select {
|
|
|
3846
3846
|
|
|
3847
3847
|
/**
|
|
3848
3848
|
* Do not edit directly
|
|
3849
|
-
* Generated on Wed, 09 Aug 2023
|
|
3849
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
3850
3850
|
*/
|
|
3851
3851
|
|
|
3852
3852
|
:root {
|
|
@@ -4669,7 +4669,7 @@ select {
|
|
|
4669
4669
|
|
|
4670
4670
|
/**
|
|
4671
4671
|
* Do not edit directly
|
|
4672
|
-
* Generated on Wed, 09 Aug 2023
|
|
4672
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
4673
4673
|
*/
|
|
4674
4674
|
|
|
4675
4675
|
:root,
|
|
@@ -4697,7 +4697,7 @@ select {
|
|
|
4697
4697
|
|
|
4698
4698
|
/**
|
|
4699
4699
|
* Do not edit directly
|
|
4700
|
-
* Generated on Wed, 09 Aug 2023
|
|
4700
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
4701
4701
|
*/
|
|
4702
4702
|
|
|
4703
4703
|
:root,
|
|
@@ -4713,7 +4713,7 @@ select {
|
|
|
4713
4713
|
|
|
4714
4714
|
/**
|
|
4715
4715
|
* Do not edit directly
|
|
4716
|
-
* Generated on Wed, 09 Aug 2023
|
|
4716
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
4717
4717
|
*/
|
|
4718
4718
|
|
|
4719
4719
|
:root {
|
|
@@ -4849,7 +4849,7 @@ select {
|
|
|
4849
4849
|
|
|
4850
4850
|
/**
|
|
4851
4851
|
* Do not edit directly
|
|
4852
|
-
* Generated on Wed, 09 Aug 2023
|
|
4852
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
4853
4853
|
*/
|
|
4854
4854
|
|
|
4855
4855
|
:root,
|
|
@@ -4865,7 +4865,7 @@ select {
|
|
|
4865
4865
|
|
|
4866
4866
|
/**
|
|
4867
4867
|
* Do not edit directly
|
|
4868
|
-
* Generated on Wed, 09 Aug 2023
|
|
4868
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
4869
4869
|
*/
|
|
4870
4870
|
|
|
4871
4871
|
:root,
|
|
@@ -5022,7 +5022,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5022
5022
|
|
|
5023
5023
|
/**
|
|
5024
5024
|
* Do not edit directly
|
|
5025
|
-
* Generated on Wed, 09 Aug 2023
|
|
5025
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
5026
5026
|
*/
|
|
5027
5027
|
|
|
5028
5028
|
:root {
|
|
@@ -5031,7 +5031,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5031
5031
|
|
|
5032
5032
|
/**
|
|
5033
5033
|
* Do not edit directly
|
|
5034
|
-
* Generated on Wed, 09 Aug 2023
|
|
5034
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
5035
5035
|
*/
|
|
5036
5036
|
|
|
5037
5037
|
:root,
|
|
@@ -5045,7 +5045,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5045
5045
|
|
|
5046
5046
|
/**
|
|
5047
5047
|
* Do not edit directly
|
|
5048
|
-
* Generated on Wed, 09 Aug 2023
|
|
5048
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
5049
5049
|
*/
|
|
5050
5050
|
|
|
5051
5051
|
:root {
|
|
@@ -5117,7 +5117,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5117
5117
|
|
|
5118
5118
|
/**
|
|
5119
5119
|
* Do not edit directly
|
|
5120
|
-
* Generated on Wed, 09 Aug 2023
|
|
5120
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
5121
5121
|
*/
|
|
5122
5122
|
|
|
5123
5123
|
:root {
|
|
@@ -5136,7 +5136,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5136
5136
|
|
|
5137
5137
|
/**
|
|
5138
5138
|
* Do not edit directly
|
|
5139
|
-
* Generated on Wed, 09 Aug 2023
|
|
5139
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
5140
5140
|
*/
|
|
5141
5141
|
|
|
5142
5142
|
:root,
|
|
@@ -6242,7 +6242,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
6242
6242
|
|
|
6243
6243
|
/**
|
|
6244
6244
|
* Do not edit directly
|
|
6245
|
-
* Generated on Wed, 09 Aug 2023
|
|
6245
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
6246
6246
|
*/
|
|
6247
6247
|
|
|
6248
6248
|
:root,
|
|
@@ -6258,7 +6258,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
6258
6258
|
|
|
6259
6259
|
/**
|
|
6260
6260
|
* Do not edit directly
|
|
6261
|
-
* Generated on Wed, 09 Aug 2023
|
|
6261
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
6262
6262
|
*/
|
|
6263
6263
|
|
|
6264
6264
|
:root {
|
|
@@ -6576,7 +6576,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
6576
6576
|
|
|
6577
6577
|
/**
|
|
6578
6578
|
* Do not edit directly
|
|
6579
|
-
* Generated on Wed, 09 Aug 2023
|
|
6579
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
6580
6580
|
*/
|
|
6581
6581
|
|
|
6582
6582
|
:root,
|
|
@@ -6980,7 +6980,7 @@ html {
|
|
|
6980
6980
|
|
|
6981
6981
|
/**
|
|
6982
6982
|
* Do not edit directly
|
|
6983
|
-
* Generated on Wed, 09 Aug 2023
|
|
6983
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
6984
6984
|
*/
|
|
6985
6985
|
|
|
6986
6986
|
:root,
|
|
@@ -7162,7 +7162,7 @@ html {
|
|
|
7162
7162
|
|
|
7163
7163
|
/**
|
|
7164
7164
|
* Do not edit directly
|
|
7165
|
-
* Generated on Wed, 09 Aug 2023
|
|
7165
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
7166
7166
|
*/
|
|
7167
7167
|
|
|
7168
7168
|
:root,
|
|
@@ -7288,7 +7288,7 @@ html {
|
|
|
7288
7288
|
|
|
7289
7289
|
/**
|
|
7290
7290
|
* Do not edit directly
|
|
7291
|
-
* Generated on Wed, 09 Aug 2023
|
|
7291
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
7292
7292
|
*/
|
|
7293
7293
|
|
|
7294
7294
|
:root,
|
|
@@ -7418,7 +7418,7 @@ html {
|
|
|
7418
7418
|
|
|
7419
7419
|
/**
|
|
7420
7420
|
* Do not edit directly
|
|
7421
|
-
* Generated on Wed, 09 Aug 2023
|
|
7421
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
7422
7422
|
*/
|
|
7423
7423
|
|
|
7424
7424
|
:root {
|
|
@@ -7430,7 +7430,7 @@ html {
|
|
|
7430
7430
|
|
|
7431
7431
|
/**
|
|
7432
7432
|
* Do not edit directly
|
|
7433
|
-
* Generated on Wed, 09 Aug 2023
|
|
7433
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
7434
7434
|
*/
|
|
7435
7435
|
|
|
7436
7436
|
:root,
|
|
@@ -7783,7 +7783,7 @@ html {
|
|
|
7783
7783
|
|
|
7784
7784
|
/**
|
|
7785
7785
|
* Do not edit directly
|
|
7786
|
-
* Generated on Wed, 09 Aug 2023
|
|
7786
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
7787
7787
|
*/
|
|
7788
7788
|
|
|
7789
7789
|
:root,
|
|
@@ -8195,7 +8195,7 @@ html {
|
|
|
8195
8195
|
|
|
8196
8196
|
/**
|
|
8197
8197
|
* Do not edit directly
|
|
8198
|
-
* Generated on Wed, 09 Aug 2023
|
|
8198
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
8199
8199
|
*/
|
|
8200
8200
|
|
|
8201
8201
|
:root {
|
|
@@ -12713,7 +12713,7 @@ html {
|
|
|
12713
12713
|
|
|
12714
12714
|
/**
|
|
12715
12715
|
* Do not edit directly
|
|
12716
|
-
* Generated on Wed, 09 Aug 2023
|
|
12716
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
12717
12717
|
*/
|
|
12718
12718
|
|
|
12719
12719
|
:root,
|
|
@@ -12729,7 +12729,7 @@ html {
|
|
|
12729
12729
|
|
|
12730
12730
|
/**
|
|
12731
12731
|
* Do not edit directly
|
|
12732
|
-
* Generated on Wed, 09 Aug 2023
|
|
12732
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
12733
12733
|
*/
|
|
12734
12734
|
|
|
12735
12735
|
:root {
|
|
@@ -12895,3 +12895,92 @@ html {
|
|
|
12895
12895
|
mask-image: linear-gradient(to right, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 1) 20%, hsla(0, 0%, 0%, 1) 80%, hsla(0, 0%, 0%, 0));
|
|
12896
12896
|
}
|
|
12897
12897
|
|
|
12898
|
+
.Primer_Brand__Timeline-module__Timeline___keSeT {
|
|
12899
|
+
--bulletY: calc(var(--brand-Timeline-lineHeight) / 2 - var(--brand-Timeline-bullet-size) / 2 - 1px);
|
|
12900
|
+
|
|
12901
|
+
margin: 0;
|
|
12902
|
+
padding: 0;
|
|
12903
|
+
list-style: none;
|
|
12904
|
+
}
|
|
12905
|
+
|
|
12906
|
+
[dir="ltr"] .Primer_Brand__Timeline-module__Timeline__item____ME4_ {
|
|
12907
|
+
padding-left: calc(var(--brand-Timeline-bullet-size) + var(--brand-Timeline-spacing));
|
|
12908
|
+
}
|
|
12909
|
+
|
|
12910
|
+
[dir="rtl"] .Primer_Brand__Timeline-module__Timeline__item____ME4_ {
|
|
12911
|
+
padding-right: calc(var(--brand-Timeline-bullet-size) + var(--brand-Timeline-spacing));
|
|
12912
|
+
}
|
|
12913
|
+
|
|
12914
|
+
.Primer_Brand__Timeline-module__Timeline__item____ME4_ {
|
|
12915
|
+
position: relative;
|
|
12916
|
+
max-width: var(--brand-Timeline-lineLength);
|
|
12917
|
+
-webkit-padding-start: calc(var(--brand-Timeline-bullet-size) + var(--brand-Timeline-spacing));
|
|
12918
|
+
color: var(--brand-color-text-default);
|
|
12919
|
+
line-height: var(--brand-Timeline-lineHeight);
|
|
12920
|
+
}
|
|
12921
|
+
|
|
12922
|
+
.Primer_Brand__Timeline-module__Timeline__item____ME4_:not(:last-child) {
|
|
12923
|
+
padding-bottom: var(--base-size-32);
|
|
12924
|
+
}
|
|
12925
|
+
|
|
12926
|
+
.Primer_Brand__Timeline-module__Timeline__item____ME4_::before,
|
|
12927
|
+
.Primer_Brand__Timeline-module__Timeline__item____ME4_::after {
|
|
12928
|
+
content: '';
|
|
12929
|
+
position: absolute;
|
|
12930
|
+
}
|
|
12931
|
+
|
|
12932
|
+
.Primer_Brand__Timeline-module__Timeline__item____ME4_::before {
|
|
12933
|
+
width: var(--brand-Timeline-bullet-size);
|
|
12934
|
+
height: var(--brand-Timeline-bullet-size);
|
|
12935
|
+
top: var(--bulletY);
|
|
12936
|
+
left: 0;
|
|
12937
|
+
border-style: solid;
|
|
12938
|
+
border-width: var(--brand-Timeline-strokeWidth);
|
|
12939
|
+
border-color: var(--brand-Timeline-line-color);
|
|
12940
|
+
border-radius: var(--brand-borderRadius-full);
|
|
12941
|
+
}
|
|
12942
|
+
|
|
12943
|
+
.Primer_Brand__Timeline-module__Timeline__item____ME4_:not(:last-child)::after {
|
|
12944
|
+
top: calc(var(--bulletY) + var(--brand-Timeline-bullet-size) + var(--brand-Timeline-bullet-spacing));
|
|
12945
|
+
left: calc(var(--brand-Timeline-bullet-size) / 2);
|
|
12946
|
+
width: var(--brand-Timeline-strokeWidth);
|
|
12947
|
+
height: calc(100% - var(--brand-Timeline-bullet-size) - var(--brand-Timeline-bullet-spacing) * 2);
|
|
12948
|
+
transform: translateX(-50%);
|
|
12949
|
+
background-color: var(--brand-Timeline-line-color);
|
|
12950
|
+
border-radius: var(--brand-borderRadius-full);
|
|
12951
|
+
}
|
|
12952
|
+
|
|
12953
|
+
.Primer_Brand__Timeline-module__Timeline__item____ME4_ em {
|
|
12954
|
+
color: var(--brand-color-text-default);
|
|
12955
|
+
font-style: normal;
|
|
12956
|
+
font-weight: 500; /* TODO: update with token when available */
|
|
12957
|
+
}
|
|
12958
|
+
|
|
12959
|
+
/**
|
|
12960
|
+
* Do not edit directly
|
|
12961
|
+
* Generated on Wed, 09 Aug 2023 16:03:46 GMT
|
|
12962
|
+
*/
|
|
12963
|
+
|
|
12964
|
+
:root,
|
|
12965
|
+
[data-color-mode="light"] {
|
|
12966
|
+
--brand-Timeline-line-color: var(--brand-color-border-default);
|
|
12967
|
+
}
|
|
12968
|
+
|
|
12969
|
+
[data-color-mode="dark"] {
|
|
12970
|
+
--brand-Timeline-line-color: var(--base-color-scale-gray-4);
|
|
12971
|
+
}
|
|
12972
|
+
|
|
12973
|
+
/**
|
|
12974
|
+
* Do not edit directly
|
|
12975
|
+
* Generated on Wed, 09 Aug 2023 16:03:45 GMT
|
|
12976
|
+
*/
|
|
12977
|
+
|
|
12978
|
+
:root {
|
|
12979
|
+
--brand-Timeline-bullet-spacing: 0.125rem;
|
|
12980
|
+
--brand-Timeline-bullet-size: var(--base-size-8);
|
|
12981
|
+
--brand-Timeline-spacing: var(--base-size-16);
|
|
12982
|
+
--brand-Timeline-strokeWidth: 0.09375rem;
|
|
12983
|
+
--brand-Timeline-lineLength: 44ch;
|
|
12984
|
+
--brand-Timeline-lineHeight: var(--brand-text-lineHeight-300);
|
|
12985
|
+
}
|
|
12986
|
+
|