@charcoal-ui/react 4.0.0-beta.7 → 4.0.0-rc.0

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 (148) hide show
  1. package/dist/_lib/compat.d.ts +0 -12
  2. package/dist/_lib/compat.d.ts.map +1 -1
  3. package/dist/_lib/createDivComponent.d.ts +2 -2
  4. package/dist/_lib/createDivComponent.d.ts.map +1 -1
  5. package/dist/components/Button/index.d.ts +2 -6
  6. package/dist/components/Button/index.d.ts.map +1 -1
  7. package/dist/components/Clickable/index.d.ts +4 -7
  8. package/dist/components/Clickable/index.d.ts.map +1 -1
  9. package/dist/components/DropdownSelector/Divider/index.d.ts +3 -0
  10. package/dist/components/DropdownSelector/Divider/index.d.ts.map +1 -0
  11. package/dist/components/DropdownSelector/DropdownMenuItem/index.d.ts +8 -0
  12. package/dist/components/DropdownSelector/DropdownMenuItem/index.d.ts.map +1 -0
  13. package/dist/components/DropdownSelector/DropdownPopover.d.ts.map +1 -1
  14. package/dist/components/DropdownSelector/ListItem/index.d.ts +5 -13
  15. package/dist/components/DropdownSelector/ListItem/index.d.ts.map +1 -1
  16. package/dist/components/DropdownSelector/MenuItem/index.d.ts +10 -3
  17. package/dist/components/DropdownSelector/MenuItem/index.d.ts.map +1 -1
  18. package/dist/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.d.ts +1 -1
  19. package/dist/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.d.ts.map +1 -1
  20. package/dist/components/DropdownSelector/MenuItemGroup/index.d.ts +1 -3
  21. package/dist/components/DropdownSelector/MenuItemGroup/index.d.ts.map +1 -1
  22. package/dist/components/DropdownSelector/MenuList/index.d.ts +1 -4
  23. package/dist/components/DropdownSelector/MenuList/index.d.ts.map +1 -1
  24. package/dist/components/DropdownSelector/Popover/index.d.ts +1 -0
  25. package/dist/components/DropdownSelector/Popover/index.d.ts.map +1 -1
  26. package/dist/components/DropdownSelector/index.d.ts +3 -1
  27. package/dist/components/DropdownSelector/index.d.ts.map +1 -1
  28. package/dist/components/IconButton/index.d.ts +1 -2
  29. package/dist/components/IconButton/index.d.ts.map +1 -1
  30. package/dist/components/Modal/Dialog/index.d.ts +1 -1
  31. package/dist/components/Modal/Dialog/index.d.ts.map +1 -1
  32. package/dist/components/Modal/ModalPlumbing.d.ts +6 -6
  33. package/dist/components/Modal/ModalPlumbing.d.ts.map +1 -1
  34. package/dist/components/Modal/index.d.ts.map +1 -1
  35. package/dist/components/Modal/useCustomModalOverlay.d.ts +1 -0
  36. package/dist/components/Modal/useCustomModalOverlay.d.ts.map +1 -1
  37. package/dist/components/Radio/RadioGroup/index.d.ts +20 -0
  38. package/dist/components/Radio/RadioGroup/index.d.ts.map +1 -0
  39. package/dist/components/Radio/RadioGroupContext.d.ts +11 -0
  40. package/dist/components/Radio/RadioGroupContext.d.ts.map +1 -0
  41. package/dist/components/Radio/RadioInput/index.d.ts +10 -0
  42. package/dist/components/Radio/RadioInput/index.d.ts.map +1 -0
  43. package/dist/components/Radio/index.d.ts +1 -12
  44. package/dist/components/Radio/index.d.ts.map +1 -1
  45. package/dist/components/TagItem/index.d.ts +2 -6
  46. package/dist/components/TagItem/index.d.ts.map +1 -1
  47. package/dist/components/TextArea/index.d.ts +1 -1
  48. package/dist/components/TextArea/index.d.ts.map +1 -1
  49. package/dist/components/TextField/AssistiveText/index.d.ts +2 -2
  50. package/dist/components/TextField/AssistiveText/index.d.ts.map +1 -1
  51. package/dist/components/TextField/index.d.ts +3 -3
  52. package/dist/components/TextField/index.d.ts.map +1 -1
  53. package/dist/core/CharcoalProvider.d.ts +4 -11
  54. package/dist/core/CharcoalProvider.d.ts.map +1 -1
  55. package/dist/index.cjs.js +356 -399
  56. package/dist/index.cjs.js.map +1 -1
  57. package/dist/index.css +176 -27
  58. package/dist/index.css.map +1 -1
  59. package/dist/index.d.ts +2 -2
  60. package/dist/index.d.ts.map +1 -1
  61. package/dist/index.esm.js +322 -363
  62. package/dist/index.esm.js.map +1 -1
  63. package/dist/layered.css +1214 -0
  64. package/dist/layered.css.map +1 -0
  65. package/package.json +17 -13
  66. package/src/README.mdx +68 -0
  67. package/src/SSR.mdx +67 -0
  68. package/src/_lib/compat.ts +0 -11
  69. package/src/_lib/index.ts +1 -1
  70. package/src/components/Button/__snapshots__/index.story.storyshot +9 -9
  71. package/src/components/Button/index.tsx +4 -10
  72. package/src/components/Checkbox/CheckboxInput/__snapshots__/index.story.storyshot +5 -5
  73. package/src/components/Checkbox/CheckboxInput/index.css +4 -5
  74. package/src/components/Checkbox/__snapshots__/index.story.storyshot +6 -6
  75. package/src/components/Clickable/__snapshots__/index.story.storyshot +2 -2
  76. package/src/components/Clickable/index.story.tsx +1 -1
  77. package/src/components/Clickable/index.tsx +7 -12
  78. package/src/components/DropdownSelector/Divider/index.css +11 -0
  79. package/src/components/DropdownSelector/Divider/index.tsx +5 -0
  80. package/src/components/DropdownSelector/DropdownMenuItem/index.css +20 -0
  81. package/src/components/DropdownSelector/DropdownMenuItem/index.tsx +34 -0
  82. package/src/components/DropdownSelector/DropdownPopover.tsx +16 -9
  83. package/src/components/DropdownSelector/ListItem/__snapshots__/index.story.storyshot +41 -99
  84. package/src/components/DropdownSelector/ListItem/index.css +24 -0
  85. package/src/components/DropdownSelector/ListItem/index.story.tsx +11 -5
  86. package/src/components/DropdownSelector/ListItem/index.tsx +14 -53
  87. package/src/components/DropdownSelector/MenuItem/index.tsx +17 -12
  88. package/src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx +2 -2
  89. package/src/components/DropdownSelector/MenuItemGroup/index.css +19 -0
  90. package/src/components/DropdownSelector/MenuItemGroup/index.tsx +6 -28
  91. package/src/components/DropdownSelector/MenuList/__snapshots__/index.story.storyshot +162 -416
  92. package/src/components/DropdownSelector/MenuList/index.css +4 -0
  93. package/src/components/DropdownSelector/MenuList/index.tsx +4 -12
  94. package/src/components/DropdownSelector/Popover/__snapshots__/index.story.storyshot +1 -1
  95. package/src/components/DropdownSelector/Popover/index.css +11 -0
  96. package/src/components/DropdownSelector/Popover/index.tsx +6 -15
  97. package/src/components/DropdownSelector/__snapshots__/index.story.storyshot +403 -1181
  98. package/src/components/DropdownSelector/index.css +84 -0
  99. package/src/components/DropdownSelector/index.story.tsx +0 -4
  100. package/src/components/DropdownSelector/index.tsx +40 -102
  101. package/src/components/Icon/__snapshots__/index.story.storyshot +1 -1
  102. package/src/components/IconButton/__snapshots__/index.story.storyshot +3 -3
  103. package/src/components/IconButton/index.tsx +3 -6
  104. package/src/components/LoadingSpinner/__snapshots__/index.story.storyshot +4 -4
  105. package/src/components/Modal/Dialog/index.tsx +2 -1
  106. package/src/components/Modal/__snapshots__/index.story.storyshot +118 -437
  107. package/src/components/Modal/index.story.tsx +26 -11
  108. package/src/components/Modal/index.tsx +5 -6
  109. package/src/components/Modal/useCustomModalOverlay.tsx +20 -0
  110. package/src/components/Radio/RadioGroup/index.css +5 -0
  111. package/src/components/Radio/RadioGroup/index.tsx +80 -0
  112. package/src/components/Radio/RadioGroupContext.ts +23 -0
  113. package/src/components/Radio/RadioInput/index.css +82 -0
  114. package/src/components/Radio/RadioInput/index.tsx +41 -0
  115. package/src/components/Radio/__snapshots__/index.story.storyshot +76 -95
  116. package/src/components/Radio/index.css +2 -81
  117. package/src/components/Radio/index.story.tsx +30 -13
  118. package/src/components/Radio/index.test.tsx +22 -28
  119. package/src/components/Radio/index.tsx +7 -89
  120. package/src/components/SegmentedControl/__snapshots__/index.story.storyshot +2 -2
  121. package/src/components/Switch/__snapshots__/index.story.storyshot +4 -4
  122. package/src/components/TagItem/__snapshots__/index.story.storyshot +8 -8
  123. package/src/components/TagItem/index.tsx +4 -8
  124. package/src/components/TextArea/__snapshots__/TextArea.story.storyshot +11 -11
  125. package/src/components/TextField/TextField.story.tsx +8 -9
  126. package/src/components/TextField/__snapshots__/TextField.story.storyshot +20 -26
  127. package/src/components/TextField/index.tsx +2 -2
  128. package/src/core/CharcoalProvider.tsx +5 -29
  129. package/src/index.ts +2 -11
  130. package/src/type.d.ts +2 -13
  131. package/dist/components/DropdownSelector/Divider.d.ts +0 -7
  132. package/dist/components/DropdownSelector/Divider.d.ts.map +0 -1
  133. package/dist/components/DropdownSelector/DropdownMenuItem.d.ts +0 -7
  134. package/dist/components/DropdownSelector/DropdownMenuItem.d.ts.map +0 -1
  135. package/dist/components/Modal/__stories__/InternalScrollStory.d.ts +0 -4
  136. package/dist/components/Modal/__stories__/InternalScrollStory.d.ts.map +0 -1
  137. package/dist/core/ComponentAbstraction.d.ts +0 -24
  138. package/dist/core/ComponentAbstraction.d.ts.map +0 -1
  139. package/dist/styled.d.ts +0 -95
  140. package/dist/styled.d.ts.map +0 -1
  141. package/src/components/Button/__snapshots__/index.test.tsx.snap +0 -11
  142. package/src/components/Button/index.test.tsx +0 -32
  143. package/src/components/DropdownSelector/Divider.tsx +0 -16
  144. package/src/components/DropdownSelector/DropdownMenuItem.tsx +0 -43
  145. package/src/components/Modal/__stories__/InternalScrollStory.tsx +0 -75
  146. package/src/components/a11y.test.tsx +0 -99
  147. package/src/core/ComponentAbstraction.tsx +0 -48
  148. package/src/styled.ts +0 -3
