@digdir/designsystemet 1.0.0-next.35 → 1.0.0-next.36

package/dist/src/tokens/design-tokens/template/semantic/color-base-file.json

@@ -0,0 +1,262 @@
+{
+  "color": {
+    "success": {
+      "background-default": {
+        "$type": "color",
+        "$value": "{global.green.1}"
+      },
+      "background-subtle": {
+        "$type": "color",
+        "$value": "{global.green.2}"
+      },
+      "surface-default": {
+        "$type": "color",
+        "$value": "{global.green.3}"
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": "{global.green.4}"
+      },
+      "surface-active": {
+        "$type": "color",
+        "$value": "{global.green.5}"
+      },
+      "border-subtle": {
+        "$type": "color",
+        "$value": "{global.green.6}"
+      },
+      "border-default": {
+        "$type": "color",
+        "$value": "{global.green.7}"
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": "{global.green.8}"
+      },
+      "base-default": {
+        "$type": "color",
+        "$value": "{global.green.9}"
+      },
+      "base-hover": {
+        "$type": "color",
+        "$value": "{global.green.10}"
+      },
+      "base-active": {
+        "$type": "color",
+        "$value": "{global.green.11}"
+      },
+      "text-subtle": {
+        "$type": "color",
+        "$value": "{global.green.12}"
+      },
+      "text-default": {
+        "$type": "color",
+        "$value": "{global.green.13}"
+      },
+      "contrast-default": {
+        "$type": "color",
+        "$value": "{global.green.contrast-1}"
+      },
+      "contrast-subtle": {
+        "$type": "color",
+        "$value": "{global.green.contrast-2}"
+      }
+    },
+    "danger": {
+      "background-default": {
+        "$type": "color",
+        "$value": "{global.red.1}"
+      },
+      "background-subtle": {
+        "$type": "color",
+        "$value": "{global.red.2}"
+      },
+      "surface-default": {
+        "$type": "color",
+        "$value": "{global.red.3}"
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": "{global.red.4}"
+      },
+      "surface-active": {
+        "$type": "color",
+        "$value": "{global.red.5}"
+      },
+      "border-subtle": {
+        "$type": "color",
+        "$value": "{global.red.6}"
+      },
+      "border-default": {
+        "$type": "color",
+        "$value": "{global.red.7}"
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": "{global.red.8}"
+      },
+      "base-default": {
+        "$type": "color",
+        "$value": "{global.red.9}"
+      },
+      "base-hover": {
+        "$type": "color",
+        "$value": "{global.red.10}"
+      },
+      "base-active": {
+        "$type": "color",
+        "$value": "{global.red.11}"
+      },
+      "text-subtle": {
+        "$type": "color",
+        "$value": "{global.red.12}"
+      },
+      "text-default": {
+        "$type": "color",
+        "$value": "{global.red.13}"
+      },
+      "contrast-default": {
+        "$type": "color",
+        "$value": "{global.red.contrast-1}"
+      },
+      "contrast-subtle": {
+        "$type": "color",
+        "$value": "{global.red.contrast-2}"
+      }
+    },
+    "info": {
+      "background-default": {
+        "$type": "color",
+        "$value": "{global.blue.1}"
+      },
+      "background-subtle": {
+        "$type": "color",
+        "$value": "{global.blue.2}"
+      },
+      "surface-default": {
+        "$type": "color",
+        "$value": "{global.blue.3}"
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": "{global.blue.4}"
+      },
+      "surface-active": {
+        "$type": "color",
+        "$value": "{global.blue.5}"
+      },
+      "border-subtle": {
+        "$type": "color",
+        "$value": "{global.blue.6}"
+      },
+      "border-default": {
+        "$type": "color",
+        "$value": "{global.blue.7}"
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": "{global.blue.8}"
+      },
+      "base-default": {
+        "$type": "color",
+        "$value": "{global.blue.9}"
+      },
+      "base-hover": {
+        "$type": "color",
+        "$value": "{global.blue.10}"
+      },
+      "base-active": {
+        "$type": "color",
+        "$value": "{global.blue.11}"
+      },
+      "text-subtle": {
+        "$type": "color",
+        "$value": "{global.blue.12}"
+      },
+      "text-default": {
+        "$type": "color",
+        "$value": "{global.blue.13}"
+      },
+      "contrast-default": {
+        "$type": "color",
+        "$value": "{global.blue.contrast-1}"
+      },
+      "contrast-subtle": {
+        "$type": "color",
+        "$value": "{global.blue.contrast-2}"
+      }
+    },
+    "warning": {
+      "background-default": {
+        "$type": "color",
+        "$value": "{global.yellow.1}"
+      },
+      "background-subtle": {
+        "$type": "color",
+        "$value": "{global.yellow.2}"
+      },
+      "surface-default": {
+        "$type": "color",
+        "$value": "{global.yellow.3}"
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": "{global.yellow.4}"
+      },
+      "surface-active": {
+        "$type": "color",
+        "$value": "{global.yellow.5}"
+      },
+      "border-subtle": {
+        "$type": "color",
+        "$value": "{global.yellow.6}"
+      },
+      "border-default": {
+        "$type": "color",
+        "$value": "{global.yellow.7}"
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": "{global.yellow.8}"
+      },
+      "base-default": {
+        "$type": "color",
+        "$value": "{global.orange.9}"
+      },
+      "base-hover": {
+        "$type": "color",
+        "$value": "{global.orange.10}"
+      },
+      "base-active": {
+        "$type": "color",
+        "$value": "{global.orange.11}"
+      },
+      "text-subtle": {
+        "$type": "color",
+        "$value": "{global.orange.12}"
+      },
+      "text-default": {
+        "$type": "color",
+        "$value": "{global.orange.13}"
+      },
+      "contrast-default": {
+        "$type": "color",
+        "$value": "{global.orange.contrast-1}"
+      },
+      "contrast-subtle": {
+        "$type": "color",
+        "$value": "{global.orange.contrast-2}"
+      }
+    },
+    "focus": {
+      "inner": {
+        "$type": "color",
+        "$value": "{color.neutral.background-default}"
+      },
+      "outer": {
+        "$type": "color",
+        "$value": "{color.<accent-color>.text-default}"
+      }
+    }
+  }
+}

