@chayns-components/core 5.0.0-beta.822 → 5.0.0-beta.823

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 (29) hide show
  1. package/lib/cjs/components/list/list-item/ListItem.styles.js +9 -8
  2. package/lib/cjs/components/list/list-item/ListItem.styles.js.map +1 -1
  3. package/lib/esm/components/list/list-item/ListItem.styles.js +12 -11
  4. package/lib/esm/components/list/list-item/ListItem.styles.js.map +1 -1
  5. package/lib/types/components/accordion/Accordion.styles.d.ts +3 -2
  6. package/lib/types/components/accordion/accordion-body/AccordionBody.styles.d.ts +3 -2
  7. package/lib/types/components/accordion/accordion-head/AccordionHead.styles.d.ts +30 -21
  8. package/lib/types/components/amount-control/AmountControl.styles.d.ts +3 -2
  9. package/lib/types/components/button/Button.styles.d.ts +9 -6
  10. package/lib/types/components/combobox/ComboBox.styles.d.ts +3 -2
  11. package/lib/types/components/context-menu/context-menu-content/ContextMenuContent.styles.d.ts +3 -2
  12. package/lib/types/components/expandable-content/ExpandableContent.styles.d.ts +3 -2
  13. package/lib/types/components/file-input/FileInput.styles.d.ts +3 -2
  14. package/lib/types/components/filter-buttons/filter-button/FilterButton.styles.d.ts +3 -2
  15. package/lib/types/components/input/Input.styles.d.ts +9 -6
  16. package/lib/types/components/list/list-item/ListItem.styles.d.ts +3 -2
  17. package/lib/types/components/list/list-item/list-item-body/ListItemBody.styles.d.ts +3 -2
  18. package/lib/types/components/list/list-item/list-item-head/ListItemHead.styles.d.ts +12 -8
  19. package/lib/types/components/mention-finder/MentionFinder.styles.d.ts +3 -2
  20. package/lib/types/components/popup/popup-content-wrapper/PopupContentWrapper.styles.d.ts +3 -2
  21. package/lib/types/components/progress-bar/ProgressBar.styles.d.ts +3 -2
  22. package/lib/types/components/radio-button/RadioButton.styles.d.ts +3 -2
  23. package/lib/types/components/search-box/SearchBox.styles.d.ts +3 -2
  24. package/lib/types/components/search-box/search-box-body/SearchBoxBody.styles.d.ts +3 -2
  25. package/lib/types/components/search-input/SearchInput.styles.d.ts +6 -4
  26. package/lib/types/components/slider/Slider.styles.d.ts +6 -6
  27. package/lib/types/components/slider-button/SliderButton.styles.d.ts +3 -2
  28. package/lib/types/components/truncation/Truncation.styles.d.ts +3 -2
  29. package/package.json +3 -3
package/lib/cjs/components/list/list-item/ListItem.styles.js CHANGED
@@ -9,13 +9,6 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
9
  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); }
10
10
  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 && {}.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; }
11
11
  const StyledMotionListItem = exports.StyledMotionListItem = (0, _styledComponents.default)(_framerMotion.motion.div)`
12
- ${({
13
- $isOpen,
14
- theme
15
- }) => $isOpen && (0, _styledComponents.css)`
16
- background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});
17
- `}
18
-
19
12
  overflow: hidden;
20
13
  transition: background-color 0.3s ease;
21
14
 
@@ -25,6 +18,13 @@ const StyledMotionListItem = exports.StyledMotionListItem = (0, _styledComponent
25
18
  padding-left: 8px;
26
19
  `}
27
20
 
