@veeqo/ui 14.3.0-beta-5 → 14.3.0-beta-7

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 (39) hide show
  1. package/dist/components/Accordion/styled.d.ts +5 -5
  2. package/dist/components/Action/Action.d.ts +4 -4
  3. package/dist/components/AnimatedDropdown/components/styled.d.ts +1 -1
  4. package/dist/components/AnimatedDropdown/styled.d.ts +2 -2
  5. package/dist/components/Badge/styled.d.ts +3 -3
  6. package/dist/components/Banner/styled.d.ts +7 -7
  7. package/dist/components/BaseContainer/BaseContainer.cjs +4 -1
  8. package/dist/components/BaseContainer/BaseContainer.cjs.map +1 -1
  9. package/dist/components/BaseContainer/BaseContainer.d.ts +2 -1
  10. package/dist/components/BaseContainer/BaseContainer.js +4 -1
  11. package/dist/components/BaseContainer/BaseContainer.js.map +1 -1
  12. package/dist/components/BaseContainer/index.d.ts +1 -0
  13. package/dist/components/BaseContainer/types.d.ts +15 -0
  14. package/dist/components/DimensionsInput/DimensionsInput.d.ts +10 -10
  15. package/dist/components/FilterTag/styled.d.ts +5 -5
  16. package/dist/components/Grid/index.d.ts +1 -1
  17. package/dist/components/LegacyDataTable/SpecificState/styled.d.ts +4 -4
  18. package/dist/components/Pagination/styled.d.ts +10 -10
  19. package/dist/components/PhoneInput/index.d.ts +10 -10
  20. package/dist/components/Search/Search.d.ts +10 -10
  21. package/dist/components/Search/styled.d.ts +11 -11
  22. package/dist/components/SegmentedControl/styled.d.ts +1 -1
  23. package/dist/components/Stack/Stack.cjs +2 -1
  24. package/dist/components/Stack/Stack.cjs.map +1 -1
  25. package/dist/components/Stack/Stack.d.ts +8 -2
  26. package/dist/components/Stack/Stack.js +2 -1
  27. package/dist/components/Stack/Stack.js.map +1 -1
  28. package/dist/components/Stack/types.d.ts +8 -11
  29. package/dist/components/Stepper/styled.d.ts +8 -1
  30. package/dist/components/Text/Text.d.ts +1 -1
  31. package/dist/components/TextField/TextField.d.ts +10 -10
  32. package/dist/components/TextField/index.d.ts +10 -10
  33. package/dist/components/ToastsLayout/components/styled.d.ts +26 -5
  34. package/dist/components/Toggle/styled.d.ts +1 -1
  35. package/dist/components/VideoModal/components/styled.d.ts +3 -3
  36. package/dist/components/View/styled.d.ts +4 -4
  37. package/dist/components/index.d.ts +1 -1
  38. package/dist/hoc/withLabels/styled.d.ts +8 -1
  39. package/package.json +1 -1
package/dist/components/PhoneInput/index.d.ts CHANGED
@@ -1,6 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
3
3
  rel?: string | undefined;
4
+ form?: string | undefined;
5
+ slot?: string | undefined;
6
+ style?: import("react").CSSProperties | undefined;
7
+ title?: string | undefined;
8
+ pattern?: string | undefined;
4
9
  className?: string | undefined;
5
10
  children?: import("react").ReactNode;
6
11
  defaultChecked?: boolean | undefined;
@@ -9,7 +14,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
9
14
  suppressHydrationWarning?: boolean | undefined;
10
15
  accessKey?: string | undefined;
11
16
  autoFocus?: boolean | undefined;
12
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
17
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
13
18
  contextMenu?: string | undefined;
14
19
  dir?: string | undefined;
15
20
  draggable?: (boolean | "true" | "false") | undefined;
@@ -18,12 +23,9 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
18
23
  lang?: string | undefined;
19
24
  nonce?: string | undefined;
20
25
  placeholder?: string | undefined;
21
- slot?: string | undefined;
22
26
  spellCheck?: (boolean | "true" | "false") | undefined;
23
- style?: import("react").CSSProperties | undefined;
24
27
  tabIndex?: number | undefined;
25
- title?: string | undefined;
26
- translate?: "yes" | "no" | undefined;
28
+ translate?: "no" | "yes" | undefined;
27
29
  radioGroup?: string | undefined;