@@ -1,16 +1,4 @@
1
1
  import * as React from 'react';
2
- /**
3
- * import { Story } from '@storybook/react/types-6-0'
4
- *
5
- * をするとstyled-componentsが壊れるので代替品を作った
6
- *
7
- * エラー:
8
- * node_modules/@types/styled-components/ts3.7/index.d.ts
9
- * `Type alias 'Interpolation' circularly references itself. ts(2456)`
10
- */
11
- export type Story<P> = React.ComponentType<P> & {
12
- args?: P;
13
- };
14
2
  /**
15
3
  * react-ariaの`useTextField()`は、<textarea>をサポートするにも関わらず、
16
4
  * `React.KeyboardEvent<HTMLInputElement>`しか想定していないイベントハンドラがいくつかある
@@ -1 +1 @@
1
- {"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;GAQG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,CAAC,CAAA;CAAE,CAAA;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC9C,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5C,QAAQ,CAAC,cAAc,CAAC,EACpB,MAAM,GACN,IAAI,GACJ,KAAK,GACL,WAAW,GACX,OAAO,GACP,YAAY,GACZ,SAAS,CAAA;CACd"}
1
+ {"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC9C,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5C,QAAQ,CAAC,cAAc,CAAC,EACpB,MAAM,GACN,IAAI,GACJ,KAAK,GACL,WAAW,GACX,OAAO,GACP,YAAY,GACZ,SAAS,CAAA;CACd"}
@@ -1,4 +1,4 @@
1
- export declare function createDivComponent(mainClassName: string): import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
1
+ export declare function createDivComponent(mainClassName: string): import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
2
2
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
- }, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
3
+ }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  //# sourceMappingURL=createDivComponent.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"createDivComponent.d.ts","sourceRoot":"","sources":["../../src/_lib/createDivComponent.tsx"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM;;0HAOvD"}
1
+ {"version":3,"file":"createDivComponent.d.ts","sourceRoot":"","sources":["../../src/_lib/createDivComponent.tsx"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM;;kHAOvD"}
@@ -12,12 +12,8 @@ export type ButtonProps<T extends React.ElementType = 'button'> = {
12
12
  * The component used for root element.
13
13
  * @type T extends React.ElementType = 'button'
14
14
  */
