Class Tokens_Themes_Set<T_ColourName, T_ExtraColourLevels, T_ThemeBrightnessMode, T_ThemeContrastMode, T_ThemeName, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background>`Internal`

Generates a complete token object for the design system.

Since

0.1.0-alpha

Type Parameters

T_ColourName extends string
T_ExtraColourLevels extends Optional
T_ThemeBrightnessMode extends readonly string[]
T_ThemeContrastMode extends readonly ThemeMode_ContrastOption[]
T_ThemeName extends string
T_Keyword_Universal extends string = never
T_Keyword_Text extends string = never
T_Keyword_Background extends string = never

Hierarchy (View Summary)

AbstractTokens<
    Tokens_Themes_Set.Data<
        T_ColourName,
        T_ExtraColourLevels,
        T_ThemeBrightnessMode,
        T_ThemeContrastMode,
        T_ThemeName,
        T_Keyword_Universal,
        T_Keyword_Text,
        T_Keyword_Background,
    >,
>
- Tokens_Themes_Set

Index

Constructors

`Protected`constructor

new Tokens_Themes_Set<
    T_ColourName extends string,
    T_ExtraColourLevels extends "350" | "450" | "550" | "650",
    T_ThemeBrightnessMode extends readonly string[],
    T_ThemeContrastMode extends readonly ThemeMode_ContrastOption[],
    T_ThemeName extends string,
    T_Keyword_Universal extends string = never,
    T_Keyword_Text extends string = never,
    T_Keyword_Background extends string = never,
>(
    name: T_ThemeName,
    clrNames: readonly T_ColourName[],
    extraColourLevels: readonly T_ExtraColourLevels[],
    brightnessModes: readonly T_ThemeBrightnessMode[number][],
    contrastModes: readonly T_ThemeContrastMode[number][],
    forcedColours: Tokens_Themes_Set_SingleMode<
        T_ColourName,
        T_ExtraColourLevels,
        T_Keyword_Universal,
        T_Keyword_Text,
        T_Keyword_Background,
        CssSystemColor,
    >,
    modes: {
        [B in string]: {
            [C in ThemeMode_ContrastOption]: Tokens_Themes_Set_SingleMode<
                T_ColourName,
                T_ExtraColourLevels,
                T_Keyword_Universal,
                T_Keyword_Text,
                T_Keyword_Background,
                ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
            >
        }
    },
): Tokens_Themes_Set<
    T_ColourName,
    T_ExtraColourLevels,
    T_ThemeBrightnessMode,
    T_ThemeContrastMode,
    T_ThemeName,
    T_Keyword_Universal,
    T_Keyword_Text,
    T_Keyword_Background,
>
Internal
Type Parameters
- T_ColourName extends string
- T_ExtraColourLevels extends "350" | "450" | "550" | "650"
- T_ThemeBrightnessMode extends readonly string[]
- T_ThemeContrastMode extends readonly ThemeMode_ContrastOption[]
- T_ThemeName extends string
- T_Keyword_Universal extends string = never
- T_Keyword_Text extends string = never
- T_Keyword_Background extends string = never
Parameters
- name: T_ThemeName
  Name for this shade set.
- clrNames: readonly T_ColourName[]
- extraColourLevels: readonly T_ExtraColourLevels[]
- brightnessModes: readonly T_ThemeBrightnessMode[number][]
- contrastModes: readonly T_ThemeContrastMode[number][]
- forcedColours: Tokens_Themes_Set_SingleMode<
      T_ColourName,
      T_ExtraColourLevels,
      T_Keyword_Universal,
      T_Keyword_Text,
      T_Keyword_Background,
      CssSystemColor,
  >
- modes: {
      [B in string]: {
          [C in ThemeMode_ContrastOption]: Tokens_Themes_Set_SingleMode<
              T_ColourName,
              T_ExtraColourLevels,
              T_Keyword_Universal,
              T_Keyword_Text,
              T_Keyword_Background,
              ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
          >
      }
  }
Returns Tokens_Themes_Set<
    T_ColourName,
    T_ExtraColourLevels,
    T_ThemeBrightnessMode,
    T_ThemeContrastMode,
    T_ThemeName,
    T_Keyword_Universal,
    T_Keyword_Text,
    T_Keyword_Background,
>
Overrides AbstractTokens.constructor
- Defined in 02-tokens/Themes/Themes_Set.ts:191

Properties

`Static` `Readonly` `Internal`tokenLevels