28
30
  role?: import("react").AriaRole | undefined;
29
31
  about?: string | undefined;
@@ -48,7 +50,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
48
50
  results?: number | undefined;
49
51
  security?: string | undefined;
50
52
  unselectable?: "on" | "off" | undefined;
51
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
53
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
52
54
  is?: string | undefined;
53
55
  'aria-activedescendant'?: string | undefined;
54
56
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -68,7 +70,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
68
70
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
69
71
  'aria-flowto'?: string | undefined;
70
72
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
71
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
73
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
72
74
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
73
75
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
74
76
  'aria-keyshortcuts'?: string | undefined;
@@ -260,9 +262,6 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
260
262
  onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
261
263
  onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
262
264
  onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
263
- form?: string | undefined;
264
- pattern?: string | undefined;
265
- list?: string | undefined;
266
265
  alt?: string | undefined;
267
266
  disabled?: boolean | undefined;
268
267
  formAction?: string | undefined;
@@ -281,6 +280,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
281
280
  maxLength?: number | undefined;
282
281
  minLength?: number | undefined;
283
282
  src?: string | undefined;
283
+ list?: string | undefined;
284
284
  name?: string | undefined;
285
285
  height?: string | number | undefined;
286
286
  max?: string | number | undefined;
package/dist/components/Search/Search.d.ts CHANGED
@@ -1,6 +1,11 @@
1
1
  import React from 'react';