package/dist/src/tokens/design-tokens/template/semantic/modes/category-color/category-color-template.json

@@ -0,0 +1,62 @@
+{
+  "background-default": {
+    "$type": "color",
+    "$value": "{color.<color>.background-default}"
+  },
+  "background-subtle": {
+    "$type": "color",
+    "$value": "{color.<color>.background-subtle}"
+  },
+  "surface-default": {
+    "$type": "color",
+    "$value": "{color.<color>.surface-default}"
+  },
+  "surface-hover": {
+    "$type": "color",
+    "$value": "{color.<color>.surface-hover}"
+  },
+  "surface-active": {
+    "$type": "color",
+    "$value": "{color.<color>.surface-active}"
+  },
+  "border-subtle": {
+    "$type": "color",
+    "$value": "{color.<color>.border-subtle}"
+  },
+  "border-default": {
+    "$type": "color",
+    "$value": "{color.<color>.border-default}"
+  },
+  "border-strong": {
+    "$type": "color",
+    "$value": "{color.<color>.border-strong}"
+  },
+  "base-default": {
+    "$type": "color",
+    "$value": "{color.<color>.base-default}"
+  },
+  "base-hover": {
+    "$type": "color",
+    "$value": "{color.<color>.base-hover}"
+  },
+  "base-active": {
+    "$type": "color",
+    "$value": "{color.<color>.base-active}"
+  },
+  "text-subtle": {
+    "$type": "color",
+    "$value": "{color.<color>.text-subtle}"
+  },
+  "text-default": {
+    "$type": "color",
+    "$value": "{color.<color>.text-default}"
+  },
+  "contrast-default": {
+    "$type": "color",
+    "$value": "{color.<color>.contrast-default}"
+  },
+  "contrast-subtle": {
+    "$type": "color",
+    "$value": "{color.<color>.contrast-subtle}"
+  }
+}

