@charcoal-ui/styled 2.4.0 → 2.6.0

package/dist/SetThemeScript.d.ts

@@ -1,21 +1,21 @@
-interface Props {
-    localStorageKey: string;
-    rootAttribute: string;
-}
-/**
- * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する
- * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト
- * @returns ソースコードの文字列
- */
-export declare function makeSetThemeScriptCode({ localStorageKey, rootAttribute, }?: Partial<Props>): string;
-/**
- * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ
- * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト
- * @returns
- */
-export declare function SetThemeScript(props: Props): JSX.Element;
-export declare namespace SetThemeScript {
-    var defaultProps: Props;
-}
-export {};
+interface Props {
+    localStorageKey: string;
+    rootAttribute: string;
+}
+/**
+ * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する
+ * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト
+ * @returns ソースコードの文字列
+ */
+export declare function makeSetThemeScriptCode({ localStorageKey, rootAttribute, }?: Partial<Props>): string;
+/**
+ * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ
+ * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト
+ * @returns
+ */
+export declare function SetThemeScript(props: Props): JSX.Element;
+export declare namespace SetThemeScript {
+    var defaultProps: Props;
+}
+export {};
 //# sourceMappingURL=SetThemeScript.d.ts.map

package/dist/TokenInjector.d.ts

@@ -1,13 +1,13 @@
-import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
-export interface ThemeMap<T extends Theme> {
-    ':root': T;
-    [mediaQuery: `@media (${string})`]: T;
-    [selector: string]: T;
-}
-declare type Theme = Pick<CharcoalAbstractTheme, 'color' | 'effect'>;
-export default function TokenInjector<T extends Theme>({ theme: themeMap, background, }: {
-    theme: ThemeMap<T>;
-    background?: keyof ThemeMap<T>[string]['color'];
-}): JSX.Element;
-export {};
+import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
+export interface ThemeMap<T extends Theme> {
+    ':root': T;
+    [mediaQuery: `@media (${string})`]: T;
+    [selector: string]: T;
+}
+type Theme = Pick<CharcoalAbstractTheme, 'color' | 'effect'>;
+export default function TokenInjector<T extends Theme>({ theme: themeMap, background, }: {
+    theme: ThemeMap<T>;
+    background?: keyof ThemeMap<T>[string]['color'];
+}): JSX.Element;
+export {};
 //# sourceMappingURL=TokenInjector.d.ts.map

package/dist/TokenInjector.d.ts.map

@@ -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"}
+{"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"}

package/dist/builders/border.d.ts

@@ -0,0 +1,10 @@
+import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
+import { Internal } from '../internals';
+export declare const borderDirections: readonly ["top", "right", "bottom", "left"];
+type BorderDirection = (typeof borderDirections)[number];
+export declare const createBorderCss: <T extends CharcoalAbstractTheme>(theme: T) => (variant: keyof T["border"], directions: readonly BorderDirection[]) => Internal;
+export default function border<T extends CharcoalAbstractTheme>(theme: T): Readonly<{
+    border: { readonly [key in keyof T["border"] & string]: import("../factories/lib").PropertyChain<Internal, "bottom" | "left" | "right" | "top">; };
+}>;
+export {};
+//# sourceMappingURL=border.d.ts.map

package/dist/builders/border.d.ts.map

@@ -0,0 +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"}

package/dist/builders/borderRadius.d.ts

@@ -0,0 +1,7 @@
+import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
+import { Internal } from '../internals';
+export declare const createBorderRadiusCss: <T extends CharcoalAbstractTheme>(theme: T) => (size: keyof T["borderRadius"]) => Internal;
+export default function borderRadius<T extends CharcoalAbstractTheme>(theme: T): Readonly<{
+    borderRadius: (radius: keyof T['borderRadius']) => Internal;
+}>;
+//# sourceMappingURL=borderRadius.d.ts.map

package/dist/builders/borderRadius.d.ts.map

@@ -0,0 +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"}

package/dist/builders/colors.d.ts

