@envive-ai/react-toolkit 0.1.13 → 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 (186) hide show
  1. package/package.json +13 -12
  2. package/src/atoms/search/types.ts +1 -5
  3. package/src/components/Accordion/Accordion.tsx +3 -3
  4. package/src/components/AnimatedChevron/index.ts +1 -0
  5. package/src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx +2 -2
  6. package/src/components/ButtonBase/ButtonBase.tsx +2 -2
  7. package/src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx +2 -2
  8. package/src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx +2 -2
  9. package/src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx +2 -2
  10. package/src/components/ProductCard/ProductCard.tsx +10 -9
  11. package/src/components/RadioButton/RadioButton.tsx +2 -2
  12. package/src/components/SearchFilter/SearchFilterHeader.tsx +3 -3
  13. package/src/components/SearchFilter/SearchFilterItem.tsx +2 -2
  14. package/src/components/SearchFilter/index.ts +4 -2
  15. package/src/components/SearchInput/SearchInput.tsx +1 -1
  16. package/src/components/SearchInput/searchInputVariants.ts +3 -3
  17. package/src/components/SearchInputForm/SearchInputForm.tsx +1 -1
  18. package/src/components/SearchInputForm/index.ts +1 -1
  19. package/src/components/SearchResultsStates/NoSearchResultsFound.tsx +3 -3
  20. package/src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx +2 -2
  21. package/src/components/TextInput/TextInput.tsx +4 -3
  22. package/src/components/ToggleButton/ToggleButton.tsx +5 -5
  23. package/src/components/Typography/Typography.spec.tsx +22 -0
  24. package/src/components/Typography/Typography.tsx +73 -0
  25. package/src/components/Typography/index.ts +2 -0
  26. package/src/components/{Text/textVariantClasses.ts → Typography/typographyVariantClasses.ts} +36 -38
  27. package/src/components/Typography/util.ts +19 -0
  28. package/dist/Accordion/index.cjs +0 -6
  29. package/dist/Accordion/index.d.cts +0 -13
  30. package/dist/Accordion/index.d.ts +0 -13
  31. package/dist/Accordion/index.js +0 -6
  32. package/dist/Accordion-D9gO9_y3.cjs +0 -88
  33. package/dist/Accordion-ZEdp99Ph.js +0 -77
  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-0NN6wmX-.js +0 -1
  43. package/dist/ButtonBase-BIXx56hq.cjs +0 -0
  44. package/dist/ButtonBase-DgRupM53.js +0 -60
  45. package/dist/ButtonBase-DrIwVGTR.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-B1j53y2q.cjs +0 -81
  51. package/dist/DynamicFiltersScrollbar-D7WYp6x9.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-COv0Jbn8.js +0 -64
  61. package/dist/Headline-Cp79THVF.cjs +0 -72
  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-Cx-KNi-D.cjs +0 -51
  67. package/dist/ImageWithFallback-DqxjwO3i.js +0 -42
  68. package/dist/ModalSheet/index.cjs +0 -3
  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 -3
  72. package/dist/ModalSheet-01pxpy_K.js +0 -326
  73. package/dist/ModalSheet-Csz8HIxs.cjs +0 -337
  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-CNwmHggx.js +0 -255
  79. package/dist/ProductCard-EmdDy2af.cjs +0 -319
  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-CMoomZLc.cjs +0 -74
  85. package/dist/ProductGrid-nmWSp0qX.js +0 -60
  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-BdKJRzLM.cjs +0 -84
  91. package/dist/RadioButton-S5dALI2f.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-BipNsoHL.js +0 -38
  97. package/dist/RadioButtonGroup-TAJMA1j_.cjs +0 -52
  98. package/dist/SearchAutocomplete/index.cjs +0 -57
  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 -51
  102. package/dist/SearchFilter/index.cjs +0 -15
  103. package/dist/SearchFilter/index.d.cts +0 -77
  104. package/dist/SearchFilter/index.d.ts +0 -77
  105. package/dist/SearchFilter/index.js +0 -13
  106. package/dist/SearchFilter-BcLc0TMq.cjs +0 -289
  107. package/dist/SearchFilter-w-0s2YVu.js +0 -268
  108. package/dist/SearchInput/index.cjs +0 -97
  109. package/dist/SearchInput/index.d.cts +0 -33
  110. package/dist/SearchInput/index.d.ts +0 -33
  111. package/dist/SearchInput/index.js +0 -90
  112. package/dist/SearchInputForm/index.cjs +0 -0
  113. package/dist/SearchInputForm/index.d.cts +0 -2
  114. package/dist/SearchInputForm/index.d.ts +0 -2
  115. package/dist/SearchInputForm/index.js +0 -1
  116. package/dist/SearchResultsContent/index.cjs +0 -47
  117. package/dist/SearchResultsContent/index.d.cts +0 -48
  118. package/dist/SearchResultsContent/index.d.ts +0 -48
  119. package/dist/SearchResultsContent/index.js +0 -44
  120. package/dist/SearchResultsFilterSidebar/index.cjs +0 -61
  121. package/dist/SearchResultsFilterSidebar/index.d.cts +0 -2
  122. package/dist/SearchResultsFilterSidebar/index.d.ts +0 -2
  123. package/dist/SearchResultsFilterSidebar/index.js +0 -56
  124. package/dist/SearchResultsStates/index.cjs +0 -17
  125. package/dist/SearchResultsStates/index.d.cts +0 -69
  126. package/dist/SearchResultsStates/index.d.ts +0 -69
  127. package/dist/SearchResultsStates/index.js +0 -15
  128. package/dist/SearchResultsStates-DlZz14yy.js +0 -110
  129. package/dist/SearchResultsStates-DwcPrsdd.cjs +0 -132
  130. package/dist/SparkleAnimation/index.cjs +0 -4
  131. package/dist/SparkleAnimation/index.d.cts +0 -23
  132. package/dist/SparkleAnimation/index.d.ts +0 -23
  133. package/dist/SparkleAnimation/index.js +0 -3
  134. package/dist/SparkleAnimation-CvGlWUqv.cjs +0 -101
  135. package/dist/SparkleAnimation-paLhSu5E.js +0 -84
  136. package/dist/Spinner/index.cjs +0 -3
  137. package/dist/Spinner/index.d.cts +0 -11
  138. package/dist/Spinner/index.d.ts +0 -11
  139. package/dist/Spinner/index.js +0 -3
  140. package/dist/Spinner-CjGLIRgs.js +0 -38
  141. package/dist/Spinner-DFor2Szi.cjs +0 -46
  142. package/dist/SuggestionButton/index.cjs +0 -188
  143. package/dist/SuggestionButton/index.d.cts +0 -35
  144. package/dist/SuggestionButton/index.d.ts +0 -35
  145. package/dist/SuggestionButton/index.js +0 -180
  146. package/dist/Text/index.cjs +0 -10
  147. package/dist/Text/index.d.cts +0 -42
  148. package/dist/Text/index.d.ts +0 -42
  149. package/dist/Text/index.js +0 -5
  150. package/dist/Text-BLzNhX4H.js +0 -42
  151. package/dist/Text-BMsncrpY.js +0 -10
  152. package/dist/Text-C8t_iEj6.cjs +0 -16
  153. package/dist/Text-DllCE9_D.cjs +0 -50
  154. package/dist/TextInput/index.cjs +0 -4
  155. package/dist/TextInput/index.d.cts +0 -12
  156. package/dist/TextInput/index.d.ts +0 -12
  157. package/dist/TextInput/index.js +0 -4
  158. package/dist/TextInput-DmsOxxPN.js +0 -31
  159. package/dist/TextInput-HMW0hxLI.cjs +0 -40
  160. package/dist/ToggleButton/index.cjs +0 -6
  161. package/dist/ToggleButton/index.d.cts +0 -30
  162. package/dist/ToggleButton/index.d.ts +0 -30
  163. package/dist/ToggleButton/index.js +0 -6
  164. package/dist/ToggleButton-DblAj4Cd.cjs +0 -68
  165. package/dist/ToggleButton-r7Y7Kzzo.js +0 -60
  166. package/dist/chunk-CUT6urMc.cjs +0 -30
  167. package/dist/colorsConfig-B3-SMUSx.cjs +0 -38
  168. package/dist/colorsConfig-DZ-GSPWy.js +0 -26
  169. package/dist/index-BKvXn5sj.d.ts +0 -4
  170. package/dist/index-Br1B7Jta.d.cts +0 -46
  171. package/dist/index-DADHwW6M.d.ts +0 -325
  172. package/dist/index-DDp-fLgm.d.cts +0 -325
  173. package/dist/index-Dh8rcWev.d.ts +0 -46
  174. package/dist/index-W1wCDiw_.d.cts +0 -4
  175. package/dist/searchFilterSidebarVariants-J0FJ8pck.js +0 -34
  176. package/dist/searchFilterSidebarVariants-kkTjYEIF.cjs +0 -39
  177. package/dist/textVariantClasses-B0gNjzl4.d.cts +0 -174
  178. package/dist/textVariantClasses-C8OCWZAw.d.ts +0 -174
  179. package/dist/textVariantClasses-CBre7vXv.cjs +0 -123
  180. package/dist/textVariantClasses-CRrTb43V.js +0 -99
  181. package/src/components/Headline/Headline.tsx +0 -81
  182. package/src/components/Headline/index.ts +0 -1
  183. package/src/components/SearchInputForm/types.ts +0 -1
  184. package/src/components/Text/Text.tsx +0 -58
  185. package/src/components/Text/index.ts +0 -3
  186. package/src/components/Text/types.ts +0 -23
