@cube-dev/ui-kit 0.121.4 → 0.121.6

package/dist/tokens/index.d.ts

@@ -5,6 +5,7 @@ import { SPACE_TOKENS } from "./spacing.js";
 import { SHADOW_TOKENS } from "./shadows.js";
 import { LAYOUT_TOKENS } from "./layout.js";
 import { BASE_TOKENS } from "./base.js";
+import { TYPOGRAPHY_PRESETS, TypographyPreset } from "./typography.js";
 import { Styles } from "@tenphi/tasty";
 
 //#region src/tokens/index.d.ts

package/dist/tokens/index.js

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { BASE_TOKENS } from "./base.js";
 import { COLOR_TOKENS } from "./colors.js";
 import { LAYOUT_TOKENS } from "./layout.js";
 import { SHADOW_TOKENS } from "./shadows.js";
 import { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from "./sizes.js";
 import { SPACE_TOKENS } from "./spacing.js";
+import { TYPOGRAPHY_PRESETS } from "./typography.js";
 import { generateTypographyTokens } from "@tenphi/tasty";
 
 //#region src/tokens/index.ts
@@ -44,7 +45,7 @@ const TOKENS = {
 	...SIZE_TOKENS,
 	...SHADOW_TOKENS,
 	...LAYOUT_TOKENS,
-	...generateTypographyTokens(),
+	...generateTypographyTokens(TYPOGRAPHY_PRESETS),
 	...COLOR_TOKENS
 };
 

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design tokens for the Cube UI Kit.\n *\n * This module exports all design tokens used throughout the design system.\n * All token keys use $ prefix for CSS custom properties.\n *\n * Categories:\n * - Colors: Base color palette with -color and -color-rgb variants\n * - Typography: Font presets for headings, text, paragraphs, etc.\n * - Sizes: Component size values (XS, SM, MD, LG, XL)\n * - Spacing: Space tokens using gap multipliers\n * - Shadows: Shadow definitions for elevation\n * - Layout: Common layout dimensions\n * - Base: Core design system values\n */\n\nimport { generateTypographyTokens } from '@tenphi/tasty';\n\nimport { BASE_TOKENS } from './base';\nimport { COLOR_TOKENS } from './colors';\nimport { LAYOUT_TOKENS } from './layout';\nimport { SHADOW_TOKENS } from './shadows';\nimport { SIZE_NAME_TO_KEY, SIZE_TOKENS, SIZES } from './sizes';\nimport { SPACE_TOKENS } from './spacing';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { SizeKey, SizeName } from './sizes';\n\n/**\n * All design tokens combined into a single Styles object.\n * Keys use $ prefix for CSS custom properties.\n *\n * Ready for use with useGlobalStyles('body', TOKENS).\n *\n * Includes:\n * - Base tokens ($gap, $radius, etc.)\n * - Space tokens ($space-xs, $space-sm, etc.)\n * - Size tokens ($size-xs, $size-sm, etc.)\n * - Shadow tokens ($shadow, $item-shadow, etc.)\n * - Layout tokens ($max-content-width, $topbar-height, etc.)\n * - Typography tokens ($h1-font-size, $t3-line-height, etc.)\n * - Color tokens ($purple-color, $purple-color-rgb, etc.)\n */\nexport const TOKENS: Styles = {\n  ...BASE_TOKENS,\n  ...SPACE_TOKENS,\n  ...SIZE_TOKENS,\n  ...SHADOW_TOKENS,\n  ...LAYOUT_TOKENS,\n  ...generateTypographyTokens(),\n  ...COLOR_TOKENS,\n};\n\n// Re-export category modules for direct access\nexport { COLOR_TOKENS } from './colors';\nexport { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';\nexport type { SizeKey, SizeName } from './sizes';\nexport { SPACE_TOKENS } from './spacing';\nexport { SHADOW_TOKENS } from './shadows';\nexport { LAYOUT_TOKENS } from './layout';\nexport { BASE_TOKENS } from './base';\n// TypographyPreset and TYPOGRAPHY_PRESETS are re-exported from @tenphi/tasty\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,SAAiB;CAC5B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG,0BAA0B;CAC7B,GAAG;CACJ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design tokens for the Cube UI Kit.\n *\n * This module exports all design tokens used throughout the design system.\n * All token keys use $ prefix for CSS custom properties.\n *\n * Categories:\n * - Colors: Base color palette with -color and -color-rgb variants\n * - Typography: Font presets for headings, text, paragraphs, etc.\n * - Sizes: Component size values (XS, SM, MD, LG, XL)\n * - Spacing: Space tokens using gap multipliers\n * - Shadows: Shadow definitions for elevation\n * - Layout: Common layout dimensions\n * - Base: Core design system values\n */\n\nimport { generateTypographyTokens } from '@tenphi/tasty';\n\nimport { BASE_TOKENS } from './base';\nimport { COLOR_TOKENS } from './colors';\nimport { LAYOUT_TOKENS } from './layout';\nimport { SHADOW_TOKENS } from './shadows';\nimport { SIZE_NAME_TO_KEY, SIZE_TOKENS, SIZES } from './sizes';\nimport { SPACE_TOKENS } from './spacing';\nimport { TYPOGRAPHY_PRESETS } from './typography';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { SizeKey, SizeName } from './sizes';\n\n/**\n * All design tokens combined into a single Styles object.\n * Keys use $ prefix for CSS custom properties.\n *\n * Ready for use with useGlobalStyles('body', TOKENS).\n *\n * Includes:\n * - Base tokens ($gap, $radius, etc.)\n * - Space tokens ($space-xs, $space-sm, etc.)\n * - Size tokens ($size-xs, $size-sm, etc.)\n * - Shadow tokens ($shadow, $item-shadow, etc.)\n * - Layout tokens ($max-content-width, $topbar-height, etc.)\n * - Typography tokens ($h1-font-size, $t3-line-height, etc.)\n * - Color tokens ($purple-color, $purple-color-rgb, etc.)\n */\nexport const TOKENS: Styles = {\n  ...BASE_TOKENS,\n  ...SPACE_TOKENS,\n  ...SIZE_TOKENS,\n  ...SHADOW_TOKENS,\n  ...LAYOUT_TOKENS,\n  ...generateTypographyTokens(TYPOGRAPHY_PRESETS),\n  ...COLOR_TOKENS,\n};\n\n// Re-export category modules for direct access\nexport { COLOR_TOKENS } from './colors';\nexport { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';\nexport type { SizeKey, SizeName } from './sizes';\nexport { SPACE_TOKENS } from './spacing';\nexport { SHADOW_TOKENS } from './shadows';\nexport { LAYOUT_TOKENS } from './layout';\nexport { BASE_TOKENS } from './base';\nexport { TYPOGRAPHY_PRESETS } from './typography';\nexport type { TypographyPreset } from './typography';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAa,SAAiB;CAC5B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG,yBAAyB,mBAAmB;CAC/C,GAAG;CACJ"}

package/dist/tokens/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/shadows.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.

package/dist/tokens/sizes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/spacing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/typography.d.ts

@@ -0,0 +1,35 @@
+
+//#region src/tokens/typography.d.ts
+/**
+ * Typography preset configuration.
+ * Each preset defines font properties that get expanded into CSS custom properties.
+ */
+interface TypographyPreset {
+  fontSize: string;
+  lineHeight: string;
+  letterSpacing?: string;
+  fontWeight: string | number;
+  boldFontWeight?: string | number;
+  iconSize?: string;
+  textTransform?: string;
+  fontFamily?: string;
+  fontStyle?: string;
+}
+/**
+ * Typography presets for headings, text, and special styles.
+ *
+ * Naming conventions:
+ * - `h1`-`h6`: Headings (bold by default)
+ * - `t1`-`t4`: Text styles (regular weight)
+ * - `t1m`-`t4m`: Text styles medium weight
+ * - `m1`-`m3`: Markdown/prose styles (larger line-height)
+ * - `p1`-`p4`: Paragraph styles
+ * - `c1`-`c2`: Caption/uppercase styles
+ * - `tag`: Tag/badge typography
+ * - `strong`, `em`: Inline semantic styles
+ * - `default`: Base text style
+ */
+declare const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset>;
+//#endregion
+export { TYPOGRAPHY_PRESETS, TypographyPreset };
+//# sourceMappingURL=typography.d.ts.map

package/dist/tokens/typography.js

@@ -0,0 +1,238 @@
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
+//#region src/tokens/typography.ts
+/**
+* Typography presets for headings, text, and special styles.
+*
+* Naming conventions:
+* - `h1`-`h6`: Headings (bold by default)
+* - `t1`-`t4`: Text styles (regular weight)
+* - `t1m`-`t4m`: Text styles medium weight
+* - `m1`-`m3`: Markdown/prose styles (larger line-height)
+* - `p1`-`p4`: Paragraph styles
+* - `c1`-`c2`: Caption/uppercase styles
+* - `tag`: Tag/badge typography
+* - `strong`, `em`: Inline semantic styles
+* - `default`: Base text style
+*/
+const TYPOGRAPHY_PRESETS = {
+	text: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "400"
+	},
+	h1: {
+		fontSize: "36px",
+		lineHeight: "44px",
+		letterSpacing: "-0.01em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "40px"
+	},
+	h2: {
+		fontSize: "24px",
+		lineHeight: "32px",
+		letterSpacing: "0em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "28px"
+	},
+	h3: {
+		fontSize: "20px",
+		lineHeight: "28px",
+		letterSpacing: "0em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "24px"
+	},
+	h4: {
+		fontSize: "18px",
+		lineHeight: "24px",
+		letterSpacing: "0",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "22px"
+	},
+	h5: {
+		fontSize: "16px",
+		lineHeight: "22px",
+		letterSpacing: "0",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "20px"
+	},
+	h6: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0.01em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "20px"
+	},
+	t1: {
+		fontSize: "18px",
+		lineHeight: "24px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	t2: {
+		fontSize: "16px",
+		lineHeight: "22px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	t2m: {
+		fontSize: "16px",
+		lineHeight: "22px",
+		letterSpacing: "0",
+		fontWeight: "500",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	t3: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "18px"
+	},
+	t3m: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "500",
+		boldFontWeight: "600",
+		iconSize: "18px"
+	},
+	t4: {
+		fontSize: "12px",
+		lineHeight: "18px",
+		letterSpacing: "0",
+		fontWeight: "500",
+		boldFontWeight: "600",
+		iconSize: "16px"
+	},
+	t4m: {
+		fontSize: "12px",
+		lineHeight: "18px",
+		letterSpacing: "0",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "16px"
+	},
+	m1: {
+		fontSize: "18px",
+		lineHeight: "32px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "22px"
+	},
+	m2: {
+		fontSize: "16px",
+		lineHeight: "28px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	m3: {
+		fontSize: "14px",
+		lineHeight: "24px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	p1: {
+		fontSize: "18px",
+		lineHeight: "28px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "22px"
+	},
+	p2: {
+		fontSize: "16px",
+		lineHeight: "24px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "20px"
+	},
+	p3: {
+		fontSize: "14px",
+		lineHeight: "22px",
+		letterSpacing: "0",
+		fontWeight: "400",
+		boldFontWeight: "600",
+		iconSize: "18px"
+	},
+	p4: {
+		fontSize: "12px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "500",
+		boldFontWeight: "600",
+		iconSize: "16px"
+	},
+	c1: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		letterSpacing: "0",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		textTransform: "uppercase",
+		iconSize: "18px"
+	},
+	c2: {
+		fontSize: "12px",
+		lineHeight: "18px",
+		letterSpacing: "0.01em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		textTransform: "uppercase",
+		iconSize: "16px"
+	},
+	tag: {
+		fontSize: "12px",
+		lineHeight: "18px",
+		letterSpacing: "0.01em",
+		fontWeight: "600",
+		boldFontWeight: "700",
+		iconSize: "16px"
+	},
+	strong: {
+		fontSize: "inherit",
+		lineHeight: "inherit",
+		letterSpacing: "inherit",
+		fontFamily: "inherit",
+		fontStyle: "inherit",
+		fontWeight: "var(--bold-font-weight, var(--default-bold-font-weight, 600))"
+	},
+	em: {
+		fontSize: "inherit",
+		lineHeight: "inherit",
+		letterSpacing: "inherit",
+		fontFamily: "inherit",
+		fontStyle: "italic",
+		fontWeight: "inherit"
+	},
+	default: {
+		fontSize: "var(--t3-font-size)",
+		lineHeight: "var(--t3-line-height)",
+		letterSpacing: "var(--t3-letter-spacing)",
+		fontWeight: "var(--t3-font-weight)",
+		boldFontWeight: "600",
+		iconSize: "inherit"
+	}
+};
+
+//#endregion
+export { TYPOGRAPHY_PRESETS };
+//# sourceMappingURL=typography.js.map