15
- as?: T;
16
- /**
17
- * The as property of the component specified by the Button component's as attribute.
18
- */
19
- componentAs?: React.ComponentPropsWithRef<T>['as'];
20
- } & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>;
15
+ component?: T;
16
+ } & Omit<React.ComponentPropsWithRef<T>, 'children'>;
21
17
  declare const Button: <T extends React.ElementType<any> = "button">(p: ButtonProps<T>) => JSX.Element;
22
18
  export default Button;
23
19
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAuB,MAAM,OAAO,CAAA;AAI3E,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAE1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAA;IACN;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;CACnD,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;AAE3D,QAAA,MAAM,MAAM,sEA2ByD,WAAW,CAAA;AAChF,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAuB,MAAM,OAAO,CAAA;AAI3E,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAE1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEpD,QAAA,MAAM,MAAM,sEAyByD,WAAW,CAAA;AAChF,eAAe,MAAM,CAAA"}
@@ -1,16 +1,13 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import './index.css';
3
3
  export type ClickableProps<T extends React.ElementType = 'button'> = {
4
+ children?: ReactNode;
4
5
  /**
5
6
  * The component used for root element.
6
7
  * @type T extends React.ElementType = 'button'
7
8
  */
8
- as?: T;
9
- /**
10
- * The as property of the component specified by the Button component's as attribute.
11
- */
12
- componentAs?: React.ComponentPropsWithRef<T>['as'];
13
- } & Omit<React.ComponentPropsWithRef<T>, 'as'>;
9
+ component?: T;
10
+ } & Omit<React.ComponentPropsWithRef<T>, 'children'>;
14
11
  declare const Clickable: <T extends React.ElementType<any> = "button">(p: ClickableProps<T>) => JSX.Element;
