@charcoal-ui/react 4.2.1 → 4.3.0-beta.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 (53) hide show
  1. package/dist/_lib/index.d.ts.map +1 -1
  2. package/dist/components/Button/index.d.ts +2 -2
  3. package/dist/components/Button/index.d.ts.map +1 -1
  4. package/dist/components/Clickable/index.d.ts +2 -2
  5. package/dist/components/Clickable/index.d.ts.map +1 -1
  6. package/dist/components/DropdownSelector/ListItem/index.d.ts +2 -2
  7. package/dist/components/DropdownSelector/ListItem/index.d.ts.map +1 -1
  8. package/dist/components/DropdownSelector/MenuList/MenuListContext.d.ts +1 -1
  9. package/dist/components/DropdownSelector/MenuList/MenuListContext.d.ts.map +1 -1
  10. package/dist/components/DropdownSelector/Popover/index.d.ts +2 -2
  11. package/dist/components/DropdownSelector/Popover/index.d.ts.map +1 -1
  12. package/dist/components/IconButton/index.d.ts +2 -2
  13. package/dist/components/IconButton/index.d.ts.map +1 -1
  14. package/dist/components/Modal/useCustomModalOverlay.d.ts +1 -1
  15. package/dist/components/Modal/useCustomModalOverlay.d.ts.map +1 -1
  16. package/dist/components/Radio/RadioGroup/index.d.ts +1 -0
  17. package/dist/components/Radio/RadioGroup/index.d.ts.map +1 -1
  18. package/dist/components/TagItem/index.d.ts +2 -2
  19. package/dist/components/TagItem/index.d.ts.map +1 -1
  20. package/dist/components/TextField/useFocusWithClick.d.ts +1 -1
  21. package/dist/components/TextField/useFocusWithClick.d.ts.map +1 -1
  22. package/dist/core/SetThemeScript.d.ts +18 -0
  23. package/dist/core/SetThemeScript.d.ts.map +1 -0
  24. package/dist/core/themeHelper.d.ts +39 -0
  25. package/dist/core/themeHelper.d.ts.map +1 -0
  26. package/dist/index.cjs.js +424 -233
  27. package/dist/index.cjs.js.map +1 -1
  28. package/dist/index.css +1 -1
  29. package/dist/index.css.map +1 -1
  30. package/dist/index.d.ts +2 -0
  31. package/dist/index.d.ts.map +1 -1
  32. package/dist/index.esm.js +314 -136
  33. package/dist/index.esm.js.map +1 -1
  34. package/dist/layered.css +1 -1
  35. package/dist/layered.css.map +1 -1
  36. package/package.json +11 -9
  37. package/src/_lib/index.ts +2 -0
  38. package/src/components/Button/index.tsx +7 -1
  39. package/src/components/Clickable/index.tsx +1 -1
  40. package/src/components/DropdownSelector/ListItem/index.tsx +1 -1
  41. package/src/components/DropdownSelector/MenuList/MenuListContext.ts +1 -1
  42. package/src/components/DropdownSelector/Popover/index.tsx +3 -2
  43. package/src/components/IconButton/index.tsx +30 -30
  44. package/src/components/Modal/__snapshots__/index.story.storyshot +0 -5
  45. package/src/components/Modal/useCustomModalOverlay.tsx +1 -1
  46. package/src/components/Radio/RadioGroup/index.tsx +1 -1
  47. package/src/components/SegmentedControl/__snapshots__/index.story.storyshot +0 -7
  48. package/src/components/TagItem/index.tsx +55 -55
  49. package/src/components/TextArea/index.css +1 -1
  50. package/src/components/TextField/useFocusWithClick.tsx +2 -2
  51. package/src/core/SetThemeScript.tsx +57 -0
  52. package/src/core/themeHelper.ts +180 -0
  53. package/src/index.ts +11 -0
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/_lib/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,WAAW,IAAI,KAAK,CAAA;AACpC;;;;;;;;;;;;;;;;GAgBG;AAGH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAA;AAShD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAU1E;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,UAIrD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/_lib/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,WAAW,IAAI,KAAK,CAAA;AACpC;;;;;;;;;;;;;;;;GAgBG;AAGH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAA;AAShD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAY1E;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,UAIrD"}
@@ -1,5 +1,5 @@
1
1
  import './index.css';