package/dist/tokens/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":[],"sources":["../../src/tokens/typography.ts"],"sourcesContent":["/**\n * Typography preset configuration.\n * Each preset defines font properties that get expanded into CSS custom properties.\n */\nexport interface TypographyPreset {\n  fontSize: string;\n  lineHeight: string;\n  letterSpacing?: string;\n  fontWeight: string | number;\n  boldFontWeight?: string | number;\n  iconSize?: string;\n  textTransform?: string;\n  fontFamily?: string;\n  fontStyle?: string;\n}\n\n/**\n * Typography presets for headings, text, and special styles.\n *\n * Naming conventions:\n * - `h1`-`h6`: Headings (bold by default)\n * - `t1`-`t4`: Text styles (regular weight)\n * - `t1m`-`t4m`: Text styles medium weight\n * - `m1`-`m3`: Markdown/prose styles (larger line-height)\n * - `p1`-`p4`: Paragraph styles\n * - `c1`-`c2`: Caption/uppercase styles\n * - `tag`: Tag/badge typography\n * - `strong`, `em`: Inline semantic styles\n * - `default`: Base text style\n */\nexport const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset> = {\n  // Text (basic)\n  text: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n  },\n\n  // Headings (h1-h6)\n  h1: {\n    fontSize: '36px',\n    lineHeight: '44px',\n    letterSpacing: '-0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '40px',\n  },\n  h2: {\n    fontSize: '24px',\n    lineHeight: '32px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '28px',\n  },\n  h3: {\n    fontSize: '20px',\n    lineHeight: '28px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '24px',\n  },\n  h4: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '22px',\n  },\n  h5: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n  h6: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n\n  // Text styles (t1-t4)\n  t1: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2m: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t3: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t3m: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t4: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n  t4m: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Markdown/prose styles (m1-m3)\n  m1: {\n    fontSize: '18px',\n    lineHeight: '32px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  m2: {\n    fontSize: '16px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  m3: {\n    fontSize: '14px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n\n  // Paragraph styles (p1-p4)\n  p1: {\n    fontSize: '18px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  p2: {\n    fontSize: '16px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  p3: {\n    fontSize: '14px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  p4: {\n    fontSize: '12px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n\n  // Caption/uppercase styles (c1-c2)\n  c1: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '18px',\n  },\n  c2: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '16px',\n  },\n\n  // Tag typography\n  tag: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Inline semantic styles\n  strong: {\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: 'inherit',\n    fontFamily: 'inherit',\n    fontStyle: 'inherit',\n    fontWeight: 'var(--bold-font-weight, var(--default-bold-font-weight, 600))',\n  },\n  em: {\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: 'inherit',\n    fontFamily: 'inherit',\n    fontStyle: 'italic',\n    fontWeight: 'inherit',\n  },\n\n  // Default text style (references t3)\n  default: {\n    fontSize: 'var(--t3-font-size)',\n    lineHeight: 'var(--t3-line-height)',\n    letterSpacing: 'var(--t3-letter-spacing)',\n    fontWeight: 'var(--t3-font-weight)',\n    boldFontWeight: '600',\n    iconSize: 'inherit',\n  },\n};\n"],"mappings":"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"}

package/dist/utils/ResizeSensor.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/is-dev-env.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 function isDevEnv() {
 	if (typeof window !== "undefined" && window.localStorage) try {

package/dist/utils/modules.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 

package/dist/utils/react/Slots.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { Children, cloneElement, createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/utils/react/chain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/forwardRefWithGenerics.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

package/dist/utils/react/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
 import { isTextOnly } from "./isTextOnly.js";

package/dist/utils/react/interactions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useState } from "react";
 import { useFocus, useFocusVisible } from "react-aria";
 

package/dist/utils/react/isTextOnly.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { Children, isValidElement } from "react";
 
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useSyncExternalStore } from "react";
 

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useEffect, useRef } from "react";
 
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useSyncExternalStore } from "react";
 

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.121.4";
+const VERSION = "0.121.6";
 if (typeof window !== "undefined") {
 	const version = VERSION;
 	window.CubeUIKit = window.CubeUIKit || { version };

package/docs/BaseProperties.md

@@ -63,7 +63,7 @@ Position and dimension styles: POSITION_STYLES, DIMENSION_STYLES, BLOCK_OUTER_ST
 ## Usage
 
 ```jsx
-<Button qa="submit-button" width="100%" padding="1x 2x">
+<Button qa="SubmitButton" width="100%" padding="1x 2x">
   Submit
 </Button>