@indico-data/design-system 2.2.0 → 2.3.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 (161) hide show
  1. package/.yarn/sdks/eslint/bin/eslint.js +8 -1
  2. package/.yarn/sdks/eslint/package.json +1 -1
  3. package/.yarn/sdks/prettier/bin/prettier.cjs +8 -1
  4. package/.yarn/sdks/prettier/index.cjs +8 -1
  5. package/.yarn/sdks/typescript/bin/tsc +8 -1
  6. package/.yarn/sdks/typescript/bin/tsserver +8 -1
  7. package/.yarn/sdks/typescript/package.json +1 -1
  8. package/.yarnrc.yml +1 -0
  9. package/lib/index.css +141 -101
  10. package/lib/index.d.ts +973 -14
  11. package/lib/index.esm.css +141 -101
  12. package/lib/index.esm.js +25974 -27484
  13. package/lib/index.esm.js.map +1 -1
  14. package/lib/index.js +26265 -27775
  15. package/lib/index.js.map +1 -1
  16. package/lib/src/components/button/Button.stories.d.ts +1 -1
  17. package/lib/src/components/button/types.d.ts +0 -1
  18. package/lib/src/components/grid/col/Col.stories.d.ts +1 -2
  19. package/lib/src/components/grid/container/Container.stories.d.ts +1 -1
  20. package/lib/src/components/grid/row/Row.stories.d.ts +1 -1
  21. package/lib/src/components/index.d.ts +1 -0
  22. package/lib/src/components/table/LoadingComponent.d.ts +1 -0
  23. package/lib/src/components/table/Table.d.ts +78 -0
  24. package/lib/src/components/table/Table.stories.d.ts +6 -0
  25. package/lib/src/components/table/index.d.ts +1 -0
  26. package/lib/src/components/table/sampleData.d.ts +8 -0
  27. package/lib/src/index.d.ts +2 -1
  28. package/lib/src/legacy/components/Accordion/Accordion.stories.d.ts +9 -9
  29. package/lib/src/legacy/components/Accordion/Accordion.styles.d.ts +1 -2
  30. package/lib/src/legacy/components/ListTable/Header/Header.styles.d.ts +1 -2
  31. package/lib/src/legacy/components/ListTable/ListTable.stories.d.ts +7 -7
  32. package/lib/src/legacy/components/ListTable/ListTable.styles.d.ts +1 -2
  33. package/lib/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.stories.d.ts +2 -2
  34. package/lib/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.styles.d.ts +2 -3
  35. package/lib/src/legacy/components/Pagination/Pagination.styles.d.ts +1 -2
  36. package/lib/src/legacy/components/Toggle/Toggle.d.ts +1 -2
  37. package/lib/src/legacy/components/Toggle/Toggle.stories.d.ts +4 -4
  38. package/lib/src/legacy/components/Toggle/Toggle.styles.d.ts +1 -2
  39. package/lib/src/legacy/components/Tooltip/Tooltip.styles.d.ts +1 -2
  40. package/lib/src/legacy/components/basic-section/Section/Section.stories.d.ts +1 -2
  41. package/lib/src/legacy/components/basic-section/Section/Section.styles.d.ts +1 -2
  42. package/lib/src/legacy/components/basic-section/SectionBlock/SectionBlock.styles.d.ts +1 -2
  43. package/lib/src/legacy/components/basic-section/SectionBody/SectionBody.styles.d.ts +1 -2
  44. package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.stories.d.ts +1 -1
  45. package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.styles.d.ts +1 -2
  46. package/lib/src/legacy/components/basic-section/SectionTable/SectionTable.styles.d.ts +1 -2
  47. package/lib/src/legacy/components/buttons/Button/Button.stories.d.ts +1 -1
  48. package/lib/src/legacy/components/buttons/Button/Button.styles.d.ts +1 -2
  49. package/lib/src/legacy/components/buttons/IconButton/IconButton.stories.d.ts +3 -3
  50. package/lib/src/legacy/components/buttons/IconButton/IconButton.styles.d.ts +4 -3
  51. package/lib/src/legacy/components/dropdowns/BorderSelect/BorderSelect.stories.d.ts +8 -9
  52. package/lib/src/legacy/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts +2 -3
  53. package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.d.ts +5 -5
  54. package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.stories.d.ts +7 -7
  55. package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts +3 -2
  56. package/lib/src/legacy/components/dropdowns/Select/Select.stories.d.ts +6 -7
  57. package/lib/src/legacy/components/dropdowns/Select/Select.styles.d.ts +1 -2
  58. package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.d.ts +5 -5
  59. package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.stories.d.ts +5 -6
  60. package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts +3 -2
  61. package/lib/src/legacy/components/index.d.ts +0 -1
  62. package/lib/src/legacy/components/inputs/DatePicker/DatePicker.styles.d.ts +1 -2
  63. package/lib/src/legacy/components/inputs/EditableInput/EditableInput.styles.d.ts +1 -2
  64. package/lib/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.d.ts +1 -2
  65. package/lib/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.styles.d.ts +1 -2
  66. package/lib/src/legacy/components/inputs/NumberInput/NumberInput.stories.d.ts +2 -2
  67. package/lib/src/legacy/components/inputs/NumberInput/NumberInput.styles.d.ts +1 -2
  68. package/lib/src/legacy/components/inputs/RadioButtons/RadioButtons.styles.d.ts +5 -6
  69. package/lib/src/legacy/components/inputs/RadioGroup/RadioGroup.styles.d.ts +1 -2
  70. package/lib/src/legacy/components/inputs/SearchInput/SearchInput.stories.d.ts +8 -9
  71. package/lib/src/legacy/components/inputs/SearchInput/SearchInput.styles.d.ts +1 -2
  72. package/lib/src/legacy/components/inputs/TextInput/TextInput.stories.d.ts +9 -9
  73. package/lib/src/legacy/components/inputs/TextInput/TextInput.styles.d.ts +2 -3
  74. package/lib/src/legacy/components/loading-indicators/BarSpinner/BarSpinner.styles.d.ts +1 -2
  75. package/lib/src/legacy/components/loading-indicators/CirclePulse/CirclePulse.styles.d.ts +4 -5
  76. package/lib/src/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.d.ts +1 -2
  77. package/lib/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.d.ts +4 -5
  78. package/lib/src/legacy/components/loading-indicators/LoadingList/LoadingList.styles.d.ts +1 -2
  79. package/lib/src/legacy/components/loading-indicators/PercentageRing/PercentageRing.styles.d.ts +1 -2
  80. package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.stories.d.ts +5 -5
  81. package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.styles.d.ts +1 -2
  82. package/lib/src/legacy/components/modals/ModalBase/ModalBase.styles.d.ts +1 -1
  83. package/lib/src/legacy/components/text-truncate/TextTruncate.styles.d.ts +1 -2
  84. package/lib/src/legacy/components/user-feedback/Shrug/Shrug.stories.d.ts +11 -11
  85. package/lib/src/legacy/components/user-feedback/Shrug/Shrug.styles.d.ts +1 -2
  86. package/lib/src/legacy/styles/globals/buttons.d.ts +0 -1
  87. package/lib/src/legacy/styles/globals/forms.d.ts +0 -1
  88. package/lib/src/legacy/styles/globals/layout.d.ts +0 -1
  89. package/lib/src/legacy/styles/globals/lists.d.ts +0 -1
  90. package/lib/src/legacy/styles/globals/margin-padding.d.ts +0 -1
  91. package/lib/src/legacy/styles/globals/media.d.ts +0 -1
  92. package/lib/src/legacy/styles/globals/tables.d.ts +0 -1
  93. package/lib/src/legacy/styles/globals/typography.d.ts +0 -1
  94. package/lib/src/legacy/styles/globals/utility-classes.d.ts +0 -1
  95. package/lib/src/types.d.ts +2 -2
  96. package/package.json +4 -2
  97. package/rollup.config.mjs +1 -1
  98. package/src/components/button/Button.mdx +1 -1
  99. package/src/components/button/Button.stories.tsx +8 -8
  100. package/src/components/button/Button.tsx +1 -1
  101. package/src/components/grid/GridSystem.mdx +0 -1
  102. package/src/components/grid/col/Col.stories.tsx +1 -2
  103. package/src/components/grid/container/Container.mdx +0 -1
  104. package/src/components/grid/container/Container.stories.tsx +1 -3
  105. package/src/components/grid/row/Row.mdx +0 -1
  106. package/src/components/grid/row/Row.stories.tsx +1 -3
  107. package/src/components/icons/Icon.mdx +1 -1
  108. package/src/components/icons/Icon.stories.tsx +2 -3
  109. package/src/components/index.ts +1 -0
  110. package/src/components/table/LoadingComponent.tsx +5 -0
  111. package/src/components/table/Table.mdx +15 -0
  112. package/src/components/table/Table.stories.tsx +547 -0
  113. package/src/components/table/Table.tsx +112 -0
  114. package/src/components/table/index.ts +1 -0
  115. package/src/components/table/sampleData.ts +162 -0
  116. package/src/components/table/styles/Table.scss +79 -0
  117. package/src/components/table/styles/_variables.scss +19 -0
  118. package/src/index.ts +1 -1
  119. package/src/legacy/components/Accordion/Accordion.tsx +1 -1
  120. package/src/legacy/components/ListTable/Header/Header.tsx +2 -4
  121. package/src/legacy/components/ListTable/ListTable.stories.tsx +1 -1
  122. package/src/legacy/components/Toggle/Toggle.tsx +2 -3
  123. package/src/legacy/components/Tooltip/Tooltip.tsx +2 -1
  124. package/src/legacy/components/basic-section/SectionTable/SectionTable.tsx +1 -1
  125. package/src/legacy/components/buttons/IconButton/IconButton.tsx +1 -1
  126. package/src/legacy/components/dropdowns/BorderSelect/BorderSelect.tsx +1 -1
  127. package/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.tsx +1 -1
  128. package/src/legacy/components/dropdowns/Select/Select.tsx +1 -1
  129. package/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.tsx +1 -1
  130. package/src/legacy/components/index.ts +0 -1
  131. package/src/legacy/components/inputs/EditableInput/EditableInput.tsx +1 -1
  132. package/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.tsx +2 -3
  133. package/src/legacy/components/inputs/NumberInput/NumberInput.tsx +1 -1
  134. package/src/legacy/components/inputs/SearchInput/SearchInput.stories.tsx +3 -3
  135. package/src/legacy/components/inputs/SearchInput/SearchInput.tsx +1 -1
  136. package/src/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.tsx +2 -3
  137. package/src/legacy/components/user-feedback/Shrug/Shrug.tsx +1 -1
  138. package/src/styles/index.scss +2 -2
  139. package/src/types.ts +3 -5
  140. package/webpack.config.js +13 -6
  141. package/lib/src/legacy/components/Navigation/Drawer/Drawer.d.ts +0 -16
  142. package/lib/src/legacy/components/Navigation/Drawer/Drawer.stories.d.ts +0 -6
  143. package/lib/src/legacy/components/Navigation/Drawer/DrawerLinkList.d.ts +0 -9
  144. package/lib/src/legacy/components/Navigation/Drawer/DrawerLinkList.styles.d.ts +0 -2
  145. package/lib/src/legacy/components/Navigation/Drawer/__mocks__/mocks.d.ts +0 -3
  146. package/lib/src/legacy/components/Navigation/Drawer/__tests__/DrawerLinkList.test.d.ts +0 -1
  147. package/lib/src/legacy/components/Navigation/Drawer/index.d.ts +0 -1
  148. package/lib/src/legacy/components/Navigation/Drawer/types.d.ts +0 -7
  149. package/lib/src/legacy/components/Navigation/index.d.ts +0 -1
  150. package/src/legacy/components/Navigation/Drawer/Drawer.scss +0 -61
  151. package/src/legacy/components/Navigation/Drawer/Drawer.stories.tsx +0 -43
  152. package/src/legacy/components/Navigation/Drawer/Drawer.tsx +0 -107
  153. package/src/legacy/components/Navigation/Drawer/DrawerLinkList.styles.ts +0 -65
  154. package/src/legacy/components/Navigation/Drawer/DrawerLinkList.tsx +0 -64
  155. package/src/legacy/components/Navigation/Drawer/__mocks__/mocks.ts +0 -49
  156. package/src/legacy/components/Navigation/Drawer/__tests__/Drawer.test.tsx +0 -180
  157. package/src/legacy/components/Navigation/Drawer/__tests__/DrawerLinkList.test.tsx +0 -66
  158. package/src/legacy/components/Navigation/Drawer/index.ts +0 -1
  159. package/src/legacy/components/Navigation/Drawer/types.ts +0 -8
  160. package/src/legacy/components/Navigation/index.ts +0 -1
  161. /package/src/components/grid/{Grid.scss → styles/Grid.scss} +0 -0
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledSectionBlock: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledSectionBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledSectionBody: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledSectionBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -4,7 +4,7 @@ import { SectionHeader } from './SectionHeader';
4
4
  declare const meta: {
5
5
  component: {
6
6
  (props: import("../../../../types").PermafrostComponent & {
7
- style?: object | undefined;
7
+ style?: object;
8
8
  children?: React.ReactNode;
9
9
  }): import("react/jsx-runtime").JSX.Element;
10
10
  defaultProps: {
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledSectionHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
1
+ export declare const StyledSectionHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledSectionTable: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledSectionTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -9,7 +9,7 @@ declare const meta: {
9
9
  };
10
10
  className: {
11
11
  control: {
12
- disable: boolean;
12
+ disable: true;
13
13
  };
14
14
  };
15
15
  };
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
1
+ export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
@@ -14,7 +14,7 @@ declare const meta: {
14
14
  };
15
15
  isDisabled: {
16
16
  control: {
17
- type: string;
17
+ type: "boolean";
18
18
  };
19
19
  };
20
20
  adjustAlignment: {
@@ -23,12 +23,12 @@ declare const meta: {
23
23
  };
24
24
  className: {
25
25
  control: {
26
- disable: boolean;
26
+ disable: true;
27
27
  };
28
28
  };
29
29
  style: {
30
30
  control: {
31
- disable: boolean;
31
+ disable: true;
32
32
  };
33
33
  };
34
34
  };
@@ -1,4 +1,5 @@
1
- /// <reference types="react" />
2
1
  export declare const iconButton: import("styled-components").RuleSet<object>;
3
- export declare const StyledIconButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
4
- export declare const StyledIconButtonLink: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
2
+ export declare const StyledIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
3
+ export declare const StyledIconButtonLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
4
+ ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
5
+ }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
@@ -1,21 +1,20 @@
1
- /// <reference types="react" />
2
1
  import type { StoryObj } from '@storybook/react';
3
2
  import { BorderSelect } from './BorderSelect';
4
3
  declare const meta: {
5
4
  component: (props: import("../../../../types").PermafrostComponent & {
6
- defaultValue?: string | undefined;
7
- disabled?: boolean | undefined;
8
- horizontal?: boolean | undefined;
9
- initialText?: string | undefined;
10
- label?: string | undefined;
5
+ defaultValue?: string;
6
+ disabled?: boolean;
7
+ horizontal?: boolean;
8
+ initialText?: string;
9
+ label?: string;
11
10
  onChange(e: import("react").ChangeEvent<HTMLSelectElement>): void;
12
11
  options: {
13
12
  name: string;
14
13
  value: string | number;
15
14
  }[];
16
- style?: object | undefined;
17
- value?: string | number | undefined;
18
- validationErrors?: string[] | undefined;
15
+ style?: object;
16
+ value?: string | number;
17
+ validationErrors?: string[];
19
18
  }) => import("react/jsx-runtime").JSX.Element;
20
19
  title: string;
21
20
  argTypes: {};
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
- export declare const StyledSelect: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
3
- export declare const StyledValidationError: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export declare const StyledValidationError: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -13,11 +13,11 @@ export declare const MultiCombobox: React.ForwardRefExoticComponent<PermafrostCo
13
13
  * MultiValue is a selected option in the input area
14
14
  */
15
15
  multiValueProps?: {
16
- 'data-cy': string;
17
- } | undefined;
16
+ "data-cy": string;
17
+ };
18
18
  optionProps?: {
19
- 'data-cy': string;
20
- } | undefined;
21
- values?: ComboboxOption[] | undefined;
19
+ "data-cy": string;
20
+ };
21
+ values?: ComboboxOption[];
22
22
  onChange: (selectedOption: ComboboxOption[]) => void;
