@charcoal-ui/styled 2.5.0 → 2.6.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 (51) hide show
  1. package/dist/SetThemeScript.d.ts +20 -20
  2. package/dist/TokenInjector.d.ts +12 -12
  3. package/dist/TokenInjector.d.ts.map +1 -1
  4. package/dist/builders/border.d.ts +9 -9
  5. package/dist/builders/border.d.ts.map +1 -1
  6. package/dist/builders/borderRadius.d.ts +6 -6
  7. package/dist/builders/colors.d.ts +12 -12
  8. package/dist/builders/colors.d.ts.map +1 -1
  9. package/dist/builders/elementEffect.d.ts +6 -6
  10. package/dist/builders/o.d.ts +113 -114
  11. package/dist/builders/o.d.ts.map +1 -1
  12. package/dist/builders/outline.d.ts +9 -9
  13. package/dist/builders/outline.d.ts.map +1 -1
  14. package/dist/builders/size.d.ts +22 -22
  15. package/dist/builders/size.d.ts.map +1 -1
  16. package/dist/builders/spacing.d.ts +14 -14
  17. package/dist/builders/spacing.d.ts.map +1 -1
  18. package/dist/builders/transition.d.ts +6 -6
  19. package/dist/builders/typography.d.ts +10 -10
  20. package/dist/defineThemeVariables.test.d.ts +1 -1
  21. package/dist/factories/lib.d.ts +88 -88
  22. package/dist/factories/lib.d.ts.map +1 -1
  23. package/dist/helper.d.ts +38 -38
  24. package/dist/helper.d.ts.map +1 -1
  25. package/dist/index.cjs.js +918 -0
  26. package/dist/index.cjs.js.map +1 -0
  27. package/dist/index.d.ts +128 -128
  28. package/dist/index.d.ts.map +1 -1
  29. package/dist/index.esm.js +886 -0
  30. package/dist/index.esm.js.map +1 -0
  31. package/dist/index.story.d.ts +25 -25
  32. package/dist/index.story.d.ts.map +1 -1
  33. package/dist/index.test.d.ts +1 -1
  34. package/dist/internals/index.d.ts +41 -41
  35. package/dist/util.d.ts +100 -100
  36. package/dist/util.d.ts.map +1 -1
  37. package/package.json +16 -16
  38. package/src/builders/border.ts +1 -1
  39. package/src/builders/colors.ts +1 -1
  40. package/src/builders/o.ts +1 -8
  41. package/src/builders/outline.ts +1 -1
  42. package/src/builders/size.ts +1 -1
  43. package/src/builders/spacing.ts +2 -2
  44. package/src/index.ts +1 -12
  45. package/src/util.ts +1 -1
  46. package/dist/index.cjs +0 -1174
  47. package/dist/index.cjs.map +0 -1
  48. package/dist/index.modern.js +0 -989
  49. package/dist/index.modern.js.map +0 -1
  50. package/dist/index.module.js +0 -1157
  51. package/dist/index.module.js.map +0 -1
@@ -1,21 +1,21 @@
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(props: Props): JSX.Element;
17
- export declare namespace SetThemeScript {
18
- var defaultProps: Props;
19
- }
20
- export {};
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(props: Props): JSX.Element;
17
+ export declare namespace SetThemeScript {
18
+ var defaultProps: Props;
19
+ }
20
+ export {};
21
21
  //# sourceMappingURL=SetThemeScript.d.ts.map
@@ -1,13 +1,13 @@
1
- import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
2
- export interface ThemeMap<T extends Theme> {
3
- ':root': T;
4
- [mediaQuery: `@media (${string})`]: T;
5
- [selector: string]: T;
6
- }
7
- declare type Theme = Pick<CharcoalAbstractTheme, 'color' | 'effect'>;
8
- export default function TokenInjector<T extends Theme>({ theme: themeMap, background, }: {
9
- theme: ThemeMap<T>;
10
- background?: keyof ThemeMap<T>[string]['color'];
11
- }): JSX.Element;
12
- export {};
1
+ import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
2
+ export interface ThemeMap<T extends Theme> {
3
+ ':root': T;
4
+ [mediaQuery: `@media (${string})`]: T;
5
+ [selector: string]: T;
6
+ }
7
+ type Theme = Pick<CharcoalAbstractTheme, 'color' | 'effect'>;
8
+ export default function TokenInjector<T extends Theme>({ theme: themeMap, background, }: {
9
+ theme: ThemeMap<T>;
10
+ background?: keyof ThemeMap<T>[string]['color'];
11
+ }): JSX.Element;
12
+ export {};
13
13
  //# sourceMappingURL=TokenInjector.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TokenInjector.d.ts","sourceRoot":"","sources":["../src/TokenInjector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAqC1D,MAAM,WAAW,QAAQ,CAAC,CAAC,SAAS,KAAK;IACvC,OAAO,EAAE,CAAC,CAAA;IACV,CAAC,UAAU,EAAE,WAAW,MAAM,GAAG,GAAG,CAAC,CAAA;IACrC,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,CAAA;CACtB;AAED,aAAK,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAA;AAE5D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,KAAK,EAAE,EACrD,KAAK,EAAE,QAAQ,EACf,UAAU,GACX,EAAE;IACD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;CAChD,eAEA"}