tokenLevels: readonly [
    "100",
    "200",
    "300",
    "400",
    "500",
    "600",
    "700",
    "800",
    "900",
] = ...

`Static` `Readonly` `Internal`tokenLevels_extraOptions

tokenLevels_extraOptions: readonly [
    "150",
    "250",
    "350",
    "450",
    "550",
    "650",
    "750",
    "850",
] = ...

`Readonly` `Internal`tokenLevels

tokenLevels: readonly [
    "100",
    "200",
    "300",
    "400",
    "500",
    "600",
    "700",
    "800",
    "900",
] = AbstractTokens.tokenLevels

`Protected` `Readonly` `Internal`brightnessModes

brightnessModes: readonly T_ThemeBrightnessMode[number][]

`Protected` `Readonly` `Internal`clrNames

clrNames: readonly T_ColourName[]

`Protected` `Readonly` `Internal`contrastModes

contrastModes: readonly T_ThemeContrastMode[number][]

`Protected` `Readonly` `Internal`extraColourLevels

extraColourLevels: readonly T_ExtraColourLevels[]

`Protected` `Readonly` `Internal`forcedColours

forcedColours: Tokens_Themes_Set_SingleMode<
    T_ColourName,
    T_ExtraColourLevels,
    T_Keyword_Universal,
    T_Keyword_Text,
    T_Keyword_Background,
    CssSystemColor,
>

`Protected` `Readonly` `Internal`modes

modes: {
    [B in string]: {
        [C in ThemeMode_ContrastOption]: Tokens_Themes_Set_SingleMode<
            T_ColourName,
            T_ExtraColourLevels,
            T_Keyword_Universal,
            T_Keyword_Text,
            T_Keyword_Background,
            ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
        >
    }
}

`Protected` `Readonly` `Internal`name

name: T_ThemeName

Name for this shade set.

Accessors

data

get data(): Tokens_Themes_Set.Data<
    T_ColourName,
    T_ExtraColourLevels,
    T_ThemeBrightnessMode,
    T_ThemeContrastMode,
    T_ThemeName,
    T_Keyword_Universal,
    T_Keyword_Text,
    T_Keyword_Background,
>
Internal
The value of this token.

Returns Tokens_Themes_Set.Data<
    T_ColourName,
    T_ExtraColourLevels,
    T_ThemeBrightnessMode,
    T_ThemeContrastMode,
    T_ThemeName,
    T_Keyword_Universal,
    T_Keyword_Text,
    T_Keyword_Background,
>
Since
0.1.0-alpha
Overrides AbstractTokens.data
- Defined in 02-tokens/Themes/Themes_Set.ts:165

Methods

`Static`build

build<
    T_ColourName extends string,
    T_ExtraColourLevels extends "350" | "450" | "550" | "650",
    T_ThemeBrightnessMode extends string,
    T_ThemeContrastMode extends ThemeMode_ContrastOption,
    T_ThemeName extends string,
    T_Keyword_Universal extends string = never,
    T_Keyword_Text extends string = never,
    T_Keyword_Background extends string = never,
>(
    name: T_ThemeName,
    clrNames: readonly T_ColourName[],
    extraColourLevels: readonly T_ExtraColourLevels[],
    brightnessModes: readonly T_ThemeBrightnessMode[],
    contrastModes: readonly T_ThemeContrastMode[],
    input: Tokens_Themes_Set.InputParam<
        NoInfer<T_ColourName>,
        T_ExtraColourLevels,
        readonly NoInfer<T_ThemeBrightnessMode>[],
        readonly NoInfer<T_ThemeContrastMode>[],
        T_ThemeName,
        T_Keyword_Universal,
        T_Keyword_Text,
        T_Keyword_Background,
    >,
): Promise<
    Tokens_Themes_Set<
        T_ColourName,
        T_ExtraColourLevels,
        readonly T_ThemeBrightnessMode[],
        readonly T_ThemeContrastMode[],
        T_ThemeName,
        T_Keyword_Universal,
        T_Keyword_Text,
        T_Keyword_Background,
    >,
