@veeqo/ui 14.3.0-beta-6 → 14.3.0-beta-8

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 (43) 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 +1 -0
  26. package/dist/components/Stack/Stack.js +2 -1
  27. package/dist/components/Stack/Stack.js.map +1 -1
  28. package/dist/components/Stack/Stack.module.scss.cjs +2 -2
  29. package/dist/components/Stack/Stack.module.scss.cjs.map +1 -1
  30. package/dist/components/Stack/Stack.module.scss.js +2 -2
  31. package/dist/components/Stack/Stack.module.scss.js.map +1 -1
  32. package/dist/components/Stack/types.d.ts +6 -0
  33. package/dist/components/Stepper/styled.d.ts +1 -0
  34. package/dist/components/Text/Text.d.ts +1 -1
  35. package/dist/components/TextField/TextField.d.ts +10 -10
  36. package/dist/components/TextField/index.d.ts +10 -10
  37. package/dist/components/ToastsLayout/components/styled.d.ts +5 -2
  38. package/dist/components/Toggle/styled.d.ts +1 -1
  39. package/dist/components/VideoModal/components/styled.d.ts +3 -3
  40. package/dist/components/View/styled.d.ts +4 -4
  41. package/dist/components/index.d.ts +1 -1
  42. package/dist/hoc/withLabels/styled.d.ts +1 -0
  43. 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