package/dist/src/tokens/design-tokens/template/semantic/semantic-color-template.json

@@ -0,0 +1,62 @@
+{
+  "background-default": {
+    "$type": "color",
+    "$value": "{color.<color>.1}"
+  },
+  "background-subtle": {
+    "$type": "color",
+    "$value": "{color.<color>.2}"
+  },
+  "surface-default": {
+    "$type": "color",
+    "$value": "{color.<color>.3}"
+  },
+  "surface-hover": {
+    "$type": "color",
+    "$value": "{color.<color>.4}"
+  },
+  "surface-active": {
+    "$type": "color",
+    "$value": "{color.<color>.5}"
+  },
+  "border-subtle": {
+    "$type": "color",
+    "$value": "{color.<color>.6}"
+  },
+  "border-default": {
+    "$type": "color",
+    "$value": "{color.<color>.7}"
+  },
+  "border-strong": {
+    "$type": "color",
+    "$value": "{color.<color>.8}"
+  },
+  "base-default": {
+    "$type": "color",
+    "$value": "{color.<color>.9}"
+  },
+  "base-hover": {
+    "$type": "color",
+    "$value": "{color.<color>.10}"
+  },
+  "base-active": {
+    "$type": "color",
+    "$value": "{color.<color>.11}"
+  },
+  "text-subtle": {
+    "$type": "color",
+    "$value": "{color.<color>.12}"
+  },
+  "text-default": {
+    "$type": "color",
+    "$value": "{color.<color>.13}"
+  },
+  "contrast-default": {
+    "$type": "color",
+    "$value": "{color.<color>.contrast-1}"
+  },
+  "contrast-subtle": {
+    "$type": "color",
+    "$value": "{color.<color>.contrast-2}"
+  }
+}

package/dist/src/tokens/design-tokens/template/themes/theme-base-file.json

@@ -0,0 +1,53 @@
+{
+  "color": {},
+  "font": {
+    "family": {
+      "$type": "fontFamilies",
+      "$value": "{<theme>.main}"
+    }
+  },
+  "font-weight": {
+    "medium": {
+      "$type": "fontWeights",
+      "$value": "{<theme>.bold}"
+    },
+    "semibold": {
+      "$type": "fontWeights",
+      "$value": "{<theme>.extra-bold}"
+    },
+    "regular": {
+      "$type": "fontWeights",
+      "$value": "{<theme>.regular}"
+    }
+  },
+  "border-radius": {
+    "1": {
+      "$type": "borderRadius",
+      "$value": "min( {border-radius.base} , {border-radius.scale} *1)"
+    },
+    "2": {
+      "$type": "borderRadius",
+      "$value": "min( {border-radius.base} , {border-radius.scale} *2)"
+    },
+    "3": {
+      "$type": "borderRadius",
+      "$value": "min( {border-radius.base} , {border-radius.scale} *5)"
+    },
+    "4": {
+      "$type": "borderRadius",
+      "$value": "{border-radius.base}"
+    },
+    "5": {
+      "$type": "borderRadius",
+      "$value": "9999"
+    },
+    "base": {
+      "$type": "borderRadius",
+      "$value": "4"
+    },
+    "scale": {
+      "$type": "borderRadius",
+      "$value": "4"
+    }
+  }
+}

package/dist/src/tokens/design-tokens/template/themes/theme-color-template.json