23
23
  } & React.RefAttributes<unknown>>;
@@ -5,24 +5,24 @@ import { MultiCombobox } from './MultiCombobox';
5
5
  declare const meta: {
6
6
  component: React.ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
7
7
  multiValueProps?: {
8
- 'data-cy': string;
9
- } | undefined;
8
+ "data-cy": string;
9
+ };
10
10
  optionProps?: {
11
- 'data-cy': string;
12
- } | undefined;
13
- values?: ComboboxOption[] | undefined;
11
+ "data-cy": string;
12
+ };
13
+ values?: ComboboxOption[];
14
14
  onChange: (selectedOption: ComboboxOption[]) => void;
15
15
  } & React.RefAttributes<unknown>>;
16
16
  title: string;
17
17
  argTypes: {
18
18
  options: {
19
19
  control: {
20
- disable: boolean;
20
+ disable: true;
21
21
  };
22
22
  };
23
23
  defaultValue: {
24
24
  control: {
25
- disable: boolean;
25
+ disable: true;
26
26
  };
27
27
  };
28
28
  };
@@ -1,3 +1,4 @@
1
- /// <reference types="react" />
2
1
  import ReactSelect from 'react-select';
3
- export declare const StyledMultiCombobox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, never>> & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
2
+ export declare const StyledMultiCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
3
+ ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
4
+ }, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
@@ -1,18 +1,17 @@
1
- /// <reference types="react" />
2
1
  import type { StoryObj } from '@storybook/react';
