tenara-ui-components 0.2.10 → 0.3.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.
- package/README.md +48 -18
- package/dist/components/atoms/Breadcrumb/Breadcrumb.d.ts +14 -0
- package/dist/components/atoms/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/atoms/Breadcrumb/index.d.ts +3 -0
- package/dist/components/atoms/Breadcrumb/index.d.ts.map +1 -0
- package/dist/components/atoms/BulletList/BulletList.d.ts +22 -0
- package/dist/components/atoms/BulletList/BulletList.d.ts.map +1 -0
- package/dist/components/atoms/BulletList/index.d.ts +3 -0
- package/dist/components/atoms/BulletList/index.d.ts.map +1 -0
- package/dist/components/atoms/Button/Button.d.ts +8 -3
- package/dist/components/atoms/Button/Button.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonIcons.d.ts +5 -1
- package/dist/components/atoms/Button/buttonIcons.d.ts.map +1 -1
- package/dist/components/atoms/Button/index.d.ts +3 -0
- package/dist/components/atoms/Button/index.d.ts.map +1 -0
- package/dist/components/atoms/ButtonLink/ButtonLink.d.ts +5 -1
- package/dist/components/atoms/ButtonLink/ButtonLink.d.ts.map +1 -1
- package/dist/components/atoms/ColorTable/ColorTable.d.ts +3 -3
- package/dist/components/atoms/ColorTable/ColorTable.d.ts.map +1 -1
- package/dist/components/atoms/Container/Container.d.ts +15 -0
- package/dist/components/atoms/Container/Container.d.ts.map +1 -0
- package/dist/components/atoms/Container/index.d.ts +3 -0
- package/dist/components/atoms/Container/index.d.ts.map +1 -0
- package/dist/components/atoms/Divider/Divider.d.ts +20 -0
- package/dist/components/atoms/Divider/Divider.d.ts.map +1 -0
- package/dist/components/atoms/Divider/index.d.ts +3 -0
- package/dist/components/atoms/Divider/index.d.ts.map +1 -0
- package/dist/components/atoms/Grid/Grid.d.ts +41 -18
- package/dist/components/atoms/Grid/Grid.d.ts.map +1 -1
- package/dist/components/atoms/Heading/Heading.d.ts +8 -0
- package/dist/components/atoms/Heading/Heading.d.ts.map +1 -1
- package/dist/components/atoms/Icon/Icon.d.ts +42 -0
- package/dist/components/atoms/Icon/Icon.d.ts.map +1 -0
- package/dist/components/atoms/Icon/index.d.ts +3 -0
- package/dist/components/atoms/Icon/index.d.ts.map +1 -0
- package/dist/components/atoms/Media/Media.d.ts +63 -0
- package/dist/components/atoms/Media/Media.d.ts.map +1 -0
- package/dist/components/atoms/Media/index.d.ts +3 -0
- package/dist/components/atoms/Media/index.d.ts.map +1 -0
- package/dist/components/atoms/Modal/Modal.d.ts +24 -0
- package/dist/components/atoms/Modal/Modal.d.ts.map +1 -0
- package/dist/components/atoms/Modal/index.d.ts +3 -0
- package/dist/components/atoms/Modal/index.d.ts.map +1 -0
- package/dist/components/atoms/Paragraph/Paragraph.d.ts +41 -0
- package/dist/components/atoms/Paragraph/Paragraph.d.ts.map +1 -0
- package/dist/components/atoms/Paragraph/index.d.ts +3 -0
- package/dist/components/atoms/Paragraph/index.d.ts.map +1 -0
- package/dist/components/atoms/PlayButton/PlayButton.d.ts +26 -0
- package/dist/components/atoms/PlayButton/PlayButton.d.ts.map +1 -0
- package/dist/components/atoms/PlayButton/index.d.ts +3 -0
- package/dist/components/atoms/PlayButton/index.d.ts.map +1 -0
- package/dist/components/atoms/RichText/RichText.d.ts +21 -0
- package/dist/components/atoms/RichText/RichText.d.ts.map +1 -0
- package/dist/components/atoms/RichText/index.d.ts +3 -0
- package/dist/components/atoms/RichText/index.d.ts.map +1 -0
- package/dist/components/atoms/TestTierVariables/TestTierVariables.d.ts +11 -0
- package/dist/components/atoms/TestTierVariables/TestTierVariables.d.ts.map +1 -0
- package/dist/components/atoms/TestTierVariables/index.d.ts +3 -0
- package/dist/components/atoms/TestTierVariables/index.d.ts.map +1 -0
- package/dist/components/atoms/TextInput/TextInput.d.ts +44 -0
- package/dist/components/atoms/TextInput/TextInput.d.ts.map +1 -0
- package/dist/components/atoms/TextInput/index.d.ts +3 -0
- package/dist/components/atoms/TextInput/index.d.ts.map +1 -0
- package/dist/components/atoms/TextLink/TextLink.d.ts +1 -0
- package/dist/components/atoms/TextLink/TextLink.d.ts.map +1 -1
- package/dist/components/atoms/TextLink/index.d.ts +3 -0
- package/dist/components/atoms/TextLink/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +36 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/molecules/Card/Card.d.ts +2 -0
- package/dist/components/molecules/Card/Card.d.ts.map +1 -1
- package/dist/components/molecules/Card/index.d.ts +3 -0
- package/dist/components/molecules/Card/index.d.ts.map +1 -0
- package/dist/components/molecules/Header/Header.d.ts +1 -0
- package/dist/components/molecules/Header/Header.d.ts.map +1 -1
- package/dist/components/molecules/Header/index.d.ts +3 -0
- package/dist/components/molecules/Header/index.d.ts.map +1 -0
- package/dist/components/molecules/Modal/Modal.d.ts +24 -0
- package/dist/components/molecules/Modal/Modal.d.ts.map +1 -0
- package/dist/components/molecules/Modal/index.d.ts +3 -0
- package/dist/components/molecules/Modal/index.d.ts.map +1 -0
- package/dist/components/molecules/VideoPlayer/VideoPlayer.d.ts +29 -0
- package/dist/components/molecules/VideoPlayer/VideoPlayer.d.ts.map +1 -0
- package/dist/components/molecules/VideoPlayer/index.d.ts +3 -0
- package/dist/components/molecules/VideoPlayer/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/Banner/Banner.d.ts +42 -0
- package/dist/components/molecules/primax/Banner/Banner.d.ts.map +1 -0
- package/dist/components/molecules/primax/Banner/index.d.ts +3 -0
- package/dist/components/molecules/primax/Banner/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/CTA/CTA.d.ts +28 -0
- package/dist/components/molecules/primax/CTA/CTA.d.ts.map +1 -0
- package/dist/components/molecules/primax/CTA/index.d.ts +3 -0
- package/dist/components/molecules/primax/CTA/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/Card/Card.d.ts +46 -0
- package/dist/components/molecules/primax/Card/Card.d.ts.map +1 -0
- package/dist/components/molecules/primax/Card/index.d.ts +3 -0
- package/dist/components/molecules/primax/Card/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/HalfColumn/HalfColumn.d.ts +60 -0
- package/dist/components/molecules/primax/HalfColumn/HalfColumn.d.ts.map +1 -0
- package/dist/components/molecules/primax/HalfColumn/index.d.ts +3 -0
- package/dist/components/molecules/primax/HalfColumn/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/MediaBlock/MediaBlock.d.ts +45 -0
- package/dist/components/molecules/primax/MediaBlock/MediaBlock.d.ts.map +1 -0
- package/dist/components/molecules/primax/MediaBlock/index.d.ts +3 -0
- package/dist/components/molecules/primax/MediaBlock/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/MediaPresentation/MediaPresentation.d.ts +8 -0
- package/dist/components/molecules/primax/MediaPresentation/MediaPresentation.d.ts.map +1 -0
- package/dist/components/molecules/primax/MediaPresentation/index.d.ts +2 -0
- package/dist/components/molecules/primax/MediaPresentation/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/PlayIcon/PlayIcon.d.ts +11 -0
- package/dist/components/molecules/primax/PlayIcon/PlayIcon.d.ts.map +1 -0
- package/dist/components/molecules/primax/PlayIcon/index.d.ts +2 -0
- package/dist/components/molecules/primax/PlayIcon/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/Subscribe/Subscribe.d.ts +42 -0
- package/dist/components/molecules/primax/Subscribe/Subscribe.d.ts.map +1 -0
- package/dist/components/molecules/primax/Subscribe/index.d.ts +3 -0
- package/dist/components/molecules/primax/Subscribe/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/TwoColumn/TwoColumn.d.ts +37 -0
- package/dist/components/molecules/primax/TwoColumn/TwoColumn.d.ts.map +1 -0
- package/dist/components/molecules/primax/TwoColumn/index.d.ts +3 -0
- package/dist/components/molecules/primax/TwoColumn/index.d.ts.map +1 -0
- package/dist/components/molecules/primax/VideoSection/VideoSection.d.ts +31 -0
- package/dist/components/molecules/primax/VideoSection/VideoSection.d.ts.map +1 -0
- package/dist/components/molecules/primax/VideoSection/index.d.ts +3 -0
- package/dist/components/molecules/primax/VideoSection/index.d.ts.map +1 -0
- package/dist/components/pages/Page.d.ts +1 -0
- package/dist/components/pages/Page.d.ts.map +1 -1
- package/dist/components/pages/index.d.ts +2 -0
- package/dist/components/pages/index.d.ts.map +1 -0
- package/dist/components/utilities/ThemeInitializer.d.ts +2 -0
- package/dist/components/utilities/ThemeInitializer.d.ts.map +1 -0
- package/dist/components/utilities/index.d.ts +2 -0
- package/dist/components/utilities/index.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/themes/core/client-provider.d.ts +2 -2
- package/dist/themes/core/client-provider.d.ts.map +1 -1
- package/dist/themes/core/color-system.d.ts +58 -57
- package/dist/themes/core/color-system.d.ts.map +1 -1
- package/dist/themes/core/design-system-types.d.ts +42 -0
- package/dist/themes/core/design-system-types.d.ts.map +1 -0
- package/dist/themes/core/dynamic-types.d.ts +80 -0
- package/dist/themes/core/dynamic-types.d.ts.map +1 -0
- package/dist/themes/core/new-color-system.d.ts +17 -0
- package/dist/themes/core/new-color-system.d.ts.map +1 -0
- package/dist/themes/core/new-typography-system.d.ts +17 -0
- package/dist/themes/core/new-typography-system.d.ts.map +1 -0
- package/dist/themes/core/style-variable-schema.d.ts +107 -0
- package/dist/themes/core/style-variable-schema.d.ts.map +1 -0
- package/dist/themes/core/types.d.ts +74 -38
- package/dist/themes/core/types.d.ts.map +1 -1
- package/dist/themes/index.d.ts +1 -1
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/themes/presets/advisors-plus.d.ts.map +1 -1
- package/dist/themes/presets/builders/color-builder.d.ts +109 -0
- package/dist/themes/presets/builders/color-builder.d.ts.map +1 -0
- package/dist/themes/presets/builders/component-builder.d.ts +154 -0
- package/dist/themes/presets/builders/component-builder.d.ts.map +1 -0
- package/dist/themes/presets/builders/index.d.ts +13 -0
- package/dist/themes/presets/builders/index.d.ts.map +1 -0
- package/dist/themes/presets/builders/typography-builder.d.ts +149 -0
- package/dist/themes/presets/builders/typography-builder.d.ts.map +1 -0
- package/dist/themes/presets/color-systems/advisors-plus-colors.d.ts.map +1 -1
- package/dist/themes/presets/color-systems/default-colors.d.ts +1 -1
- package/dist/themes/presets/color-systems/default-colors.d.ts.map +1 -1
- package/dist/themes/presets/color-systems/primax-colors.d.ts.map +1 -1
- package/dist/themes/presets/default.d.ts.map +1 -1
- package/dist/themes/presets/dynamic-advisors-plus.d.ts +40 -0
- package/dist/themes/presets/dynamic-advisors-plus.d.ts.map +1 -0
- package/dist/themes/presets/dynamic-default.d.ts +41 -0
- package/dist/themes/presets/dynamic-default.d.ts.map +1 -0
- package/dist/themes/presets/dynamic-primax.d.ts +38 -0
- package/dist/themes/presets/dynamic-primax.d.ts.map +1 -0
- package/dist/themes/presets/new-default.d.ts +7 -0
- package/dist/themes/presets/new-default.d.ts.map +1 -0
- package/dist/themes/presets/primax.d.ts.map +1 -1
- package/dist/themes/theme-loader.d.ts +15 -0
- package/dist/themes/theme-loader.d.ts.map +1 -0
- package/dist/themes/utils/generator.d.ts +2 -1
- package/dist/themes/utils/generator.d.ts.map +1 -1
- package/dist/themes/utils/helpers.d.ts +4 -2
- package/dist/themes/utils/helpers.d.ts.map +1 -1
- package/dist/themes/utils/migration.d.ts +94 -0
- package/dist/themes/utils/migration.d.ts.map +1 -0
- package/dist/themes/utils/new-generator.d.ts +27 -0
- package/dist/themes/utils/new-generator.d.ts.map +1 -0
- package/package.json +32 -37
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonProps } from "@/components/atoms/Button";
|
|
3
|
+
import "./Card.scss";
|
|
4
|
+
export type PrimaxCardVariant = "icon" | "image" | "profile";
|
|
5
|
+
export type PrimaxCardButtonVariant = "general" | "link";
|
|
6
|
+
export interface PrimaxCardProps {
|
|
7
|
+
/** Card layout variant */
|
|
8
|
+
variant?: PrimaxCardVariant;
|
|
9
|
+
/** SVG icon element (for icon variant) */
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
/** Image URL (for image/profile variants) */
|
|
12
|
+
imageUrl?: string;
|
|
13
|
+
/** Image alt text */
|
|
14
|
+
imageAlt?: string;
|
|
15
|
+
/** Card title */
|
|
16
|
+
title: string;
|
|
17
|
+
/** HTML element for the title. Defaults to 'p' for image variant, 'h4' for others.
|
|
18
|
+
* Use 'p' or 'span' when cards are repeated in lists to avoid heading hierarchy issues. */
|
|
19
|
+
titleAs?: "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
|
|
20
|
+
/** Card description text */
|
|
21
|
+
description?: string;
|
|
22
|
+
/** Optional metadata slot (e.g. asset type, duration) */
|
|
23
|
+
metadata?: React.ReactNode;
|
|
24
|
+
/** Text alignment */
|
|
25
|
+
textAlign?: "left" | "center";
|
|
26
|
+
/** Visual button props — purely decorative, the card itself is the link */
|
|
27
|
+
button?: Omit<ButtonProps, "buttonType">;
|
|
28
|
+
/** Button style: solid primary or text link */
|
|
29
|
+
buttonVariant?: PrimaxCardButtonVariant;
|
|
30
|
+
/** Card destination URL */
|
|
31
|
+
href: string;
|
|
32
|
+
/** Link target */
|
|
33
|
+
target?: "_blank" | "_self";
|
|
34
|
+
/** Dark mode */
|
|
35
|
+
darkMode?: boolean;
|
|
36
|
+
/** Enable/disable hover animation - overrides theme default */
|
|
37
|
+
animated?: boolean;
|
|
38
|
+
/** Additional class */
|
|
39
|
+
className?: string;
|
|
40
|
+
/** Children rendered after description, before button */
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
/** Accessible label */
|
|
43
|
+
"aria-label"?: string;
|
|
44
|
+
}
|
|
45
|
+
export declare const Card: React.FC<PrimaxCardProps>;
|
|
46
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAC7D,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;gGAC4F;IAC5F,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC;IAC1D,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;IACzC,+CAA+C;IAC/C,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqH1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAG,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DividerProps } from "@/components/atoms/Divider";
|
|
3
|
+
import "./HalfColumn.scss";
|
|
4
|
+
export type HalfColumnVariant = "sparkle" | "video" | "media";
|
|
5
|
+
export type HalfColumnMediaPosition = "left" | "right";
|
|
6
|
+
export interface HalfColumnRow {
|
|
7
|
+
/** Text/content side — rendered opposite the media */
|
|
8
|
+
content: React.ReactNode;
|
|
9
|
+
/** Override the variant for this specific row */
|
|
10
|
+
variant?: HalfColumnVariant;
|
|
11
|
+
/** Which side the media appears on */
|
|
12
|
+
mediaPosition?: HalfColumnMediaPosition;
|
|
13
|
+
/** Vertical alignment of columns */
|
|
14
|
+
verticalAlign?: "top" | "center" | "bottom";
|
|
15
|
+
}
|
|
16
|
+
export interface HalfColumnProps extends DividerProps {
|
|
17
|
+
/** Visual variant controlling the media block style */
|
|
18
|
+
variant?: HalfColumnVariant;
|
|
19
|
+
/** Image URL used as thumbnail / display image */
|
|
20
|
+
thumbnail?: string;
|
|
21
|
+
/** Alt text for the media */
|
|
22
|
+
alt?: string;
|
|
23
|
+
/** Wistia media ID (video variant) */
|
|
24
|
+
wistiaId?: string;
|
|
25
|
+
/** Custom play button element (video variant) */
|
|
26
|
+
playIcon?: React.ReactNode;
|
|
27
|
+
/** Show overlay on video thumbnail */
|
|
28
|
+
overlay?: boolean;
|
|
29
|
+
/** Show the L-shaped accent border (media & video variants) */
|
|
30
|
+
accentBorder?: boolean;
|
|
31
|
+
/** Show decorative sparkle overlay (media & video variants) */
|
|
32
|
+
sparkle?: boolean;
|
|
33
|
+
/** Mirror decorative elements */
|
|
34
|
+
mirror?: boolean;
|
|
35
|
+
/** Which side the media appears on (single-row shorthand) */
|
|
36
|
+
mediaPosition?: HalfColumnMediaPosition;
|
|
37
|
+
/** Text/content for the non-media column (single-row shorthand) */
|
|
38
|
+
content?: React.ReactNode;
|
|
39
|
+
/** Multiple rows of half-column content */
|
|
40
|
+
rows?: HalfColumnRow[];
|
|
41
|
+
/** Gap between columns */
|
|
42
|
+
gap?: string | {
|
|
43
|
+
xs?: string;
|
|
44
|
+
sm?: string;
|
|
45
|
+
md?: string;
|
|
46
|
+
lg?: string;
|
|
47
|
+
};
|
|
48
|
+
/** Additional class name */
|
|
49
|
+
className?: string;
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* HalfColumn — a pre-configured two-column layout with built-in media variants.
|
|
53
|
+
*
|
|
54
|
+
* Variants:
|
|
55
|
+
* - `sparkle` — cropped spark media block (no video)
|
|
56
|
+
* - `video` — video player with accent border, sparkle & overlay
|
|
57
|
+
* - `media` — static image with accent border & sparkle
|
|
58
|
+
*/
|
|
59
|
+
export declare const HalfColumn: React.FC<HalfColumnProps>;
|
|
60
|
+
//# sourceMappingURL=HalfColumn.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HalfColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/HalfColumn/HalfColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,OAAO,GACP,OAAO,CAAC;AAEZ,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,sDAAsD;IACtD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,iDAAiD;IACjD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sCAAsC;IACtC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,oCAAoC;IACpC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC7C;AAED,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,uDAAuD;IACvD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,mEAAmE;IACnE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2CAA2C;IAC3C,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,0BAA0B;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkHhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/HalfColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './MediaBlock.scss';
|
|
3
|
+
export type MediaBlockVariant = 'default' | 'croppedSpark';
|
|
4
|
+
export interface MediaBlockProps {
|
|
5
|
+
/** Display variant — "default" for the standard grid layout, "croppedSpark" for sparkle-masked image with decorative sparks */
|
|
6
|
+
variant?: MediaBlockVariant;
|
|
7
|
+
/** Video source URL (mp4, webm, Wistia embed URL, etc.). Not used for static images. */
|
|
8
|
+
src?: string;
|
|
9
|
+
/** Image URL — used as the display image for image-only blocks, or as the video thumbnail when src/wistiaId is set */
|
|
10
|
+
thumbnail?: string;
|
|
11
|
+
/** Alt text for accessibility */
|
|
12
|
+
alt?: string;
|
|
13
|
+
/** Custom play button element (e.g. primax play button PNG) */
|
|
14
|
+
playIcon?: React.ReactNode;
|
|
15
|
+
/** Aspect ratio for the media (e.g. "16/9") */
|
|
16
|
+
aspectRatio?: string;
|
|
17
|
+
/** Show the L-shaped mint accent border */
|
|
18
|
+
accentBorder?: boolean;
|
|
19
|
+
/** Show the dark overlay on thumbnail */
|
|
20
|
+
overlay?: boolean;
|
|
21
|
+
/** Show the decorative sparkle overlay */
|
|
22
|
+
sparkle?: boolean;
|
|
23
|
+
/** Source URL for the sparkle overlay image (SVG or PNG) */
|
|
24
|
+
sparkSrc?: string;
|
|
25
|
+
/** Scale the sparkle size from 1 (10%) to 10 (100%) */
|
|
26
|
+
sparkScale?: number;
|
|
27
|
+
/** Mirror decorative elements (L-shape on left, sparkle on right) */
|
|
28
|
+
mirror?: boolean;
|
|
29
|
+
/** Toggle video controls prop */
|
|
30
|
+
controls?: boolean;
|
|
31
|
+
/** Override the L-shaped accent border color (e.g. "#00FFD2" or "var(--color-secondary-200)") */
|
|
32
|
+
accentColor?: string;
|
|
33
|
+
/** Wistia media ID. Used for inline embed by default, or popover lightbox when popover=true */
|
|
34
|
+
wistiaId?: string;
|
|
35
|
+
/** When true and wistiaId is set, opens the video in a Wistia popover lightbox instead of inline */
|
|
36
|
+
popover?: boolean;
|
|
37
|
+
/** Source URL for the sparkle mask image (used by croppedSpark variant) */
|
|
38
|
+
sparkMaskSrc?: string;
|
|
39
|
+
/** Source URL for the small decorative sparks SVG (used by croppedSpark variant on tablet/mobile) */
|
|
40
|
+
sparkSmallSrc?: string;
|
|
41
|
+
/** Additional CSS class */
|
|
42
|
+
className?: string;
|
|
43
|
+
}
|
|
44
|
+
export declare const MediaBlock: React.FC<MediaBlockProps>;
|
|
45
|
+
//# sourceMappingURL=MediaBlock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/MediaBlock/MediaBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,cAAc,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,+HAA+H;IAC/H,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,wFAAwF;IACxF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sHAAsH;IACtH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oGAAoG;IACpG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qGAAqG;IACrG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4QhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/MediaBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./MediaPresentation.scss";
|
|
3
|
+
export interface MediaPresentation {
|
|
4
|
+
className?: string;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const MediaPresentation: React.FC<MediaPresentation>;
|
|
8
|
+
//# sourceMappingURL=MediaPresentation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaPresentation.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/MediaPresentation/MediaPresentation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAQzD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/MediaPresentation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Primax-branded play button SVG icon (matches public/play-button.svg).
|
|
4
|
+
* Renders inline so fill colors can be controlled via CSS custom properties.
|
|
5
|
+
*
|
|
6
|
+
* Uses two class names for targeted theming:
|
|
7
|
+
* - `.play-button__shadow` — the semi-transparent background triangle
|
|
8
|
+
* - `.play-button__shape` — the outlined foreground triangle
|
|
9
|
+
*/
|
|
10
|
+
export declare const PlayIcon: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
11
|
+
//# sourceMappingURL=PlayIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlayIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/PlayIcon/PlayIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAiB5D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/PlayIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { HeadingLevel } from '@/components/atoms/Heading';
|
|
3
|
+
import { TextInputValidation } from '@/components/atoms/TextInput';
|
|
4
|
+
import './Subscribe.scss';
|
|
5
|
+
export interface SubscribeField {
|
|
6
|
+
/** Unique field name (used as form data key) */
|
|
7
|
+
name: string;
|
|
8
|
+
/** Field label */
|
|
9
|
+
label: string;
|
|
10
|
+
/** Input type */
|
|
11
|
+
type?: 'text' | 'email' | 'tel' | 'url';
|
|
12
|
+
/** Placeholder text */
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
/** Validation rules */
|
|
15
|
+
validation?: TextInputValidation;
|
|
16
|
+
}
|
|
17
|
+
export interface SubscribeProps {
|
|
18
|
+
/** Section heading */
|
|
19
|
+
heading: string;
|
|
20
|
+
/** Heading semantic level */
|
|
21
|
+
headingLevel?: HeadingLevel;
|
|
22
|
+
/** Form field configuration */
|
|
23
|
+
fields: SubscribeField[];
|
|
24
|
+
/** Submit button label */
|
|
25
|
+
submitLabel?: string;
|
|
26
|
+
/** Loading state — disables button and shows spinner */
|
|
27
|
+
loading?: boolean;
|
|
28
|
+
/** Disclaimer text (supports HTML for links) */
|
|
29
|
+
disclaimer?: string;
|
|
30
|
+
/** Called with collected form data on valid submission */
|
|
31
|
+
onSubmit?: (data: Record<string, string>) => void;
|
|
32
|
+
/** Async or cross-field validation escape hatch. Return error map or null. */
|
|
33
|
+
onValidate?: (data: Record<string, string>) => Record<string, string> | null | Promise<Record<string, string> | null>;
|
|
34
|
+
/** Called when validation fails with the error map */
|
|
35
|
+
onError?: (errors: Record<string, string>) => void;
|
|
36
|
+
/** Dark mode */
|
|
37
|
+
darkMode?: boolean;
|
|
38
|
+
/** Additional class */
|
|
39
|
+
className?: string;
|
|
40
|
+
}
|
|
41
|
+
export declare const Subscribe: React.FC<SubscribeProps>;
|
|
42
|
+
//# sourceMappingURL=Subscribe.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Subscribe.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/Subscribe/Subscribe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAW,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAa,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,kBAAkB,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;IACxC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,sBAAsB;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,+BAA+B;IAC/B,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAClD,8EAA8E;IAC9E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;IACtH,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwI9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/Subscribe/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DividerProps } from "@/components/atoms/Divider";
|
|
3
|
+
import "./TwoColumn.scss";
|
|
4
|
+
export type TwoColumnVariation = "left-first" | "right-first";
|
|
5
|
+
export interface TwoColumnRow {
|
|
6
|
+
/** Content for the left column */
|
|
7
|
+
left: React.ReactNode;
|
|
8
|
+
/** Content for the right column */
|
|
9
|
+
right: React.ReactNode;
|
|
10
|
+
/** Column order on desktop — stacks vertically on mobile */
|
|
11
|
+
variation?: TwoColumnVariation;
|
|
12
|
+
/** Vertical alignment of columns */
|
|
13
|
+
verticalAlign?: "top" | "center" | "bottom";
|
|
14
|
+
}
|
|
15
|
+
export interface TwoColumnProps extends DividerProps {
|
|
16
|
+
/** Content for the left column (single-row shorthand) */
|
|
17
|
+
left?: React.ReactNode;
|
|
18
|
+
/** Content for the right column (single-row shorthand) */
|
|
19
|
+
right?: React.ReactNode;
|
|
20
|
+
/** Column order on desktop — stacks vertically on mobile (single-row shorthand) */
|
|
21
|
+
variation?: TwoColumnVariation;
|
|
22
|
+
/** Vertical alignment of columns (single-row shorthand, also default for rows) */
|
|
23
|
+
verticalAlign?: "top" | "center" | "bottom";
|
|
24
|
+
/** Multiple rows of two-column content */
|
|
25
|
+
rows?: TwoColumnRow[];
|
|
26
|
+
/** Gap between columns — responsive object or single value */
|
|
27
|
+
gap?: string | {
|
|
28
|
+
xs?: string;
|
|
29
|
+
sm?: string;
|
|
30
|
+
md?: string;
|
|
31
|
+
lg?: string;
|
|
32
|
+
};
|
|
33
|
+
/** Additional class name */
|
|
34
|
+
className?: string;
|
|
35
|
+
}
|
|
36
|
+
export declare const TwoColumn: React.FC<TwoColumnProps>;
|
|
37
|
+
//# sourceMappingURL=TwoColumn.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TwoColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/TwoColumn/TwoColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,aAAa,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,mCAAmC;IACnC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,oCAAoC;IACpC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC7C;AAED,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,kFAAkF;IAClF,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC5C,0CAA0C;IAC1C,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2E9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/TwoColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonProps } from "@/components/atoms/Button";
|
|
3
|
+
import { BulletItem } from "@/components/atoms/BulletList";
|
|
4
|
+
import { HeadingLevel } from "@/components/atoms/Heading";
|
|
5
|
+
import { MediaBlockProps } from "@/components/molecules/primax/MediaBlock";
|
|
6
|
+
import "./VideoSection.scss";
|
|
7
|
+
export type VideoSectionVariation = "media-first" | "content-first";
|
|
8
|
+
export interface VideoSectionProps {
|
|
9
|
+
/** Layout variation: media on left or right */
|
|
10
|
+
variation?: VideoSectionVariation;
|
|
11
|
+
/** Section heading text */
|
|
12
|
+
heading: string;
|
|
13
|
+
/** Heading semantic level */
|
|
14
|
+
headingLevel?: HeadingLevel;
|
|
15
|
+
/** Description text below the heading */
|
|
16
|
+
description?: string;
|
|
17
|
+
/** List of bullet items rendered via BulletList atom */
|
|
18
|
+
bulletPoints?: BulletItem[];
|
|
19
|
+
/** Shared icon for all bullet points (can be overridden per-item) */
|
|
20
|
+
bulletIcon?: React.ReactNode;
|
|
21
|
+
/** Button props */
|
|
22
|
+
button?: ButtonProps;
|
|
23
|
+
/** Media block props (video/image with accent border, sparkle, etc.) */
|
|
24
|
+
media: MediaBlockProps;
|
|
25
|
+
/** Dark mode styling */
|
|
26
|
+
darkMode?: boolean;
|
|
27
|
+
/** Additional class name */
|
|
28
|
+
className?: string;
|
|
29
|
+
}
|
|
30
|
+
export declare const VideoSection: React.FC<VideoSectionProps>;
|
|
31
|
+
//# sourceMappingURL=VideoSection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/VideoSection/VideoSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAc,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAW,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAc,eAAe,EAAE,MAAM,0CAA0C,CAAC;AACvF,OAAO,qBAAqB,CAAC;AAE7B,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,eAAe,CAAC;AAEpE,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5B,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,mBAAmB;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,wEAAwE;IACxE,KAAK,EAAE,eAAe,CAAC;IACvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoFpD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/primax/VideoSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/pages/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/pages/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAMrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAwBxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pages/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeInitializer.d.ts","sourceRoot":"","sources":["../../../src/components/utilities/ThemeInitializer.tsx"],"names":[],"mappings":"AAKA,wBAAgB,gBAAgB,SAO/B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|