15
12
  export default Clickable;
16
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACnE;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAA;IACN;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;CACnD,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;AAE9C,QAAA,MAAM,SAAS,yEAaV,WAAW,CAAA;AAChB,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEpD,QAAA,MAAM,SAAS,yEAWV,WAAW,CAAA;AAChB,eAAe,SAAS,CAAA"}
@@ -0,0 +1,3 @@
1
+ import './index.css';
2
+ export declare function Divider(): JSX.Element;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,wBAAgB,OAAO,gBAEtB"}
@@ -0,0 +1,8 @@
1
+ import './index.css';
2
+ import { MenuItemProps } from '../MenuItem';
3
+ export type DropdownMenuItemProps = Omit<MenuItemProps, 'as'>;
4
+ /**
5
+ * DropdownSelectorの選択肢として使うMenuItem
6
+ */
7
+ export default function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/DropdownMenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAKrD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;AAE7D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAqBpE"}
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAA;AAC9C,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEjD,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,eA+B3E"}
1
+ {"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAA;AAC9C,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEjD,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,eAsC3E"}
@@ -1,18 +1,10 @@
1
+ import './index.css';
1
2
  import { ReactNode } from 'react';
2
3
  export type CustomJSXElement = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
3
- export type ListItemProps<T extends CustomJSXElement = 'div'> = {
4
+ export type ListItemProps<T extends React.ElementType = 'li'> = {
4
5
  children?: ReactNode;
5
6
  as?: T;
6
- } & Omit<React.ComponentProps<T>, 'children'>;
7
- /**
8
- * リストのある要素を示すコンポーネント
9
- *
10
- * asを用いて拡張することができる
11
- * @example
12
- * ```
13
- * <ListItem as="a" href="#">Link</ListItem>
14
- * <ListItem as={NextLink} href="#">NextLink</ListItem>
15
- * ```
16
- */
17
- export default function ListItem<T extends CustomJSXElement = 'div'>(props: ListItemProps<T>): JSX.Element;
7
+ } & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>;
8
+ declare const ListItem: <T extends import("react").ElementType<any> = "li">(p: ListItemProps<T>) => JSX.Element;
9
+ export default ListItem;
18
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/ListItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,gBAAgB,GACxB,MAAM,GAAG,CAAC,iBAAiB,GAE3B,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAA;AAEpC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,gBAAgB,GAAG,KAAK,IAAI;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAE7C;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,gBAAgB,GAAG,KAAK,EACjE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAQxB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/ListItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAA4B,SAAS,EAAW,MAAM,OAAO,CAAA;AAGpE,MAAM,MAAM,gBAAgB,GACxB,MAAM,GAAG,CAAC,iBAAiB,GAE3B,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAA;AAEpC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,IAAI;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;AAE3D,QAAA,MAAM,QAAQ,8EAOqD,WAAW,CAAA;AAE9E,eAAe,QAAQ,CAAA"}
@@ -1,5 +1,5 @@
1
- import { CustomJSXElement, ListItemProps } from '../ListItem';
2
- export type MenuItemProps<T extends CustomJSXElement = never> = {
1
+ import { ListItemProps } from '../ListItem';
2
+ export type MenuItemProps<T extends React.ElementType = 'li'> = {
3
3
  value?: string;
4
4
  disabled?: boolean;
5
5
  } & ListItemProps<T>;
@@ -7,5 +7,12 @@ export type MenuItemProps<T extends CustomJSXElement = never> = {
7
7
  * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目
8
8
  * 基本的に`<MenuList>`, `<MenuGroup>`と合わせて使用する
9
9
  */
10
- export default function MenuItem<T extends CustomJSXElement>(props: MenuItemProps<T>): JSX.Element;
10
+ declare const MenuItem: import("react").ForwardRefExoticComponent<Pick<{
11
+ value?: string | undefined;
12
+ disabled?: boolean | undefined;
13
+ } & {
14
+ children?: import("react").ReactNode;
15
+ as?: import("react").ElementType<any> | undefined;
16
+ } & Omit<any, "children" | "as">, string | number | symbol> & import("react").RefAttributes<HTMLLIElement>>;
17
+ export default MenuItem;
11
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAiB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGvE,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,gBAAgB,GAAG,KAAK,IAAI;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAEpB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,gBAAgB,EACzD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAiBxB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItem/index.tsx"],"names":[],"mappings":"AACA,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGrD,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,IAAI;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAEpB;;;GAGG;AACH,QAAA,MAAM,QAAQ;;;;;;2GAqBZ,CAAA;AACF,eAAe,QAAQ,CAAA"}
@@ -5,5 +5,5 @@
5
5
  * @param value
6
6
  * @returns
7
7
  */
8
- export declare function useMenuItemHandleKeyDown(value?: string): [(e: React.KeyboardEvent<HTMLDivElement>) => void, () => void];
8
+ export declare function useMenuItemHandleKeyDown(value?: string): [(e: React.KeyboardEvent<HTMLElement>) => void, () => void];
9
9
  //# sourceMappingURL=useMenuItemHandleKeyDown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useMenuItemHandleKeyDown.d.ts","sourceRoot":"","sources":["../../../../../src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,CAAC,EAAE,MAAM,GACb,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAoDhE"}
1
+ {"version":3,"file":"useMenuItemHandleKeyDown.d.ts","sourceRoot":"","sources":["../../../../../src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,CAAC,EAAE,MAAM,GACb,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAoD7D"}
@@ -1,3 +1,4 @@
1
+ import './index.css';
1
2
  import MenuItem from '../MenuItem';
2
3
  import { Divider } from '../Divider';
3
4
  type MenuItemGroupChild = React.ReactElement<typeof MenuItem | typeof Divider>;
@@ -5,9 +6,6 @@ export type MenuItemGroupProps = {
5
6
  text: string;
6
7
  children: MenuItemGroupChild | MenuItemGroupChild[];
7
8
  };
8
- /**
9
- * 項目のリストを分類する見出しをつけるコンテナ要素
10
- */
11
9
  export default function MenuItemGroup(props: MenuItemGroupProps): JSX.Element;
12
10
  export {};
13
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItemGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,GAAG,OAAO,OAAO,CAAC,CAAA;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAA;CACpD,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAO9D"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItemGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,GAAG,OAAO,OAAO,CAAC,CAAA;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAA;CACpD,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAO9D"}
@@ -1,3 +1,4 @@
1
+ import './index.css';
1
2
  import MenuItem from '../MenuItem';
2
3
  import { Divider } from '../Divider';
3
4
  import MenuItemGroup from '../MenuItemGroup';
@@ -8,10 +9,6 @@ export type MenuListProps = {
8
9
  value?: string;
9
10
  onChange?: (v: string) => void;
10
11
  };
11
- /**
12
- * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目
13
- * 基本的に`<MenuItem>`, `<MenuGroup>`と合わせて使用する
14
- */
15
12
  export default function MenuList(props: MenuListProps): JSX.Element;
16
13
  export {};
17
14
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CACrC,OAAO,QAAQ,GAAG,OAAO,aAAa,GAAG,OAAO,OAAO,CACxD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,aAAa,EAAE,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eAuBpD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAKpB,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CACrC,OAAO,QAAQ,GAAG,OAAO,aAAa,GAAG,OAAO,OAAO,CACxD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,aAAa,EAAE,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eAuBpD"}
@@ -1,3 +1,4 @@
1
+ import './index.css';
1
2
  import { RefObject, ReactNode } from 'react';
2
3
  export type PopoverProps = {
3
4
  isOpen: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,SAAS,EAAE,MAAM,OAAO,CAAA;AAMhE,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACvC,CAAA;AAID;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,sBA6ClD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,SAAS,EAAsB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKhE,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACvC,CAAA;AAID;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,sBA+ClD"}
@@ -1,3 +1,4 @@
1
+ import './index.css';
1
2
  import { ReactNode } from 'react';
2
3
  import { MenuListChildren } from './MenuList';
3
4
  export type DropdownSelectorProps = {
@@ -17,6 +18,7 @@ export type DropdownSelectorProps = {
17
18
  name?: string;
18
19
  children: MenuListChildren;
19
20
  onChange: (value: string) => void;
21
+ className?: string;
20
22
  };
21
- export default function DropdownSelector({ onChange, ...props }: DropdownSelectorProps): JSX.Element;
23
+ export default function DropdownSelector({ onChange, showLabel, ...props }: DropdownSelectorProps): JSX.Element;
22
24
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAA;AAOhF,OAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAMvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,eA4FvB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAc,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAA;AAKhF,OAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAOvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,qBAAqB,eA4GvB"}
@@ -8,8 +8,7 @@ export type IconButtonProps<T extends React.ElementType = 'button'> = {
8
8
  readonly size?: Size;
9
9
  readonly icon: keyof KnownIconType;
10
10
  readonly isActive?: boolean;
11
- as?: T;
12
- componentAs?: React.ComponentPropsWithRef<T>['as'];
11
+ component?: T;
13
12
  } & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>;
14
13
  declare const IconButton: <T extends React.ElementType<any> = "button">(p: IconButtonProps<T>) => JSX.Element;
15
14
  export default IconButton;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,aAAa,CAAA;AAEpB,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AACpC,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACpE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,aAAa,CAAA;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,WAAW,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;CACnD,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;AAE3D,QAAA,MAAM,UAAU,0EAiCX,WAAW,CAAA;AAEhB,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,aAAa,CAAA;AAEpB,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AACpC,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACpE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,aAAa,CAAA;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;AAE3D,QAAA,MAAM,UAAU,0EA+BX,WAAW,CAAA;AAEhB,eAAe,UAAU,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { Size, BottomSheet } from '..';
3
3
  import './index.css';
4
- export declare const Dialog: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLDivElement>> & {
4
+ export declare const Dialog: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
5
5
  size: Size;
6
6
  bottomSheet: BottomSheet;
7
7
  } & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,IAAI,CAAA;AAEtC,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,MAAM;UAGT,IAAI;iBACG,WAAW;wCAwB1B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,IAAI,CAAA;AAEtC,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,MAAM;UAGT,IAAI;iBACG,WAAW;wCAyB1B,CAAA"}
@@ -1,12 +1,12 @@
1
1
  import './ModalPlumbing.css';
2
2
  export declare function ModalHeader(): JSX.Element;
3
- export declare const ModalAlign: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
3
+ export declare const ModalAlign: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
4
4
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
5
- }, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
6
- export declare const ModalBody: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
5
+ }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
6
+ export declare const ModalBody: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
7
7
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
8
- }, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
9
- export declare const ModalButtons: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
8
+ }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
9
+ export declare const ModalButtons: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
10
10
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
11
- }, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
11
+ }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
12
12
  //# sourceMappingURL=ModalPlumbing.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalPlumbing.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPlumbing.tsx"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAA;AAG5B,wBAAgB,WAAW,gBAU1B;AAED,eAAO,MAAM,UAAU;;yHAA6C,CAAA;AAEpE,eAAO,MAAM,SAAS;;yHAA4C,CAAA;AAElE,eAAO,MAAM,YAAY;;yHAA+C,CAAA"}