3
2
  import { Select } from './Select';
4
3
  declare const meta: {
5
4
  component: (props: import("../../../../types").PermafrostComponent & {
6
- disabled?: boolean | undefined;
7
- initialText?: string | undefined;
5
+ disabled?: boolean;
6
+ initialText?: string;
8
7
  options: {
9
8
  name: string;
10
9
  value: string | number;
11
10
  }[];
12
- size?: import("../types").ComboboxSize | undefined;
13
- style?: object | undefined;
14
- value?: string | number | undefined;
15
- variant?: import("../types").ComboboxVariant | undefined;
11
+ size?: import("../types").ComboboxSize;
12
+ style?: object;
13
+ value?: string | number;
14
+ variant?: import("../types").ComboboxVariant;
16
15
  onChange(e: import("react").ChangeEvent<HTMLSelectElement>): void;
17
16
  onClick?(e: import("react").MouseEvent<HTMLDivElement, MouseEvent>): void;
18
17
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledSelect: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -10,11 +10,11 @@ import type { ComboboxProps, ComboboxOption } from '../types';
10
10
  */
11
11
  export declare const SingleCombobox: React.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
12
12
  dropdownIndicatorProps?: {
13
- 'data-cy': string;
14
- } | undefined;
13
+ "data-cy": string;
14
+ };
15
15
  optionProps?: {
16
- 'data-cy': string;
17
- } | undefined;
18
- value?: ComboboxOption | undefined;
16
+ "data-cy": string;
17
+ };
18
+ value?: ComboboxOption;
19
19
  onChange: (selectedOption: ComboboxOption) => void;
20
20
  } & React.RefAttributes<unknown>>;
