@autoguru/overdrive 4.3.3 → 4.3.6

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 (87) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/components/Alert/Alert.d.ts +2 -2
  3. package/dist/components/Alert/Alert.d.ts.map +1 -1
  4. package/dist/components/Anchor/Anchor.d.ts +2 -1
  5. package/dist/components/Anchor/Anchor.d.ts.map +1 -1
  6. package/dist/components/AutoSuggest/stories.js +5 -0
  7. package/dist/components/Box/Box.d.ts +2 -0
  8. package/dist/components/Box/Box.d.ts.map +1 -1
  9. package/dist/components/BulletList/Bullet.d.ts +2 -2
  10. package/dist/components/BulletList/Bullet.d.ts.map +1 -1
  11. package/dist/components/BulletList/BulletList.d.ts +2 -1
  12. package/dist/components/BulletList/BulletList.d.ts.map +1 -1
  13. package/dist/components/BulletText/BulletText.d.ts +1 -0
  14. package/dist/components/BulletText/BulletText.d.ts.map +1 -1
  15. package/dist/components/Columns/Columns.d.ts +2 -1
  16. package/dist/components/Columns/Columns.d.ts.map +1 -1
  17. package/dist/components/Columns/Columns.js +1 -1
  18. package/dist/components/DateInput/stories.js +1 -1
  19. package/dist/components/Flyout/stories.js +5 -0
  20. package/dist/components/Heading/Heading.d.ts +2 -1
  21. package/dist/components/Heading/Heading.d.ts.map +1 -1
  22. package/dist/components/Image/ImageServerProvider.d.ts +2 -1
  23. package/dist/components/Image/ImageServerProvider.d.ts.map +1 -1
  24. package/dist/components/Inline/Inline.d.ts +5 -3
  25. package/dist/components/Inline/Inline.d.ts.map +1 -1
  26. package/dist/components/Inline/Inline.js +2 -2
  27. package/dist/components/Inline/stories.js +12 -1
  28. package/dist/components/MinimalModal/MinimalModal.d.ts +2 -0
  29. package/dist/components/MinimalModal/MinimalModal.d.ts.map +1 -1
  30. package/dist/components/Modal/Modal.d.ts +2 -0
  31. package/dist/components/Modal/Modal.d.ts.map +1 -1
  32. package/dist/components/OrderedList/OrderedList.d.ts +3 -1
  33. package/dist/components/OrderedList/OrderedList.d.ts.map +1 -1
  34. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts +2 -1
  35. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map +1 -1
  36. package/dist/components/Pagination/Bubble.d.ts +2 -0
  37. package/dist/components/Pagination/Bubble.d.ts.map +1 -1
  38. package/dist/components/Positioner/Positioner.d.ts +2 -1
  39. package/dist/components/Positioner/Positioner.d.ts.map +1 -1
  40. package/dist/components/Positioner/stories.js +3 -2
  41. package/dist/components/Radio/RadioGroup.d.ts +1 -1
  42. package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
  43. package/dist/components/Section/Section.d.ts +2 -1
  44. package/dist/components/Section/Section.d.ts.map +1 -1
  45. package/dist/components/SelectInput/SelectInput.d.ts +1 -1
  46. package/dist/components/SelectInput/SelectInput.d.ts.map +1 -1
  47. package/dist/components/SelectInput/stories.js +1 -1
  48. package/dist/components/Table/Table.d.ts +2 -2
  49. package/dist/components/Table/Table.d.ts.map +1 -1
  50. package/dist/components/Table/TableCell.d.ts +2 -2
  51. package/dist/components/Table/TableCell.d.ts.map +1 -1
  52. package/dist/components/Table/TableRow.d.ts +2 -2
  53. package/dist/components/Table/TableRow.d.ts.map +1 -1
  54. package/dist/components/Table/TableRowGroup.d.ts +2 -2
  55. package/dist/components/Table/TableRowGroup.d.ts.map +1 -1
  56. package/dist/components/Table/context.d.ts +2 -0
  57. package/dist/components/Table/context.d.ts.map +1 -1
  58. package/dist/components/Tabs/Tab.d.ts +2 -2
  59. package/dist/components/Tabs/Tab.d.ts.map +1 -1
  60. package/dist/components/Tabs/TabList.d.ts +2 -0
  61. package/dist/components/Tabs/TabList.d.ts.map +1 -1
  62. package/dist/components/Tabs/TabPane.d.ts +2 -0
  63. package/dist/components/Tabs/TabPane.d.ts.map +1 -1
  64. package/dist/components/Tabs/TabPane.js +1 -1
  65. package/dist/components/Tabs/TabPanes.d.ts +2 -0
  66. package/dist/components/Tabs/TabPanes.d.ts.map +1 -1
  67. package/dist/components/Tabs/Tabs.d.ts +2 -0
  68. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  69. package/dist/components/Text/Text.d.ts +2 -1
  70. package/dist/components/Text/Text.d.ts.map +1 -1
  71. package/dist/components/TextAreaInput/stories.js +1 -1
  72. package/dist/components/TextInput/stories.js +1 -1
  73. package/dist/components/TextLink/TextLink.d.ts +2 -2
  74. package/dist/components/TextLink/TextLink.d.ts.map +1 -1
  75. package/dist/components/ThemeProvider/ThemeProvider.d.ts +2 -1
  76. package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  77. package/dist/components/ThemeProvider/ThemeProvider.js +1 -1
  78. package/dist/components/Toaster/Toast.d.ts +2 -2
  79. package/dist/components/Toaster/Toast.d.ts.map +1 -1
  80. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +2 -1
  81. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
  82. package/dist/components/private/CheckableBase/CheckableBase.d.ts +1 -1
  83. package/dist/components/private/CheckableBase/CheckableBase.d.ts.map +1 -1
  84. package/dist/components/private/InputBase/NotchedBase.d.ts +2 -1
  85. package/dist/components/private/InputBase/NotchedBase.d.ts.map +1 -1
  86. package/dist/components/private/InputBase/NotchedBase.js +2 -2
  87. package/package.json +13 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @autoguru/overdrive
