@charcoal-ui/styled 2.5.0 → 2.7.0

package/dist/factories/lib.d.ts

@@ -1,89 +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 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 declare 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 declare type MethodChain<TSource, TModifiers extends string, TArguments extends unknown[]> = TSource & {
-    readonly [key in TModifiers]: (...args: TArguments) => MethodChain<TSource, Exclude<TModifiers, key>, TArguments>;
-};
+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

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

package/dist/helper.d.ts

@@ -1,39 +1,39 @@
-export declare const LOCAL_STORAGE_KEY = "charcoal-theme";
-export declare const DEFAULT_ROOT_ATTRIBUTE = "theme";
-/**
- * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる
- * @param key 検証するキー
- */
-export declare function assertKeyString(key: string): void;
-/**
- * `<html data-theme="dark">` のような設定を行うデフォルトのセッター
- */
-export declare const themeSetter: (attr?: string) => (theme: string | undefined) => void;
-/**
- * `<html data-theme="dark">` にマッチするセレクタを生成する
- */
-export declare function themeSelector<T extends string, S extends string = typeof DEFAULT_ROOT_ATTRIBUTE>(theme: T, attr?: S): `:root[data-theme='${T}']` | `:root[data-${NonNullable<S>}='${T}']`;
-/**
- * prefers-color-scheme を利用する media クエリを生成する
- */
-export declare function prefersColorScheme<T extends 'light' | 'dark'>(theme: T): `@media (prefers-color-scheme: ${T})`;
-/**
- * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks
- */
-export declare function useThemeSetter({ key, setter, }?: {
-    key?: string;
-    setter?: (theme: string | undefined) => void;
-}): void;
-/**
- * 同期的にLocalStorageからテーマを取得するヘルパ
- */
-export declare function getThemeSync(key?: string): string | null;
-/**
- * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks
- *
- * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります
- */
-export declare const useTheme: (key?: string) => readonly [string | undefined, (value: string | undefined) => void, boolean];
-export declare function useLocalStorage<T>(key: string, defaultValue?: () => T): readonly [T | undefined, (value: T | undefined) => void, boolean];
-export declare function useMedia(query: string): boolean | undefined;
+export declare const LOCAL_STORAGE_KEY = "charcoal-theme";
+export declare const DEFAULT_ROOT_ATTRIBUTE = "theme";
+/**
+ * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる
+ * @param key 検証するキー
+ */
+export declare function assertKeyString(key: string): void;
+/**
+ * `<html data-theme="dark">` のような設定を行うデフォルトのセッター
+ */
+export declare const themeSetter: (attr?: string) => (theme: string | undefined) => void;
+/**
+ * `<html data-theme="dark">` にマッチするセレクタを生成する
+ */
+export declare function themeSelector<T extends string, S extends string = typeof DEFAULT_ROOT_ATTRIBUTE>(theme: T, attr?: S): `:root[data-theme='${T}']` | `:root[data-${S}='${T}']`;
+/**
+ * prefers-color-scheme を利用する media クエリを生成する
+ */
+export declare function prefersColorScheme<T extends 'light' | 'dark'>(theme: T): `@media (prefers-color-scheme: ${T})`;
+/**
+ * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks
+ */
+export declare function useThemeSetter({ key, setter, }?: {
+    key?: string;
+    setter?: (theme: string | undefined) => void;
+}): void;
+/**
+ * 同期的にLocalStorageからテーマを取得するヘルパ
+ */
+export declare function getThemeSync(key?: string): string | null;
+/**
+ * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks
+ *
+ * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります
+ */
+export declare const useTheme: (key?: string) => readonly [string | undefined, (value: string | undefined) => void, boolean];
+export declare function useLocalStorage<T>(key: string, defaultValue?: () => T): readonly [T | undefined, (value: T | undefined) => void, boolean];
+export declare function useMedia(query: string): boolean | undefined;
 //# sourceMappingURL=helper.d.ts.map

package/dist/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../src/helper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,mBAAmB,CAAA;AACjD,eAAO,MAAM,sBAAsB,UAAU,CAAA;AAI7C;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,QAI1C;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,UACf,MAAM,aACL,MAAM,GAAG,SAAS,SAOzB,CAAA;AAEH;;GAEG;AACH,wBAAgB,aAAa,CAC3B,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,GAAG,OAAO,sBAAsB,EAChD,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,uEAEnB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC,yCAEtE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAuB,EACvB,MAAsB,GACvB,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAAO,QAUrE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,GAAE,MAA0B,iBAG3D;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAS,MAAM,gFAQnC,CAAA;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,oCA6BhD,CAAC,GAAG,SAAS,oBAqBlC;AAmBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,uBAoBrC"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../src/helper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,mBAAmB,CAAA;AACjD,eAAO,MAAM,sBAAsB,UAAU,CAAA;AAI7C;;;GAGG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,QAI1C;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,UACf,MAAM,aACL,MAAM,GAAG,SAAS,SAOzB,CAAA;AAEH;;GAEG;AACH,wBAAgB,aAAa,CAC3B,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,GAAG,OAAO,sBAAsB,EAChD,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,0DAEnB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC,yCAEtE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAuB,EACvB,MAAsB,GACvB,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAAO,QAUrE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,GAAE,MAA0B,iBAG3D;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAS,MAAM,gFAQnC,CAAA;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,oCA6BhD,CAAC,GAAG,SAAS,oBAqBlC;AAmBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,uBAoBrC"}