@@ -1,16 +1,15 @@
1
- /// <reference types="react" />
2
1
  import type { StoryObj } from '@storybook/react';
3
2
  import { ComboboxOption } from '../types';
4
3
  import { SingleCombobox } from './SingleCombobox';
5
4
  declare const meta: {
6
5
  component: import("react").ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
7
6
  dropdownIndicatorProps?: {
8
- 'data-cy': string;
9
- } | undefined;
7
+ "data-cy": string;
8
+ };
10
9
  optionProps?: {
11
- 'data-cy': string;
12
- } | undefined;
13
- value?: ComboboxOption | undefined;
10
+ "data-cy": string;
11
+ };
12
+ value?: ComboboxOption;
14
13
  onChange: (selectedOption: ComboboxOption) => void;
15
14
  } & import("react").RefAttributes<unknown>>;
16
15
  title: string;
@@ -1,3 +1,4 @@
1
- /// <reference types="react" />
2
1
  import ReactSelect from 'react-select';
3
- export declare const StyledSingleCombobox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, never>> & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
2
+ export declare const StyledSingleCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
3
+ ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
4
+ }, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
@@ -9,7 +9,6 @@ export { Pagination } from './Pagination';
9
9
  export { Shrug } from './user-feedback';
10
10
  export { ConfirmModal, ModalBase } from './modals';
