@charcoal-ui/react 3.0.0-beta.6 → 3.1.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 (19) hide show
  1. package/dist/components/Icon/index.story.d.ts +1 -1
  2. package/dist/components/Modal/index.d.ts.map +1 -1
  3. package/dist/components/TagItem/index.d.ts +1 -1
  4. package/dist/components/TagItem/index.story.d.ts +1 -1
  5. package/dist/index.cjs.js +0 -1
  6. package/dist/index.cjs.js.map +1 -1
  7. package/dist/index.esm.js +0 -1
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/styled.d.ts +13 -13
  10. package/package.json +6 -6
  11. package/src/components/Modal/index.tsx +0 -1
  12. package/dist/components/DropdownSelector/ListBoxSection.d.ts +0 -7
  13. package/dist/components/DropdownSelector/ListBoxSection.d.ts.map +0 -1
  14. package/dist/components/DropdownSelector/Listbox.d.ts +0 -10
  15. package/dist/components/DropdownSelector/Listbox.d.ts.map +0 -1
  16. package/dist/components/DropdownSelector/Option.d.ts +0 -11
  17. package/dist/components/DropdownSelector/Option.d.ts.map +0 -1
  18. package/dist/components/TextField/index.story.d.ts +0 -30
  19. package/dist/components/TextField/index.story.d.ts.map +0 -1
