@charcoal-ui/styled 2.3.0 → 2.5.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.
- package/dist/builders/border.d.ts +10 -0
- package/dist/builders/border.d.ts.map +1 -0
- package/dist/builders/borderRadius.d.ts +7 -0
- package/dist/builders/borderRadius.d.ts.map +1 -0
- package/dist/builders/colors.d.ts +13 -0
- package/dist/builders/colors.d.ts.map +1 -0
- package/dist/builders/elementEffect.d.ts +7 -0
- package/dist/builders/elementEffect.d.ts.map +1 -0
- package/dist/builders/o.d.ts +115 -0
- package/dist/builders/o.d.ts.map +1 -0
- package/dist/builders/outline.d.ts +10 -0
- package/dist/builders/outline.d.ts.map +1 -0
- package/dist/builders/size.d.ts +23 -0
- package/dist/builders/size.d.ts.map +1 -0
- package/dist/builders/spacing.d.ts +15 -0
- package/dist/builders/spacing.d.ts.map +1 -0
- package/dist/builders/transition.d.ts +7 -0
- package/dist/builders/transition.d.ts.map +1 -0
- package/dist/builders/typography.d.ts +11 -0
- package/dist/builders/typography.d.ts.map +1 -0
- package/dist/{lib.d.ts → factories/lib.d.ts} +13 -14
- package/dist/factories/lib.d.ts.map +1 -0
- package/dist/index.cjs +765 -643
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +91 -30
- package/dist/index.d.ts.map +1 -1
- package/dist/index.modern.js +555 -393
- package/dist/index.modern.js.map +1 -1
- package/dist/index.module.js +765 -643
- package/dist/index.module.js.map +1 -1
- package/dist/index.story.d.ts +1 -0
- package/dist/index.story.d.ts.map +1 -1
- package/dist/index.test.d.ts +2 -0
- package/dist/index.test.d.ts.map +1 -0
- package/dist/internals/index.d.ts +42 -0
- package/dist/internals/index.d.ts.map +1 -0
- package/dist/util.d.ts +36 -2
- package/dist/util.d.ts.map +1 -1
- package/package.json +8 -5
- package/src/__snapshots__/index.test.tsx.snap +768 -0
- package/src/builders/border.ts +63 -0
- package/src/builders/borderRadius.ts +32 -0
- package/src/builders/colors.ts +198 -0
- package/src/builders/elementEffect.ts +54 -0
- package/src/builders/o.ts +43 -0
- package/src/builders/outline.ts +79 -0
- package/src/builders/size.ts +61 -0
- package/src/builders/spacing.ts +113 -0
- package/src/builders/transition.ts +32 -0
- package/src/builders/typography.ts +97 -0
- package/src/{lib.ts → factories/lib.ts} +30 -25
- package/src/index.story.tsx +2 -2
- package/src/index.test.tsx +24 -0
- package/src/index.ts +47 -696
- package/src/internals/index.ts +84 -0
- package/src/util.ts +46 -3
- package/dist/lib.d.ts.map +0 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
|
|
2
|
+
import { Internal } from '../internals';
|
|
3
|
+
export declare const borderDirections: readonly ["top", "right", "bottom", "left"];
|
|
4
|
+
declare type BorderDirection = typeof borderDirections[number];
|
|
5
|
+
export declare const createBorderCss: <T extends CharcoalAbstractTheme>(theme: T) => (variant: keyof T["border"], directions: readonly BorderDirection[]) => Internal;
|
|
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">; };
|
|
8
|
+
}>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=border.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../src/builders/border.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAG1D,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAA;AAOvD,eAAO,MAAM,gBAAgB,6CAA8C,CAAA;AAC3E,aAAK,eAAe,GAAG,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAA;AAUtD,eAAO,MAAM,eAAe,0FAIZ,SAAS,eAAe,EAAE,KACrC,QAmBF,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,qBAAqB,EAAE,KAAK,EAAE,CAAC;;GAevE"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
|
|
2
|
+
import { Internal } from '../internals';
|
|
3
|
+
export declare const createBorderRadiusCss: <T extends CharcoalAbstractTheme>(theme: T) => (size: keyof T["borderRadius"]) => Internal;
|
|
4
|
+
export default function borderRadius<T extends CharcoalAbstractTheme>(theme: T): Readonly<{
|
|
5
|
+
borderRadius: (radius: keyof T['borderRadius']) => Internal;
|
|
6
|
+
}>;
|
|
7
|
+
//# sourceMappingURL=borderRadius.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borderRadius.d.ts","sourceRoot":"","sources":["../../src/builders/borderRadius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAA;AAGvD,eAAO,MAAM,qBAAqB,oFAEC,QAQhC,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,SAAS,qBAAqB,EAClE,KAAK,EAAE,CAAC;2BAOmB,MAAM,CAAC,CAAC,cAAc,CAAC;GAMnD"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
|
|
2
|
+
import { GradientDirection } from '@charcoal-ui/utils';
|
|
3
|
+
import { Internal } from '../internals';
|
|
4
|
+
declare const colorProperties: readonly ["bg", "font"];
|
|
5
|
+
export declare type ColorProperty = typeof colorProperties[number];
|
|
6
|
+
export declare const createColorCss: <T extends CharcoalAbstractTheme>(_theme: T) => (target: ColorProperty, color: keyof T["color"], effects?: readonly (keyof T["effect"])[]) => Internal;
|
|
7
|
+
export declare const createGradientColorCss: <T extends CharcoalAbstractTheme>(theme: T) => (color: keyof T["gradientColor"], effects: readonly (keyof T["effect"])[] | undefined, direction: GradientDirection) => Internal;
|
|
8
|
+
export default function colors<T extends CharcoalAbstractTheme>(theme: T): Readonly<{
|
|
9
|
+
bg: Record<string, unknown> & { readonly [key in keyof T["color"] & string]: import("../factories/lib").PropertyChain<Internal, keyof T["effect"] & string>; } & { readonly [key_1 in keyof T["gradientColor"] & string]: (direction: GradientDirection) => import("../factories/lib").PropertyChain<Internal, keyof T["effect"] & string>; };
|
|
10
|
+
font: { readonly [key in keyof T["color"] & string]: import("../factories/lib").PropertyChain<Internal, keyof T["effect"] & string>; };
|
|
11
|
+
}>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/builders/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAML,iBAAiB,EAClB,MAAM,oBAAoB,CAAA;AAU3B,OAAO,EAEL,QAAQ,EAGT,MAAM,cAAc,CAAA;AAQrB,QAAA,MAAM,eAAe,yBAA0B,CAAA;AAC/C,oBAAY,aAAa,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;AAM1D,eAAO,MAAM,cAAc,2DAGf,aAAa,wEAGpB,QAiCF,CAAA;AAEH,eAAO,MAAM,sBAAsB,mJAKpB,iBAAiB,KAC3B,QAgEF,CAAA;AAYH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,qBAAqB,EAAE,KAAK,EAAE,CAAC;0OAqBvC,iBAAiB;;GAejD"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CharcoalAbstractTheme, EffectType } from '@charcoal-ui/theme';
|
|
2
|
+
import { Internal } from '../internals';
|
|
3
|
+
export declare const createElementEffectCss: <T extends CharcoalAbstractTheme, TElementEffect extends T["elementEffect"]>(theme: {
|
|
4
|
+
elementEffect: TElementEffect;
|
|
5
|
+
}) => (effects?: readonly (keyof TElementEffect)[]) => Internal;
|
|
6
|
+
export default function elementEffect<T extends CharcoalAbstractTheme>(theme: T): import("../factories/lib").PropertyChain<Internal, EffectType>;
|
|
7
|
+
//# sourceMappingURL=elementEffect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elementEffect.d.ts","sourceRoot":"","sources":["../../src/builders/elementEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAStE,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAA;AAGvD,eAAO,MAAM,sBAAsB;;uDAOkB,QAkB/C,CAAA;AAEN,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,qBAAqB,EACnE,KAAK,EAAE,CAAC,kEAaT"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
|
|
2
|
+
/**
|
|
3
|
+
* `theme(o => [...])` の `o` の部分を構築する
|
|
4
|
+
*
|
|
5
|
+
* @param theme テーマオブジェクト
|
|
6
|
+
* @param DO_NOTHING_IT_IS_JUST_CALLED_FOR_TYPE_INFERENCE 型推論のためだけに使う場合にランタイムコストをゼロにするフラグ
|
|
7
|
+
*/
|
|
8
|
+
export default function createO<T extends CharcoalAbstractTheme>(theme: {
|
|
9
|
+
color: T['color'];
|
|
10
|
+
gradientColor: T['gradientColor'];
|
|
11
|
+
border: T['border'];
|
|
12
|
+
outline: T['outline'];
|
|
13
|
+
} & Omit<T, 'color' | 'gradientColor' | 'border' | 'outline'>, DO_NOTHING_IT_IS_JUST_CALLED_FOR_TYPE_INFERENCE?: boolean): Record<string, unknown> & Readonly<{
|
|
14
|
+
bg: Record<string, unknown> & { readonly [key in keyof ({
|
|
15
|
+
color: T['color'];
|
|
16
|
+
gradientColor: T['gradientColor'];
|
|
17
|
+
border: T['border'];
|
|
18
|
+
outline: T['outline'];
|
|
19
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
|
|
20
|
+
color: T['color'];
|
|
21
|
+
gradientColor: T['gradientColor'];
|
|
22
|
+
border: T['border'];
|
|
23
|
+
outline: T['outline'];
|
|
24
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; } & { readonly [key_1 in keyof ({
|
|
25
|
+
color: T['color'];
|
|
26
|
+
gradientColor: T['gradientColor'];
|
|
27
|
+
border: T['border'];
|
|
28
|
+
outline: T['outline'];
|
|
29
|
+
} & 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 ({
|
|
30
|
+
color: T['color'];
|
|
31
|
+
gradientColor: T['gradientColor'];
|
|
32
|
+
border: T['border'];
|
|
33
|
+
outline: T['outline'];
|
|
34
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
|
|
35
|
+
font: { readonly [key in keyof ({
|
|
36
|
+
color: T['color'];
|
|
37
|
+
gradientColor: T['gradientColor'];
|
|
38
|
+
border: T['border'];
|
|
39
|
+
outline: T['outline'];
|
|
40
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
|
|
41
|
+
color: T['color'];
|
|
42
|
+
gradientColor: T['gradientColor'];
|
|
43
|
+
border: T['border'];
|
|
44
|
+
outline: T['outline'];
|
|
45
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
|
|
46
|
+
}> & {
|
|
47
|
+
readonly typography: (size: keyof ({
|
|
48
|
+
color: T['color'];
|
|
49
|
+
gradientColor: T['gradientColor'];
|
|
50
|
+
border: T['border'];
|
|
51
|
+
outline: T['outline'];
|
|
52
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["typography"]["size"]) => import("../factories/lib").PropertyChain<import("../internals").Internal, "bold" | "monospace" | "preserveHalfLeading">;
|
|
53
|
+
} & {
|
|
54
|
+
readonly margin: import("../factories/lib").MethodChain<import("../internals").Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
|
|
55
|
+
color: T['color'];
|
|
56
|
+
gradientColor: T['gradientColor'];
|
|
57
|
+
border: T['border'];
|
|
58
|
+
outline: T['outline'];
|
|
59
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
|
|
60
|
+
readonly padding: import("../factories/lib").MethodChain<import("../internals").Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
|
|
61
|
+
color: T['color'];
|
|
62
|
+
gradientColor: T['gradientColor'];
|
|
63
|
+
border: T['border'];
|
|
64
|
+
outline: T['outline'];
|
|
65
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
|
|
66
|
+
} & {
|
|
67
|
+
readonly width: Readonly<{
|
|
68
|
+
px: (size: "auto" | keyof ({
|
|
69
|
+
color: T['color'];
|
|
70
|
+
gradientColor: T['gradientColor'];
|
|
71
|
+
border: T['border'];
|
|
72
|
+
outline: T['outline'];
|
|
73
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => import("../internals").Internal;
|
|
74
|
+
column: (span: number) => import("../internals").Internal;
|
|
75
|
+
auto: import("../internals").Internal;
|
|
76
|
+
full: import("../internals").Internal;
|
|
77
|
+
}>;
|
|
78
|
+
readonly height: Readonly<{
|
|
79
|
+
px: (size: "auto" | keyof ({
|
|
80
|
+
color: T['color'];
|
|
81
|
+
gradientColor: T['gradientColor'];
|
|
82
|
+
border: T['border'];
|
|
83
|
+
outline: T['outline'];
|
|
84
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => import("../internals").Internal;
|
|
85
|
+
column: (span: number) => import("../internals").Internal;
|
|
86
|
+
auto: import("../internals").Internal;
|
|
87
|
+
full: import("../internals").Internal;
|
|
88
|
+
}>;
|
|
89
|
+
} & import("../internals").Internal & {
|
|
90
|
+
readonly hover: import("../factories/lib").PropertyChain<import("../internals").Internal, "press" | "disabled">;
|
|
91
|
+
readonly press: import("../factories/lib").PropertyChain<import("../internals").Internal, "hover" | "disabled">;
|
|
92
|
+
readonly disabled: import("../factories/lib").PropertyChain<import("../internals").Internal, "hover" | "press">;
|
|
93
|
+
} & Readonly<{
|
|
94
|
+
border: { readonly [key_2 in keyof ({
|
|
95
|
+
color: T['color'];
|
|
96
|
+
gradientColor: T['gradientColor'];
|
|
97
|
+
border: T['border'];
|
|
98
|
+
outline: T['outline'];
|
|
99
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["border"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "top" | "right" | "bottom" | "left">; };
|
|
100
|
+
}> & Readonly<{
|
|
101
|
+
borderRadius: (radius: keyof ({
|
|
102
|
+
color: T['color'];
|
|
103
|
+
gradientColor: T['gradientColor'];
|
|
104
|
+
border: T['border'];
|
|
105
|
+
outline: T['outline'];
|
|
106
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["borderRadius"]) => import("../internals").Internal;
|
|
107
|
+
}> & Readonly<{
|
|
108
|
+
outline: { readonly [key_3 in keyof ({
|
|
109
|
+
color: T['color'];
|
|
110
|
+
gradientColor: T['gradientColor'];
|
|
111
|
+
border: T['border'];
|
|
112
|
+
outline: T['outline'];
|
|
113
|
+
} & Omit<T, "color" | "gradientColor" | "border" | "outline">)["outline"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "focus">; };
|
|
114
|
+
}>;
|
|
115
|
+
//# sourceMappingURL=o.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"o.d.ts","sourceRoot":"","sources":["../../src/builders/o.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAW1D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,qBAAqB,EAC7D,KAAK,EAAE;IAEL,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,CAAA;IACjB,aAAa,EAAE,CAAC,CAAC,eAAe,CAAC,CAAA;IACjC,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;IACnB,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,CAAA;CACtB,GAAG,IAAI,CAAC,CAAC,EAAE,OAAO,GAAG,eAAe,GAAG,QAAQ,GAAG,SAAS,CAAC,EAC7D,+CAA+C,UAAQ;;eAL9C,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;;;;mBAHd,CAAC,CAAC,OAAO,CAAC;2BACF,CAAC,CAAC,eAAe,CAAC;oBACzB,CAAC,CAAC,QAAQ,CAAC;qBACV,CAAC,CAAC,SAAS,CAAC;;;;;;;;mBAHd,CAAC,CAAC,OAAO,CAAC;2BACF,CAAC,CAAC,eAAe,CAAC;oBACzB,CAAC,CAAC,QAAQ,CAAC;qBACV,CAAC,CAAC,SAAS,CAAC;;;;;;;;;;;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;;;eAHd,CAAC,CAAC,OAAO,CAAC;uBACF,CAAC,CAAC,eAAe,CAAC;gBACzB,CAAC,CAAC,QAAQ,CAAC;iBACV,CAAC,CAAC,SAAS,CAAC;;GAmBxB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
|
|
2
|
+
import { Internal } from '../internals';
|
|
3
|
+
export declare const outlineType: readonly ["focus"];
|
|
4
|
+
declare type OutlineType = typeof outlineType[number];
|
|
5
|
+
export declare const createOutlineColorCss: <T extends CharcoalAbstractTheme>(theme: T) => (variant: keyof T["outline"], modifiers: readonly OutlineType[]) => Internal;
|
|
6
|
+
export default function outline<T extends CharcoalAbstractTheme>(theme: T): Readonly<{
|
|
7
|
+
outline: { readonly [key in keyof T["outline"] & string]: import("../factories/lib").PropertyChain<Internal, "focus">; };
|
|
8
|
+
}>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=outline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"outline.d.ts","sourceRoot":"","sources":["../../src/builders/outline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAI1D,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAA;AAOvD,eAAO,MAAM,WAAW,oBAAqB,CAAA;AAC7C,aAAK,WAAW,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAA;AAM7C,eAAO,MAAM,qBAAqB,0FAInB,SAAS,WAAW,EAAE,KAChC,QAcF,CAAA;AAuBH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,qBAAqB,EAAE,KAAK,EAAE,CAAC;;GAkBxE"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
|
|
2
|
+
import { Internal } from '../internals';
|
|
3
|
+
export declare const fixedProperties: readonly ["width", "height"];
|
|
4
|
+
declare type FixedProperty = typeof fixedProperties[number];
|
|
5
|
+
export declare const createFixedPxCss: <T extends CharcoalAbstractTheme>(theme: T) => (property: FixedProperty, size: keyof T["spacing"] | "auto") => Internal;
|
|
6
|
+
export declare const createFixedRelativeCss: <T extends CharcoalAbstractTheme>(_theme: T) => (property: FixedProperty, amount: '100%' | 'auto') => Internal;
|
|
7
|
+
export declare const createFixedColumnCss: <T extends CharcoalAbstractTheme>(theme: T) => (property: FixedProperty, span: number) => Internal;
|
|
8
|
+
export default function size<T extends CharcoalAbstractTheme>(theme: T): {
|
|
9
|
+
readonly width: Readonly<{
|
|
10
|
+
px: (size: keyof T['spacing'] | 'auto') => Internal;
|
|
11
|
+
column: (span: number) => Internal;
|
|
12
|
+
auto: Internal;
|
|
13
|
+
full: Internal;
|
|
14
|
+
}>;
|
|
15
|
+
readonly height: Readonly<{
|
|
16
|
+
px: (size: keyof T['spacing'] | 'auto') => Internal;
|
|
17
|
+
column: (span: number) => Internal;
|
|
18
|
+
auto: Internal;
|
|
19
|
+
full: Internal;
|
|
20
|
+
}>;
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=size.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../src/builders/size.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAA;AAGvD,eAAO,MAAM,eAAe,8BAA+B,CAAA;AAC3D,aAAK,aAAa,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;AAEnD,eAAO,MAAM,gBAAgB,4DAEhB,aAAa,wCAAsC,QAO1D,CAAA;AAEN,eAAO,MAAM,sBAAsB,6DAEtB,aAAa,UAAU,MAAM,GAAG,MAAM,KAAG,QAOhD,CAAA;AAEN,eAAO,MAAM,oBAAoB,4DAEpB,aAAa,QAAQ,MAAM,KAAG,QASrC,CAAA;AAEN,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC,SAAS,qBAAqB,EAAE,KAAK,EAAE,CAAC;;mBAQnD,MAAM,CAAC,CAAC,SAAS,CAAC,GAAG,MAAM;uBACvB,MAAM;;;;;mBADV,MAAM,CAAC,CAAC,SAAS,CAAC,GAAG,MAAM;uBACvB,MAAM;;;;EAO5B"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
|
|
2
|
+
import { Internal } from '../internals';
|
|
3
|
+
export declare const spacingProperties: readonly ["margin", "padding"];
|
|
4
|
+
export declare const spacingDirections: readonly ["top", "right", "bottom", "left", "vertical", "horizontal", "all"];
|
|
5
|
+
declare type SpacingProperty = typeof spacingProperties[number];
|
|
6
|
+
declare type SpacingDirection = typeof spacingDirections[number];
|
|
7
|
+
export declare const createSpacingCss: <T extends CharcoalAbstractTheme>(theme: {
|
|
8
|
+
spacing: T["spacing"];
|
|
9
|
+
}) => (property: SpacingProperty, modifiers: readonly ["top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", keyof T["spacing"] | "auto"][]) => Internal;
|
|
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", ["auto" | keyof T["spacing"]]>;
|
|
12
|
+
readonly padding: import("../factories/lib").MethodChain<Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof T["spacing"]]>;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=spacing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/builders/spacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAG1D,OAAO,EAAE,QAAQ,EAA2B,MAAM,cAAc,CAAA;AAGhE,eAAO,MAAM,iBAAiB,gCAAiC,CAAA;AAC/D,eAAO,MAAM,iBAAiB,8EAQpB,CAAA;AACV,aAAK,eAAe,GAAG,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAA;AACvD,aAAK,gBAAgB,GAAG,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAA;AASxD,eAAO,MAAM,gBAAgB;;iBAGf,eAAe,mIAExB,QAkEF,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,qBAAqB,EAAE,KAAK,EAAE,CAAC;;;EAaxE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/builders/transition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAA2B,MAAM,cAAc,CAAA;AAGhE,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,QAAQ,CAqB5D"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
|
|
2
|
+
import { Internal } from '../internals';
|
|
3
|
+
export declare const createTypographyCss: <T extends CharcoalAbstractTheme>(theme: T) => (size: keyof T["typography"]["size"], options?: {
|
|
4
|
+
preserveHalfLeading?: boolean;
|
|
5
|
+
monospace?: boolean;
|
|
6
|
+
bold?: boolean;
|
|
7
|
+
}) => Internal;
|
|
8
|
+
export default function typography<T extends CharcoalAbstractTheme>(theme: T): {
|
|
9
|
+
readonly typography: (size: keyof T['typography']['size']) => import("../factories/lib").PropertyChain<Internal, "monospace" | "bold" | "preserveHalfLeading">;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/builders/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAG1D,OAAO,EACL,QAAQ,EAIT,MAAM,cAAc,CAAA;AAGrB,eAAO,MAAM,mBAAmB,iGAInB;IACP,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,KACA,QA2CF,CAAA;AAiBH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,qBAAqB,EAAE,KAAK,EAAE,CAAC;gCAK1D,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC;EAW9C"}
|
|
@@ -14,7 +14,7 @@ import { Key } from '@charcoal-ui/theme';
|
|
|
14
14
|
*
|
|
15
15
|
* console.log(o.red) //=> #ff0000
|
|
16
16
|
*/
|
|
17
|
-
export declare const
|
|
17
|
+
export declare const defineProperties: <TSource, TMember extends readonly Key[], TValue>(source: TSource, member: TMember, chain: (key: TMember[number]) => TValue) => TSource & { readonly [key in TMember[number]]: TValue; };
|
|
18
18
|
/**
|
|
19
19
|
* 配列で指定した名前のメソッドを動的に生やす
|
|
20
20
|
*
|
|
@@ -24,13 +24,13 @@ export declare const factory: <TSource, TMember extends readonly Key[], TValue>(
|
|
|
24
24
|
*
|
|
25
25
|
* @example
|
|
26
26
|
*
|
|
27
|
-
* const o =
|
|
27
|
+
* const o = defineMethods({}, ['red', 'blue'],
|
|
28
28
|
* (color, alpha: number) => hex(color, alpha)
|
|
29
29
|
* )
|
|
30
30
|
*
|
|
31
31
|
* console.log(o.red(0.5)) //=> #ff000077
|
|
32
32
|
*/
|
|
33
|
-
export declare const
|
|
33
|
+
export declare const defineMethods: <TSource, TMember extends readonly string[], TValue, TArguments extends unknown[]>(source: TSource, member: TMember, chain: (key: TMember[number], ...args: TArguments) => TValue) => TSource & { readonly [key in TMember[number]]: (...args: TArguments) => TValue; };
|
|
34
34
|
/**
|
|
35
35
|
* オブジェクトで指定したプロパティ名と値を動的に生やす
|
|
36
36
|
*
|
|
@@ -39,14 +39,14 @@ export declare const argumentedFactory: <TSource, TMember extends readonly strin
|
|
|
39
39
|
*
|
|
40
40
|
* @example
|
|
41
41
|
*
|
|
42
|
-
* const o =
|
|
42
|
+
* const o = defineConstantProperties({}, {
|
|
43
43
|
* red: '#f00',
|
|
44
44
|
* blue: '#00f',
|
|
45
45
|
* })
|
|
46
46
|
*
|
|
47
47
|
* console.log(o.red) //=> #f00
|
|
48
48
|
*/
|
|
49
|
-
export declare const
|
|
49
|
+
export declare const defineConstantProperties: <TSource, TDef extends {
|
|
50
50
|
[key: string]: unknown;
|
|
51
51
|
}>(source: TSource, def: TDef) => TSource & Readonly<TDef>;
|
|
52
52
|
/**
|
|
@@ -57,15 +57,15 @@ export declare const constFactory: <TSource, TDef extends {
|
|
|
57
57
|
*
|
|
58
58
|
* @example
|
|
59
59
|
*
|
|
60
|
-
* const o =
|
|
60
|
+
* const o = definePropertyChains(['red', 'blue'],
|
|
61
61
|
* modifiers => modifiers.map(color => hex(color)).join(',')
|
|
62
62
|
* )
|
|
63
63
|
*
|
|
64
64
|
* console.log(o.red.blue) => #f00,#00f
|
|
65
65
|
*/
|
|
66
|
-
export declare const
|
|
67
|
-
export declare type
|
|
68
|
-
readonly [key in TModifiers]:
|
|
66
|
+
export declare const definePropertyChains: <TSource, T extends Key>(modifiers: readonly T[], source: (applied: readonly T[]) => TSource) => PropertyChain<TSource, T>;
|
|
67
|
+
export declare type PropertyChain<TSource, TModifiers extends Key> = TSource & {
|
|
68
|
+
readonly [key in TModifiers]: PropertyChain<TSource, Exclude<TModifiers, key>>;
|
|
69
69
|
};
|
|
70
70
|
/**
|
|
71
71
|
* 配列で指定したモディファイア(メソッド)をチェーン可能な再帰オブジェクトを動的に生やす
|
|
@@ -76,15 +76,14 @@ export declare type Modified<TSource, TModifiers extends Key> = TSource & {
|
|
|
76
76
|
*
|
|
77
77
|
* @example
|
|
78
78
|
*
|
|
79
|
-
* const o =
|
|
79
|
+
* const o = defineMethodChains(['red', 'blue'],
|
|
80
80
|
* modifiers => modifiers.map(([color, alpha]) => hex(color, alpha)).join(',')
|
|
81
81
|
* , {} as [number])
|
|
82
82
|
*
|
|
83
83
|
* console.log(o.red(0.5).blue(1)) => #ff000077,#0000ffff
|
|
84
84
|
*/
|
|
85
|
-
export declare const
|
|
86
|
-
export declare type
|
|
87
|
-
readonly [key in TModifiers]: (...args: TArguments) =>
|
|
85
|
+
export declare const defineMethodChains: <TSource, T extends string, TArguments extends unknown[]>(modifiers: readonly T[], source: (applied: readonly [T, ...TArguments][]) => TSource, ..._inferPhantom: TArguments) => MethodChain<TSource, T, TArguments>;
|
|
86
|
+
export declare type MethodChain<TSource, TModifiers extends string, TArguments extends unknown[]> = TSource & {
|
|
87
|
+
readonly [key in TModifiers]: (...args: TArguments) => MethodChain<TSource, Exclude<TModifiers, key>, TArguments>;
|
|
88
88
|
};
|
|
89
|
-
export declare const variable: (value: string) => string;
|
|
90
89
|
//# sourceMappingURL=lib.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../../src/factories/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAGxC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,0LAiBiC,CAAA;AAE9D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,yQAwBvB,CAAA;AAEH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,wBAAwB;;0DAQnB,CAAA;AAElB;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,oBAAoB,4HAazB,CAAA;AAER,oBAAY,aAAa,CAAC,OAAO,EAAE,UAAU,SAAS,GAAG,IAAI,OAAO,GAAG;IACrE,QAAQ,EAAE,GAAG,IAAI,UAAU,GAAG,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;CAC/E,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,sNAuBvB,CAAA;AAER,oBAAY,WAAW,CACrB,OAAO,EACP,UAAU,SAAS,MAAM,EACzB,UAAU,SAAS,OAAO,EAAE,IAC1B,OAAO,GAAG;IACZ,QAAQ,EAAE,GAAG,IAAI,UAAU,GAAG,CAC5B,GAAG,IAAI,EAAE,UAAU,KAChB,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE,UAAU,CAAC;CAChE,CAAA"}
|