@@ -0,0 +1,62 @@
+{
+  "1": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.1}"
+  },
+  "2": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.2}"
+  },
+  "3": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.3}"
+  },
+  "4": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.4}"
+  },
+  "5": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.5}"
+  },
+  "6": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.6}"
+  },
+  "7": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.7}"
+  },
+  "8": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.8}"
+  },
+  "9": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.9}"
+  },
+  "10": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.10}"
+  },
+  "11": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.11}"
+  },
+  "12": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.12}"
+  },
+  "13": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.13}"
+  },
+  "contrast-1": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.contrast-1}"
+  },
+  "contrast-2": {
+    "$type": "color",
+    "$value": "{<theme>.<color>.contrast-2}"
+  }
+}

package/dist/src/tokens/index.d.ts

@@ -0,0 +1,2 @@
+export { type CreateTokensOptions, createTokens, colorCliOptions } from './create';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/tokens/index.js

@@ -0,0 +1,5 @@
+import { createTokens, colorCliOptions } from "./create";
+export {
+  colorCliOptions,
+  createTokens
+};

package/dist/src/tokens/template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/tokens/template.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,eAAe,qBAwG3B,CAAC"}

package/dist/src/tokens/template.js

@@ -1,6 +1,9 @@
 import fs from "node:fs/promises";
 import path from "node:path";
 import * as R from "ramda";
+import originalColorJson from "../../../../design-tokens/semantic/color.json" with { type: "json" };
+import originalColorCategoryJson from "../../../../design-tokens/semantic/modes/main-color/accent.json" with { type: "json" };
+import originalThemeJson from "../../../../design-tokens/themes/theme.json" with { type: "json" };
 import { stringify } from "./write";
 const DIRNAME = import.meta.dirname || __dirname;
 const SOURCE_FILES_PATH = path.join(DIRNAME, "../../../../design-tokens");
