@chayns-components/core 5.0.0-beta.347 → 5.0.0-beta.352

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 (70) hide show
  1. package/lib/components/accordion/accordion-body/AccordionBody.styles.d.ts +0 -1
  2. package/lib/components/accordion/accordion-head/AccordionHead.styles.d.ts +7 -16
  3. package/lib/components/accordion/accordion-intro/AccordionIntro.styles.d.ts +0 -1
  4. package/lib/components/amount-control/AmountControl.styles.d.ts +0 -1
  5. package/lib/components/button/Button.styles.d.ts +0 -3
  6. package/lib/components/checkbox/Checkbox.styles.d.ts +0 -1
  7. package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.d.ts +0 -1
  8. package/lib/components/combobox/ComboBox.styles.d.ts +0 -3
  9. package/lib/components/content-card/ContentCard.d.ts +4 -0
  10. package/lib/components/content-card/ContentCard.js +5 -2
  11. package/lib/components/content-card/ContentCard.js.map +1 -1
  12. package/lib/components/content-card/ContentCard.styles.d.ts +0 -1
  13. package/lib/components/context-menu/ContextMenu.styles.d.ts +0 -1
  14. package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.d.ts +0 -3
  15. package/lib/components/file-input/FileInput.styles.d.ts +0 -2
  16. package/lib/components/file-input/file-list/FileListItem.styles.d.ts +0 -1
  17. package/lib/components/{filter-button/FilterButton.d.ts → filter-buttons/FilterButtons.d.ts} +3 -3
  18. package/lib/components/{filter-button/FilterButton.js → filter-buttons/FilterButtons.js} +9 -9
  19. package/lib/components/filter-buttons/FilterButtons.js.map +1 -0
  20. package/lib/components/{filter-button/FilterButton.styles.d.ts → filter-buttons/FilterButtons.styles.d.ts} +0 -1
  21. package/lib/components/{filter-button/FilterButton.styles.js → filter-buttons/FilterButtons.styles.js} +1 -1
  22. package/lib/components/filter-buttons/FilterButtons.styles.js.map +1 -0
  23. package/lib/components/{filter-button/filter-button-item/FilterButtonItem.d.ts → filter-buttons/filter-button/FilterButton.d.ts} +3 -3
  24. package/lib/components/{filter-button/filter-button-item/FilterButtonItem.js → filter-buttons/filter-button/FilterButton.js} +9 -9
  25. package/lib/components/filter-buttons/filter-button/FilterButton.js.map +1 -0
  26. package/lib/components/{filter-button/filter-button-item/FilterButtonItem.styles.d.ts → filter-buttons/filter-button/FilterButton.styles.d.ts} +0 -2
  27. package/lib/components/{filter-button/filter-button-item/FilterButtonItem.styles.js → filter-buttons/filter-button/FilterButton.styles.js} +1 -1
  28. package/lib/components/filter-buttons/filter-button/FilterButton.styles.js.map +1 -0
  29. package/lib/components/filter-buttons/types.js.map +1 -0
  30. package/lib/components/input/Input.styles.d.ts +0 -4
  31. package/lib/components/list/list-item/list-item-body/ListItemBody.styles.d.ts +0 -1
  32. package/lib/components/list/list-item/list-item-content/ListItemContent.styles.d.ts +0 -1
  33. package/lib/components/list/list-item/list-item-head/ListItemHead.styles.d.ts +0 -9
  34. package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.d.ts +0 -1
  35. package/lib/components/mention-finder/MentionFinder.styles.d.ts +0 -2
  36. package/lib/components/mention-finder/mention-finder-item/MentionFinderItem.styles.d.ts +0 -4
  37. package/lib/components/popup/Popup.styles.d.ts +0 -1
  38. package/lib/components/popup/popup-content/PopupContent.styles.d.ts +0 -2
  39. package/lib/components/progress-bar/ProgressBar.styles.d.ts +0 -2
  40. package/lib/components/search-box/SearchBox.styles.d.ts +0 -2
  41. package/lib/components/search-input/SearchInput.d.ts +9 -1
  42. package/lib/components/search-input/SearchInput.js +18 -10
  43. package/lib/components/search-input/SearchInput.js.map +1 -1
  44. package/lib/components/search-input/SearchInput.styles.d.ts +0 -4
  45. package/lib/components/setup-wizard/SetupWizard.styles.d.ts +0 -1
  46. package/lib/components/setup-wizard/setup-wizard-item/SetupWizardItem.styles.d.ts +0 -2
  47. package/lib/components/sharing-bar/SharingBar.styles.d.ts +0 -2
  48. package/lib/components/slider/Slider.styles.d.ts +0 -1
  49. package/lib/components/text-area/TextArea.styles.d.ts +0 -1
  50. package/lib/components/tooltip/Tooltip.styles.d.ts +0 -1
  51. package/lib/components/tooltip/tooltip-item/TooltipItem.styles.d.ts +0 -1
  52. package/lib/components/truncation/Truncation.js +49 -33
  53. package/lib/components/truncation/Truncation.js.map +1 -1
  54. package/lib/components/truncation/Truncation.styles.d.ts +271 -3
  55. package/lib/components/truncation/Truncation.styles.js +12 -3
  56. package/lib/components/truncation/Truncation.styles.js.map +1 -1
  57. package/lib/index.d.ts +2 -2
  58. package/lib/index.js +3 -3
  59. package/lib/index.js.map +1 -1
  60. package/package.json +10 -10
  61. package/lib/components/filter-button/FilterButton.js.map +0 -1
  62. package/lib/components/filter-button/FilterButton.styles.js.map +0 -1
  63. package/lib/components/filter-button/filter-button-item/FilterButtonItem.js.map +0 -1
  64. package/lib/components/filter-button/filter-button-item/FilterButtonItem.styles.js.map +0 -1
  65. package/lib/components/filter-button/types.js.map +0 -1
  66. package/lib/utils/truncation.d.ts +0 -1
  67. package/lib/utils/truncation.js +0 -34
  68. package/lib/utils/truncation.js.map +0 -1
  69. /package/lib/components/{filter-button → filter-buttons}/types.d.ts +0 -0
  70. /package/lib/components/{filter-button → filter-buttons}/types.js +0 -0