2
2
 
3
+ ## 4.3.6
4
+
5
+ ### Patch Changes
6
+
7
+ - 200e67e: Inline: Gets width prop
8
+
9
+ ## 4.3.5
10
+
11
+ ### Patch Changes
12
+
13
+ - 5300772: Fixed type definitions
14
+
15
+ ## 4.3.4
16
+
17
+ ### Patch Changes
18
+
19
+ - 86f955b: Dependency upgrades
20
+
3
21
  ## 4.3.3
4
22
 
5
23
  ### Patch Changes
@@ -1,9 +1,9 @@
1
- import { ComponentProps, FunctionComponent, ReactChild } from 'react';
1
+ import { ComponentProps, FunctionComponent, ReactNode } from 'react';
2
2
  import { Button } from '../Button';
3
3
  import * as styles from './Alert.css';
4
4
  declare type Intent = keyof Omit<typeof styles.intent, 'neutral' | 'shine' | 'primary' | 'secondary'>;
5
5
  export interface Props {
6
- children: ReactChild;
6
+ children?: ReactNode;
7
7
  className?: string;
8
8
  intent?: Intent;
9
9
  inline?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAKnC,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,aAAK,MAAM,GAAG,MAAM,IAAI,CACvB,OAAO,MAAM,CAAC,MAAM,EACpB,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AASD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmE1C,CAAC"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAKnC,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,aAAK,MAAM,GAAG,MAAM,IAAI,CACvB,OAAO,MAAM,CAAC,MAAM,EACpB,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AASD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmE1C,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { IconType } from '@autoguru/icons';
2
- import { ElementType, FunctionComponent, ReactElement } from 'react';
2
+ import { ElementType, FunctionComponent, ReactElement, ReactNode } from 'react';
3
3
  export interface Props {
4
4
  rel?: string;
5
5
  href?: string;
@@ -8,6 +8,7 @@ export interface Props {
8
8
  className?: string;
9
9
  is?: ElementType | ReactElement;
10
10
  disabled?: boolean;
11
+ children?: ReactNode;
11
12
  icon?: IconType;
12
13
  }
13
14
  export declare const Anchor: FunctionComponent<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAGN,WAAW,EACX,iBAAiB,EAEjB,YAAY,EACZ,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,KAAK;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAgD3C,CAAC"}
1
+ {"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAGN,WAAW,EACX,iBAAiB,EAEjB,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,KAAK;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAgD3C,CAAC"}
@@ -75,6 +75,11 @@ export default {
75
75
  disable: true
76
76
  }
77
77
  }
78
+ },
79
+ parameters: {
80
+ chromatic: {
81
+ delay: 900
82
+ }
78
83
  }
79
84
  };
80
85
 
@@ -1,7 +1,9 @@
1
1
  import type { AllHTMLAttributes } from 'react';
2
2
  import * as React from 'react';
3
+ import { ReactNode } from 'react';
3
4
  import type { BoxStyleProps } from './useBoxStyles';
4
5
  export interface Props extends BoxStyleProps, Omit<AllHTMLAttributes<HTMLElement>, 'width' | 'height' | 'className' | 'is'> {
6
+ children?: ReactNode;
5
7
  }
6
8
  export declare const Box: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
7
9
  //# sourceMappingURL=Box.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,WAAW,KAChB,SAAQ,aAAa,EACpB,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CACvC;CAAG;AAKN,eAAO,MAAM,GAAG,2EA4Hf,CAAC"}
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,WAAW,KAChB,SAAQ,aAAa,EACpB,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CACvC;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAKD,eAAO,MAAM,GAAG,2EA4Hf,CAAC"}
@@ -1,6 +1,6 @@
1
- import { FunctionComponent, ReactChild } from 'react';
1
+ import { FunctionComponent, ReactNode } from 'react';
2
2
  export interface Props {
3
- children: ReactChild;
3
+ children?: ReactNode;
4
4
  className?: string;
5
5
  }
6
6
  export declare const Bullet: FunctionComponent<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"Bullet.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/Bullet.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,iBAAiB,EAEjB,UAAU,EAEV,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAe3C,CAAC"}
1
+ {"version":3,"file":"Bullet.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/Bullet.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,iBAAiB,EAEjB,SAAS,EAET,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAe3C,CAAC"}
@@ -1,6 +1,7 @@
1
- import { FunctionComponent } from 'react';
1
+ import { FunctionComponent, ReactNode } from 'react';
2
2
  export interface Props {
3
3
  className?: string;
4
+ children?: ReactNode;
4
5
  }
5
6
  export declare const BulletList: FunctionComponent<Props>;
6
7
  //# sourceMappingURL=BulletList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BulletList.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/BulletList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAOtD,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAiB/C,CAAC"}
1
+ {"version":3,"file":"BulletList.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/BulletList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAOjE,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAiB/C,CAAC"}
@@ -3,6 +3,7 @@ import { BoxStyleProps } from '../Box';
3
3
  export interface Props extends Partial<Pick<BoxStyleProps, 'is'>> {
4
4
  bullet?: ReactNode;
5
5
  variant?: 'primary' | 'secondary';
6
+ children?: ReactNode;
6
7
  }
7
8
  export declare const BulletText: FunctionComponent<Props>;
8
9
  //# sourceMappingURL=BulletText.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BulletText.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAO,aAAa,EAAE,MAAM,QAAQ,CAAC;AAM5C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAwC/C,CAAC"}