>
Internal
Used instead of the constructor so that it can be async.
Type Parameters
- T_ColourName extends string
- T_ExtraColourLevels extends "350" | "450" | "550" | "650"
- T_ThemeBrightnessMode extends string
- T_ThemeContrastMode extends ThemeMode_ContrastOption
- T_ThemeName extends string
- T_Keyword_Universal extends string = never
- T_Keyword_Text extends string = never
- T_Keyword_Background extends string = never
Parameters
- name: T_ThemeName
- clrNames: readonly T_ColourName[]
- extraColourLevels: readonly T_ExtraColourLevels[]
- brightnessModes: readonly T_ThemeBrightnessMode[]
- contrastModes: readonly T_ThemeContrastMode[]
- input: Tokens_Themes_Set.InputParam<
      NoInfer<T_ColourName>,
      T_ExtraColourLevels,
      readonly NoInfer<T_ThemeBrightnessMode>[],
      readonly NoInfer<T_ThemeContrastMode>[],
      T_ThemeName,
      T_Keyword_Universal,
      T_Keyword_Text,
      T_Keyword_Background,
  >
Returns Promise<
    Tokens_Themes_Set<
        T_ColourName,
        T_ExtraColourLevels,
        readonly T_ThemeBrightnessMode[],
        readonly T_ThemeContrastMode[],
        T_ThemeName,
        T_Keyword_Universal,
        T_Keyword_Text,
        T_Keyword_Background,
    >,
>
- Defined in 02-tokens/Themes/Themes_Set.ts:56

`Static`customErrorMap

customErrorMap(
...params: [issue: ZodIssueOptionalMessage, _ctx: ErrorMapCtx],
): { message: string }
Internal
A custom error handler to use with Zod schemas.
Parameters
- ...params: [issue: ZodIssueOptionalMessage, _ctx: ErrorMapCtx]
Returns { message: string }
Since
0.1.0-alpha
Inherited from AbstractTokens.customErrorMap
- Defined in 02-tokens/abstract/AbstractTokens.ts:81

toJSON

toJSON(): Tokens_Themes_Set.JsonReturn<
    T_ColourName,
    T_ExtraColourLevels,
    T_ThemeBrightnessMode,
    T_ThemeContrastMode,
    T_ThemeName,
    T_Keyword_Universal,
    T_Keyword_Text,
    T_Keyword_Background,
>
Internal
Converts this token or group to a json-compatible object. NOT W3C tokens -- this is meant to be more human-readable.

Uses AbstractTokens.schemaJSON.

Returns Tokens_Themes_Set.JsonReturn<
    T_ColourName,
    T_ExtraColourLevels,
    T_ThemeBrightnessMode,
    T_ThemeContrastMode,
    T_ThemeName,
    T_Keyword_Universal,
    T_Keyword_Text,
    T_Keyword_Background,
>
Since
0.1.0-alpha
Overrides AbstractTokens.toJSON
- Defined in 02-tokens/Themes/Themes_Set.ts:224

toScss

toScss(): string
Internal
Uses AbstractTokens.toScssVars to convert this token to a scss string.

Returns string
Since
0.1.0-alpha
Inherited from AbstractTokens.toScss
- Defined in 02-tokens/abstract/AbstractTokens.ts:144

toScssVars