1
+ {"version":3,"file":"ModalPlumbing.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPlumbing.tsx"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAA;AAG5B,wBAAgB,WAAW,gBAU1B;AAED,eAAO,MAAM,UAAU;;iHAA6C,CAAA;AAEpE,eAAO,MAAM,SAAS;;iHAA4C,CAAA;AAElE,eAAO,MAAM,YAAY;;iHAA+C,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAW,MAAM,sBAAsB,CAAA;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAI1D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAM3D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;;;;;;;;;;;IALC;;;OAGG;;;AA+JP,wBAA0B;AAE1B,eAAO,MAAM,YAAY;IACvB;;OAEG;gBACS,MAAM,cAAc,CAAC,WAAW,CAAC;WACtC,MAAM;mBACC,IAAI;iBACL,OAAO;iBACP,WAAW;EAOxB,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,eAUpE;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAW,MAAM,sBAAsB,CAAA;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAS3D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;;;;;;;;;;;IALC;;;OAGG;;;AA8JP,wBAA0B;AAE1B,eAAO,MAAM,YAAY;IACvB;;OAEG;gBACS,MAAM,cAAc,CAAC,WAAW,CAAC;WACtC,MAAM;mBACC,IAAI;iBACL,OAAO;iBACP,WAAW;EAOxB,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,eAUpE;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}
@@ -9,4 +9,5 @@ export declare function useCharcoalModalOverlay(props: AriaModalOverlayProps, st
9
9
  isOpen: boolean;
10
10
  onClose: () => void;
11
11
  }, ref: React.RefObject<HTMLElement>): ModalOverlayAria;
