@charcoal-ui/styled 3.0.0-beta.5 → 3.0.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 (6) hide show
  1. package/dist/builders/border.d.ts +1 -1
  2. package/dist/builders/o.d.ts +18 -18
  3. package/dist/builders/size.d.ts +2 -2
  4. package/dist/builders/spacing.d.ts +3 -3
  5. package/dist/index.d.ts +18 -18
  6. package/package.json +5 -5
package/dist/builders/border.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const borderDirections: readonly ["top", "right", "bottom", "left
4
4
  type BorderDirection = (typeof borderDirections)[number];
5
5
  export declare const createBorderCss: <T extends CharcoalAbstractTheme>(variant: keyof T["border"], directions: readonly BorderDirection[]) => Internal;
6
6
  export default function border<T extends CharcoalAbstractTheme>(theme: T): Readonly<{
7
- border: { readonly [key in keyof T["border"] & string]: import("../factories/lib").PropertyChain<Internal, "top" | "right" | "bottom" | "left">; };
7
+ border: { readonly [key in keyof T["border"] & string]: import("../factories/lib").PropertyChain<Internal, "bottom" | "left" | "right" | "top">; };
8
8
  }>;
9
9
  export {};
10
10
  //# sourceMappingURL=border.d.ts.map
package/dist/builders/o.d.ts CHANGED
@@ -15,72 +15,72 @@ export default function createO<T extends CharcoalAbstractTheme>(theme: {
15
15
  gradientColor: T['gradientColor'];
16
16
  border: T['border'];
17
17
  outline: T['outline'];
18
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
18
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
19
19
  color: T['color'];
20
20
  gradientColor: T['gradientColor'];
21
21
  border: T['border'];
22
22
  outline: T['outline'];
23
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; } & { readonly [key_1 in keyof ({
23
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; } & { readonly [key_1 in keyof ({
24
24
  color: T['color'];
25
25
  gradientColor: T['gradientColor'];
26
26
  border: T['border'];
27
27
  outline: T['outline'];
28
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["gradientColor"] & string]: (direction: "to top" | "to bottom" | "to left" | "to right") => import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
28
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["gradientColor"] & string]: (direction: "to top" | "to bottom" | "to left" | "to right") => import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
29
29
  color: T['color'];
30
30
  gradientColor: T['gradientColor'];
31
31
  border: T['border'];
32
32
  outline: T['outline'];
33
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
33
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
34
34
  font: { readonly [key in keyof ({
35
35
  color: T['color'];
36
36
  gradientColor: T['gradientColor'];
37
37
  border: T['border'];
38
38
  outline: T['outline'];
39
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
39
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
40
40
  color: T['color'];
41
41
  gradientColor: T['gradientColor'];
42
42
  border: T['border'];
43
43
  outline: T['outline'];
44
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
44
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
45
45
  }> & {
46
46
  readonly typography: (size: keyof ({
47
47
  color: T['color'];
48
48
  gradientColor: T['gradientColor'];
49
49
  border: T['border'];
50
50
  outline: T['outline'];
51
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["typography"]["size"]) => import("../factories/lib").PropertyChain<import("../internals").Internal, "bold" | "monospace" | "preserveHalfLeading">;
51
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["typography"]["size"]) => import("../factories/lib").PropertyChain<import("../internals").Internal, "bold" | "monospace" | "preserveHalfLeading">;
52
52
  } & {
53
- readonly margin: import("../factories/lib").MethodChain<import("../internals").Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
53
+ readonly margin: import("../factories/lib").MethodChain<import("../internals").Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
54
54
  color: T['color'];
55
55
  gradientColor: T['gradientColor'];
56
56
  border: T['border'];
57
57
  outline: T['outline'];
58
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
59
- readonly padding: import("../factories/lib").MethodChain<import("../internals").Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
58
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
59
+ readonly padding: import("../factories/lib").MethodChain<import("../internals").Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
60
60
  color: T['color'];
61
61
  gradientColor: T['gradientColor'];
62
62
  border: T['border'];
63
63
  outline: T['outline'];
64
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
64
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
65
65
  } & {
66
- readonly width: Readonly<{
66
+ readonly height: Readonly<{
67
67
  px: (size: "auto" | keyof ({
68
68
  color: T['color'];
69
69
  gradientColor: T['gradientColor'];
70
70
  border: T['border'];
71
71
  outline: T['outline'];
72
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => import("../internals").Internal;
72
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => import("../internals").Internal;
73
73
  column: (span: number) => import("../internals").Internal;
74
74
  auto: import("../internals").Internal;
75
75
  full: import("../internals").Internal;
76
76
  }>;
77
- readonly height: Readonly<{
77
+ readonly width: Readonly<{
78
78
  px: (size: "auto" | keyof ({
79
79
  color: T['color'];
80
80
  gradientColor: T['gradientColor'];
81
81
  border: T['border'];
82
82
  outline: T['outline'];
83
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => import("../internals").Internal;
83
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => import("../internals").Internal;
84
84
  column: (span: number) => import("../internals").Internal;
85
85
  auto: import("../internals").Internal;
86
86
  full: import("../internals").Internal;
@@ -95,20 +95,20 @@ export default function createO<T extends CharcoalAbstractTheme>(theme: {
95
95
  gradientColor: T['gradientColor'];
96
96
  border: T['border'];
97
97
  outline: T['outline'];
98
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["border"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "top" | "right" | "bottom" | "left">; };
98
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["border"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "bottom" | "left" | "right" | "top">; };
99
99
  }> & Readonly<{
100
100
  borderRadius: (radius: keyof ({
101
101
  color: T['color'];
102
102
  gradientColor: T['gradientColor'];
103
103
  border: T['border'];
104
104
  outline: T['outline'];
105
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["borderRadius"]) => import("../internals").Internal;
105
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["borderRadius"]) => import("../internals").Internal;
106
106
  }> & Readonly<{
107
107
  outline: { readonly [key_3 in keyof ({
108
108
  color: T['color'];
109
109
  gradientColor: T['gradientColor'];
110
110
  border: T['border'];
111
111
  outline: T['outline'];
112
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["outline"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "focus">; };
112
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["outline"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "focus">; };
113
113
  }>;
114
114
  //# sourceMappingURL=o.d.ts.map
package/dist/builders/size.d.ts CHANGED
@@ -6,13 +6,13 @@ export declare const createFixedPxCss: <T extends CharcoalAbstractTheme>(theme:
6
6
  export declare const createFixedRelativeCss: <T extends CharcoalAbstractTheme>(_theme: T) => (property: FixedProperty, amount: '100%' | 'auto') => Internal;
7
7
  export declare const createFixedColumnCss: <T extends CharcoalAbstractTheme>(theme: T) => (property: FixedProperty, span: number) => Internal;
8
8
  export default function size<T extends CharcoalAbstractTheme>(theme: T): {
9
- readonly width: Readonly<{
9
+ readonly height: Readonly<{
10
10
  px: (size: keyof T['spacing'] | 'auto') => Internal;
11
11
  column: (span: number) => Internal;
12
12
  auto: Internal;
13
13
  full: Internal;
14
14
  }>;
15
- readonly height: Readonly<{
15
+ readonly width: Readonly<{
16
16
  px: (size: keyof T['spacing'] | 'auto') => Internal;
17
17
  column: (span: number) => Internal;
18
18
  auto: Internal;
package/dist/builders/spacing.d.ts CHANGED
@@ -6,10 +6,10 @@ type SpacingProperty = (typeof spacingProperties)[number];
6
6
  type SpacingDirection = (typeof spacingDirections)[number];
7
7
  export declare const createSpacingCss: <T extends CharcoalAbstractTheme>(theme: {
8
8
  spacing: T["spacing"];
9
- }) => (property: SpacingProperty, modifiers: readonly ["top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", "auto" | keyof T["spacing"]][]) => Internal;
9
+ }) => (property: SpacingProperty, modifiers: readonly ["bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", "auto" | keyof T["spacing"]][]) => Internal;
10
10
  export default function spacing<T extends CharcoalAbstractTheme>(theme: T): {
11
- readonly margin: import("../factories/lib").MethodChain<Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", [keyof T["spacing"] | "auto"]>;
12
- readonly padding: import("../factories/lib").MethodChain<Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", [keyof T["spacing"] | "auto"]>;
11
+ readonly margin: import("../factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof T["spacing"]]>;
12
+ readonly padding: import("../factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof T["spacing"]]>;
13
13
  };
14
14
  export {};
15
15
  //# sourceMappingURL=spacing.d.ts.map
package/dist/index.d.ts CHANGED
@@ -27,72 +27,72 @@ export declare function createTheme<T extends CharcoalAbstractTheme>(_styled?: T
27
27
  gradientColor: T["gradientColor"];
28
28
  border: T["border"];
29
29
  outline: T["outline"];
30
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("./factories/lib").PropertyChain<Internal, keyof ({
30
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("./factories/lib").PropertyChain<Internal, keyof ({
31
31
  color: T["color"];
32
32
  gradientColor: T["gradientColor"];
33
33
  border: T["border"];
34
34
  outline: T["outline"];
35
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; } & { readonly [key_1 in keyof ({
35
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; } & { readonly [key_1 in keyof ({
36
36
  color: T["color"];
37
37
  gradientColor: T["gradientColor"];
38
38
  border: T["border"];
39
39
  outline: T["outline"];
40
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["gradientColor"] & string]: (direction: "to top" | "to bottom" | "to left" | "to right") => import("./factories/lib").PropertyChain<Internal, keyof ({
40
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["gradientColor"] & string]: (direction: "to top" | "to bottom" | "to left" | "to right") => import("./factories/lib").PropertyChain<Internal, keyof ({
41
41
  color: T["color"];
42
42
  gradientColor: T["gradientColor"];
43
43
  border: T["border"];
44
44
  outline: T["outline"];
45
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
45
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
46
46
  font: { readonly [key in keyof ({
47
47
  color: T["color"];
48
48
  gradientColor: T["gradientColor"];
49
49
  border: T["border"];
50
50
  outline: T["outline"];
51
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("./factories/lib").PropertyChain<Internal, keyof ({
51
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("./factories/lib").PropertyChain<Internal, keyof ({
52
52
  color: T["color"];
53
53
  gradientColor: T["gradientColor"];
54
54
  border: T["border"];
55
55
  outline: T["outline"];
56
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
56
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
57
57
  }> & {
58
58
  readonly typography: (size: keyof ({
59
59
  color: T["color"];
60
60
  gradientColor: T["gradientColor"];
61
61
  border: T["border"];
62
62
  outline: T["outline"];
63
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["typography"]["size"]) => import("./factories/lib").PropertyChain<Internal, "bold" | "monospace" | "preserveHalfLeading">;
63
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["typography"]["size"]) => import("./factories/lib").PropertyChain<Internal, "bold" | "monospace" | "preserveHalfLeading">;
64
64
  } & {
65
- readonly margin: import("./factories/lib").MethodChain<Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
65
+ readonly margin: import("./factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
66
66
  color: T["color"];
67
67
  gradientColor: T["gradientColor"];
68
68
  border: T["border"];
69
69
  outline: T["outline"];
70
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
71
- readonly padding: import("./factories/lib").MethodChain<Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
70
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
71
+ readonly padding: import("./factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
72
72
  color: T["color"];
73
73
  gradientColor: T["gradientColor"];
74
74
  border: T["border"];
75
75
  outline: T["outline"];
76
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
76
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
77
77
  } & {
78
- readonly width: Readonly<{
78
+ readonly height: Readonly<{
79
79
  px: (size: "auto" | keyof ({
80
80
  color: T["color"];
81
81
  gradientColor: T["gradientColor"];
82
82
  border: T["border"];
83
83
  outline: T["outline"];
84
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => Internal;
84
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => Internal;
85
85
  column: (span: number) => Internal;
86
86
  auto: Internal;
87
87
  full: Internal;
88
88
  }>;
89
- readonly height: Readonly<{
89
+ readonly width: Readonly<{
90
90
  px: (size: "auto" | keyof ({
91
91
  color: T["color"];
92
92
  gradientColor: T["gradientColor"];
93
93
  border: T["border"];
94
94
  outline: T["outline"];
95
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => Internal;
95
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => Internal;
96
96
  column: (span: number) => Internal;
97
97
  auto: Internal;
98
98
  full: Internal;
@@ -107,21 +107,21 @@ export declare function createTheme<T extends CharcoalAbstractTheme>(_styled?: T
107
107
  gradientColor: T["gradientColor"];
108
108
  border: T["border"];
109
109
  outline: T["outline"];
110
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["border"] & string]: import("./factories/lib").PropertyChain<Internal, "top" | "right" | "bottom" | "left">; };
110
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["border"] & string]: import("./factories/lib").PropertyChain<Internal, "bottom" | "left" | "right" | "top">; };
111
111
  }> & Readonly<{
112
112
  borderRadius: (radius: keyof ({
113
113
  color: T["color"];
114
114
  gradientColor: T["gradientColor"];
115
115
  border: T["border"];
116
116
  outline: T["outline"];
117
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["borderRadius"]) => Internal;
117
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["borderRadius"]) => Internal;
118
118
  }> & Readonly<{
119
119
  outline: { readonly [key_3 in keyof ({
120
120
  color: T["color"];
121
121
  gradientColor: T["gradientColor"];
122
122
  border: T["border"];
123
123
  outline: T["outline"];
124
- } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["outline"] & string]: import("./factories/lib").PropertyChain<Internal, "focus">; };
124
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["outline"] & string]: import("./factories/lib").PropertyChain<Internal, "focus">; };
125
125
  }>) => ArrayOrSingle<Internal | Blank>) => ThemeProp<T>;
126
126
  export type ThemeProp<T> = ({ theme, }: {
127
127
  theme: T | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@charcoal-ui/styled",
3
- "version": "3.0.0-beta.5",
3
+ "version": "3.0.0",
4
4
  "license": "Apache-2.0",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.esm.js",
@@ -32,9 +32,9 @@
32
32
  "typescript": "^4.9.5"
33
33
  },
34
34
  "dependencies": {
35
- "@charcoal-ui/foundation": "^3.0.0-beta.5",
36
- "@charcoal-ui/theme": "^3.0.0-beta.5",
37
- "@charcoal-ui/utils": "^3.0.0-beta.5",
35
+ "@charcoal-ui/foundation": "^3.0.0",
36
+ "@charcoal-ui/theme": "^3.0.0",
37
+ "@charcoal-ui/utils": "^3.0.0",
38
38
  "warning": "^4.0.3"
39
39
  },
40
40
  "peerDependencies": {
@@ -53,5 +53,5 @@
53
53
  "url": "https://github.com/pixiv/charcoal.git",
54
54
  "directory": "packages/styled"
55
55
  },
56
- "gitHead": "ddb76c40cebc4c688c8ebe99283d8e7dd88bf7de"
56
+ "gitHead": "27e9a612bad6c8da75e97449d5ff2a1de3dc7181"
57
57
  }