@envive-ai/react-toolkit 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (189) hide show
  1. package/package.json +10 -13
  2. package/src/components/Accordion/Accordion.tsx +3 -3
  3. package/src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx +2 -2
  4. package/src/components/ButtonBase/ButtonBase.tsx +2 -2
  5. package/src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx +2 -2
  6. package/src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx +2 -2
  7. package/src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx +2 -2
  8. package/src/components/ProductCard/ProductCard.tsx +10 -9
  9. package/src/components/RadioButton/RadioButton.tsx +2 -2
  10. package/src/components/SearchFilter/SearchFilterHeader.tsx +3 -3
  11. package/src/components/SearchFilter/SearchFilterItem.tsx +2 -2
  12. package/src/components/SearchInput/searchInputVariants.ts +2 -2
  13. package/src/components/SearchResultsStates/NoSearchResultsFound.tsx +3 -3
  14. package/src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx +2 -2
  15. package/src/components/TextInput/TextInput.tsx +4 -3
  16. package/src/components/ToggleButton/ToggleButton.tsx +5 -5
  17. package/src/components/Typography/Typography.spec.tsx +22 -0
  18. package/src/components/Typography/Typography.tsx +73 -0
  19. package/src/components/Typography/index.ts +2 -0
  20. package/src/components/{Text/textVariantClasses.ts → Typography/typographyVariantClasses.ts} +36 -38
  21. package/src/components/Typography/util.ts +19 -0
  22. package/dist/Accordion/index.cjs +0 -6
  23. package/dist/Accordion/index.d.cts +0 -13
  24. package/dist/Accordion/index.d.ts +0 -13
  25. package/dist/Accordion/index.js +0 -6
  26. package/dist/Accordion-D9gO9_y3.cjs +0 -88
  27. package/dist/Accordion-ZEdp99Ph.js +0 -77
  28. package/dist/AnimatedChevron/index.cjs +0 -3
  29. package/dist/AnimatedChevron/index.d.cts +0 -11
  30. package/dist/AnimatedChevron/index.d.ts +0 -11
  31. package/dist/AnimatedChevron/index.js +0 -3
  32. package/dist/AnimatedChevron-CwuXgR2r.js +0 -29
  33. package/dist/AnimatedChevron-e_UzWBl0.cjs +0 -37
  34. package/dist/AppliedFiltersScrollbar/index.cjs +0 -48
  35. package/dist/AppliedFiltersScrollbar/index.d.cts +0 -22
  36. package/dist/AppliedFiltersScrollbar/index.d.ts +0 -22
  37. package/dist/AppliedFiltersScrollbar/index.js +0 -44
  38. package/dist/ButtonBase/index.cjs +0 -7
  39. package/dist/ButtonBase/index.d.cts +0 -42
  40. package/dist/ButtonBase/index.d.ts +0 -42
  41. package/dist/ButtonBase/index.js +0 -6
  42. package/dist/ButtonBase-BJ0qXMWD.js +0 -60
  43. package/dist/ButtonBase-BktteD9c.js +0 -1
  44. package/dist/ButtonBase-Cb6Iec6f.cjs +0 -0
  45. package/dist/ButtonBase-VIv-tn7H.cjs +0 -75
  46. package/dist/DynamicFiltersScrollbar/index.cjs +0 -36
  47. package/dist/DynamicFiltersScrollbar/index.d.cts +0 -28
  48. package/dist/DynamicFiltersScrollbar/index.d.ts +0 -28
  49. package/dist/DynamicFiltersScrollbar/index.js +0 -32
  50. package/dist/DynamicFiltersScrollbar-HCYZjI14.cjs +0 -81
  51. package/dist/DynamicFiltersScrollbar-O0ai3cIG.js +0 -66
  52. package/dist/FilterScrollbar/index.cjs +0 -6
  53. package/dist/FilterScrollbar/index.d.cts +0 -47
  54. package/dist/FilterScrollbar/index.d.ts +0 -47
  55. package/dist/FilterScrollbar/index.js +0 -5
  56. package/dist/Headline/index.cjs +0 -4
  57. package/dist/Headline/index.d.cts +0 -21
  58. package/dist/Headline/index.d.ts +0 -21
  59. package/dist/Headline/index.js +0 -4
  60. package/dist/Headline-CKJmd2w4.cjs +0 -72
  61. package/dist/Headline-DtjTB4xS.js +0 -64
  62. package/dist/ImageWithFallback/index.cjs +0 -3
  63. package/dist/ImageWithFallback/index.d.cts +0 -26
  64. package/dist/ImageWithFallback/index.d.ts +0 -26
  65. package/dist/ImageWithFallback/index.js +0 -3
  66. package/dist/ImageWithFallback-CbYsD1_a.js +0 -42
  67. package/dist/ImageWithFallback-Km9h16Vz.cjs +0 -51
  68. package/dist/ModalSheet/index.cjs +0 -4
  69. package/dist/ModalSheet/index.d.cts +0 -38
  70. package/dist/ModalSheet/index.d.ts +0 -38
  71. package/dist/ModalSheet/index.js +0 -4
  72. package/dist/ModalSheet-DwnbbFh7.cjs +0 -313
  73. package/dist/ModalSheet-sMg44OLz.js +0 -302
  74. package/dist/ProductCard/index.cjs +0 -17
  75. package/dist/ProductCard/index.d.cts +0 -2
  76. package/dist/ProductCard/index.d.ts +0 -2
  77. package/dist/ProductCard/index.js +0 -8
  78. package/dist/ProductCard-BDz80MCQ.cjs +0 -319
  79. package/dist/ProductCard-CqhNJShq.js +0 -255
  80. package/dist/ProductGrid/index.cjs +0 -10
  81. package/dist/ProductGrid/index.d.cts +0 -33
  82. package/dist/ProductGrid/index.d.ts +0 -33
  83. package/dist/ProductGrid/index.js +0 -9
  84. package/dist/ProductGrid-8n4XgcMr.js +0 -60
  85. package/dist/ProductGrid-RRcdkY5J.cjs +0 -74
  86. package/dist/RadioButton/index.cjs +0 -6
  87. package/dist/RadioButton/index.d.cts +0 -32
  88. package/dist/RadioButton/index.d.ts +0 -32
  89. package/dist/RadioButton/index.js +0 -6
  90. package/dist/RadioButton-BWnaUI8o.cjs +0 -84
  91. package/dist/RadioButton-CG8_M0hY.js +0 -75
  92. package/dist/RadioButtonGroup/index.cjs +0 -8
  93. package/dist/RadioButtonGroup/index.d.cts +0 -36
  94. package/dist/RadioButtonGroup/index.d.ts +0 -36
  95. package/dist/RadioButtonGroup/index.js +0 -7
  96. package/dist/RadioButtonGroup-B7EuiEP1.js +0 -38
  97. package/dist/RadioButtonGroup-ReQqakpS.cjs +0 -52
  98. package/dist/SearchAutocomplete/index.cjs +0 -3
  99. package/dist/SearchAutocomplete/index.d.cts +0 -13
  100. package/dist/SearchAutocomplete/index.d.ts +0 -13
  101. package/dist/SearchAutocomplete/index.js +0 -3
  102. package/dist/SearchAutocomplete-BMNYZiJL.js +0 -51
  103. package/dist/SearchAutocomplete-BmHdijOv.cjs +0 -62
  104. package/dist/SearchFilter/index.cjs +0 -19
  105. package/dist/SearchFilter/index.d.cts +0 -91
  106. package/dist/SearchFilter/index.d.ts +0 -91
  107. package/dist/SearchFilter/index.js +0 -14
  108. package/dist/SearchFilter-C8mgj84o.js +0 -268
  109. package/dist/SearchFilter-FrdHPM5O.cjs +0 -307
  110. package/dist/SearchInput/index.cjs +0 -7
  111. package/dist/SearchInput/index.d.cts +0 -34
  112. package/dist/SearchInput/index.d.ts +0 -34
  113. package/dist/SearchInput/index.js +0 -6
  114. package/dist/SearchInput--x9NTMTb.cjs +0 -106
  115. package/dist/SearchInput-IBq83nqF.js +0 -89
  116. package/dist/SearchInputForm/index.cjs +0 -39
  117. package/dist/SearchInputForm/index.d.cts +0 -34
  118. package/dist/SearchInputForm/index.d.ts +0 -34
  119. package/dist/SearchInputForm/index.js +0 -37
  120. package/dist/SearchResultsContent/index.cjs +0 -47
  121. package/dist/SearchResultsContent/index.d.cts +0 -48
  122. package/dist/SearchResultsContent/index.d.ts +0 -48
  123. package/dist/SearchResultsContent/index.js +0 -44
  124. package/dist/SearchResultsFilterSidebar/index.cjs +0 -62
  125. package/dist/SearchResultsFilterSidebar/index.d.cts +0 -2
  126. package/dist/SearchResultsFilterSidebar/index.d.ts +0 -2
  127. package/dist/SearchResultsFilterSidebar/index.js +0 -57
  128. package/dist/SearchResultsStates/index.cjs +0 -17
  129. package/dist/SearchResultsStates/index.d.cts +0 -69
  130. package/dist/SearchResultsStates/index.d.ts +0 -69
  131. package/dist/SearchResultsStates/index.js +0 -15
  132. package/dist/SearchResultsStates-D7dM35qq.js +0 -110
  133. package/dist/SearchResultsStates-nlaPbkj3.cjs +0 -132
  134. package/dist/SparkleAnimation/index.cjs +0 -4
  135. package/dist/SparkleAnimation/index.d.cts +0 -23
  136. package/dist/SparkleAnimation/index.d.ts +0 -23
  137. package/dist/SparkleAnimation/index.js +0 -3
  138. package/dist/SparkleAnimation-D1aZE-7A.cjs +0 -101
  139. package/dist/SparkleAnimation-DtWkXmkN.js +0 -84
  140. package/dist/Spinner/index.cjs +0 -3
  141. package/dist/Spinner/index.d.cts +0 -11
  142. package/dist/Spinner/index.d.ts +0 -11
  143. package/dist/Spinner/index.js +0 -3
  144. package/dist/Spinner-bg6jb_ks.js +0 -38
  145. package/dist/Spinner-rcWX566W.cjs +0 -46
  146. package/dist/SuggestionButton/index.cjs +0 -188
  147. package/dist/SuggestionButton/index.d.cts +0 -35
  148. package/dist/SuggestionButton/index.d.ts +0 -35
  149. package/dist/SuggestionButton/index.js +0 -180
  150. package/dist/Text/index.cjs +0 -10
  151. package/dist/Text/index.d.cts +0 -42
  152. package/dist/Text/index.d.ts +0 -42
  153. package/dist/Text/index.js +0 -5
  154. package/dist/Text-BLzNhX4H.js +0 -42
  155. package/dist/Text-BMsncrpY.js +0 -10
  156. package/dist/Text-C8t_iEj6.cjs +0 -16
  157. package/dist/Text-DllCE9_D.cjs +0 -50
  158. package/dist/TextInput/index.cjs +0 -4
  159. package/dist/TextInput/index.d.cts +0 -12
  160. package/dist/TextInput/index.d.ts +0 -12
  161. package/dist/TextInput/index.js +0 -4
  162. package/dist/TextInput-BeHPlVHT.js +0 -31
  163. package/dist/TextInput-CGs4BY1q.cjs +0 -40
  164. package/dist/ToggleButton/index.cjs +0 -6
  165. package/dist/ToggleButton/index.d.cts +0 -30
  166. package/dist/ToggleButton/index.d.ts +0 -30
  167. package/dist/ToggleButton/index.js +0 -6
  168. package/dist/ToggleButton-CRiPqTCb.js +0 -60
  169. package/dist/ToggleButton-DfJZ8POQ.cjs +0 -68
  170. package/dist/chunk-CUT6urMc.cjs +0 -30
  171. package/dist/colorsConfig-Ck2jeqWe.js +0 -26
  172. package/dist/colorsConfig-CqCKftuM.cjs +0 -38
  173. package/dist/index-B9WeFNlO.d.cts +0 -325
  174. package/dist/index-CLGe_Pam.d.cts +0 -46
  175. package/dist/index-CeECGrFM.d.ts +0 -325
  176. package/dist/index-PSzeHU2s.d.ts +0 -46
  177. package/dist/searchFilterSidebarVariants-B05f5SD5.js +0 -34
  178. package/dist/searchFilterSidebarVariants-NQhqq-NT.cjs +0 -39
  179. package/dist/textVariantClasses-B0gNjzl4.d.cts +0 -174
  180. package/dist/textVariantClasses-Bl8SAGwZ.d.ts +0 -174
  181. package/dist/textVariantClasses-CBre7vXv.cjs +0 -123
  182. package/dist/textVariantClasses-CRrTb43V.js +0 -99
  183. package/dist/types-BhGjnuWx.d.cts +0 -4
  184. package/dist/types-CTOdb0G0.d.ts +0 -4
  185. package/src/components/Headline/Headline.tsx +0 -81
  186. package/src/components/Headline/index.ts +0 -1
  187. package/src/components/Text/Text.tsx +0 -58
  188. package/src/components/Text/index.ts +0 -3
  189. 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 };
@@ -1,5 +0,0 @@
1
- import "../textVariantClasses-CRrTb43V.js";
2
- import "../Text-BLzNhX4H.js";
3
- import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-O0ai3cIG.js";
4
-
5
- export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };
@@ -1,4 +0,0 @@
1
- require('../textVariantClasses-CBre7vXv.cjs');
2
- const require_Headline = require('../Headline-CKJmd2w4.cjs');
3
-
4
- exports.Headline = require_Headline.Headline;
@@ -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 };
@@ -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 };
@@ -1,4 +0,0 @@
1
- import "../textVariantClasses-CRrTb43V.js";
2
- import { Headline } from "../Headline-DtjTB4xS.js";
3
-
4
- export { Headline };
@@ -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 };
@@ -1,3 +0,0 @@
1
- const require_ImageWithFallback = require('../ImageWithFallback-Km9h16Vz.cjs');
2
-
3
- exports.ImageWithFallback = require_ImageWithFallback.ImageWithFallback;