1
+ {"version":3,"file":"TokenInjector.d.ts","sourceRoot":"","sources":["../src/TokenInjector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAqC1D,MAAM,WAAW,QAAQ,CAAC,CAAC,SAAS,KAAK;IACvC,OAAO,EAAE,CAAC,CAAA;IACV,CAAC,UAAU,EAAE,WAAW,MAAM,GAAG,GAAG,CAAC,CAAA;IACrC,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,CAAA;CACtB;AAED,KAAK,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAA;AAE5D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,KAAK,EAAE,EACrD,KAAK,EAAE,QAAQ,EACf,UAAU,GACX,EAAE;IACD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;CAChD,eAEA"}
@@ -1,10 +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 {};
1
+ import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
2
+ import { Internal } from '../internals';
3
+ export declare const borderDirections: readonly ["top", "right", "bottom", "left"];
4
+ 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, "bottom" | "left" | "right" | "top">; };
8
+ }>;
9
+ export {};
10
10
  //# sourceMappingURL=border.d.ts.map
@@ -1 +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"}
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,KAAK,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAUxD,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"}
@@ -1,7 +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
- }>;
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
7
  //# sourceMappingURL=borderRadius.d.ts.map
@@ -1,13 +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 {};
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 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
13
  //# sourceMappingURL=colors.d.ts.map
@@ -1 +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"}
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,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAM5D,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"}
@@ -1,7 +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>;
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
7
  //# sourceMappingURL=elementEffect.d.ts.map