12
+ export declare function useWindowWidth(): number | null;
12
13
  //# sourceMappingURL=useCustomModalOverlay.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useCustomModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useCustomModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAG7B;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,EAC/C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAChC,gBAAgB,CA4BlB"}
1
+ {"version":3,"file":"useCustomModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useCustomModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAG7B;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,EAC/C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAChC,gBAAgB,CA4BlB;AAMD,wBAAgB,cAAc,kBAc7B"}
@@ -0,0 +1,20 @@
1
+ import './index.css';
2
+ import * as React from 'react';
3
+ export type RadioGroupProps<Value extends string = string> = React.PropsWithChildren<{
4
+ className?: string;
5
+ value?: Value;
6
+ /**
7
+ * aria-label of RadioGroup
8
+ */
9
+ label?: string;
10
+ name: string;
11
+ onChange(next: Value): void;
12
+ disabled?: boolean;
13
+ readonly?: boolean;
14
+ invalid?: boolean;
15
+ ref?: React.Ref<HTMLDivElement>;
16
+ 'aria-labelledby'?: React.ComponentProps<'div'>['aria-labelledby'];
17
+ 'aria-orientation'?: React.ComponentProps<'div'>['aria-orientation'];
18
+ }>;
19
+ export declare const RadioGroup: <Value extends string>(props: RadioGroupProps<Value>) => JSX.Element;
20
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAGpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IACvD,KAAK,CAAC,iBAAiB,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IAC/B,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAClE,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;CACrE,CAAC,CAAA;AAEJ,eAAO,MAAM,UAAU,2DAsDuC,WAAW,CAAA"}
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ export interface RadioGroupContext {
3
+ name: string;
4
+ selected?: string;
5
+ disabled: boolean;
6
+ readonly: boolean;
7
+ invalid: boolean;
8
+ onChange: (next: string) => void;
9
+ }
10
+ export declare const RadioGroupContext: React.Context<RadioGroupContext>;
11
+ //# sourceMappingURL=RadioGroupContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioGroupContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC;AAED,eAAO,MAAM,iBAAiB,kCAW5B,CAAA"}
@@ -0,0 +1,10 @@
1
+ import './index.css';
2
+ type CharcoalRadioInputProps = {
3
+ invalid?: boolean;
4
+ onChange?: (value: string) => void;
5
+ };
6
+ type InputProps = React.HTMLProps<HTMLInputElement>;
7
+ export type RadioInputProps = CharcoalRadioInputProps & Omit<InputProps, keyof CharcoalRadioInputProps | 'ref'>;
8
+ declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<CharcoalRadioInputProps & Omit<InputProps, "ref" | keyof CharcoalRadioInputProps> & import("react").RefAttributes<HTMLInputElement>>>;
9
+ export default _default;
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/RadioInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAKpB,KAAK,uBAAuB,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAED,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAEnD,MAAM,MAAM,eAAe,GAAG,uBAAuB,GACnD,IAAI,CAAC,UAAU,EAAE,MAAM,uBAAuB,GAAG,KAAK,CAAC,CAAA;;AA2BzD,wBAA+B"}
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
2
1
  import './index.css';