11
11
  export { LoadingAwareContainer } from './LoadingAwareContainer';
12
- export { Drawer } from './Navigation/Drawer';
13
12
  export { TextTruncate } from './text-truncate';
14
13
  export { Toggle } from './Toggle';
15
14
  export { Tooltip } from './Tooltip';
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledDatePicker: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledDatePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledEditableInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
1
+ export declare const StyledEditableInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
@@ -1,6 +1,5 @@
1
1
  import { DateRange } from 'react-day-picker';
2
- import { IconName, PermafrostComponent } from '@/types';
3
- import { IconSizes } from '@/components/icons/types';
2
+ import { IconName, IconSizes, PermafrostComponent } from '@/types';
4
3
  type Props = PermafrostComponent & {
5
4
  ariaLabel?: string;
6
5
  disableBeforeDate?: Date;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledNoInputDatePicker: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledNoInputDatePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -6,12 +6,12 @@ declare const meta: {
6
6
  argTypes: {
7
7
  className: {
8
8
  control: {
9
- disable: boolean;
9
+ disable: true;
10
10
  };
11
11
  };
12
12
  value: {
13
13
  control: {
14
- disable: boolean;
14
+ disable: true;
15
15
  };
16
16
  };
17
17
  };
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledNumberField: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledNumberField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,14 +1,13 @@
1
- /// <reference types="react" />
2
1
  import { AbstractRadioGroup } from '../RadioGroup';
3
- export declare const StyledRadioGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../../../../types").PermafrostComponent & {
4
- value?: string | undefined;
5
- onChange?: ((value: string) => void) | undefined;
2
+ export declare const StyledRadioGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../../types").PermafrostComponent & {
3
+ value?: string;
4
+ onChange?: (value: string) => void;
6
5
  children: import("react").ReactNode;
7
- className?: string | undefined;
6
+ className?: string;
8
7
  } & import("@react-types/radio").AriaRadioGroupProps, {
9
8
  hideFocusRing: boolean;
10
9
  color: string;
11
10
  labelColor: string;
12
11
  hoverAndSelectedColor: string;
13
12
  focusRingColor: string;
14
- }>> & Omit<typeof AbstractRadioGroup, keyof import("react").Component<any, {}, any>>;
13
+ }>> & string & Omit<typeof AbstractRadioGroup, keyof import("react").Component<any, {}, any>>;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledRadioGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledRadioGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,20 +1,19 @@
1
- /// <reference types="react" />
2
1
  import { StoryObj } from '@storybook/react';