@@ -0,0 +1,13 @@
+import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
+import { GradientDirection } from '@charcoal-ui/utils';
+import { Internal } from '../internals';
+declare const colorProperties: readonly ["bg", "font"];
+export type ColorProperty = (typeof colorProperties)[number];
+export declare const createColorCss: <T extends CharcoalAbstractTheme>(_theme: T) => (target: ColorProperty, color: keyof T["color"], effects?: readonly (keyof T["effect"])[]) => Internal;
+export declare const createGradientColorCss: <T extends CharcoalAbstractTheme>(theme: T) => (color: keyof T["gradientColor"], effects: readonly (keyof T["effect"])[] | undefined, direction: GradientDirection) => Internal;
+export default function colors<T extends CharcoalAbstractTheme>(theme: T): Readonly<{
+    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>; };
+    font: { readonly [key in keyof T["color"] & string]: import("../factories/lib").PropertyChain<Internal, keyof T["effect"] & string>; };
+}>;
+export {};
+//# sourceMappingURL=colors.d.ts.map

package/dist/builders/colors.d.ts.map

@@ -0,0 +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"}

package/dist/builders/elementEffect.d.ts

@@ -0,0 +1,7 @@
+import { CharcoalAbstractTheme, EffectType } from '@charcoal-ui/theme';
+import { Internal } from '../internals';
+export declare const createElementEffectCss: <T extends CharcoalAbstractTheme, TElementEffect extends T["elementEffect"]>(theme: {
+    elementEffect: TElementEffect;
+}) => (effects?: readonly (keyof TElementEffect)[]) => Internal;
+export default function elementEffect<T extends CharcoalAbstractTheme>(theme: T): import("../factories/lib").PropertyChain<Internal, EffectType>;
+//# sourceMappingURL=elementEffect.d.ts.map

package/dist/builders/elementEffect.d.ts.map

@@ -0,0 +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"}

package/dist/builders/o.d.ts