@@ -16,11 +19,40 @@ const updateTemplates = async () => {
   await fs.cp(...argsFromToPaths("Figma"), options);
   await fs.cp(...argsFromToPaths("primitives/globals.json"), options);
   await fs.cp(...argsFromToPaths("primitives/size/default.json"), options);
-  await fs.cp(...argsFromToPaths("semantic"), options);
-  const themeFile = await fs.readFile(path.join(SOURCE_FILES_PATH, "themes/theme.json"), "utf-8");
-  const themeTemplate = themeFile.replaceAll("theme", "<theme>");
+  await fs.cp(...argsFromToPaths("semantic/style.json"), options);
+  const categoryColorTemplate = originalColorCategoryJson.color.main;
+  const categoryDir = path.join(TEMPLATE_FILES_PATH, "semantic/modes/category-color");
+  await fs.mkdir(categoryDir, options);
+  await fs.writeFile(
+    path.join(categoryDir, "category-color-template.json"),
+    JSON.stringify(categoryColorTemplate, null, 2).replaceAll("color.accent", "color.<color>")
+  );
+  const colorBaseFile = {
+    color: R.omit(["accent", "neutral", "brand1", "brand2", "brand3"], originalColorJson.color)
+  };
+  await fs.writeFile(
+    path.join(TEMPLATE_FILES_PATH, `semantic/color-base-file.json`),
+    JSON.stringify(colorBaseFile, null, 2).replaceAll("color.accent", "color.<accent-color>")
+  );
+  const semanticColorTemplate = originalColorJson.color.accent;
+  await fs.writeFile(
+    path.join(TEMPLATE_FILES_PATH, `semantic/semantic-color-template.json`),
+    JSON.stringify(semanticColorTemplate, null, 2).replaceAll("color.accent", "color.<color>")
+  );
+  const themeBaseFile = {
+    color: {},
+    ...R.omit(["color"], originalThemeJson)
+  };
   await fs.mkdir(path.join(TEMPLATE_FILES_PATH, "themes"), options);
-  await fs.writeFile(path.join(TEMPLATE_FILES_PATH, `themes/theme.json`), themeTemplate);
+  await fs.writeFile(
+    path.join(TEMPLATE_FILES_PATH, `themes/theme-base-file.json`),
+    JSON.stringify(themeBaseFile, null, 2).replaceAll("theme", "<theme>")
+  );
+  const themeColorTemplate = originalThemeJson.color.accent;
+  await fs.writeFile(
+    path.join(TEMPLATE_FILES_PATH, `themes/theme-color-template.json`),
+    JSON.stringify(themeColorTemplate, null, 2).replaceAll("theme.accent", "<theme>.<color>")
+  );
   const themesFile = await fs.readFile(path.join(SOURCE_FILES_PATH, "$themes.json"), "utf-8");
   const themesTemplate = JSON.parse(themesFile).filter((themeobj) => {
     if (R.toLower(themeobj.name) === "compact" && R.toLower(themeobj.group || "") === "size") {

package/dist/{types/src → src}/tokens/types.d.ts

@@ -1,5 +1,4 @@
 import type { CssColor } from '@adobe/leonardo-contrast-colors';
-import type { ThemeColors } from '../colors/types.js';
 export type Token = {
     $value: string;
     $type: string;
@@ -23,7 +22,11 @@ export type Tokens = {
         primary: TokensSet;
     };
 };
-export type Colors = Record<ThemeColors, CssColor>;
+export type Colors = {
+    main: Record<string, CssColor>;
+    support: Record<string, CssColor>;
+    neutral: CssColor;
+};
 export type Typography = {
     fontFamily?: string;
 };

package/dist/src/tokens/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,MAAM,MAAM,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAGzC,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,IAAI,EAAE,eAAe,CAAC;QACtB,QAAQ,EAAE,eAAe,CAAC;KAC3B,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,SAAS,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClC,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,CAAC;AAEtD,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC"}

package/dist/{types/src → src}/tokens/write/generate$metadata.d.ts

@@ -1,8 +1,9 @@
 import type { ColorMode } from '../../colors/types.js';
+import type { Colors } from '../types.js';
 type ColorModes = Array<ColorMode>;
 type Metadata = {
     tokenSetOrder: string[];
 };
-export declare function generateMetadataJson(modes: ColorModes, themes: string[]): Metadata;
+export declare function generateMetadataJson(modes: ColorModes, themes: string[], colors: Colors): Metadata;
 export {};
 //# sourceMappingURL=generate$metadata.d.ts.map

package/dist/src/tokens/write/generate$metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate$metadata.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAEnC,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAmBlG"}

package/dist/src/tokens/write/generate$metadata.js

@@ -1,4 +1,4 @@
-function generateMetadataJson(modes, themes) {
+function generateMetadataJson(modes, themes, colors) {
   return {
     tokenSetOrder: [
       "primitives/globals",
@@ -11,6 +11,8 @@ function generateMetadataJson(modes, themes) {
       ]),
       ...themes.map((theme) => `themes/${theme}`),
       "semantic/color",
+      ...Object.entries(colors.main).map(([color]) => `semantic/modes/main-color/${color}`),
+      ...Object.entries(colors.support).map(([color]) => `semantic/modes/support-color/${color}`),
       "semantic/style",
       "Figma/components"
     ]

package/dist/{types/src → src}/tokens/write/generate$themes.d.ts

@@ -1,10 +1,11 @@
 import { type ThemeObject } from '@tokens-studio/types';
 import type { ColorMode } from '../../colors/types.js';
+import type { Colors } from '../types.js';
 type ColorModes = Array<ColorMode>;
 type ThemeObject_ = ThemeObject & {
     $figmaCollectionId?: string;
     $figmaModeId?: string;
 };
-export declare function generateThemesJson(modes: ColorModes, themes: string[]): ThemeObject_[];
+export declare function generateThemesJson(modes: ColorModes, themes: string[], colors: Colors): ThemeObject_[];
 export {};
 //# sourceMappingURL=generate$themes.d.ts.map

package/dist/src/tokens/write/generate$themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate$themes.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$themes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAExE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAM1C,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAEnC,KAAK,YAAY,GAAG,WAAW,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAUtG"}