tenara-ui-components 0.3.3 → 0.3.5
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/dist/components/atoms/BackgroundMedia/BackgroundMedia.d.ts +19 -0
- package/dist/components/atoms/BackgroundMedia/BackgroundMedia.d.ts.map +1 -0
- package/dist/components/atoms/BackgroundMedia/index.d.ts +3 -0
- package/dist/components/atoms/BackgroundMedia/index.d.ts.map +1 -0
- 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 +36 -0
- package/dist/components/atoms/Button/Button.d.ts.map +1 -0
- package/dist/components/atoms/Button/buttonIcons.d.ts +24 -0
- package/dist/components/atoms/Button/buttonIcons.d.ts.map +1 -0
- 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 +34 -0
- package/dist/components/atoms/ButtonLink/ButtonLink.d.ts.map +1 -0
- package/dist/components/atoms/ButtonLink/index.d.ts +3 -0
- package/dist/components/atoms/ButtonLink/index.d.ts.map +1 -0
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +24 -0
- package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/atoms/Checkbox/index.d.ts +3 -0
- package/dist/components/atoms/Checkbox/index.d.ts.map +1 -0
- package/dist/components/atoms/ColorTable/ColorTable.d.ts +12 -0
- package/dist/components/atoms/ColorTable/ColorTable.d.ts.map +1 -0
- package/dist/components/atoms/ColorTable/index.d.ts +3 -0
- package/dist/components/atoms/ColorTable/index.d.ts.map +1 -0
- 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/Dropdown/Dropdown.d.ts +32 -0
- package/dist/components/atoms/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/atoms/Dropdown/index.d.ts +3 -0
- package/dist/components/atoms/Dropdown/index.d.ts.map +1 -0
- package/dist/components/atoms/Grid/Grid.d.ts +113 -0
- package/dist/components/atoms/Grid/Grid.d.ts.map +1 -0
- package/dist/components/atoms/Grid/index.d.ts +3 -0
- package/dist/components/atoms/Grid/index.d.ts.map +1 -0
- package/dist/components/atoms/Heading/Heading.d.ts +37 -0
- package/dist/components/atoms/Heading/Heading.d.ts.map +1 -0
- package/dist/components/atoms/Heading/index.d.ts +3 -0
- package/dist/components/atoms/Heading/index.d.ts.map +1 -0
- 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/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/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 +19 -0
- package/dist/components/atoms/TextLink/TextLink.d.ts.map +1 -0
- package/dist/components/atoms/TextLink/index.d.ts +3 -0
- package/dist/components/atoms/TextLink/index.d.ts.map +1 -0
- package/dist/components/molecules/CTA/CTA.d.ts +34 -0
- package/dist/components/molecules/CTA/CTA.d.ts.map +1 -0
- package/dist/components/molecules/CTA/index.d.ts +3 -0
- package/dist/components/molecules/CTA/index.d.ts.map +1 -0
- package/dist/components/molecules/Card/Card.d.ts +23 -0
- package/dist/components/molecules/Card/Card.d.ts.map +1 -0
- 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 +13 -0
- package/dist/components/molecules/Header/Header.d.ts.map +1 -0
- 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 +26 -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.map +1 -1
- 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/DropdownSelect/DropdownSelect.d.ts +50 -0
- package/dist/components/molecules/primax/DropdownSelect/DropdownSelect.d.ts.map +1 -0
- package/dist/components/molecules/primax/DropdownSelect/index.d.ts +3 -0
- package/dist/components/molecules/primax/DropdownSelect/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/assets.d.ts +11 -0
- package/dist/components/molecules/primax/MediaBlock/assets.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/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 +58 -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 +4 -0
- package/dist/components/pages/Page.d.ts.map +1 -0
- package/dist/components/pages/index.d.ts +2 -0
- package/dist/components/pages/index.d.ts.map +1 -0
- 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 +8 -0
- package/dist/themes/core/client-provider.d.ts.map +1 -0
- package/dist/themes/core/color-system.d.ts +72 -0
- package/dist/themes/core/color-system.d.ts.map +1 -0
- package/dist/themes/core/context.d.ts +26 -0
- package/dist/themes/core/context.d.ts.map +1 -0
- package/dist/themes/core/types.d.ts +188 -0
- package/dist/themes/core/types.d.ts.map +1 -0
- package/dist/themes/hooks/useColorTokens.d.ts +26 -0
- package/dist/themes/hooks/useColorTokens.d.ts.map +1 -0
- package/dist/themes/index.d.ts +16 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/presets/advisors-plus.d.ts +7 -0
- package/dist/themes/presets/advisors-plus.d.ts.map +1 -0
- package/dist/themes/presets/color-systems/advisors-plus-colors.d.ts +7 -0
- package/dist/themes/presets/color-systems/advisors-plus-colors.d.ts.map +1 -0
- package/dist/themes/presets/color-systems/default-colors.d.ts +7 -0
- package/dist/themes/presets/color-systems/default-colors.d.ts.map +1 -0
- package/dist/themes/presets/color-systems/primax-colors.d.ts +7 -0
- package/dist/themes/presets/color-systems/primax-colors.d.ts.map +1 -0
- package/dist/themes/presets/default.d.ts +7 -0
- package/dist/themes/presets/default.d.ts.map +1 -0
- package/dist/themes/presets/primax.d.ts +7 -0
- package/dist/themes/presets/primax.d.ts.map +1 -0
- package/dist/themes/utils/generator.d.ts +20 -0
- package/dist/themes/utils/generator.d.ts.map +1 -0
- package/dist/themes/utils/helpers.d.ts +14 -0
- package/dist/themes/utils/helpers.d.ts.map +1 -0
- package/dist/themes/utils/index.d.ts +6 -0
- package/dist/themes/utils/index.d.ts.map +1 -0
- package/package.json +4 -4
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './BackgroundMedia.scss';
|
|
3
|
+
export interface BackgroundMediaProps {
|
|
4
|
+
/** Video URL for video background */
|
|
5
|
+
videoUrl?: string;
|
|
6
|
+
/** Image URL for image background */
|
|
7
|
+
imageUrl?: string;
|
|
8
|
+
/** CSS gradient overlay */
|
|
9
|
+
gradient?: string;
|
|
10
|
+
/** Background color */
|
|
11
|
+
bgColor?: string;
|
|
12
|
+
/** Custom CSS class */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Inline styles */
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
/** Background media component supporting image or video */
|
|
18
|
+
export declare const BackgroundMedia: React.FC<BackgroundMediaProps>;
|
|
19
|
+
//# sourceMappingURL=BackgroundMedia.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackgroundMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BackgroundMedia/BackgroundMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,2DAA2D;AAC3D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0B1D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BackgroundMedia/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Breadcrumb.scss';
|
|
3
|
+
export interface BreadcrumbItem {
|
|
4
|
+
label: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface BreadcrumbProps {
|
|
8
|
+
items: BreadcrumbItem[];
|
|
9
|
+
separator?: string;
|
|
10
|
+
darkMode?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const Breadcrumb: React.FC<BreadcrumbProps>;
|
|
14
|
+
//# sourceMappingURL=Breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6BhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './BulletList.scss';
|
|
3
|
+
export interface BulletItem {
|
|
4
|
+
/** Bullet point text content */
|
|
5
|
+
text: React.ReactNode;
|
|
6
|
+
/** Custom icon override for this specific item */
|
|
7
|
+
icon?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export interface BulletListProps {
|
|
10
|
+
/** Array of bullet items */
|
|
11
|
+
items: BulletItem[];
|
|
12
|
+
/** Custom icon for all bullet points (overridden by per-item icon) */
|
|
13
|
+
icon?: React.ReactNode;
|
|
14
|
+
/** Dark mode styling */
|
|
15
|
+
darkMode?: boolean;
|
|
16
|
+
/** Additional CSS class */
|
|
17
|
+
className?: string;
|
|
18
|
+
/** Inline styles */
|
|
19
|
+
style?: React.CSSProperties;
|
|
20
|
+
}
|
|
21
|
+
export declare const BulletList: React.FC<BulletListProps>;
|
|
22
|
+
//# sourceMappingURL=BulletList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulletList.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BulletList/BulletList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,UAAU;IACzB,gCAAgC;IAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAqBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkBhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BulletList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Button.scss';
|
|
3
|
+
import { ButtonVariantType } from '@/themes/core/types';
|
|
4
|
+
export type ButtonType = ButtonVariantType;
|
|
5
|
+
export type ColorPalette = 'primary' | 'secondary' | 'accent' | 'tertiary';
|
|
6
|
+
export interface ButtonProps {
|
|
7
|
+
/** Button variant type */
|
|
8
|
+
buttonType?: ButtonType;
|
|
9
|
+
/** Color palette to apply */
|
|
10
|
+
palette?: ColorPalette;
|
|
11
|
+
/** Button label text */
|
|
12
|
+
label?: string;
|
|
13
|
+
/** Icon element */
|
|
14
|
+
icon?: React.ReactNode;
|
|
15
|
+
/** Icon to show on hover (optional) */
|
|
16
|
+
hoverIcon?: React.ReactNode;
|
|
17
|
+
/** Allow passing classname to component */
|
|
18
|
+
className?: string;
|
|
19
|
+
/** Custom styles */
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
/** Child elements */
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
/** Disabled state */
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
/** Dark mode - applies dark mode styling for use on dark backgrounds */
|
|
26
|
+
darkMode?: boolean;
|
|
27
|
+
/** Size variant - controls button dimensions and spacing */
|
|
28
|
+
size?: 'sm' | 'md' | 'lg';
|
|
29
|
+
/** Enable/disable hover animation - overrides theme default */
|
|
30
|
+
animated?: boolean;
|
|
31
|
+
/** Click handler */
|
|
32
|
+
onClick?: () => void;
|
|
33
|
+
}
|
|
34
|
+
/** Primary UI component for user interaction */
|
|
35
|
+
export declare const Button: ({ buttonType, palette, label, icon, hoverIcon, className, children, style, disabled, darkMode, size, animated, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE3E,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gDAAgD;AAEhD,eAAO,MAAM,MAAM,GAAI,oIAepB,WAAW,4CAsCb,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Button icon configuration
|
|
3
|
+
* Maps button types to their default icons with hover states
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { ButtonType } from './Button';
|
|
7
|
+
interface ButtonIconConfig {
|
|
8
|
+
regular: React.ReactNode;
|
|
9
|
+
hover?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Default icon configuration for each button type
|
|
13
|
+
*/
|
|
14
|
+
export declare const defaultButtonIcons: Partial<Record<ButtonType, ButtonIconConfig>>;
|
|
15
|
+
/**
|
|
16
|
+
* Get icon configuration for a button type
|
|
17
|
+
* @param buttonType - The button variant type
|
|
18
|
+
* @param customIcon - Custom icon override
|
|
19
|
+
* @param customHoverIcon - Custom hover icon override
|
|
20
|
+
* @param themeName - Current theme name for theme-specific icons
|
|
21
|
+
*/
|
|
22
|
+
export declare function getButtonIcon(buttonType: ButtonType, customIcon?: React.ReactNode, customHoverIcon?: React.ReactNode, themeName?: string): ButtonIconConfig | null;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=buttonIcons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buttonIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonIcons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAqB5E,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,EAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,EACjC,SAAS,CAAC,EAAE,MAAM,GACjB,gBAAgB,GAAG,IAAI,CA4BzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ButtonType } from '../Button/Button';
|
|
3
|
+
import '../Button/Button.scss';
|
|
4
|
+
export interface ButtonLinkProps {
|
|
5
|
+
/** Button variant type */
|
|
6
|
+
buttonType?: ButtonType;
|
|
7
|
+
/** Button label text */
|
|
8
|
+
label?: string;
|
|
9
|
+
/** Icon element */
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
/** Link URL */
|
|
12
|
+
href: string;
|
|
13
|
+
/** Link target */
|
|
14
|
+
target?: '_blank' | '_self';
|
|
15
|
+
/** Allow passing classname to component */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** Custom styles */
|
|
18
|
+
style?: React.CSSProperties;
|
|
19
|
+
/** Child elements */
|
|
20
|
+
children?: React.ReactNode;
|
|
21
|
+
/** Disabled state */
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/** Size variant */
|
|
24
|
+
size?: 'sm' | 'md' | 'lg';
|
|
25
|
+
/** Dark mode styling */
|
|
26
|
+
darkMode?: boolean;
|
|
27
|
+
/** ARIA label */
|
|
28
|
+
'aria-label'?: string;
|
|
29
|
+
/** Test ID */
|
|
30
|
+
'data-testid'?: string;
|
|
31
|
+
}
|
|
32
|
+
/** Button-styled link component for navigation */
|
|
33
|
+
export declare const ButtonLink: ({ buttonType, label, icon, href, target, className, children, style, disabled, size, darkMode, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
//# sourceMappingURL=ButtonLink.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ButtonLink/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,kDAAkD;AAClD,eAAO,MAAM,UAAU,GAAI,2GAaxB,eAAe,4CAiCjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ButtonLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Checkbox.scss';
|
|
3
|
+
export interface CheckboxProps {
|
|
4
|
+
/** Checkbox label text */
|
|
5
|
+
label: string;
|
|
6
|
+
/** Input name attribute */
|
|
7
|
+
name: string;
|
|
8
|
+
/** Whether the checkbox is checked */
|
|
9
|
+
checked?: boolean;
|
|
10
|
+
/** Change handler */
|
|
11
|
+
onChange?: (checked: boolean) => void;
|
|
12
|
+
/** Disabled state */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Dark mode */
|
|
15
|
+
darkMode?: boolean;
|
|
16
|
+
/** Additional class */
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Checkbox atom component using FontAwesome icons for visual states.
|
|
21
|
+
* Supports default, hover, active (checked), and focused states.
|
|
22
|
+
*/
|
|
23
|
+
export declare const Checkbox: React.FC<CheckboxProps>;
|
|
24
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAIrC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC5B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiC5C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Color Table Component
|
|
3
|
+
* Displays theme colors in a simple table format
|
|
4
|
+
*/
|
|
5
|
+
import { ThemeConfig } from '../../../themes';
|
|
6
|
+
import './ColorTable.scss';
|
|
7
|
+
export interface ColorTableProps {
|
|
8
|
+
/** Optional theme configuration to display colors from. If not provided, uses active theme from context. */
|
|
9
|
+
theme?: ThemeConfig;
|
|
10
|
+
}
|
|
11
|
+
export declare const ColorTable: ({ theme: themeProp }: ColorTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=ColorTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorTable.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ColorTable/ColorTable.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAe;IAC9B,4GAA4G;IAC5G,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,GAAI,sBAAsB,eAAe,4CAmI/D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ColorTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Container.scss';
|
|
3
|
+
export interface ContainerProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
/** Full-width container with no max-width constraint */
|
|
6
|
+
fluid?: boolean;
|
|
7
|
+
/** Additional CSS class name */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** HTML element to render — defaults to div */
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
/** Inline styles */
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
export declare const Container: React.FC<ContainerProps>;
|
|
15
|
+
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAc9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Divider.scss';
|
|
3
|
+
export type ShapeDivider = 'top' | 'bottom' | 'both' | 'none';
|
|
4
|
+
export interface DividerProps {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
backgroundColor?: string;
|
|
7
|
+
backgroundImage?: string;
|
|
8
|
+
backgroundPattern?: 'dots' | 'grid' | 'sparks' | 'none';
|
|
9
|
+
shapeDivider?: ShapeDivider;
|
|
10
|
+
shapeColor?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
padding?: string;
|
|
13
|
+
height?: string;
|
|
14
|
+
verticalAlign?: 'top' | 'center' | 'bottom';
|
|
15
|
+
darkMode?: boolean;
|
|
16
|
+
/** Control overflow behavior — defaults to 'hidden' */
|
|
17
|
+
overflow?: 'hidden' | 'visible';
|
|
18
|
+
}
|
|
19
|
+
export declare const Divider: React.FC<DividerProps>;
|
|
20
|
+
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACxD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4C1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Dropdown.scss';
|
|
3
|
+
export interface DropdownProps {
|
|
4
|
+
/** Field label */
|
|
5
|
+
label: string;
|
|
6
|
+
/** Input name attribute */
|
|
7
|
+
name: string;
|
|
8
|
+
/** Placeholder text shown when nothing is selected */
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
/** Whether the dropdown is open */
|
|
11
|
+
isOpen?: boolean;
|
|
12
|
+
/** Called when the dropdown open state changes */
|
|
13
|
+
onToggle?: (isOpen: boolean) => void;
|
|
14
|
+
/** Display value shown in the trigger (e.g. selected items summary) */
|
|
15
|
+
displayValue?: string;
|
|
16
|
+
/** Error message to display */
|
|
17
|
+
error?: string;
|
|
18
|
+
/** Disabled state */
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
/** Dark mode */
|
|
21
|
+
darkMode?: boolean;
|
|
22
|
+
/** Additional class */
|
|
23
|
+
className?: string;
|
|
24
|
+
/** Dropdown panel content (e.g. checkbox list) */
|
|
25
|
+
children?: React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Dropdown atom component providing a trigger button with label,
|
|
29
|
+
* chevron icon, and a collapsible panel for custom content.
|
|
30
|
+
*/
|
|
31
|
+
export declare const Dropdown: React.FC<DropdownProps>;
|
|
32
|
+
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAG/E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC5B,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0G5C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Grid.scss';
|
|
3
|
+
export interface GridProps {
|
|
4
|
+
/** Number of columns (default: 12). Use a string for custom grid-template-columns (e.g. "1fr auto") */
|
|
5
|
+
columns?: number | string | {
|
|
6
|
+
sm?: number | string;
|
|
7
|
+
md?: number | string;
|
|
8
|
+
lg?: number | string;
|
|
9
|
+
xl?: number | string;
|
|
10
|
+
};
|
|
11
|
+
/** Gap between grid items */
|
|
12
|
+
gap?: string | {
|
|
13
|
+
xs?: string;
|
|
14
|
+
sm?: string;
|
|
15
|
+
md?: string;
|
|
16
|
+
lg?: string;
|
|
17
|
+
xl?: string;
|
|
18
|
+
};
|
|
19
|
+
/** Row gap (if different from column gap) */
|
|
20
|
+
rowGap?: string | {
|
|
21
|
+
sm?: string;
|
|
22
|
+
md?: string;
|
|
23
|
+
lg?: string;
|
|
24
|
+
xl?: string;
|
|
25
|
+
};
|
|
26
|
+
/** Column gap (if different from row gap) */
|
|
27
|
+
columnGap?: string | {
|
|
28
|
+
sm?: string;
|
|
29
|
+
md?: string;
|
|
30
|
+
lg?: string;
|
|
31
|
+
xl?: string;
|
|
32
|
+
};
|
|
33
|
+
/** Minimum column width (auto-fit behavior) */
|
|
34
|
+
minColumnWidth?: string;
|
|
35
|
+
/** Maximum column width */
|
|
36
|
+
maxColumnWidth?: string;
|
|
37
|
+
/** Align items vertically */
|
|
38
|
+
alignItems?: 'start' | 'center' | 'end' | 'stretch';
|
|
39
|
+
/** Justify items horizontally (aligns content inside each grid cell) */
|
|
40
|
+
justifyItems?: 'start' | 'center' | 'end' | 'stretch';
|
|
41
|
+
/** Justify content (aligns the entire grid within the container) */
|
|
42
|
+
justifyContent?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
|
|
43
|
+
/** Column alignment (left, center, right) - controls entire grid position */
|
|
44
|
+
columnAlign?: 'left' | 'center' | 'right';
|
|
45
|
+
/** Custom className */
|
|
46
|
+
className?: string;
|
|
47
|
+
/** Custom styles */
|
|
48
|
+
style?: React.CSSProperties;
|
|
49
|
+
/** Children elements */
|
|
50
|
+
children: React.ReactNode;
|
|
51
|
+
/** Full width grid */
|
|
52
|
+
fullWidth?: boolean;
|
|
53
|
+
}
|
|
54
|
+
export interface GridItemProps {
|
|
55
|
+
/** Column span - use "auto" to fit content width */
|
|
56
|
+
colSpan?: number | 'auto' | {
|
|
57
|
+
sm?: number | 'auto';
|
|
58
|
+
md?: number | 'auto';
|
|
59
|
+
lg?: number | 'auto';
|
|
60
|
+
xl?: number | 'auto';
|
|
61
|
+
};
|
|
62
|
+
/** Row span - use "auto" to fit content height */
|
|
63
|
+
rowSpan?: number | 'auto' | {
|
|
64
|
+
sm?: number | 'auto';
|
|
65
|
+
md?: number | 'auto';
|
|
66
|
+
lg?: number | 'auto';
|
|
67
|
+
xl?: number | 'auto';
|
|
68
|
+
};
|
|
69
|
+
/** Column start position */
|
|
70
|
+
colStart?: number | {
|
|
71
|
+
sm?: number;
|
|
72
|
+
md?: number;
|
|
73
|
+
lg?: number;
|
|
74
|
+
xl?: number;
|
|
75
|
+
};
|
|
76
|
+
/** Row start position */
|
|
77
|
+
rowStart?: number | {
|
|
78
|
+
sm?: number;
|
|
79
|
+
md?: number;
|
|
80
|
+
lg?: number;
|
|
81
|
+
xl?: number;
|
|
82
|
+
};
|
|
83
|
+
/** Gap between grid items */
|
|
84
|
+
gap?: string | {
|
|
85
|
+
sm?: string;
|
|
86
|
+
md?: string;
|
|
87
|
+
lg?: string;
|
|
88
|
+
xl?: string;
|
|
89
|
+
};
|
|
90
|
+
/** Row gap (if different from column gap) */
|
|
91
|
+
rowGap?: string | {
|
|
92
|
+
sm?: string;
|
|
93
|
+
md?: string;
|
|
94
|
+
lg?: string;
|
|
95
|
+
xl?: string;
|
|
96
|
+
};
|
|
97
|
+
/** Column gap (if different from row gap) */
|
|
98
|
+
columnGap?: string | {
|
|
99
|
+
sm?: string;
|
|
100
|
+
md?: string;
|
|
101
|
+
lg?: string;
|
|
102
|
+
xl?: string;
|
|
103
|
+
};
|
|
104
|
+
/** Custom className */
|
|
105
|
+
className?: string;
|
|
106
|
+
/** Custom styles */
|
|
107
|
+
style?: React.CSSProperties;
|
|
108
|
+
/** Children elements */
|
|
109
|
+
children: React.ReactNode;
|
|
110
|
+
}
|
|
111
|
+
export declare const Grid: ({ columns, gap, rowGap, columnGap, minColumnWidth, maxColumnWidth, alignItems, justifyItems, justifyContent, columnAlign, className, style, children, fullWidth, }: GridProps) => import("react/jsx-runtime").JSX.Element;
|
|
112
|
+
export declare const GridItem: ({ colSpan, rowSpan, colStart, rowStart, gap, rowGap, columnGap, className, style, children, }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
113
|
+
//# sourceMappingURL=Grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Grid/Grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { SemanticColorTokens } from '@/themes/core/color-system';
|
|
3
|
+
import './Heading.scss';
|
|
4
|
+
export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
5
|
+
export type ColorPalette = 'primary' | 'secondary' | 'accent' | 'tertiary';
|
|
6
|
+
export type HeadingWeight = 'light' | 'regular' | 'semibold' | 'bold' | 'black';
|
|
7
|
+
export type HeadingSize = '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
|
|
8
|
+
export type HeadingVariant = string;
|
|
9
|
+
export type HeadingColor = keyof SemanticColorTokens;
|
|
10
|
+
export interface HeadingProps {
|
|
11
|
+
/** Heading level (semantic HTML tag) */
|
|
12
|
+
level?: HeadingLevel;
|
|
13
|
+
/** Visual style variant (independent of semantic level) - defined by theme */
|
|
14
|
+
variant?: HeadingVariant;
|
|
15
|
+
/** Font weight (maps to --tier1-theme-typography-font-weight-*) */
|
|
16
|
+
weight?: HeadingWeight;
|
|
17
|
+
/** Font size (maps to --tier1-theme-typography-font-size-*) */
|
|
18
|
+
size?: HeadingSize;
|
|
19
|
+
/** Color from theme semantic tokens */
|
|
20
|
+
color?: HeadingColor;
|
|
21
|
+
/** Color palette to apply (background + text) */
|
|
22
|
+
palette?: ColorPalette;
|
|
23
|
+
/** Dark mode - applies dark mode styling for use on dark backgrounds */
|
|
24
|
+
darkMode?: boolean;
|
|
25
|
+
/** Heading text */
|
|
26
|
+
children: React.ReactNode;
|
|
27
|
+
/** Custom CSS class */
|
|
28
|
+
className?: string;
|
|
29
|
+
/** Inline styles */
|
|
30
|
+
style?: React.CSSProperties;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Heading component with configurable level and visual variants
|
|
34
|
+
* Supports responsive typography through CSS custom properties
|
|
35
|
+
*/
|
|
36
|
+
export declare const Heading: React.FC<HeadingProps>;
|
|
37
|
+
//# sourceMappingURL=Heading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC3E,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAChF,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAInE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwD1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Icon.scss';
|
|
3
|
+
export interface IconProps {
|
|
4
|
+
/**
|
|
5
|
+
* SVG content or path to SVG
|
|
6
|
+
*/
|
|
7
|
+
svg: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Icon size variant
|
|
10
|
+
*/
|
|
11
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
12
|
+
/**
|
|
13
|
+
* Icon color variant
|
|
14
|
+
*/
|
|
15
|
+
color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'inherit';
|
|
16
|
+
/**
|
|
17
|
+
* Custom fill color (overrides color variant)
|
|
18
|
+
*/
|
|
19
|
+
fill?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Custom stroke color (overrides color variant)
|
|
22
|
+
*/
|
|
23
|
+
stroke?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Custom stroke width (overrides color variant)
|
|
26
|
+
*/
|
|
27
|
+
strokeWidth?: string | number;
|
|
28
|
+
/**
|
|
29
|
+
* Additional CSS class
|
|
30
|
+
*/
|
|
31
|
+
className?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Accessible label for screen readers
|
|
34
|
+
*/
|
|
35
|
+
ariaLabel?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Whether icon is decorative (hidden from screen readers)
|
|
38
|
+
*/
|
|
39
|
+
decorative?: boolean;
|
|
40
|
+
}
|
|
41
|
+
export declare const Icon: React.FC<IconProps>;
|
|
42
|
+
//# sourceMappingURL=Icon.d.ts.map
|