3
2
  import { SearchInput } from './SearchInput';
4
3
  declare const meta: {
5
4
  component: {
6
5
  (props: import("../../../../types").PermafrostComponent & {
7
- inputBorder?: boolean | undefined;
8
- showClearInputIcon?: boolean | undefined;
9
- showSearchIcon?: boolean | undefined;
6
+ inputBorder?: boolean;
7
+ showClearInputIcon?: boolean;
8
+ showSearchIcon?: boolean;
10
9
  inputProps?: {
11
10
  [key: string]: string;
12
- } | undefined;
13
- onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
11
+ };
12
+ onChange?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
14
13
  onClear?(): void;
15
- onKeyUp?: ((e: import("react").KeyboardEvent<HTMLInputElement>) => void) | undefined;
16
- placeholder?: string | undefined;
17
- value?: string | undefined;
14
+ onKeyUp?: (e: import("react").KeyboardEvent<HTMLInputElement>) => void;
15
+ placeholder?: string;
16
+ value?: string;
18
17
  }): import("react/jsx-runtime").JSX.Element;
19
18
  defaultProps: {
20
19
  className: string;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledSearchField: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledSearchField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -6,47 +6,47 @@ declare const meta: {
6
6
  argTypes: {
7
7
  autoComplete: {
8
8
  control: {
9
- disable: boolean;
9
+ disable: true;
10
10
  };
11
11
  };
12
12
  className: {
13
13
  control: {
14
- disable: boolean;
14
+ disable: true;
15
15
  };
16
16
  };
17
17
  defaultValue: {
18
18
  control: {
19
- disable: boolean;
19
+ disable: true;
20
20
  };
21
21
  };
22
22
  inputProps: {
23
23
  control: {
24
- disable: boolean;
24
+ disable: true;
25
25
  };
26
26
  };
27
27
  name: {
28
28
  control: {
29
- disable: boolean;
29
+ disable: true;
30
30
  };
31
31
  };
32
32
  promptProps: {
33
33
  control: {
34
- disable: boolean;
34
+ disable: true;
35
35
  };
36
36
  };
37
37
  type: {
38
38
  control: {
39
- disable: boolean;
39
+ disable: true;
40
40
  };
41
41
  };
42
42
  validationErrors: {
43
43
  control: {
44
- disable: boolean;
44
+ disable: true;
45
45
  };
46
46
  };
47
47
  value: {
48
48
  control: {
49
- disable: boolean;
49
+ disable: true;
50
50
  };
51
51
  };
52
52
  };
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
- export declare const StyledTextInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
3
- export declare const StyledInputInfo: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledTextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export declare const StyledInputInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledBarSpinner: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledBarSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
- export declare const StyledLoadingIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
1
+ export declare const StyledLoadingIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
2
  overallsize: string;
4
3
  ripplesize: string;
5
- }>>;
6
- export declare const StyledMessageLoadingIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ }>> & string;
5
+ export declare const StyledMessageLoadingIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
6
  overallsize: string;
8
- }>>;
7
+ }>> & string;
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
- import { PermafrostComponent } from '@/types';
3
- import { IconSizes } from '@/components/icons/types';
2
+ import { PermafrostComponent, IconSizes } from '@/types';
4
3
  type Props = PermafrostComponent & {
5
4
  ariaLabel?: string;
6
5
  size?: IconSizes;
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
- export declare const StyledLoadingIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
1
+ export declare const StyledLoadingIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
2
  overallsize: string;
4
3
  ripplesize: string;
5
- }>>;
6
- export declare const StyledMessageLoadingIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ }>> & string;
5
+ export declare const StyledMessageLoadingIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
6
  overallsize: string;