package/lib/components/accordion/accordion-body/AccordionBody.styles.d.ts CHANGED
@@ -21,7 +21,6 @@ export declare const StyledMotionAccordionBody: import("styled-components").ISty
21
21
  id?: string | undefined;
22
22
  lang?: string | undefined;
23
23
  nonce?: string | undefined;
24
- placeholder?: string | undefined;
25
24
  spellCheck?: (boolean | "true" | "false") | undefined;
26
25
  tabIndex?: number | undefined;
27
26
  translate?: "yes" | "no" | undefined;
package/lib/components/accordion/accordion-head/AccordionHead.styles.d.ts CHANGED
@@ -20,7 +20,6 @@ export declare const StyledMotionAccordionHead: import("styled-components").ISty
20
20
  id?: string | undefined;
21
21
  lang?: string | undefined;
22
22
  nonce?: string | undefined;
23
- placeholder?: string | undefined;
24
23
  spellCheck?: (boolean | "true" | "false") | undefined;
25
24
  tabIndex?: number | undefined;
26
25
  translate?: "yes" | "no" | undefined;
@@ -286,7 +285,6 @@ export declare const StyledMotionIconWrapper: import("styled-components").IStyle
286
285
  id?: string | undefined;
287
286
  lang?: string | undefined;
288
287
  nonce?: string | undefined;
289
- placeholder?: string | undefined;
290
288
  spellCheck?: (boolean | "true" | "false") | undefined;
291
289
  tabIndex?: number | undefined;
292
290
  translate?: "yes" | "no" | undefined;
@@ -552,7 +550,6 @@ export declare const StyledMotionContentWrapper: import("styled-components").ISt
552
550
  id?: string | undefined;
553
551
  lang?: string | undefined;
554
552
  nonce?: string | undefined;
555
- placeholder?: string | undefined;
556
553
  spellCheck?: (boolean | "true" | "false") | undefined;
557
554
  tabIndex?: number | undefined;
558
555
  translate?: "yes" | "no" | undefined;
@@ -818,7 +815,6 @@ export declare const StyledMotionTitleWrapper: import("styled-components").IStyl
818
815
  id?: string | undefined;
819
816
  lang?: string | undefined;
820
817
  nonce?: string | undefined;
821
- placeholder?: string | undefined;
822
818
  spellCheck?: (boolean | "true" | "false") | undefined;
823
819
  tabIndex?: number | undefined;
824
820
  translate?: "yes" | "no" | undefined;
@@ -1088,7 +1084,6 @@ export declare const StyledMotionTitle: import("styled-components").IStyledCompo
1088
1084
  id?: string | undefined;
1089
1085
  lang?: string | undefined;
1090
1086
  nonce?: string | undefined;
1091
- placeholder?: string | undefined;
1092
1087
  spellCheck?: (boolean | "true" | "false") | undefined;
1093
1088
  tabIndex?: number | undefined;
1094
1089
  translate?: "yes" | "no" | undefined;
