@infomaximum/ui-kit 0.9.1

package/dist/themes/baseTokens/const.js

@@ -0,0 +1,7 @@
+import { getRgbaConverter } from "../../utils/color/index.js";
+const white2Rgba = getRgbaConverter("#fff");
+const black2Rgba = getRgbaConverter("#000");
+export {
+  black2Rgba,
+  white2Rgba
+};

package/dist/themes/index.d.ts

@@ -0,0 +1,4 @@
+export { themeMap } from './themes';
+export type { Theme, ThemeNames } from './themes.types';
+export { getTheme } from './themes.utils';
+export { white2Rgba, black2Rgba } from './baseTokens/const';

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/PositiveColorTokens.d.ts

@@ -0,0 +1,11 @@
+export declare const positiveColorTokens: {
+    light: {
+        readonly positiveBase: "#52C41A";
+        readonly positiveHover: "#73D13D";
+        readonly positiveActive: "#389E0D";
+        readonly positiveBg: "#F6FFED";
+        readonly positiveBorder: "#B7EB8F";
+        readonly positiveHoverInverse: "#F6FFED";
+        readonly positiveActiveInverse: "#D9F7BE";
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/PositiveColorTokens.js

@@ -0,0 +1,15 @@
+import { baseColorTokens } from "../../../baseTokens/baseColorTokens/baseColorTokens.js";
+const positiveColorTokens = {
+  ["light"]: {
+    positiveBase: baseColorTokens.green60,
+    positiveHover: baseColorTokens.green50,
+    positiveActive: baseColorTokens.green70,
+    positiveBg: baseColorTokens.green10,
+    positiveBorder: baseColorTokens.green30,
+    positiveHoverInverse: baseColorTokens.green10,
+    positiveActiveInverse: baseColorTokens.green20
+  }
+};
+export {
+  positiveColorTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.d.ts

@@ -0,0 +1,25 @@
+export declare const backgroundColorTokens: {
+    light: {
+        bgPrimary: "#FFFFFF";
+        bgComplimentary: "#FAFAFA";
+        bgSecondary: "#F0F0F0";
+        bgContainer: "#FFFFFF";
+        bgContainerHover: "#F5F5F5";
+        bgContainerActive: "#D9D9D9";
+        bgContainerDisabled: "#F0F0F0";
+        bgContainerDisabledContrast: "#D9D9D9";
+        bgContainerComplimentary: "#FAFAFA";
+        bgContainerInverse: "#262626";
+        bgContainerInverseHover: "#434343";
+        bgContainerInverseActive: "#1F1F1F";
+        bgControl: "#BFBFBF";
+        bgControlHover: "#8C8C8C";
+        bgIconHover: `rgba(${number}, ${number}, ${number}, 0.05)`;
+        bgIconActive: `rgba(${number}, ${number}, ${number}, 0.1)`;
+        bgRail: `rgba(${number}, ${number}, ${number}, 0.05)`;
+        bgRailHover: `rgba(${number}, ${number}, ${number}, 0.1)`;
+        bgFloat: "#FFFFFF";
+        bgFloatContrast: "#262626";
+        bgMask: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.js

@@ -0,0 +1,29 @@
+import { baseColorTokens } from "../../../baseTokens/baseColorTokens/baseColorTokens.js";
+const backgroundColorTokens = {
+  ["light"]: {
+    bgPrimary: baseColorTokens.neutral10,
+    bgComplimentary: baseColorTokens.neutral20,
+    bgSecondary: baseColorTokens.neutral40,
+    bgContainer: baseColorTokens.neutral10,
+    bgContainerHover: baseColorTokens.neutral30,
+    bgContainerActive: baseColorTokens.neutral50,
+    bgContainerDisabled: baseColorTokens.neutral40,
+    bgContainerDisabledContrast: baseColorTokens.neutral50,
+    bgContainerComplimentary: baseColorTokens.neutral20,
+    bgContainerInverse: baseColorTokens.neutral100,
+    bgContainerInverseHover: baseColorTokens.neutral90,
+    bgContainerInverseActive: baseColorTokens.neutral110,
+    bgControl: baseColorTokens.neutral60,
+    bgControlHover: baseColorTokens.neutral70,
+    bgIconHover: baseColorTokens.transparentBlack5,
+    bgIconActive: baseColorTokens.transparentBlack10,
+    bgRail: baseColorTokens.transparentBlack5,
+    bgRailHover: baseColorTokens.transparentBlack10,
+    bgFloat: baseColorTokens.neutral10,
+    bgFloatContrast: baseColorTokens.neutral100,
+    bgMask: baseColorTokens.transparentBlack30
+  }
+};
+export {
+  backgroundColorTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/controlShadowsTokens.d.ts

@@ -0,0 +1,6 @@
+export declare const controlShadowsTokens: {
+    light: {
+        fieldFocused: `rgba(${number}, ${number}, ${number}, 0.5)`;
+        fieldFocusedDanger: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/controlShadowsTokens.js

@@ -0,0 +1,12 @@
+import { hex2Rgba } from "../../../../utils/color/index.js";
+import { dangerColorTokens } from "./dangerColorTokens.js";
+import { primaryColorTokens } from "./primaryColorTokens.js";
+const controlShadowsTokens = {
+  ["light"]: {
+    fieldFocused: hex2Rgba(primaryColorTokens["light"].primaryBase, 0.5),
+    fieldFocusedDanger: hex2Rgba(dangerColorTokens["light"].dangerBase, 0.5)
+  }
+};
+export {
+  controlShadowsTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/dangerColorTokens.d.ts

@@ -0,0 +1,11 @@
+export declare const dangerColorTokens: {
+    light: {
+        dangerBase: "#FF4D4F";
+        dangerHover: "#FF7875";
+        dangerActive: "#CF1322";
+        dangerBg: "#FFF1F0";
+        dangerBorder: "#FFA39E";
+        dangerHoverInverse: "#FFF1F0";
+        dangerActiveInverse: "#FFCCC7";
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/dangerColorTokens.js

@@ -0,0 +1,15 @@
+import { baseColorTokens } from "../../../baseTokens/baseColorTokens/baseColorTokens.js";
+const dangerColorTokens = {
+  ["light"]: {
+    dangerBase: baseColorTokens.red50,
+    dangerHover: baseColorTokens.red40,
+    dangerActive: baseColorTokens.red70,
+    dangerBg: baseColorTokens.red10,
+    dangerBorder: baseColorTokens.red30,
+    dangerHoverInverse: baseColorTokens.red10,
+    dangerActiveInverse: baseColorTokens.red20
+  }
+};
+export {
+  dangerColorTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/infoColorTokens.d.ts

@@ -0,0 +1,11 @@
+export declare const infoColorTokens: {
+    light: {
+        infoBase: "#1677FF";
+        infoHover: "#4096FF";
+        infoActive: "#0958D9";
+        infoBg: "#E6F4FF";
+        infoBorder: "#91CAFF";
+        infoHoverInverse: "#E6F4FF";
+        infoActiveInverse: "#BAE0FF";
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/infoColorTokens.js

@@ -0,0 +1,15 @@
+import { baseColorTokens } from "../../../baseTokens/baseColorTokens/baseColorTokens.js";
+const infoColorTokens = {
+  ["light"]: {
+    infoBase: baseColorTokens.blue60,
+    infoHover: baseColorTokens.blue50,
+    infoActive: baseColorTokens.blue70,
+    infoBg: baseColorTokens.blue10,
+    infoBorder: baseColorTokens.blue30,
+    infoHoverInverse: baseColorTokens.blue10,
+    infoActiveInverse: baseColorTokens.blue20
+  }
+};
+export {
+  infoColorTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/lineColorTokens.d.ts

@@ -0,0 +1,8 @@
+export declare const lineColorTokens: {
+    light: {
+        lineDivider: "#E5E5E5";
+        lineBorder: "#D9D9D9";
+        lineBorderTransparent: `rgba(${number}, ${number}, ${number}, 0.1)`;
+        lineBorderTransparentContrast: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/lineColorTokens.js

@@ -0,0 +1,12 @@
+import { baseColorTokens } from "../../../baseTokens/baseColorTokens/baseColorTokens.js";
+const lineColorTokens = {
+  ["light"]: {
+    lineDivider: baseColorTokens.neutral45,
+    lineBorder: baseColorTokens.neutral50,
+    lineBorderTransparent: baseColorTokens.transparentBlack10,
+    lineBorderTransparentContrast: baseColorTokens.transparentWhite30
+  }
+};
+export {
+  lineColorTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/primaryColorTokens.d.ts

@@ -0,0 +1,11 @@
+export declare const primaryColorTokens: {
+    light: {
+        primaryBase: "#0CB3B3";
+        primaryHover: "#50CCC4";
+        primaryActive: "#03888C";
+        primaryBg: "#E1FAF6";
+        primaryBorder: "#77D9CF";
+        primaryHoverInverse: "#E1FAF6";
+        primaryActiveInverse: "#A3E6DD";
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/primaryColorTokens.js

@@ -0,0 +1,15 @@
+import { baseColorTokens } from "../../../baseTokens/baseColorTokens/baseColorTokens.js";
+const primaryColorTokens = {
+  ["light"]: {
+    primaryBase: baseColorTokens.thrush60,
+    primaryHover: baseColorTokens.thrush40,
+    primaryActive: baseColorTokens.thrush70,
+    primaryBg: baseColorTokens.thrush10,
+    primaryBorder: baseColorTokens.thrush30,
+    primaryHoverInverse: baseColorTokens.thrush10,
+    primaryActiveInverse: baseColorTokens.thrush20
+  }
+};
+export {
+  primaryColorTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/tagColorTokens.d.ts

@@ -0,0 +1,40 @@
+export declare const tagColorTokens: {
+    light: {
+        tagNeutralText: "#262626";
+        tagNeutralBg: "#F5F5F5";
+        tagNeutralBorder: "#D9D9D9";
+        tagNeutralContrast: "#8C8C8C";
+        tagRedText: "#F5222D";
+        tagRedBg: "#FFF1F0";
+        tagRedBorder: "#FFA39E";
+        tagRedContrast: "#F5222D";
+        tagOrangeText: "#FA8C16";
+        tagOrangeBg: "#FFF7E6";
+        tagOrangeBorder: "#FFD591";
+        tagOrangeContrast: "#FA8C16";
+        tagYellowText: "#D4B106";
+        tagYellowBg: "#FEFFE6";
+        tagYellowBorder: "#FFEC3D";
+        tagYellowContrast: "#D4B106";
+        tagGreenText: "#52C41A";
+        tagGreenBg: "#F6FFED";
+        tagGreenBorder: "#B7EB8F";
+        tagGreenContrast: "#52C41A";
+        tagCyanText: "#13C2C2";
+        tagCyanBg: "#E6FFFB";
+        tagCyanBorder: "#87E8DE";
+        tagCyanContrast: "#13C2C2";
+        tagBlueText: "#1677FF";
+        tagBlueBg: "#E6F4FF";
+        tagBlueBorder: "#91CAFF";
+        tagBlueContrast: "#1677FF";
+        tagPurpleText: "#722ED1";
+        tagPurpleBg: "#F9F0FF";
+        tagPurpleBorder: "#D3ADF7";
+        tagPurpleContrast: "#722ED1";
+        tagMagentaText: "#EB2F96";
+        tagMagentaBg: "#FFF0F6";
+        tagMagentaBorder: "#FFADD2";
+        tagMagentaContrast: "#EB2F96";
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/tagColorTokens.js

@@ -0,0 +1,44 @@
+import { baseColorTokens } from "../../../baseTokens/baseColorTokens/baseColorTokens.js";
+const tagColorTokens = {
+  ["light"]: {
+    tagNeutralText: baseColorTokens.neutral100,
+    tagNeutralBg: baseColorTokens.neutral30,
+    tagNeutralBorder: baseColorTokens.neutral50,
+    tagNeutralContrast: baseColorTokens.neutral70,
+    tagRedText: baseColorTokens.red60,
+    tagRedBg: baseColorTokens.red10,
+    tagRedBorder: baseColorTokens.red30,
+    tagRedContrast: baseColorTokens.red60,
+    tagOrangeText: baseColorTokens.orange60,
+    tagOrangeBg: baseColorTokens.orange10,
+    tagOrangeBorder: baseColorTokens.orange30,
+    tagOrangeContrast: baseColorTokens.orange60,
+    tagYellowText: baseColorTokens.yellow70,
+    tagYellowBg: baseColorTokens.yellow10,
+    tagYellowBorder: baseColorTokens.yellow50,
+    tagYellowContrast: baseColorTokens.yellow70,
+    tagGreenText: baseColorTokens.green60,
+    tagGreenBg: baseColorTokens.green10,
+    tagGreenBorder: baseColorTokens.green30,
+    tagGreenContrast: baseColorTokens.green60,
+    tagCyanText: baseColorTokens.cyan60,
+    tagCyanBg: baseColorTokens.cyan10,
+    tagCyanBorder: baseColorTokens.cyan30,
+    tagCyanContrast: baseColorTokens.cyan60,
+    tagBlueText: baseColorTokens.blue60,
+    tagBlueBg: baseColorTokens.blue10,
+    tagBlueBorder: baseColorTokens.blue30,
+    tagBlueContrast: baseColorTokens.blue60,
+    tagPurpleText: baseColorTokens.purple60,
+    tagPurpleBg: baseColorTokens.purple10,
+    tagPurpleBorder: baseColorTokens.purple30,
+    tagPurpleContrast: baseColorTokens.purple60,
+    tagMagentaText: baseColorTokens.magenta60,
+    tagMagentaBg: baseColorTokens.magenta10,
+    tagMagentaBorder: baseColorTokens.magenta30,
+    tagMagentaContrast: baseColorTokens.magenta60
+  }
+};
+export {
+  tagColorTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/textColorTokens.d.ts

@@ -0,0 +1,19 @@
+export declare const textColorTokens: {
+    light: {
+        textPrimary: "#262626";
+        textComplimentary: "#595959";
+        textSecondary: "#8C8C8C";
+        textDisabled: "#8C8C8C";
+        textContrast: "#FFFFFF";
+        textIcon: `rgba(${number}, ${number}, ${number}, 0.3)`;
+        textIconHover: `rgba(${number}, ${number}, ${number}, 0.7)`;
+        textIconDisabled: `rgba(${number}, ${number}, ${number}, 0.1)`;
+        textIconContrast: `rgba(${number}, ${number}, ${number}, 0.8)`;
+        textIconContrastHover: "#FFFFFF";
+        textIconContrastDisabled: `rgba(${number}, ${number}, ${number}, 0.3)`;
+        textHint: "#BFBFBF";
+        textLink: "#0CB3B3";
+        textLinkHover: "#50CCC4";
+        textLinkActive: "#03888C";
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/textColorTokens.js

@@ -0,0 +1,24 @@
+import { baseColorTokens } from "../../../baseTokens/baseColorTokens/baseColorTokens.js";
+import { primaryColorTokens } from "./primaryColorTokens.js";
+const textColorTokens = {
+  ["light"]: {
+    textPrimary: baseColorTokens.neutral100,
+    textComplimentary: baseColorTokens.neutral80,
+    textSecondary: baseColorTokens.neutral70,
+    textDisabled: baseColorTokens.neutral70,
+    textContrast: baseColorTokens.neutral10,
+    textIcon: baseColorTokens.transparentBlack30,
+    textIconHover: baseColorTokens.transparentBlack70,
+    textIconDisabled: baseColorTokens.transparentBlack10,
+    textIconContrast: baseColorTokens.transparentWhite80,
+    textIconContrastHover: baseColorTokens.neutral10,
+    textIconContrastDisabled: baseColorTokens.transparentWhite30,
+    textHint: baseColorTokens.neutral60,
+    textLink: primaryColorTokens["light"].primaryBase,
+    textLinkHover: primaryColorTokens["light"].primaryHover,
+    textLinkActive: primaryColorTokens["light"].primaryActive
+  }
+};
+export {
+  textColorTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/warningColorTokens.d.ts

@@ -0,0 +1,11 @@
+export declare const warningColorTokens: {
+    light: {
+        warningBase: "#FA8C16";
+        warningHover: "#FFA940";
+        warningActive: "#D46B08";
+        warningBg: "#FFF7E6";
+        warningBorder: "#FFD591";
+        warningHoverInverse: "#FFF7E6";
+        warningActiveInverse: "#FFE7BA";
+    };
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/warningColorTokens.js

@@ -0,0 +1,15 @@
+import { baseColorTokens } from "../../../baseTokens/baseColorTokens/baseColorTokens.js";
+const warningColorTokens = {
+  ["light"]: {
+    warningBase: baseColorTokens.orange60,
+    warningHover: baseColorTokens.orange50,
+    warningActive: baseColorTokens.orange70,
+    warningBg: baseColorTokens.orange10,
+    warningBorder: baseColorTokens.orange30,
+    warningHoverInverse: baseColorTokens.orange10,
+    warningActiveInverse: baseColorTokens.orange20
+  }
+};
+export {
+  warningColorTokens
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticColorTokens.d.ts

@@ -0,0 +1,116 @@
+import { ThemeNames } from 'themes/themes.types';
+export declare const getSemanticColorTokens: (themeName: ThemeNames) => {
+    positiveBase: "#52C41A";
+    positiveHover: "#73D13D";
+    positiveActive: "#389E0D";
+    positiveBg: "#F6FFED";
+    positiveBorder: "#B7EB8F";
+    positiveHoverInverse: "#F6FFED";
+    positiveActiveInverse: "#D9F7BE";
+    fieldFocused: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    fieldFocusedDanger: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    tagNeutralText: "#262626";
+    tagNeutralBg: "#F5F5F5";
+    tagNeutralBorder: "#D9D9D9";
+    tagNeutralContrast: "#8C8C8C";
+    tagRedText: "#F5222D";
+    tagRedBg: "#FFF1F0";
+    tagRedBorder: "#FFA39E";
+    tagRedContrast: "#F5222D";
+    tagOrangeText: "#FA8C16";
+    tagOrangeBg: "#FFF7E6";
+    tagOrangeBorder: "#FFD591";
+    tagOrangeContrast: "#FA8C16";
+    tagYellowText: "#D4B106";
+    tagYellowBg: "#FEFFE6";
+    tagYellowBorder: "#FFEC3D";
+    tagYellowContrast: "#D4B106";
+    tagGreenText: "#52C41A";
+    tagGreenBg: "#F6FFED";
+    tagGreenBorder: "#B7EB8F";
+    tagGreenContrast: "#52C41A";
+    tagCyanText: "#13C2C2";
+    tagCyanBg: "#E6FFFB";
+    tagCyanBorder: "#87E8DE";
+    tagCyanContrast: "#13C2C2";
+    tagBlueText: "#1677FF";
+    tagBlueBg: "#E6F4FF";
+    tagBlueBorder: "#91CAFF";
+    tagBlueContrast: "#1677FF";
+    tagPurpleText: "#722ED1";
+    tagPurpleBg: "#F9F0FF";
+    tagPurpleBorder: "#D3ADF7";
+    tagPurpleContrast: "#722ED1";
+    tagMagentaText: "#EB2F96";
+    tagMagentaBg: "#FFF0F6";
+    tagMagentaBorder: "#FFADD2";
+    tagMagentaContrast: "#EB2F96";
+    infoBase: "#1677FF";
+    infoHover: "#4096FF";
+    infoActive: "#0958D9";
+    infoBg: "#E6F4FF";
+    infoBorder: "#91CAFF";
+    infoHoverInverse: "#E6F4FF";
+    infoActiveInverse: "#BAE0FF";
+    warningBase: "#FA8C16";
+    warningHover: "#FFA940";
+    warningActive: "#D46B08";
+    warningBg: "#FFF7E6";
+    warningBorder: "#FFD591";
+    warningHoverInverse: "#FFF7E6";
+    warningActiveInverse: "#FFE7BA";
+    dangerBase: "#FF4D4F";
+    dangerHover: "#FF7875";
+    dangerActive: "#CF1322";
+    dangerBg: "#FFF1F0";
+    dangerBorder: "#FFA39E";
+    dangerHoverInverse: "#FFF1F0";
+    dangerActiveInverse: "#FFCCC7";
+    lineDivider: "#E5E5E5";
+    lineBorder: "#D9D9D9";
+    lineBorderTransparent: `rgba(${number}, ${number}, ${number}, 0.1)`;
+    lineBorderTransparentContrast: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    bgPrimary: "#FFFFFF";
+    bgComplimentary: "#FAFAFA";
+    bgSecondary: "#F0F0F0";
+    bgContainer: "#FFFFFF";
+    bgContainerHover: "#F5F5F5";
+    bgContainerActive: "#D9D9D9";
+    bgContainerDisabled: "#F0F0F0";
+    bgContainerDisabledContrast: "#D9D9D9";
+    bgContainerComplimentary: "#FAFAFA";
+    bgContainerInverse: "#262626";
+    bgContainerInverseHover: "#434343";
+    bgContainerInverseActive: "#1F1F1F";
+    bgControl: "#BFBFBF";
+    bgControlHover: "#8C8C8C";
+    bgIconHover: `rgba(${number}, ${number}, ${number}, 0.05)`;
+    bgIconActive: `rgba(${number}, ${number}, ${number}, 0.1)`;
+    bgRail: `rgba(${number}, ${number}, ${number}, 0.05)`;
+    bgRailHover: `rgba(${number}, ${number}, ${number}, 0.1)`;
+    bgFloat: "#FFFFFF";
+    bgFloatContrast: "#262626";
+    bgMask: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    textPrimary: "#262626";
+    textComplimentary: "#595959";
+    textSecondary: "#8C8C8C";
+    textDisabled: "#8C8C8C";
+    textContrast: "#FFFFFF";
+    textIcon: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    textIconHover: `rgba(${number}, ${number}, ${number}, 0.7)`;
+    textIconDisabled: `rgba(${number}, ${number}, ${number}, 0.1)`;
+    textIconContrast: `rgba(${number}, ${number}, ${number}, 0.8)`;
+    textIconContrastHover: "#FFFFFF";
+    textIconContrastDisabled: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    textHint: "#BFBFBF";
+    textLink: "#0CB3B3";
+    textLinkHover: "#50CCC4";
+    textLinkActive: "#03888C";
+    primaryBase: "#0CB3B3";
+    primaryHover: "#50CCC4";
+    primaryActive: "#03888C";
+    primaryBg: "#E1FAF6";
+    primaryBorder: "#77D9CF";
+    primaryHoverInverse: "#E1FAF6";
+    primaryActiveInverse: "#A3E6DD";
+};

package/dist/themes/semanticTokens/colorSemanticTokens/semanticColorTokens.js

@@ -0,0 +1,25 @@
+import { backgroundColorTokens } from "./semanticBlocks/backgroundColorTokens.js";
+import { dangerColorTokens } from "./semanticBlocks/dangerColorTokens.js";
+import { infoColorTokens } from "./semanticBlocks/infoColorTokens.js";
+import { lineColorTokens } from "./semanticBlocks/lineColorTokens.js";
+import { primaryColorTokens } from "./semanticBlocks/primaryColorTokens.js";
+import { tagColorTokens } from "./semanticBlocks/tagColorTokens.js";
+import { textColorTokens } from "./semanticBlocks/textColorTokens.js";
+import { warningColorTokens } from "./semanticBlocks/warningColorTokens.js";
+import { controlShadowsTokens } from "./semanticBlocks/controlShadowsTokens.js";
+import { positiveColorTokens } from "./semanticBlocks/PositiveColorTokens.js";
+const getSemanticColorTokens = (themeName) => ({
+  ...primaryColorTokens[themeName],
+  ...textColorTokens[themeName],
+  ...backgroundColorTokens[themeName],
+  ...lineColorTokens[themeName],
+  ...dangerColorTokens[themeName],
+  ...warningColorTokens[themeName],
+  ...infoColorTokens[themeName],
+  ...tagColorTokens[themeName],
+  ...controlShadowsTokens[themeName],
+  ...positiveColorTokens[themeName]
+});
+export {
+  getSemanticColorTokens
+};

package/dist/themes/semanticTokens/otherSemanticTokens/otherSemanticTokens.d.ts

@@ -0,0 +1,4 @@
+import { ThemeNames } from 'themes/themes.types';
+export declare const getOtherSemanticTokens: (themeName: ThemeNames) => {
+    opacityLoading: "65%";
+};

package/dist/themes/semanticTokens/otherSemanticTokens/otherSemanticTokens.js

@@ -0,0 +1,7 @@
+import { opacityTokens } from "./semanticBlocks/opacityTokens.js";
+const getOtherSemanticTokens = (themeName) => ({
+  ...opacityTokens[themeName]
+});
+export {
+  getOtherSemanticTokens
+};

package/dist/themes/semanticTokens/otherSemanticTokens/semanticBlocks/opacityTokens.d.ts

@@ -0,0 +1,5 @@
+export declare const opacityTokens: {
+    readonly light: {
+        readonly opacityLoading: "65%";
+    };
+};

package/dist/themes/semanticTokens/otherSemanticTokens/semanticBlocks/opacityTokens.js

@@ -0,0 +1,8 @@
+const opacityTokens = {
+  ["light"]: {
+    opacityLoading: "65%"
+  }
+};
+export {
+  opacityTokens
+};

package/dist/themes/semanticTokens/sizeSemanticTokens/semanticBlocks/borderRadiusSizeTokens.d.ts

@@ -0,0 +1,6 @@
+export declare const borderRadiusSizeTokens: {
+    light: {
+        borderRadiusM: 4;
+        borderRadiusL: 8;
+    };
+};

package/dist/themes/semanticTokens/sizeSemanticTokens/semanticBlocks/borderRadiusSizeTokens.js

@@ -0,0 +1,10 @@
+import { baseSizeTokens } from "../../../baseTokens/baseSizeTokens/baseSizeTokens.js";
+const borderRadiusSizeTokens = {
+  ["light"]: {
+    borderRadiusM: baseSizeTokens.x1,
+    borderRadiusL: baseSizeTokens.x2
+  }
+};
+export {
+  borderRadiusSizeTokens
+};

package/dist/themes/semanticTokens/sizeSemanticTokens/semanticBlocks/controlSizeTokens.d.ts

@@ -0,0 +1,6 @@
+export declare const controlSizeTokens: {
+    light: {
+        controlInteractiveSize: 16;
+        controlHeightM: 28;
+    };
+};

package/dist/themes/semanticTokens/sizeSemanticTokens/semanticBlocks/controlSizeTokens.js

@@ -0,0 +1,10 @@
+import { baseSizeTokens } from "../../../baseTokens/baseSizeTokens/baseSizeTokens.js";
+const controlSizeTokens = {
+  ["light"]: {
+    controlInteractiveSize: baseSizeTokens.x4,
+    controlHeightM: baseSizeTokens.x7
+  }
+};
+export {
+  controlSizeTokens
+};

package/dist/themes/semanticTokens/sizeSemanticTokens/semanticBlocks/iconSizeTokens.d.ts

@@ -0,0 +1,9 @@
+export declare const iconSizeTokens: {
+    light: {
+        iconXS: 8;
+        iconS: 12;
+        iconM: 16;
+        iconL: 24;
+        iconXL: 32;
+    };
+};

package/dist/themes/semanticTokens/sizeSemanticTokens/semanticBlocks/iconSizeTokens.js

@@ -0,0 +1,13 @@
+import { baseSizeTokens } from "../../../baseTokens/baseSizeTokens/baseSizeTokens.js";
+const iconSizeTokens = {
+  ["light"]: {
+    iconXS: baseSizeTokens.x2,
+    iconS: baseSizeTokens.x3,
+    iconM: baseSizeTokens.x4,
+    iconL: baseSizeTokens.x6,
+    iconXL: baseSizeTokens.x8
+  }
+};
+export {
+  iconSizeTokens
+};

package/dist/themes/semanticTokens/sizeSemanticTokens/semanticBlocks/marginSizeTokens.d.ts

@@ -0,0 +1,8 @@
+export declare const marginSizeTokens: {
+    light: {
+        marginXS: 4;
+        marginS: 6;
+        marginM: 8;
+        marginL: 12;
+    };
+};

package/dist/themes/semanticTokens/sizeSemanticTokens/semanticBlocks/marginSizeTokens.js

@@ -0,0 +1,12 @@
+import { baseSizeTokens } from "../../../baseTokens/baseSizeTokens/baseSizeTokens.js";
+const marginSizeTokens = {
+  ["light"]: {
+    marginXS: baseSizeTokens.x1,
+    marginS: baseSizeTokens.x1AndHalf,
+    marginM: baseSizeTokens.x2,
+    marginL: baseSizeTokens.x3
+  }
+};
+export {
+  marginSizeTokens
+};