2
+ import * as React from 'react';
3
3
  export type RadioProps = React.PropsWithChildren<{
4
4
  value: string;
5
5
  disabled?: boolean;
@@ -13,15 +13,4 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
13
13
  children?: React.ReactNode;
14
14
  } & React.RefAttributes<HTMLInputElement>>>;
15
15
  export default _default;
16
- export type RadioGroupProps<Value extends string = string> = React.PropsWithChildren<{
17
- className?: string;
18
- value?: Value;
19
- name: string;
20
- onChange(next: Value): void;
21
- disabled?: boolean;
22
- readonly?: boolean;
23
- invalid?: boolean;
24
- ref?: React.Ref<HTMLDivElement>;
25
- }>;
26
- export declare const RadioGroup: <Value extends string>(props: RadioGroupProps<Value>) => JSX.Element;
27
16
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;;;;;;;;AAsDF,wBAA0B;AAE1B,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IACvD,KAAK,CAAC,iBAAiB,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC,CAAC,CAAA;AAwBJ,eAAO,MAAM,UAAU,2DAwCuC,WAAW,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAGpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;;;;;;;;AA6CF,wBAA0B"}
@@ -15,12 +15,8 @@ export type TagItemProps<T extends React.ElementType = 'button'> = {
15
15
  * The component used for root element.
16
16
  * @type T extends React.ElementType = 'button'
17
17
  */
18
- as?: T;
19
- /**
20
- * The as property of the component specified by the Button component's as attribute.
21
- */
22
- componentAs?: React.ComponentPropsWithRef<T>['as'];
23
- } & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>;
18
+ component?: T;
19
+ } & Omit<React.ComponentPropsWithRef<T>, 'children'>;
24
20
  declare const _default: React.MemoExoticComponent<(<T extends React.ElementType<any> = "button">(p: TagItemProps<T>) => JSX.Element)>;
25
21
  export default _default;
26
22
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,aAAa,CAAA;AAEpB,QAAA,MAAM,OAAO;;;CAGZ,CAAA;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAA;IACN;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;CACnD,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;;AAgE3D,wBAA4B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,aAAa,CAAA;AAEpB,QAAA,MAAM,OAAO;;;CAGZ,CAAA;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;;AAgEpD,wBAA4B"}
@@ -26,6 +26,6 @@ declare const TextArea: import("react").ForwardRefExoticComponent<{
26
26
  subLabel?: React.ReactNode;
27
27
  autoHeight?: boolean | undefined;
28
28
  getCount?: ((value: string) => number) | undefined;
29
- } & Omit<Pick<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | "css" | keyof import("react").TextareaHTMLAttributes<HTMLTextAreaElement>>, "onChange"> & import("react").RefAttributes<HTMLTextAreaElement>>;
29
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | keyof import("react").TextareaHTMLAttributes<HTMLTextAreaElement>>, "onChange"> & import("react").RefAttributes<HTMLTextAreaElement>>;
30
30
  export default TextArea;