@@ -0,0 +1,114 @@
+import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
+/**
+ * `theme(o => [...])` の `o` の部分を構築する
+ *
+ * @param theme テーマオブジェクト
+ */
+export default function createO<T extends CharcoalAbstractTheme>(theme: {
+    color: T['color'];
+    gradientColor: T['gradientColor'];
+    border: T['border'];
+    outline: T['outline'];
+} & Omit<T, 'color' | 'gradientColor' | 'border' | 'outline'>): Record<string, unknown> & Readonly<{
+    bg: Record<string, unknown> & { readonly [key in keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; } & { readonly [key_1 in keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & 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 ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
+    font: { readonly [key in keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
+}> & {
+    readonly typography: (size: keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["typography"]["size"]) => import("../factories/lib").PropertyChain<import("../internals").Internal, "bold" | "monospace" | "preserveHalfLeading">;
+} & {
+    readonly margin: import("../factories/lib").MethodChain<import("../internals").Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
+    readonly padding: import("../factories/lib").MethodChain<import("../internals").Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
+} & {
+    readonly height: Readonly<{
+        px: (size: "auto" | keyof ({
+            color: T['color'];
+            gradientColor: T['gradientColor'];
+            border: T['border'];
+            outline: T['outline'];
+        } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => import("../internals").Internal;
+        column: (span: number) => import("../internals").Internal;
+        auto: import("../internals").Internal;
+        full: import("../internals").Internal;
+    }>;
+    readonly width: Readonly<{
+        px: (size: "auto" | keyof ({
+            color: T['color'];
+            gradientColor: T['gradientColor'];
+            border: T['border'];
+            outline: T['outline'];
+        } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => import("../internals").Internal;
+        column: (span: number) => import("../internals").Internal;
+        auto: import("../internals").Internal;
+        full: import("../internals").Internal;
+    }>;
+} & import("../internals").Internal & {
+    readonly hover: import("../factories/lib").PropertyChain<import("../internals").Internal, "press" | "disabled">;
+    readonly press: import("../factories/lib").PropertyChain<import("../internals").Internal, "hover" | "disabled">;
+    readonly disabled: import("../factories/lib").PropertyChain<import("../internals").Internal, "hover" | "press">;
+} & Readonly<{
+    border: { readonly [key_2 in keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["border"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "bottom" | "left" | "right" | "top">; };
+}> & Readonly<{
+    borderRadius: (radius: keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["borderRadius"]) => import("../internals").Internal;
+}> & Readonly<{
+    outline: { readonly [key_3 in keyof ({
+        color: T['color'];
+        gradientColor: T['gradientColor'];
+        border: T['border'];
+        outline: T['outline'];
+    } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["outline"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "focus">; };
+}>;
+//# sourceMappingURL=o.d.ts.map

package/dist/builders/o.d.ts.map

@@ -0,0 +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"}

package/dist/builders/outline.d.ts

@@ -0,0 +1,10 @@
+import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
+import { Internal } from '../internals';
+export declare const outlineType: readonly ["focus"];
+type OutlineType = (typeof outlineType)[number];
+export declare const createOutlineColorCss: <T extends CharcoalAbstractTheme>(theme: T) => (variant: keyof T["outline"], modifiers: readonly OutlineType[]) => Internal;
+export default function outline<T extends CharcoalAbstractTheme>(theme: T): Readonly<{
+    outline: { readonly [key in keyof T["outline"] & string]: import("../factories/lib").PropertyChain<Internal, "focus">; };
+}>;
+export {};
+//# sourceMappingURL=outline.d.ts.map

package/dist/builders/outline.d.ts.map

@@ -0,0 +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"}

package/dist/builders/size.d.ts

@@ -0,0 +1,23 @@
+import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
+import { Internal } from '../internals';
+export declare const fixedProperties: readonly ["width", "height"];
+type FixedProperty = (typeof fixedProperties)[number];
+export declare const createFixedPxCss: <T extends CharcoalAbstractTheme>(theme: T) => (property: FixedProperty, size: "auto" | keyof T["spacing"]) => Internal;
+export declare const createFixedRelativeCss: <T extends CharcoalAbstractTheme>(_theme: T) => (property: FixedProperty, amount: '100%' | 'auto') => Internal;
+export declare const createFixedColumnCss: <T extends CharcoalAbstractTheme>(theme: T) => (property: FixedProperty, span: number) => Internal;
+export default function size<T extends CharcoalAbstractTheme>(theme: T): {
+    readonly height: Readonly<{
+        px: (size: keyof T['spacing'] | 'auto') => Internal;
+        column: (span: number) => Internal;
+        auto: Internal;
+        full: Internal;
+    }>;
+    readonly width: Readonly<{
+        px: (size: keyof T['spacing'] | 'auto') => Internal;
+        column: (span: number) => Internal;
+        auto: Internal;
+        full: Internal;
+    }>;
+};
+export {};
+//# sourceMappingURL=size.d.ts.map

package/dist/builders/size.d.ts.map

@@ -0,0 +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"}

package/dist/builders/spacing.d.ts

@@ -0,0 +1,15 @@
+import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
+import { Internal } from '../internals';
+export declare const spacingProperties: readonly ["margin", "padding"];
+export declare const spacingDirections: readonly ["top", "right", "bottom", "left", "vertical", "horizontal", "all"];
+type SpacingProperty = (typeof spacingProperties)[number];
+type SpacingDirection = (typeof spacingDirections)[number];
+export declare const createSpacingCss: <T extends CharcoalAbstractTheme>(theme: {
+    spacing: T["spacing"];
+}) => (property: SpacingProperty, modifiers: readonly ["bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", "auto" | keyof T["spacing"]][]) => Internal;
+export default function spacing<T extends CharcoalAbstractTheme>(theme: T): {
+    readonly margin: import("../factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof T["spacing"]]>;
+    readonly padding: import("../factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof T["spacing"]]>;
+};
+export {};
+//# sourceMappingURL=spacing.d.ts.map

package/dist/builders/spacing.d.ts.map

@@ -0,0 +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"}

package/dist/builders/transition.d.ts

@@ -0,0 +1,7 @@
+import { Internal } from '../internals';
+export declare const TRANSITION_DURATION = 0.2;
+/**
+ * context の状態を元に transition を追加する。必ず一番最後に呼ぶ
+ */
+export default function transition(_theme: unknown): Internal;
+//# sourceMappingURL=transition.d.ts.map

package/dist/builders/transition.d.ts.map

@@ -0,0 +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"}

package/dist/builders/typography.d.ts

@@ -0,0 +1,11 @@
+import { CharcoalAbstractTheme } from '@charcoal-ui/theme';
+import { Internal } from '../internals';
+export declare const createTypographyCss: <T extends CharcoalAbstractTheme>(theme: T) => (size: keyof T["typography"]["size"], options?: {
+    preserveHalfLeading?: boolean;
+    monospace?: boolean;
+    bold?: boolean;
+}) => Internal;
+export default function typography<T extends CharcoalAbstractTheme>(theme: T): {
+    readonly typography: (size: keyof T['typography']['size']) => import("../factories/lib").PropertyChain<Internal, "bold" | "monospace" | "preserveHalfLeading">;
+};
+//# sourceMappingURL=typography.d.ts.map

package/dist/builders/typography.d.ts.map

@@ -0,0 +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"}

package/dist/defineThemeVariables.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=defineThemeVariables.test.d.ts.map

package/dist/{lib.d.ts → factories/lib.d.ts}

@@ -1,90 +1,89 @@
-import { Key } from '@charcoal-ui/theme';
-/**
- * 配列で指定したプロパティを動的に生やす
- *
- * @param source 拡張するオブジェクト
- * @param member オブジェクトに生やすプロパティ一覧
- * @param chain プロパティに格納される値を生成する関数
- *
- * @example
- *
- * const o = factory({}, ['red', 'blue'],
- *   color => hex(color)
- * )
- *
- * console.log(o.red) //=> #ff0000
- */
-export declare const factory: <TSource, TMember extends readonly Key[], TValue>(source: TSource, member: TMember, chain: (key: TMember[number]) => TValue) => TSource & { readonly [key in TMember[number]]: TValue; };
-/**
- * 配列で指定した名前のメソッドを動的に生やす
- *
- * @param source 拡張するオブジェクト
- * @param member オブジェクトに生やすメソッド名一覧
- * @param chain メソッドの戻り値になる値を生成する関数
- *
- * @example
- *
- * const o = argumentedFactory({}, ['red', 'blue'],
- *   (color, alpha: number) => hex(color, alpha)
- * )
- *
- * console.log(o.red(0.5)) //=> #ff000077
- */
-export declare const argumentedFactory: <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; };
-/**
- * オブジェクトで指定したプロパティ名と値を動的に生やす
- *
- * @param source 拡張するオブジェクト
- * @param def オブジェクトに生やす定義(プロパティ名と値)
- *
- * @example
- *
- * const o = constFactory({}, {
- *   red: '#f00',
- *   blue: '#00f',
- * })
- *
- * console.log(o.red) //=> #f00
- */
-export declare const constFactory: <TSource, TDef extends {
-    [key: string]: unknown;
-}>(source: TSource, def: TDef) => TSource & Readonly<TDef>;
-/**
- * 配列で指定したモディファイア(プロパティ)をチェーン可能な再帰オブジェクトを動的に生やす
- *
- * @param modifiers オブジェクトに生やすモディファイヤ一覧
- * @param source 指定されたモディファイヤの一覧から値を生成する関数
- *
- * @example
- *
- * const o = modifiedArgumentedFactory(['red', 'blue'],
- *   modifiers => modifiers.map(color => hex(color)).join(',')
- * )
- *
- * console.log(o.red.blue) => #f00,#00f
- */
-export declare const modifiedFactory: <TSource, T extends Key>(modifiers: readonly T[], source: (applied: readonly T[]) => TSource) => Modified<TSource, T>;
-export declare type Modified<TSource, TModifiers extends Key> = TSource & {
-    readonly [key in TModifiers]: Modified<TSource, Exclude<TModifiers, key>>;
-};
-/**
- * 配列で指定したモディファイア(メソッド)をチェーン可能な再帰オブジェクトを動的に生やす
- *
- * @param modifiers オブジェクトに生やすモディファイヤ一覧
- * @param source 指定されたモディファイヤの一覧から値を生成する関数
- * @param _inferPhantom 関数形式のモディファイヤの引数型を推論するためのメタタイプ(引数の個数に合わせてタプルで指定する)
- *
- * @example
- *
- * const o = modifiedArgumentedFactory(['red', 'blue'],
- *   modifiers => modifiers.map(([color, alpha]) => hex(color, alpha)).join(',')
- * , {} as [number])
- *
- * console.log(o.red(0.5).blue(1)) => #ff000077,#0000ffff
- */
-export declare const modifiedArgumentedFactory: <TSource, T extends string, TArguments extends unknown[]>(modifiers: readonly T[], source: (applied: readonly [T, ...TArguments][]) => TSource, ..._inferPhantom: TArguments) => ModifiedArgumented<TSource, T, TArguments>;
-export declare type ModifiedArgumented<TSource, TModifiers extends string, TArguments extends unknown[]> = TSource & {
-    readonly [key in TModifiers]: (...args: TArguments) => ModifiedArgumented<TSource, Exclude<TModifiers, key>, TArguments>;
-};
-export declare const variable: (value: string) => string;
+import { Key } from '@charcoal-ui/theme';
+/**
+ * 配列で指定したプロパティを動的に生やす
+ *
+ * @param source 拡張するオブジェクト
+ * @param member オブジェクトに生やすプロパティ一覧
+ * @param chain プロパティに格納される値を生成する関数
+ *
+ * @example
+ *
+ * const o = factory({}, ['red', 'blue'],
+ *   color => hex(color)
+ * )
+ *
+ * console.log(o.red) //=> #ff0000
+ */
+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; };
+/**
+ * 配列で指定した名前のメソッドを動的に生やす
+ *
+ * @param source 拡張するオブジェクト
+ * @param member オブジェクトに生やすメソッド名一覧
+ * @param chain メソッドの戻り値になる値を生成する関数
+ *
+ * @example
+ *
+ * const o = defineMethods({}, ['red', 'blue'],
+ *   (color, alpha: number) => hex(color, alpha)
+ * )
+ *
+ * console.log(o.red(0.5)) //=> #ff000077
+ */
+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; };
+/**
+ * オブジェクトで指定したプロパティ名と値を動的に生やす
+ *
+ * @param source 拡張するオブジェクト
+ * @param def オブジェクトに生やす定義(プロパティ名と値)
+ *
+ * @example
+ *
+ * const o = defineConstantProperties({}, {
+ *   red: '#f00',
+ *   blue: '#00f',
+ * })
+ *
+ * console.log(o.red) //=> #f00
+ */
+export declare const defineConstantProperties: <TSource, TDef extends {
+    [key: string]: unknown;
+}>(source: TSource, def: TDef) => TSource & Readonly<TDef>;
+/**
+ * 配列で指定したモディファイア(プロパティ)をチェーン可能な再帰オブジェクトを動的に生やす
+ *
+ * @param modifiers オブジェクトに生やすモディファイヤ一覧
+ * @param source 指定されたモディファイヤの一覧から値を生成する関数
+ *
+ * @example
+ *
+ * const o = definePropertyChains(['red', 'blue'],
+ *   modifiers => modifiers.map(color => hex(color)).join(',')
+ * )
+ *
+ * console.log(o.red.blue) => #f00,#00f
+ */
+export declare const definePropertyChains: <TSource, T extends Key>(modifiers: readonly T[], source: (applied: readonly T[]) => TSource) => PropertyChain<TSource, T>;
+export type PropertyChain<TSource, TModifiers extends Key> = TSource & {
+    readonly [key in TModifiers]: PropertyChain<TSource, Exclude<TModifiers, key>>;
+};
+/**
+ * 配列で指定したモディファイア(メソッド)をチェーン可能な再帰オブジェクトを動的に生やす
+ *
+ * @param modifiers オブジェクトに生やすモディファイヤ一覧
+ * @param source 指定されたモディファイヤの一覧から値を生成する関数
+ * @param _inferPhantom 関数形式のモディファイヤの引数型を推論するためのメタタイプ(引数の個数に合わせてタプルで指定する)
+ *
+ * @example
+ *
+ * const o = defineMethodChains(['red', 'blue'],
+ *   modifiers => modifiers.map(([color, alpha]) => hex(color, alpha)).join(',')
+ * , {} as [number])
+ *
+ * console.log(o.red(0.5).blue(1)) => #ff000077,#0000ffff
+ */
+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>;
+export type MethodChain<TSource, TModifiers extends string, TArguments extends unknown[]> = TSource & {
+    readonly [key in TModifiers]: (...args: TArguments) => MethodChain<TSource, Exclude<TModifiers, key>, TArguments>;
+};
 //# sourceMappingURL=lib.d.ts.map

package/dist/factories/lib.d.ts.map

@@ -0,0 +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,MAAM,MAAM,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,MAAM,MAAM,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"}