@@ -1,115 +1,114 @@
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
- }>;
1
+ import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
2
+ /**
3
+ * `theme(o => [...])` の `o` の部分を構築する
4
+ *
5
+ * @param theme テーマオブジェクト
6
+ */
7
+ export default function createO<T extends CharcoalAbstractTheme>(theme: {
8
+ color: T['color'];
9
+ gradientColor: T['gradientColor'];
10
+ border: T['border'];
11
+ outline: T['outline'];
12
+ } & Omit<T, 'color' | 'gradientColor' | 'border' | 'outline'>): Record<string, unknown> & Readonly<{
13
+ bg: Record<string, unknown> & { readonly [key in keyof ({
14
+ color: T['color'];
15
+ gradientColor: T['gradientColor'];
16
+ border: T['border'];
17
+ outline: T['outline'];
18
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
19
+ color: T['color'];
20
+ gradientColor: T['gradientColor'];
21
+ border: T['border'];
22
+ outline: T['outline'];
23
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; } & { readonly [key_1 in keyof ({
24
+ color: T['color'];
25
+ gradientColor: T['gradientColor'];
26
+ border: T['border'];
27
+ outline: T['outline'];
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
+ color: T['color'];
30
+ gradientColor: T['gradientColor'];
31
+ border: T['border'];
32
+ outline: T['outline'];
33
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
34
+ font: { readonly [key in keyof ({
35
+ color: T['color'];
36
+ gradientColor: T['gradientColor'];
37
+ border: T['border'];
38
+ outline: T['outline'];
39
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
40
+ color: T['color'];
41
+ gradientColor: T['gradientColor'];
42
+ border: T['border'];
43
+ outline: T['outline'];
44
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
45
+ }> & {
46
+ readonly typography: (size: keyof ({
47
+ color: T['color'];
48
+ gradientColor: T['gradientColor'];
49
+ border: T['border'];
50
+ outline: T['outline'];
51
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["typography"]["size"]) => import("../factories/lib").PropertyChain<import("../internals").Internal, "bold" | "monospace" | "preserveHalfLeading">;
52
+ } & {
53
+ readonly margin: import("../factories/lib").MethodChain<import("../internals").Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
54
+ color: T['color'];
55
+ gradientColor: T['gradientColor'];
56
+ border: T['border'];
57
+ outline: T['outline'];
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
+ color: T['color'];
61
+ gradientColor: T['gradientColor'];
62
+ border: T['border'];
63
+ outline: T['outline'];
64
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
65
+ } & {
66
+ readonly height: Readonly<{
67
+ px: (size: "auto" | keyof ({
68
+ color: T['color'];
69
+ gradientColor: T['gradientColor'];
70
+ border: T['border'];
71
+ outline: T['outline'];
72
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => import("../internals").Internal;
73
+ column: (span: number) => import("../internals").Internal;
74
+ auto: import("../internals").Internal;
75
+ full: import("../internals").Internal;
76
+ }>;
77
+ readonly width: Readonly<{
78
+ px: (size: "auto" | keyof ({
79
+ color: T['color'];
80
+ gradientColor: T['gradientColor'];
81
+ border: T['border'];
82
+ outline: T['outline'];
83
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => import("../internals").Internal;
84
+ column: (span: number) => import("../internals").Internal;
85
+ auto: import("../internals").Internal;
86
+ full: import("../internals").Internal;
87
+ }>;
88
+ } & import("../internals").Internal & {
89
+ readonly hover: import("../factories/lib").PropertyChain<import("../internals").Internal, "press" | "disabled">;
90
+ readonly press: import("../factories/lib").PropertyChain<import("../internals").Internal, "hover" | "disabled">;
91
+ readonly disabled: import("../factories/lib").PropertyChain<import("../internals").Internal, "hover" | "press">;
92
+ } & Readonly<{
93
+ border: { readonly [key_2 in keyof ({
94
+ color: T['color'];
95
+ gradientColor: T['gradientColor'];
96
+ border: T['border'];
97
+ outline: T['outline'];
98
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["border"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "bottom" | "left" | "right" | "top">; };
99
+ }> & Readonly<{
100
+ borderRadius: (radius: keyof ({
101
+ color: T['color'];
102
+ gradientColor: T['gradientColor'];
103
+ border: T['border'];
104
+ outline: T['outline'];
105
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["borderRadius"]) => import("../internals").Internal;
106
+ }> & Readonly<{
107
+ outline: { readonly [key_3 in keyof ({
108
+ color: T['color'];
109
+ gradientColor: T['gradientColor'];
110
+ border: T['border'];
111
+ outline: T['outline'];
112
+ } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["outline"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "focus">; };
113
+ }>;
115
114
  //# sourceMappingURL=o.d.ts.map
@@ -1 +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"}
1
+ {"version":3,"file":"o.d.ts","sourceRoot":"","sources":["../../src/builders/o.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAW1D;;;;GAIG;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;;eAJpD,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;;GAaxB"}
@@ -1,10 +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 {};
1
+ import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
2
+ import { Internal } from '../internals';
3
+ export declare const outlineType: readonly ["focus"];
4
+ 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
10
  //# sourceMappingURL=outline.d.ts.map
@@ -1 +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"}
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,KAAK,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAM/C,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"}
@@ -1,23 +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 {};
1
+ import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
2
+ import { Internal } from '../internals';
3
+ export declare const fixedProperties: readonly ["width", "height"];
4
+ type FixedProperty = (typeof fixedProperties)[number];
5
+ export declare const createFixedPxCss: <T extends CharcoalAbstractTheme>(theme: T) => (property: FixedProperty, size: "auto" | keyof T["spacing"]) => 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 height: Readonly<{
10
+ px: (size: keyof T['spacing'] | 'auto') => Internal;
11
+ column: (span: number) => Internal;
12
+ auto: Internal;
13
+ full: Internal;
14
+ }>;
15
+ readonly width: 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
23
  //# sourceMappingURL=size.d.ts.map
@@ -1 +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"}
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,KAAK,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAErD,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"}
@@ -1,15 +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 {};
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
+ type SpacingProperty = (typeof spacingProperties)[number];
6
+ type SpacingDirection = (typeof spacingDirections)[number];
7
+ export declare const createSpacingCss: <T extends CharcoalAbstractTheme>(theme: {
8
+ spacing: T["spacing"];
9
+ }) => (property: SpacingProperty, modifiers: readonly ["bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", "auto" | keyof T["spacing"]][]) => Internal;
10
+ export default function spacing<T extends CharcoalAbstractTheme>(theme: T): {
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
+ };
14
+ export {};
15
15
  //# sourceMappingURL=spacing.d.ts.map
@@ -1 +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"}
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,KAAK,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AACzD,KAAK,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAS1D,eAAO,MAAM,gBAAgB;;iBAGf,eAAe,mIAExB,QAkEF,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,qBAAqB,EAAE,KAAK,EAAE,CAAC;;;EAaxE"}
@@ -1,7 +1,7 @@
1
- import { Internal } from '../internals';
2
- export declare const TRANSITION_DURATION = 0.2;
3
- /**
4
- * context の状態を元に transition を追加する。必ず一番最後に呼ぶ
5
- */
6
- export default function transition(_theme: unknown): Internal;
1
+ import { Internal } from '../internals';
2
+ export declare const TRANSITION_DURATION = 0.2;
3
+ /**
4
+ * context の状態を元に transition を追加する。必ず一番最後に呼ぶ
5
+ */
6
+ export default function transition(_theme: unknown): Internal;
7
7
  //# sourceMappingURL=transition.d.ts.map
@@ -1,11 +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
- };
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, "bold" | "monospace" | "preserveHalfLeading">;
10
+ };
11
11
  //# sourceMappingURL=typography.d.ts.map
@@ -1,2 +1,2 @@
1
- export {};
1
+ export {};
2
2
  //# sourceMappingURL=defineThemeVariables.test.d.ts.map