@digdir/designsystemet 0.0.0-chore-remove-cli-tsx-20260701060359
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +7 -0
- package/README.md +104 -0
- package/dist/bin/config.d.ts +14 -0
- package/dist/bin/config.d.ts.map +1 -0
- package/dist/bin/config.js +58 -0
- package/dist/bin/config.js.map +1 -0
- package/dist/bin/designsystemet.d.ts +1 -0
- package/dist/bin/designsystemet.js +174 -0
- package/dist/bin/designsystemet.js.map +1 -0
- package/dist/bin/options.d.ts +24 -0
- package/dist/bin/options.d.ts.map +1 -0
- package/dist/bin/options.js +25 -0
- package/dist/bin/options.js.map +1 -0
- package/dist/config.schema.json +181 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BorderValues.js +11 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BorderValues.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js +10 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js +15 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js +12 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js +12 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/Properties.js +55 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/Properties.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js +16 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.d.ts +11 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.d.ts.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js +11 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenTypes.js +34 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenTypes.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TypographyValues.js +17 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TypographyValues.js.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/types/ThemeObject.d.ts +16 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/types/ThemeObject.d.ts.map +1 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/types/index.js +11 -0
- package/dist/package.js +7 -0
- package/dist/package.js.map +1 -0
- package/dist/src/automigrate.d.ts +5 -0
- package/dist/src/automigrate.d.ts.map +1 -0
- package/dist/src/automigrate.js +35 -0
- package/dist/src/automigrate.js.map +1 -0
- package/dist/src/colors/colorMetadata.d.ts +60 -0
- package/dist/src/colors/colorMetadata.d.ts.map +1 -0
- package/dist/src/colors/colorMetadata.js +261 -0
- package/dist/src/colors/colorMetadata.js.map +1 -0
- package/dist/src/colors/index.d.ts +5 -0
- package/dist/src/colors/index.js +5 -0
- package/dist/src/colors/theme.d.ts +34 -0
- package/dist/src/colors/theme.d.ts.map +1 -0
- package/dist/src/colors/theme.js +113 -0
- package/dist/src/colors/theme.js.map +1 -0
- package/dist/src/colors/types.d.ts +67 -0
- package/dist/src/colors/types.d.ts.map +1 -0
- package/dist/src/colors/types.js +26 -0
- package/dist/src/colors/types.js.map +1 -0
- package/dist/src/colors/utils.d.ts +132 -0
- package/dist/src/colors/utils.d.ts.map +1 -0
- package/dist/src/colors/utils.js +246 -0
- package/dist/src/colors/utils.js.map +1 -0
- package/dist/src/index.d.ts +10 -0
- package/dist/src/index.js +11 -0
- package/dist/src/migrations/beta-to-v1.d.ts +5 -0
- package/dist/src/migrations/beta-to-v1.d.ts.map +1 -0
- package/dist/src/migrations/beta-to-v1.js +342 -0
- package/dist/src/migrations/beta-to-v1.js.map +1 -0
- package/dist/src/migrations/codemods/css/plugins.d.ts +9 -0
- package/dist/src/migrations/codemods/css/plugins.d.ts.map +1 -0
- package/dist/src/migrations/codemods/css/plugins.js +37 -0
- package/dist/src/migrations/codemods/css/plugins.js.map +1 -0
- package/dist/src/migrations/codemods/css/run.d.ts +14 -0
- package/dist/src/migrations/codemods/css/run.d.ts.map +1 -0
- package/dist/src/migrations/codemods/css/run.js +25 -0
- package/dist/src/migrations/codemods/css/run.js.map +1 -0
- package/dist/src/migrations/color-rename-next49.d.ts +5 -0
- package/dist/src/migrations/color-rename-next49.d.ts.map +1 -0
- package/dist/src/migrations/color-rename-next49.js +48 -0
- package/dist/src/migrations/color-rename-next49.js.map +1 -0
- package/dist/src/migrations/flatten-color-categories.d.ts +12 -0
- package/dist/src/migrations/flatten-color-categories.d.ts.map +1 -0
- package/dist/src/migrations/flatten-color-categories.js +58 -0
- package/dist/src/migrations/flatten-color-categories.js.map +1 -0
- package/dist/src/migrations/index.d.ts +17 -0
- package/dist/src/migrations/index.d.ts.map +1 -0
- package/dist/src/migrations/index.js +13 -0
- package/dist/src/migrations/index.js.map +1 -0
- package/dist/src/schemas/helpers.d.ts +42 -0
- package/dist/src/schemas/helpers.d.ts.map +1 -0
- package/dist/src/schemas/helpers.js +96 -0
- package/dist/src/schemas/helpers.js.map +1 -0
- package/dist/src/schemas/v1/schema.d.ts +173 -0
- package/dist/src/schemas/v1/schema.d.ts.map +1 -0
- package/dist/src/schemas/v1/schema.js +65 -0
- package/dist/src/schemas/v1/schema.js.map +1 -0
- package/dist/src/schemas/v1.1/schema.d.ts +165 -0
- package/dist/src/schemas/v1.1/schema.d.ts.map +1 -0
- package/dist/src/schemas/v1.1/schema.js +56 -0
- package/dist/src/schemas/v1.1/schema.js.map +1 -0
- package/dist/src/tokens/build.d.ts +8 -0
- package/dist/src/tokens/build.d.ts.map +1 -0
- package/dist/src/tokens/build.js +43 -0
- package/dist/src/tokens/build.js.map +1 -0
- package/dist/src/tokens/create/files.d.ts +19 -0
- package/dist/src/tokens/create/files.d.ts.map +1 -0
- package/dist/src/tokens/create/files.js +48 -0
- package/dist/src/tokens/create/files.js.map +1 -0
- package/dist/src/tokens/create/generators/$designsystemet.d.ts +8 -0
- package/dist/src/tokens/create/generators/$designsystemet.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/$designsystemet.js +12 -0
- package/dist/src/tokens/create/generators/$designsystemet.js.map +1 -0
- package/dist/src/tokens/create/generators/$metadata.d.ts +15 -0
- package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/$metadata.js +25 -0
- package/dist/src/tokens/create/generators/$metadata.js.map +1 -0
- package/dist/src/tokens/create/generators/$themes.d.ts +28 -0
- package/dist/src/tokens/create/generators/$themes.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/$themes.js +158 -0
- package/dist/src/tokens/create/generators/$themes.js.map +1 -0
- package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts +9 -0
- package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/primitives/color-scheme.js +71 -0
- package/dist/src/tokens/create/generators/primitives/color-scheme.js.map +1 -0
- package/dist/src/tokens/create/generators/primitives/globals.d.ts +7 -0
- package/dist/src/tokens/create/generators/primitives/globals.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/primitives/globals.js +144 -0
- package/dist/src/tokens/create/generators/primitives/globals.js.map +1 -0
- package/dist/src/tokens/create/generators/primitives/size.d.ts +8 -0
- package/dist/src/tokens/create/generators/primitives/size.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/primitives/size.js +149 -0
- package/dist/src/tokens/create/generators/primitives/size.js.map +1 -0
- package/dist/src/tokens/create/generators/primitives/typography.d.ts +10 -0
- package/dist/src/tokens/create/generators/primitives/typography.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/primitives/typography.js +218 -0
- package/dist/src/tokens/create/generators/primitives/typography.js.map +1 -0
- package/dist/src/tokens/create/generators/semantic/color.d.ts +7 -0
- package/dist/src/tokens/create/generators/semantic/color.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/semantic/color.js +19 -0
- package/dist/src/tokens/create/generators/semantic/color.js.map +1 -0
- package/dist/src/tokens/create/generators/semantic/style.d.ts +7 -0
- package/dist/src/tokens/create/generators/semantic/style.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/semantic/style.js +420 -0
- package/dist/src/tokens/create/generators/semantic/style.js.map +1 -0
- package/dist/src/tokens/create/generators/themes/theme.d.ts +7 -0
- package/dist/src/tokens/create/generators/themes/theme.d.ts.map +1 -0
- package/dist/src/tokens/create/generators/themes/theme.js +105 -0
- package/dist/src/tokens/create/generators/themes/theme.js.map +1 -0
- package/dist/src/tokens/create.d.ts +10 -0
- package/dist/src/tokens/create.d.ts.map +1 -0
- package/dist/src/tokens/create.js +40 -0
- package/dist/src/tokens/create.js.map +1 -0
- package/dist/src/tokens/format.d.ts +19 -0
- package/dist/src/tokens/format.d.ts.map +1 -0
- package/dist/src/tokens/format.js +42 -0
- package/dist/src/tokens/format.js.map +1 -0
- package/dist/src/tokens/generate-config.d.ts +14 -0
- package/dist/src/tokens/generate-config.d.ts.map +1 -0
- package/dist/src/tokens/generate-config.js +154 -0
- package/dist/src/tokens/generate-config.js.map +1 -0
- package/dist/src/tokens/index.d.ts +5 -0
- package/dist/src/tokens/index.js +4 -0
- package/dist/src/tokens/process/configs/color.d.ts +8 -0
- package/dist/src/tokens/process/configs/color.d.ts.map +1 -0
- package/dist/src/tokens/process/configs/color.js +50 -0
- package/dist/src/tokens/process/configs/color.js.map +1 -0
- package/dist/src/tokens/process/configs/semantic.d.ts +7 -0
- package/dist/src/tokens/process/configs/semantic.d.ts.map +1 -0
- package/dist/src/tokens/process/configs/semantic.js +49 -0
- package/dist/src/tokens/process/configs/semantic.js.map +1 -0
- package/dist/src/tokens/process/configs/shared.d.ts +14 -0
- package/dist/src/tokens/process/configs/shared.d.ts.map +1 -0
- package/dist/src/tokens/process/configs/shared.js +21 -0
- package/dist/src/tokens/process/configs/shared.js.map +1 -0
- package/dist/src/tokens/process/configs/size-mode.d.ts +7 -0
- package/dist/src/tokens/process/configs/size-mode.d.ts.map +1 -0
- package/dist/src/tokens/process/configs/size-mode.js +30 -0
- package/dist/src/tokens/process/configs/size-mode.js.map +1 -0
- package/dist/src/tokens/process/configs/size.d.ts +7 -0
- package/dist/src/tokens/process/configs/size.d.ts.map +1 -0
- package/dist/src/tokens/process/configs/size.js +36 -0
- package/dist/src/tokens/process/configs/size.js.map +1 -0
- package/dist/src/tokens/process/configs/type-scale.d.ts +7 -0
- package/dist/src/tokens/process/configs/type-scale.d.ts.map +1 -0
- package/dist/src/tokens/process/configs/type-scale.js +51 -0
- package/dist/src/tokens/process/configs/type-scale.js.map +1 -0
- package/dist/src/tokens/process/configs/typography.d.ts +7 -0
- package/dist/src/tokens/process/configs/typography.d.ts.map +1 -0
- package/dist/src/tokens/process/configs/typography.js +66 -0
- package/dist/src/tokens/process/configs/typography.js.map +1 -0
- package/dist/src/tokens/process/configs.d.ts +18 -0
- package/dist/src/tokens/process/configs.d.ts.map +1 -0
- package/dist/src/tokens/process/configs.js +74 -0
- package/dist/src/tokens/process/configs.js.map +1 -0
- package/dist/src/tokens/process/formats/css/color.d.ts +8 -0
- package/dist/src/tokens/process/formats/css/color.d.ts.map +1 -0
- package/dist/src/tokens/process/formats/css/color.js +64 -0
- package/dist/src/tokens/process/formats/css/color.js.map +1 -0
- package/dist/src/tokens/process/formats/css/semantic.d.ts +7 -0
- package/dist/src/tokens/process/formats/css/semantic.d.ts.map +1 -0
- package/dist/src/tokens/process/formats/css/semantic.js +31 -0
- package/dist/src/tokens/process/formats/css/semantic.js.map +1 -0
- package/dist/src/tokens/process/formats/css/size-mode.d.ts +7 -0
- package/dist/src/tokens/process/formats/css/size-mode.d.ts.map +1 -0
- package/dist/src/tokens/process/formats/css/size-mode.js +52 -0
- package/dist/src/tokens/process/formats/css/size-mode.js.map +1 -0
- package/dist/src/tokens/process/formats/css/size.d.ts +16 -0
- package/dist/src/tokens/process/formats/css/size.d.ts.map +1 -0
- package/dist/src/tokens/process/formats/css/size.js +95 -0
- package/dist/src/tokens/process/formats/css/size.js.map +1 -0
- package/dist/src/tokens/process/formats/css/type-scale.d.ts +7 -0
- package/dist/src/tokens/process/formats/css/type-scale.d.ts.map +1 -0
- package/dist/src/tokens/process/formats/css/type-scale.js +57 -0
- package/dist/src/tokens/process/formats/css/type-scale.js.map +1 -0
- package/dist/src/tokens/process/formats/css/typography.d.ts +7 -0
- package/dist/src/tokens/process/formats/css/typography.d.ts.map +1 -0
- package/dist/src/tokens/process/formats/css/typography.js +31 -0
- package/dist/src/tokens/process/formats/css/typography.js.map +1 -0
- package/dist/src/tokens/process/formats/css.d.ts +15 -0
- package/dist/src/tokens/process/formats/css.d.ts.map +1 -0
- package/dist/src/tokens/process/formats/css.js +20 -0
- package/dist/src/tokens/process/formats/css.js.map +1 -0
- package/dist/src/tokens/process/output/declarations.d.ts +9 -0
- package/dist/src/tokens/process/output/declarations.d.ts.map +1 -0
- package/dist/src/tokens/process/output/declarations.js +38 -0
- package/dist/src/tokens/process/output/declarations.js.map +1 -0
- package/dist/src/tokens/process/output/tailwind.d.ts +7 -0
- package/dist/src/tokens/process/output/tailwind.d.ts.map +1 -0
- package/dist/src/tokens/process/output/tailwind.js +47 -0
- package/dist/src/tokens/process/output/tailwind.js.map +1 -0
- package/dist/src/tokens/process/output/theme.d.ts +31 -0
- package/dist/src/tokens/process/output/theme.d.ts.map +1 -0
- package/dist/src/tokens/process/output/theme.js +85 -0
- package/dist/src/tokens/process/output/theme.js.map +1 -0
- package/dist/src/tokens/process/platform.d.ts +69 -0
- package/dist/src/tokens/process/platform.d.ts.map +1 -0
- package/dist/src/tokens/process/platform.js +128 -0
- package/dist/src/tokens/process/platform.js.map +1 -0
- package/dist/src/tokens/process/transformers.d.ts +10 -0
- package/dist/src/tokens/process/transformers.d.ts.map +1 -0
- package/dist/src/tokens/process/transformers.js +56 -0
- package/dist/src/tokens/process/transformers.js.map +1 -0
- package/dist/src/tokens/process/utils/getMultidimensionalThemes.d.ts +38 -0
- package/dist/src/tokens/process/utils/getMultidimensionalThemes.d.ts.map +1 -0
- package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +112 -0
- package/dist/src/tokens/process/utils/getMultidimensionalThemes.js.map +1 -0
- package/dist/src/tokens/process/utils/kebab-case.d.ts +8 -0
- package/dist/src/tokens/process/utils/kebab-case.d.ts.map +1 -0
- package/dist/src/tokens/process/utils/kebab-case.js +11 -0
- package/dist/src/tokens/process/utils/kebab-case.js.map +1 -0
- package/dist/src/tokens/types.d.ts +71 -0
- package/dist/src/tokens/types.d.ts.map +1 -0
- package/dist/src/tokens/types.js +1 -0
- package/dist/src/tokens/utils.d.ts +62 -0
- package/dist/src/tokens/utils.d.ts.map +1 -0
- package/dist/src/tokens/utils.js +123 -0
- package/dist/src/tokens/utils.js.map +1 -0
- package/dist/src/types.d.ts +1 -0
- package/dist/src/types.js +10 -0
- package/dist/src/types.js.map +1 -0
- package/dist/src/utils/filesystem.d.ts +47 -0
- package/dist/src/utils/filesystem.d.ts.map +1 -0
- package/dist/src/utils/filesystem.js +117 -0
- package/dist/src/utils/filesystem.js.map +1 -0
- package/package.json +87 -0
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
|
|
3
|
+
//#region src/schemas/v1.1/schema.d.ts
|
|
4
|
+
declare const colorRegex: RegExp;
|
|
5
|
+
declare const overridesSchema: z.ZodOptional<z.ZodObject<{
|
|
6
|
+
colors: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodEnum<{
|
|
7
|
+
"background-default": "background-default";
|
|
8
|
+
"background-tinted": "background-tinted";
|
|
9
|
+
"surface-default": "surface-default";
|
|
10
|
+
"surface-tinted": "surface-tinted";
|
|
11
|
+
"surface-hover": "surface-hover";
|
|
12
|
+
"surface-active": "surface-active";
|
|
13
|
+
"border-subtle": "border-subtle";
|
|
14
|
+
"border-default": "border-default";
|
|
15
|
+
"border-strong": "border-strong";
|
|
16
|
+
"text-subtle": "text-subtle";
|
|
17
|
+
"text-default": "text-default";
|
|
18
|
+
"base-default": "base-default";
|
|
19
|
+
"base-hover": "base-hover";
|
|
20
|
+
"base-active": "base-active";
|
|
21
|
+
"base-contrast-subtle": "base-contrast-subtle";
|
|
22
|
+
"base-contrast-default": "base-contrast-default";
|
|
23
|
+
}> & z.core.$partial, z.ZodObject<{
|
|
24
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
25
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
26
|
+
}, z.core.$strip>>>>;
|
|
27
|
+
severity: z.ZodOptional<z.ZodOptional<z.ZodRecord<z.ZodEnum<{
|
|
28
|
+
danger: "danger";
|
|
29
|
+
warning: "warning";
|
|
30
|
+
success: "success";
|
|
31
|
+
info: "info";
|
|
32
|
+
}> & z.core.$partial, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
|
|
33
|
+
linkVisited: z.ZodOptional<z.ZodObject<{
|
|
34
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
35
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
36
|
+
}, z.core.$strip>>;
|
|
37
|
+
focus: z.ZodOptional<z.ZodObject<{
|
|
38
|
+
inner: z.ZodOptional<z.ZodObject<{
|
|
39
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
40
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
41
|
+
}, z.core.$strip>>;
|
|
42
|
+
outer: z.ZodOptional<z.ZodObject<{
|
|
43
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
44
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
45
|
+
}, z.core.$strip>>;
|
|
46
|
+
}, z.core.$strip>>;
|
|
47
|
+
}, z.core.$strip>>;
|
|
48
|
+
declare const themeSchema: z.ZodObject<{
|
|
49
|
+
colors: z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
50
|
+
typography: z.ZodOptional<z.ZodObject<{
|
|
51
|
+
fontFamily: z.ZodString;
|
|
52
|
+
}, z.core.$strip>>;
|
|
53
|
+
borderRadius: z.ZodOptional<z.ZodNumber>;
|
|
54
|
+
overrides: z.ZodOptional<z.ZodObject<{
|
|
55
|
+
colors: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodEnum<{
|
|
56
|
+
"background-default": "background-default";
|
|
57
|
+
"background-tinted": "background-tinted";
|
|
58
|
+
"surface-default": "surface-default";
|
|
59
|
+
"surface-tinted": "surface-tinted";
|
|
60
|
+
"surface-hover": "surface-hover";
|
|
61
|
+
"surface-active": "surface-active";
|
|
62
|
+
"border-subtle": "border-subtle";
|
|
63
|
+
"border-default": "border-default";
|
|
64
|
+
"border-strong": "border-strong";
|
|
65
|
+
"text-subtle": "text-subtle";
|
|
66
|
+
"text-default": "text-default";
|
|
67
|
+
"base-default": "base-default";
|
|
68
|
+
"base-hover": "base-hover";
|
|
69
|
+
"base-active": "base-active";
|
|
70
|
+
"base-contrast-subtle": "base-contrast-subtle";
|
|
71
|
+
"base-contrast-default": "base-contrast-default";
|
|
72
|
+
}> & z.core.$partial, z.ZodObject<{
|
|
73
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
74
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
75
|
+
}, z.core.$strip>>>>;
|
|
76
|
+
severity: z.ZodOptional<z.ZodOptional<z.ZodRecord<z.ZodEnum<{
|
|
77
|
+
danger: "danger";
|
|
78
|
+
warning: "warning";
|
|
79
|
+
success: "success";
|
|
80
|
+
info: "info";
|
|
81
|
+
}> & z.core.$partial, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
|
|
82
|
+
linkVisited: z.ZodOptional<z.ZodObject<{
|
|
83
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
84
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
85
|
+
}, z.core.$strip>>;
|
|
86
|
+
focus: z.ZodOptional<z.ZodObject<{
|
|
87
|
+
inner: z.ZodOptional<z.ZodObject<{
|
|
88
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
89
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
90
|
+
}, z.core.$strip>>;
|
|
91
|
+
outer: z.ZodOptional<z.ZodObject<{
|
|
92
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
93
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
94
|
+
}, z.core.$strip>>;
|
|
95
|
+
}, z.core.$strip>>;
|
|
96
|
+
}, z.core.$strip>>;
|
|
97
|
+
}, z.core.$strip>;
|
|
98
|
+
declare const commonConfig: z.ZodObject<{
|
|
99
|
+
clean: z.ZodOptional<z.ZodBoolean>;
|
|
100
|
+
}, z.core.$strip>;
|
|
101
|
+
/**
|
|
102
|
+
* This defines the structure of the final configuration file
|
|
103
|
+
*/
|
|
104
|
+
declare const configFileCreateSchema: z.ZodObject<{
|
|
105
|
+
outDir: z.ZodNonOptional<z.ZodString>;
|
|
106
|
+
themes: z.ZodNonOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
|
|
107
|
+
colors: z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
108
|
+
typography: z.ZodOptional<z.ZodObject<{
|
|
109
|
+
fontFamily: z.ZodString;
|
|
110
|
+
}, z.core.$strip>>;
|
|
111
|
+
borderRadius: z.ZodOptional<z.ZodNumber>;
|
|
112
|
+
overrides: z.ZodOptional<z.ZodObject<{
|
|
113
|
+
colors: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodEnum<{
|
|
114
|
+
"background-default": "background-default";
|
|
115
|
+
"background-tinted": "background-tinted";
|
|
116
|
+
"surface-default": "surface-default";
|
|
117
|
+
"surface-tinted": "surface-tinted";
|
|
118
|
+
"surface-hover": "surface-hover";
|
|
119
|
+
"surface-active": "surface-active";
|
|
120
|
+
"border-subtle": "border-subtle";
|
|
121
|
+
"border-default": "border-default";
|
|
122
|
+
"border-strong": "border-strong";
|
|
123
|
+
"text-subtle": "text-subtle";
|
|
124
|
+
"text-default": "text-default";
|
|
125
|
+
"base-default": "base-default";
|
|
126
|
+
"base-hover": "base-hover";
|
|
127
|
+
"base-active": "base-active";
|
|
128
|
+
"base-contrast-subtle": "base-contrast-subtle";
|
|
129
|
+
"base-contrast-default": "base-contrast-default";
|
|
130
|
+
}> & z.core.$partial, z.ZodObject<{
|
|
131
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
132
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
133
|
+
}, z.core.$strip>>>>;
|
|
134
|
+
severity: z.ZodOptional<z.ZodOptional<z.ZodRecord<z.ZodEnum<{
|
|
135
|
+
danger: "danger";
|
|
136
|
+
warning: "warning";
|
|
137
|
+
success: "success";
|
|
138
|
+
info: "info";
|
|
139
|
+
}> & z.core.$partial, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
|
|
140
|
+
linkVisited: z.ZodOptional<z.ZodObject<{
|
|
141
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
142
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
143
|
+
}, z.core.$strip>>;
|
|
144
|
+
focus: z.ZodOptional<z.ZodObject<{
|
|
145
|
+
inner: z.ZodOptional<z.ZodObject<{
|
|
146
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
147
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
148
|
+
}, z.core.$strip>>;
|
|
149
|
+
outer: z.ZodOptional<z.ZodObject<{
|
|
150
|
+
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
151
|
+
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
152
|
+
}, z.core.$strip>>;
|
|
153
|
+
}, z.core.$strip>>;
|
|
154
|
+
}, z.core.$strip>>;
|
|
155
|
+
}, z.core.$strip>>>;
|
|
156
|
+
clean: z.ZodOptional<z.ZodBoolean>;
|
|
157
|
+
}, z.core.$strip>;
|
|
158
|
+
type CommonConfigSchema = z.infer<typeof commonConfig>;
|
|
159
|
+
type BuildConfigSchema = z.infer<typeof commonConfig>;
|
|
160
|
+
type CreateConfigSchema = z.infer<typeof configFileCreateSchema>;
|
|
161
|
+
type ConfigSchemaTheme = z.infer<typeof themeSchema>;
|
|
162
|
+
type ColorOverrideSchema = z.infer<typeof overridesSchema>;
|
|
163
|
+
//#endregion
|
|
164
|
+
export { BuildConfigSchema, ColorOverrideSchema, CommonConfigSchema, ConfigSchemaTheme, CreateConfigSchema, colorRegex, commonConfig, configFileCreateSchema };
|
|
165
|
+
//# sourceMappingURL=schema.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schema.d.ts","names":[],"sources":["../../../../src/schemas/v1.1/schema.ts"],"mappings":";;;cAYa,UAAA,EAAU,MAA2C;AAAA,cAsD5D,eAAA,EAAe,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAUf,WAAA,EAAW,CAAA,CAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmBJ,YAAA,EAAY,CAAA,CAAA,SAAA;;;;;;cAiBZ,sBAAA,EAAsB,CAAA,CAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KACvB,kBAAA,GAAqB,CAAA,CAAE,KAAK,QAAQ,YAAA;AAAA,KACpC,iBAAA,GAAoB,CAAA,CAAE,KAAK,QAAQ,YAAA;AAAA,KACnC,kBAAA,GAAqB,CAAA,CAAE,KAAK,QAAQ,sBAAA;AAAA,KACpC,iBAAA,GAAoB,CAAA,CAAE,KAAK,QAAQ,WAAA;AAAA,KACnC,mBAAA,GAAsB,CAAA,CAAE,KAAK,QAAQ,eAAA"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { baseColorNames, colorNames } from "../../colors/colorMetadata.js";
|
|
2
|
+
import { convertToHex } from "../../colors/utils.js";
|
|
3
|
+
import "../../colors/index.js";
|
|
4
|
+
import { z } from "zod";
|
|
5
|
+
const colorRegex = new RegExp(`^${[
|
|
6
|
+
`#[0-9a-fA-F]{3}`,
|
|
7
|
+
`#[0-9a-fA-F]{4}`,
|
|
8
|
+
`#[0-9a-fA-F]{6}`,
|
|
9
|
+
`#[0-9a-fA-F]{8}`
|
|
10
|
+
].join("|")}$`);
|
|
11
|
+
const colorSchema = z.string().regex(colorRegex).transform(convertToHex).describe(`A hex color, which is used for creating a color scale.`);
|
|
12
|
+
const colorModeOverrideSchema = z.object({
|
|
13
|
+
light: colorSchema.optional().describe("A hex color that overrides light mode"),
|
|
14
|
+
dark: colorSchema.optional().describe("A hex color that overrides dark mode")
|
|
15
|
+
}).describe("Override values for semantic color tokens like \"background-subtle\", \"border-default\", etc.");
|
|
16
|
+
const colorWeightOverrideSchema = z.partialRecord(z.enum([...colorNames]), colorModeOverrideSchema).describe("The name of the color to add overrides for, e.g. \"accent\"");
|
|
17
|
+
const semanticColorOverrideSchema = z.record(z.string(), colorWeightOverrideSchema).describe("An object with color names as keys");
|
|
18
|
+
const severityColorOverrideSchema = z.partialRecord(z.enum(baseColorNames), colorSchema.describe("A hex color, which is used for creating a color scale")).optional().describe("An object with severity color names as keys");
|
|
19
|
+
const linkVisitedOverrideSchema = z.object({
|
|
20
|
+
light: colorSchema.optional().describe("A hex color that overrides light mode"),
|
|
21
|
+
dark: colorSchema.optional().describe("A hex color that overrides dark mode")
|
|
22
|
+
}).describe("Overrides for the \"link-visited\" color");
|
|
23
|
+
const focusOverrideSchema = z.object({
|
|
24
|
+
inner: z.object({
|
|
25
|
+
light: colorSchema.optional().describe("A hex color that overrides light mode"),
|
|
26
|
+
dark: colorSchema.optional().describe("A hex color that overrides dark mode")
|
|
27
|
+
}).optional().describe("Overrides for the \"focus-inner\" color"),
|
|
28
|
+
outer: z.object({
|
|
29
|
+
light: colorSchema.optional().describe("A hex color that overrides light mode"),
|
|
30
|
+
dark: colorSchema.optional().describe("A hex color that overrides dark mode")
|
|
31
|
+
}).optional().describe("Overrides for the \"focus-outer\" color")
|
|
32
|
+
}).describe("Overrides for the focus colors");
|
|
33
|
+
const overridesSchema = z.object({
|
|
34
|
+
colors: semanticColorOverrideSchema.optional(),
|
|
35
|
+
severity: severityColorOverrideSchema.optional(),
|
|
36
|
+
linkVisited: linkVisitedOverrideSchema.optional(),
|
|
37
|
+
focus: focusOverrideSchema.optional()
|
|
38
|
+
}).describe("Overrides for generated design tokens. Currently only supports colors defined in your theme").optional();
|
|
39
|
+
const themeSchema = z.object({
|
|
40
|
+
colors: z.record(z.string(), colorSchema).refine((c) => typeof c.neutral === "string", { message: "Theme colors must include a \"neutral\" color." }).meta({ description: "Defines the colors for this theme" }),
|
|
41
|
+
typography: z.object({ fontFamily: z.string().meta({ description: "Sets the font-family for this theme" }) }).describe("Defines the typography for a given theme").optional(),
|
|
42
|
+
borderRadius: z.number().meta({ description: "Defines the border-radius for this theme" }).optional(),
|
|
43
|
+
overrides: overridesSchema
|
|
44
|
+
}).meta({ description: "An object defining a theme. The property name holding the object becomes the theme name." });
|
|
45
|
+
const commonConfig = z.object({ clean: z.boolean().meta({ description: "Delete the output directory before building or creating tokens" }).optional() });
|
|
46
|
+
/**
|
|
47
|
+
* This defines the structure of the final configuration file
|
|
48
|
+
*/
|
|
49
|
+
const configFileCreateSchema = z.object({
|
|
50
|
+
outDir: z.string().meta({ description: "Path to the output directory for the created design tokens" }),
|
|
51
|
+
themes: z.record(z.string(), themeSchema).meta({ description: "An object with one or more themes. Each property defines a theme, and the property name is used as the theme name." })
|
|
52
|
+
}).required().extend(commonConfig.shape);
|
|
53
|
+
//#endregion
|
|
54
|
+
export { colorRegex, commonConfig, configFileCreateSchema };
|
|
55
|
+
|
|
56
|
+
//# sourceMappingURL=schema.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schema.js","names":[],"sources":["../../../../src/schemas/v1.1/schema.ts"],"sourcesContent":["import { z } from 'zod';\nimport { baseColorNames, colorNames } from '../../colors/colorMetadata.ts';\nimport { convertToHex } from '../../colors/index.ts';\n\nconst hexPatterns = [\n // Hex colors: #000, #0000, #000000, #00000000\n `#[0-9a-fA-F]{3}`,\n `#[0-9a-fA-F]{4}`,\n `#[0-9a-fA-F]{6}`,\n `#[0-9a-fA-F]{8}`,\n];\n\nexport const colorRegex = new RegExp(`^${hexPatterns.join('|')}$`);\n\nconst colorSchema = z\n .string()\n .regex(colorRegex)\n .transform(convertToHex)\n .describe(`A hex color, which is used for creating a color scale.`);\n\nconst colorModeOverrideSchema = z\n .object({\n light: colorSchema.optional().describe('A hex color that overrides light mode'),\n dark: colorSchema.optional().describe('A hex color that overrides dark mode'),\n })\n .describe('Override values for semantic color tokens like \"background-subtle\", \"border-default\", etc.');\n\nconst colorWeightOverrideSchema = z\n .partialRecord(z.enum([...colorNames]), colorModeOverrideSchema)\n .describe('The name of the color to add overrides for, e.g. \"accent\"');\n\nconst semanticColorOverrideSchema = z\n .record(z.string(), colorWeightOverrideSchema)\n .describe('An object with color names as keys');\n\nconst severityColorOverrideSchema = z\n .partialRecord(z.enum(baseColorNames), colorSchema.describe('A hex color, which is used for creating a color scale'))\n .optional()\n .describe('An object with severity color names as keys');\n\nconst linkVisitedOverrideSchema = z\n .object({\n light: colorSchema.optional().describe('A hex color that overrides light mode'),\n dark: colorSchema.optional().describe('A hex color that overrides dark mode'),\n })\n .describe('Overrides for the \"link-visited\" color');\n\nconst focusOverrideSchema = z\n .object({\n inner: z\n .object({\n light: colorSchema.optional().describe('A hex color that overrides light mode'),\n dark: colorSchema.optional().describe('A hex color that overrides dark mode'),\n })\n .optional()\n .describe('Overrides for the \"focus-inner\" color'),\n outer: z\n .object({\n light: colorSchema.optional().describe('A hex color that overrides light mode'),\n dark: colorSchema.optional().describe('A hex color that overrides dark mode'),\n })\n .optional()\n .describe('Overrides for the \"focus-outer\" color'),\n })\n .describe('Overrides for the focus colors');\n\nconst overridesSchema = z\n .object({\n colors: semanticColorOverrideSchema.optional(),\n severity: severityColorOverrideSchema.optional(),\n linkVisited: linkVisitedOverrideSchema.optional(),\n focus: focusOverrideSchema.optional(),\n })\n .describe('Overrides for generated design tokens. Currently only supports colors defined in your theme')\n .optional();\n\nconst themeSchema = z\n .object({\n colors: z\n .record(z.string(), colorSchema)\n .refine((c) => typeof (c as Record<string, unknown>).neutral === 'string', {\n message: 'Theme colors must include a \"neutral\" color.',\n })\n .meta({ description: 'Defines the colors for this theme' }),\n typography: z\n .object({\n fontFamily: z.string().meta({ description: 'Sets the font-family for this theme' }),\n })\n .describe('Defines the typography for a given theme')\n .optional(),\n borderRadius: z.number().meta({ description: 'Defines the border-radius for this theme' }).optional(),\n overrides: overridesSchema,\n })\n .meta({ description: 'An object defining a theme. The property name holding the object becomes the theme name.' });\n\nexport const commonConfig = z.object({\n clean: z.boolean().meta({ description: 'Delete the output directory before building or creating tokens' }).optional(),\n});\n\nconst _configFileCreateSchema = z\n .object({\n outDir: z.string().meta({ description: 'Path to the output directory for the created design tokens' }),\n themes: z.record(z.string(), themeSchema).meta({\n description:\n 'An object with one or more themes. Each property defines a theme, and the property name is used as the theme name.',\n }),\n })\n .required();\n\n/**\n * This defines the structure of the final configuration file\n */\nexport const configFileCreateSchema = _configFileCreateSchema.extend(commonConfig.shape);\nexport type CommonConfigSchema = z.infer<typeof commonConfig>;\nexport type BuildConfigSchema = z.infer<typeof commonConfig>;\nexport type CreateConfigSchema = z.infer<typeof configFileCreateSchema>;\nexport type ConfigSchemaTheme = z.infer<typeof themeSchema>;\nexport type ColorOverrideSchema = z.infer<typeof overridesSchema>;\n"],"mappings":";;;;AAYA,MAAa,aAAa,IAAI,OAAO,IAAI;CANvC;CACA;CACA;CACA;AAGuC,CAAA,CAAY,KAAK,GAAG,EAAE,EAAE;AAEjE,MAAM,cAAc,EACjB,OAAO,CAAC,CACR,MAAM,UAAU,CAAC,CACjB,UAAU,YAAY,CAAC,CACvB,SAAS,wDAAwD;AAEpE,MAAM,0BAA0B,EAC7B,OAAO;CACN,OAAO,YAAY,SAAS,CAAC,CAAC,SAAS,uCAAuC;CAC9E,MAAM,YAAY,SAAS,CAAC,CAAC,SAAS,sCAAsC;AAC9E,CAAC,CAAC,CACD,SAAS,gGAA4F;AAExG,MAAM,4BAA4B,EAC/B,cAAc,EAAE,KAAK,CAAC,GAAG,UAAU,CAAC,GAAG,uBAAuB,CAAC,CAC/D,SAAS,6DAA2D;AAEvE,MAAM,8BAA8B,EACjC,OAAO,EAAE,OAAO,GAAG,yBAAyB,CAAC,CAC7C,SAAS,oCAAoC;AAEhD,MAAM,8BAA8B,EACjC,cAAc,EAAE,KAAK,cAAc,GAAG,YAAY,SAAS,uDAAuD,CAAC,CAAC,CACpH,SAAS,CAAC,CACV,SAAS,6CAA6C;AAEzD,MAAM,4BAA4B,EAC/B,OAAO;CACN,OAAO,YAAY,SAAS,CAAC,CAAC,SAAS,uCAAuC;CAC9E,MAAM,YAAY,SAAS,CAAC,CAAC,SAAS,sCAAsC;AAC9E,CAAC,CAAC,CACD,SAAS,0CAAwC;AAEpD,MAAM,sBAAsB,EACzB,OAAO;CACN,OAAO,EACJ,OAAO;EACN,OAAO,YAAY,SAAS,CAAC,CAAC,SAAS,uCAAuC;EAC9E,MAAM,YAAY,SAAS,CAAC,CAAC,SAAS,sCAAsC;CAC9E,CAAC,CAAC,CACD,SAAS,CAAC,CACV,SAAS,yCAAuC;CACnD,OAAO,EACJ,OAAO;EACN,OAAO,YAAY,SAAS,CAAC,CAAC,SAAS,uCAAuC;EAC9E,MAAM,YAAY,SAAS,CAAC,CAAC,SAAS,sCAAsC;CAC9E,CAAC,CAAC,CACD,SAAS,CAAC,CACV,SAAS,yCAAuC;AACrD,CAAC,CAAC,CACD,SAAS,gCAAgC;AAE5C,MAAM,kBAAkB,EACrB,OAAO;CACN,QAAQ,4BAA4B,SAAS;CAC7C,UAAU,4BAA4B,SAAS;CAC/C,aAAa,0BAA0B,SAAS;CAChD,OAAO,oBAAoB,SAAS;AACtC,CAAC,CAAC,CACD,SAAS,6FAA6F,CAAC,CACvG,SAAS;AAEZ,MAAM,cAAc,EACjB,OAAO;CACN,QAAQ,EACL,OAAO,EAAE,OAAO,GAAG,WAAW,CAAC,CAC/B,QAAQ,MAAM,OAAQ,EAA8B,YAAY,UAAU,EACzE,SAAS,iDACX,CAAC,CAAC,CACD,KAAK,EAAE,aAAa,oCAAoC,CAAC;CAC5D,YAAY,EACT,OAAO,EACN,YAAY,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,aAAa,sCAAsC,CAAC,EACpF,CAAC,CAAC,CACD,SAAS,0CAA0C,CAAC,CACpD,SAAS;CACZ,cAAc,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,aAAa,2CAA2C,CAAC,CAAC,CAAC,SAAS;CACpG,WAAW;AACb,CAAC,CAAC,CACD,KAAK,EAAE,aAAa,2FAA2F,CAAC;AAEnH,MAAa,eAAe,EAAE,OAAO,EACnC,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,EAAE,aAAa,iEAAiE,CAAC,CAAC,CAAC,SAAS,EACtH,CAAC;;;;AAeD,MAAa,yBAbmB,EAC7B,OAAO;CACN,QAAQ,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,aAAa,6DAA6D,CAAC;CACrG,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,WAAW,CAAC,CAAC,KAAK,EAC7C,aACE,qHACJ,CAAC;AACH,CAAC,CAAC,CACD,SAKmC,CAAA,CAAwB,OAAO,aAAa,KAAK"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { OutputFile } from "./types.js";
|
|
2
|
+
import { BuildOptions } from "./process/platform.js";
|
|
3
|
+
|
|
4
|
+
//#region src/tokens/build.d.ts
|
|
5
|
+
declare const buildTokens: (options: Omit<BuildOptions, "type" | "processed$themes" | "buildTokenFormats">) => Promise<OutputFile[]>;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { buildTokens };
|
|
8
|
+
//# sourceMappingURL=build.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"build.d.ts","names":[],"sources":["../../../src/tokens/build.ts"],"mappings":";;;;cAWa,WAAA,GAAqB,OAAA,EAAS,IAAA,CAAK,YAAA,yDAAgE,OAAA,CAAA,UAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { dsfs } from "../utils/filesystem.js";
|
|
2
|
+
import { processPlatform } from "./process/platform.js";
|
|
3
|
+
import { processThemeObject } from "./process/utils/getMultidimensionalThemes.js";
|
|
4
|
+
import { createTypeDeclarationFiles } from "./process/output/declarations.js";
|
|
5
|
+
import { createTailwindCSSFiles } from "./process/output/tailwind.js";
|
|
6
|
+
import { createThemeCSSFiles, defaultFileHeader } from "./process/output/theme.js";
|
|
7
|
+
import pc from "picocolors";
|
|
8
|
+
import * as R from "ramda";
|
|
9
|
+
//#region src/tokens/build.ts
|
|
10
|
+
const buildTokens = async (options) => {
|
|
11
|
+
const tokensDir = options.tokensDir;
|
|
12
|
+
const processed$themes = JSON.parse(await dsfs.readFile(`${tokensDir}/$themes.json`)).map(processThemeObject);
|
|
13
|
+
let $designsystemet;
|
|
14
|
+
try {
|
|
15
|
+
const $designsystemetContent = await dsfs.readFile(`${tokensDir}/$designsystemet.jsonc`);
|
|
16
|
+
$designsystemet = JSON.parse($designsystemetContent);
|
|
17
|
+
} catch (_error) {}
|
|
18
|
+
console.log(`\n🏗️ Start building tokens in ${pc.green(tokensDir)}`);
|
|
19
|
+
const processedBuilds = await processPlatform({
|
|
20
|
+
...options,
|
|
21
|
+
tokensDir,
|
|
22
|
+
type: "build",
|
|
23
|
+
processed$themes,
|
|
24
|
+
buildTokenFormats: {}
|
|
25
|
+
});
|
|
26
|
+
const fileHeader = R.join("")([defaultFileHeader, $designsystemet ? `\ndesign-tokens: v${$designsystemet.version}` : ""]);
|
|
27
|
+
let files = [];
|
|
28
|
+
const declarationFiles = createTypeDeclarationFiles(processed$themes);
|
|
29
|
+
const cssFiles = createThemeCSSFiles({
|
|
30
|
+
processedBuilds,
|
|
31
|
+
fileHeader
|
|
32
|
+
});
|
|
33
|
+
files = [...declarationFiles, ...cssFiles];
|
|
34
|
+
if (options.tailwind) {
|
|
35
|
+
const tailwindFiles = createTailwindCSSFiles(cssFiles);
|
|
36
|
+
files = files.concat(tailwindFiles.filter(Boolean));
|
|
37
|
+
}
|
|
38
|
+
return files;
|
|
39
|
+
};
|
|
40
|
+
//#endregion
|
|
41
|
+
export { buildTokens };
|
|
42
|
+
|
|
43
|
+
//# sourceMappingURL=build.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"build.js","names":[],"sources":["../../../src/tokens/build.ts"],"sourcesContent":["import type { ThemeObject } from '@tokens-studio/types';\nimport pc from 'picocolors';\nimport * as R from 'ramda';\nimport { dsfs } from '../utils/filesystem.ts';\nimport { createTypeDeclarationFiles } from './process/output/declarations.ts';\nimport { createTailwindCSSFiles } from './process/output/tailwind.ts';\nimport { createThemeCSSFiles, defaultFileHeader } from './process/output/theme.ts';\nimport { type BuildOptions, processPlatform } from './process/platform.ts';\nimport { processThemeObject } from './process/utils/getMultidimensionalThemes.ts';\nimport type { DesignsystemetObject, OutputFile } from './types.ts';\n\nexport const buildTokens = async (options: Omit<BuildOptions, 'type' | 'processed$themes' | 'buildTokenFormats'>) => {\n const tokensDir = options.tokensDir;\n const $themes = JSON.parse(await dsfs.readFile(`${tokensDir}/$themes.json`)) as ThemeObject[];\n const processed$themes = $themes.map(processThemeObject);\n let $designsystemet: DesignsystemetObject | undefined;\n\n try {\n const $designsystemetContent = await dsfs.readFile(`${tokensDir}/$designsystemet.jsonc`);\n $designsystemet = JSON.parse($designsystemetContent) as DesignsystemetObject;\n } catch (_error) {}\n\n console.log(`\\n🏗️ Start building tokens in ${pc.green(tokensDir)}`);\n\n const processedBuilds = await processPlatform({\n ...options,\n tokensDir: tokensDir,\n type: 'build',\n processed$themes,\n buildTokenFormats: {},\n });\n\n const fileHeader = R.join('')([\n defaultFileHeader,\n $designsystemet ? `\\ndesign-tokens: v${$designsystemet.version}` : '',\n ]);\n\n let files: OutputFile[] = [];\n\n const declarationFiles = createTypeDeclarationFiles(processed$themes);\n const cssFiles = createThemeCSSFiles({ processedBuilds, fileHeader });\n\n files = [...declarationFiles, ...cssFiles];\n\n if (options.tailwind) {\n const tailwindFiles = createTailwindCSSFiles(cssFiles);\n files = files.concat(tailwindFiles.filter(Boolean) as OutputFile[]);\n }\n\n return files;\n};\n"],"mappings":";;;;;;;;;AAWA,MAAa,cAAc,OAAO,YAAmF;CACnH,MAAM,YAAY,QAAQ;CAE1B,MAAM,mBADU,KAAK,MAAM,MAAM,KAAK,SAAS,GAAG,UAAU,cAAc,CAC3C,CAAC,CAAC,IAAI,kBAAkB;CACvD,IAAI;CAEJ,IAAI;EACF,MAAM,yBAAyB,MAAM,KAAK,SAAS,GAAG,UAAU,uBAAuB;EACvF,kBAAkB,KAAK,MAAM,sBAAsB;CACrD,SAAS,QAAQ,CAAC;CAElB,QAAQ,IAAI,kCAAkC,GAAG,MAAM,SAAS,GAAG;CAEnE,MAAM,kBAAkB,MAAM,gBAAgB;EAC5C,GAAG;EACQ;EACX,MAAM;EACN;EACA,mBAAmB,CAAC;CACtB,CAAC;CAED,MAAM,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,CAC5B,mBACA,kBAAkB,qBAAqB,gBAAgB,YAAY,EACrE,CAAC;CAED,IAAI,QAAsB,CAAC;CAE3B,MAAM,mBAAmB,2BAA2B,gBAAgB;CACpE,MAAM,WAAW,oBAAoB;EAAE;EAAiB;CAAW,CAAC;CAEpE,QAAQ,CAAC,GAAG,kBAAkB,GAAG,QAAQ;CAEzC,IAAI,QAAQ,UAAU;EACpB,MAAM,gBAAgB,uBAAuB,QAAQ;EACrD,QAAQ,MAAM,OAAO,cAAc,OAAO,OAAO,CAAiB;CACpE;CAEA,OAAO;AACT"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { OutputFile, TokenSetDimensions, TokenSets } from "../types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/tokens/create/files.d.ts
|
|
4
|
+
declare const stringify: (data: unknown) => string;
|
|
5
|
+
type CreateTokenFilesOptions = {
|
|
6
|
+
tokenSetDimensions: TokenSetDimensions;
|
|
7
|
+
colorNames: string[];
|
|
8
|
+
themeNames: string[];
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Creates system token files (`$themes.json`, `$metadata.json`, `$designsystemet.jsonc`) based on the provided token set dimensions and theme names.
|
|
12
|
+
*
|
|
13
|
+
* `$themes.json` and `$metadata.json` are essential for Token Studio and Style Dictionary to correctly interpret and manage the design tokens.
|
|
14
|
+
*/
|
|
15
|
+
declare const createSystemTokenFiles: (options: CreateTokenFilesOptions) => Promise<OutputFile[]>;
|
|
16
|
+
declare const tokenSetsToFiles: (tokenSets: TokenSets) => OutputFile[];
|
|
17
|
+
//#endregion
|
|
18
|
+
export { createSystemTokenFiles, stringify, tokenSetsToFiles };
|
|
19
|
+
//# sourceMappingURL=files.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"files.d.ts","names":[],"sources":["../../../../src/tokens/create/files.ts"],"mappings":";;;cAKa,SAAA,GAAa,IAAa;AAAA,KAElC,uBAAA;EACH,kBAAA,EAAoB,kBAAkB;EACtC,UAAA;EACA,UAAA;AAAA;AALqC;AAAmC;;;;AAAnC,cAa1B,sBAAA,GAAgC,OAAA,EAAS,uBAAA,KAAuB,OAAA,CAAA,UAAA;AAAA,cAmBhE,gBAAA,GAAoB,SAAA,EAAW,SAAA,KAAY,UAAU"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { generate$Designsystemet } from "./generators/$designsystemet.js";
|
|
2
|
+
import { generate$Metadata } from "./generators/$metadata.js";
|
|
3
|
+
import { generate$Themes } from "./generators/$themes.js";
|
|
4
|
+
//#region src/tokens/create/files.ts
|
|
5
|
+
const stringify = (data) => JSON.stringify(data, null, 2);
|
|
6
|
+
/**
|
|
7
|
+
* Creates system token files (`$themes.json`, `$metadata.json`, `$designsystemet.jsonc`) based on the provided token set dimensions and theme names.
|
|
8
|
+
*
|
|
9
|
+
* `$themes.json` and `$metadata.json` are essential for Token Studio and Style Dictionary to correctly interpret and manage the design tokens.
|
|
10
|
+
*/
|
|
11
|
+
const createSystemTokenFiles = async (options) => {
|
|
12
|
+
const { colorNames, themeNames, tokenSetDimensions } = options;
|
|
13
|
+
const files = [];
|
|
14
|
+
const $themesPath = "$themes.json";
|
|
15
|
+
const $metadataPath = "$metadata.json";
|
|
16
|
+
const $designsystemetPath = "$designsystemet.jsonc";
|
|
17
|
+
const $themes = await generate$Themes(tokenSetDimensions, themeNames, colorNames);
|
|
18
|
+
const $metadata = generate$Metadata(tokenSetDimensions, themeNames, colorNames);
|
|
19
|
+
const $designsystemet = generate$Designsystemet();
|
|
20
|
+
files.push({
|
|
21
|
+
destination: $themesPath,
|
|
22
|
+
output: stringify($themes)
|
|
23
|
+
});
|
|
24
|
+
files.push({
|
|
25
|
+
destination: $metadataPath,
|
|
26
|
+
output: stringify($metadata)
|
|
27
|
+
});
|
|
28
|
+
files.push({
|
|
29
|
+
destination: $designsystemetPath,
|
|
30
|
+
output: stringify($designsystemet)
|
|
31
|
+
});
|
|
32
|
+
return files;
|
|
33
|
+
};
|
|
34
|
+
const tokenSetsToFiles = (tokenSets) => {
|
|
35
|
+
const files = [];
|
|
36
|
+
for (const [set, tokens] of tokenSets) {
|
|
37
|
+
const filePath = `${set}.json`;
|
|
38
|
+
files.push({
|
|
39
|
+
destination: filePath,
|
|
40
|
+
output: stringify(tokens)
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
return files;
|
|
44
|
+
};
|
|
45
|
+
//#endregion
|
|
46
|
+
export { createSystemTokenFiles, stringify, tokenSetsToFiles };
|
|
47
|
+
|
|
48
|
+
//# sourceMappingURL=files.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"files.js","names":[],"sources":["../../../../src/tokens/create/files.ts"],"sourcesContent":["import type { OutputFile, TokenSetDimensions, TokenSets } from '../types.ts';\nimport { generate$Designsystemet } from './generators/$designsystemet.ts';\nimport { generate$Metadata } from './generators/$metadata.ts';\nimport { generate$Themes } from './generators/$themes.ts';\n\nexport const stringify = (data: unknown) => JSON.stringify(data, null, 2);\n\ntype CreateTokenFilesOptions = {\n tokenSetDimensions: TokenSetDimensions;\n colorNames: string[];\n themeNames: string[];\n};\n\n/**\n * Creates system token files (`$themes.json`, `$metadata.json`, `$designsystemet.jsonc`) based on the provided token set dimensions and theme names.\n *\n * `$themes.json` and `$metadata.json` are essential for Token Studio and Style Dictionary to correctly interpret and manage the design tokens.\n */\nexport const createSystemTokenFiles = async (options: CreateTokenFilesOptions) => {\n const { colorNames, themeNames, tokenSetDimensions } = options;\n\n const files: OutputFile[] = [];\n const $themesPath = '$themes.json';\n const $metadataPath = '$metadata.json';\n const $designsystemetPath = '$designsystemet.jsonc';\n\n const $themes = await generate$Themes(tokenSetDimensions, themeNames, colorNames);\n const $metadata = generate$Metadata(tokenSetDimensions, themeNames, colorNames);\n const $designsystemet = generate$Designsystemet();\n\n files.push({ destination: $themesPath, output: stringify($themes) });\n files.push({ destination: $metadataPath, output: stringify($metadata) });\n files.push({ destination: $designsystemetPath, output: stringify($designsystemet) });\n\n return files;\n};\n\nexport const tokenSetsToFiles = (tokenSets: TokenSets): OutputFile[] => {\n const files: OutputFile[] = [];\n\n for (const [set, tokens] of tokenSets) {\n const filePath = `${set}.json`;\n files.push({ destination: filePath, output: stringify(tokens) });\n }\n return files;\n};\n"],"mappings":";;;;AAKA,MAAa,aAAa,SAAkB,KAAK,UAAU,MAAM,MAAM,CAAC;;;;;;AAaxE,MAAa,yBAAyB,OAAO,YAAqC;CAChF,MAAM,EAAE,YAAY,YAAY,uBAAuB;CAEvD,MAAM,QAAsB,CAAC;CAC7B,MAAM,cAAc;CACpB,MAAM,gBAAgB;CACtB,MAAM,sBAAsB;CAE5B,MAAM,UAAU,MAAM,gBAAgB,oBAAoB,YAAY,UAAU;CAChF,MAAM,YAAY,kBAAkB,oBAAoB,YAAY,UAAU;CAC9E,MAAM,kBAAkB,wBAAwB;CAEhD,MAAM,KAAK;EAAE,aAAa;EAAa,QAAQ,UAAU,OAAO;CAAE,CAAC;CACnE,MAAM,KAAK;EAAE,aAAa;EAAe,QAAQ,UAAU,SAAS;CAAE,CAAC;CACvE,MAAM,KAAK;EAAE,aAAa;EAAqB,QAAQ,UAAU,eAAe;CAAE,CAAC;CAEnF,OAAO;AACT;AAEA,MAAa,oBAAoB,cAAuC;CACtE,MAAM,QAAsB,CAAC;CAE7B,KAAK,MAAM,CAAC,KAAK,WAAW,WAAW;EACrC,MAAM,WAAW,GAAG,IAAI;EACxB,MAAM,KAAK;GAAE,aAAa;GAAU,QAAQ,UAAU,MAAM;EAAE,CAAC;CACjE;CACA,OAAO;AACT"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"$designsystemet.d.ts","names":[],"sources":["../../../../../src/tokens/create/generators/$designsystemet.ts"],"mappings":";iBAEgB,uBAAA;EAAuB,IAAA;EAAA,OAAA;AAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { name, version } from "../../../../package.js";
|
|
2
|
+
//#region src/tokens/create/generators/$designsystemet.ts
|
|
3
|
+
function generate$Designsystemet() {
|
|
4
|
+
return {
|
|
5
|
+
name,
|
|
6
|
+
version
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
//#endregion
|
|
10
|
+
export { generate$Designsystemet };
|
|
11
|
+
|
|
12
|
+
//# sourceMappingURL=$designsystemet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"$designsystemet.js","names":["pkg.name","pkg.version"],"sources":["../../../../../src/tokens/create/generators/$designsystemet.ts"],"sourcesContent":["import pkg from '../../../../package.json' with { type: 'json' };\n\nexport function generate$Designsystemet() {\n return {\n name: pkg.name,\n version: pkg.version,\n };\n}\n"],"mappings":";;AAEA,SAAgB,0BAA0B;CACxC,OAAO;EACCA;EACGC;CACX;AACF"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TokenSetDimensions } from "../../types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/tokens/create/generators/$metadata.d.ts
|
|
4
|
+
type Metadata = {
|
|
5
|
+
tokenSetOrder: string[];
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Generates metadata for the given token set dimensions, theme names, and colors.
|
|
9
|
+
*
|
|
10
|
+
* This is used to order tokens in Token Studio
|
|
11
|
+
*/
|
|
12
|
+
declare function generate$Metadata(tokenSetDimensions: TokenSetDimensions, themeNames: string[], colorNames: string[]): Metadata;
|
|
13
|
+
//#endregion
|
|
14
|
+
export { generate$Metadata };
|
|
15
|
+
//# sourceMappingURL=$metadata.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"$metadata.d.ts","names":[],"sources":["../../../../../src/tokens/create/generators/$metadata.ts"],"mappings":";;;KAEK,QAAA;EACH,aAAa;AAAA;;;;AAAA;AAQf;iBAAgB,iBAAA,CACd,kBAAA,EAAoB,kBAAA,EACpB,UAAA,YACA,UAAA,aACC,QAAQ"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
//#region src/tokens/create/generators/$metadata.ts
|
|
2
|
+
/**
|
|
3
|
+
* Generates metadata for the given token set dimensions, theme names, and colors.
|
|
4
|
+
*
|
|
5
|
+
* This is used to order tokens in Token Studio
|
|
6
|
+
*/
|
|
7
|
+
function generate$Metadata(tokenSetDimensions, themeNames, colorNames) {
|
|
8
|
+
const { colorSchemes, sizeModes } = tokenSetDimensions;
|
|
9
|
+
return { tokenSetOrder: [
|
|
10
|
+
"primitives/globals",
|
|
11
|
+
...sizeModes.map((size) => `primitives/modes/size/${size}`),
|
|
12
|
+
"primitives/modes/size/global",
|
|
13
|
+
...sizeModes.map((size) => `primitives/modes/typography/size/${size}`),
|
|
14
|
+
...themeNames.map((theme) => `primitives/modes/typography/primary/${theme}`),
|
|
15
|
+
...themeNames.map((theme) => `primitives/modes/typography/secondary/${theme}`),
|
|
16
|
+
...colorSchemes.flatMap((scheme) => [...themeNames.map((theme) => `primitives/modes/color-scheme/${scheme}/${theme}`)]),
|
|
17
|
+
...themeNames.map((theme) => `themes/${theme}`),
|
|
18
|
+
...colorNames.map((color) => `semantic/color/${color}`),
|
|
19
|
+
"semantic/style"
|
|
20
|
+
] };
|
|
21
|
+
}
|
|
22
|
+
//#endregion
|
|
23
|
+
export { generate$Metadata };
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=$metadata.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"$metadata.js","names":[],"sources":["../../../../../src/tokens/create/generators/$metadata.ts"],"sourcesContent":["import type { TokenSetDimensions } from '../../types.ts';\n\ntype Metadata = {\n tokenSetOrder: string[];\n};\n\n/**\n * Generates metadata for the given token set dimensions, theme names, and colors.\n *\n * This is used to order tokens in Token Studio\n */\nexport function generate$Metadata(\n tokenSetDimensions: TokenSetDimensions,\n themeNames: string[],\n colorNames: string[],\n): Metadata {\n const { colorSchemes, sizeModes } = tokenSetDimensions;\n return {\n tokenSetOrder: [\n 'primitives/globals',\n ...sizeModes.map((size) => `primitives/modes/size/${size}`),\n 'primitives/modes/size/global',\n ...sizeModes.map((size) => `primitives/modes/typography/size/${size}`),\n ...themeNames.map((theme) => `primitives/modes/typography/primary/${theme}`),\n ...themeNames.map((theme) => `primitives/modes/typography/secondary/${theme}`),\n ...colorSchemes.flatMap((scheme) => [\n ...themeNames.map((theme) => `primitives/modes/color-scheme/${scheme}/${theme}`),\n ]),\n ...themeNames.map((theme) => `themes/${theme}`),\n ...colorNames.map((color) => `semantic/color/${color}`),\n 'semantic/style',\n ],\n };\n}\n"],"mappings":";;;;;;AAWA,SAAgB,kBACd,oBACA,YACA,YACU;CACV,MAAM,EAAE,cAAc,cAAc;CACpC,OAAO,EACL,eAAe;EACb;EACA,GAAG,UAAU,KAAK,SAAS,yBAAyB,MAAM;EAC1D;EACA,GAAG,UAAU,KAAK,SAAS,oCAAoC,MAAM;EACrE,GAAG,WAAW,KAAK,UAAU,uCAAuC,OAAO;EAC3E,GAAG,WAAW,KAAK,UAAU,yCAAyC,OAAO;EAC7E,GAAG,aAAa,SAAS,WAAW,CAClC,GAAG,WAAW,KAAK,UAAU,iCAAiC,OAAO,GAAG,OAAO,CACjF,CAAC;EACD,GAAG,WAAW,KAAK,UAAU,UAAU,OAAO;EAC9C,GAAG,WAAW,KAAK,UAAU,kBAAkB,OAAO;EACtD;CACF,EACF;AACF"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { TokenSetDimensions } from "../../types.js";
|
|
2
|
+
import { ThemeObject } from "../../../../node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/types/ThemeObject.js";
|
|
3
|
+
|
|
4
|
+
//#region src/tokens/create/generators/$themes.d.ts
|
|
5
|
+
type ThemeObject_ = ThemeObject & {
|
|
6
|
+
$figmaCollectionId?: string;
|
|
7
|
+
$figmaModeId?: string;
|
|
8
|
+
$figmaVariableReferences?: Record<string, string>;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
|
|
12
|
+
* Generates the `$themes.json` file which is used by Token Studio to update Figma variable collections and modes.
|
|
13
|
+
|
|
14
|
+
* **IMPORTANT:**
|
|
15
|
+
|
|
16
|
+
* We use existing Figma variable ids to update existing collections/modes fetched from our published Figma community file.
|
|
17
|
+
|
|
18
|
+
* These are important for maintaining existing variables in user files when updating tokens.
|
|
19
|
+
|
|
20
|
+
* Omitting these ids results will result in the following bugs:
|
|
21
|
+
- New collections/modes being created which may cause ghost variables in Figma.
|
|
22
|
+
- New collections/modes may cause users hitting the cap on Figma variable modes which is at time of writing 4 (or unlimited for enterprise).
|
|
23
|
+
|
|
24
|
+
*/
|
|
25
|
+
declare function generate$Themes(tokenSetDimensions: TokenSetDimensions, themeNames: string[], colorNames: string[]): Promise<ThemeObject_[]>;
|
|
26
|
+
//#endregion
|
|
27
|
+
export { generate$Themes };
|
|
28
|
+
//# sourceMappingURL=$themes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"$themes.d.ts","names":[],"sources":["../../../../../src/tokens/create/generators/$themes.ts"],"mappings":";;;;KAcK,YAAA,GAAe,WAAA;EAClB,kBAAA;EACA,YAAA;EACA,wBAAA,GAA2B,MAAM;AAAA;;;;;;;;AAAA;AAkBnC;;;;;;;iBAAsB,eAAA,CACpB,kBAAA,EAAoB,kBAAA,EACpB,UAAA,YACA,UAAA,aACC,OAAA,CAAQ,YAAA"}
|