toScssVars(): {
    [B in string]: {
        [C in ThemeMode_ContrastOption]: {
            background: { $: ThemeColourOption } & { alt: ThemeColourOption } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            };
            button: {
                disabled: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >;
                primary: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >;
                secondary: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >;
            } & {
                [K in string]: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >
            };
            heading: {
                "1": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "10": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "2": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "3": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "4": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "5": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "6": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "7": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "8": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "9": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
            };
            input: {
                $: {
                    accent: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    bg: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    border: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    text: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                };
                disabled: {
                    accent: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    bg: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    border: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    text: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                };
                readonly: {
                    accent: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    bg: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    border: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    text: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                };
            };
            link: {
                $: { $: ThemeColourOption; visited: ThemeColourOption } & {
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                };
                decoration: { $: ThemeColourOption; visited: ThemeColourOption } & {
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                };
                icon: { $: ThemeColourOption; visited: ThemeColourOption } & {
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                };
                outline: {
                    $: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                    visited: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                };
            };
            selection: { bg: ThemeColourOption; text: ThemeColourOption };
            system: {
                accent: { bg: ThemeColourOption; text: ThemeColourOption };
                background: { $: ThemeColourOption } & { alt: ThemeColourOption } & {
                    [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
                } & {
                    [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
                };
                button: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >;
                input: {
                    accent: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    bg: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    border: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    text: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                };
                link: { $: ThemeColourOption; visited: ThemeColourOption } & {
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                };
                mark: { bg: ThemeColourOption; text: ThemeColourOption };
                selected: { bg: ThemeColourOption; text: ThemeColourOption };
                selection: { bg: ThemeColourOption; text: ThemeColourOption };
                text: {
                    $: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                    active: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                    disabled: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                };
            };
            text: { $: ThemeColourOption } & {
                primary: ThemeColourOption;
                secondary: ThemeColourOption;
            } & {
                active: ThemeColourOption;
                disabled: ThemeColourOption;
                grey: ThemeColourOption;
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            };
            ui: { $: ThemeColourOption } & {
                primary: ThemeColourOption;
                secondary: ThemeColourOption;
            } & {
                active: ThemeColourOption;
                disabled: ThemeColourOption;
                grey: ThemeColourOption;
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            };
        }
    }
}
Internal
Converts this token or group to the values used when converting to scss.

Returns {
    [B in string]: {
        [C in ThemeMode_ContrastOption]: {
            background: { $: ThemeColourOption } & { alt: ThemeColourOption } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            };
            button: {
                disabled: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >;
                primary: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >;
                secondary: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >;
            } & {
                [K in string]: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >
            };
            heading: {
                "1": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "10": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "2": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "3": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "4": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "5": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "6": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "7": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "8": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                "9": ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
            };
            input: {
                $: {
                    accent: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    bg: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    border: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    text: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                };
                disabled: {
                    accent: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    bg: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    border: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    text: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                };
                readonly: {
                    accent: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    bg: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    border: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    text: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                };
            };
            link: {
                $: { $: ThemeColourOption; visited: ThemeColourOption } & {
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                };
                decoration: { $: ThemeColourOption; visited: ThemeColourOption } & {
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                };
                icon: { $: ThemeColourOption; visited: ThemeColourOption } & {
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                };
                outline: {
                    $: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                    visited: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                };
            };
            selection: { bg: ThemeColourOption; text: ThemeColourOption };
            system: {
                accent: { bg: ThemeColourOption; text: ThemeColourOption };
                background: { $: ThemeColourOption } & { alt: ThemeColourOption } & {
                    [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
                } & {
                    [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
                };
                button: Data_Button<
                    T_ColourName,
                    T_ExtraColourLevels,
                    ThemeColourOption<T_ColourName, T_ExtraColourLevels>,
                >;
                input: {
                    accent: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    bg: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    border: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                    text: {
                        $: ThemeColourOption;
                        active: ThemeColourOption;
                        hover: ThemeColourOption;
                    };
                };
                link: { $: ThemeColourOption; visited: ThemeColourOption } & {
                    active: ThemeColourOption;
                    disabled: ThemeColourOption;
                    hover: ThemeColourOption;
                };
                mark: { bg: ThemeColourOption; text: ThemeColourOption };
                selected: { bg: ThemeColourOption; text: ThemeColourOption };
                selection: { bg: ThemeColourOption; text: ThemeColourOption };
                text: {
                    $: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                    active: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                    disabled: ThemeColourOption<T_ColourName, T_ExtraColourLevels>;
                };
            };
            text: { $: ThemeColourOption } & {
                primary: ThemeColourOption;
                secondary: ThemeColourOption;
            } & {
                active: ThemeColourOption;
                disabled: ThemeColourOption;
                grey: ThemeColourOption;
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            };
            ui: { $: ThemeColourOption } & {
                primary: ThemeColourOption;
                secondary: ThemeColourOption;
            } & {
                active: ThemeColourOption;
                disabled: ThemeColourOption;
                grey: ThemeColourOption;
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            } & {
                [K in string]: ThemeColourOption<T_ColourName, T_ExtraColourLevels>
            };
        }
    }
}
Since
0.1.0-alpha
Overrides AbstractTokens.toScssVars
- Defined in 02-tokens/Themes/Themes_Set.ts:273

valueOf

valueOf(): Tokens_Themes_Set.Data
Internal
The working value of this object.

Returns Tokens_Themes_Set.Data
Since
0.1.0-alpha
Inherited from AbstractTokens.valueOf
- Defined in 02-tokens/abstract/AbstractTokens.ts:154

`Protected`parseSchema

parseSchema<T_Schema extends ZodTypeAny, T_ValueToTest extends unknown>(
    schema: T_Schema,
    value: T_ValueToTest,
    context: Context,
    errorMessage?: string,
    params?: Parameters<T_Schema["safeParse"]>[1],
): TypeOf<T_Schema>
Internal
A utility for parsing Zod schemas with appropriate error handling.
Type Parameters
- T_Schema extends ZodTypeAny
- T_ValueToTest extends unknown
Parameters
- schema: T_Schema
  Schema to use when parsing the value.
- value: T_ValueToTest
  The value to check against the schema.
- context: Context
  A context object used for AbstractTokens.Tokens_Error if the parsing fails.
- errorMessage: string = 'Error parsing Zod schema'
  Optional. Message to use if the parsing fails.
- params: Parameters<T_Schema["safeParse"]>[1] = {}
  Optional. Parameters passed to the Zod schema's safeParse method.
Returns TypeOf<T_Schema>
Throws
If the schema parsing fails.

Since
0.1.0-alpha
Inherited from AbstractTokens.parseSchema
- Defined in 02-tokens/abstract/AbstractTokens.ts:176

Class Tokens_Themes_Set<T_ColourName, T_ExtraColourLevels, T_ThemeBrightnessMode, T_ThemeContrastMode, T_ThemeName, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background>Internal

Since

Type Parameters

Hierarchy (View Summary)

Index

Constructors

Properties

Accessors

Methods

Constructors

Protectedconstructor

Type Parameters

Parameters

Returns Tokens_Themes_Set< T_ColourName, T_ExtraColourLevels, T_ThemeBrightnessMode, T_ThemeContrastMode, T_ThemeName, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background,>

Properties

Static Readonly InternaltokenLevels

Static Readonly InternaltokenLevels_extraOptions

Readonly InternaltokenLevels

Protected Readonly InternalbrightnessModes

Protected Readonly InternalclrNames

Protected Readonly InternalcontrastModes

Protected Readonly InternalextraColourLevels

Protected Readonly InternalforcedColours

Protected Readonly Internalmodes

Protected Readonly Internalname

Accessors

data

Returns Tokens_Themes_Set.Data< T_ColourName, T_ExtraColourLevels, T_ThemeBrightnessMode, T_ThemeContrastMode, T_ThemeName, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background,>

Since

Methods

Staticbuild

Type Parameters

Parameters

Returns Promise< Tokens_Themes_Set< T_ColourName, T_ExtraColourLevels, readonly T_ThemeBrightnessMode[], readonly T_ThemeContrastMode[], T_ThemeName, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background, >,>

StaticcustomErrorMap

Parameters

Returns { message: string }

Since

toJSON

Returns Tokens_Themes_Set.JsonReturn< T_ColourName, T_ExtraColourLevels, T_ThemeBrightnessMode, T_ThemeContrastMode, T_ThemeName, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background,>

Since

toScss

Returns string

Since

toScssVars

Since

valueOf

Returns Tokens_Themes_Set.Data

Since

ProtectedparseSchema

Type Parameters

Parameters

Returns TypeOf<T_Schema>

Throws

Since

Settings

On This Page

Class Tokens_Themes_Set<T_ColourName, T_ExtraColourLevels, T_ThemeBrightnessMode, T_ThemeContrastMode, T_ThemeName, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background>`Internal`

`Protected`constructor

Returns Tokens_Themes_Set<
T_ColourName,
T_ExtraColourLevels,
T_ThemeBrightnessMode,
T_ThemeContrastMode,
T_ThemeName,
T_Keyword_Universal,
T_Keyword_Text,
T_Keyword_Background,
>

`Static` `Readonly` `Internal`tokenLevels

`Static` `Readonly` `Internal`tokenLevels_extraOptions

`Readonly` `Internal`tokenLevels

`Protected` `Readonly` `Internal`brightnessModes

`Protected` `Readonly` `Internal`clrNames

`Protected` `Readonly` `Internal`contrastModes

`Protected` `Readonly` `Internal`extraColourLevels

`Protected` `Readonly` `Internal`forcedColours

`Protected` `Readonly` `Internal`modes

`Protected` `Readonly` `Internal`name

Returns Tokens_Themes_Set.Data<
T_ColourName,
T_ExtraColourLevels,
T_ThemeBrightnessMode,
T_ThemeContrastMode,
T_ThemeName,
T_Keyword_Universal,
T_Keyword_Text,
T_Keyword_Background,
>

`Static`build

Returns Promise<
Tokens_Themes_Set<
T_ColourName,
T_ExtraColourLevels,
readonly T_ThemeBrightnessMode[],
readonly T_ThemeContrastMode[],
T_ThemeName,
T_Keyword_Universal,
T_Keyword_Text,
T_Keyword_Background,
>,
>

`Static`customErrorMap

Returns Tokens_Themes_Set.JsonReturn<
T_ColourName,
T_ExtraColourLevels,
T_ThemeBrightnessMode,
T_ThemeContrastMode,
T_ThemeName,
T_Keyword_Universal,
T_Keyword_Text,
T_Keyword_Background,
>

`Protected`parseSchema