2
- import React, { ReactNode } from 'react';
2
+ import React, { ReactNode, type JSX } from 'react';
3
3
  type Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation';
4
4
  type Size = 'S' | 'M';
5
5
  export type ButtonProps<T extends React.ElementType = 'button'> = {
@@ -14,7 +14,7 @@ export type ButtonProps<T extends React.ElementType = 'button'> = {
14
14
  */
15
15
  component?: T;
16
16
  } & Omit<React.ComponentPropsWithRef<T>, 'children'>;
17
- declare const Button: <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "button">(p: "button" extends T ? ButtonProps<"button"> : {
17
+ declare const Button: <T extends React.ElementType<any, keyof JSX.IntrinsicElements> = "button">(p: "button" extends T ? ButtonProps<"button"> : {
18
18
  children?: ReactNode;
19
19
  variant?: Variant | undefined;
20
20
  size?: Size | undefined;
@@ -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,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEpD,QAAA,MAAM,MAAM;eAZC,SAAS;;;;;IAKpB;;;OAGG;;;;MAmCA,WAAW,CAAA;AAChB,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,EAEZ,SAAS,EAGT,KAAK,GAAG,EACT,MAAM,OAAO,CAAA;AAId,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;eAZC,SAAS;;;;;IAKpB;;;OAGG;;;;MAmCA,WAAW,CAAA;AAChB,eAAe,MAAM,CAAA"}
@@ -1,4 +1,4 @@
1
- import React, { ReactNode } from 'react';
1
+ import React, { ReactNode, type JSX } from 'react';
2
2
  import './index.css';
3
3
  export type ClickableProps<T extends React.ElementType = 'button'> = {
4
4
  children?: ReactNode;
@@ -8,7 +8,7 @@ export type ClickableProps<T extends React.ElementType = 'button'> = {
8
8
  */
9
9
  component?: T;
10
10
  } & Omit<React.ComponentPropsWithRef<T>, 'children'>;
11
- declare const Clickable: <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "button">(p: ClickableProps<T>) => JSX.Element;
11
+ declare const Clickable: <T extends React.ElementType<any, keyof JSX.IntrinsicElements> = "button">(p: ClickableProps<T>) => JSX.Element;
12
12
  export default Clickable;
13
13
  /**
14
14
  * @deprecated
@@ -1 +1 @@
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,4GAWV,WAAW,CAAA;AAChB,eAAe,SAAS,CAAA;AAExB;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvE,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,sGAWV,WAAW,CAAA;AAChB,eAAe,SAAS,CAAA;AAExB;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA"}
@@ -1,10 +1,10 @@
1
1
  import './index.css';
2
- import { ReactNode } from 'react';
2
+ import { ReactNode, type JSX } from 'react';
3
3
  export type CustomJSXElement = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
4
4
  export type ListItemProps<T extends React.ElementType = 'li'> = {
5
5
  children?: ReactNode;
6
6
  as?: T;
7
7
  } & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>;
8
- declare const ListItem: <T extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "li">(p: ListItemProps<T>) => JSX.Element;
8
+ declare const ListItem: <T extends import("react").ElementType<any, keyof JSX.IntrinsicElements> = "li">(p: ListItemProps<T>) => JSX.Element;
9
9
  export default ListItem;
10
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,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,2HAOqD,WAAW,CAAA;AAE9E,eAAe,QAAQ,CAAA"}
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,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAG9E,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,2GAOqD,WAAW,CAAA;AAE9E,eAAe,QAAQ,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { RefObject } from 'react';
2
2
  import { DropdownMenuItemProps } from '../DropdownMenuItem';
3
3
  type MenuListContextType = {
4
- root?: RefObject<HTMLUListElement>;
4
+ root?: RefObject<HTMLUListElement | null>;
5
5
  value?: string;
6
6
  propsArray?: DropdownMenuItemProps[];
7
7
  setValue: (v: string) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"MenuListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/MenuListContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAE3D,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAA;IACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,eAAe,8CAO1B,CAAA"}
1
+ {"version":3,"file":"MenuListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/MenuListContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAE3D,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAA;IACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,eAAe,8CAO1B,CAAA"}
@@ -4,8 +4,8 @@ export type PopoverProps = {
4
4
  isOpen: boolean;
5
5
  onClose: () => void;
6
6
  children: ReactNode;
7
- triggerRef: RefObject<Element>;
8
- popoverRef?: RefObject<HTMLDivElement>;
7
+ triggerRef: RefObject<Element | null>;
8
+ popoverRef?: RefObject<HTMLDivElement | null>;
9
9
  };
10
10
  /**
11
11
  * 画面の全面に動的に開くことができるコンテナ要素
@@ -1 +1 @@
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,kDA+ClD"}
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,GAAG,IAAI,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC9C,CAAA;AAID;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,kDAgDlD"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { type JSX } from 'react';
2
2
  import type { KnownIconType } from '@charcoal-ui/icons';
3
3
  import './index.css';
4
4
  type Variant = 'Default' | 'Overlay';
@@ -10,6 +10,6 @@ export type IconButtonProps<T extends React.ElementType = 'button'> = {
10
10
  readonly isActive?: boolean;
11
11
  component?: T;
12
12
  } & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>;
13
- declare const IconButton: <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "button">(p: IconButtonProps<T>) => JSX.Element;
13
+ declare const IconButton: <T extends React.ElementType<any, keyof JSX.IntrinsicElements> = "button">(p: IconButtonProps<T>) => JSX.Element;
14
14
  export default IconButton;
15
15
  //# sourceMappingURL=index.d.ts.map
@@ -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,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,6GA+BX,WAAW,CAAA;AAEhB,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAE1E,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,uGA+BX,WAAW,CAAA;AAEhB,eAAe,UAAU,CAAA"}
@@ -8,6 +8,6 @@ import { AriaModalOverlayProps, ModalOverlayAria } from '@react-aria/overlays';
8
8
  export declare function useCharcoalModalOverlay(props: AriaModalOverlayProps, state: {
9
9
  isOpen: boolean;
10
10
  onClose: () => void;
11
- }, ref: React.RefObject<HTMLElement>): ModalOverlayAria;
11
+ }, ref: React.RefObject<HTMLElement | null>): ModalOverlayAria;
12
12
  export declare function useWindowWidth(): number | null;
13
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;AAMD,wBAAgB,cAAc,kBAc7B"}
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,GAAG,IAAI,CAAC,GACvC,gBAAgB,CA4BlB;AAMD,wBAAgB,cAAc,kBAc7B"}
@@ -1,4 +1,5 @@
1
1
  import './index.css';
2
+ import { type JSX } from 'react';
2
3
  import * as React from 'react';
3
4
  export type RadioGroupProps<Value extends string = string> = React.PropsWithChildren<{
4
5
  className?: string;
@@ -1 +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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAoC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAClE,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"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { type JSX } from 'react';
2
2
  import './index.css';
3
3
  declare const sizeMap: {
4
4
  S: number;
@@ -17,6 +17,6 @@ export type TagItemProps<T extends React.ElementType = 'button'> = {
17
17
  */
18
18
  component?: T;
19
19
  } & Omit<React.ComponentPropsWithRef<T>, 'children'>;
20
- declare const _default: React.MemoExoticComponent<(<T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "button">(p: TagItemProps<T>) => JSX.Element)>;
20
+ declare const _default: React.MemoExoticComponent<(<T extends React.ElementType<any, keyof JSX.IntrinsicElements> = "button">(p: TagItemProps<T>) => JSX.Element)>;
21
21
  export default _default;
22
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,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;;AAgEpD,wBAA4B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA2C,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAKhF,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"}
@@ -1,3 +1,3 @@
1
1
  import * as React from 'react';
2
- export declare function useFocusWithClick(containerRef: React.RefObject<HTMLDivElement>, inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement>): void;
2
+ export declare function useFocusWithClick(containerRef: React.RefObject<HTMLDivElement | null>, inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>): void;
3
3
  //# sourceMappingURL=useFocusWithClick.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useFocusWithClick.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/useFocusWithClick.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,QAgBlE"}
1
+ {"version":3,"file":"useFocusWithClick.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/useFocusWithClick.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,IAAI,CAAC,QAgBzE"}
@@ -0,0 +1,18 @@
1
+ interface Props {
2
+ localStorageKey: string;
3
+ rootAttribute: string;
4
+ }
5
+ /**
6
+ * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する
7
+ * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト
8
+ * @returns ソースコードの文字列
9
+ */
10
+ export declare function makeSetThemeScriptCode({ localStorageKey, rootAttribute, }?: Partial<Props>): string;
11
+ /**
12
+ * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ
13
+ * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト
14
+ * @returns
15
+ */
16
+ export declare function SetThemeScript({ localStorageKey, rootAttribute, }: Props): import("react/jsx-runtime").JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=SetThemeScript.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SetThemeScript.d.ts","sourceRoot":"","sources":["../../src/core/SetThemeScript.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,eAA8C,EAC9C,aAA0C,GAC3C,GAAE,OAAO,CAAC,KAAK,CAAgB,UAa/B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,eAA8C,EAC9C,aAA0C,GAC3C,EAAE,KAAK,2CASP"}
@@ -0,0 +1,39 @@
1
+ export declare const LOCAL_STORAGE_KEY = "charcoal-theme";
2
+ export declare const DEFAULT_ROOT_ATTRIBUTE = "theme";
3
+ /**
4
+ * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる
5
+ * @param key 検証するキー
6
+ */
7
+ export declare function assertKeyString(key: string): void;
8
+ /**
9
+ * `<html data-theme="dark">` のような設定を行うデフォルトのセッター
10
+ */
11
+ export declare const themeSetter: (attr?: string) => (theme: string | undefined) => void;
12
+ /**
13
+ * `<html data-theme="dark">` にマッチするセレクタを生成する
14
+ */
15
+ export declare function themeSelector<T extends string, S extends string = typeof DEFAULT_ROOT_ATTRIBUTE>(theme: T, attr?: S): `:root[data-theme='${T}']` | `:root[data-${S}='${T}']`;
16
+ /**
17
+ * prefers-color-scheme を利用する media クエリを生成する
18
+ */
19
+ export declare function prefersColorScheme<T extends 'light' | 'dark'>(theme: T): `@media (prefers-color-scheme: ${T})`;
20
+ /**
21
+ * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks
22
+ */
23
+ export declare function useThemeSetter({ key, setter, }?: {
24
+ key?: string;
25
+ setter?: (theme: string | undefined) => void;
26
+ }): void;
27
+ /**
28
+ * 同期的にLocalStorageからテーマを取得するヘルパ
29
+ */
30
+ export declare function getThemeSync(key?: string): string | null;
31
+ /**
32
+ * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks
33
+ *
34
+ * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります
35
+ */
36
+ export declare const useTheme: (localStorageKey?: string) => readonly ["light" | "dark" | undefined, (value: "light" | "dark" | undefined) => void, boolean];
37
+ export declare function useLocalStorage<T>(key: string, defaultValue?: () => T): readonly [T | undefined, (value: T | undefined) => void, boolean];
38
+ export declare function useMedia(query: string): boolean | undefined;
39
+ //# sourceMappingURL=themeHelper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themeHelper.d.ts","sourceRoot":"","sources":["../../src/core/themeHelper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,mBAAmB,CAAA;AACjD,eAAO,MAAM,sBAAsB,UAAU,CAAA;AAI7C;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,QAI1C;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,UACf,MAAM,aACL,MAAM,GAAG,SAAS,SAOzB,CAAA;AAEH;;GAEG;AACH,wBAAgB,aAAa,CAC3B,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,GAAG,OAAO,sBAAsB,EAChD,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,0DAEnB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC,yCAEtE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAuB,EACvB,MAAsB,GACvB,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAAO,QAUrE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,GAAE,MAA0B,iBAG3D;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qBAAqB,MAAM,oGAS/C,CAAA;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,oCA6BhD,CAAC,GAAG,SAAS,oBAqBlC;AAmBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,uBAoBrC"}