2
2
  export declare const Search: React.ForwardRefExoticComponent<{
3
3
  rel?: string | undefined;
4
+ form?: string | undefined;
5
+ slot?: string | undefined;
6
+ style?: React.CSSProperties | undefined;
7
+ title?: string | undefined;
8
+ pattern?: string | undefined;
4
9
  className?: string | undefined;
5
10
  children?: React.ReactNode;
6
11
  defaultChecked?: boolean | undefined;
@@ -9,7 +14,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
9
14
  suppressHydrationWarning?: boolean | undefined;
10
15
  accessKey?: string | undefined;
11
16
  autoFocus?: boolean | undefined;
12
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
17
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
13
18
  contextMenu?: string | undefined;
14
19
  dir?: string | undefined;
15
20
  draggable?: (boolean | "true" | "false") | undefined;
@@ -18,12 +23,9 @@ export declare const Search: React.ForwardRefExoticComponent<{
18
23
  lang?: string | undefined;
19
24
  nonce?: string | undefined;
20
25
  placeholder?: string | undefined;
21
- slot?: string | undefined;
22
26
  spellCheck?: (boolean | "true" | "false") | undefined;
23
- style?: React.CSSProperties | undefined;
24
27
  tabIndex?: number | undefined;
25
- title?: string | undefined;
26
- translate?: "yes" | "no" | undefined;
28
+ translate?: "no" | "yes" | undefined;
27
29
  radioGroup?: string | undefined;
28
30
  role?: React.AriaRole | undefined;
29
31
  about?: string | undefined;
@@ -48,7 +50,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
48
50
  results?: number | undefined;
49
51
  security?: string | undefined;
50
52
  unselectable?: "on" | "off" | undefined;
51
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
53
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
52
54
  is?: string | undefined;
53
55
  'aria-activedescendant'?: string | undefined;
54
56
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -68,7 +70,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
68
70
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
69
71
  'aria-flowto'?: string | undefined;
70
72
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
71
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
73
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
72
74
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
73
75
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
74
76
  'aria-keyshortcuts'?: string | undefined;
@@ -260,9 +262,6 @@ export declare const Search: React.ForwardRefExoticComponent<{
260
262
  onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
261
263
  onTransitionEnd?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
262
264
  onTransitionEndCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
263
- form?: string | undefined;
264
- pattern?: string | undefined;
265
- list?: string | undefined;
266
265
  alt?: string | undefined;
267
266
  disabled?: boolean | undefined;
268
267
  formAction?: string | undefined;
@@ -281,6 +280,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
281
280
  maxLength?: number | undefined;
282
281
  minLength?: number | undefined;
283
282
  src?: string | undefined;
283
+ list?: string | undefined;
284
284
  name?: string | undefined;
285
285
  height?: string | number | undefined;
286
286
  max?: string | number | undefined;
package/dist/components/Search/styled.d.ts CHANGED
@@ -2,6 +2,11 @@
2
2
  import { Loader } from '../Loader';
3
3
  declare const Input: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<{
4
4
  rel?: string | undefined;
5
+ form?: string | undefined;
6
+ slot?: string | undefined;
7
+ style?: import("react").CSSProperties | undefined;
8
+ title?: string | undefined;
9
+ pattern?: string | undefined;
5
10
  className?: string | undefined;
6
11
  children?: import("react").ReactNode;
7
12
  defaultChecked?: boolean | undefined;
@@ -10,7 +15,7 @@ declare const Input: import("styled-components").StyledComponent<import("react")
10
15
  suppressHydrationWarning?: boolean | undefined;
11
16
  accessKey?: string | undefined;
12
17
  autoFocus?: boolean | undefined;
13
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
18
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
14
19
  contextMenu?: string | undefined;
15
20
  dir?: string | undefined;
16
21
  draggable?: (boolean | "true" | "false") | undefined;
@@ -19,12 +24,9 @@ declare const Input: import("styled-components").StyledComponent<import("react")
19
24
  lang?: string | undefined;
20
25
  nonce?: string | undefined;
21
26
  placeholder?: string | undefined;
22
- slot?: string | undefined;
23
27
  spellCheck?: (boolean | "true" | "false") | undefined;
24
- style?: import("react").CSSProperties | undefined;
25
28
  tabIndex?: number | undefined;
26
- title?: string | undefined;
27
- translate?: "yes" | "no" | undefined;
29
+ translate?: "no" | "yes" | undefined;
28
30
  radioGroup?: string | undefined;
29
31
  role?: import("react").AriaRole | undefined;
30
32
  about?: string | undefined;
@@ -49,7 +51,7 @@ declare const Input: import("styled-components").StyledComponent<import("react")
49
51
  results?: number | undefined;
50
52
  security?: string | undefined;
51
53
  unselectable?: "on" | "off" | undefined;
52
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
54
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
53
55
  is?: string | undefined;
54
56
  'aria-activedescendant'?: string | undefined;
55
57
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -69,7 +71,7 @@ declare const Input: import("styled-components").StyledComponent<import("react")
69
71
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
70
72
  'aria-flowto'?: string | undefined;
71
73
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
72
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
74
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
73
75
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
74
76
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
75
77
  'aria-keyshortcuts'?: string | undefined;
@@ -261,9 +263,6 @@ declare const Input: import("styled-components").StyledComponent<import("react")
261
263
  onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
262
264
  onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
263
265
  onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
264
- form?: string | undefined;
265
- pattern?: string | undefined;
266
- list?: string | undefined;
267
266
  alt?: string | undefined;
268
267
  disabled?: boolean | undefined;
269
268
  formAction?: string | undefined;
@@ -282,6 +281,7 @@ declare const Input: import("styled-components").StyledComponent<import("react")
282
281
  maxLength?: number | undefined;
283
282
  minLength?: number | undefined;
284
283
  src?: string | undefined;
284
+ list?: string | undefined;
285
285
  name?: string | undefined;
286
286
  height?: string | number | undefined;
287
287
  max?: string | number | undefined;
@@ -301,7 +301,7 @@ declare const Input: import("styled-components").StyledComponent<import("react")
301
301
  multiline?: boolean | undefined;
302
302
  } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps, "ref"> & import("react").RefAttributes<unknown>>, any, {}, never>;
303
303
  declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
304
- declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
304
+ declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
305
305
  iconPosition: 'left' | 'right';
306
306
  }, never>;
307
307
  export { Container, Input, IconContainer, Loader };
package/dist/components/SegmentedControl/styled.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const SegmentedControlContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
2
+ export declare const SegmentedControlContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
package/dist/components/Stack/Stack.cjs CHANGED
@@ -14,7 +14,8 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.
15
15
  * Layout component.
16
16
  */
17
- const Stack = React__default.default.forwardRef(({ direction = 'vertical', alignX = 'start', alignY = 'start', spacing = 'base', as: Element = 'div', className, children, style, ...rest }, ref) => {
17
+ const Stack = React__default.default.forwardRef(({ direction = 'vertical', alignX = 'start', alignY = 'start', spacing = 'base', as = 'div', forwardedAs, className, children, style, ...rest }, ref) => {
18
+ const Element = forwardedAs || as;
18
19
  const isVertical = direction === 'vertical';
19
20
  const alignItemsKey = isVertical ? alignX : alignY;
20
21
  const justifyContentKey = isVertical ? alignY : alignX;
package/dist/components/Stack/Stack.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as: Element = 'div',\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n const spacingStyle = isVertical\n ? { rowGap: spacingValue }\n : { columnGap: spacingValue };\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n ...spacingStyle,\n ...style,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Element>\n );\n },\n);\n\nStack.displayName = 'Stack';\n"],"names":["React","theme","buildClassnames","styles"],"mappings":";;;;;;;;;;;;AAQA;;;AAGG;MACU,KAAK,GAAGA,sBAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,MAAM,EAChB,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,UAAU;IAE3C,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;IAClD,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;AAEtD,IAAA,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,KAAK,SAAS;IAE1E,MAAM,YAAY,GAAGC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAEzC,MAAM,YAAY,GAAG;AACnB,UAAE,EAAE,MAAM,EAAE,YAAY;AACxB,UAAE,EAAE,SAAS,EAAE,YAAY,EAAE;AAE/B,IAAA,QACED,sBAAA,CAAA,aAAA,CAAC,OAAO,IACN,SAAS,EAAEE,+BAAe,CAAC;AACzB,YAAAC,YAAM,CAAC,IAAI;AACX,YAAAA,YAAM,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,CAAC;AAChC,YAAAA,YAAM,CAAC,CAAA,WAAA,EAAc,aAAa,CAAA,CAAE,CAAC;AACrC,YAAAA,YAAM,CAAC,CAAA,eAAA,EAAkB,iBAAiB,CAAA,CAAE,CAAC;YAC7C,SAAS,GAAGA,YAAM,CAAC,kBAAkB,CAAC,GAAG,SAAS;YAClD,SAAS;SACV,CAAC,EACF,KAAK,EAAE;AACL,YAAA,GAAG,YAAY;AACf,YAAA,GAAG,KAAK;SACT,EACD,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,EAEP,QAAQ,CACD;AAEd,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
1
+ {"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as = 'div',\n forwardedAs,\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const Element = forwardedAs || as;\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n const spacingStyle = isVertical\n ? { rowGap: spacingValue }\n : { columnGap: spacingValue };\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n ...spacingStyle,\n ...style,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Element>\n );\n },\n);\n\nStack.displayName = 'Stack';\n"],"names":["React","theme","buildClassnames","styles"],"mappings":";;;;;;;;;;;;AAQA;;;AAGG;MACU,KAAK,GAAGA,sBAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,MAAM,EAChB,EAAE,GAAG,KAAK,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,OAAO,GAAG,WAAW,IAAI,EAAE;AACjC,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,UAAU;IAE3C,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;IAClD,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;AAEtD,IAAA,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,KAAK,SAAS;IAE1E,MAAM,YAAY,GAAGC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAEzC,MAAM,YAAY,GAAG;AACnB,UAAE,EAAE,MAAM,EAAE,YAAY;AACxB,UAAE,EAAE,SAAS,EAAE,YAAY,EAAE;AAE/B,IAAA,QACED,sBAAA,CAAA,aAAA,CAAC,OAAO,IACN,SAAS,EAAEE,+BAAe,CAAC;AACzB,YAAAC,YAAM,CAAC,IAAI;AACX,YAAAA,YAAM,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,CAAC;AAChC,YAAAA,YAAM,CAAC,CAAA,WAAA,EAAc,aAAa,CAAA,CAAE,CAAC;AACrC,YAAAA,YAAM,CAAC,CAAA,eAAA,EAAkB,iBAAiB,CAAA,CAAE,CAAC;YAC7C,SAAS,GAAGA,YAAM,CAAC,kBAAkB,CAAC,GAAG,SAAS;YAClD,SAAS;SACV,CAAC,EACF,KAAK,EAAE;AACL,YAAA,GAAG,YAAY;AACf,YAAA,GAAG,KAAK;SACT,EACD,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,EAEP,QAAQ,CACD;AAEd,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
package/dist/components/Stack/Stack.d.ts CHANGED
@@ -1,7 +1,13 @@
1
1
  import React from 'react';
2
- import { StackProps } from './types';
3
2
  /**
4
3
  * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.
5
4
  * Layout component.
6
5
  */
7
- export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
6
+ export declare const Stack: React.ForwardRefExoticComponent<{
7
+ direction?: "horizontal" | "vertical" | undefined;
8
+ alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
9
+ alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
10
+ spacing?: keyof import("./types").SizeScale | undefined;
11
+ as?: React.ElementType<any> | undefined;
12
+ forwardedAs?: React.ElementType<any> | undefined;
13
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
package/dist/components/Stack/Stack.js CHANGED
@@ -8,7 +8,8 @@ import styles from './Stack.module.scss.js';
8
8
  * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.
9
9
  * Layout component.
10
10
  */
11
- const Stack = React__default.forwardRef(({ direction = 'vertical', alignX = 'start', alignY = 'start', spacing = 'base', as: Element = 'div', className, children, style, ...rest }, ref) => {
11
+ const Stack = React__default.forwardRef(({ direction = 'vertical', alignX = 'start', alignY = 'start', spacing = 'base', as = 'div', forwardedAs, className, children, style, ...rest }, ref) => {
12
+ const Element = forwardedAs || as;
12
13
  const isVertical = direction === 'vertical';
13
14
  const alignItemsKey = isVertical ? alignX : alignY;
14
15
  const justifyContentKey = isVertical ? alignY : alignX;
package/dist/components/Stack/Stack.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as: Element = 'div',\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n const spacingStyle = isVertical\n ? { rowGap: spacingValue }\n : { columnGap: spacingValue };\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n ...spacingStyle,\n ...style,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Element>\n );\n },\n);\n\nStack.displayName = 'Stack';\n"],"names":["React"],"mappings":";;;;;;AAQA;;;AAGG;MACU,KAAK,GAAGA,cAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,MAAM,EAChB,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,UAAU;IAE3C,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;IAClD,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;AAEtD,IAAA,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,KAAK,SAAS;IAE1E,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAEzC,MAAM,YAAY,GAAG;AACnB,UAAE,EAAE,MAAM,EAAE,YAAY;AACxB,UAAE,EAAE,SAAS,EAAE,YAAY,EAAE;AAE/B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,IACN,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,IAAI;AACX,YAAA,MAAM,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,CAAC;AAChC,YAAA,MAAM,CAAC,CAAA,WAAA,EAAc,aAAa,CAAA,CAAE,CAAC;AACrC,YAAA,MAAM,CAAC,CAAA,eAAA,EAAkB,iBAAiB,CAAA,CAAE,CAAC;YAC7C,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,SAAS;YAClD,SAAS;SACV,CAAC,EACF,KAAK,EAAE;AACL,YAAA,GAAG,YAAY;AACf,YAAA,GAAG,KAAK;SACT,EACD,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,EAEP,QAAQ,CACD;AAEd,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
1
+ {"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as = 'div',\n forwardedAs,\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const Element = forwardedAs || as;\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n const spacingStyle = isVertical\n ? { rowGap: spacingValue }\n : { columnGap: spacingValue };\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n ...spacingStyle,\n ...style,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Element>\n );\n },\n);\n\nStack.displayName = 'Stack';\n"],"names":["React"],"mappings":";;;;;;AAQA;;;AAGG;MACU,KAAK,GAAGA,cAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,MAAM,EAChB,EAAE,GAAG,KAAK,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,OAAO,GAAG,WAAW,IAAI,EAAE;AACjC,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,UAAU;IAE3C,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;IAClD,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;AAEtD,IAAA,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,KAAK,SAAS;IAE1E,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAEzC,MAAM,YAAY,GAAG;AACnB,UAAE,EAAE,MAAM,EAAE,YAAY;AACxB,UAAE,EAAE,SAAS,EAAE,YAAY,EAAE;AAE/B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,IACN,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,IAAI;AACX,YAAA,MAAM,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,CAAC;AAChC,YAAA,MAAM,CAAC,CAAA,WAAA,EAAc,aAAa,CAAA,CAAE,CAAC;AACrC,YAAA,MAAM,CAAC,CAAA,eAAA,EAAkB,iBAAiB,CAAA,CAAE,CAAC;YAC7C,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,SAAS;YAClD,SAAS;SACV,CAAC,EACF,KAAK,EAAE;AACL,YAAA,GAAG,YAAY;AACf,YAAA,GAAG,KAAK;SACT,EACD,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,EAEP,QAAQ,CACD;AAEd,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
package/dist/components/Stack/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { HTMLAttributes } from 'react';
2
2
  import { Alignments } from './Alignments';
3
3
  type Alignment = keyof typeof Alignments;
4
4
  declare enum SizeAlias {
@@ -22,15 +22,6 @@ export declare const sizeAliases: SizeScale;
22
22
  declare const sizes: SizeScale;
23
23
  export type Size = keyof typeof sizes;
24
24
  export type StackProps = {
25
- children: ReactNode;
26
- /**
27
- * Classname for description
28
- */
29
- className?: string;
30
- /**
31
- * Inline styles. Used internally for gap-based spacing.
32
- */
33
- style?: React.CSSProperties;
34
25
  /**
35
26
  * Direction of component
36
27
  */
@@ -42,5 +33,11 @@ export type StackProps = {
42
33
  * Polymorphic element type. Defaults to 'div'.
43
34
  */
44
35
  as?: React.ElementType;
45
- };
36
+ /**
37
+ * @internal Used by styled-components v5 when wrapping this component
38
+ * with styled(Stack).attrs({ forwardedAs: 'element' }).
39
+ * Consumers should use `as` directly for polymorphic rendering.
40
+ */
41
+ forwardedAs?: React.ElementType;
42
+ } & HTMLAttributes<HTMLDivElement>;
46
43
  export {};
package/dist/components/Stepper/styled.d.ts CHANGED
@@ -1,5 +1,12 @@
1
1
  /// <reference types="react" />
2
2
  import { FormComponentProps } from '../types';
3
- export declare const ContainerStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Stack").StackProps & import("react").RefAttributes<HTMLDivElement>>, any, FormComponentProps, never>;
3
+ export declare const ContainerStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
4
+ direction?: "horizontal" | "vertical" | undefined;
5
+ alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
6
+ alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
7
+ spacing?: keyof import("../Stack").SizeScale | undefined;
8
+ as?: import("react").ElementType<any> | undefined;
9
+ forwardedAs?: import("react").ElementType<any> | undefined;
10
+ } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, FormComponentProps, never>;
4
11
  export declare const StepButton: import("styled-components").StyledComponent<"button", any, FormComponentProps, never>;
5
12
  export declare const StepperDivider: import("styled-components").StyledComponent<"div", any, Pick<FormComponentProps, "compact">, never>;
package/dist/components/Text/Text.d.ts CHANGED
@@ -7,5 +7,5 @@ import React from 'react';
7
7
  export declare const Text: React.ForwardRefExoticComponent<{
8
8
  as?: import("./types").ValidTextTag | undefined;
9
9
  muted?: boolean | undefined;
10
- variant?: "placeholder" | "link" | "body" | "button" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
10
+ variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
11
11
  } & React.HTMLAttributes<HTMLElement> & React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLElement>>;
package/dist/components/TextField/TextField.d.ts CHANGED
@@ -1,6 +1,11 @@
1
1
  import React from 'react';
2
2
  export declare const TextField: React.ForwardRefExoticComponent<{
3
3
  rel?: string | undefined;
4
+ form?: string | undefined;
5
+ slot?: string | undefined;
6
+ style?: React.CSSProperties | undefined;
7
+ title?: string | undefined;
8
+ pattern?: string | undefined;
4
9
  className?: string | undefined;
5
10
  children?: React.ReactNode;
6
11
  defaultChecked?: boolean | undefined;
@@ -9,7 +14,7 @@ export declare const TextField: React.ForwardRefExoticComponent<{
9
14
  suppressHydrationWarning?: boolean | undefined;
10
15
  accessKey?: string | undefined;
11
16
  autoFocus?: boolean | undefined;
12
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
17
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
13
18
  contextMenu?: string | undefined;
14
19
  dir?: string | undefined;
15
20
  draggable?: (boolean | "true" | "false") | undefined;
@@ -18,12 +23,9 @@ export declare const TextField: React.ForwardRefExoticComponent<{
18
23
  lang?: string | undefined;
19
24
  nonce?: string | undefined;
20
25
  placeholder?: string | undefined;
21
- slot?: string | undefined;
22
26
  spellCheck?: (boolean | "true" | "false") | undefined;
23
- style?: React.CSSProperties | undefined;
24
27
  tabIndex?: number | undefined;
25
- title?: string | undefined;
26
- translate?: "yes" | "no" | undefined;
28
+ translate?: "no" | "yes" | undefined;
27
29
  radioGroup?: string | undefined;
28
30
  role?: React.AriaRole | undefined;
29
31
  about?: string | undefined;
@@ -48,7 +50,7 @@ export declare const TextField: React.ForwardRefExoticComponent<{
48
50
  results?: number | undefined;
49
51
  security?: string | undefined;
50
52
  unselectable?: "on" | "off" | undefined;
51
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
53
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
52
54
  is?: string | undefined;
53
55
  'aria-activedescendant'?: string | undefined;
54
56
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -68,7 +70,7 @@ export declare const TextField: React.ForwardRefExoticComponent<{
68
70
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
69
71
  'aria-flowto'?: string | undefined;
70
72
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
71
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
73
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
72
74
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
73
75
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
74
76
  'aria-keyshortcuts'?: string | undefined;
@@ -260,9 +262,6 @@ export declare const TextField: React.ForwardRefExoticComponent<{
260
262
  onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
261
263
  onTransitionEnd?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
262
264
  onTransitionEndCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
263
- form?: string | undefined;
264
- pattern?: string | undefined;
265
- list?: string | undefined;
266
265
  alt?: string | undefined;
267
266
  disabled?: boolean | undefined;
268
267
  formAction?: string | undefined;
@@ -281,6 +280,7 @@ export declare const TextField: React.ForwardRefExoticComponent<{
281
280
  maxLength?: number | undefined;
282
281
  minLength?: number | undefined;
283
282
  src?: string | undefined;
283
+ list?: string | undefined;
284
284
  name?: string | undefined;
285
285
  height?: string | number | undefined;
286
286
  max?: string | number | undefined;
package/dist/components/TextField/index.d.ts CHANGED
@@ -2,6 +2,11 @@
2
2
  export type * from './types';
3
3
  export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
4
4
  rel?: string | undefined;
5
+ form?: string | undefined;
6
+ slot?: string | undefined;
7
+ style?: import("react").CSSProperties | undefined;
8
+ title?: string | undefined;
9
+ pattern?: string | undefined;
5
10
  className?: string | undefined;
6
11
  children?: import("react").ReactNode;
7
12
  defaultChecked?: boolean | undefined;
@@ -10,7 +15,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
10
15
  suppressHydrationWarning?: boolean | undefined;
11
16
  accessKey?: string | undefined;
12
17
  autoFocus?: boolean | undefined;
13
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
18
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
14
19
  contextMenu?: string | undefined;
15
20
  dir?: string | undefined;
16
21
  draggable?: (boolean | "true" | "false") | undefined;
@@ -19,12 +24,9 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
19
24
  lang?: string | undefined;
20
25
  nonce?: string | undefined;
21
26
  placeholder?: string | undefined;
22
- slot?: string | undefined;
23
27
  spellCheck?: (boolean | "true" | "false") | undefined;
24
- style?: import("react").CSSProperties | undefined;
25
28
  tabIndex?: number | undefined;
26
- title?: string | undefined;
27
- translate?: "yes" | "no" | undefined;
29
+ translate?: "no" | "yes" | undefined;
28
30
  radioGroup?: string | undefined;
29
31
  role?: import("react").AriaRole | undefined;
30
32
  about?: string | undefined;
@@ -49,7 +51,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
49
51
  results?: number | undefined;
50
52
  security?: string | undefined;
51
53
  unselectable?: "on" | "off" | undefined;
52
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
54
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
53
55
  is?: string | undefined;
54
56
  'aria-activedescendant'?: string | undefined;
55
57
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -69,7 +71,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
69
71
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
70
72
  'aria-flowto'?: string | undefined;
71
73
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
72
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
74
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
73
75
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
74
76
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
75
77
  'aria-keyshortcuts'?: string | undefined;
@@ -261,9 +263,6 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
261
263
  onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
262
264
  onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
263
265
  onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
264
- form?: string | undefined;
265
- pattern?: string | undefined;
266
- list?: string | undefined;
267
266
  alt?: string | undefined;
268
267
  disabled?: boolean | undefined;
269
268
  formAction?: string | undefined;
@@ -282,6 +281,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
282
281
  maxLength?: number | undefined;
283
282
  minLength?: number | undefined;
284
283
  src?: string | undefined;
284
+ list?: string | undefined;
285
285
  name?: string | undefined;
286
286
  height?: string | number | undefined;
287
287
  max?: string | number | undefined;
package/dist/components/ToastsLayout/components/styled.d.ts CHANGED
@@ -1,15 +1,36 @@
1
1
  /// <reference types="react" />
2
- export declare const ToastsLayoutContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Stack").StackProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
3
- export declare const Toast: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Stack").StackProps & import("react").RefAttributes<HTMLDivElement>>, any, {
2
+ export declare const ToastsLayoutContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
3
+ direction?: "horizontal" | "vertical" | undefined;
4
+ alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
5
+ alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
6
+ spacing?: keyof import("../../Stack").SizeScale | undefined;
7
+ as?: import("react").ElementType<any> | undefined;
8
+ forwardedAs?: import("react").ElementType<any> | undefined;
9
+ } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
10
+ export declare const Toast: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
11
+ direction?: "horizontal" | "vertical" | undefined;
12
+ alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
13
+ alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
14
+ spacing?: keyof import("../../Stack").SizeScale | undefined;
15
+ as?: import("react").ElementType<any> | undefined;
16
+ forwardedAs?: import("react").ElementType<any> | undefined;
17
+ } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
4
18
  minWidth: number | string;
5
19
  last: boolean;
6
20
  }, never>;
7
- export declare const IconWrap: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
21
+ export declare const IconWrap: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
8
22
  color: string;
9
23
  }, never>;
10
- export declare const ContentStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Stack").StackProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
24
+ export declare const ContentStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
25
+ direction?: "horizontal" | "vertical" | undefined;
26
+ alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
27
+ alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
28
+ spacing?: keyof import("../../Stack").SizeScale | undefined;
29
+ as?: import("react").ElementType<any> | undefined;
30
+ forwardedAs?: import("react").ElementType<any> | undefined;
31
+ } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
11
32
  export declare const StyledText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
12
33
  as?: import("../../Text").ValidTextTag | undefined;
13
34
  muted?: boolean | undefined;
14
- variant?: "placeholder" | "link" | "body" | "button" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
35
+ variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
15
36
  } & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
package/dist/components/Toggle/styled.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const Slider: import("styled-components").StyledComponent<"span", any, {
6
6
  }, never>;
7
7
  declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
8
8
  declare const Switch: import("styled-components").StyledComponent<"span", any, ToggleProps, never>;
9
- declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
9
+ declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
10
10
  disabled?: boolean | undefined;
11
11
  }, never>;
12
12
  export { Switch, Slider, Input, Wrapper };
package/dist/components/VideoModal/components/styled.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  interface IContainer {
3
3
  shouldShow: boolean;
4
4
  }
5
- export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, IContainer, never>;
6
- export declare const Shadow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
7
- export declare const Wrap: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
5
+ export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, IContainer, never>;
6
+ export declare const Shadow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
7
+ export declare const Wrap: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
8
8
  export {};
package/dist/components/View/styled.d.ts CHANGED
@@ -12,20 +12,20 @@ export type CounterProps = {
12
12
  $active?: boolean;
13
13
  $customTextColour?: string;
14
14
  } & RequiredPalette;
15
- declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
15
+ declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
16
16
  declare const CounterText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
17
17
  as?: import("../Text").ValidTextTag | undefined;
18
18
  muted?: boolean | undefined;
19
- variant?: "placeholder" | "link" | "body" | "button" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
19
+ variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
20
20
  } & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
21
- declare const Contour: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
21
+ declare const Contour: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
22
22
  $active?: boolean | undefined;
23
23
  $customTextColour?: string | undefined;
24
24
  } & RequiredPalette, never>;
25
25
  declare const CounterContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
26
26
  as?: import("../Text").ValidTextTag | undefined;
27
27
  muted?: boolean | undefined;
28
- variant?: "placeholder" | "link" | "body" | "button" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
28
+ variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
29
29
  } & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {
30
30
  $active?: boolean | undefined;
31
31
  $customTextColour?: string | undefined;