@chayns-components/core 5.0.0-beta.695 → 5.0.0-beta.699

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 (52) hide show
  1. package/lib/cjs/components/accordion/Accordion.js +0 -2
  2. package/lib/cjs/components/accordion/Accordion.js.map +1 -1
  3. package/lib/cjs/components/accordion/accordion-head/AccordionHead.js +10 -28
  4. package/lib/cjs/components/accordion/accordion-head/AccordionHead.js.map +1 -1
  5. package/lib/cjs/components/accordion/accordion-head/AccordionHead.styles.js +7 -5
  6. package/lib/cjs/components/accordion/accordion-head/AccordionHead.styles.js.map +1 -1
  7. package/lib/cjs/components/button/Button.js +2 -1
  8. package/lib/cjs/components/button/Button.js.map +1 -1
  9. package/lib/cjs/components/button/Button.styles.js +0 -3
  10. package/lib/cjs/components/button/Button.styles.js.map +1 -1
  11. package/lib/cjs/components/input/Input.js +12 -4
  12. package/lib/cjs/components/input/Input.js.map +1 -1
  13. package/lib/cjs/components/input/Input.styles.js +15 -4
  14. package/lib/cjs/components/input/Input.styles.js.map +1 -1
  15. package/lib/cjs/components/search-input/SearchInput.js +5 -2
  16. package/lib/cjs/components/search-input/SearchInput.js.map +1 -1
  17. package/lib/cjs/components/search-input/SearchInput.styles.js +3 -1
  18. package/lib/cjs/components/search-input/SearchInput.styles.js.map +1 -1
  19. package/lib/cjs/components/text-area/TextArea.styles.js +1 -0
  20. package/lib/cjs/components/text-area/TextArea.styles.js.map +1 -1
  21. package/lib/cjs/utils/isTobitEmployee.js +2 -1
  22. package/lib/cjs/utils/isTobitEmployee.js.map +1 -1
  23. package/lib/esm/components/accordion/Accordion.js +0 -2
  24. package/lib/esm/components/accordion/Accordion.js.map +1 -1
  25. package/lib/esm/components/accordion/accordion-head/AccordionHead.js +11 -29
  26. package/lib/esm/components/accordion/accordion-head/AccordionHead.js.map +1 -1
  27. package/lib/esm/components/accordion/accordion-head/AccordionHead.styles.js +6 -4
  28. package/lib/esm/components/accordion/accordion-head/AccordionHead.styles.js.map +1 -1
  29. package/lib/esm/components/button/Button.js +2 -1
  30. package/lib/esm/components/button/Button.js.map +1 -1
  31. package/lib/esm/components/button/Button.styles.js +2 -8
  32. package/lib/esm/components/button/Button.styles.js.map +1 -1
  33. package/lib/esm/components/input/Input.js +11 -3
  34. package/lib/esm/components/input/Input.js.map +1 -1
  35. package/lib/esm/components/input/Input.styles.js +38 -18
  36. package/lib/esm/components/input/Input.styles.js.map +1 -1
  37. package/lib/esm/components/search-input/SearchInput.js +5 -2
  38. package/lib/esm/components/search-input/SearchInput.js.map +1 -1
  39. package/lib/esm/components/search-input/SearchInput.styles.js +6 -1
  40. package/lib/esm/components/search-input/SearchInput.styles.js.map +1 -1
  41. package/lib/esm/components/text-area/TextArea.styles.js +1 -0
  42. package/lib/esm/components/text-area/TextArea.styles.js.map +1 -1
  43. package/lib/esm/utils/isTobitEmployee.js +3 -2
  44. package/lib/esm/utils/isTobitEmployee.js.map +1 -1
  45. package/lib/types/components/accordion/Accordion.d.ts +0 -4
  46. package/lib/types/components/accordion/accordion-head/AccordionHead.d.ts +0 -1
  47. package/lib/types/components/accordion/accordion-head/AccordionHead.styles.d.ts +265 -0
  48. package/lib/types/components/input/Input.d.ts +8 -0
  49. package/lib/types/components/input/Input.styles.d.ts +3 -0
  50. package/lib/types/components/search-input/SearchInput.d.ts +5 -0
  51. package/lib/types/components/search-input/SearchInput.styles.d.ts +6 -1
  52. package/package.json +6 -6
package/lib/esm/components/search-input/SearchInput.js CHANGED
@@ -2,7 +2,7 @@ import { AnimatePresence } from 'framer-motion';
2
2
  import React, { useCallback, useEffect, useRef, useState } from 'react';
3
3
  import { useTheme } from 'styled-components';
4
4
  import Icon from '../icon/Icon';
5
- import Input from '../input/Input';
5
+ import Input, { InputSize } from '../input/Input';
6
6
  import { StyledMotionSearchInputContentWrapper, StyledMotionSearchInputIconWrapper, StyledMotionSearchInputIconWrapperContent, StyledSearchInput } from './SearchInput.styles';
7
7
  const SearchInput = _ref => {
8
8
  let {
@@ -12,6 +12,7 @@ const SearchInput = _ref => {
12
12
  onChange,
13
13
  onKeyDown,
14
14
  placeholder,
15
+ size = InputSize.Medium,
15
16
  value
16
17
  } = _ref;
17
18
  const [isSearchInputActive, setIsSearchInputActive] = useState(isActive ?? (typeof value === 'string' && value.trim() !== ''));
@@ -33,7 +34,8 @@ const SearchInput = _ref => {
33
34
  }
34
35
  }, [isActive]);
35
36
  return /*#__PURE__*/React.createElement(StyledSearchInput, {
36
- className: "beta-chayns-search-input"
37
+ className: "beta-chayns-search-input",
38
+ $size: size
37
39
  }, /*#__PURE__*/React.createElement(StyledMotionSearchInputIconWrapper, null, /*#__PURE__*/React.createElement(AnimatePresence, {
38
40
  initial: false
39
41
  }, /*#__PURE__*/React.createElement(StyledMotionSearchInputIconWrapperContent, {
@@ -85,6 +87,7 @@ const SearchInput = _ref => {
85
87
  placeholder: placeholder,
86
88
  ref: inputRef,
87
89
  shouldShowClearIcon: true,
90
+ size: size,
88
91
  value: value
89
92
  }))));
90
93
  };