31
31
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAWpB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,CAAA;AAEhE,QAAA,MAAM,QAAQ;;wBAhBO,MAAM,KAAK,IAAI;;;;;;;;eAUvB,MAAM,SAAS;;wBAGP,MAAM,KAAK,MAAM;wRAkIrC,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAWpB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,CAAA;AAEhE,QAAA,MAAM,QAAQ;;wBAhBO,MAAM,KAAK,IAAI;;;;;;;;eAUvB,MAAM,SAAS;;wBAGP,MAAM,KAAK,MAAM;gRAkIrC,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import './index.css';
2
- export declare const AssistiveText: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
2
+ export declare const AssistiveText: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
3
3
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
4
+ }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/AssistiveText/index.tsx"],"names":[],"mappings":"AACA,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,aAAa;;yHAEzB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/AssistiveText/index.tsx"],"names":[],"mappings":"AACA,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,aAAa;;iHAEzB,CAAA"}
@@ -14,7 +14,7 @@ export type TextFieldProps = {
14
14
  requiredText?: string;
15
15
  disabled?: boolean;
16
16
  subLabel?: React.ReactNode;
17
- rdfaPredix?: string;
17
+ rdfaPrefix?: string;
18
18
  getCount?: (value: string) => number;
19
19
  } & Omit<React.ComponentPropsWithoutRef<'input'>, 'prefix' | 'onChange'>;
20
20
  declare const TextField: React.ForwardRefExoticComponent<{
@@ -30,8 +30,8 @@ declare const TextField: React.ForwardRefExoticComponent<{
30
30
  requiredText?: string | undefined;
31
31
  disabled?: boolean | undefined;
32
32
  subLabel?: React.ReactNode;
33
- rdfaPredix?: string | undefined;
33
+ rdfaPrefix?: string | undefined;
34
34
  getCount?: ((value: string) => number) | undefined;
35
- } & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | "css" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "prefix" | "onChange"> & React.RefAttributes<HTMLInputElement>>;
35
+ } & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "prefix"> & React.RefAttributes<HTMLInputElement>>;
36
36
  export default TextField;
37
37
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAGpB,OAAO,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAA;AAExE,QAAA,MAAM,SAAS;aApBJ,SAAS;aACT,SAAS;;wBAGC,MAAM,KAAK,IAAI;;;;;;;;eAUvB,eAAe;;wBAGP,MAAM,KAAK,MAAM;yOAmHrC,CAAA;AAED,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAGpB,OAAO,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAA;AAExE,QAAA,MAAM,SAAS;aApBJ,SAAS;aACT,SAAS;;wBAGC,MAAM,KAAK,IAAI;;;;;;;;eAUvB,eAAe;;wBAGP,MAAM,KAAK,MAAM;iOAmHrC,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -1,13 +1,6 @@
1
1
  import * as React from 'react';
2
- import { Components } from './ComponentAbstraction';
3
- import type { ThemeMap } from '@charcoal-ui/styled/src/TokenInjector';
4
- import { CharcoalTheme, ThemeColor } from '@charcoal-ui/theme';
5
- export type CharcoalProviderProps = React.PropsWithChildren<{
6
- themeMap: ThemeMap<CharcoalTheme>;
7
- defaultTheme?: CharcoalTheme;
8
- injectTokens?: boolean;
9
- components?: Partial<Components>;
10
- background?: keyof ThemeColor;
11
- }>;
12
- export declare function CharcoalProvider({ themeMap, defaultTheme, components, injectTokens, children, background, }: CharcoalProviderProps): JSX.Element;
2
+ export type CharcoalProviderProps = {
3
+ children: React.ReactNode;
4
+ };
5
+ export declare function CharcoalProvider({ children }: CharcoalProviderProps): JSX.Element;
13
6
  //# sourceMappingURL=CharcoalProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CharcoalProvider.d.ts","sourceRoot":"","sources":["../../src/core/CharcoalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAA6B,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAK9D,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1D,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;IACjC,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAChC,UAAU,CAAC,EAAE,MAAM,UAAU,CAAA;CAC9B,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,YAAgC,EAChC,UAAe,EACf,YAAmB,EACnB,QAAQ,EACR,UAAU,GACX,EAAE,qBAAqB,eAavB"}
1
+ {"version":3,"file":"CharcoalProvider.d.ts","sourceRoot":"","sources":["../../src/core/CharcoalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,eAMnE"}