1
+ {"version":3,"file":"BulletText.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAO,aAAa,EAAE,MAAM,QAAQ,CAAC;AAM5C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAwC/C,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { ComponentProps } from 'react';
2
+ import { ComponentProps, ReactNode } from 'react';
3
3
  import { Tokens } from '../../themes/tokens';
4
4
  import { ResponsiveProp } from '../../utils/responsiveProps.css';
5
5
  import { Box } from '../Box';
@@ -13,6 +13,7 @@ export interface Props extends Omit<ComponentProps<typeof Box>, 'css'> {
13
13
  noWrap?: boolean;
14
14
  wrappingDirection?: keyof typeof styles.wrapping;
15
15
  align?: keyof typeof styles.align;
16
+ children?: ReactNode;
16
17
  }
17
18
  interface ColumnContextValue {
18
19
  spaceXCls: any;
@@ -1 +1 @@
1
- {"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAsC,MAAM,OAAO,CAAC;AAM3E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;CAClC;AAED,UAAU,kBAAkB;IAC3B,SAAS,MAAC;IACV,SAAS,MAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,mCAAiD,CAAC;AAE5E,eAAO,MAAM,OAAO,glNAiEnB,CAAC"}
1
+ {"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAGd,SAAS,EAET,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC3B,SAAS,MAAC;IACV,SAAS,MAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,mCAAiD,CAAC;AAE5E,eAAO,MAAM,OAAO,glNAiEnB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import clsx from 'clsx';
2
2
  import * as React from 'react';
3
- import { createContext, forwardRef, useMemo } from 'react';
3
+ import { createContext, forwardRef, useMemo, } from 'react';
4
4
  import { useNegativeMarginLeft, useNegativeMarginTop, } from '../../hooks/useNegativeMargin/useNegativeMargin';
5
5
  import { resolveResponsiveStyle } from '../../utils/resolveResponsiveProps';
6
6
  import { Box } from '../Box';
@@ -27,7 +27,7 @@ export default {
27
27
  component: DateInput,
28
28
  parameters: {
29
29
  chromatic: {
30
- delay: 300
30
+ delay: 900
31
31
  }
32
32
  }
33
33
  };
@@ -33,6 +33,11 @@ export default {
33
33
  max: 400
34
34
  }
35
35
  }
36
+ },
37
+ parameters: {
38
+ chromatic: {
39
+ delay: 900
40
+ }
36
41
  }
37
42
  };