@@ -1352,7 +1347,6 @@ export declare const StyledMotionTitleElementWrapper: import("styled-components"
1352
1347
  id?: string | undefined;
1353
1348
  lang?: string | undefined;
1354
1349
  nonce?: string | undefined;
1355
- placeholder?: string | undefined;
1356
1350
  spellCheck?: (boolean | "true" | "false") | undefined;
1357
1351
  tabIndex?: number | undefined;
1358
1352
  translate?: "yes" | "no" | undefined;
@@ -1617,7 +1611,6 @@ export declare const StyledRightWrapper: import("styled-components").IStyledComp
1617
1611
  id?: string | undefined;
1618
1612
  lang?: string | undefined;
1619
1613
  nonce?: string | undefined;
1620
- placeholder?: string | undefined;
1621
1614
  slot?: string | undefined;
1622
1615
  spellCheck?: (boolean | "true" | "false") | undefined;
1623
1616
  style?: import("react").CSSProperties | undefined;
@@ -1890,7 +1883,6 @@ export declare const StyledMotionRightElementWrapper: import("styled-components"
1890
1883
  id?: string | undefined;
1891
1884
  lang?: string | undefined;
1892
1885
  nonce?: string | undefined;
1893
- placeholder?: string | undefined;
1894
1886
  spellCheck?: (boolean | "true" | "false") | undefined;
1895
1887
  tabIndex?: number | undefined;
1896
1888
  translate?: "yes" | "no" | undefined;
@@ -2162,7 +2154,6 @@ export declare const StyledMotionRightInput: import("styled-components").IStyled
2162
2154
  id?: string | undefined;
2163
2155
  lang?: string | undefined;
2164
2156
  nonce?: string | undefined;
2165
- placeholder?: string | undefined;
2166
2157
  spellCheck?: (boolean | "true" | "false") | undefined;
2167
2158
  tabIndex?: number | undefined;
2168
2159
  translate?: "yes" | "no" | undefined;
@@ -2414,24 +2405,25 @@ export declare const StyledMotionRightInput: import("styled-components").IStyled
2414
2405
  width?: string | number | undefined;
2415
2406
  name?: string | undefined;
2416
2407
  type?: import("react").HTMLInputTypeAttribute | undefined;
2408
+ accept?: string | undefined;
2417
2409
  alt?: string | undefined;
2418
- src?: string | undefined;
2410
+ autoComplete?: string | undefined;
2411
+ capture?: boolean | "user" | "environment" | undefined;
2412
+ checked?: boolean | undefined;
2413
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
2419
2414
  formAction?: string | undefined;
2420
2415
  formEncType?: string | undefined;
2421
2416
  formMethod?: string | undefined;
2422
2417
  formNoValidate?: boolean | undefined;
2423
2418
  formTarget?: string | undefined;
2424
- autoComplete?: string | undefined;
2425
- accept?: string | undefined;
2426
- capture?: boolean | "user" | "environment" | undefined;
2427
- checked?: boolean | undefined;
2428
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
2429
2419
  max?: string | number | undefined;
2430
2420
  maxLength?: number | undefined;
2431
2421
  min?: string | number | undefined;
2432
2422
  minLength?: number | undefined;
2423
+ placeholder?: string | undefined;
2433
2424
  readOnly?: boolean | undefined;
2434
2425
  required?: boolean | undefined;
2426
+ src?: string | undefined;
2435
2427
  step?: string | number | undefined;
2436
2428
  } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLInputElement>, StyledMotionRightInputProps>> & import("framer-motion").ForwardRefComponent<HTMLInputElement, import("framer-motion").HTMLMotionProps<"input">>;
2437
2429
  export declare const StyledMotionRightInputIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
@@ -2453,7 +2445,6 @@ export declare const StyledMotionRightInputIconWrapper: import("styled-component
2453
2445
  id?: string | undefined;
2454
2446
  lang?: string | undefined;
2455
2447
  nonce?: string | undefined;
2456
- placeholder?: string | undefined;
2457
2448
  spellCheck?: (boolean | "true" | "false") | undefined;
2458
2449
  tabIndex?: number | undefined;
2459
2450
  translate?: "yes" | "no" | undefined;
package/lib/components/accordion/accordion-intro/AccordionIntro.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledAccordionIntro: import("styled-components").IStyledCo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/amount-control/AmountControl.styles.d.ts CHANGED
@@ -33,7 +33,6 @@ export declare const StyledMotionAmountControlButton: import("styled-components"
33
33
  id?: string | undefined;
34
34
  lang?: string | undefined;
35
35
  nonce?: string | undefined;
36
- placeholder?: string | undefined;
37
36
  spellCheck?: (boolean | "true" | "false") | undefined;
38
37
  tabIndex?: number | undefined;
39
38
  translate?: "yes" | "no" | undefined;
package/lib/components/button/Button.styles.d.ts CHANGED
@@ -25,7 +25,6 @@ export declare const StyledIconWrapper: import("styled-components").IStyledCompo
25
25
  id?: string | undefined;
26
26
  lang?: string | undefined;
27
27
  nonce?: string | undefined;
28
- placeholder?: string | undefined;
29
28
  slot?: string | undefined;
30
29
  spellCheck?: (boolean | "true" | "false") | undefined;
31
30
  style?: import("react").CSSProperties | undefined;
@@ -298,7 +297,6 @@ export declare const StyledMotionChildrenWrapper: import("styled-components").IS
298
297
  id?: string | undefined;
299
298
  lang?: string | undefined;
300
299
  nonce?: string | undefined;
301
- placeholder?: string | undefined;
302
300
  spellCheck?: (boolean | "true" | "false") | undefined;
303
301
  tabIndex?: number | undefined;
304
302
  translate?: "yes" | "no" | undefined;
@@ -564,7 +562,6 @@ export declare const StyledMotionWaitCursorWrapper: import("styled-components").
564
562
  id?: string | undefined;
565
563
  lang?: string | undefined;
566
564
  nonce?: string | undefined;
567
- placeholder?: string | undefined;
568
565
  spellCheck?: (boolean | "true" | "false") | undefined;
569
566
  tabIndex?: number | undefined;
570
567
  translate?: "yes" | "no" | undefined;
package/lib/components/checkbox/Checkbox.styles.d.ts CHANGED
@@ -20,7 +20,6 @@ export declare const StyledCheckbox: import("styled-components").IStyledComponen
20
20
  id?: string | undefined;
21
21
  lang?: string | undefined;
22
22
  nonce?: string | undefined;
23
- placeholder?: string | undefined;
24
23
  slot?: string | undefined;
25
24
  spellCheck?: (boolean | "true" | "false") | undefined;
26
25
  style?: import("react").CSSProperties | undefined;
package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.d.ts CHANGED
@@ -20,7 +20,6 @@ export declare const StyledCopyToClipboard: import("styled-components").IStyledC
20
20
  id?: string | undefined;
21
21
  lang?: string | undefined;
22
22
  nonce?: string | undefined;
23
- placeholder?: string | undefined;
24
23
  slot?: string | undefined;
25
24
  spellCheck?: (boolean | "true" | "false") | undefined;
26
25
  style?: import("react").CSSProperties | undefined;
package/lib/components/combobox/ComboBox.styles.d.ts CHANGED
@@ -19,7 +19,6 @@ export declare const StyledComboBox: import("styled-components").IStyledComponen
19
19
  id?: string | undefined;
20
20
  lang?: string | undefined;
21
21
  nonce?: string | undefined;
22
- placeholder?: string | undefined;
23
22
  slot?: string | undefined;
24
23
  spellCheck?: (boolean | "true" | "false") | undefined;
25
24
  style?: import("react").CSSProperties | undefined;
@@ -299,7 +298,6 @@ export declare const StyledComboBoxIconWrapper: import("styled-components").ISty
299
298
  id?: string | undefined;
300
299
  lang?: string | undefined;
301
300
  nonce?: string | undefined;
302
- placeholder?: string | undefined;
303
301
  slot?: string | undefined;
304
302
  spellCheck?: (boolean | "true" | "false") | undefined;
305
303
  style?: import("react").CSSProperties | undefined;
@@ -576,7 +574,6 @@ export declare const StyledMotionComboBoxBody: import("styled-components").IStyl
576
574
  id?: string | undefined;
577
575
  lang?: string | undefined;
578
576
  nonce?: string | undefined;
579
- placeholder?: string | undefined;
580
577
  spellCheck?: (boolean | "true" | "false") | undefined;
581
578
  tabIndex?: number | undefined;
582
579
  translate?: "yes" | "no" | undefined;
package/lib/components/content-card/ContentCard.d.ts CHANGED
@@ -4,6 +4,10 @@ export type ContentCardProps = {
4
4
  * The content of the content card
5
5
  */
6
6
  children: ReactNode;
7
+ /**
8
+ * The onClick event handler
9
+ */
10
+ onClick?: () => void;
7
11
  };
8
12
  declare const ContentCard: FC<ContentCardProps>;
9
13
  export default ContentCard;
package/lib/components/content-card/ContentCard.js CHANGED
@@ -9,9 +9,12 @@ var _ContentCard = require("./ContentCard.styles");
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  const ContentCard = _ref => {
11
11
  let {
12
- children
12
+ children,
13
+ onClick
13
14
  } = _ref;
14
- return /*#__PURE__*/_react.default.createElement(_ContentCard.StyledContentCard, null, children);
15
+ return /*#__PURE__*/_react.default.createElement(_ContentCard.StyledContentCard, {
16
+ onClick: onClick
17
+ }, children);
15
18
  };
16
19
  ContentCard.displayName = 'ContentCard';
17
20
  var _default = exports.default = ContentCard;
package/lib/components/content-card/ContentCard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ContentCard.js","names":["_react","_interopRequireDefault","require","_ContentCard","obj","__esModule","default","ContentCard","_ref","children","createElement","StyledContentCard","displayName","_default","exports"],"sources":["../../../src/components/content-card/ContentCard.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { StyledContentCard } from './ContentCard.styles';\n\nexport type ContentCardProps = {\n /**\n * The content of the content card\n */\n children: ReactNode;\n};\n\nconst ContentCard: FC<ContentCardProps> = ({ children }) => (\n <StyledContentCard>{children}</StyledContentCard>\n);\n\nContentCard.displayName = 'ContentCard';\n\nexport default ContentCard;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAyD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASzD,MAAMG,WAAiC,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,oBACnDR,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,YAAA,CAAAQ,iBAAiB,QAAEF,QAA4B,CAAC;AAAA,CACpD;AAEDF,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEzBC,WAAW"}
1
+ {"version":3,"file":"ContentCard.js","names":["_react","_interopRequireDefault","require","_ContentCard","obj","__esModule","default","ContentCard","_ref","children","onClick","createElement","StyledContentCard","displayName","_default","exports"],"sources":["../../../src/components/content-card/ContentCard.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { StyledContentCard } from './ContentCard.styles';\n\nexport type ContentCardProps = {\n /**\n * The content of the content card\n */\n children: ReactNode;\n /**\n * The onClick event handler\n */\n onClick?: () => void;\n};\n\nconst ContentCard: FC<ContentCardProps> = ({ children, onClick }) => (\n <StyledContentCard onClick={onClick}>{children}</StyledContentCard>\n);\n\nContentCard.displayName = 'ContentCard';\n\nexport default ContentCard;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAyD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAazD,MAAMG,WAAiC,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAAF,IAAA;EAAA,oBAC5DR,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,iBAAiB;IAACF,OAAO,EAAEA;EAAQ,GAAED,QAA4B,CAAC;AAAA,CACtE;AAEDF,WAAW,CAACM,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEzBC,WAAW"}
package/lib/components/content-card/ContentCard.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledContentCard: import("styled-components").IStyledCompo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/context-menu/ContextMenu.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledContextMenu: import("styled-components").IStyledCompo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.d.ts CHANGED
@@ -24,7 +24,6 @@ export declare const StyledMotionContextMenuContent: import("styled-components")
24
24
  id?: string | undefined;
25
25
  lang?: string | undefined;
26
26
  nonce?: string | undefined;
27
- placeholder?: string | undefined;
28
27
  spellCheck?: (boolean | "true" | "false") | undefined;
29
28
  tabIndex?: number | undefined;
30
29
  translate?: "yes" | "no" | undefined;
@@ -290,7 +289,6 @@ export declare const StyledContextMenuContentItemIconWrapper: import("styled-com
290
289
  id?: string | undefined;
291
290
  lang?: string | undefined;
292
291
  nonce?: string | undefined;
293
- placeholder?: string | undefined;
294
292
  slot?: string | undefined;
295
293
  spellCheck?: (boolean | "true" | "false") | undefined;
296
294
  style?: import("react").CSSProperties | undefined;
@@ -562,7 +560,6 @@ export declare const StyledContextMenuContentItemText: import("styled-components
562
560
  id?: string | undefined;
563
561
  lang?: string | undefined;
564
562
  nonce?: string | undefined;
565
- placeholder?: string | undefined;
566
563
  slot?: string | undefined;
567
564
  spellCheck?: (boolean | "true" | "false") | undefined;
568
565
  style?: import("react").CSSProperties | undefined;
package/lib/components/file-input/FileInput.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledFileInput: import("styled-components").IStyledCompone
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
@@ -297,7 +296,6 @@ export declare const StyledMotionFileInputList: import("styled-components").ISty
297
296
  id?: string | undefined;
298
297
  lang?: string | undefined;
299
298
  nonce?: string | undefined;
300
- placeholder?: string | undefined;
301
299
  spellCheck?: (boolean | "true" | "false") | undefined;
302
300
  tabIndex?: number | undefined;
303
301
  translate?: "yes" | "no" | undefined;
package/lib/components/file-input/file-list/FileListItem.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledFileListItem: import("styled-components").IStyledComp
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/{filter-button/FilterButton.d.ts → filter-buttons/FilterButtons.d.ts} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { FC } from 'react';
2
2
  import { FilterButtonSize, IFilterButtonItem } from './types';
3
- export type FilterButtonProps = {
3
+ export type FilterButtonsProps = {
4
4
  /**
5
5
  * The items that should be displayed.
6
6
  */
@@ -18,5 +18,5 @@ export type FilterButtonProps = {
18
18
  */
19
19
  size?: FilterButtonSize;
20
20
  };
21
- declare const FilterButton: FC<FilterButtonProps>;
22
- export default FilterButton;
21
+ declare const FilterButtons: FC<FilterButtonsProps>;
22
+ export default FilterButtons;
package/lib/components/{filter-button/FilterButton.js → filter-buttons/FilterButtons.js} RENAMED
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
- var _FilterButtonItem = _interopRequireDefault(require("./filter-button-item/FilterButtonItem"));
9
- var _FilterButton = require("./FilterButton.styles");
8
+ var _FilterButton = _interopRequireDefault(require("./filter-button/FilterButton"));
9
+ var _FilterButtons = require("./FilterButtons.styles");
10
10
  var _types = require("./types");
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
- const FilterButton = _ref => {
14
+ const FilterButtons = _ref => {
15
15
  let {
16
16
  selectedItemIds,
17
17
  onSelect,
@@ -51,7 +51,7 @@ const FilterButton = _ref => {
51
51
  if (items.length === 0) {
52
52
  return null;
53
53
  }
54
- const array = [/*#__PURE__*/_react.default.createElement(_FilterButtonItem.default, {
54
+ const array = [/*#__PURE__*/_react.default.createElement(_FilterButton.default, {
55
55
  id: "all",
56
56
  key: "all",
57
57
  onSelect: handleSelect,
@@ -67,7 +67,7 @@ const FilterButton = _ref => {
67
67
  color,
68
68
  id
69
69
  } = _ref2;
70
- array.push( /*#__PURE__*/_react.default.createElement(_FilterButtonItem.default, {
70
+ array.push( /*#__PURE__*/_react.default.createElement(_FilterButton.default, {
71
71
  color: color,
72
72
  icons: icons,
73
73
  id: id,
@@ -81,8 +81,8 @@ const FilterButton = _ref => {
81
81
  });
82
82
  return array;
83
83
  }, [handleSelect, items, selectedIds, size]);
84
- return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FilterButton.StyledFilterButton, null, reactItems), [reactItems]);
84
+ return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FilterButtons.StyledFilterButton, null, reactItems), [reactItems]);
85
85
  };
86
- FilterButton.displayName = 'FilterButton';
87
- var _default = exports.default = FilterButton;
88
- //# sourceMappingURL=FilterButton.js.map
86
+ FilterButtons.displayName = 'FilterButtons';
87
+ var _default = exports.default = FilterButtons;
88
+ //# sourceMappingURL=FilterButtons.js.map
package/lib/components/filter-buttons/FilterButtons.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FilterButtons.js","names":["_react","_interopRequireWildcard","require","_FilterButton","_interopRequireDefault","_FilterButtons","_types","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","FilterButtons","_ref","selectedItemIds","onSelect","items","size","FilterButtonSize","Normal","selectedIds","setSelectedIds","useState","useEffect","handleSelect","useCallback","id","newIds","includes","filter","filteredId","length","reactItems","useMemo","array","createElement","key","isSelected","shape","FilterButtonItemShape","Rectangular","text","forEach","_ref2","icons","color","push","Round","StyledFilterButton","displayName","_default","exports"],"sources":["../../../src/components/filter-buttons/FilterButtons.tsx"],"sourcesContent":["import React, { FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport FilterButton from './filter-button/FilterButton';\nimport { StyledFilterButton } from './FilterButtons.styles';\nimport { FilterButtonItemShape, FilterButtonSize, IFilterButtonItem } from './types';\n\nexport type FilterButtonsProps = {\n /**\n * The items that should be displayed.\n */\n items: IFilterButtonItem[];\n /**\n * A function that should be executed when an item is selected.\n */\n onSelect?: (keys: string[]) => void;\n /**\n * The keys of items that should be selected.\n */\n selectedItemIds?: string[];\n /**\n * The size auf the filter buttons. Use the FilterButtonSize enum.\n */\n size?: FilterButtonSize;\n};\n\nconst FilterButtons: FC<FilterButtonsProps> = ({\n selectedItemIds,\n onSelect,\n items,\n size = FilterButtonSize.Normal,\n}) => {\n const [selectedIds, setSelectedIds] = useState<string[]>(['all']);\n\n /**\n * This function set the selectedItemKey\n */\n useEffect(() => {\n if (selectedItemIds) {\n setSelectedIds(selectedItemIds);\n }\n }, [selectedItemIds]);\n\n /**\n * Function to update the selected items\n */\n const handleSelect = useCallback(\n (id: string) => {\n let newIds: string[];\n\n if (id === 'all') {\n newIds = selectedIds.includes('all') ? [] : ['all'];\n } else {\n newIds = selectedIds.includes(id)\n ? selectedIds.filter((filteredId) => filteredId !== id)\n : [...selectedIds.filter((filteredId) => filteredId !== 'all'), id];\n }\n\n if (newIds.length === 0) {\n newIds = ['all'];\n }\n\n setSelectedIds(newIds);\n\n if (typeof onSelect === 'function') {\n onSelect(newIds);\n }\n },\n [onSelect, selectedIds],\n );\n\n const reactItems = useMemo(() => {\n if (items.length === 0) {\n return null;\n }\n\n const array: ReactElement[] = [\n <FilterButton\n id=\"all\"\n key=\"all\"\n onSelect={handleSelect}\n isSelected={selectedIds.includes('all')}\n shape={FilterButtonItemShape.Rectangular}\n size={size}\n text=\"Alle\"\n />,\n ];\n\n items.forEach(({ icons, text, color, id }) => {\n array.push(\n <FilterButton\n color={color}\n icons={icons}\n id={id}\n key={id}\n onSelect={handleSelect}\n isSelected={selectedIds.includes(id)}\n shape={FilterButtonItemShape.Round}\n size={size}\n text={text}\n />,\n );\n });\n\n return array;\n }, [handleSelect, items, selectedIds, size]);\n\n return useMemo(() => <StyledFilterButton>{reactItems}</StyledFilterButton>, [reactItems]);\n};\n\nFilterButtons.displayName = 'FilterButtons';\n\nexport default FilterButtons;\n"],"mappings":"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"}
package/lib/components/{filter-button/FilterButton.styles.d.ts → filter-buttons/FilterButtons.styles.d.ts} RENAMED
@@ -18,7 +18,6 @@ export declare const StyledFilterButton: import("styled-components").IStyledComp
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/{filter-button/FilterButton.styles.js → filter-buttons/FilterButtons.styles.js} RENAMED
@@ -11,4 +11,4 @@ const StyledFilterButton = exports.StyledFilterButton = _styledComponents.defaul
11
11
  flex-wrap: wrap;
12
12
  gap: 10px;
13
13
  `;
14
- //# sourceMappingURL=FilterButton.styles.js.map
14
+ //# sourceMappingURL=FilterButtons.styles.js.map
package/lib/components/filter-buttons/FilterButtons.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FilterButtons.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledFilterButton","exports","styled","div"],"sources":["../../../src/components/filter-buttons/FilterButtons.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledFilterButton = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC7C;AACA;AACA;AACA,CAAC"}
package/lib/components/{filter-button/filter-button-item/FilterButtonItem.d.ts → filter-buttons/filter-button/FilterButton.d.ts} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { CSSProperties, FC } from 'react';
2
2
  import { FilterButtonItemShape, FilterButtonSize } from '../types';
3
- export type FilterButtonItemProps = {
3
+ export type FilterButtonProps = {
4
4
  color?: CSSProperties['color'];
5
5
  icons?: string[];
6
6
  isSelected: boolean;
@@ -10,5 +10,5 @@ export type FilterButtonItemProps = {
10
10
  id: string;
11
11
  onSelect: (key: string) => void;
12
12
  };
13
- declare const FilterButtonItem: FC<FilterButtonItemProps>;
14
- export default FilterButtonItem;
13
+ declare const FilterButton: FC<FilterButtonProps>;
14
+ export default FilterButton;
package/lib/components/{filter-button/filter-button-item/FilterButtonItem.js → filter-buttons/filter-button/FilterButton.js} RENAMED
@@ -7,11 +7,11 @@ exports.default = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _Icon = _interopRequireDefault(require("../../icon/Icon"));
9
9
  var _types = require("../types");
10
- var _FilterButtonItem = require("./FilterButtonItem.styles");
10
+ var _FilterButton = require("./FilterButton.styles");
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
- const FilterButtonItem = _ref => {
14
+ const FilterButton = _ref => {
15
15
  let {
16
16
  icons,
17
17
  size,
@@ -25,23 +25,23 @@ const FilterButtonItem = _ref => {
25
25
  const handleClick = (0, _react.useCallback)(() => {
26
26
  onSelect(id);
27
27
  }, [id, onSelect]);
28
- return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledFilterButtonItem, {
28
+ return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FilterButton.StyledFilterButtonItem, {
29
29
  isSelected: isSelected,
30
30
  size: size,
31
31
  onClick: handleClick
32
- }, /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledFilterButtonItemLabel, null, icons && /*#__PURE__*/_react.default.createElement(_Icon.default, {
32
+ }, /*#__PURE__*/_react.default.createElement(_FilterButton.StyledFilterButtonItemLabel, null, icons && /*#__PURE__*/_react.default.createElement(_Icon.default, {
33
33
  icons: icons,
34
34
  size: size === _types.FilterButtonSize.Normal ? 15 : 10
35
- }), /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledFilterButtonItemLabelText, null, text)), /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledFilterButtonItemBorder, {
35
+ }), /*#__PURE__*/_react.default.createElement(_FilterButton.StyledFilterButtonItemLabelText, null, text)), /*#__PURE__*/_react.default.createElement(_FilterButton.StyledFilterButtonItemBorder, {
36
36
  isSelected: isSelected,
37
37
  shape: shape,
38
38
  color: color
39
- }), /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledMotionFilterButtonItemBackground, {
39
+ }), /*#__PURE__*/_react.default.createElement(_FilterButton.StyledMotionFilterButtonItemBackground, {
40
40
  isSelected: isSelected,
41
41
  shape: shape,
42
42
  color: color
43
43
  })), [color, handleClick, icons, isSelected, shape, size, text]);
44
44
  };
45
- FilterButtonItem.displayName = 'FilterButtonItem';
46
- var _default = exports.default = FilterButtonItem;
47
- //# sourceMappingURL=FilterButtonItem.js.map
45
+ FilterButton.displayName = 'FilterButton';
46
+ var _default = exports.default = FilterButton;
47
+ //# sourceMappingURL=FilterButton.js.map
package/lib/components/filter-buttons/filter-button/FilterButton.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FilterButton.js","names":["_react","_interopRequireWildcard","require","_Icon","_interopRequireDefault","_types","_FilterButton","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","FilterButton","_ref","icons","size","shape","text","color","isSelected","id","onSelect","handleClick","useCallback","useMemo","createElement","StyledFilterButtonItem","onClick","StyledFilterButtonItemLabel","FilterButtonSize","Normal","StyledFilterButtonItemLabelText","StyledFilterButtonItemBorder","StyledMotionFilterButtonItemBackground","displayName","_default","exports"],"sources":["../../../../src/components/filter-buttons/filter-button/FilterButton.tsx"],"sourcesContent":["import React, { CSSProperties, FC, useCallback, useMemo } from 'react';\nimport Icon from '../../icon/Icon';\nimport { FilterButtonItemShape, FilterButtonSize } from '../types';\nimport {\n StyledFilterButtonItem,\n StyledFilterButtonItemBorder,\n StyledFilterButtonItemLabel,\n StyledFilterButtonItemLabelText,\n StyledMotionFilterButtonItemBackground,\n} from './FilterButton.styles';\n\nexport type FilterButtonProps = {\n color?: CSSProperties['color'];\n icons?: string[];\n isSelected: boolean;\n shape: FilterButtonItemShape;\n size: FilterButtonSize;\n text: string;\n id: string;\n onSelect: (key: string) => void;\n};\n\nconst FilterButton: FC<FilterButtonProps> = ({\n icons,\n size,\n shape,\n text,\n color,\n isSelected,\n id,\n onSelect,\n}) => {\n const handleClick = useCallback(() => {\n onSelect(id);\n }, [id, onSelect]);\n\n return useMemo(\n () => (\n <StyledFilterButtonItem isSelected={isSelected} size={size} onClick={handleClick}>\n <StyledFilterButtonItemLabel>\n {icons && (\n <Icon icons={icons} size={size === FilterButtonSize.Normal ? 15 : 10} />\n )}\n <StyledFilterButtonItemLabelText>{text}</StyledFilterButtonItemLabelText>\n </StyledFilterButtonItemLabel>\n <StyledFilterButtonItemBorder isSelected={isSelected} shape={shape} color={color} />\n <StyledMotionFilterButtonItemBackground\n isSelected={isSelected}\n shape={shape}\n color={color}\n />\n </StyledFilterButtonItem>\n ),\n [color, handleClick, icons, isSelected, shape, size, text],\n );\n};\n\nFilterButton.displayName = 'FilterButton';\n\nexport default FilterButton;\n"],"mappings":"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"}
package/lib/components/{filter-button/filter-button-item/FilterButtonItem.styles.d.ts → filter-buttons/filter-button/FilterButton.styles.d.ts} RENAMED
@@ -24,7 +24,6 @@ export declare const StyledFilterButtonItemLabel: import("styled-components").IS
24
24
  id?: string | undefined;
25
25
  lang?: string | undefined;
26
26
  nonce?: string | undefined;
27
- placeholder?: string | undefined;
28
27
  slot?: string | undefined;
29
28
  spellCheck?: (boolean | "true" | "false") | undefined;
30
29
  style?: CSSProperties | undefined;
@@ -311,7 +310,6 @@ export declare const StyledMotionFilterButtonItemBackground: import("styled-comp
311
310
  id?: string | undefined;
312
311
  lang?: string | undefined;
313
312
  nonce?: string | undefined;
314
- placeholder?: string | undefined;
315
313
  spellCheck?: (boolean | "true" | "false") | undefined;
316
314
  tabIndex?: number | undefined;
317
315
  translate?: "yes" | "no" | undefined;
package/lib/components/{filter-button/filter-button-item/FilterButtonItem.styles.js → filter-buttons/filter-button/FilterButton.styles.js} RENAMED
@@ -101,4 +101,4 @@ const StyledMotionFilterButtonItemBackground = exports.StyledMotionFilterButtonI
101
101
  return color ?? theme.headline;
102
102
  }};
103
103
  `;
104
- //# sourceMappingURL=FilterButtonItem.styles.js.map
104
+ //# sourceMappingURL=FilterButton.styles.js.map
package/lib/components/filter-buttons/filter-button/FilterButton.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FilterButton.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireWildcard","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledFilterButtonItem","exports","styled","div","_ref","size","FilterButtonSize","Normal","_ref2","isSelected","css","StyledFilterButtonItemLabel","StyledFilterButtonItemLabelText","p","_ref3","theme","text","StyledFilterButtonItemBorder","_ref4","shape","FilterButtonItemShape","Round","_ref5","color","headline","StyledMotionFilterButtonItemBackground","motion","_ref6","_ref7","_ref8"],"sources":["../../../../src/components/filter-buttons/filter-button/FilterButton.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport { FilterButtonItemShape, FilterButtonSize } from '../types';\n\ntype StyledFilterButtonItemProps = WithTheme<{ size: FilterButtonSize; isSelected: boolean }>;\n\nexport const StyledFilterButtonItem = styled.div<StyledFilterButtonItemProps>`\n position: relative;\n font-size: ${({ size }) => (size === FilterButtonSize.Normal ? 15 : 12)}px;\n cursor: pointer;\n user-select: none;\n padding: 3px 14px;\n\n &:hover > div:last-child {\n ${({ isSelected }) =>\n !isSelected &&\n css`\n opacity: 0.2;\n `}\n }\n`;\n\nexport const StyledFilterButtonItemLabel = styled.div`\n display: flex;\n gap: 5px;\n align-items: center;\n`;\n\ntype StyledFilterButtonItemLabelTextProps = WithTheme<unknown>;\n\nexport const StyledFilterButtonItemLabelText = styled.p<StyledFilterButtonItemLabelTextProps>`\n color: ${({ theme }: StyledFilterButtonItemLabelTextProps) => theme.text};\n margin-top: 2px;\n`;\n\ntype StyledFilterButtonItemBorderProps = WithTheme<{\n shape: FilterButtonItemShape;\n color: CSSProperties['color'];\n isSelected: boolean;\n}>;\n\nexport const StyledFilterButtonItemBorder = styled.div<StyledFilterButtonItemBorderProps>`\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n opacity: 0.4;\n z-index: -1;\n border-radius: ${({ shape }) => (shape === FilterButtonItemShape.Round ? 100 : 0)}px;\n ${({ color, theme, isSelected }: StyledFilterButtonItemBorderProps) =>\n !isSelected &&\n css`\n border-width: 1px;\n border-style: solid;\n border-color: ${color ?? theme.headline};\n `};\n`;\n\ntype StyledFilterButtonItemBackgroundProps = WithTheme<{\n shape: FilterButtonItemShape;\n color: CSSProperties['color'];\n isSelected: boolean;\n}>;\n\nexport const StyledMotionFilterButtonItemBackground = styled(\n motion.div,\n)<StyledFilterButtonItemBackgroundProps>`\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: -1;\n opacity: ${({ isSelected }) => (isSelected ? 0.4 : 0)};\n transition: opacity 0.5s ease;\n border-radius: ${({ shape }) => (shape === FilterButtonItemShape.Round ? 100 : 0)}px;\n background-color: ${({ color, theme }: StyledFilterButtonItemBackgroundProps) =>\n color ?? theme.headline};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAmE,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAI5D,MAAMY,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,GAAiC;AAC9E;AACA,iBAAiBC,IAAA;EAAA,IAAC;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAAA,OAAMC,IAAI,KAAKC,uBAAgB,CAACC,MAAM,GAAG,EAAE,GAAG,EAAE;AAAA,CAAE;AAC5E;AACA;AACA;AACA;AACA;AACA,UAAUC,KAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,KAAA;EAAA,OACb,CAACC,UAAU,IACX,IAAAC,qBAAG,CAAC;AAChB;AACA,aAAa;AAAA,CAAC;AACd;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAV,OAAA,CAAAU,2BAAA,GAAGT,yBAAM,CAACC,GAAI;AACtD;AACA;AACA;AACA,CAAC;AAIM,MAAMS,+BAA+B,GAAAX,OAAA,CAAAW,+BAAA,GAAGV,yBAAM,CAACW,CAAwC;AAC9F,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAA4C,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AAC7E;AACA,CAAC;AAQM,MAAMC,4BAA4B,GAAAhB,OAAA,CAAAgB,4BAAA,GAAGf,yBAAM,CAACC,GAAuC;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqBe,KAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,KAAA;EAAA,OAAMC,KAAK,KAAKC,4BAAqB,CAACC,KAAK,GAAG,GAAG,GAAG,CAAC;AAAA,CAAE;AACtF,MAAMC,KAAA;EAAA,IAAC;IAAEC,KAAK;IAAER,KAAK;IAAEN;EAA8C,CAAC,GAAAa,KAAA;EAAA,OAC9D,CAACb,UAAU,IACX,IAAAC,qBAAG,CAAC;AACZ;AACA;AACA,4BAA4Ba,KAAK,IAAIR,KAAK,CAACS,QAAS;AACpD,SAAS;AAAA,CAAC;AACV,CAAC;AAQM,MAAMC,sCAAsC,GAAAxB,OAAA,CAAAwB,sCAAA,GAAG,IAAAvB,yBAAM,EACxDwB,oBAAM,CAACvB,GACX,CAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA,eAAewB,KAAA;EAAA,IAAC;IAAElB;EAAW,CAAC,GAAAkB,KAAA;EAAA,OAAMlB,UAAU,GAAG,GAAG,GAAG,CAAC;AAAA,CAAE;AAC1D;AACA,qBAAqBmB,KAAA;EAAA,IAAC;IAAET;EAAM,CAAC,GAAAS,KAAA;EAAA,OAAMT,KAAK,KAAKC,4BAAqB,CAACC,KAAK,GAAG,GAAG,GAAG,CAAC;AAAA,CAAE;AACtF,wBAAwBQ,KAAA;EAAA,IAAC;IAAEN,KAAK;IAAER;EAA6C,CAAC,GAAAc,KAAA;EAAA,OACxEN,KAAK,IAAIR,KAAK,CAACS,QAAQ;AAAA,CAAC;AAChC,CAAC"}
package/lib/components/filter-buttons/types.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","names":["FilterButtonItemShape","exports","FilterButtonSize"],"sources":["../../../src/components/filter-buttons/types.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport enum FilterButtonItemShape {\n Round,\n Rectangular,\n}\nexport enum FilterButtonSize {\n Small,\n Normal,\n}\n\nexport interface IFilterButtonItem {\n id: string;\n text: string;\n color?: CSSProperties['color'];\n icons?: string[];\n}\n"],"mappings":";;;;;;IAEYA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,0BAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA;AAAA,IAIrBE,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,0BAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA"}
package/lib/components/input/Input.styles.d.ts CHANGED
@@ -22,7 +22,6 @@ export declare const StyledInputContent: import("styled-components").IStyledComp
22
22
  id?: string | undefined;
23
23
  lang?: string | undefined;
24
24
  nonce?: string | undefined;
25
- placeholder?: string | undefined;
26
25
  slot?: string | undefined;
27
26
  spellCheck?: (boolean | "true" | "false") | undefined;
28
27
  style?: import("react").CSSProperties | undefined;
@@ -299,7 +298,6 @@ export declare const StyledMotionInputLabel: import("styled-components").IStyled
299
298
  id?: string | undefined;
300
299
  lang?: string | undefined;
301
300
  nonce?: string | undefined;
302
- placeholder?: string | undefined;
303
301
  spellCheck?: (boolean | "true" | "false") | undefined;
304
302
  tabIndex?: number | undefined;
305
303
  translate?: "yes" | "no" | undefined;
@@ -565,7 +563,6 @@ export declare const StyledMotionInputClearIcon: import("styled-components").ISt
565
563
  id?: string | undefined;
566
564
  lang?: string | undefined;
567
565
  nonce?: string | undefined;
568
- placeholder?: string | undefined;
569
566
  spellCheck?: (boolean | "true" | "false") | undefined;
570
567
  tabIndex?: number | undefined;
571
568
  translate?: "yes" | "no" | undefined;
@@ -828,7 +825,6 @@ export declare const StyledInputIconWrapper: import("styled-components").IStyled
828
825
  id?: string | undefined;
829
826
  lang?: string | undefined;
830
827
  nonce?: string | undefined;
831
- placeholder?: string | undefined;
832
828
  slot?: string | undefined;
833
829
  spellCheck?: (boolean | "true" | "false") | undefined;
834
830
  style?: import("react").CSSProperties | undefined;
package/lib/components/list/list-item/list-item-body/ListItemBody.styles.d.ts CHANGED
@@ -19,7 +19,6 @@ export declare const StyledMotionListItemBody: import("styled-components").IStyl
19
19
  id?: string | undefined;
20
20
  lang?: string | undefined;
21
21
  nonce?: string | undefined;
22
- placeholder?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  tabIndex?: number | undefined;
25
24
  translate?: "yes" | "no" | undefined;
package/lib/components/list/list-item/list-item-content/ListItemContent.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledListItemContent: import("styled-components").IStyledC
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;