8
- }>>;
7
+ }>> & string;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledLoadingList: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledLoadingList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledPercentageRing: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledPercentageRing: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -12,27 +12,27 @@ declare const meta: {
12
12
  argTypes: {
13
13
  open: {
14
14
  control: {
15
- disable: boolean;
15
+ disable: true;
16
16
  };
17
17
  };
18
18
  className: {
19
19
  control: {
20
- disable: boolean;
20
+ disable: true;
21
21
  };
22
22
  };
23
23
  describedBy: {
24
24
  control: {
25
- disable: boolean;
25
+ disable: true;
26
26
  };
27
27
  };
28
28
  modalNode: {
29
29
  control: {
30
- disable: boolean;
30
+ disable: true;
31
31
  };
32
32
  };
33
33
  width: {
34
34
  control: {
35
- disable: boolean;
35
+ disable: true;
36
36
  };
37
37
  };
38
38
  };
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledConfirmModal: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
1
+ export declare const StyledConfirmModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  declare function ModalAdapter(props: any): React.ReactElement;
3
- export declare const StyledModalBase: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> & Omit<typeof ModalAdapter, keyof React.Component<any, {}, any>>;
3
+ export declare const StyledModalBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & Omit<typeof ModalAdapter, keyof React.Component<any, {}, any>>;
4
4
  export {};
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const StyledTextTruncate: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
1
+ export declare const StyledTextTruncate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;