package/lib/esm/components/search-input/SearchInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SearchInput.js","names":["AnimatePresence","React","useCallback","useEffect","useRef","useState","useTheme","Icon","Input","StyledMotionSearchInputContentWrapper","StyledMotionSearchInputIconWrapper","StyledMotionSearchInputIconWrapperContent","StyledSearchInput","SearchInput","_ref","iconColor","isActive","onActiveChange","onChange","onKeyDown","placeholder","value","isSearchInputActive","setIsSearchInputActive","trim","inputRef","theme","handleBackIconClick","handleSearchIconClick","current","focus","createElement","className","initial","animate","opacity","exit","position","key","transition","duration","color","icons","onClick","size","width","leftElement","text","ref","shouldShowClearIcon","displayName"],"sources":["../../../../src/components/search-input/SearchInput.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n CSSProperties,\n FC,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input, { InputRef } from '../input/Input';\nimport {\n StyledMotionSearchInputContentWrapper,\n StyledMotionSearchInputIconWrapper,\n StyledMotionSearchInputIconWrapperContent,\n StyledSearchInput,\n} from './SearchInput.styles';\n\nexport type SearchInputProps = {\n /**\n * Color of the icon\n */\n iconColor?: CSSProperties['color'];\n /**\n * Force the active state of the input and override the internal state\n */\n isActive?: boolean;\n /**\n * Function that is executed when the active state of the input changes\n */\n onActiveChange?: (isActive: boolean) => void;\n /**\n * Function that is executed when the text of the input changes\n */\n onChange: ChangeEventHandler<HTMLInputElement>;\n /**\n * Function that is executed when a key is pressed\n */\n onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n /**\n * Placeholder for the input field\n */\n placeholder?: string;\n /**\n * Value if the input field should be controlled\n */\n value?: string;\n};\n\nconst SearchInput: FC<SearchInputProps> = ({\n iconColor,\n isActive,\n onActiveChange,\n onChange,\n onKeyDown,\n placeholder,\n value,\n}) => {\n const [isSearchInputActive, setIsSearchInputActive] = useState(\n isActive ?? (typeof value === 'string' && value.trim() !== ''),\n );\n\n const inputRef = useRef<InputRef>(null);\n\n const theme = useTheme() as Theme;\n\n const handleBackIconClick = useCallback(() => setIsSearchInputActive(false), []);\n\n const handleSearchIconClick = useCallback(() => setIsSearchInputActive(true), []);\n\n useEffect(() => {\n if (typeof onActiveChange === 'function') {\n onActiveChange(isSearchInputActive);\n }\n\n if (isSearchInputActive) {\n inputRef.current?.focus();\n }\n }, [isSearchInputActive, onActiveChange]);\n\n useEffect(() => {\n if (typeof isActive === 'boolean') {\n setIsSearchInputActive(isActive);\n }\n }, [isActive]);\n\n return (\n <StyledSearchInput className=\"beta-chayns-search-input\">\n <StyledMotionSearchInputIconWrapper>\n <AnimatePresence initial={false}>\n <StyledMotionSearchInputIconWrapperContent\n animate={{ opacity: 1 }}\n exit={{ opacity: 0, position: 'absolute' }}\n initial={{ opacity: 0 }}\n key={isSearchInputActive ? 'backIcon' : 'searchIcon'}\n transition={{ duration: 0.3 }}\n >\n <Icon\n color={iconColor}\n icons={isSearchInputActive ? ['fa fa-arrow-left'] : ['fa fa-search']}\n onClick={\n isSearchInputActive ? handleBackIconClick : handleSearchIconClick\n }\n size={18}\n />\n </StyledMotionSearchInputIconWrapperContent>\n </AnimatePresence>\n </StyledMotionSearchInputIconWrapper>\n <AnimatePresence initial={false}>\n {isSearchInputActive && (\n <StyledMotionSearchInputContentWrapper\n animate={{ opacity: 1, width: '100%' }}\n exit={{ opacity: 0, width: 0 }}\n initial={{ opacity: 0, width: 0 }}\n key=\"searchInputContentWrapper\"\n transition={{ duration: 0.3 }}\n >\n <Input\n leftElement={<Icon color={theme.text} icons={['far fa-search']} />}\n onChange={onChange}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n ref={inputRef}\n shouldShowClearIcon\n value={value}\n />\n </StyledMotionSearchInputContentWrapper>\n )}\n </AnimatePresence>\n </StyledSearchInput>\n );\n};\n\nSearchInput.displayName = 'SearchInput';\n\nexport default SearchInput;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"SearchInput.js","names":["AnimatePresence","React","useCallback","useEffect","useRef","useState","useTheme","Icon","Input","InputSize","StyledMotionSearchInputContentWrapper","StyledMotionSearchInputIconWrapper","StyledMotionSearchInputIconWrapperContent","StyledSearchInput","SearchInput","_ref","iconColor","isActive","onActiveChange","onChange","onKeyDown","placeholder","size","Medium","value","isSearchInputActive","setIsSearchInputActive","trim","inputRef","theme","handleBackIconClick","handleSearchIconClick","current","focus","createElement","className","$size","initial","animate","opacity","exit","position","key","transition","duration","color","icons","onClick","width","leftElement","text","ref","shouldShowClearIcon","displayName"],"sources":["../../../../src/components/search-input/SearchInput.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n CSSProperties,\n FC,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input, { InputRef, InputSize } from '../input/Input';\nimport {\n StyledMotionSearchInputContentWrapper,\n StyledMotionSearchInputIconWrapper,\n StyledMotionSearchInputIconWrapperContent,\n StyledSearchInput,\n} from './SearchInput.styles';\n\nexport type SearchInputProps = {\n /**\n * Color of the icon\n */\n iconColor?: CSSProperties['color'];\n /**\n * Force the active state of the input and override the internal state\n */\n isActive?: boolean;\n /**\n * Function that is executed when the active state of the input changes\n */\n onActiveChange?: (isActive: boolean) => void;\n /**\n * Function that is executed when the text of the input changes\n */\n onChange: ChangeEventHandler<HTMLInputElement>;\n /**\n * Function that is executed when a key is pressed\n */\n onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n /**\n * Placeholder for the input field\n */\n placeholder?: string;\n /**\n * The size of the input field\n */\n size?: InputSize;\n /**\n * Value if the input field should be controlled\n */\n value?: string;\n};\n\nconst SearchInput: FC<SearchInputProps> = ({\n iconColor,\n isActive,\n onActiveChange,\n onChange,\n onKeyDown,\n placeholder,\n size = InputSize.Medium,\n value,\n}) => {\n const [isSearchInputActive, setIsSearchInputActive] = useState(\n isActive ?? (typeof value === 'string' && value.trim() !== ''),\n );\n\n const inputRef = useRef<InputRef>(null);\n\n const theme = useTheme() as Theme;\n\n const handleBackIconClick = useCallback(() => setIsSearchInputActive(false), []);\n\n const handleSearchIconClick = useCallback(() => setIsSearchInputActive(true), []);\n\n useEffect(() => {\n if (typeof onActiveChange === 'function') {\n onActiveChange(isSearchInputActive);\n }\n\n if (isSearchInputActive) {\n inputRef.current?.focus();\n }\n }, [isSearchInputActive, onActiveChange]);\n\n useEffect(() => {\n if (typeof isActive === 'boolean') {\n setIsSearchInputActive(isActive);\n }\n }, [isActive]);\n\n return (\n <StyledSearchInput className=\"beta-chayns-search-input\" $size={size}>\n <StyledMotionSearchInputIconWrapper>\n <AnimatePresence initial={false}>\n <StyledMotionSearchInputIconWrapperContent\n animate={{ opacity: 1 }}\n exit={{ opacity: 0, position: 'absolute' }}\n initial={{ opacity: 0 }}\n key={isSearchInputActive ? 'backIcon' : 'searchIcon'}\n transition={{ duration: 0.3 }}\n >\n <Icon\n color={iconColor}\n icons={isSearchInputActive ? ['fa fa-arrow-left'] : ['fa fa-search']}\n onClick={\n isSearchInputActive ? handleBackIconClick : handleSearchIconClick\n }\n size={18}\n />\n </StyledMotionSearchInputIconWrapperContent>\n </AnimatePresence>\n </StyledMotionSearchInputIconWrapper>\n <AnimatePresence initial={false}>\n {isSearchInputActive && (\n <StyledMotionSearchInputContentWrapper\n animate={{ opacity: 1, width: '100%' }}\n exit={{ opacity: 0, width: 0 }}\n initial={{ opacity: 0, width: 0 }}\n key=\"searchInputContentWrapper\"\n transition={{ duration: 0.3 }}\n >\n <Input\n leftElement={<Icon color={theme.text} icons={['far fa-search']} />}\n onChange={onChange}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n ref={inputRef}\n shouldShowClearIcon\n size={size}\n value={value}\n />\n </StyledMotionSearchInputContentWrapper>\n )}\n </AnimatePresence>\n </StyledSearchInput>\n );\n};\n\nSearchInput.displayName = 'SearchInput';\n\nexport default SearchInput;\n"],"mappings":"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","ignoreList":[]}
package/lib/esm/components/search-input/SearchInput.styles.js CHANGED
@@ -4,7 +4,12 @@ export const StyledSearchInput = styled.div`
4
4
  align-items: center;
5
5
  display: flex;
6
6
  gap: 8px;
7
- height: 42px;
7
+ height: ${_ref => {
8
+ let {
9
+ $size
10
+ } = _ref;
11
+ return $size === 'medium' ? '42px' : '32px';
12
+ }};
8
13
  justify-content: flex-end;
9
14
  width: 100%;
10
15
  `;
package/lib/esm/components/search-input/SearchInput.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SearchInput.styles.js","names":["motion","styled","StyledSearchInput","div","StyledMotionSearchInputContentWrapper","StyledMotionSearchInputIconWrapper","StyledMotionSearchInputIconWrapperContent"],"sources":["../../../../src/components/search-input/SearchInput.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { FramerMotionBugFix } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSearchInput = styled.div`\n align-items: center;\n display: flex;\n gap: 8px;\n height: 42px;\n justify-content: flex-end;\n width: 100%;\n`;\n\nexport const StyledMotionSearchInputContentWrapper = styled(motion.div)<FramerMotionBugFix>`\n overflow: hidden;\n`;\n\nexport const StyledMotionSearchInputIconWrapper = styled.div`\n width: 18px;\n`;\n\nexport const StyledMotionSearchInputIconWrapperContent = styled(motion.div)<FramerMotionBugFix>``;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AAGtC,OAAO,MAAMC,iBAAiB,GAAGD,MAAM,CAACE,GAAG;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,qCAAqC,GAAGH,MAAM,CAACD,MAAM,CAACG,GAAG,CAAqB;AAC3F;AACA,CAAC;AAED,OAAO,MAAME,kCAAkC,GAAGJ,MAAM,CAACE,GAAG;AAC5D;AACA,CAAC;AAED,OAAO,MAAMG,yCAAyC,GAAGL,MAAM,CAACD,MAAM,CAACG,GAAG,CAAqB,EAAE","ignoreList":[]}
1
+ {"version":3,"file":"SearchInput.styles.js","names":["motion","styled","StyledSearchInput","div","_ref","$size","StyledMotionSearchInputContentWrapper","StyledMotionSearchInputIconWrapper","StyledMotionSearchInputIconWrapperContent"],"sources":["../../../../src/components/search-input/SearchInput.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { FramerMotionBugFix } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { InputSize } from '../input/Input';\n\ntype StyledSearchInputProps = {\n $size: InputSize;\n};\n\nexport const StyledSearchInput = styled.div<StyledSearchInputProps>`\n align-items: center;\n display: flex;\n gap: 8px;\n height: ${({ $size }) => ($size === 'medium' ? '42px' : '32px')};\n justify-content: flex-end;\n width: 100%;\n`;\n\nexport const StyledMotionSearchInputContentWrapper = styled(motion.div)<FramerMotionBugFix>`\n overflow: hidden;\n`;\n\nexport const StyledMotionSearchInputIconWrapper = styled.div`\n width: 18px;\n`;\n\nexport const StyledMotionSearchInputIconWrapperContent = styled(motion.div)<FramerMotionBugFix>``;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AAQtC,OAAO,MAAMC,iBAAiB,GAAGD,MAAM,CAACE,GAA2B;AACnE;AACA;AACA;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,OAAMC,KAAK,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC;AACnE;AACA;AACA,CAAC;AAED,OAAO,MAAMC,qCAAqC,GAAGL,MAAM,CAACD,MAAM,CAACG,GAAG,CAAqB;AAC3F;AACA,CAAC;AAED,OAAO,MAAMI,kCAAkC,GAAGN,MAAM,CAACE,GAAG;AAC5D;AACA,CAAC;AAED,OAAO,MAAMK,yCAAyC,GAAGP,MAAM,CAACD,MAAM,CAACG,GAAG,CAAqB,EAAE","ignoreList":[]}
package/lib/esm/components/text-area/TextArea.styles.js CHANGED
@@ -35,6 +35,7 @@ export const StyledTextAreaInput = styled.textarea`
35
35
  } = _ref3;
36
36
  return theme.text;
37
37
  }};
38
+ background: none;
38
39
  border: none;
39
40
  resize: none;
40
41
  overflow-y: ${_ref4 => {
package/lib/esm/components/text-area/TextArea.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.styles.js","names":["styled","css","StyledTextArea","div","_ref","$isDisabled","StyledTextAreaContentWrapper","_ref2","theme","$shouldChangeColor","colorMode","StyledTextAreaContent","StyledTextAreaInput","textarea","_ref3","text","_ref4","$isOverflowing","_ref5","$maxHeight","_ref6","$minHeight","_ref7","$browser","StyledTextAreaLabelWrapper","label","StyledTextAreaLabel","_ref8","_ref9"],"sources":["../../../../src/components/text-area/TextArea.styles.ts"],"sourcesContent":["import type { Browser } from 'detect-browser';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledTextAreaProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledTextArea = styled.div<StyledTextAreaProps>`\n display: flex;\n flex: 1 1 auto;\n min-width: 0;\n opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n position: relative;\n`;\n\ntype StyledTextAreaContentWrapperProps = WithTheme<{ $shouldChangeColor: boolean }>;\n\nexport const StyledTextAreaContentWrapper = styled.div<StyledTextAreaContentWrapperProps>`\n background-color: ${({ theme, $shouldChangeColor }: StyledTextAreaContentWrapperProps) =>\n theme.colorMode === 'classic' || $shouldChangeColor ? theme['000'] : theme['100']};\n border-radius: 3px;\n border: 1px solid rgba(160, 160, 160, 0.3);\n width: 100%;\n display: flex;\n`;\n\nexport const StyledTextAreaContent = styled.div`\n display: flex;\n width: 100%;\n`;\n\ntype StyledTextAreaInputProps = WithTheme<{\n $maxHeight: CSSProperties['maxHeight'];\n $minHeight: CSSProperties['minHeight'];\n $isOverflowing: boolean;\n $browser: Browser | 'bot' | null | undefined;\n}>;\n\nexport const StyledTextAreaInput = styled.textarea<StyledTextAreaInputProps>`\n color: ${({ theme }: StyledTextAreaInputProps) => theme.text};\n border: none;\n resize: none;\n overflow-y: ${({ $isOverflowing }) => ($isOverflowing ? 'scroll' : 'hidden')};\n max-height: ${({ $maxHeight }: StyledTextAreaInputProps) =>\n typeof $maxHeight === 'number' ? `${$maxHeight}px` : $maxHeight};\n min-height: ${({ $minHeight }: StyledTextAreaInputProps) =>\n typeof $minHeight === 'number' ? `${$minHeight}px` : $minHeight};\n width: 100%;\n padding: 8px 10px;\n cursor: text;\n\n // Styles for custom scrollbar\n ${({ $browser, theme }: StyledTextAreaInputProps) =>\n $browser === 'firefox'\n ? css`\n scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n scrollbar-width: thin;\n `\n : css`\n &::-webkit-scrollbar {\n width: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-button {\n background-color: transparent;\n height: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(${theme['text-rgb']}, 0.15);\n border-radius: 20px;\n background-clip: padding-box;\n border: solid 3px transparent;\n }\n `}\n`;\n\nexport const StyledTextAreaLabelWrapper = styled.label`\n left: 10px;\n top: 12px;\n align-items: baseline;\n display: flex;\n flex: 0 0 auto;\n gap: 4px;\n line-height: 1.3;\n pointer-events: none;\n position: absolute;\n user-select: none;\n width: calc(100% - 20px);\n cursor: text;\n`;\n\ntype StyledTextAreaLabelProps = WithTheme<unknown>;\n\nexport const StyledTextAreaLabel = styled.label<StyledTextAreaLabelProps>`\n color: rgba(${({ theme }: StyledTextAreaLabelProps) => theme['text-rgb']}, 0.45);\n line-height: 1.3;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n cursor: text;\n text-overflow: ellipsis;\n color: ${({ theme }: StyledTextAreaLabelProps) => theme['006']};\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAK/C,OAAO,MAAMC,cAAc,GAAGF,MAAM,CAACG,GAAwB;AAC7D;AACA;AACA;AACA,eAAeC,IAAA;EAAA,IAAC;IAAEC;EAAY,CAAC,GAAAD,IAAA;EAAA,OAAMC,WAAW,GAAG,GAAG,GAAG,CAAC;AAAA,CAAC;AAC3D;AACA,CAAC;AAID,OAAO,MAAMC,4BAA4B,GAAGN,MAAM,CAACG,GAAsC;AACzF,wBAAwBI,KAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC;EAAsD,CAAC,GAAAF,KAAA;EAAA,OACjFC,KAAK,CAACE,SAAS,KAAK,SAAS,IAAID,kBAAkB,GAAGD,KAAK,CAAC,KAAK,CAAC,GAAGA,KAAK,CAAC,KAAK,CAAC;AAAA;AACzF;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,qBAAqB,GAAGX,MAAM,CAACG,GAAG;AAC/C;AACA;AACA,CAAC;AASD,OAAO,MAAMS,mBAAmB,GAAGZ,MAAM,CAACa,QAAkC;AAC5E,aAAaC,KAAA;EAAA,IAAC;IAAEN;EAAgC,CAAC,GAAAM,KAAA;EAAA,OAAKN,KAAK,CAACO,IAAI;AAAA;AAChE;AACA;AACA,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAe,CAAC,GAAAD,KAAA;EAAA,OAAMC,cAAc,GAAG,QAAQ,GAAG,QAAQ;AAAA,CAAC;AAChF,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAqC,CAAC,GAAAD,KAAA;EAAA,OACnD,OAAOC,UAAU,KAAK,QAAQ,GAAG,GAAGA,UAAU,IAAI,GAAGA,UAAU;AAAA;AACvE,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAqC,CAAC,GAAAD,KAAA;EAAA,OACnD,OAAOC,UAAU,KAAK,QAAQ,GAAG,GAAGA,UAAU,IAAI,GAAGA,UAAU;AAAA;AACvE;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEf;EAAgC,CAAC,GAAAc,KAAA;EAAA,OAC5CC,QAAQ,KAAK,SAAS,GAChBtB,GAAG;AACjB,0CAA0CO,KAAK,CAAC,UAAU,CAAC;AAC3D;AACA,eAAe,GACDP,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CO,KAAK,CAAC,UAAU,CAAC;AAChE;AACA;AACA;AACA;AACA,eAAe;AAAA;AACf,CAAC;AAED,OAAO,MAAMgB,0BAA0B,GAAGxB,MAAM,CAACyB,KAAK;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMC,mBAAmB,GAAG1B,MAAM,CAACyB,KAA+B;AACzE,kBAAkBE,KAAA;EAAA,IAAC;IAAEnB;EAAgC,CAAC,GAAAmB,KAAA;EAAA,OAAKnB,KAAK,CAAC,UAAU,CAAC;AAAA;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,aAAaoB,KAAA;EAAA,IAAC;IAAEpB;EAAgC,CAAC,GAAAoB,KAAA;EAAA,OAAKpB,KAAK,CAAC,KAAK,CAAC;AAAA;AAClE,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"TextArea.styles.js","names":["styled","css","StyledTextArea","div","_ref","$isDisabled","StyledTextAreaContentWrapper","_ref2","theme","$shouldChangeColor","colorMode","StyledTextAreaContent","StyledTextAreaInput","textarea","_ref3","text","_ref4","$isOverflowing","_ref5","$maxHeight","_ref6","$minHeight","_ref7","$browser","StyledTextAreaLabelWrapper","label","StyledTextAreaLabel","_ref8","_ref9"],"sources":["../../../../src/components/text-area/TextArea.styles.ts"],"sourcesContent":["import type { Browser } from 'detect-browser';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledTextAreaProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledTextArea = styled.div<StyledTextAreaProps>`\n display: flex;\n flex: 1 1 auto;\n min-width: 0;\n opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n position: relative;\n`;\n\ntype StyledTextAreaContentWrapperProps = WithTheme<{ $shouldChangeColor: boolean }>;\n\nexport const StyledTextAreaContentWrapper = styled.div<StyledTextAreaContentWrapperProps>`\n background-color: ${({ theme, $shouldChangeColor }: StyledTextAreaContentWrapperProps) =>\n theme.colorMode === 'classic' || $shouldChangeColor ? theme['000'] : theme['100']};\n border-radius: 3px;\n border: 1px solid rgba(160, 160, 160, 0.3);\n width: 100%;\n display: flex;\n`;\n\nexport const StyledTextAreaContent = styled.div`\n display: flex;\n width: 100%;\n`;\n\ntype StyledTextAreaInputProps = WithTheme<{\n $maxHeight: CSSProperties['maxHeight'];\n $minHeight: CSSProperties['minHeight'];\n $isOverflowing: boolean;\n $browser: Browser | 'bot' | null | undefined;\n}>;\n\nexport const StyledTextAreaInput = styled.textarea<StyledTextAreaInputProps>`\n color: ${({ theme }: StyledTextAreaInputProps) => theme.text};\n background: none;\n border: none;\n resize: none;\n overflow-y: ${({ $isOverflowing }) => ($isOverflowing ? 'scroll' : 'hidden')};\n max-height: ${({ $maxHeight }: StyledTextAreaInputProps) =>\n typeof $maxHeight === 'number' ? `${$maxHeight}px` : $maxHeight};\n min-height: ${({ $minHeight }: StyledTextAreaInputProps) =>\n typeof $minHeight === 'number' ? `${$minHeight}px` : $minHeight};\n width: 100%;\n padding: 8px 10px;\n cursor: text;\n\n // Styles for custom scrollbar\n ${({ $browser, theme }: StyledTextAreaInputProps) =>\n $browser === 'firefox'\n ? css`\n scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n scrollbar-width: thin;\n `\n : css`\n &::-webkit-scrollbar {\n width: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-button {\n background-color: transparent;\n height: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(${theme['text-rgb']}, 0.15);\n border-radius: 20px;\n background-clip: padding-box;\n border: solid 3px transparent;\n }\n `}\n`;\n\nexport const StyledTextAreaLabelWrapper = styled.label`\n left: 10px;\n top: 12px;\n align-items: baseline;\n display: flex;\n flex: 0 0 auto;\n gap: 4px;\n line-height: 1.3;\n pointer-events: none;\n position: absolute;\n user-select: none;\n width: calc(100% - 20px);\n cursor: text;\n`;\n\ntype StyledTextAreaLabelProps = WithTheme<unknown>;\n\nexport const StyledTextAreaLabel = styled.label<StyledTextAreaLabelProps>`\n color: rgba(${({ theme }: StyledTextAreaLabelProps) => theme['text-rgb']}, 0.45);\n line-height: 1.3;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n cursor: text;\n text-overflow: ellipsis;\n color: ${({ theme }: StyledTextAreaLabelProps) => theme['006']};\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAK/C,OAAO,MAAMC,cAAc,GAAGF,MAAM,CAACG,GAAwB;AAC7D;AACA;AACA;AACA,eAAeC,IAAA;EAAA,IAAC;IAAEC;EAAY,CAAC,GAAAD,IAAA;EAAA,OAAMC,WAAW,GAAG,GAAG,GAAG,CAAC;AAAA,CAAC;AAC3D;AACA,CAAC;AAID,OAAO,MAAMC,4BAA4B,GAAGN,MAAM,CAACG,GAAsC;AACzF,wBAAwBI,KAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC;EAAsD,CAAC,GAAAF,KAAA;EAAA,OACjFC,KAAK,CAACE,SAAS,KAAK,SAAS,IAAID,kBAAkB,GAAGD,KAAK,CAAC,KAAK,CAAC,GAAGA,KAAK,CAAC,KAAK,CAAC;AAAA;AACzF;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,qBAAqB,GAAGX,MAAM,CAACG,GAAG;AAC/C;AACA;AACA,CAAC;AASD,OAAO,MAAMS,mBAAmB,GAAGZ,MAAM,CAACa,QAAkC;AAC5E,aAAaC,KAAA;EAAA,IAAC;IAAEN;EAAgC,CAAC,GAAAM,KAAA;EAAA,OAAKN,KAAK,CAACO,IAAI;AAAA;AAChE;AACA;AACA;AACA,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAe,CAAC,GAAAD,KAAA;EAAA,OAAMC,cAAc,GAAG,QAAQ,GAAG,QAAQ;AAAA,CAAC;AAChF,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAqC,CAAC,GAAAD,KAAA;EAAA,OACnD,OAAOC,UAAU,KAAK,QAAQ,GAAG,GAAGA,UAAU,IAAI,GAAGA,UAAU;AAAA;AACvE,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAqC,CAAC,GAAAD,KAAA;EAAA,OACnD,OAAOC,UAAU,KAAK,QAAQ,GAAG,GAAGA,UAAU,IAAI,GAAGA,UAAU;AAAA;AACvE;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEf;EAAgC,CAAC,GAAAc,KAAA;EAAA,OAC5CC,QAAQ,KAAK,SAAS,GAChBtB,GAAG;AACjB,0CAA0CO,KAAK,CAAC,UAAU,CAAC;AAC3D;AACA,eAAe,GACDP,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CO,KAAK,CAAC,UAAU,CAAC;AAChE;AACA;AACA;AACA;AACA,eAAe;AAAA;AACf,CAAC;AAED,OAAO,MAAMgB,0BAA0B,GAAGxB,MAAM,CAACyB,KAAK;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMC,mBAAmB,GAAG1B,MAAM,CAACyB,KAA+B;AACzE,kBAAkBE,KAAA;EAAA,IAAC;IAAEnB;EAAgC,CAAC,GAAAmB,KAAA;EAAA,OAAKnB,KAAK,CAAC,UAAU,CAAC;AAAA;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,aAAaoB,KAAA;EAAA,IAAC;IAAEpB;EAAgC,CAAC,GAAAoB,KAAA;EAAA,OAAKpB,KAAK,CAAC,KAAK,CAAC;AAAA;AAClE,CAAC","ignoreList":[]}
package/lib/esm/utils/isTobitEmployee.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { UacServiceClient } from '@chayns/uac-service';
2
- import { getAccessToken, getSite, getUser } from 'chayns-api';
2
+ import { getAccessToken, getLanguage, getSite, getUser } from 'chayns-api';
3
3
  const client = new UacServiceClient({
4
4
  getToken: async () => (await getAccessToken()).accessToken || '',
5
5
  getDefaultSiteId: () => getSite().id,
6
- getDefaultPersonId: () => getUser()?.personId || ''
6
+ getDefaultPersonId: () => getUser()?.personId || '',
7
+ getLanguage: () => getLanguage().active
7
8
  });
8
9
  export const isTobitEmployee = async () => {
9
10
  const siteInfos = await client.getMembershipSites({
package/lib/esm/utils/isTobitEmployee.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"isTobitEmployee.js","names":["UacServiceClient","getAccessToken","getSite","getUser","client","getToken","accessToken","getDefaultSiteId","id","getDefaultPersonId","personId","isTobitEmployee","siteInfos","getMembershipSites","groupId","isEmployee","forEach","_ref","siteId"],"sources":["../../../src/utils/isTobitEmployee.ts"],"sourcesContent":["import { UacServiceClient } from '@chayns/uac-service';\nimport { getAccessToken, getSite, getUser } from 'chayns-api';\n\nconst client = new UacServiceClient({\n getToken: async () => (await getAccessToken()).accessToken || '',\n getDefaultSiteId: () => getSite().id,\n getDefaultPersonId: () => getUser()?.personId || '',\n});\n\nexport const isTobitEmployee = async () => {\n const siteInfos = await client.getMembershipSites({ groupId: 8255 });\n\n let isEmployee = false;\n\n siteInfos.forEach(({ siteId }) => {\n isEmployee = siteId === '60038-22141';\n });\n\n return isEmployee;\n};\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,cAAc,EAAEC,OAAO,EAAEC,OAAO,QAAQ,YAAY;AAE7D,MAAMC,MAAM,GAAG,IAAIJ,gBAAgB,CAAC;EAChCK,QAAQ,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMJ,cAAc,CAAC,CAAC,EAAEK,WAAW,IAAI,EAAE;EAChEC,gBAAgB,EAAEA,CAAA,KAAML,OAAO,CAAC,CAAC,CAACM,EAAE;EACpCC,kBAAkB,EAAEA,CAAA,KAAMN,OAAO,CAAC,CAAC,EAAEO,QAAQ,IAAI;AACrD,CAAC,CAAC;AAEF,OAAO,MAAMC,eAAe,GAAG,MAAAA,CAAA,KAAY;EACvC,MAAMC,SAAS,GAAG,MAAMR,MAAM,CAACS,kBAAkB,CAAC;IAAEC,OAAO,EAAE;EAAK,CAAC,CAAC;EAEpE,IAAIC,UAAU,GAAG,KAAK;EAEtBH,SAAS,CAACI,OAAO,CAACC,IAAA,IAAgB;IAAA,IAAf;MAAEC;IAAO,CAAC,GAAAD,IAAA;IACzBF,UAAU,GAAGG,MAAM,KAAK,aAAa;EACzC,CAAC,CAAC;EAEF,OAAOH,UAAU;AACrB,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"isTobitEmployee.js","names":["UacServiceClient","getAccessToken","getLanguage","getSite","getUser","client","getToken","accessToken","getDefaultSiteId","id","getDefaultPersonId","personId","active","isTobitEmployee","siteInfos","getMembershipSites","groupId","isEmployee","forEach","_ref","siteId"],"sources":["../../../src/utils/isTobitEmployee.ts"],"sourcesContent":["import { UacServiceClient } from '@chayns/uac-service';\nimport { getAccessToken, getLanguage, getSite, getUser } from 'chayns-api';\n\nconst client = new UacServiceClient({\n getToken: async () => (await getAccessToken()).accessToken || '',\n getDefaultSiteId: () => getSite().id,\n getDefaultPersonId: () => getUser()?.personId || '',\n getLanguage: () => getLanguage().active,\n});\n\nexport const isTobitEmployee = async () => {\n const siteInfos = await client.getMembershipSites({ groupId: 8255 });\n\n let isEmployee = false;\n\n siteInfos.forEach(({ siteId }) => {\n isEmployee = siteId === '60038-22141';\n });\n\n return isEmployee;\n};\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,cAAc,EAAEC,WAAW,EAAEC,OAAO,EAAEC,OAAO,QAAQ,YAAY;AAE1E,MAAMC,MAAM,GAAG,IAAIL,gBAAgB,CAAC;EAChCM,QAAQ,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAML,cAAc,CAAC,CAAC,EAAEM,WAAW,IAAI,EAAE;EAChEC,gBAAgB,EAAEA,CAAA,KAAML,OAAO,CAAC,CAAC,CAACM,EAAE;EACpCC,kBAAkB,EAAEA,CAAA,KAAMN,OAAO,CAAC,CAAC,EAAEO,QAAQ,IAAI,EAAE;EACnDT,WAAW,EAAEA,CAAA,KAAMA,WAAW,CAAC,CAAC,CAACU;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMC,eAAe,GAAG,MAAAA,CAAA,KAAY;EACvC,MAAMC,SAAS,GAAG,MAAMT,MAAM,CAACU,kBAAkB,CAAC;IAAEC,OAAO,EAAE;EAAK,CAAC,CAAC;EAEpE,IAAIC,UAAU,GAAG,KAAK;EAEtBH,SAAS,CAACI,OAAO,CAACC,IAAA,IAAgB;IAAA,IAAf;MAAEC;IAAO,CAAC,GAAAD,IAAA;IACzBF,UAAU,GAAGG,MAAM,KAAK,aAAa;EACzC,CAAC,CAAC;EAEF,OAAOH,UAAU;AACrB,CAAC","ignoreList":[]}
package/lib/types/components/accordion/Accordion.d.ts CHANGED
@@ -74,10 +74,6 @@ export type AccordionProps = {
74
74
  * Content to be displayed on the right side in the head of the Accordion
75
75
  */
76
76
  rightElement?: ReactNode;
77
- /**
78
- * Icon to be displayed on the right side in the search input
79
- */
80
- searchIcon?: string[];
81
77
  /**
82
78
  * The placeholder to be used for the search
83
79
  */
package/lib/types/components/accordion/accordion-head/AccordionHead.d.ts CHANGED
@@ -9,7 +9,6 @@ export type AccordionHeadProps = {
9
9
  onClick: MouseEventHandler<HTMLDivElement>;
10
10
  onSearchChange?: ChangeEventHandler<HTMLInputElement>;
11
11
  rightElement?: ReactNode;
12
- searchIcon?: string[];
13
12
  searchPlaceholder?: string;
14
13
  searchValue?: string;
15
14
  shouldRotateIcon?: boolean;
package/lib/types/components/accordion/accordion-head/AccordionHead.styles.d.ts CHANGED
@@ -1596,6 +1596,271 @@ export declare const StyledMotionTitleElementWrapper: import("styled-components/
1596
1596
  theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
1597
1597
  }>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
1598
1598
  export declare const StyledRightWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
1599
+ export declare const StyledMotionSearchWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
1600
+ slot?: string | undefined;
1601
+ title?: string | undefined;
1602
+ id?: string | undefined;
1603
+ color?: string | undefined;
1604
+ rel?: string | undefined;
1605
+ defaultChecked?: boolean | undefined;
1606
+ defaultValue?: string | number | readonly string[] | undefined;
1607
+ suppressContentEditableWarning?: boolean | undefined;
1608
+ suppressHydrationWarning?: boolean | undefined;
1609
+ accessKey?: string | undefined;
1610
+ autoFocus?: boolean | undefined;
1611
+ className?: string | undefined;
1612
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1613
+ contextMenu?: string | undefined;
1614
+ dir?: string | undefined;
1615
+ draggable?: (boolean | "false" | "true") | undefined;
1616
+ hidden?: boolean | undefined;
1617
+ lang?: string | undefined;
1618
+ nonce?: string | undefined;
1619
+ spellCheck?: (boolean | "false" | "true") | undefined;
1620
+ tabIndex?: number | undefined;
1621
+ translate?: "yes" | "no" | undefined;
1622
+ radioGroup?: string | undefined;
1623
+ role?: import("react").AriaRole | undefined;
1624
+ about?: string | undefined;
1625
+ content?: string | undefined;
1626
+ datatype?: string | undefined;
1627
+ inlist?: any;
1628
+ prefix?: string | undefined;
1629
+ property?: string | undefined;
1630
+ resource?: string | undefined;
1631
+ rev?: string | undefined;
1632
+ typeof?: string | undefined;
1633
+ vocab?: string | undefined;
1634
+ autoCapitalize?: string | undefined;
1635
+ autoCorrect?: string | undefined;
1636
+ autoSave?: string | undefined;
1637
+ itemProp?: string | undefined;
1638
+ itemScope?: boolean | undefined;
1639
+ itemType?: string | undefined;
1640
+ itemID?: string | undefined;
1641
+ itemRef?: string | undefined;
1642
+ results?: number | undefined;
1643
+ security?: string | undefined;
1644
+ unselectable?: "on" | "off" | undefined;
1645
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1646
+ is?: string | undefined;
1647
+ "aria-activedescendant"?: string | undefined;
1648
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
1649
+ "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
1650
+ "aria-braillelabel"?: string | undefined;
1651
+ "aria-brailleroledescription"?: string | undefined;
1652
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
1653
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
1654
+ "aria-colcount"?: number | undefined;
1655
+ "aria-colindex"?: number | undefined;
1656
+ "aria-colindextext"?: string | undefined;
1657
+ "aria-colspan"?: number | undefined;
1658
+ "aria-controls"?: string | undefined;
1659
+ "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "date" | "location" | undefined;
1660
+ "aria-describedby"?: string | undefined;
1661
+ "aria-description"?: string | undefined;
1662
+ "aria-details"?: string | undefined;
1663
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
1664
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
1665
+ "aria-errormessage"?: string | undefined;
1666
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
1667
+ "aria-flowto"?: string | undefined;
1668
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
1669
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
1670
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
1671
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
1672
+ "aria-keyshortcuts"?: string | undefined;
1673
+ "aria-label"?: string | undefined;
1674
+ "aria-labelledby"?: string | undefined;
1675
+ "aria-level"?: number | undefined;
1676
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
1677
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
1678
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
1679
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
1680
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
1681
+ "aria-owns"?: string | undefined;
1682
+ "aria-placeholder"?: string | undefined;
1683
+ "aria-posinset"?: number | undefined;
1684
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
1685
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
1686
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
1687
+ "aria-required"?: (boolean | "false" | "true") | undefined;
1688
+ "aria-roledescription"?: string | undefined;
1689
+ "aria-rowcount"?: number | undefined;
1690
+ "aria-rowindex"?: number | undefined;
1691
+ "aria-rowindextext"?: string | undefined;
1692
+ "aria-rowspan"?: number | undefined;
1693
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
1694
+ "aria-setsize"?: number | undefined;
1695
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
1696
+ "aria-valuemax"?: number | undefined;
1697
+ "aria-valuemin"?: number | undefined;
1698
+ "aria-valuenow"?: number | undefined;
1699
+ "aria-valuetext"?: string | undefined;
1700
+ dangerouslySetInnerHTML?: {
1701
+ __html: string | TrustedHTML;
1702
+ } | undefined;
1703
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1704
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1705
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1706
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1707
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1708
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1709
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1710
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1711
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1712
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1713
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1714
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1715
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1716
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1717
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1718
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1719
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1720
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1721
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1722
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1723
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1724
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1725
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1726
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1727
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1728
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1729
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1730
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1731
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1732
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1733
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1734
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1735
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1736
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1737
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1738
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1739
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1740
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1741
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1742
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1743
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1744
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1745
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1746
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1747
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1748
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1749
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1750
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1751
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1752
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1753
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1754
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1755
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1756
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1757
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1758
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1759
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1760
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1761
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1762
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1763
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1764
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1765
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1766
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1767
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1768
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1769
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1770
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1771
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1772
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1773
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1774
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1775
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1776
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1777
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1778
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1779
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1780
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1781
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1782
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1783
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1784
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1785
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1786
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1787
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1788
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1789
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1790
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1791
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1792
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1793
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1794
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1795
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1796
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1797
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1798
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1799
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1800
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1801
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1802
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1803
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1804
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1805
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1806
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1807
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1808
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1809
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1810
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1811
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1812
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1813
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1814
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1815
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1816
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1817
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1818
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1819
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1820
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1821
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1822
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1823
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1824
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1825
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1826
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1827
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1828
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1829
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1830
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1831
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1832
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1833
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1834
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1835
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1836
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1837
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1838
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1839
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1840
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1841
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1842
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1843
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1844
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1845
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1846
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1847
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1848
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1849
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1850
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1851
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1852
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1853
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1854
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1855
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1856
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1857
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1858
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1859
+ } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
1860
+ ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
1861
+ }, {
1862
+ theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
1863
+ }>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
1599
1864
  export declare const StyledMotionRightElementWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
1600
1865
  slot?: string | undefined;
1601
1866
  title?: string | undefined;
package/lib/types/components/input/Input.d.ts CHANGED
@@ -3,6 +3,10 @@ export type InputRef = {
3
3
  focus: VoidFunction;
4
4
  };
5
5
  type InputMode = 'email' | 'search' | 'tel' | 'text' | 'url' | 'none' | 'numeric' | 'decimal' | undefined;
6
+ export declare enum InputSize {
7
+ Small = "small",
8
+ Medium = "medium"
9
+ }
6
10
  export type InputProps = {
7
11
  /**
8
12
  * An element to be displayed on the left side of the input field
@@ -68,6 +72,10 @@ export type InputProps = {
68
72
  * If true, the input field is focused when the component is mounted
69
73
  */
70
74
  shouldUseAutoFocus?: boolean;
75
+ /**
76
+ * The size of the input field
77
+ */
78
+ size?: InputSize;
71
79
  /**
72
80
  * Input type set for input element (e.g. 'text', 'number' or 'password')
73
81
  */
package/lib/types/components/input/Input.styles.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
2
+ import type { InputSize } from './Input';
2
3
  type StyledInputProps = WithTheme<{
3
4
  $isDisabled?: boolean;
4
5
  }>;
@@ -8,6 +9,7 @@ type StyledInputContentWrapperProps = WithTheme<{
8
9
  $shouldShowOnlyBottomBorder?: boolean;
9
10
  $isInvalid?: boolean;
10
11
  $shouldChangeColor: boolean;
12
+ $size: InputSize;
11
13
  }>;
12
14
  export declare const StyledInputContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputContentWrapperProps>> & string;
13
15
  type StyledInputContentProps = WithTheme<{
@@ -554,6 +556,7 @@ type StyledInputLabelProps = WithTheme<{
554
556
  export declare const StyledInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, StyledInputLabelProps>> & string;
555
557
  type StyledMotionInputClearIconProps = WithTheme<{
556
558
  $shouldShowOnlyBottomBorder?: boolean;
559
+ $size: InputSize;
557
560
  }>;
558
561
  export declare const StyledMotionInputClearIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
559
562
  slot?: string | undefined;
package/lib/types/components/search-input/SearchInput.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React, { ChangeEventHandler, CSSProperties, FC } from 'react';
2
+ import { InputSize } from '../input/Input';
2
3
  export type SearchInputProps = {
3
4
  /**
4
5
  * Color of the icon
@@ -24,6 +25,10 @@ export type SearchInputProps = {
24
25
  * Placeholder for the input field
25
26
  */
26
27
  placeholder?: string;
28
+ /**
29
+ * The size of the input field
30
+ */
31
+ size?: InputSize;
27
32
  /**
28
33
  * Value if the input field should be controlled
29
34
  */
package/lib/types/components/search-input/SearchInput.styles.d.ts CHANGED
@@ -1,4 +1,8 @@
1
- export declare const StyledSearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
1
+ import type { InputSize } from '../input/Input';
2
+ type StyledSearchInputProps = {
3
+ $size: InputSize;
4
+ };
5
+ export declare const StyledSearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSearchInputProps>> & string;
2
6
  export declare const StyledMotionSearchInputContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
3
7
  slot?: string | undefined;
4
8
  title?: string | undefined;
@@ -530,3 +534,4 @@ export declare const StyledMotionSearchInputIconWrapperContent: import("styled-c
530
534
  }, {
531
535
  theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
532
536
  }>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
537
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/core",
3
- "version": "5.0.0-beta.695",
3
+ "version": "5.0.0-beta.699",
4
4
  "description": "A set of beautiful React components for developing your own applications with chayns.",
5
5
  "sideEffects": false,
6
6
  "browserslist": [
@@ -61,15 +61,15 @@
61
61
  "@types/uuid": "^9.0.8",
62
62
  "babel-loader": "^9.1.3",
63
63
  "cross-env": "^7.0.3",
64
- "lerna": "^8.1.6",
64
+ "lerna": "^8.1.7",
65
65
  "react": "^18.3.1",
66
66
  "react-dom": "^18.3.1",
67
- "styled-components": "^6.1.11",
68
- "typescript": "^5.5.3"
67
+ "styled-components": "^6.1.12",
68
+ "typescript": "^5.5.4"
69
69
  },
70
70
  "dependencies": {
71
71
  "@chayns/colors": "^2.0.0",
72
- "@chayns/uac-service": "^0.0.46",
72
+ "@chayns/uac-service": "^0.0.48",
73
73
  "@react-hook/resize-observer": "^1.2.6",
74
74
  "clsx": "^2.1.1",
75
75
  "react-helmet": "^6.1.0",
@@ -85,5 +85,5 @@
85
85
  "publishConfig": {
86
86
  "access": "public"
87
87
  },
88
- "gitHead": "d005729d02541beb59ab9dc6b583f779f1fda16b"
88
+ "gitHead": "f3679d69075a02714fa970992042b3eb7d67db0a"
89
89
  }