@envive-ai/react-toolkit 0.2.0 → 0.2.2
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/package.json +10 -13
- package/src/components/Accordion/Accordion.tsx +3 -3
- package/src/components/AnimatedChevron/AnimatedChevron.tsx +1 -2
- package/src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx +2 -2
- package/src/components/ButtonBase/ButtonBase.tsx +2 -2
- package/src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx +2 -2
- package/src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx +2 -2
- package/src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx +2 -2
- package/src/components/ProductCard/ProductCard.tsx +10 -9
- package/src/components/RadioButton/RadioButton.tsx +2 -2
- package/src/components/SearchFilter/SearchFilterHeader.tsx +3 -3
- package/src/components/SearchFilter/SearchFilterItem.tsx +2 -2
- package/src/components/SearchInput/searchInputVariants.ts +2 -2
- package/src/components/SearchResultsStates/NoSearchResultsFound.tsx +3 -3
- package/src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx +2 -2
- package/src/components/TextInput/TextInput.tsx +4 -3
- package/src/components/ToggleButton/ToggleButton.tsx +5 -5
- package/src/components/Typography/Typography.spec.tsx +22 -0
- package/src/components/Typography/Typography.tsx +73 -0
- package/src/components/Typography/index.ts +2 -0
- package/src/components/{Text/textVariantClasses.ts → Typography/typographyVariantClasses.ts} +36 -38
- package/src/components/Typography/util.ts +19 -0
- package/dist/Accordion/index.cjs +0 -6
- package/dist/Accordion/index.d.cts +0 -13
- package/dist/Accordion/index.d.ts +0 -13
- package/dist/Accordion/index.js +0 -6
- package/dist/Accordion-D9gO9_y3.cjs +0 -88
- package/dist/Accordion-ZEdp99Ph.js +0 -77
- package/dist/AnimatedChevron/index.cjs +0 -3
- package/dist/AnimatedChevron/index.d.cts +0 -11
- package/dist/AnimatedChevron/index.d.ts +0 -11
- package/dist/AnimatedChevron/index.js +0 -3
- package/dist/AnimatedChevron-CwuXgR2r.js +0 -29
- package/dist/AnimatedChevron-e_UzWBl0.cjs +0 -37
- package/dist/AppliedFiltersScrollbar/index.cjs +0 -48
- package/dist/AppliedFiltersScrollbar/index.d.cts +0 -22
- package/dist/AppliedFiltersScrollbar/index.d.ts +0 -22
- package/dist/AppliedFiltersScrollbar/index.js +0 -44
- package/dist/ButtonBase/index.cjs +0 -7
- package/dist/ButtonBase/index.d.cts +0 -42
- package/dist/ButtonBase/index.d.ts +0 -42
- package/dist/ButtonBase/index.js +0 -6
- package/dist/ButtonBase-BJ0qXMWD.js +0 -60
- package/dist/ButtonBase-BktteD9c.js +0 -1
- package/dist/ButtonBase-Cb6Iec6f.cjs +0 -0
- package/dist/ButtonBase-VIv-tn7H.cjs +0 -75
- package/dist/DynamicFiltersScrollbar/index.cjs +0 -36
- package/dist/DynamicFiltersScrollbar/index.d.cts +0 -28
- package/dist/DynamicFiltersScrollbar/index.d.ts +0 -28
- package/dist/DynamicFiltersScrollbar/index.js +0 -32
- package/dist/DynamicFiltersScrollbar-HCYZjI14.cjs +0 -81
- package/dist/DynamicFiltersScrollbar-O0ai3cIG.js +0 -66
- package/dist/FilterScrollbar/index.cjs +0 -6
- package/dist/FilterScrollbar/index.d.cts +0 -47
- package/dist/FilterScrollbar/index.d.ts +0 -47
- package/dist/FilterScrollbar/index.js +0 -5
- package/dist/Headline/index.cjs +0 -4
- package/dist/Headline/index.d.cts +0 -21
- package/dist/Headline/index.d.ts +0 -21
- package/dist/Headline/index.js +0 -4
- package/dist/Headline-CKJmd2w4.cjs +0 -72
- package/dist/Headline-DtjTB4xS.js +0 -64
- package/dist/ImageWithFallback/index.cjs +0 -3
- package/dist/ImageWithFallback/index.d.cts +0 -26
- package/dist/ImageWithFallback/index.d.ts +0 -26
- package/dist/ImageWithFallback/index.js +0 -3
- package/dist/ImageWithFallback-CbYsD1_a.js +0 -42
- package/dist/ImageWithFallback-Km9h16Vz.cjs +0 -51
- package/dist/ModalSheet/index.cjs +0 -4
- package/dist/ModalSheet/index.d.cts +0 -38
- package/dist/ModalSheet/index.d.ts +0 -38
- package/dist/ModalSheet/index.js +0 -4
- package/dist/ModalSheet-DwnbbFh7.cjs +0 -313
- package/dist/ModalSheet-sMg44OLz.js +0 -302
- package/dist/ProductCard/index.cjs +0 -17
- package/dist/ProductCard/index.d.cts +0 -2
- package/dist/ProductCard/index.d.ts +0 -2
- package/dist/ProductCard/index.js +0 -8
- package/dist/ProductCard-BDz80MCQ.cjs +0 -319
- package/dist/ProductCard-CqhNJShq.js +0 -255
- package/dist/ProductGrid/index.cjs +0 -10
- package/dist/ProductGrid/index.d.cts +0 -33
- package/dist/ProductGrid/index.d.ts +0 -33
- package/dist/ProductGrid/index.js +0 -9
- package/dist/ProductGrid-8n4XgcMr.js +0 -60
- package/dist/ProductGrid-RRcdkY5J.cjs +0 -74
- package/dist/RadioButton/index.cjs +0 -6
- package/dist/RadioButton/index.d.cts +0 -32
- package/dist/RadioButton/index.d.ts +0 -32
- package/dist/RadioButton/index.js +0 -6
- package/dist/RadioButton-BWnaUI8o.cjs +0 -84
- package/dist/RadioButton-CG8_M0hY.js +0 -75
- package/dist/RadioButtonGroup/index.cjs +0 -8
- package/dist/RadioButtonGroup/index.d.cts +0 -36
- package/dist/RadioButtonGroup/index.d.ts +0 -36
- package/dist/RadioButtonGroup/index.js +0 -7
- package/dist/RadioButtonGroup-B7EuiEP1.js +0 -38
- package/dist/RadioButtonGroup-ReQqakpS.cjs +0 -52
- package/dist/SearchAutocomplete/index.cjs +0 -3
- package/dist/SearchAutocomplete/index.d.cts +0 -13
- package/dist/SearchAutocomplete/index.d.ts +0 -13
- package/dist/SearchAutocomplete/index.js +0 -3
- package/dist/SearchAutocomplete-BMNYZiJL.js +0 -51
- package/dist/SearchAutocomplete-BmHdijOv.cjs +0 -62
- package/dist/SearchFilter/index.cjs +0 -19
- package/dist/SearchFilter/index.d.cts +0 -91
- package/dist/SearchFilter/index.d.ts +0 -91
- package/dist/SearchFilter/index.js +0 -14
- package/dist/SearchFilter-C8mgj84o.js +0 -268
- package/dist/SearchFilter-FrdHPM5O.cjs +0 -307
- package/dist/SearchInput/index.cjs +0 -7
- package/dist/SearchInput/index.d.cts +0 -34
- package/dist/SearchInput/index.d.ts +0 -34
- package/dist/SearchInput/index.js +0 -6
- package/dist/SearchInput--x9NTMTb.cjs +0 -106
- package/dist/SearchInput-IBq83nqF.js +0 -89
- package/dist/SearchInputForm/index.cjs +0 -39
- package/dist/SearchInputForm/index.d.cts +0 -34
- package/dist/SearchInputForm/index.d.ts +0 -34
- package/dist/SearchInputForm/index.js +0 -37
- package/dist/SearchResultsContent/index.cjs +0 -47
- package/dist/SearchResultsContent/index.d.cts +0 -48
- package/dist/SearchResultsContent/index.d.ts +0 -48
- package/dist/SearchResultsContent/index.js +0 -44
- package/dist/SearchResultsFilterSidebar/index.cjs +0 -62
- package/dist/SearchResultsFilterSidebar/index.d.cts +0 -2
- package/dist/SearchResultsFilterSidebar/index.d.ts +0 -2
- package/dist/SearchResultsFilterSidebar/index.js +0 -57
- package/dist/SearchResultsStates/index.cjs +0 -17
- package/dist/SearchResultsStates/index.d.cts +0 -69
- package/dist/SearchResultsStates/index.d.ts +0 -69
- package/dist/SearchResultsStates/index.js +0 -15
- package/dist/SearchResultsStates-D7dM35qq.js +0 -110
- package/dist/SearchResultsStates-nlaPbkj3.cjs +0 -132
- package/dist/SparkleAnimation/index.cjs +0 -4
- package/dist/SparkleAnimation/index.d.cts +0 -23
- package/dist/SparkleAnimation/index.d.ts +0 -23
- package/dist/SparkleAnimation/index.js +0 -3
- package/dist/SparkleAnimation-D1aZE-7A.cjs +0 -101
- package/dist/SparkleAnimation-DtWkXmkN.js +0 -84
- package/dist/Spinner/index.cjs +0 -3
- package/dist/Spinner/index.d.cts +0 -11
- package/dist/Spinner/index.d.ts +0 -11
- package/dist/Spinner/index.js +0 -3
- package/dist/Spinner-bg6jb_ks.js +0 -38
- package/dist/Spinner-rcWX566W.cjs +0 -46
- package/dist/SuggestionButton/index.cjs +0 -188
- package/dist/SuggestionButton/index.d.cts +0 -35
- package/dist/SuggestionButton/index.d.ts +0 -35
- package/dist/SuggestionButton/index.js +0 -180
- package/dist/Text/index.cjs +0 -10
- package/dist/Text/index.d.cts +0 -42
- package/dist/Text/index.d.ts +0 -42
- package/dist/Text/index.js +0 -5
- package/dist/Text-BLzNhX4H.js +0 -42
- package/dist/Text-BMsncrpY.js +0 -10
- package/dist/Text-C8t_iEj6.cjs +0 -16
- package/dist/Text-DllCE9_D.cjs +0 -50
- package/dist/TextInput/index.cjs +0 -4
- package/dist/TextInput/index.d.cts +0 -12
- package/dist/TextInput/index.d.ts +0 -12
- package/dist/TextInput/index.js +0 -4
- package/dist/TextInput-BeHPlVHT.js +0 -31
- package/dist/TextInput-CGs4BY1q.cjs +0 -40
- package/dist/ToggleButton/index.cjs +0 -6
- package/dist/ToggleButton/index.d.cts +0 -30
- package/dist/ToggleButton/index.d.ts +0 -30
- package/dist/ToggleButton/index.js +0 -6
- package/dist/ToggleButton-CRiPqTCb.js +0 -60
- package/dist/ToggleButton-DfJZ8POQ.cjs +0 -68
- package/dist/chunk-CUT6urMc.cjs +0 -30
- package/dist/colorsConfig-Ck2jeqWe.js +0 -26
- package/dist/colorsConfig-CqCKftuM.cjs +0 -38
- package/dist/index-B9WeFNlO.d.cts +0 -325
- package/dist/index-CLGe_Pam.d.cts +0 -46
- package/dist/index-CeECGrFM.d.ts +0 -325
- package/dist/index-PSzeHU2s.d.ts +0 -46
- package/dist/searchFilterSidebarVariants-B05f5SD5.js +0 -34
- package/dist/searchFilterSidebarVariants-NQhqq-NT.cjs +0 -39
- package/dist/textVariantClasses-B0gNjzl4.d.cts +0 -174
- package/dist/textVariantClasses-Bl8SAGwZ.d.ts +0 -174
- package/dist/textVariantClasses-CBre7vXv.cjs +0 -123
- package/dist/textVariantClasses-CRrTb43V.js +0 -99
- package/dist/types-BhGjnuWx.d.cts +0 -4
- package/dist/types-CTOdb0G0.d.ts +0 -4
- package/src/components/Headline/Headline.tsx +0 -81
- package/src/components/Headline/index.ts +0 -1
- package/src/components/Text/Text.tsx +0 -58
- package/src/components/Text/index.ts +0 -3
- package/src/components/Text/types.ts +0 -23
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
const require_chunk = require('./chunk-CUT6urMc.cjs');
|
|
2
|
-
const require_Text = require('./Text-DllCE9_D.cjs');
|
|
3
|
-
let react = require("react");
|
|
4
|
-
react = require_chunk.__toESM(react);
|
|
5
|
-
let classnames = require("classnames");
|
|
6
|
-
classnames = require_chunk.__toESM(classnames);
|
|
7
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
-
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
9
|
-
|
|
10
|
-
//#region src/components/ButtonBase/types.ts
|
|
11
|
-
let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {
|
|
12
|
-
ButtonBaseOverrides$1["BUTTON"] = "spiffy-button-base-button";
|
|
13
|
-
ButtonBaseOverrides$1["BUTTON_TEXT"] = "spiffy-button-base-button-text";
|
|
14
|
-
ButtonBaseOverrides$1["BUTTON_ICON"] = "spiffy-button-base-button-icon";
|
|
15
|
-
return ButtonBaseOverrides$1;
|
|
16
|
-
}({});
|
|
17
|
-
|
|
18
|
-
//#endregion
|
|
19
|
-
//#region src/components/ButtonBase/ButtonBase.tsx
|
|
20
|
-
const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = "spiffy-tw-w-[21px] spiffy-tw-h-[21px]", dataTestId, onClick, disablePadding = false }) => {
|
|
21
|
-
const buttonRef = (0, react.useRef)(null);
|
|
22
|
-
const buttonClassName = (0, classnames.default)({
|
|
23
|
-
[ButtonBaseOverrides.BUTTON]: true,
|
|
24
|
-
"spiffy-tw-flex": true,
|
|
25
|
-
"spiffy-tw-min-h-[36px]": true,
|
|
26
|
-
"spiffy-tw-cursor-pointer": true,
|
|
27
|
-
"spiffy-tw-items-center": true,
|
|
28
|
-
"spiffy-tw-gap-2": true,
|
|
29
|
-
"spiffy-tw-px-4": !disablePadding,
|
|
30
|
-
"spiffy-tw-transition-colors": true,
|
|
31
|
-
"spiffy-tw-opacity-40": isDisabled,
|
|
32
|
-
"spiffy-tw-cursor-not-allowed": isDisabled,
|
|
33
|
-
[`${buttonClass}`]: buttonClass != null
|
|
34
|
-
});
|
|
35
|
-
const textClassName = (0, classnames.default)({
|
|
36
|
-
[ButtonBaseOverrides.BUTTON_TEXT]: true,
|
|
37
|
-
"spiffy-tw-whitespace-nowrap": true,
|
|
38
|
-
[`${textClass}`]: textClass != null
|
|
39
|
-
});
|
|
40
|
-
const iconClassName = (0, classnames.default)({
|
|
41
|
-
[ButtonBaseOverrides.BUTTON_ICON]: true,
|
|
42
|
-
[`${iconClass}`]: iconClass != null
|
|
43
|
-
});
|
|
44
|
-
(0, react.useEffect)(() => {
|
|
45
|
-
if (dataAttributes && buttonRef.current) Object.entries(dataAttributes).forEach(([key, value]) => {
|
|
46
|
-
buttonRef.current?.setAttribute(key, value);
|
|
47
|
-
});
|
|
48
|
-
}, [dataAttributes]);
|
|
49
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
|
|
50
|
-
type: "button",
|
|
51
|
-
ref: buttonRef,
|
|
52
|
-
className: buttonClassName,
|
|
53
|
-
disabled: isDisabled,
|
|
54
|
-
"data-testid": dataTestId,
|
|
55
|
-
onClick,
|
|
56
|
-
children: [icon && (0, react.createElement)(icon, { className: iconClassName }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
|
|
57
|
-
className: textClassName,
|
|
58
|
-
children: text
|
|
59
|
-
})]
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
//#endregion
|
|
64
|
-
Object.defineProperty(exports, 'ButtonBase', {
|
|
65
|
-
enumerable: true,
|
|
66
|
-
get: function () {
|
|
67
|
-
return ButtonBase;
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
Object.defineProperty(exports, 'ButtonBaseOverrides', {
|
|
71
|
-
enumerable: true,
|
|
72
|
-
get: function () {
|
|
73
|
-
return ButtonBaseOverrides;
|
|
74
|
-
}
|
|
75
|
-
});
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
const require_chunk = require('../chunk-CUT6urMc.cjs');
|
|
2
|
-
require('../textVariantClasses-CBre7vXv.cjs');
|
|
3
|
-
const require_Text = require('../Text-DllCE9_D.cjs');
|
|
4
|
-
require('../Text-C8t_iEj6.cjs');
|
|
5
|
-
let classnames = require("classnames");
|
|
6
|
-
classnames = require_chunk.__toESM(classnames);
|
|
7
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
-
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
9
|
-
let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
|
|
10
|
-
react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
|
|
11
|
-
|
|
12
|
-
//#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx
|
|
13
|
-
const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
|
|
14
|
-
className: filterBarClassNames,
|
|
15
|
-
hideScrollbars: true,
|
|
16
|
-
children: availableDynamicFilters.map(({ name, displayName }) => {
|
|
17
|
-
const buttonClasses = (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
|
|
18
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
19
|
-
type: "button",
|
|
20
|
-
className: buttonClasses,
|
|
21
|
-
onClick: () => {
|
|
22
|
-
onToggleDynamicFilter({
|
|
23
|
-
filter: name,
|
|
24
|
-
dynamicFilterDisplayName: displayName
|
|
25
|
-
});
|
|
26
|
-
},
|
|
27
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
|
|
28
|
-
variant: "body3",
|
|
29
|
-
children: displayName
|
|
30
|
-
})
|
|
31
|
-
}, name);
|
|
32
|
-
})
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
//#endregion
|
|
36
|
-
exports.DynamicFiltersScrollbar = DynamicFiltersScrollbar;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime20 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
|
|
4
|
-
interface DynamicFiltersScrollbarProps {
|
|
5
|
-
availableDynamicFilters: {
|
|
6
|
-
name: string;
|
|
7
|
-
displayName: string;
|
|
8
|
-
}[];
|
|
9
|
-
filterBarClassNames: string;
|
|
10
|
-
filterDefaultClasses: string;
|
|
11
|
-
filterHoverClasses: string;
|
|
12
|
-
onToggleDynamicFilter: ({
|
|
13
|
-
filter,
|
|
14
|
-
dynamicFilterDisplayName
|
|
15
|
-
}: {
|
|
16
|
-
filter: string;
|
|
17
|
-
dynamicFilterDisplayName: string;
|
|
18
|
-
}) => void;
|
|
19
|
-
}
|
|
20
|
-
declare const DynamicFiltersScrollbar: ({
|
|
21
|
-
availableDynamicFilters,
|
|
22
|
-
filterBarClassNames,
|
|
23
|
-
filterDefaultClasses,
|
|
24
|
-
filterHoverClasses,
|
|
25
|
-
onToggleDynamicFilter
|
|
26
|
-
}: DynamicFiltersScrollbarProps) => react_jsx_runtime20.JSX.Element;
|
|
27
|
-
//#endregion
|
|
28
|
-
export { DynamicFiltersScrollbar };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime24 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
|
|
4
|
-
interface DynamicFiltersScrollbarProps {
|
|
5
|
-
availableDynamicFilters: {
|
|
6
|
-
name: string;
|
|
7
|
-
displayName: string;
|
|
8
|
-
}[];
|
|
9
|
-
filterBarClassNames: string;
|
|
10
|
-
filterDefaultClasses: string;
|
|
11
|
-
filterHoverClasses: string;
|
|
12
|
-
onToggleDynamicFilter: ({
|
|
13
|
-
filter,
|
|
14
|
-
dynamicFilterDisplayName
|
|
15
|
-
}: {
|
|
16
|
-
filter: string;
|
|
17
|
-
dynamicFilterDisplayName: string;
|
|
18
|
-
}) => void;
|
|
19
|
-
}
|
|
20
|
-
declare const DynamicFiltersScrollbar: ({
|
|
21
|
-
availableDynamicFilters,
|
|
22
|
-
filterBarClassNames,
|
|
23
|
-
filterDefaultClasses,
|
|
24
|
-
filterHoverClasses,
|
|
25
|
-
onToggleDynamicFilter
|
|
26
|
-
}: DynamicFiltersScrollbarProps) => react_jsx_runtime24.JSX.Element;
|
|
27
|
-
//#endregion
|
|
28
|
-
export { DynamicFiltersScrollbar };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import "../textVariantClasses-CRrTb43V.js";
|
|
2
|
-
import { Text } from "../Text-BLzNhX4H.js";
|
|
3
|
-
import "../Text-BMsncrpY.js";
|
|
4
|
-
import classNames from "classnames";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
import ScrollContainer from "react-indiana-drag-scroll";
|
|
7
|
-
|
|
8
|
-
//#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx
|
|
9
|
-
const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ jsx(ScrollContainer, {
|
|
10
|
-
className: filterBarClassNames,
|
|
11
|
-
hideScrollbars: true,
|
|
12
|
-
children: availableDynamicFilters.map(({ name, displayName }) => {
|
|
13
|
-
const buttonClasses = classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
|
|
14
|
-
return /* @__PURE__ */ jsx("button", {
|
|
15
|
-
type: "button",
|
|
16
|
-
className: buttonClasses,
|
|
17
|
-
onClick: () => {
|
|
18
|
-
onToggleDynamicFilter({
|
|
19
|
-
filter: name,
|
|
20
|
-
dynamicFilterDisplayName: displayName
|
|
21
|
-
});
|
|
22
|
-
},
|
|
23
|
-
children: /* @__PURE__ */ jsx(Text, {
|
|
24
|
-
variant: "body3",
|
|
25
|
-
children: displayName
|
|
26
|
-
})
|
|
27
|
-
}, name);
|
|
28
|
-
})
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
//#endregion
|
|
32
|
-
export { DynamicFiltersScrollbar };
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
const require_chunk = require('./chunk-CUT6urMc.cjs');
|
|
2
|
-
const require_Text = require('./Text-DllCE9_D.cjs');
|
|
3
|
-
let classnames = require("classnames");
|
|
4
|
-
classnames = require_chunk.__toESM(classnames);
|
|
5
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
-
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
7
|
-
let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
|
|
8
|
-
react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
|
|
9
|
-
|
|
10
|
-
//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
|
|
11
|
-
const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
|
|
12
|
-
if (selectedFilterOptions.length === 0) return null;
|
|
13
|
-
const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
|
|
14
|
-
const buttonClasses = (0, classnames.default)(" spiffy-tw-flex spiffy-tw-items-center spiffy-tw-rounded-full spiffy-tw-px-[8px] spiffy-tw-py-[4px] spiffy-tw-whitespace-nowrap", filterHoverClasses, filterDefaultWithoutBg, appliedFilterBackgroundClasses);
|
|
15
|
-
const iconColor = "currentColor";
|
|
16
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
|
|
17
|
-
className: filterBarClassNames,
|
|
18
|
-
hideScrollbars: true,
|
|
19
|
-
children: selectedFilterOptions.map((filter) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
20
|
-
className: buttonClasses,
|
|
21
|
-
type: "button",
|
|
22
|
-
onClick: () => onRemoveFilter(filter),
|
|
23
|
-
"aria-label": `Remove filter: ${filter.displayName}`,
|
|
24
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
25
|
-
className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
|
|
26
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
|
|
27
|
-
variant: "body3",
|
|
28
|
-
children: filter.displayName
|
|
29
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
30
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
31
|
-
width: "10",
|
|
32
|
-
height: "10",
|
|
33
|
-
viewBox: "0 0 10 10",
|
|
34
|
-
fill: "none",
|
|
35
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
36
|
-
d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
|
|
37
|
-
fill: iconColor
|
|
38
|
-
})
|
|
39
|
-
})]
|
|
40
|
-
})
|
|
41
|
-
}, filter.id))
|
|
42
|
-
});
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
//#endregion
|
|
46
|
-
//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
|
|
47
|
-
const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
|
|
48
|
-
className: filterBarClassNames,
|
|
49
|
-
hideScrollbars: true,
|
|
50
|
-
children: availableDynamicFilters.map(({ name, displayName }) => {
|
|
51
|
-
const buttonClasses = (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
|
|
52
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
53
|
-
type: "button",
|
|
54
|
-
className: buttonClasses,
|
|
55
|
-
onClick: () => {
|
|
56
|
-
onToggleDynamicFilter({
|
|
57
|
-
filter: name,
|
|
58
|
-
dynamicFilterDisplayName: displayName
|
|
59
|
-
});
|
|
60
|
-
},
|
|
61
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
|
|
62
|
-
variant: "body3",
|
|
63
|
-
children: displayName
|
|
64
|
-
})
|
|
65
|
-
}, name);
|
|
66
|
-
})
|
|
67
|
-
});
|
|
68
|
-
|
|
69
|
-
//#endregion
|
|
70
|
-
Object.defineProperty(exports, 'AppliedFiltersScrollbar', {
|
|
71
|
-
enumerable: true,
|
|
72
|
-
get: function () {
|
|
73
|
-
return AppliedFiltersScrollbar;
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
Object.defineProperty(exports, 'DynamicFiltersScrollbar', {
|
|
77
|
-
enumerable: true,
|
|
78
|
-
get: function () {
|
|
79
|
-
return DynamicFiltersScrollbar;
|
|
80
|
-
}
|
|
81
|
-
});
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { Text } from "./Text-BLzNhX4H.js";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
import ScrollContainer from "react-indiana-drag-scroll";
|
|
5
|
-
|
|
6
|
-
//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
|
|
7
|
-
const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
|
|
8
|
-
if (selectedFilterOptions.length === 0) return null;
|
|
9
|
-
const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
|
|
10
|
-
const buttonClasses = classNames(" spiffy-tw-flex spiffy-tw-items-center spiffy-tw-rounded-full spiffy-tw-px-[8px] spiffy-tw-py-[4px] spiffy-tw-whitespace-nowrap", filterHoverClasses, filterDefaultWithoutBg, appliedFilterBackgroundClasses);
|
|
11
|
-
const iconColor = "currentColor";
|
|
12
|
-
return /* @__PURE__ */ jsx(ScrollContainer, {
|
|
13
|
-
className: filterBarClassNames,
|
|
14
|
-
hideScrollbars: true,
|
|
15
|
-
children: selectedFilterOptions.map((filter) => /* @__PURE__ */ jsx("button", {
|
|
16
|
-
className: buttonClasses,
|
|
17
|
-
type: "button",
|
|
18
|
-
onClick: () => onRemoveFilter(filter),
|
|
19
|
-
"aria-label": `Remove filter: ${filter.displayName}`,
|
|
20
|
-
children: /* @__PURE__ */ jsxs("div", {
|
|
21
|
-
className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
|
|
22
|
-
children: [/* @__PURE__ */ jsx(Text, {
|
|
23
|
-
variant: "body3",
|
|
24
|
-
children: filter.displayName
|
|
25
|
-
}), /* @__PURE__ */ jsx("svg", {
|
|
26
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
-
width: "10",
|
|
28
|
-
height: "10",
|
|
29
|
-
viewBox: "0 0 10 10",
|
|
30
|
-
fill: "none",
|
|
31
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
32
|
-
d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
|
|
33
|
-
fill: iconColor
|
|
34
|
-
})
|
|
35
|
-
})]
|
|
36
|
-
})
|
|
37
|
-
}, filter.id))
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
//#endregion
|
|
42
|
-
//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
|
|
43
|
-
const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ jsx(ScrollContainer, {
|
|
44
|
-
className: filterBarClassNames,
|
|
45
|
-
hideScrollbars: true,
|
|
46
|
-
children: availableDynamicFilters.map(({ name, displayName }) => {
|
|
47
|
-
const buttonClasses = classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
|
|
48
|
-
return /* @__PURE__ */ jsx("button", {
|
|
49
|
-
type: "button",
|
|
50
|
-
className: buttonClasses,
|
|
51
|
-
onClick: () => {
|
|
52
|
-
onToggleDynamicFilter({
|
|
53
|
-
filter: name,
|
|
54
|
-
dynamicFilterDisplayName: displayName
|
|
55
|
-
});
|
|
56
|
-
},
|
|
57
|
-
children: /* @__PURE__ */ jsx(Text, {
|
|
58
|
-
variant: "body3",
|
|
59
|
-
children: displayName
|
|
60
|
-
})
|
|
61
|
-
}, name);
|
|
62
|
-
})
|
|
63
|
-
});
|
|
64
|
-
|
|
65
|
-
//#endregion
|
|
66
|
-
export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
require('../textVariantClasses-CBre7vXv.cjs');
|
|
2
|
-
require('../Text-DllCE9_D.cjs');
|
|
3
|
-
const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-HCYZjI14.cjs');
|
|
4
|
-
|
|
5
|
-
exports.AppliedFiltersScrollbar = require_DynamicFiltersScrollbar.AppliedFiltersScrollbar;
|
|
6
|
-
exports.DynamicFiltersScrollbar = require_DynamicFiltersScrollbar.DynamicFiltersScrollbar;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime19 from "react/jsx-runtime";
|
|
2
|
-
import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
|
|
3
|
-
|
|
4
|
-
//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
|
|
5
|
-
interface AppliedFiltersScrollbarProps {
|
|
6
|
-
selectedFilterOptions: SelectedFilterOption[];
|
|
7
|
-
filterBarClassNames: string;
|
|
8
|
-
filterDefaultClasses: string;
|
|
9
|
-
filterHoverClasses: string;
|
|
10
|
-
appliedFilterBackgroundClasses: string;
|
|
11
|
-
onRemoveFilter: (filter: SelectedFilterOption) => void;
|
|
12
|
-
}
|
|
13
|
-
declare const AppliedFiltersScrollbar: ({
|
|
14
|
-
selectedFilterOptions,
|
|
15
|
-
filterBarClassNames,
|
|
16
|
-
filterDefaultClasses,
|
|
17
|
-
filterHoverClasses,
|
|
18
|
-
appliedFilterBackgroundClasses,
|
|
19
|
-
onRemoveFilter
|
|
20
|
-
}: AppliedFiltersScrollbarProps) => react_jsx_runtime19.JSX.Element;
|
|
21
|
-
//#endregion
|
|
22
|
-
//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
|
|
23
|
-
interface DynamicFiltersScrollbarProps {
|
|
24
|
-
availableDynamicFilters: {
|
|
25
|
-
name: string;
|
|
26
|
-
displayName: string;
|
|
27
|
-
}[];
|
|
28
|
-
filterBarClassNames: string;
|
|
29
|
-
filterDefaultClasses: string;
|
|
30
|
-
filterHoverClasses: string;
|
|
31
|
-
onToggleDynamicFilter: ({
|
|
32
|
-
filter,
|
|
33
|
-
dynamicFilterDisplayName
|
|
34
|
-
}: {
|
|
35
|
-
filter: string;
|
|
36
|
-
dynamicFilterDisplayName: string;
|
|
37
|
-
}) => void;
|
|
38
|
-
}
|
|
39
|
-
declare const DynamicFiltersScrollbar: ({
|
|
40
|
-
availableDynamicFilters,
|
|
41
|
-
filterBarClassNames,
|
|
42
|
-
filterDefaultClasses,
|
|
43
|
-
filterHoverClasses,
|
|
44
|
-
onToggleDynamicFilter
|
|
45
|
-
}: DynamicFiltersScrollbarProps) => react_jsx_runtime19.JSX.Element;
|
|
46
|
-
//#endregion
|
|
47
|
-
export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
2
|
-
import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
|
|
3
|
-
|
|
4
|
-
//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
|
|
5
|
-
interface AppliedFiltersScrollbarProps {
|
|
6
|
-
selectedFilterOptions: SelectedFilterOption[];
|
|
7
|
-
filterBarClassNames: string;
|
|
8
|
-
filterDefaultClasses: string;
|
|
9
|
-
filterHoverClasses: string;
|
|
10
|
-
appliedFilterBackgroundClasses: string;
|
|
11
|
-
onRemoveFilter: (filter: SelectedFilterOption) => void;
|
|
12
|
-
}
|
|
13
|
-
declare const AppliedFiltersScrollbar: ({
|
|
14
|
-
selectedFilterOptions,
|
|
15
|
-
filterBarClassNames,
|
|
16
|
-
filterDefaultClasses,
|
|
17
|
-
filterHoverClasses,
|
|
18
|
-
appliedFilterBackgroundClasses,
|
|
19
|
-
onRemoveFilter
|
|
20
|
-
}: AppliedFiltersScrollbarProps) => react_jsx_runtime3.JSX.Element;
|
|
21
|
-
//#endregion
|
|
22
|
-
//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
|
|
23
|
-
interface DynamicFiltersScrollbarProps {
|
|
24
|
-
availableDynamicFilters: {
|
|
25
|
-
name: string;
|
|
26
|
-
displayName: string;
|
|
27
|
-
}[];
|
|
28
|
-
filterBarClassNames: string;
|
|
29
|
-
filterDefaultClasses: string;
|
|
30
|
-
filterHoverClasses: string;
|
|
31
|
-
onToggleDynamicFilter: ({
|
|
32
|
-
filter,
|
|
33
|
-
dynamicFilterDisplayName
|
|
34
|
-
}: {
|
|
35
|
-
filter: string;
|
|
36
|
-
dynamicFilterDisplayName: string;
|
|
37
|
-
}) => void;
|
|
38
|
-
}
|
|
39
|
-
declare const DynamicFiltersScrollbar: ({
|
|
40
|
-
availableDynamicFilters,
|
|
41
|
-
filterBarClassNames,
|
|
42
|
-
filterDefaultClasses,
|
|
43
|
-
filterHoverClasses,
|
|
44
|
-
onToggleDynamicFilter
|
|
45
|
-
}: DynamicFiltersScrollbarProps) => react_jsx_runtime3.JSX.Element;
|
|
46
|
-
//#endregion
|
|
47
|
-
export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };
|
package/dist/Headline/index.cjs
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/components/Headline/Headline.d.ts
|
|
4
|
-
type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
|
|
5
|
-
type HeadlineProps = {
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
className?: string;
|
|
8
|
-
style?: React.CSSProperties;
|
|
9
|
-
variant?: HeadlineVariant;
|
|
10
|
-
testId?: string;
|
|
11
|
-
id?: string;
|
|
12
|
-
};
|
|
13
|
-
declare const Headline: ({
|
|
14
|
-
children,
|
|
15
|
-
className,
|
|
16
|
-
style,
|
|
17
|
-
testId,
|
|
18
|
-
variant
|
|
19
|
-
}: HeadlineProps) => react_jsx_runtime13.JSX.Element;
|
|
20
|
-
//#endregion
|
|
21
|
-
export { Headline, HeadlineProps, HeadlineVariant };
|
package/dist/Headline/index.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime16 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/components/Headline/Headline.d.ts
|
|
4
|
-
type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
|
|
5
|
-
type HeadlineProps = {
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
className?: string;
|
|
8
|
-
style?: React.CSSProperties;
|
|
9
|
-
variant?: HeadlineVariant;
|
|
10
|
-
testId?: string;
|
|
11
|
-
id?: string;
|
|
12
|
-
};
|
|
13
|
-
declare const Headline: ({
|
|
14
|
-
children,
|
|
15
|
-
className,
|
|
16
|
-
style,
|
|
17
|
-
testId,
|
|
18
|
-
variant
|
|
19
|
-
}: HeadlineProps) => react_jsx_runtime16.JSX.Element;
|
|
20
|
-
//#endregion
|
|
21
|
-
export { Headline, HeadlineProps, HeadlineVariant };
|
package/dist/Headline/index.js
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
const require_chunk = require('./chunk-CUT6urMc.cjs');
|
|
2
|
-
const require_textVariantClasses = require('./textVariantClasses-CBre7vXv.cjs');
|
|
3
|
-
let classnames = require("classnames");
|
|
4
|
-
classnames = require_chunk.__toESM(classnames);
|
|
5
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
-
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
7
|
-
|
|
8
|
-
//#region src/components/Headline/Headline.tsx
|
|
9
|
-
const Headline = ({ children, className, style, testId, variant = "h1" }) => {
|
|
10
|
-
const variantClassNames = variant ? require_textVariantClasses.HeadlineVariantMap[variant] : {};
|
|
11
|
-
const textClassNames = (0, classnames.default)(className, variantClassNames, { "spiffy-tw-font-[Poppins,sans-serif]": true });
|
|
12
|
-
const T1 = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
|
|
13
|
-
"data-testid": testId,
|
|
14
|
-
className: textClassNames,
|
|
15
|
-
style,
|
|
16
|
-
children
|
|
17
|
-
});
|
|
18
|
-
const T2 = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
|
|
19
|
-
"data-testid": testId,
|
|
20
|
-
className: textClassNames,
|
|
21
|
-
style,
|
|
22
|
-
children
|
|
23
|
-
});
|
|
24
|
-
const T3 = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
|
|
25
|
-
"data-testid": testId,
|
|
26
|
-
className: textClassNames,
|
|
27
|
-
style,
|
|
28
|
-
children
|
|
29
|
-
});
|
|
30
|
-
const H1 = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
|
|
31
|
-
"data-testid": testId,
|
|
32
|
-
className: textClassNames,
|
|
33
|
-
style,
|
|
34
|
-
children
|
|
35
|
-
});
|
|
36
|
-
const H2 = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
|
|
37
|
-
"data-testid": testId,
|
|
38
|
-
className: textClassNames,
|
|
39
|
-
style,
|
|
40
|
-
children
|
|
41
|
-
});
|
|
42
|
-
const H3 = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
|
|
43
|
-
"data-testid": testId,
|
|
44
|
-
className: textClassNames,
|
|
45
|
-
style,
|
|
46
|
-
children
|
|
47
|
-
});
|
|
48
|
-
const H4 = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
|
|
49
|
-
"data-testid": testId,
|
|
50
|
-
className: textClassNames,
|
|
51
|
-
style,
|
|
52
|
-
children
|
|
53
|
-
});
|
|
54
|
-
switch (variant) {
|
|
55
|
-
case "t1": return T1();
|
|
56
|
-
case "t2": return T2();
|
|
57
|
-
case "t3": return T3();
|
|
58
|
-
case "h1": return H1();
|
|
59
|
-
case "h2": return H2();
|
|
60
|
-
case "h3": return H3();
|
|
61
|
-
case "h4": return H4();
|
|
62
|
-
default: throw new Error(`Invalid variant: ${variant}`);
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
//#endregion
|
|
67
|
-
Object.defineProperty(exports, 'Headline', {
|
|
68
|
-
enumerable: true,
|
|
69
|
-
get: function () {
|
|
70
|
-
return Headline;
|
|
71
|
-
}
|
|
72
|
-
});
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { HeadlineVariantMap } from "./textVariantClasses-CRrTb43V.js";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
//#region src/components/Headline/Headline.tsx
|
|
6
|
-
const Headline = ({ children, className, style, testId, variant = "h1" }) => {
|
|
7
|
-
const variantClassNames = variant ? HeadlineVariantMap[variant] : {};
|
|
8
|
-
const textClassNames = classNames(className, variantClassNames, { "spiffy-tw-font-[Poppins,sans-serif]": true });
|
|
9
|
-
const T1 = () => /* @__PURE__ */ jsx("h1", {
|
|
10
|
-
"data-testid": testId,
|
|
11
|
-
className: textClassNames,
|
|
12
|
-
style,
|
|
13
|
-
children
|
|
14
|
-
});
|
|
15
|
-
const T2 = () => /* @__PURE__ */ jsx("h2", {
|
|
16
|
-
"data-testid": testId,
|
|
17
|
-
className: textClassNames,
|
|
18
|
-
style,
|
|
19
|
-
children
|
|
20
|
-
});
|
|
21
|
-
const T3 = () => /* @__PURE__ */ jsx("h3", {
|
|
22
|
-
"data-testid": testId,
|
|
23
|
-
className: textClassNames,
|
|
24
|
-
style,
|
|
25
|
-
children
|
|
26
|
-
});
|
|
27
|
-
const H1 = () => /* @__PURE__ */ jsx("h1", {
|
|
28
|
-
"data-testid": testId,
|
|
29
|
-
className: textClassNames,
|
|
30
|
-
style,
|
|
31
|
-
children
|
|
32
|
-
});
|
|
33
|
-
const H2 = () => /* @__PURE__ */ jsx("h2", {
|
|
34
|
-
"data-testid": testId,
|
|
35
|
-
className: textClassNames,
|
|
36
|
-
style,
|
|
37
|
-
children
|
|
38
|
-
});
|
|
39
|
-
const H3 = () => /* @__PURE__ */ jsx("h3", {
|
|
40
|
-
"data-testid": testId,
|
|
41
|
-
className: textClassNames,
|
|
42
|
-
style,
|
|
43
|
-
children
|
|
44
|
-
});
|
|
45
|
-
const H4 = () => /* @__PURE__ */ jsx("h4", {
|
|
46
|
-
"data-testid": testId,
|
|
47
|
-
className: textClassNames,
|
|
48
|
-
style,
|
|
49
|
-
children
|
|
50
|
-
});
|
|
51
|
-
switch (variant) {
|
|
52
|
-
case "t1": return T1();
|
|
53
|
-
case "t2": return T2();
|
|
54
|
-
case "t3": return T3();
|
|
55
|
-
case "h1": return H1();
|
|
56
|
-
case "h2": return H2();
|
|
57
|
-
case "h3": return H3();
|
|
58
|
-
case "h4": return H4();
|
|
59
|
-
default: throw new Error(`Invalid variant: ${variant}`);
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
//#endregion
|
|
64
|
-
export { Headline };
|