38
43
  const sharedProps = {
@@ -1,9 +1,10 @@
1
- import { ComponentProps, FunctionComponent } from 'react';
1
+ import { ComponentProps, FunctionComponent, ReactNode } from 'react';
2
2
  import { Tokens } from '../../themes/tokens';
3
3
  import { Box } from '../Box';
4
4
  import type { TextStyleProps } from '../Text';
5
5
  export interface Props extends Omit<TextStyleProps, 'is'>, Pick<ComponentProps<typeof Box>, 'id'> {
6
6
  className?: string;
7
+ children?: ReactNode;
7
8
  is?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
8
9
  colour?: Exclude<keyof Tokens['typography']['colour'], 'muted'>;
9
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;CAChE;AAWD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CA8B5C,CAAC"}
1
+ {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;CAChE;AAWD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CA8B5C,CAAC"}
@@ -1,4 +1,4 @@
1
- import { FunctionComponent } from 'react';
1
+ import { FunctionComponent, ReactNode } from 'react';
2
2
  import { WidthScale } from './types';
3
3
  interface UrlParams {
4
4
  src: string;
@@ -6,6 +6,7 @@ interface UrlParams {
6
6
  quality: number;
7
7
  }
8
8
  interface ImageServerContext {
9
+ children?: ReactNode;
9
10
  widthMap?: Record<WidthScale, number>;
10
11
  getWidthValue?(width: WidthScale): number;
11
12
  srcUrlMapper(params: UrlParams): string;
@@ -1 +1 @@
1
- {"version":3,"file":"ImageServerProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/Image/ImageServerProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAGN,iBAAiB,EAIjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,SAAS;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,kBAAkB;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACtC,aAAa,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;IAE1C,YAAY,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC;IACxC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC;CACzD;AAED,eAAO,MAAM,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAiBnD,CAAC;AAWF,eAAO,MAAM,cAAc,0BAAmC,CAAC;AAE/D,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAClD,IAAI,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAgC1C,CAAC"}
1
+ {"version":3,"file":"ImageServerProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/Image/ImageServerProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAGN,iBAAiB,EACjB,SAAS,EAIT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,SAAS;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,kBAAkB;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAEtC,aAAa,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;IAE1C,YAAY,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC;IAExC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC;CACzD;AAED,eAAO,MAAM,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAiBnD,CAAC;AAWF,eAAO,MAAM,cAAc,0BAAmC,CAAC;AAE/D,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAClD,IAAI,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAgC1C,CAAC"}
@@ -1,13 +1,15 @@
1
- import type { FunctionComponent, ReactChild } from 'react';
1
+ import type { FunctionComponent } from 'react';
2
+ import { ReactNode } from 'react';
2
3
  import { Tokens } from '../../themes/tokens';
3
4
  import { ResponsiveProp } from '../../utils/responsiveProps.css';
4
5
  import type { BoxStyleProps } from '../Box';
5
- export interface Props extends Pick<BoxStyleProps, 'is'> {
6
+ export interface Props extends Pick<BoxStyleProps, 'is' | 'width'> {
6
7
  space?: ResponsiveProp<keyof Tokens['space']>;
7
8
  alignY?: BoxStyleProps['alignItems'];
8
9
  alignX?: BoxStyleProps['justifyContent'];
9
10
  noWrap?: boolean;
10
- dividers?: boolean | ReactChild;
11
+ children: ReactNode;
12
+ dividers?: boolean | ReactNode;
11
13
  }
12
14
  export declare const Inline: FunctionComponent<Props>;
13
15
  //# sourceMappingURL=Inline.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAgB,MAAM,OAAO,CAAC;AASzE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAqD3C,CAAC"}
1
+ {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAwD3C,CAAC"}
@@ -8,7 +8,7 @@ const supportedListTypes = [
8
8
  'ul',
9
9
  'ol',
10
10
  ];
11
- export const Inline = ({ is = 'div', children, space = '2', alignY = 'center', alignX, noWrap, dividers, }) => {
11
+ export const Inline = ({ is = 'div', children, space = '2', alignY = 'center', alignX, noWrap, dividers, width, }) => {
12
12
  const negativeMarginLeft = useNegativeMarginLeft(space);
13
13
  const negativeMarginTop = useNegativeMarginTop(space);
14
14
  const items = flattenChildren(children);
@@ -19,7 +19,7 @@ export const Inline = ({ is = 'div', children, space = '2', alignY = 'center', a
19
19
  let listItem = 'div';
20
20
  if (typeof is === 'string')
21
21
  listItem = supportedListTypes.includes(is) ? 'li' : 'div';
22
- return (React.createElement(Box, { is: is, position: "relative", display: "flex", alignItems: alignY, justifyContent: alignX, flexDirection: "row", flexWrap: noWrap ? 'nowrap' : 'wrap', className: [negativeMarginTop, !dividers && negativeMarginLeft] }, Children.map(items, (child, idx) => child !== null && child !== undefined ? (React.createElement(Box, { is: listItem, display: "flex", flexDirection: "row", flexWrap: "nowrap", alignItems: alignY, paddingTop: space, paddingLeft: dividers ? undefined : space },
22
+ return (React.createElement(Box, { is: is, width: width, position: "relative", display: "flex", alignItems: alignY, justifyContent: alignX, flexDirection: "row", flexWrap: noWrap ? 'nowrap' : 'wrap', className: [negativeMarginTop, !dividers && negativeMarginLeft] }, Children.map(items, (child, idx) => child !== null && child !== undefined ? (React.createElement(Box, { is: listItem, display: "flex", flexDirection: "row", flexWrap: "nowrap", alignItems: alignY, paddingTop: space, paddingLeft: dividers ? undefined : space },
23
23
  child,
24
24
  dividers && idx !== items.length - 1 ? (React.createElement(Box, { paddingX: space }, divider)) : null)) : null)));
25
25
  };
@@ -35,6 +35,11 @@ export default {
35
35
  control: {
36
36
  type: 'select'
37
37
  }
38
+ },
39
+ dividers: {
40
+ control: {
41
+ type: 'boolean'
42
+ }
38
43
  }
39
44
  }
40
45
  };
@@ -114,4 +119,10 @@ const differentSizeItemsProps = {
114
119
  dividers: true
115
120
  };
116
121
  export const differentSizeItems = DiffSizeTemplate.bind(differentSizeItemsProps);
117
- differentSizeItems.args = differentSizeItemsProps;
122
+ differentSizeItems.args = differentSizeItemsProps;
123
+ const withFullWidthProps = {
124
+ width: 'full',
125
+ alignX: 'spaceBetween'
126
+ };
127
+ export const withFullWidth = DiffSizeTemplate.bind(withFullWidthProps);
128
+ withFullWidth.args = withFullWidthProps;
@@ -1,7 +1,9 @@
1
1
  import type { ComponentProps, FunctionComponent } from 'react';
2
+ import { ReactNode } from 'react';
2
3
  import { Modal } from '../Modal';
3
4
  export interface Props extends ComponentProps<typeof Modal> {
4
5
  className?: string;
6
+ children?: ReactNode;
5
7
  }
6
8
  export declare const MinimalModal: FunctionComponent<Props>;
7
9
  //# sourceMappingURL=MinimalModal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CA+DjD,CAAC"}
1
+ {"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CA+DjD,CAAC"}
@@ -1,7 +1,9 @@
1
1
  import type { ComponentType, FunctionComponent } from 'react';
2
+ import { ReactNode } from 'react';
2
3
  export interface Props {
3
4
  isOpen: boolean;
4
5
  hideBackdrop?: boolean;
6
+ children?: ReactNode;
5
7
  onRequestClose?(e: 'backdrop' | 'escapeKeyDown' | string): void;
6
8
  }
7
9
  export declare const Modal: FunctionComponent<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAWvE,MAAM,WAAW,KAAK;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAqDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAkE1C,CAAC;AAEF,eAAO,MAAM,SAAS,wIAqBrB,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AASzD,MAAM,WAAW,KAAK;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAqDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAkE1C,CAAC;AAEF,eAAO,MAAM,SAAS,wIAqBrB,CAAC"}
@@ -1,11 +1,13 @@
1
- import { FunctionComponent, OlHTMLAttributes } from 'react';
1
+ import { FunctionComponent, OlHTMLAttributes, ReactNode } from 'react';
2
2
  declare type ListStyleType = 'decimal' | 'lower-roman' | 'lower-alpha' | 'upper-alpha';
3
3
  export interface Props extends Pick<OlHTMLAttributes<HTMLOListElement>, 'start'> {
4
4
  type?: ListStyleType;
5
5
  className?: string;
6
+ children?: ReactNode;
6
7
  }
7
8
  export interface ItemProps {
8
9
  className?: string;
10
+ children?: ReactNode;
9
11
  }
10
12
  export declare const OrderedList: FunctionComponent<Props> & {
11
13
  Item: FunctionComponent<ItemProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../lib/components/OrderedList/OrderedList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,iBAAiB,EACjB,gBAAgB,EAEhB,MAAM,OAAO,CAAC;AAQf,aAAK,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,CAAC;AAU/E,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IACpD,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CA6BnC,CAAC"}
1
+ {"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../lib/components/OrderedList/OrderedList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EAET,MAAM,OAAO,CAAC;AAQf,aAAK,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,CAAC;AAU/E,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IACpD,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;CA6BnC,CAAC"}
@@ -1,7 +1,8 @@
1
- import { ComponentProps, FunctionComponent } from 'react';
1
+ import { ComponentProps, FunctionComponent, ReactNode } from 'react';
2
2
  import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
3
3
  export interface Props extends ComponentProps<typeof ThemeProvider> {
4
4
  noBodyLevelTheming: boolean;
5
+ children?: ReactNode;
5
6
  }
6
7
  export declare const OverdriveProvider: FunctionComponent<Props>;
7
8
  //# sourceMappingURL=OverdriveProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,aAAa,CAAC;IAIlE,kBAAkB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,CA8BtD,CAAC"}
1
+ {"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,aAAa,CAAC;IAIlE,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,CA8BtD,CAAC"}
@@ -1,10 +1,12 @@
1
1
  import type { FunctionComponent, MouseEventHandler } from 'react';
2
+ import { ReactNode } from 'react';
2
3
  export interface Props {
3
4
  selected?: boolean;
4
5
  disabled?: boolean;
5
6
  gap?: boolean;
6
7
  onClick?: MouseEventHandler<HTMLButtonElement>;
7
8
  className?: string;
9
+ children?: ReactNode;
8
10
  }
9
11
  export declare const Bubble: FunctionComponent<Props>;
10
12
  //# sourceMappingURL=Bubble.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../lib/components/Pagination/Bubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEX,iBAAiB,EACjB,iBAAiB,EACjB,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAyC3C,CAAC"}
1
+ {"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../lib/components/Pagination/Bubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEX,iBAAiB,EACjB,iBAAiB,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAyC3C,CAAC"}
@@ -1,4 +1,4 @@
1
- import { ComponentPropsWithoutRef, FunctionComponent, RefObject } from 'react';
1
+ import { ComponentPropsWithoutRef, FunctionComponent, ReactNode, RefObject } from 'react';
2
2
  import { Box } from '../Box';
3
3
  import { EAlignment } from './alignment';
4
4
  export { EAlignment } from './alignment';
@@ -7,6 +7,7 @@ export interface Props extends Exclude<ComponentPropsWithoutRef<typeof Box>, 'ar
7
7
  isOpen?: boolean;
8
8
  triggerRef: RefObject<HTMLElement>;
9
9
  triggerOffset?: number;
10
+ children?: ReactNode;
10
11
  }
11
12
  export declare const Positioner: FunctionComponent<Props>;
12
13
  //# sourceMappingURL=Positioner.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/Positioner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,wBAAwB,EACxB,iBAAiB,EACjB,SAAS,EAIT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBzC,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,aAAa,GAAG,WAAW,CAC3B;IACD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CA6F/C,CAAC"}
1
+ {"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/Positioner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,wBAAwB,EACxB,iBAAiB,EACjB,SAAS,EACT,SAAS,EAIT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBzC,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,aAAa,GAAG,WAAW,CAC3B;IACD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CA6F/C,CAAC"}
@@ -6,6 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
6
6
 
7
7
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
8
 
9
+ import isChromatic from 'chromatic/isChromatic';
9
10
  import * as React from 'react';
10
11
  import { useRef } from 'react';
11
12
  import { Box } from "../Box/index.js";
@@ -20,7 +21,7 @@ export default {
20
21
  component: Positioner,
21
22
  parameters: {
22
23
  chromatic: {
23
- disable: false
24
+ delay: 900
24
25
  }
25
26
  },
26
27
  argTypes: {
@@ -59,7 +60,7 @@ const Template = args => {
59
60
  padding: "2",
60
61
  children: _jsxs(Text, {
61
62
  is: "p",
62
- children: ["Hello im from the consumer:", ' ', Math.ceil(Math.random() * 100)]
63
+ children: ["Hello im from the consumer:", ' ', isChromatic() ? '999' : Math.ceil(Math.random() * 100)]
63
64
  })
64
65
  })
65
66
  }))]
@@ -4,7 +4,7 @@ export interface Props {
4
4
  name: string;
5
5
  className?: string;
6
6
  value: string;
7
- children: ReactNode;
7
+ children?: ReactNode;
8
8
  onChange?(value: string): void;
9
9
  }
10
10
  interface RadioGroupContext {
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IAEpB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,kCAAgD,CAAC;AAE1E,eAAO,MAAM,eAAe,QAAO,iBACT,CAAC;AAE3B,eAAO,MAAM,UAAU,8EAsBtB,CAAC"}
1
+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,kCAAgD,CAAC;AAE1E,eAAO,MAAM,eAAe,QAAO,iBACT,CAAC;AAE3B,eAAO,MAAM,UAAU,8EAsBtB,CAAC"}
@@ -1,8 +1,9 @@
1
- import { ComponentProps, FunctionComponent } from 'react';
1
+ import { ComponentProps, FunctionComponent, ReactNode } from 'react';
2
2
  import { Box } from '../Box';
3
3
  import * as styles from './Section.css';
4
4
  export interface Props extends Pick<ComponentProps<typeof Box>, 'paddingX'> {
5
5
  width?: keyof typeof styles.width;
6
+ children?: ReactNode;
6
7
  }
7
8
  export declare const Section: FunctionComponent<Props>;
8
9
  //# sourceMappingURL=Section.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;CAClC;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAW5C,CAAC"}
1
+ {"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAW5C,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ReactNode } from 'react';
3
3
  export declare const SelectInput: React.ForwardRefExoticComponent<{
4
- children: ReactNode[];
4
+ children?: ReactNode[];
5
5
  } & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLSelectElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLSelectElement>>;
6
6
  //# sourceMappingURL=SelectInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,eAAO,MAAM,WAAW;cAEZ,SAAS,EAAE;gRAgDtB,CAAC"}
1
+ {"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,eAAO,MAAM,WAAW;eAEX,SAAS,EAAE;gRAgDvB,CAAC"}
@@ -22,7 +22,7 @@ export default {
22
22
  component: SelectInput,
23
23
  parameters: {
24
24
  chromatic: {
25
- delay: 300
25
+ delay: 900
26
26
  }
27
27
  }
28
28
  };
@@ -1,9 +1,9 @@
1
- import type { ReactChild } from 'react';
1
+ import type { ReactNode } from 'react';
2
2
  import * as React from 'react';
3
3
  import type { TableContext } from './context';
4
4
  export interface Props extends Partial<TableContext> {
5
5
  columnTemplate: string;
6
- children: ReactChild | ReactChild[];
6
+ children: ReactNode | ReactNode[];
7
7
  }
8
8
  export declare const Table: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
9
9
  //# sourceMappingURL=Table.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAG9C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,YAAY,CAAC;IACnD,cAAc,EAAE,MAAM,CAAC;IAEvB,QAAQ,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;CACpC;AAQD,eAAO,MAAM,KAAK,8EAajB,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAG9C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,YAAY,CAAC;IACnD,cAAc,EAAE,MAAM,CAAC;IAEvB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAQD,eAAO,MAAM,KAAK,8EAajB,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { ReactChild } from 'react';
1
+ import type { ReactNode } from 'react';
2
2
  import * as React from 'react';
3
3
  import { AriaAttributes } from 'react';
4
4
  import { Tokens } from '../../themes/tokens';
@@ -6,7 +6,7 @@ import type { Alignment } from '../../utils';
6
6
  export interface Props extends Partial<Pick<AriaAttributes, 'aria-label'>> {
7
7
  align?: Alignment;
8
8
  padding?: keyof Tokens['space'];
9
- children?: ReactChild | null;
9
+ children?: ReactNode | null;
10
10
  }
11
11
  export declare const TableCell: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
12
12
  //# sourceMappingURL=TableCell.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,8EA2CrB,CAAC"}
1
+ {"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,8EA2CrB,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
- import { MouseEventHandler, ReactChild } from 'react';
2
+ import { MouseEventHandler, ReactNode } from 'react';
3
3
  export interface Props {
4
4
  onClick?: MouseEventHandler<HTMLDivElement>;
5
- children: ReactChild | ReactChild[];
5
+ children: ReactNode | ReactNode[];
6
6
  }
7
7
  export declare const TableRow: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
8
8
  //# sourceMappingURL=TableRow.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlE,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAE5C,QAAQ,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;CACpC;AAED,eAAO,MAAM,QAAQ,8EAMpB,CAAC"}
1
+ {"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAE5C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,QAAQ,8EAMpB,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import { ReactChild } from 'react';
2
+ import { ReactNode } from 'react';
3
3
  export interface Props {
4
- children: ReactChild | ReactChild[];
4
+ children: ReactNode | ReactNode[];
5
5
  }
6
6
  export declare const TableRowGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
7
7
  //# sourceMappingURL=TableRowGroup.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableRowGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRowGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,UAAU,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,8EAMzB,CAAC"}
1
+ {"version":3,"file":"TableRowGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRowGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,8EAMzB,CAAC"}
@@ -1,8 +1,10 @@
1
1
  import type { FunctionComponent } from 'react';
2
+ import { ReactNode } from 'react';
2
3
  import { Tokens } from '../../themes/tokens';
3
4
  export interface TableContext {
4
5
  padding?: keyof Tokens['space'];
5
6
  stickyHead?: boolean;
7
+ children?: ReactNode;
6
8
  }
7
9
  export declare const TableContextProvider: FunctionComponent<TableContext>;
8
10
  export declare const useTableContext: () => TableContext;
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAID,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,YAAY,CAehE,CAAC;AAEF,eAAO,MAAM,eAAe,oBAS3B,CAAC"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,YAAY,CAehE,CAAC;AAEF,eAAO,MAAM,eAAe,oBAS3B,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import { ElementType, ReactElement, ReactText } from 'react';
2
+ import { ElementType, ReactElement, ReactNode } from 'react';
3
3
  export interface Props {
4
- children: ReactText;
4
+ children?: ReactNode;
5
5
  id?: string;
6
6
  is?: ElementType | ReactElement;
7
7
  indication?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,WAAW,EAGX,YAAY,EACZ,SAAS,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,8EA0Ff,CAAC"}
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,WAAW,EAGX,YAAY,EACZ,SAAS,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,8EA0Ff,CAAC"}
@@ -1,8 +1,10 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import * as React from 'react';
3
+ import { ReactNode } from 'react';
3
4
  export interface Props {
4
5
  stretch?: boolean;
5
6
  scrollable?: boolean;
7
+ children?: ReactNode;
6
8
  }
7
9
  export declare const TabListContext: React.Context<number>;
8
10
  export declare const TabList: FunctionComponent<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,uBAAqC,CAAC;AAEjE,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAmI5C,CAAC"}
1
+ {"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIN,SAAS,EAKT,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,uBAAqC,CAAC;AAEjE,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAmI5C,CAAC"}
@@ -1,5 +1,7 @@
1
1
  import type { FunctionComponent } from 'react';
2
+ import { ReactNode } from 'react';
2
3
  export declare const TabPane: FunctionComponent<{
3
4
  id?: string;
5
+ children?: ReactNode;
4
6
  }>;
5
7
  //# sourceMappingURL=TabPane.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabPane.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabPane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAU/C,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAiCtD,CAAC"}
1
+ {"version":3,"file":"TabPane.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabPane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAQ9C,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CA8BA,CAAC"}
@@ -5,7 +5,7 @@ import { Box } from '../Box';
5
5
  import * as styles from './TabPane.css';
6
6
  import { TabPanesContext } from './TabPanes';
7
7
  import { TabsContext } from './Tabs';
8
- export const TabPane = ({ children, id: incomingId = null, }) => {
8
+ export const TabPane = ({ children, id: incomingId = null }) => {
9
9
  const tabPanesContext = useContext(TabPanesContext);
10
10
  const tabsContext = useContext(TabsContext);
11
11
  invariant(tabPanesContext !== null && tabsContext !== null, 'TabPane rendered outside Tabs or TabPanes');
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import * as React from 'react';
3
+ import { ReactNode } from 'react';
3
4
  interface TabPanesContextValue {
4
5
  paneIndex: number;
5
6
  renderInactive: boolean;
@@ -7,6 +8,7 @@ interface TabPanesContextValue {
7
8
  export declare const TabPanesContext: React.Context<TabPanesContextValue>;
8
9
  interface Props {
9
10
  renderInactivePanes?: boolean;
11
+ children?: ReactNode;
10
12
  }
11
13
  export declare const TabPanes: FunctionComponent<Props>;
12
14
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"TabPanes.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabPanes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,oBAAoB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,qCAAmD,CAAC;AAEhF,UAAU,KAAK;IAEd,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAe7C,CAAC"}
1
+ {"version":3,"file":"TabPanes.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabPanes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3D,UAAU,oBAAoB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,qCAAmD,CAAC;AAEhF,UAAU,KAAK;IAEd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAe7C,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import type { FunctionComponent } from 'react';
2
2
  import * as React from 'react';
3
+ import { ReactNode } from 'react';
3
4
  interface TabsContextValue {
4
5
  id?: string;
5
6
  activeIndex: number;
@@ -9,6 +10,7 @@ export declare const TabsContext: React.Context<TabsContextValue>;
9
10
  export interface Props {
10
11
  id?: string | null;
11
12
  active: number;
13
+ children?: ReactNode;
12
14
  onChange?: (index: number) => void;
13
15
  }
14
16
  export declare const Tabs: FunctionComponent<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,gBAAgB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,iCAA+C,CAAC;AAExE,MAAM,WAAW,KAAK;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA0BzC,CAAC"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI1D,UAAU,gBAAgB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,iCAA+C,CAAC;AAExE,MAAM,WAAW,KAAK;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA0BzC,CAAC"}
@@ -1,10 +1,11 @@
1
- import type { FunctionComponent } from 'react';
1
+ import type { FunctionComponent, ReactNode } from 'react';
2
2
  import type { BoxStyleProps } from '../Box';
3
3
  import { TextStyleProps } from './useTextStyles';
4
4
  export interface Props extends TextStyleProps {
5
5
  className?: string;
6
6
  is?: 'p' | 'span';
7
7
  strong?: boolean;
8
+ children?: ReactNode;
8
9
  display?: Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'block'>;
9
10
  }
10
11
  export declare const Text: FunctionComponent<Props>;
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;CACF;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAgCzC,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;CACF;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAgCzC,CAAC"}
@@ -15,7 +15,7 @@ export default {
15
15
  component: TextAreaInput,
16
16
  parameters: {
17
17
  chromatic: {
18
- delay: 300
18
+ delay: 900
19
19
  }
20
20
  }
21
21
  };
@@ -16,7 +16,7 @@ export default {
16
16
  component: TextInput,
17
17
  parameters: {
18
18
  chromatic: {
19
- delay: 300
19
+ delay: 900
20
20
  }
21
21
  }
22
22
  };
@@ -1,10 +1,10 @@
1
1
  import * as React from 'react';
2
- import { AnchorHTMLAttributes, ComponentProps, ElementType, ReactElement, ReactText } from 'react';
2
+ import { AnchorHTMLAttributes, ComponentProps, ElementType, ReactElement, ReactNode } from 'react';
3
3
  import { Text } from '../Text';
4
4
  declare type TextProps = Omit<ComponentProps<typeof Text>, 'is' | 'colour'>;
5
5
  declare type AnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'style' | 'is' | keyof TextProps>;
6
6
  export interface Props extends TextProps, AnchorProps {
7
- children: ReactText;
7
+ children?: ReactNode;
8
8
  className?: string;
9
9
  is?: ElementType | ReactElement;
10
10
  muted?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,oBAAoB,EAEpB,cAAc,EAEd,WAAW,EAGX,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,CAAC;AACpE,aAAK,WAAW,GAAG,IAAI,CACtB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,SAAS,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,WAAW;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,iFAyDpB,CAAC"}
1
+ {"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,oBAAoB,EAEpB,cAAc,EAEd,WAAW,EAGX,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,CAAC;AACpE,aAAK,WAAW,GAAG,IAAI,CACtB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,SAAS,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,WAAW;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,iFAyDpB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { ThemeVars } from '@vanilla-extract/css/dist/declarations/src/types';
2
- import { FunctionComponent } from 'react';
2
+ import { FunctionComponent, ReactNode } from 'react';
3
3
  import { RuntimeTokens } from '../../themes/makeTheme';
4
4
  import { BreakPoints, Tokens } from '../../themes/tokens';
5
5
  declare type ThemeContextType = {
@@ -7,6 +7,7 @@ declare type ThemeContextType = {
7
7
  themeClass: string;
8
8
  };
9
9
  export interface Props {
10
+ children?: ReactNode;
10
11
  vars: ThemeVars<Tokens>;
11
12
  themeClass: string;
12
13
  tokens: Tokens;
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kDAAkD,CAAC;AAE7E,OAAO,EAAiB,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE1D,aAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAgBlD,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kDAAkD,CAAC;AAE7E,OAAO,EAEN,iBAAiB,EACjB,SAAS,EAGT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE1D,aAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAgBlD,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { invariant } from '@autoguru/utilities';
2
2
  import * as React from 'react';
3
- import { createContext, useContext, useMemo } from 'react';
3
+ import { createContext, useContext, useMemo, } from 'react';
4
4
  import { makeRuntimeTokens } from '../../themes/makeTheme';
5
5
  const themeContext = createContext(null);
6
6
  const runtimeTokensContext = createContext(null);
@@ -1,6 +1,6 @@
1
- import { ComponentProps, ReactChild } from 'react';
1
+ import { ComponentProps, ReactNode } from 'react';
2
2
  import { Alert } from '../Alert';
3
- declare type MessageType = ReactChild;
3
+ declare type MessageType = ReactNode;
4
4
  declare type AlertIntent = Required<ComponentProps<typeof Alert>>['intent'];
5
5
  interface ToastFn extends Required<Record<AlertIntent, (message: MessageType, duration?: number) => void>> {
6
6
  (message: MessageType, duration?: number): void;
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../lib/components/Toaster/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,cAAc,EAGd,UAAU,EAOV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOjC,aAAK,WAAW,GAAG,UAAU,CAAC;AAC9B,aAAK,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAWpE,UAAU,OACT,SAAQ,QAAQ,CACf,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CACtE;IACD,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AA0ED,eAAO,MAAM,aAAa;;iBAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,OAwE3B,CAAC"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../lib/components/Toaster/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,cAAc,EAGd,SAAS,EAOT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOjC,aAAK,WAAW,GAAG,SAAS,CAAC;AAC7B,aAAK,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAWpE,UAAU,OACT,SAAQ,QAAQ,CACf,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CACtE;IACD,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AA0ED,eAAO,MAAM,aAAa;;iBAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,OAwE3B,CAAC"}
@@ -1,7 +1,8 @@
1
- import { ComponentPropsWithoutRef, FunctionComponent } from 'react';
1
+ import { ComponentPropsWithoutRef, FunctionComponent, ReactNode } from 'react';
2
2
  import { Box } from '../Box';
3
3
  export interface Props {
4
4
  is?: ComponentPropsWithoutRef<typeof Box>['is'];
5
+ children?: ReactNode;
5
6
  }
6
7
  export declare const VisuallyHidden: FunctionComponent<Props>;
7
8
  //# sourceMappingURL=VisuallyHidden.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../lib/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,MAAM,WAAW,KAAK;IACrB,EAAE,CAAC,EAAE,wBAAwB,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,KAAK,CASnD,CAAC"}
1
+ {"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../lib/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,MAAM,WAAW,KAAK;IACrB,EAAE,CAAC,EAAE,wBAAwB,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,KAAK,CASnD,CAAC"}
@@ -8,7 +8,7 @@ export interface Props {
8
8
  inputName: string;
9
9
  inputType: string;
10
10
  value: string;
11
- children: ReactNode;
11
+ children?: ReactNode;
12
12
  handleClick(event: any): void;
13
13
  handleChange?(checked: boolean): void;
14
14
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CheckableBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/CheckableBase/CheckableBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3D,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IAEpB,WAAW,CAAC,KAAK,KAAA,GAAG,IAAI,CAAC;IAEzB,YAAY,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,gFA6FzB,CAAC"}
1
+ {"version":3,"file":"CheckableBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/CheckableBase/CheckableBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3D,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,WAAW,CAAC,KAAK,KAAA,GAAG,IAAI,CAAC;IAEzB,YAAY,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,gFA6FzB,CAAC"}
@@ -1,4 +1,4 @@
1
- import { FunctionComponent } from 'react';
1
+ import { FunctionComponent, ReactNode } from 'react';
2
2
  export interface Props {
3
3
  id: string;
4
4
  placeholder: string;
@@ -9,6 +9,7 @@ export interface Props {
9
9
  placeholderColourClassName: string;
10
10
  notch?: boolean;
11
11
  className?: string;
12
+ children?: ReactNode;
12
13
  }
13
14
  export declare const NotchedBase: FunctionComponent<Props>;
14
15
  //# sourceMappingURL=NotchedBase.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NotchedBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/NotchedBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAWvE,MAAM,WAAW,KAAK;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,0BAA0B,EAAE,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAuGhD,CAAC"}
1
+ {"version":3,"file":"NotchedBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/NotchedBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,iBAAiB,EACjB,SAAS,EAIT,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,KAAK;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,0BAA0B,EAAE,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAsGhD,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import clsx from 'clsx';
2
2
  import * as React from 'react';
3
- import { useEffect, useRef, useState } from 'react';
3
+ import { useEffect, useRef, useState, } from 'react';
4
4
  import { Box } from '../../Box';
5
5
  import { useTextStyles } from '../../Text';
6
6
  import * as styles from './NotchedBase.css';
@@ -35,7 +35,7 @@ export const NotchedBase = ({ id, placeholder, isEmpty, disabled, prefixed, chil
35
35
  [styles.placeholderPlacement
36
36
  .shifted]: !isEmpty,
37
37
  }) }, placeholder)),
38
- React.createElement("div", { className: clsx('chromatic-ignore', styles.borders.trailing, borderColourClassName) })))));
38
+ React.createElement("div", { className: clsx(styles.borders.trailing, borderColourClassName) })))));
39
39
  };
40
40
  function getNotchedComputedWidthForWidth(width) {
41
41
  return (Math.round((width * ACTIVE_SCALING_FACTOR + ACTIVE_PADDING_ADDED) * 100) / 100);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.3.3",
3
+ "version": "4.3.6",
4
4
  "description": "Overdrive is a product component library, and design system for AutoGuru.",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/index.js",
@@ -30,26 +30,28 @@
30
30
  "access": "public"
31
31
  },
32
32
  "scripts": {
33
- "typecheck": "tsc",
34
- "build": "babel lib --out-dir dist --extensions '.ts,.tsx, .css' && tsc",
33
+ "typeCheck": "tsc",
34
+ "typeEmit": "tsc -d --declarationDir dist",
35
+ "build": "babel lib --out-dir dist --extensions '.ts,.tsx, .css' && yarn run typeEmit",
35
36
  "prepublishOnly": "yarn run build",
36
37
  "watch": "tsc --watch"
37
38
  },
38
39
  "devDependencies": {
39
- "@autoguru/icons": "1.7.15",
40
+ "@autoguru/icons": "1.7.17",
40
41
  "@autoguru/tsconfig": "1.0.79",
41
42
  "@autoguru/utilities": "1.1.0",
42
43
  "@popperjs/core": "^2.10.2",
43
- "@types/react": "^17.0.16",
44
- "@types/react-dom": "^17.0.9",
44
+ "@types/react": "^18.0.9",
45
+ "@types/react-dom": "^18.0.4",
45
46
  "clsx": "^1.1.1",
46
47
  "colord": "^2.0.1",
47
48
  "csstype": "^3.0.7",
48
49
  "eslint-plugin-jest": "^24.4.0",
49
- "react": "^18.0.0-alpha-b9934d6db-20210805",
50
- "react-dom": "^18.0.0-alpha-b9934d6db-20210805",
50
+ "react": "^18.1.0",
51
+ "react-dom": "^18.1.0",
51
52
  "react-focus-lock": "^2.5.0",
52
- "react-keyed-flatten-children": "^1.3.0"
53
+ "react-keyed-flatten-children": "^1.3.0",
54
+ "webpack": "^5.58.1"
53
55
  },
54
56
  "peerDependencies": {
55
57
  "@autoguru/icons": "^1.7.4",
@@ -61,6 +63,7 @@
61
63
  "react": ">=16.8",
62
64
  "react-dom": ">=16.8",
63
65
  "react-focus-lock": "^2.5.0",
64
- "react-keyed-flatten-children": "^1.3.0"
66
+ "react-keyed-flatten-children": "^1.3.0",
67
+ "webpack": "*"
65
68
  }
66
69
  }