@@ -9,4 +9,5 @@ export declare const Stack: React.ForwardRefExoticComponent<{
9
9
  alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
10
10
  spacing?: keyof import("./types").SizeScale | undefined;
11
11
  as?: React.ElementType<any> | undefined;
12
+ forwardedAs?: React.ElementType<any> | undefined;
12
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/Stack.module.scss.cjs CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
4
4
 
5
- ___$insertStyle("._base_109hi_1 {\n display: flex;\n}\n\n/* Direction classes */\n._vertical-direction_109hi_6 {\n flex-direction: column;\n}\n\n._horizontal-direction_109hi_10 {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n._alignItems-start_109hi_15 {\n align-items: flex-start;\n}\n\n._alignItems-center_109hi_19 {\n align-items: center;\n}\n\n._alignItems-end_109hi_23 {\n align-items: flex-end;\n}\n\n._alignItems-stretch_109hi_27 {\n align-items: stretch;\n}\n\n._alignItems-between_109hi_31 {\n align-items: space-between;\n}\n\n._alignItems-around_109hi_35 {\n align-items: space-around;\n}\n\n._justifyContent-start_109hi_39 {\n justify-content: flex-start;\n}\n\n._justifyContent-center_109hi_43 {\n justify-content: center;\n}\n\n._justifyContent-end_109hi_47 {\n justify-content: flex-end;\n}\n\n._justifyContent-stretch_109hi_51 {\n justify-content: stretch;\n}\n\n._justifyContent-between_109hi_55 {\n justify-content: space-between;\n}\n\n._justifyContent-around_109hi_59 {\n justify-content: space-around;\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children (except the first) have the specific directional margin\n reset that the old SC rule `&& > * + * { margin-top/left }` controlled.\n Only the margin that Stack historically set is reset; other margins\n (e.g., margin-bottom, margin-right) are left untouched. */\n._base_109hi_1._vertical-direction_109hi_6 > * + * {\n margin-top: 0;\n}\n\n._base_109hi_1._horizontal-direction_109hi_10 > * + * {\n margin-left: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n._stretch-children_109hi_79 > * {\n flex: 1;\n}");
6
- var styles = {"base":"_base_109hi_1","vertical-direction":"_vertical-direction_109hi_6","horizontal-direction":"_horizontal-direction_109hi_10","alignItems-start":"_alignItems-start_109hi_15","alignItems-center":"_alignItems-center_109hi_19","alignItems-end":"_alignItems-end_109hi_23","alignItems-stretch":"_alignItems-stretch_109hi_27","alignItems-between":"_alignItems-between_109hi_31","alignItems-around":"_alignItems-around_109hi_35","justifyContent-start":"_justifyContent-start_109hi_39","justifyContent-center":"_justifyContent-center_109hi_43","justifyContent-end":"_justifyContent-end_109hi_47","justifyContent-stretch":"_justifyContent-stretch_109hi_51","justifyContent-between":"_justifyContent-between_109hi_55","justifyContent-around":"_justifyContent-around_109hi_59","stretch-children":"_stretch-children_109hi_79"};
5
+ ___$insertStyle("._base_nky8w_1 {\n display: flex;\n}\n\n/* Direction classes */\n._vertical-direction_nky8w_6 {\n flex-direction: column;\n}\n\n._horizontal-direction_nky8w_10 {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n._alignItems-start_nky8w_15 {\n align-items: flex-start;\n}\n\n._alignItems-center_nky8w_19 {\n align-items: center;\n}\n\n._alignItems-end_nky8w_23 {\n align-items: flex-end;\n}\n\n._alignItems-stretch_nky8w_27 {\n align-items: stretch;\n}\n\n._alignItems-between_nky8w_31 {\n align-items: space-between;\n}\n\n._alignItems-around_nky8w_35 {\n align-items: space-around;\n}\n\n._justifyContent-start_nky8w_39 {\n justify-content: flex-start;\n}\n\n._justifyContent-center_nky8w_43 {\n justify-content: center;\n}\n\n._justifyContent-end_nky8w_47 {\n justify-content: flex-end;\n}\n\n._justifyContent-stretch_nky8w_51 {\n justify-content: stretch;\n}\n\n._justifyContent-between_nky8w_55 {\n justify-content: space-between;\n}\n\n._justifyContent-around_nky8w_59 {\n justify-content: space-around;\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children have directional margins reset so gap is the sole spacing\n source. This matches the old SC behavior where `&& > * + *` implicitly\n overrode child margins. */\n._base_nky8w_1._vertical-direction_nky8w_6 > * {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n._base_nky8w_1._horizontal-direction_nky8w_10 > * {\n margin-left: 0;\n margin-right: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n._stretch-children_nky8w_80 > * {\n flex: 1;\n}");
6
+ var styles = {"base":"_base_nky8w_1","vertical-direction":"_vertical-direction_nky8w_6","horizontal-direction":"_horizontal-direction_nky8w_10","alignItems-start":"_alignItems-start_nky8w_15","alignItems-center":"_alignItems-center_nky8w_19","alignItems-end":"_alignItems-end_nky8w_23","alignItems-stretch":"_alignItems-stretch_nky8w_27","alignItems-between":"_alignItems-between_nky8w_31","alignItems-around":"_alignItems-around_nky8w_35","justifyContent-start":"_justifyContent-start_nky8w_39","justifyContent-center":"_justifyContent-center_nky8w_43","justifyContent-end":"_justifyContent-end_nky8w_47","justifyContent-stretch":"_justifyContent-stretch_nky8w_51","justifyContent-between":"_justifyContent-between_nky8w_55","justifyContent-around":"_justifyContent-around_nky8w_59","stretch-children":"_stretch-children_nky8w_80"};
7
7
 
8
8
  module.exports = styles;
9
9
  //# sourceMappingURL=Stack.module.scss.cjs.map
package/dist/components/Stack/Stack.module.scss.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.module.scss.cjs","sources":["../../../src/components/Stack/Stack.module.scss"],"sourcesContent":["@use './variables.scss' as vars;\n\n.base {\n display: flex;\n}\n\n/* Direction classes */\n.vertical-direction {\n flex-direction: column;\n}\n\n.horizontal-direction {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n@each $name, $value in vars.$align-items {\n .alignItems-#{$name} {\n align-items: $value;\n }\n}\n\n@each $name, $value in vars.$justify-content {\n .justifyContent-#{$name} {\n justify-content: $value;\n }\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children (except the first) have the specific directional margin\n reset that the old SC rule `&& > * + * { margin-top/left }` controlled.\n Only the margin that Stack historically set is reset; other margins\n (e.g., margin-bottom, margin-right) are left untouched. */\n.base.vertical-direction > * + * {\n margin-top: 0;\n}\n\n.base.horizontal-direction > * + * {\n margin-left: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n.stretch-children > * {\n flex: 1;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,0wDAAA;;;;;"}
1
+ {"version":3,"file":"Stack.module.scss.cjs","sources":["../../../src/components/Stack/Stack.module.scss"],"sourcesContent":["@use './variables.scss' as vars;\n\n.base {\n display: flex;\n}\n\n/* Direction classes */\n.vertical-direction {\n flex-direction: column;\n}\n\n.horizontal-direction {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n@each $name, $value in vars.$align-items {\n .alignItems-#{$name} {\n align-items: $value;\n }\n}\n\n@each $name, $value in vars.$justify-content {\n .justifyContent-#{$name} {\n justify-content: $value;\n }\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children have directional margins reset so gap is the sole spacing\n source. This matches the old SC behavior where `&& > * + *` implicitly\n overrode child margins. */\n.base.vertical-direction > * {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.base.horizontal-direction > * {\n margin-left: 0;\n margin-right: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n.stretch-children > * {\n flex: 1;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,osDAAA;;;;;"}
package/dist/components/Stack/Stack.module.scss.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import insertStyle from '../../_virtual/____insertStyle.js';
2
2
 
3
- insertStyle("._base_109hi_1 {\n display: flex;\n}\n\n/* Direction classes */\n._vertical-direction_109hi_6 {\n flex-direction: column;\n}\n\n._horizontal-direction_109hi_10 {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n._alignItems-start_109hi_15 {\n align-items: flex-start;\n}\n\n._alignItems-center_109hi_19 {\n align-items: center;\n}\n\n._alignItems-end_109hi_23 {\n align-items: flex-end;\n}\n\n._alignItems-stretch_109hi_27 {\n align-items: stretch;\n}\n\n._alignItems-between_109hi_31 {\n align-items: space-between;\n}\n\n._alignItems-around_109hi_35 {\n align-items: space-around;\n}\n\n._justifyContent-start_109hi_39 {\n justify-content: flex-start;\n}\n\n._justifyContent-center_109hi_43 {\n justify-content: center;\n}\n\n._justifyContent-end_109hi_47 {\n justify-content: flex-end;\n}\n\n._justifyContent-stretch_109hi_51 {\n justify-content: stretch;\n}\n\n._justifyContent-between_109hi_55 {\n justify-content: space-between;\n}\n\n._justifyContent-around_109hi_59 {\n justify-content: space-around;\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children (except the first) have the specific directional margin\n reset that the old SC rule `&& > * + * { margin-top/left }` controlled.\n Only the margin that Stack historically set is reset; other margins\n (e.g., margin-bottom, margin-right) are left untouched. */\n._base_109hi_1._vertical-direction_109hi_6 > * + * {\n margin-top: 0;\n}\n\n._base_109hi_1._horizontal-direction_109hi_10 > * + * {\n margin-left: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n._stretch-children_109hi_79 > * {\n flex: 1;\n}");
4
- var styles = {"base":"_base_109hi_1","vertical-direction":"_vertical-direction_109hi_6","horizontal-direction":"_horizontal-direction_109hi_10","alignItems-start":"_alignItems-start_109hi_15","alignItems-center":"_alignItems-center_109hi_19","alignItems-end":"_alignItems-end_109hi_23","alignItems-stretch":"_alignItems-stretch_109hi_27","alignItems-between":"_alignItems-between_109hi_31","alignItems-around":"_alignItems-around_109hi_35","justifyContent-start":"_justifyContent-start_109hi_39","justifyContent-center":"_justifyContent-center_109hi_43","justifyContent-end":"_justifyContent-end_109hi_47","justifyContent-stretch":"_justifyContent-stretch_109hi_51","justifyContent-between":"_justifyContent-between_109hi_55","justifyContent-around":"_justifyContent-around_109hi_59","stretch-children":"_stretch-children_109hi_79"};
3
+ insertStyle("._base_nky8w_1 {\n display: flex;\n}\n\n/* Direction classes */\n._vertical-direction_nky8w_6 {\n flex-direction: column;\n}\n\n._horizontal-direction_nky8w_10 {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n._alignItems-start_nky8w_15 {\n align-items: flex-start;\n}\n\n._alignItems-center_nky8w_19 {\n align-items: center;\n}\n\n._alignItems-end_nky8w_23 {\n align-items: flex-end;\n}\n\n._alignItems-stretch_nky8w_27 {\n align-items: stretch;\n}\n\n._alignItems-between_nky8w_31 {\n align-items: space-between;\n}\n\n._alignItems-around_nky8w_35 {\n align-items: space-around;\n}\n\n._justifyContent-start_nky8w_39 {\n justify-content: flex-start;\n}\n\n._justifyContent-center_nky8w_43 {\n justify-content: center;\n}\n\n._justifyContent-end_nky8w_47 {\n justify-content: flex-end;\n}\n\n._justifyContent-stretch_nky8w_51 {\n justify-content: stretch;\n}\n\n._justifyContent-between_nky8w_55 {\n justify-content: space-between;\n}\n\n._justifyContent-around_nky8w_59 {\n justify-content: space-around;\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children have directional margins reset so gap is the sole spacing\n source. This matches the old SC behavior where `&& > * + *` implicitly\n overrode child margins. */\n._base_nky8w_1._vertical-direction_nky8w_6 > * {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n._base_nky8w_1._horizontal-direction_nky8w_10 > * {\n margin-left: 0;\n margin-right: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n._stretch-children_nky8w_80 > * {\n flex: 1;\n}");
4
+ var styles = {"base":"_base_nky8w_1","vertical-direction":"_vertical-direction_nky8w_6","horizontal-direction":"_horizontal-direction_nky8w_10","alignItems-start":"_alignItems-start_nky8w_15","alignItems-center":"_alignItems-center_nky8w_19","alignItems-end":"_alignItems-end_nky8w_23","alignItems-stretch":"_alignItems-stretch_nky8w_27","alignItems-between":"_alignItems-between_nky8w_31","alignItems-around":"_alignItems-around_nky8w_35","justifyContent-start":"_justifyContent-start_nky8w_39","justifyContent-center":"_justifyContent-center_nky8w_43","justifyContent-end":"_justifyContent-end_nky8w_47","justifyContent-stretch":"_justifyContent-stretch_nky8w_51","justifyContent-between":"_justifyContent-between_nky8w_55","justifyContent-around":"_justifyContent-around_nky8w_59","stretch-children":"_stretch-children_nky8w_80"};
5
5
 
6
6
  export { styles as default };
7
7
  //# sourceMappingURL=Stack.module.scss.js.map
package/dist/components/Stack/Stack.module.scss.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.module.scss.js","sources":["../../../src/components/Stack/Stack.module.scss"],"sourcesContent":["@use './variables.scss' as vars;\n\n.base {\n display: flex;\n}\n\n/* Direction classes */\n.vertical-direction {\n flex-direction: column;\n}\n\n.horizontal-direction {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n@each $name, $value in vars.$align-items {\n .alignItems-#{$name} {\n align-items: $value;\n }\n}\n\n@each $name, $value in vars.$justify-content {\n .justifyContent-#{$name} {\n justify-content: $value;\n }\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children (except the first) have the specific directional margin\n reset that the old SC rule `&& > * + * { margin-top/left }` controlled.\n Only the margin that Stack historically set is reset; other margins\n (e.g., margin-bottom, margin-right) are left untouched. */\n.base.vertical-direction > * + * {\n margin-top: 0;\n}\n\n.base.horizontal-direction > * + * {\n margin-left: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n.stretch-children > * {\n flex: 1;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,0wDAAA;;;;;"}
1
+ {"version":3,"file":"Stack.module.scss.js","sources":["../../../src/components/Stack/Stack.module.scss"],"sourcesContent":["@use './variables.scss' as vars;\n\n.base {\n display: flex;\n}\n\n/* Direction classes */\n.vertical-direction {\n flex-direction: column;\n}\n\n.horizontal-direction {\n flex-direction: row;\n}\n\n/* Alignment classes from SCSS maps */\n@each $name, $value in vars.$align-items {\n .alignItems-#{$name} {\n align-items: $value;\n }\n}\n\n@each $name, $value in vars.$justify-content {\n .justifyContent-#{$name} {\n justify-content: $value;\n }\n}\n\n/* Spacing is applied via row-gap / column-gap as an inline style on the\n container (see Stack.tsx). gap is resolved on the parent element, so nested\n Stacks cannot shadow each other's spacing values.\n Direct children have directional margins reset so gap is the sole spacing\n source. This matches the old SC behavior where `&& > * + *` implicitly\n overrode child margins. */\n.base.vertical-direction > * {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.base.horizontal-direction > * {\n margin-left: 0;\n margin-right: 0;\n}\n\n/* Stretch modifier: child items get flex: 1 */\n.stretch-children > * {\n flex: 1;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,osDAAA;;;;;"}
package/dist/components/Stack/types.d.ts CHANGED
@@ -33,5 +33,11 @@ export type StackProps = {
33
33
  * Polymorphic element type. Defaults to 'div'.
34
34
  */
35
35
  as?: React.ElementType;
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;
36
42
  } & HTMLAttributes<HTMLDivElement>;
37
43
  export {};
package/dist/components/Stepper/styled.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare const ContainerStack: import("styled-components").StyledComponent
6
6
  alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
7
7
  spacing?: keyof import("../Stack").SizeScale | undefined;
8
8
  as?: import("react").ElementType<any> | undefined;
9
+ forwardedAs?: import("react").ElementType<any> | undefined;
9
10
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, FormComponentProps, never>;
10
11
  export declare const StepButton: import("styled-components").StyledComponent<"button", any, FormComponentProps, never>;
11
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
@@ -5,6 +5,7 @@ export declare const ToastsLayoutContainer: import("styled-components").StyledCo
5
5
  alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
6
6
  spacing?: keyof import("../../Stack").SizeScale | undefined;
7
7
  as?: import("react").ElementType<any> | undefined;
8
+ forwardedAs?: import("react").ElementType<any> | undefined;
8
9
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
9
10
  export declare const Toast: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
10
11
  direction?: "horizontal" | "vertical" | undefined;
@@ -12,11 +13,12 @@ export declare const Toast: import("styled-components").StyledComponent<import("
12
13
  alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
13
14
  spacing?: keyof import("../../Stack").SizeScale | undefined;
14
15
  as?: import("react").ElementType<any> | undefined;
16
+ forwardedAs?: import("react").ElementType<any> | undefined;
15
17
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
16
18
  minWidth: number | string;
17
19
  last: boolean;
18
20
  }, never>;
19
- 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, {
20
22
  color: string;
21
23
  }, never>;
22
24
  export declare const ContentStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
@@ -25,9 +27,10 @@ export declare const ContentStack: import("styled-components").StyledComponent<i
25
27
  alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
26
28
  spacing?: keyof import("../../Stack").SizeScale | undefined;
27
29
  as?: import("react").ElementType<any> | undefined;
30
+ forwardedAs?: import("react").ElementType<any> | undefined;
28
31
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
29
32
  export declare const StyledText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
30
33
  as?: import("../../Text").ValidTextTag | undefined;
31
34
  muted?: boolean | undefined;
32
- 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;
33
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 {};