21
+ ${({
22
+ $isOpen,
23
+ theme
24
+ }) => $isOpen && (0, _styledComponents.css)`
25
+ background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});
26
+ `}
27
+
28
28
  ${({
29
29
  $isClickable,
30
30
  theme
@@ -36,10 +36,11 @@ const StyledMotionListItem = exports.StyledMotionListItem = (0, _styledComponent
36
36
 
37
37
  ${({
38
38
  $isOpen,
39
+ $isParentAccordionWrapped,
39
40
  $isWrapped,
40
41
  $shouldShowSeparatorBelow,
41
42
  theme
42
- }) => ($shouldShowSeparatorBelow || (!$isOpen || $isWrapped) && theme.accordionLines) && (0, _styledComponents.css)`
43
+ }) => ($shouldShowSeparatorBelow || (!$isOpen || $isWrapped || $isParentAccordionWrapped) && theme.accordionLines) && (0, _styledComponents.css)`
43
44
  &&:not(:last-child) {
44
45
  border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid
45
46
  rgba(${theme['headline-rgb']}, 0.5);
package/lib/cjs/components/list/list-item/ListItem.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledMotionListItem","exports","styled","motion","div","$isOpen","theme","css","cardBackgroundOpacity","$isParentAccordionWrapped","$isClickable","$isWrapped","$shouldShowSeparatorBelow","accordionLines"],"sources":["../../../../../src/components/list/list-item/ListItem.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemProps = WithTheme<{\n $isClickable: boolean;\n $isOpen: boolean;\n $isParentAccordionWrapped: boolean;\n $isWrapped: boolean;\n $shouldShowSeparatorBelow: boolean;\n}>;\n\nexport const StyledMotionListItem = styled(motion.div)<StyledListItemProps>`\n ${({ $isOpen, theme }) =>\n $isOpen &&\n css`\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n `}\n\n overflow: hidden;\n transition: background-color 0.3s ease;\n\n ${({ $isParentAccordionWrapped }: StyledListItemProps) =>\n $isParentAccordionWrapped &&\n css`\n padding-left: 8px;\n `}\n\n ${({ $isClickable, theme }) =>\n $isClickable &&\n css`\n &&:hover {\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n }\n `}\n \n ${({ $isOpen, $isWrapped, $shouldShowSeparatorBelow, theme }: StyledListItemProps) =>\n ($shouldShowSeparatorBelow || ((!$isOpen || $isWrapped) && theme.accordionLines)) &&\n css`\n &&:not(:last-child) {\n border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid\n rgba(${theme['headline-rgb']}, 0.5);\n }\n `}}\n\n ${({ $isWrapped }) =>\n $isWrapped &&\n css`\n padding-left: 26px;\n `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAgD,SAAAG,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,SAAAF,wBAAAE,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWzC,MAAMW,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAsB;AAC3E,MAAM,CAAC;EAAEC,OAAO;EAAEC;AAAM,CAAC,KACjBD,OAAO,IACP,IAAAE,qBAAG;AACX,qCAAqCD,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACE,qBAAqB;AACrF,SAAS;AACT;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAA+C,CAAC,KACjDA,yBAAyB,IACzB,IAAAF,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEG,YAAY;EAAEJ;AAAM,CAAC,KACtBI,YAAY,IACZ,IAAAH,qBAAG;AACX;AACA,yCAAyCD,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACE,qBAAqB;AACzF;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEH,OAAO;EAAEM,UAAU;EAAEC,yBAAyB;EAAEN;AAA2B,CAAC,KAC7E,CAACM,yBAAyB,IAAK,CAAC,CAACP,OAAO,IAAIM,UAAU,KAAKL,KAAK,CAACO,cAAe,KAChF,IAAAN,qBAAG;AACX;AACA,iCAAiCK,yBAAyB,GAAG,KAAK,GAAG,KAAK;AAC1E,2BAA2BN,KAAK,CAAC,cAAc,CAAC;AAChD;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEK;AAAW,CAAC,KACbA,UAAU,IACV,IAAAJ,qBAAG;AACX;AACA,SAAS;AACT,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"ListItem.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledMotionListItem","exports","styled","motion","div","$isParentAccordionWrapped","css","$isOpen","theme","cardBackgroundOpacity","$isClickable","$isWrapped","$shouldShowSeparatorBelow","accordionLines"],"sources":["../../../../../src/components/list/list-item/ListItem.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemProps = WithTheme<{\n $isClickable: boolean;\n $isOpen: boolean;\n $isParentAccordionWrapped: boolean;\n $isWrapped: boolean;\n $shouldShowSeparatorBelow: boolean;\n}>;\n\nexport const StyledMotionListItem = styled(motion.div)<StyledListItemProps>`\n overflow: hidden;\n transition: background-color 0.3s ease;\n\n ${({ $isParentAccordionWrapped }: StyledListItemProps) =>\n $isParentAccordionWrapped &&\n css`\n padding-left: 8px;\n `}\n\n ${({ $isOpen, theme }) =>\n $isOpen &&\n css`\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n `}\n\n ${({ $isClickable, theme }) =>\n $isClickable &&\n css`\n &&:hover {\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n }\n `}\n \n ${({\n $isOpen,\n $isParentAccordionWrapped,\n $isWrapped,\n $shouldShowSeparatorBelow,\n theme,\n }: StyledListItemProps) =>\n ($shouldShowSeparatorBelow ||\n ((!$isOpen || $isWrapped || $isParentAccordionWrapped) && theme.accordionLines)) &&\n css`\n &&:not(:last-child) {\n border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid\n rgba(${theme['headline-rgb']}, 0.5);\n }\n `}}\n\n ${({ $isWrapped }) =>\n $isWrapped &&\n css`\n padding-left: 26px;\n `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAgD,SAAAG,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,SAAAF,wBAAAE,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWzC,MAAMW,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAsB;AAC3E;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAA+C,CAAC,KACjDA,yBAAyB,IACzB,IAAAC,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEC,OAAO;EAAEC;AAAM,CAAC,KACjBD,OAAO,IACP,IAAAD,qBAAG;AACX,qCAAqCE,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACrF,SAAS;AACT;AACA,MAAM,CAAC;EAAEC,YAAY;EAAEF;AAAM,CAAC,KACtBE,YAAY,IACZ,IAAAJ,qBAAG;AACX;AACA,yCAAyCE,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACzF;AACA,SAAS;AACT;AACA,MAAM,CAAC;EACCF,OAAO;EACPF,yBAAyB;EACzBM,UAAU;EACVC,yBAAyB;EACzBJ;AACiB,CAAC,KAClB,CAACI,yBAAyB,IACrB,CAAC,CAACL,OAAO,IAAII,UAAU,IAAIN,yBAAyB,KAAKG,KAAK,CAACK,cAAe,KACnF,IAAAP,qBAAG;AACX;AACA,iCAAiCM,yBAAyB,GAAG,KAAK,GAAG,KAAK;AAC1E,2BAA2BJ,KAAK,CAAC,cAAc,CAAC;AAChD;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEG;AAAW,CAAC,KACbA,UAAU,IACV,IAAAL,qBAAG;AACX;AACA,SAAS;AACT,CAAC","ignoreList":[]}
package/lib/esm/components/list/list-item/ListItem.styles.js CHANGED
@@ -1,25 +1,25 @@
1
1
  import { motion } from 'framer-motion';
2
2
  import styled, { css } from 'styled-components';
3
3
  export const StyledMotionListItem = styled(motion.div)`
4
+ overflow: hidden;
5
+ transition: background-color 0.3s ease;
6
+
4
7
  ${_ref => {
5
8
  let {
6
- $isOpen,
7
- theme
9
+ $isParentAccordionWrapped
8
10
  } = _ref;
9
- return $isOpen && css`
10
- background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});
11
+ return $isParentAccordionWrapped && css`
12
+ padding-left: 8px;
11
13
  `;
12
14
  }}
13
15
 
14
- overflow: hidden;
15
- transition: background-color 0.3s ease;
16
-
17
16
  ${_ref2 => {
18
17
  let {
19
- $isParentAccordionWrapped
18
+ $isOpen,
19
+ theme
20
20
  } = _ref2;
21
- return $isParentAccordionWrapped && css`
22
- padding-left: 8px;
21
+ return $isOpen && css`
22
+ background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});
23
23
  `;
24
24
  }}
25
25
 
@@ -38,11 +38,12 @@ export const StyledMotionListItem = styled(motion.div)`
38
38
  ${_ref4 => {
39
39
  let {
40
40
  $isOpen,
41
+ $isParentAccordionWrapped,
41
42
  $isWrapped,
42
43
  $shouldShowSeparatorBelow,
43
44
  theme
44
45
  } = _ref4;
45
- return ($shouldShowSeparatorBelow || (!$isOpen || $isWrapped) && theme.accordionLines) && css`
46
+ return ($shouldShowSeparatorBelow || (!$isOpen || $isWrapped || $isParentAccordionWrapped) && theme.accordionLines) && css`
46
47
  &&:not(:last-child) {
47
48
  border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid
48
49
  rgba(${theme['headline-rgb']}, 0.5);
package/lib/esm/components/list/list-item/ListItem.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.styles.js","names":["motion","styled","css","StyledMotionListItem","div","_ref","$isOpen","theme","cardBackgroundOpacity","_ref2","$isParentAccordionWrapped","_ref3","$isClickable","_ref4","$isWrapped","$shouldShowSeparatorBelow","accordionLines","_ref5"],"sources":["../../../../../src/components/list/list-item/ListItem.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemProps = WithTheme<{\n $isClickable: boolean;\n $isOpen: boolean;\n $isParentAccordionWrapped: boolean;\n $isWrapped: boolean;\n $shouldShowSeparatorBelow: boolean;\n}>;\n\nexport const StyledMotionListItem = styled(motion.div)<StyledListItemProps>`\n ${({ $isOpen, theme }) =>\n $isOpen &&\n css`\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n `}\n\n overflow: hidden;\n transition: background-color 0.3s ease;\n\n ${({ $isParentAccordionWrapped }: StyledListItemProps) =>\n $isParentAccordionWrapped &&\n css`\n padding-left: 8px;\n `}\n\n ${({ $isClickable, theme }) =>\n $isClickable &&\n css`\n &&:hover {\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n }\n `}\n \n ${({ $isOpen, $isWrapped, $shouldShowSeparatorBelow, theme }: StyledListItemProps) =>\n ($shouldShowSeparatorBelow || ((!$isOpen || $isWrapped) && theme.accordionLines)) &&\n css`\n &&:not(:last-child) {\n border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid\n rgba(${theme['headline-rgb']}, 0.5);\n }\n `}}\n\n ${({ $isWrapped }) =>\n $isWrapped &&\n css`\n padding-left: 26px;\n `}\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAW/C,OAAO,MAAMC,oBAAoB,GAAGF,MAAM,CAACD,MAAM,CAACI,GAAG,CAAsB;AAC3E,MAAMC,IAAA;EAAA,IAAC;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAAF,IAAA;EAAA,OACjBC,OAAO,IACPJ,GAAG;AACX,qCAAqCK,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACrF,SAAS;AAAA;AACT;AACA;AACA;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAA+C,CAAC,GAAAD,KAAA;EAAA,OACjDC,yBAAyB,IACzBR,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMS,KAAA;EAAA,IAAC;IAAEC,YAAY;IAAEL;EAAM,CAAC,GAAAI,KAAA;EAAA,OACtBC,YAAY,IACZV,GAAG;AACX;AACA,yCAAyCK,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACzF;AACA,SAAS;AAAA;AACT;AACA,MAAMK,KAAA;EAAA,IAAC;IAAEP,OAAO;IAAEQ,UAAU;IAAEC,yBAAyB;IAAER;EAA2B,CAAC,GAAAM,KAAA;EAAA,OAC7E,CAACE,yBAAyB,IAAK,CAAC,CAACT,OAAO,IAAIQ,UAAU,KAAKP,KAAK,CAACS,cAAe,KAChFd,GAAG;AACX;AACA,iCAAiCa,yBAAyB,GAAG,KAAK,GAAG,KAAK;AAC1E,2BAA2BR,KAAK,CAAC,cAAc,CAAC;AAChD;AACA,SAAS;AAAA;AACT;AACA,MAAMU,KAAA;EAAA,IAAC;IAAEH;EAAW,CAAC,GAAAG,KAAA;EAAA,OACbH,UAAU,IACVZ,GAAG;AACX;AACA,SAAS;AAAA;AACT,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"ListItem.styles.js","names":["motion","styled","css","StyledMotionListItem","div","_ref","$isParentAccordionWrapped","_ref2","$isOpen","theme","cardBackgroundOpacity","_ref3","$isClickable","_ref4","$isWrapped","$shouldShowSeparatorBelow","accordionLines","_ref5"],"sources":["../../../../../src/components/list/list-item/ListItem.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemProps = WithTheme<{\n $isClickable: boolean;\n $isOpen: boolean;\n $isParentAccordionWrapped: boolean;\n $isWrapped: boolean;\n $shouldShowSeparatorBelow: boolean;\n}>;\n\nexport const StyledMotionListItem = styled(motion.div)<StyledListItemProps>`\n overflow: hidden;\n transition: background-color 0.3s ease;\n\n ${({ $isParentAccordionWrapped }: StyledListItemProps) =>\n $isParentAccordionWrapped &&\n css`\n padding-left: 8px;\n `}\n\n ${({ $isOpen, theme }) =>\n $isOpen &&\n css`\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n `}\n\n ${({ $isClickable, theme }) =>\n $isClickable &&\n css`\n &&:hover {\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n }\n `}\n \n ${({\n $isOpen,\n $isParentAccordionWrapped,\n $isWrapped,\n $shouldShowSeparatorBelow,\n theme,\n }: StyledListItemProps) =>\n ($shouldShowSeparatorBelow ||\n ((!$isOpen || $isWrapped || $isParentAccordionWrapped) && theme.accordionLines)) &&\n css`\n &&:not(:last-child) {\n border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid\n rgba(${theme['headline-rgb']}, 0.5);\n }\n `}}\n\n ${({ $isWrapped }) =>\n $isWrapped &&\n css`\n padding-left: 26px;\n `}\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAW/C,OAAO,MAAMC,oBAAoB,GAAGF,MAAM,CAACD,MAAM,CAACI,GAAG,CAAsB;AAC3E;AACA;AACA;AACA,MAAMC,IAAA;EAAA,IAAC;IAAEC;EAA+C,CAAC,GAAAD,IAAA;EAAA,OACjDC,yBAAyB,IACzBJ,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMK,KAAA;EAAA,IAAC;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAAF,KAAA;EAAA,OACjBC,OAAO,IACPN,GAAG;AACX,qCAAqCO,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACrF,SAAS;AAAA;AACT;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC,YAAY;IAAEH;EAAM,CAAC,GAAAE,KAAA;EAAA,OACtBC,YAAY,IACZV,GAAG;AACX;AACA,yCAAyCO,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACzF;AACA,SAAS;AAAA;AACT;AACA,MAAMG,KAAA;EAAA,IAAC;IACCL,OAAO;IACPF,yBAAyB;IACzBQ,UAAU;IACVC,yBAAyB;IACzBN;EACiB,CAAC,GAAAI,KAAA;EAAA,OAClB,CAACE,yBAAyB,IACrB,CAAC,CAACP,OAAO,IAAIM,UAAU,IAAIR,yBAAyB,KAAKG,KAAK,CAACO,cAAe,KACnFd,GAAG;AACX;AACA,iCAAiCa,yBAAyB,GAAG,KAAK,GAAG,KAAK;AAC1E,2BAA2BN,KAAK,CAAC,cAAc,CAAC;AAChD;AACA,SAAS;AAAA;AACT;AACA,MAAMQ,KAAA;EAAA,IAAC;IAAEH;EAAW,CAAC,GAAAG,KAAA;EAAA,OACbH,UAAU,IACVZ,GAAG;AACX;AACA,SAAS;AAAA;AACT,CAAC","ignoreList":[]}
package/lib/types/components/accordion/Accordion.styles.d.ts CHANGED
@@ -18,11 +18,13 @@ export declare const StyledMotionAccordion: import("styled-components/dist/types
18
18
  suppressContentEditableWarning?: boolean | undefined;
19
19
  suppressHydrationWarning?: boolean | undefined;
20
20
  accessKey?: string | undefined;
21
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
21
22
  autoFocus?: boolean | undefined;
22
23
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
23
24
  contextMenu?: string | undefined;
24
25
  dir?: string | undefined;
25
26
  draggable?: (boolean | "false" | "true") | undefined;
27
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
26
28
  hidden?: boolean | undefined;
27
29
  id?: string | undefined;
28
30
  lang?: string | undefined;
@@ -42,7 +44,6 @@ export declare const StyledMotionAccordion: import("styled-components/dist/types
42
44
  rev?: string | undefined;
43
45
  typeof?: string | undefined;
44
46
  vocab?: string | undefined;
45
- autoCapitalize?: string | undefined;
46
47
  autoCorrect?: string | undefined;
47
48
  autoSave?: string | undefined;
48
49
  itemProp?: string | undefined;
@@ -52,7 +53,7 @@ export declare const StyledMotionAccordion: import("styled-components/dist/types
52
53
  itemRef?: string | undefined;
53
54
  results?: number | undefined;
54
55
  security?: string | undefined;
55
- unselectable?: "on" | "off" | undefined;
56
+ unselectable?: "off" | "on" | undefined;
56
57
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
58
  is?: string | undefined;
58
59
  "aria-activedescendant"?: string | undefined;
package/lib/types/components/accordion/accordion-body/AccordionBody.styles.d.ts CHANGED
@@ -15,11 +15,13 @@ export declare const StyledMotionAccordionBody: import("styled-components/dist/t
15
15
  suppressContentEditableWarning?: boolean | undefined;
16
16
  suppressHydrationWarning?: boolean | undefined;
17
17
  accessKey?: string | undefined;
18
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
18
19
  autoFocus?: boolean | undefined;
19
20
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
20
21
  contextMenu?: string | undefined;
21
22
  dir?: string | undefined;
22
23
  draggable?: (boolean | "false" | "true") | undefined;
24
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
23
25
  hidden?: boolean | undefined;
24
26
  id?: string | undefined;
25
27
  lang?: string | undefined;
@@ -39,7 +41,6 @@ export declare const StyledMotionAccordionBody: import("styled-components/dist/t
39
41
  rev?: string | undefined;
40
42
  typeof?: string | undefined;
41
43
  vocab?: string | undefined;
42
- autoCapitalize?: string | undefined;
43
44
  autoCorrect?: string | undefined;
44
45
  autoSave?: string | undefined;
45
46
  itemProp?: string | undefined;
@@ -49,7 +50,7 @@ export declare const StyledMotionAccordionBody: import("styled-components/dist/t
49
50
  itemRef?: string | undefined;
50
51
  results?: number | undefined;
51
52
  security?: string | undefined;
52
- unselectable?: "on" | "off" | undefined;
53
+ unselectable?: "off" | "on" | undefined;
53
54
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
54
55
  is?: string | undefined;
55
56
  "aria-activedescendant"?: string | undefined;
package/lib/types/components/accordion/accordion-head/AccordionHead.styles.d.ts CHANGED
@@ -11,11 +11,13 @@ export declare const StyledMotionAccordionHead: import("styled-components/dist/t
11
11
  suppressContentEditableWarning?: boolean | undefined;
12
12
  suppressHydrationWarning?: boolean | undefined;
13
13
  accessKey?: string | undefined;
14
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
14
15
  autoFocus?: boolean | undefined;
15
16
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
16
17
  contextMenu?: string | undefined;
17
18
  dir?: string | undefined;
18
19
  draggable?: (boolean | "false" | "true") | undefined;
20
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
19
21
  hidden?: boolean | undefined;
20
22
  id?: string | undefined;
21
23
  lang?: string | undefined;
@@ -35,7 +37,6 @@ export declare const StyledMotionAccordionHead: import("styled-components/dist/t
35
37
  rev?: string | undefined;
36
38
  typeof?: string | undefined;
37
39
  vocab?: string | undefined;
38
- autoCapitalize?: string | undefined;
39
40
  autoCorrect?: string | undefined;
40
41
  autoSave?: string | undefined;
41
42
  itemProp?: string | undefined;
@@ -45,7 +46,7 @@ export declare const StyledMotionAccordionHead: import("styled-components/dist/t
45
46
  itemRef?: string | undefined;
46
47
  results?: number | undefined;
47
48
  security?: string | undefined;
48
- unselectable?: "on" | "off" | undefined;
49
+ unselectable?: "off" | "on" | undefined;
49
50
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
50
51
  is?: string | undefined;
51
52
  "aria-activedescendant"?: string | undefined;
@@ -276,11 +277,13 @@ export declare const StyledMotionIconWrapper: import("styled-components/dist/typ
276
277
  suppressContentEditableWarning?: boolean | undefined;
277
278
  suppressHydrationWarning?: boolean | undefined;
278
279
  accessKey?: string | undefined;
280
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
279
281
  autoFocus?: boolean | undefined;
280
282
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
281
283
  contextMenu?: string | undefined;
282
284
  dir?: string | undefined;
283
285
  draggable?: (boolean | "false" | "true") | undefined;
286
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
284
287
  hidden?: boolean | undefined;
285
288
  id?: string | undefined;
286
289
  lang?: string | undefined;
@@ -300,7 +303,6 @@ export declare const StyledMotionIconWrapper: import("styled-components/dist/typ
300
303
  rev?: string | undefined;
301
304
  typeof?: string | undefined;
302
305
  vocab?: string | undefined;
303
- autoCapitalize?: string | undefined;
304
306
  autoCorrect?: string | undefined;
305
307
  autoSave?: string | undefined;
306
308
  itemProp?: string | undefined;
@@ -310,7 +312,7 @@ export declare const StyledMotionIconWrapper: import("styled-components/dist/typ
310
312
  itemRef?: string | undefined;
311
313
  results?: number | undefined;
312
314
  security?: string | undefined;
313
- unselectable?: "on" | "off" | undefined;
315
+ unselectable?: "off" | "on" | undefined;
314
316
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
315
317
  is?: string | undefined;
316
318
  "aria-activedescendant"?: string | undefined;
@@ -545,11 +547,13 @@ export declare const StyledMotionContentWrapper: import("styled-components/dist/
545
547
  suppressContentEditableWarning?: boolean | undefined;
546
548
  suppressHydrationWarning?: boolean | undefined;
547
549
  accessKey?: string | undefined;
550
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
548
551
  autoFocus?: boolean | undefined;
549
552
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
550
553
  contextMenu?: string | undefined;
551
554
  dir?: string | undefined;
552
555
  draggable?: (boolean | "false" | "true") | undefined;
556
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
553
557
  hidden?: boolean | undefined;
554
558
  id?: string | undefined;
555
559
  lang?: string | undefined;
@@ -569,7 +573,6 @@ export declare const StyledMotionContentWrapper: import("styled-components/dist/
569
573
  rev?: string | undefined;
570
574
  typeof?: string | undefined;
571
575
  vocab?: string | undefined;
572
- autoCapitalize?: string | undefined;
573
576
  autoCorrect?: string | undefined;
574
577
  autoSave?: string | undefined;
575
578
  itemProp?: string | undefined;
@@ -579,7 +582,7 @@ export declare const StyledMotionContentWrapper: import("styled-components/dist/
579
582
  itemRef?: string | undefined;
580
583
  results?: number | undefined;
581
584
  security?: string | undefined;
582
- unselectable?: "on" | "off" | undefined;
585
+ unselectable?: "off" | "on" | undefined;
583
586
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
584
587
  is?: string | undefined;
585
588
  "aria-activedescendant"?: string | undefined;
@@ -810,11 +813,13 @@ export declare const StyledMotionTitleWrapper: import("styled-components/dist/ty
810
813
  suppressContentEditableWarning?: boolean | undefined;
811
814
  suppressHydrationWarning?: boolean | undefined;
812
815
  accessKey?: string | undefined;
816
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
813
817
  autoFocus?: boolean | undefined;
814
818
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
815
819
  contextMenu?: string | undefined;
816
820
  dir?: string | undefined;
817
821
  draggable?: (boolean | "false" | "true") | undefined;
822
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
818
823
  hidden?: boolean | undefined;
819
824
  id?: string | undefined;
820
825
  lang?: string | undefined;
@@ -834,7 +839,6 @@ export declare const StyledMotionTitleWrapper: import("styled-components/dist/ty
834
839
  rev?: string | undefined;
835
840
  typeof?: string | undefined;
836
841
  vocab?: string | undefined;
837
- autoCapitalize?: string | undefined;
838
842
  autoCorrect?: string | undefined;
839
843
  autoSave?: string | undefined;
840
844
  itemProp?: string | undefined;
@@ -844,7 +848,7 @@ export declare const StyledMotionTitleWrapper: import("styled-components/dist/ty
844
848
  itemRef?: string | undefined;
845
849
  results?: number | undefined;
846
850
  security?: string | undefined;
847
- unselectable?: "on" | "off" | undefined;
851
+ unselectable?: "off" | "on" | undefined;
848
852
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
849
853
  is?: string | undefined;
850
854
  "aria-activedescendant"?: string | undefined;
@@ -1081,11 +1085,13 @@ export declare const StyledMotionTitle: import("styled-components/dist/types").I
1081
1085
  suppressContentEditableWarning?: boolean | undefined;
1082
1086
  suppressHydrationWarning?: boolean | undefined;
1083
1087
  accessKey?: string | undefined;
1088
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
1084
1089
  autoFocus?: boolean | undefined;
1085
1090
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1086
1091
  contextMenu?: string | undefined;
1087
1092
  dir?: string | undefined;
1088
1093
  draggable?: (boolean | "false" | "true") | undefined;
1094
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
1089
1095
  hidden?: boolean | undefined;
1090
1096
  id?: string | undefined;
1091
1097
  lang?: string | undefined;
@@ -1105,7 +1111,6 @@ export declare const StyledMotionTitle: import("styled-components/dist/types").I
1105
1111
  rev?: string | undefined;
1106
1112
  typeof?: string | undefined;
1107
1113
  vocab?: string | undefined;
1108
- autoCapitalize?: string | undefined;
1109
1114
  autoCorrect?: string | undefined;
1110
1115
  autoSave?: string | undefined;
1111
1116
  itemProp?: string | undefined;
@@ -1115,7 +1120,7 @@ export declare const StyledMotionTitle: import("styled-components/dist/types").I
1115
1120
  itemRef?: string | undefined;
1116
1121
  results?: number | undefined;
1117
1122
  security?: string | undefined;
1118
- unselectable?: "on" | "off" | undefined;
1123
+ unselectable?: "off" | "on" | undefined;
1119
1124
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1120
1125
  is?: string | undefined;
1121
1126
  "aria-activedescendant"?: string | undefined;
@@ -1344,11 +1349,13 @@ export declare const StyledMotionTitleElementWrapper: import("styled-components/
1344
1349
  suppressContentEditableWarning?: boolean | undefined;
1345
1350
  suppressHydrationWarning?: boolean | undefined;
1346
1351
  accessKey?: string | undefined;
1352
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
1347
1353
  autoFocus?: boolean | undefined;
1348
1354
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1349
1355
  contextMenu?: string | undefined;
1350
1356
  dir?: string | undefined;
1351
1357
  draggable?: (boolean | "false" | "true") | undefined;
1358
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
1352
1359
  hidden?: boolean | undefined;
1353
1360
  id?: string | undefined;
1354
1361
  lang?: string | undefined;
@@ -1368,7 +1375,6 @@ export declare const StyledMotionTitleElementWrapper: import("styled-components/
1368
1375
  rev?: string | undefined;
1369
1376
  typeof?: string | undefined;
1370
1377
  vocab?: string | undefined;
1371
- autoCapitalize?: string | undefined;
1372
1378
  autoCorrect?: string | undefined;
1373
1379
  autoSave?: string | undefined;
1374
1380
  itemProp?: string | undefined;
@@ -1378,7 +1384,7 @@ export declare const StyledMotionTitleElementWrapper: import("styled-components/
1378
1384
  itemRef?: string | undefined;
1379
1385
  results?: number | undefined;
1380
1386
  security?: string | undefined;
1381
- unselectable?: "on" | "off" | undefined;
1387
+ unselectable?: "off" | "on" | undefined;
1382
1388
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1383
1389
  is?: string | undefined;
1384
1390
  "aria-activedescendant"?: string | undefined;
@@ -1610,11 +1616,13 @@ export declare const StyledMotionSearchWrapper: import("styled-components/dist/t
1610
1616
  suppressContentEditableWarning?: boolean | undefined;
1611
1617
  suppressHydrationWarning?: boolean | undefined;
1612
1618
  accessKey?: string | undefined;
1619
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
1613
1620
  autoFocus?: boolean | undefined;
1614
1621
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1615
1622
  contextMenu?: string | undefined;
1616
1623
  dir?: string | undefined;
1617
1624
  draggable?: (boolean | "false" | "true") | undefined;
1625
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
1618
1626
  hidden?: boolean | undefined;
1619
1627
  id?: string | undefined;
1620
1628
  lang?: string | undefined;
@@ -1634,7 +1642,6 @@ export declare const StyledMotionSearchWrapper: import("styled-components/dist/t
1634
1642
  rev?: string | undefined;
1635
1643
  typeof?: string | undefined;
1636
1644
  vocab?: string | undefined;
1637
- autoCapitalize?: string | undefined;
1638
1645
  autoCorrect?: string | undefined;
1639
1646
  autoSave?: string | undefined;
1640
1647
  itemProp?: string | undefined;
@@ -1644,7 +1651,7 @@ export declare const StyledMotionSearchWrapper: import("styled-components/dist/t
1644
1651
  itemRef?: string | undefined;
1645
1652
  results?: number | undefined;
1646
1653
  security?: string | undefined;
1647
- unselectable?: "on" | "off" | undefined;
1654
+ unselectable?: "off" | "on" | undefined;
1648
1655
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1649
1656
  is?: string | undefined;
1650
1657
  "aria-activedescendant"?: string | undefined;
@@ -1875,11 +1882,13 @@ export declare const StyledMotionRightElementWrapper: import("styled-components/
1875
1882
  suppressContentEditableWarning?: boolean | undefined;
1876
1883
  suppressHydrationWarning?: boolean | undefined;
1877
1884
  accessKey?: string | undefined;
1885
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
1878
1886
  autoFocus?: boolean | undefined;
1879
1887
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1880
1888
  contextMenu?: string | undefined;
1881
1889
  dir?: string | undefined;
1882
1890
  draggable?: (boolean | "false" | "true") | undefined;
1891
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
1883
1892
  hidden?: boolean | undefined;
1884
1893
  id?: string | undefined;
1885
1894
  lang?: string | undefined;
@@ -1899,7 +1908,6 @@ export declare const StyledMotionRightElementWrapper: import("styled-components/
1899
1908
  rev?: string | undefined;
1900
1909
  typeof?: string | undefined;
1901
1910
  vocab?: string | undefined;
1902
- autoCapitalize?: string | undefined;
1903
1911
  autoCorrect?: string | undefined;
1904
1912
  autoSave?: string | undefined;
1905
1913
  itemProp?: string | undefined;
@@ -1909,7 +1917,7 @@ export declare const StyledMotionRightElementWrapper: import("styled-components/
1909
1917
  itemRef?: string | undefined;
1910
1918
  results?: number | undefined;
1911
1919
  security?: string | undefined;
1912
- unselectable?: "on" | "off" | undefined;
1920
+ unselectable?: "off" | "on" | undefined;
1913
1921
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1914
1922
  is?: string | undefined;
1915
1923
  "aria-activedescendant"?: string | undefined;
@@ -2148,11 +2156,13 @@ export declare const StyledMotionRightInput: import("styled-components/dist/type
2148
2156
  suppressContentEditableWarning?: boolean | undefined;
2149
2157
  suppressHydrationWarning?: boolean | undefined;
2150
2158
  accessKey?: string | undefined;
2159
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
2151
2160
  autoFocus?: boolean | undefined;
2152
2161
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
2153
2162
  contextMenu?: string | undefined;
2154
2163
  dir?: string | undefined;
2155
2164
  draggable?: (boolean | "false" | "true") | undefined;
2165
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
2156
2166
  hidden?: boolean | undefined;
2157
2167
  id?: string | undefined;
2158
2168
  lang?: string | undefined;
@@ -2172,7 +2182,6 @@ export declare const StyledMotionRightInput: import("styled-components/dist/type
2172
2182
  rev?: string | undefined;
2173
2183
  typeof?: string | undefined;
2174
2184
  vocab?: string | undefined;
2175
- autoCapitalize?: string | undefined;
2176
2185
  autoCorrect?: string | undefined;
2177
2186
  autoSave?: string | undefined;
2178
2187
  itemProp?: string | undefined;
@@ -2182,7 +2191,7 @@ export declare const StyledMotionRightInput: import("styled-components/dist/type
2182
2191
  itemRef?: string | undefined;
2183
2192
  results?: number | undefined;
2184
2193
  security?: string | undefined;
2185
- unselectable?: "on" | "off" | undefined;
2194
+ unselectable?: "off" | "on" | undefined;
2186
2195
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
2187
2196
  is?: string | undefined;
2188
2197
  "aria-activedescendant"?: string | undefined;
@@ -2407,7 +2416,6 @@ export declare const StyledMotionRightInput: import("styled-components/dist/type
2407
2416
  autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
2408
2417
  capture?: boolean | "user" | "environment" | undefined;
2409
2418
  checked?: boolean | undefined;
2410
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
2411
2419
  formAction?: string | undefined;
2412
2420
  formEncType?: string | undefined;
2413
2421
  formMethod?: string | undefined;
@@ -2437,11 +2445,13 @@ export declare const StyledMotionRightInputIconWrapper: import("styled-component
2437
2445
  suppressContentEditableWarning?: boolean | undefined;
2438
2446
  suppressHydrationWarning?: boolean | undefined;
2439
2447
  accessKey?: string | undefined;
2448
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
2440
2449
  autoFocus?: boolean | undefined;
2441
2450
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
2442
2451
  contextMenu?: string | undefined;
2443
2452
  dir?: string | undefined;
2444
2453
  draggable?: (boolean | "false" | "true") | undefined;
2454
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
2445
2455
  hidden?: boolean | undefined;
2446
2456
  id?: string | undefined;
2447
2457
  lang?: string | undefined;
@@ -2461,7 +2471,6 @@ export declare const StyledMotionRightInputIconWrapper: import("styled-component
2461
2471
  rev?: string | undefined;
2462
2472
  typeof?: string | undefined;
2463
2473
  vocab?: string | undefined;
2464
- autoCapitalize?: string | undefined;
2465
2474
  autoCorrect?: string | undefined;
2466
2475
  autoSave?: string | undefined;
2467
2476
  itemProp?: string | undefined;
@@ -2471,7 +2480,7 @@ export declare const StyledMotionRightInputIconWrapper: import("styled-component
2471
2480
  itemRef?: string | undefined;
2472
2481
  results?: number | undefined;
2473
2482
  security?: string | undefined;
2474
- unselectable?: "on" | "off" | undefined;
2483
+ unselectable?: "off" | "on" | undefined;
2475
2484
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
2476
2485
  is?: string | undefined;
2477
2486
  "aria-activedescendant"?: string | undefined;
package/lib/types/components/amount-control/AmountControl.styles.d.ts CHANGED
@@ -33,11 +33,13 @@ export declare const StyledMotionAmountControlButton: import("styled-components/
33
33
  suppressContentEditableWarning?: boolean | undefined;
34
34
  suppressHydrationWarning?: boolean | undefined;
35
35
  accessKey?: string | undefined;
36
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
36
37
  autoFocus?: boolean | undefined;
37
38
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
38
39
  contextMenu?: string | undefined;
39
40
  dir?: string | undefined;
40
41
  draggable?: (boolean | "false" | "true") | undefined;
42
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
41
43
  hidden?: boolean | undefined;
42
44
  id?: string | undefined;
43
45
  lang?: string | undefined;
@@ -57,7 +59,6 @@ export declare const StyledMotionAmountControlButton: import("styled-components/
57
59
  rev?: string | undefined;
58
60
  typeof?: string | undefined;
59
61
  vocab?: string | undefined;
60
- autoCapitalize?: string | undefined;
61
62
  autoCorrect?: string | undefined;
62
63
  autoSave?: string | undefined;
63
64
  itemProp?: string | undefined;
@@ -67,7 +68,7 @@ export declare const StyledMotionAmountControlButton: import("styled-components/
67
68
  itemRef?: string | undefined;
68
69
  results?: number | undefined;
69
70
  security?: string | undefined;
70
- unselectable?: "on" | "off" | undefined;
71
+ unselectable?: "off" | "on" | undefined;
71
72
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
72
73
  is?: string | undefined;
73
74
  "aria-activedescendant"?: string | undefined;
package/lib/types/components/button/Button.styles.d.ts CHANGED
@@ -21,11 +21,13 @@ export declare const StyledMotionButton: import("styled-components/dist/types").
21
21
  suppressContentEditableWarning?: boolean | undefined;
22
22
  suppressHydrationWarning?: boolean | undefined;
23
23
  accessKey?: string | undefined;
24
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
24
25
  autoFocus?: boolean | undefined;
25
26
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
26
27
  contextMenu?: string | undefined;
27
28
  dir?: string | undefined;
28
29
  draggable?: (boolean | "false" | "true") | undefined;
30
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
29
31
  hidden?: boolean | undefined;
30
32
  id?: string | undefined;
31
33
  lang?: string | undefined;
@@ -45,7 +47,6 @@ export declare const StyledMotionButton: import("styled-components/dist/types").
45
47
  rev?: string | undefined;
46
48
  typeof?: string | undefined;
47
49
  vocab?: string | undefined;
48
- autoCapitalize?: string | undefined;
49
50
  autoCorrect?: string | undefined;
50
51
  autoSave?: string | undefined;
51
52
  itemProp?: string | undefined;
@@ -55,7 +56,7 @@ export declare const StyledMotionButton: import("styled-components/dist/types").
55
56
  itemRef?: string | undefined;
56
57
  results?: number | undefined;
57
58
  security?: string | undefined;
58
- unselectable?: "on" | "off" | undefined;
59
+ unselectable?: "off" | "on" | undefined;
59
60
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
60
61
  is?: string | undefined;
61
62
  "aria-activedescendant"?: string | undefined;
@@ -292,11 +293,13 @@ export declare const StyledMotionChildrenWrapper: import("styled-components/dist
292
293
  suppressContentEditableWarning?: boolean | undefined;
293
294
  suppressHydrationWarning?: boolean | undefined;
294
295
  accessKey?: string | undefined;
296
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
295
297
  autoFocus?: boolean | undefined;
296
298
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
297
299
  contextMenu?: string | undefined;
298
300
  dir?: string | undefined;
299
301
  draggable?: (boolean | "false" | "true") | undefined;
302
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
300
303
  hidden?: boolean | undefined;
301
304
  id?: string | undefined;
302
305
  lang?: string | undefined;
@@ -316,7 +319,6 @@ export declare const StyledMotionChildrenWrapper: import("styled-components/dist
316
319
  rev?: string | undefined;
317
320
  typeof?: string | undefined;
318
321
  vocab?: string | undefined;
319
- autoCapitalize?: string | undefined;
320
322
  autoCorrect?: string | undefined;
321
323
  autoSave?: string | undefined;
322
324
  itemProp?: string | undefined;
@@ -326,7 +328,7 @@ export declare const StyledMotionChildrenWrapper: import("styled-components/dist
326
328
  itemRef?: string | undefined;
327
329
  results?: number | undefined;
328
330
  security?: string | undefined;
329
- unselectable?: "on" | "off" | undefined;
331
+ unselectable?: "off" | "on" | undefined;
330
332
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
331
333
  is?: string | undefined;
332
334
  "aria-activedescendant"?: string | undefined;
@@ -557,11 +559,13 @@ export declare const StyledMotionWaitCursorWrapper: import("styled-components/di
557
559
  suppressContentEditableWarning?: boolean | undefined;
558
560
  suppressHydrationWarning?: boolean | undefined;
559
561
  accessKey?: string | undefined;
562
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
560
563
  autoFocus?: boolean | undefined;
561
564
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
562
565
  contextMenu?: string | undefined;
563
566
  dir?: string | undefined;
564
567
  draggable?: (boolean | "false" | "true") | undefined;
568
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
565
569
  hidden?: boolean | undefined;
566
570
  id?: string | undefined;
567
571
  lang?: string | undefined;
@@ -581,7 +585,6 @@ export declare const StyledMotionWaitCursorWrapper: import("styled-components/di
581
585
  rev?: string | undefined;
582
586
  typeof?: string | undefined;
583
587
  vocab?: string | undefined;
584
- autoCapitalize?: string | undefined;
585
588
  autoCorrect?: string | undefined;
586
589
  autoSave?: string | undefined;
587
590
  itemProp?: string | undefined;
@@ -591,7 +594,7 @@ export declare const StyledMotionWaitCursorWrapper: import("styled-components/di
591
594
  itemRef?: string | undefined;
592
595
  results?: number | undefined;
593
596
  security?: string | undefined;
594
- unselectable?: "on" | "off" | undefined;
597
+ unselectable?: "off" | "on" | undefined;
595
598
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
596
599
  is?: string | undefined;
597
600
  "aria-activedescendant"?: string | undefined;