package/dist/styled.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export declare const theme: (specFn: (o: Record<string, unknown> & Readonly<{
2
2
  bg: Record<string, unknown> & {
3
- readonly border: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
4
3
  readonly assertive: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
4
+ readonly border: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
5
5
  readonly transparent: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
6
6
  readonly background1: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
7
7
  readonly background2: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
@@ -31,8 +31,8 @@ export declare const theme: (specFn: (o: Record<string, unknown> & Readonly<{
31
31
  readonly callToAction: (direction: "to top" | "to bottom" | "to left" | "to right") => import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
32
32
  };
33
33
  font: {
34
- readonly border: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
35
34
  readonly assertive: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
35
+ readonly border: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
36
36
  readonly transparent: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
37
37
  readonly background1: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
38
38
  readonly background2: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
@@ -61,35 +61,35 @@ export declare const theme: (specFn: (o: Record<string, unknown> & Readonly<{
61
61
  }> & {
62
62
  readonly typography: (size: keyof import("@charcoal-ui/theme").Typography) => import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "bold" | "monospace" | "preserveHalfLeading">;
63
63
  } & {
64
- readonly margin: import("@charcoal-ui/styled/dist/factories/lib").MethodChain<import("@charcoal-ui/styled/dist/internals").Internal, "horizontal" | "vertical" | "all" | "left" | "right" | "top" | "bottom", [0 | 4 | 8 | 16 | 24 | 40 | 64 | 104 | 168 | 272 | 440 | "auto"]>;
65
- readonly padding: import("@charcoal-ui/styled/dist/factories/lib").MethodChain<import("@charcoal-ui/styled/dist/internals").Internal, "horizontal" | "vertical" | "all" | "left" | "right" | "top" | "bottom", [0 | 4 | 8 | 16 | 24 | 40 | 64 | 104 | 168 | 272 | 440 | "auto"]>;
64
+ readonly margin: import("@charcoal-ui/styled/dist/factories/lib").MethodChain<import("@charcoal-ui/styled/dist/internals").Internal, "horizontal" | "vertical" | "all" | "bottom" | "left" | "right" | "top", [0 | "auto" | 4 | 8 | 16 | 24 | 40 | 64 | 104 | 168 | 272 | 440]>;
65
+ readonly padding: import("@charcoal-ui/styled/dist/factories/lib").MethodChain<import("@charcoal-ui/styled/dist/internals").Internal, "horizontal" | "vertical" | "all" | "bottom" | "left" | "right" | "top", [0 | "auto" | 4 | 8 | 16 | 24 | 40 | 64 | 104 | 168 | 272 | 440]>;
66
66
  } & {
67
- readonly width: Readonly<{
68
- px: (size: 0 | 4 | 8 | 16 | 24 | 40 | 64 | 104 | 168 | 272 | 440 | "auto") => import("@charcoal-ui/styled/dist/internals").Internal;
67
+ readonly height: Readonly<{
68
+ px: (size: 0 | "auto" | 4 | 8 | 16 | 24 | 40 | 64 | 104 | 168 | 272 | 440) => import("@charcoal-ui/styled/dist/internals").Internal;
69
69
  column: (span: number) => import("@charcoal-ui/styled/dist/internals").Internal;
70
70
  auto: import("@charcoal-ui/styled/dist/internals").Internal;
71
71
  full: import("@charcoal-ui/styled/dist/internals").Internal;
72
72
  }>;
73
- readonly height: Readonly<{
74
- px: (size: 0 | 4 | 8 | 16 | 24 | 40 | 64 | 104 | 168 | 272 | 440 | "auto") => import("@charcoal-ui/styled/dist/internals").Internal;
73
+ readonly width: Readonly<{
74
+ px: (size: 0 | "auto" | 4 | 8 | 16 | 24 | 40 | 64 | 104 | 168 | 272 | 440) => import("@charcoal-ui/styled/dist/internals").Internal;
75
75
  column: (span: number) => import("@charcoal-ui/styled/dist/internals").Internal;
76
76
  auto: import("@charcoal-ui/styled/dist/internals").Internal;
77
77
  full: import("@charcoal-ui/styled/dist/internals").Internal;
78
78
  }>;
79
79
  } & import("@charcoal-ui/styled/dist/internals").Internal & {
80
- readonly hover: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "disabled" | "press">;
81
- readonly press: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "disabled" | "hover">;
80
+ readonly hover: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "press" | "disabled">;
81
+ readonly press: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "disabled">;
82
82
  readonly disabled: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "hover" | "press">;
83
83
  } & Readonly<{
84
84
  border: {
85
- readonly default: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "left" | "right" | "top" | "bottom">;
85
+ readonly default: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "bottom" | "left" | "right" | "top">;
86
86
  };
87
87
  }> & Readonly<{
88
- borderRadius: (radius: 4 | 8 | 16 | 24 | "none" | "oval") => import("@charcoal-ui/styled/dist/internals").Internal;
88
+ borderRadius: (radius: "none" | 4 | 8 | 16 | 24 | "oval") => import("@charcoal-ui/styled/dist/internals").Internal;
89
89
  }> & Readonly<{
90
90
  outline: {
91
- readonly default: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "focus">;
92
91
  readonly assertive: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "focus">;
92
+ readonly default: import("@charcoal-ui/styled/dist/factories/lib").PropertyChain<import("@charcoal-ui/styled/dist/internals").Internal, "focus">;
93
93
  };
94
94
  }>) => import("@charcoal-ui/styled/dist/util").ArrayOrSingle<import("@charcoal-ui/styled/dist/internals").Internal | (false | null | undefined)>) => import("@charcoal-ui/styled").ThemeProp<import("styled-components").DefaultTheme>;
95
95
  //# sourceMappingURL=styled.d.ts.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@charcoal-ui/react",
3
- "version": "3.0.0-beta.6",
3
+ "version": "3.1.0",
4
4
  "license": "Apache-2.0",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.esm.js",
@@ -49,10 +49,10 @@
49
49
  "typescript": "^4.9.5"
50
50
  },
51
51
  "dependencies": {
52
- "@charcoal-ui/icons": "^3.0.0-beta.6",
53
- "@charcoal-ui/styled": "^3.0.0-beta.6",
54
- "@charcoal-ui/theme": "^3.0.0-beta.6",
55
- "@charcoal-ui/utils": "^3.0.0-beta.6",
52
+ "@charcoal-ui/icons": "^3.1.0",
53
+ "@charcoal-ui/styled": "^3.1.0",
54
+ "@charcoal-ui/theme": "^3.1.0",
55
+ "@charcoal-ui/utils": "^3.1.0",
56
56
  "@react-aria/button": "^3.7.0",
57
57
  "@react-aria/checkbox": "^3.8.0",
58
58
  "@react-aria/dialog": "^3.5.0",
@@ -88,5 +88,5 @@
88
88
  "url": "https://github.com/pixiv/charcoal.git",
89
89
  "directory": "packages/react"
90
90
  },
91
- "gitHead": "9981d20347795540bc343b05ac021501dafc5006"
91
+ "gitHead": "48e203346ae2f0ae09987e89ba7adbb11ac67802"
92
92
  }
package/src/components/Modal/index.tsx CHANGED
@@ -241,7 +241,6 @@ const ModalDialog = animated(styled.div<{
241
241
  }>`
242
242
  position: relative;
243
243
  margin: auto;
244
- padding: 24px 0;
245
244
 
246
245
  ${theme((o) => [o.bg.background1, o.borderRadius(24)])}
247
246
  @media ${({ theme }) => maxWidth(theme.breakpoint.screen1)} {
package/dist/components/DropdownSelector/ListBoxSection.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { Node } from '@react-types/shared';
2
- import { ListState } from 'react-stately';
3
- export declare function ListBoxSection<T>(props: {
4
- section: Node<T>;
5
- state: ListState<T>;
6
- }): JSX.Element;
7
- //# sourceMappingURL=ListBoxSection.d.ts.map
package/dist/components/DropdownSelector/ListBoxSection.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListBoxSection.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/ListBoxSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAMzC,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE;IACvC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IAChB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;CACpB,eA4BA"}
package/dist/components/DropdownSelector/Listbox.d.ts DELETED
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { ListProps, ListState } from 'react-stately';
3
- export type ListMode = 'default' | 'separator';
4
- export type ListboxProps<T> = Omit<ListProps<T>, 'children'> & {
5
- state: ListState<T>;
6
- mode?: ListMode;
7
- };
8
- declare const _default: React.MemoExoticComponent<(<T>({ state, mode, ...props }: ListboxProps<T>) => JSX.Element)>;
9
- export default _default;
10
- //# sourceMappingURL=Listbox.d.ts.map
package/dist/components/DropdownSelector/Listbox.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAQpD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;AAC9C,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;;AAmCD,wBAA4B"}
package/dist/components/DropdownSelector/Option.d.ts DELETED
@@ -1,11 +0,0 @@
1
- import { ListState } from 'react-stately';
2
- import { Node } from '@react-types/shared';
3
- import { ListMode } from './Listbox';
4
- type OptionProps<T> = {
5
- item: Node<T>;
6
- state: ListState<T>;
7
- mode?: ListMode;
8
- };
9
- export declare function Option<T>({ item, state, mode }: OptionProps<T>): JSX.Element;
10
- export {};
11
- //# sourceMappingURL=Option.d.ts.map
package/dist/components/DropdownSelector/Option.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAOzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,eAY9D"}
package/dist/components/TextField/index.story.d.ts DELETED
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import { Story } from '../../_lib/compat';
3
- import { MultiLineTextFieldProps, SingleLineTextFieldProps, TextFieldProps } from '.';
4
- declare const _default: {
5
- title: string;
6
- component: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
7
- argTypes: {};
8
- args: {
9
- showLabel: boolean;
10
- label: string;
11
- assistiveText: string;
12
- disabled: boolean;
13
- required: boolean;
14
- invalid: boolean;
15
- };
16
- };
17
- export default _default;
18
- export declare const Default: React.FunctionComponent<Partial<TextFieldProps>> & {
19
- args?: Partial<TextFieldProps> | undefined;
20
- };
21
- export declare const HasLabel: React.FunctionComponent<Partial<TextFieldProps>> & {
22
- args?: Partial<TextFieldProps> | undefined;
23
- };
24
- export declare const HasCount: React.FunctionComponent<Partial<TextFieldProps>> & {
25
- args?: Partial<TextFieldProps> | undefined;
26
- };
27
- export declare const HasAffix: Story<Partial<SingleLineTextFieldProps>>;
28
- export declare const AutoHeight: Story<Partial<MultiLineTextFieldProps>>;
29
- export declare const PrefixIcon: Story<Partial<SingleLineTextFieldProps>>;
30
- //# sourceMappingURL=index.story.d.ts.map
package/dist/components/TextField/index.story.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAkB,EAChB,uBAAuB,EACvB,wBAAwB,EACxB,cAAc,EACf,MAAM,GAAG,CAAA;;;;;;;;;;;;;;AAIV,wBAYC;AAgCD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAExC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAOzC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAMzC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAE7D,CAAA;AAQD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAE9D,CAAA;AAKD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAY/D,CAAA"}