package/dist/index-Dh8rcWev.d.ts DELETED
@@ -1,46 +0,0 @@
1
- import * as react_jsx_runtime22 from "react/jsx-runtime";
2
- import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
3
-
4
- //#region src/components/SearchResultsFilterSidebar/types.d.ts
5
- type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
6
- type CloseIconVariant$1 = 'light' | 'tertiary' | 'dark';
7
- //#endregion
8
- //#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.d.ts
9
- interface SearchFilterSidebarVariantClasses {
10
- searchFilterHeaderClasses: string;
11
- radioButtonFillColor: string;
12
- radioButtonHoverColor: string;
13
- radioButtonUncheckedBorderColor: string;
14
- filterDefaultClasses: string;
15
- filterActiveClasses: string;
16
- filterHoverClasses: string;
17
- appliedFilterBackgroundClasses: string;
18
- applyFiltersUnchangedClasses: string;
19
- applyFiltersChangedClasses: string;
20
- filterCloseIconVariant: CloseIconVariant$1;
21
- }
22
- declare const searchFilterSidebarVariantClasses: Record<SearchFilterSidebarVariant, SearchFilterSidebarVariantClasses>;
23
- //#endregion
24
- //#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
25
- type SearchResultsFilterProps = {
26
- productCount: number;
27
- isOpen: boolean;
28
- setIsOpen: (isOpen: boolean) => void;
29
- searchFilters: SearchFilterDatum[];
30
- searchFilterSidebarVariant: SearchFilterSidebarVariant;
31
- onSelectFilterItem: SelectFilterItem;
32
- onClearAllFilters: () => void;
33
- filterButtonText: string;
34
- };
35
- declare const SearchResultsFilter: ({
36
- productCount,
37
- isOpen,
38
- setIsOpen,
39
- searchFilters,
40
- searchFilterSidebarVariant,
41
- onSelectFilterItem,
42
- onClearAllFilters,
43
- filterButtonText
44
- }: SearchResultsFilterProps) => react_jsx_runtime22.JSX.Element;
45
- //#endregion
46
- export { CloseIconVariant$1 as CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };
package/dist/index-W1wCDiw_.d.cts DELETED
@@ -1,4 +0,0 @@
1
- //#region src/components/SearchInputForm/types.d.ts
2
- type SearchInputVariant = 'standard';
3
- //#endregion
4
- export { SearchInputVariant };
package/dist/searchFilterSidebarVariants-J0FJ8pck.js DELETED
@@ -1,34 +0,0 @@
1
- import { ColorNames, colorVar } from "./colorsConfig-DZ-GSPWy.js";
2
-
3
- //#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
4
- const searchFilterSidebarVariantClasses = {
5
- darkButton: {
6
- radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
7
- radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
8
- radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
9
- searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-light]",
10
- filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
11
- filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
12
- filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
13
- appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
14
- applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
15
- applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
16
- filterCloseIconVariant: "light"
17
- },
18
- lightButton: {
19
- radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
20
- radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
21
- radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
22
- searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-primary]",
23
- filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
24
- filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
25
- filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
26
- appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
27
- applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
28
- applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-link]",
29
- filterCloseIconVariant: "dark"
30
- }
31
- };
32
-
33
- //#endregion
34
- export { searchFilterSidebarVariantClasses };
package/dist/searchFilterSidebarVariants-kkTjYEIF.cjs DELETED
@@ -1,39 +0,0 @@
1
- const require_colorsConfig = require('./colorsConfig-B3-SMUSx.cjs');
2
-
3
- //#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
4
- const searchFilterSidebarVariantClasses = {
5
- darkButton: {
6
- radioButtonFillColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundDark),
7
- radioButtonHoverColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundSecondaryDark),
8
- radioButtonUncheckedBorderColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BorderMedium),
9
- searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-light]",
10
- filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
11
- filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
12
- filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
13
- appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
14
- applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
15
- applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
16
- filterCloseIconVariant: "light"
17
- },
18
- lightButton: {
19
- radioButtonFillColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundDark),
20
- radioButtonHoverColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundSecondaryDark),
21
- radioButtonUncheckedBorderColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BorderMedium),
22
- searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-primary]",
23
- filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
24
- filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
25
- filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
26
- appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
27
- applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
28
- applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-link]",
29
- filterCloseIconVariant: "dark"
30
- }
31
- };
32
-
33
- //#endregion
34
- Object.defineProperty(exports, 'searchFilterSidebarVariantClasses', {
35
- enumerable: true,
36
- get: function () {
37
- return searchFilterSidebarVariantClasses;
38
- }
39
- });
package/dist/textVariantClasses-B0gNjzl4.d.cts DELETED
@@ -1,174 +0,0 @@
1
- //#region src/components/Text/textVariantClasses.d.ts
2
- declare const HeadlineVariantMap: {
3
- t1: {
4
- 'spiffy-headline': boolean;
5
- 'spiffy-headline-1': boolean;
6
- 'spiffy-tw-text-[32px]': boolean;
7
- 'spiffy-tw-font-medium': boolean;
8
- 'spiffy-tw-leading-[124%]': boolean;
9
- };
10
- t2: {
11
- 'spiffy-headline': boolean;
12
- 'spiffy-headline-1': boolean;
13
- 'spiffy-tw-text-[16px]': boolean;
14
- 'spiffy-tw-font-medium': boolean;
15
- 'spiffy-tw-leading-[124%]': boolean;
16
- };
17
- t3: {
18
- 'spiffy-headline': boolean;
19
- 'spiffy-headline-1': boolean;
20
- 'spiffy-tw-text-[24px]': boolean;
21
- 'spiffy-tw-leading-[120%]': boolean;
22
- };
23
- h1: {
24
- 'spiffy-headline': boolean;
25
- 'spiffy-headline-1': boolean;
26
- 'spiffy-tw-text-[20px]': boolean;
27
- 'spiffy-tw-font-normal': boolean;
28
- 'spiffy-tw-leading-[120%]': boolean;
29
- };
30
- h2: {
31
- 'spiffy-headline': boolean;
32
- 'spiffy-headline-2': boolean;
33
- 'spiffy-tw-text-[16px]': boolean;
34
- 'spiffy-tw-font-normal': boolean;
35
- 'spiffy-tw-leading-[124%]': boolean;
36
- };
37
- h3: {
38
- 'spiffy-headline': boolean;
39
- 'spiffy-headline-3': boolean;
40
- 'spiffy-tw-text-[15px]': boolean;
41
- 'spiffy-tw-font-medium': boolean;
42
- 'spiffy-tw-leading-[124%]': boolean;
43
- };
44
- h4: {
45
- 'spiffy-headline': boolean;
46
- 'spiffy-headline-4': boolean;
47
- 'spiffy-tw-text-[14px]': boolean;
48
- 'spiffy-tw-font-medium': boolean;
49
- 'spiffy-tw-leading-[124%]': boolean;
50
- };
51
- };
52
- declare const TextVariantMap: {
53
- body1: {
54
- 'spiffy-body-text': boolean;
55
- 'spiffy-body-1': boolean;
56
- 'spiffy-tw-text-[20px]': boolean;
57
- 'spiffy-tw-font-normal': boolean;
58
- 'spiffy-tw-line-height-[120%]': boolean;
59
- };
60
- body2: {
61
- 'spiffy-body-text': boolean;
62
- 'spiffy-body-2': boolean;
63
- 'spiffy-tw-text-[16px]': boolean;
64
- 'spiffy-tw-font-normal': boolean;
65
- 'spiffy-tw-line-height-[148%]': boolean;
66
- };
67
- body3: {
68
- 'spiffy-body-text': boolean;
69
- 'spiffy-body-3': boolean;
70
- 'spiffy-tw-text-sm': boolean;
71
- 'spiffy-tw-font-normal': boolean;
72
- 'spiffy-tw-leading-[140%]': boolean;
73
- };
74
- body4: {
75
- 'spiffy-body-text': boolean;
76
- 'spiffy-body-4': boolean;
77
- 'spiffy-tw-text-xs': boolean;
78
- 'spiffy-tw-font-medium': boolean;
79
- 'spiffy-tw-leading-[130%]': boolean;
80
- };
81
- body5: {
82
- 'spiffy-body-text': boolean;
83
- 'spiffy-body-5': boolean;
84
- 'spiffy-tw-text-[10px]': boolean;
85
- 'spiffy-tw-font-normal': boolean;
86
- };
87
- };
88
- declare const TextStyleVariantMap: {
89
- t1: {
90
- 'spiffy-headline': boolean;
91
- 'spiffy-headline-1': boolean;
92
- 'spiffy-tw-text-[32px]': boolean;
93
- 'spiffy-tw-font-medium': boolean;
94
- 'spiffy-tw-leading-[124%]': boolean;
95
- };
96
- t2: {
97
- 'spiffy-headline': boolean;
98
- 'spiffy-headline-1': boolean;
99
- 'spiffy-tw-text-[16px]': boolean;
100
- 'spiffy-tw-font-medium': boolean;
101
- 'spiffy-tw-leading-[124%]': boolean;
102
- };
103
- t3: {
104
- 'spiffy-headline': boolean;
105
- 'spiffy-headline-1': boolean;
106
- 'spiffy-tw-text-[24px]': boolean;
107
- 'spiffy-tw-leading-[120%]': boolean;
108
- };
109
- h1: {
110
- 'spiffy-headline': boolean;
111
- 'spiffy-headline-1': boolean;
112
- 'spiffy-tw-text-[20px]': boolean;
113
- 'spiffy-tw-font-normal': boolean;
114
- 'spiffy-tw-leading-[120%]': boolean;
115
- };
116
- h2: {
117
- 'spiffy-headline': boolean;
118
- 'spiffy-headline-2': boolean;
119
- 'spiffy-tw-text-[16px]': boolean;
120
- 'spiffy-tw-font-normal': boolean;
121
- 'spiffy-tw-leading-[124%]': boolean;
122
- };
123
- h3: {
124
- 'spiffy-headline': boolean;
125
- 'spiffy-headline-3': boolean;
126
- 'spiffy-tw-text-[15px]': boolean;
127
- 'spiffy-tw-font-medium': boolean;
128
- 'spiffy-tw-leading-[124%]': boolean;
129
- };
130
- h4: {
131
- 'spiffy-headline': boolean;
132
- 'spiffy-headline-4': boolean;
133
- 'spiffy-tw-text-[14px]': boolean;
134
- 'spiffy-tw-font-medium': boolean;
135
- 'spiffy-tw-leading-[124%]': boolean;
136
- };
137
- body1: {
138
- 'spiffy-body-text': boolean;
139
- 'spiffy-body-1': boolean;
140
- 'spiffy-tw-text-[20px]': boolean;
141
- 'spiffy-tw-font-normal': boolean;
142
- 'spiffy-tw-line-height-[120%]': boolean;
143
- };
144
- body2: {
145
- 'spiffy-body-text': boolean;
146
- 'spiffy-body-2': boolean;
147
- 'spiffy-tw-text-[16px]': boolean;
148
- 'spiffy-tw-font-normal': boolean;
149
- 'spiffy-tw-line-height-[148%]': boolean;
150
- };
151
- body3: {
152
- 'spiffy-body-text': boolean;
153
- 'spiffy-body-3': boolean;
154
- 'spiffy-tw-text-sm': boolean;
155
- 'spiffy-tw-font-normal': boolean;
156
- 'spiffy-tw-leading-[140%]': boolean;
157
- };
158
- body4: {
159
- 'spiffy-body-text': boolean;
160
- 'spiffy-body-4': boolean;
161
- 'spiffy-tw-text-xs': boolean;
162
- 'spiffy-tw-font-medium': boolean;
163
- 'spiffy-tw-leading-[130%]': boolean;
164
- };
165
- body5: {
166
- 'spiffy-body-text': boolean;
167
- 'spiffy-body-5': boolean;
168
- 'spiffy-tw-text-[10px]': boolean;
169
- 'spiffy-tw-font-normal': boolean;
170
- };
171
- };
172
- declare const getVariantPlaceholderClassNames: (classes: Record<string, boolean>) => Record<string, boolean>;
173
- //#endregion
174
- export { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames };
package/dist/textVariantClasses-C8OCWZAw.d.ts DELETED
@@ -1,174 +0,0 @@
1
- //#region src/components/Text/textVariantClasses.d.ts
2
- declare const HeadlineVariantMap: {
3
- t1: {
4
- 'spiffy-headline': boolean;
5
- 'spiffy-headline-1': boolean;
6
- 'spiffy-tw-text-[32px]': boolean;
7
- 'spiffy-tw-font-medium': boolean;
8
- 'spiffy-tw-leading-[124%]': boolean;
9
- };
10
- t2: {
11
- 'spiffy-headline': boolean;
12
- 'spiffy-headline-1': boolean;
13
- 'spiffy-tw-text-[16px]': boolean;
14
- 'spiffy-tw-font-medium': boolean;
15
- 'spiffy-tw-leading-[124%]': boolean;
16
- };
17
- t3: {
18
- 'spiffy-headline': boolean;
19
- 'spiffy-headline-1': boolean;
20
- 'spiffy-tw-text-[24px]': boolean;
21
- 'spiffy-tw-leading-[120%]': boolean;
22
- };
23
- h1: {
24
- 'spiffy-headline': boolean;
25
- 'spiffy-headline-1': boolean;
26
- 'spiffy-tw-text-[20px]': boolean;
27
- 'spiffy-tw-font-normal': boolean;
28
- 'spiffy-tw-leading-[120%]': boolean;
29
- };
30
- h2: {
31
- 'spiffy-headline': boolean;
32
- 'spiffy-headline-2': boolean;
33
- 'spiffy-tw-text-[16px]': boolean;
34
- 'spiffy-tw-font-normal': boolean;
35
- 'spiffy-tw-leading-[124%]': boolean;
36
- };
37
- h3: {
38
- 'spiffy-headline': boolean;
39
- 'spiffy-headline-3': boolean;
40
- 'spiffy-tw-text-[15px]': boolean;
41
- 'spiffy-tw-font-medium': boolean;
42
- 'spiffy-tw-leading-[124%]': boolean;
43
- };
44
- h4: {
45
- 'spiffy-headline': boolean;
46
- 'spiffy-headline-4': boolean;
47
- 'spiffy-tw-text-[14px]': boolean;
48
- 'spiffy-tw-font-medium': boolean;
49
- 'spiffy-tw-leading-[124%]': boolean;
50
- };
51
- };
52
- declare const TextVariantMap: {
53
- body1: {
54
- 'spiffy-body-text': boolean;
55
- 'spiffy-body-1': boolean;
56
- 'spiffy-tw-text-[20px]': boolean;
57
- 'spiffy-tw-font-normal': boolean;
58
- 'spiffy-tw-line-height-[120%]': boolean;
59
- };
60
- body2: {
61
- 'spiffy-body-text': boolean;
62
- 'spiffy-body-2': boolean;
63
- 'spiffy-tw-text-[16px]': boolean;
64
- 'spiffy-tw-font-normal': boolean;
65
- 'spiffy-tw-line-height-[148%]': boolean;
66
- };
67
- body3: {
68
- 'spiffy-body-text': boolean;
69
- 'spiffy-body-3': boolean;
70
- 'spiffy-tw-text-sm': boolean;
71
- 'spiffy-tw-font-normal': boolean;
72
- 'spiffy-tw-leading-[140%]': boolean;
73
- };
74
- body4: {
75
- 'spiffy-body-text': boolean;
76
- 'spiffy-body-4': boolean;
77
- 'spiffy-tw-text-xs': boolean;
78
- 'spiffy-tw-font-medium': boolean;
79
- 'spiffy-tw-leading-[130%]': boolean;
80
- };
81
- body5: {
82
- 'spiffy-body-text': boolean;
83
- 'spiffy-body-5': boolean;
84
- 'spiffy-tw-text-[10px]': boolean;
85
- 'spiffy-tw-font-normal': boolean;
86
- };
87
- };
88
- declare const TextStyleVariantMap: {
89
- t1: {
90
- 'spiffy-headline': boolean;
91
- 'spiffy-headline-1': boolean;
92
- 'spiffy-tw-text-[32px]': boolean;
93
- 'spiffy-tw-font-medium': boolean;
94
- 'spiffy-tw-leading-[124%]': boolean;
95
- };
96
- t2: {
97
- 'spiffy-headline': boolean;
98
- 'spiffy-headline-1': boolean;
99
- 'spiffy-tw-text-[16px]': boolean;
100
- 'spiffy-tw-font-medium': boolean;
101
- 'spiffy-tw-leading-[124%]': boolean;
102
- };
103
- t3: {
104
- 'spiffy-headline': boolean;
105
- 'spiffy-headline-1': boolean;
106
- 'spiffy-tw-text-[24px]': boolean;
107
- 'spiffy-tw-leading-[120%]': boolean;
108
- };
109
- h1: {
110
- 'spiffy-headline': boolean;
111
- 'spiffy-headline-1': boolean;
112
- 'spiffy-tw-text-[20px]': boolean;
113
- 'spiffy-tw-font-normal': boolean;
114
- 'spiffy-tw-leading-[120%]': boolean;
115
- };
116
- h2: {
117
- 'spiffy-headline': boolean;
118
- 'spiffy-headline-2': boolean;
119
- 'spiffy-tw-text-[16px]': boolean;
120
- 'spiffy-tw-font-normal': boolean;
121
- 'spiffy-tw-leading-[124%]': boolean;
122
- };
123
- h3: {
124
- 'spiffy-headline': boolean;
125
- 'spiffy-headline-3': boolean;
126
- 'spiffy-tw-text-[15px]': boolean;
127
- 'spiffy-tw-font-medium': boolean;
128
- 'spiffy-tw-leading-[124%]': boolean;
129
- };
130
- h4: {
131
- 'spiffy-headline': boolean;
132
- 'spiffy-headline-4': boolean;
133
- 'spiffy-tw-text-[14px]': boolean;
134
- 'spiffy-tw-font-medium': boolean;
135
- 'spiffy-tw-leading-[124%]': boolean;
136
- };
137
- body1: {
138
- 'spiffy-body-text': boolean;
139
- 'spiffy-body-1': boolean;
140
- 'spiffy-tw-text-[20px]': boolean;
141
- 'spiffy-tw-font-normal': boolean;
142
- 'spiffy-tw-line-height-[120%]': boolean;
143
- };
144
- body2: {
145
- 'spiffy-body-text': boolean;
146
- 'spiffy-body-2': boolean;
147
- 'spiffy-tw-text-[16px]': boolean;
148
- 'spiffy-tw-font-normal': boolean;
149
- 'spiffy-tw-line-height-[148%]': boolean;
150
- };
151
- body3: {
152
- 'spiffy-body-text': boolean;
153
- 'spiffy-body-3': boolean;
154
- 'spiffy-tw-text-sm': boolean;
155
- 'spiffy-tw-font-normal': boolean;
156
- 'spiffy-tw-leading-[140%]': boolean;
157
- };
158
- body4: {
159
- 'spiffy-body-text': boolean;
160
- 'spiffy-body-4': boolean;
161
- 'spiffy-tw-text-xs': boolean;
162
- 'spiffy-tw-font-medium': boolean;
163
- 'spiffy-tw-leading-[130%]': boolean;
164
- };
165
- body5: {
166
- 'spiffy-body-text': boolean;
167
- 'spiffy-body-5': boolean;
168
- 'spiffy-tw-text-[10px]': boolean;
169
- 'spiffy-tw-font-normal': boolean;
170
- };
171
- };
172
- declare const getVariantPlaceholderClassNames: (classes: Record<string, boolean>) => Record<string, boolean>;
173
- //#endregion
174
- export { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames };
package/dist/textVariantClasses-CBre7vXv.cjs DELETED
@@ -1,123 +0,0 @@
1
-
2
- //#region src/components/Text/textVariantClasses.ts
3
- const HeadlineVariantMap = {
4
- t1: {
5
- "spiffy-headline": true,
6
- "spiffy-headline-1": true,
7
- "spiffy-tw-text-[32px]": true,
8
- "spiffy-tw-font-medium": true,
9
- "spiffy-tw-leading-[124%]": true
10
- },
11
- t2: {
12
- "spiffy-headline": true,
13
- "spiffy-headline-1": true,
14
- "spiffy-tw-text-[16px]": true,
15
- "spiffy-tw-font-medium": true,
16
- "spiffy-tw-leading-[124%]": true
17
- },
18
- t3: {
19
- "spiffy-headline": true,
20
- "spiffy-headline-1": true,
21
- "spiffy-tw-text-[24px]": true,
22
- "spiffy-tw-leading-[120%]": true
23
- },
24
- h1: {
25
- "spiffy-headline": true,
26
- "spiffy-headline-1": true,
27
- "spiffy-tw-text-[20px]": true,
28
- "spiffy-tw-font-normal": true,
29
- "spiffy-tw-leading-[120%]": true
30
- },
31
- h2: {
32
- "spiffy-headline": true,
33
- "spiffy-headline-2": true,
34
- "spiffy-tw-text-[16px]": true,
35
- "spiffy-tw-font-normal": true,
36
- "spiffy-tw-leading-[124%]": true
37
- },
38
- h3: {
39
- "spiffy-headline": true,
40
- "spiffy-headline-3": true,
41
- "spiffy-tw-text-[15px]": true,
42
- "spiffy-tw-font-medium": true,
43
- "spiffy-tw-leading-[124%]": true
44
- },
45
- h4: {
46
- "spiffy-headline": true,
47
- "spiffy-headline-4": true,
48
- "spiffy-tw-text-[14px]": true,
49
- "spiffy-tw-font-medium": true,
50
- "spiffy-tw-leading-[124%]": true
51
- }
52
- };
53
- const TextVariantMap = {
54
- body1: {
55
- "spiffy-body-text": true,
56
- "spiffy-body-1": true,
57
- "spiffy-tw-text-[20px]": true,
58
- "spiffy-tw-font-normal": true,
59
- "spiffy-tw-line-height-[120%]": true
60
- },
61
- body2: {
62
- "spiffy-body-text": true,
63
- "spiffy-body-2": true,
64
- "spiffy-tw-text-[16px]": true,
65
- "spiffy-tw-font-normal": true,
66
- "spiffy-tw-line-height-[148%]": true
67
- },
68
- body3: {
69
- "spiffy-body-text": true,
70
- "spiffy-body-3": true,
71
- "spiffy-tw-text-sm": true,
72
- "spiffy-tw-font-normal": true,
73
- "spiffy-tw-leading-[140%]": true
74
- },
75
- body4: {
76
- "spiffy-body-text": true,
77
- "spiffy-body-4": true,
78
- "spiffy-tw-text-xs": true,
79
- "spiffy-tw-font-medium": true,
80
- "spiffy-tw-leading-[130%]": true
81
- },
82
- body5: {
83
- "spiffy-body-text": true,
84
- "spiffy-body-5": true,
85
- "spiffy-tw-text-[10px]": true,
86
- "spiffy-tw-font-normal": true
87
- }
88
- };
89
- const TextStyleVariantMap = {
90
- ...TextVariantMap,
91
- ...HeadlineVariantMap
92
- };
93
- const getVariantPlaceholderClassNames = (classes) => Object.keys(classes).reduce((acc, key) => {
94
- if (key.includes("spiffy-tw")) acc[`placeholder:${key}`] = classes[key];
95
- else acc[`${key}-placeholder`] = classes[key];
96
- return acc;
97
- }, {});
98
-
99
- //#endregion
100
- Object.defineProperty(exports, 'HeadlineVariantMap', {
101
- enumerable: true,
102
- get: function () {
103
- return HeadlineVariantMap;
104
- }
105
- });
106
- Object.defineProperty(exports, 'TextStyleVariantMap', {
107
- enumerable: true,
108
- get: function () {
109
- return TextStyleVariantMap;
110
- }
111
- });
112
- Object.defineProperty(exports, 'TextVariantMap', {
113
- enumerable: true,
114
- get: function () {
115
- return TextVariantMap;
116
- }
117
- });
118
- Object.defineProperty(exports, 'getVariantPlaceholderClassNames', {
119
- enumerable: true,
120
- get: function () {
121
- return getVariantPlaceholderClassNames;
122
- }
123
- });