@vellira-ui/tokens 2.40.0 → 2.41.0

package/dist/generated/token-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,q+MAwMrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,u8tFAy1DtB,CAAC;AAEX,eAAO,MAAM,cAAc,ypDA+DjB,CAAC;AAEX,eAAO,MAAM,UAAU,87iGAktEb,CAAC;AAEX,eAAO,MAAM,oBAAoB,w2BAgDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,y/8EAopExB,CAAC;AAEX,eAAO,MAAM,gBAAgB,yy+EAgsEnB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACxC,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,OAAO,GACP,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtB,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,q+MAwMrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,yovFA02DtB,CAAC;AAEX,eAAO,MAAM,cAAc,ypDA+DjB,CAAC;AAEX,eAAO,MAAM,UAAU,gokGAmuEb,CAAC;AAEX,eAAO,MAAM,oBAAoB,w2BAgDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,qj+EAqqExB,CAAC;AAEX,eAAO,MAAM,gBAAgB,q2/EAitEnB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACxC,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,OAAO,GACP,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtB,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/generated/token-types.js

@@ -2200,10 +2200,27 @@ export const componentTokenPaths = [
     'components.tabs.warning.trigger.hover.border',
     'components.tabs.warning.trigger.hover.fg',
     'components.tooltip.arrow.bg',
+    'components.tooltip.arrow.compactSize',
+    'components.tooltip.arrow.size',
+    'components.tooltip.content.animationDuration',
     'components.tooltip.content.bg',
     'components.tooltip.content.border',
+    'components.tooltip.content.borderWidth',
+    'components.tooltip.content.compactFontSize',
+    'components.tooltip.content.compactLineHeight',
+    'components.tooltip.content.compactMaxWidth',
+    'components.tooltip.content.compactPaddingX',
+    'components.tooltip.content.compactPaddingY',
     'components.tooltip.content.fg',
+    'components.tooltip.content.fontSize',
+    'components.tooltip.content.lineHeight',
+    'components.tooltip.content.maxWidth',
+    'components.tooltip.content.paddingX',
+    'components.tooltip.content.paddingY',
+    'components.tooltip.content.radius',
+    'components.tooltip.content.scale',
     'components.tooltip.content.shadow',
+    'components.tooltip.content.translateY',
 ];
 export const baseTokenPaths = [
     'tokens.radius.full',
@@ -4262,10 +4279,27 @@ export const tokenPaths = [
     'components.tabs.warning.trigger.hover.border',
     'components.tabs.warning.trigger.hover.fg',
     'components.tooltip.arrow.bg',
+    'components.tooltip.arrow.compactSize',
+    'components.tooltip.arrow.size',
+    'components.tooltip.content.animationDuration',
     'components.tooltip.content.bg',
     'components.tooltip.content.border',
+    'components.tooltip.content.borderWidth',
+    'components.tooltip.content.compactFontSize',
+    'components.tooltip.content.compactLineHeight',
+    'components.tooltip.content.compactMaxWidth',
+    'components.tooltip.content.compactPaddingX',
+    'components.tooltip.content.compactPaddingY',
     'components.tooltip.content.fg',
+    'components.tooltip.content.fontSize',
+    'components.tooltip.content.lineHeight',
+    'components.tooltip.content.maxWidth',
+    'components.tooltip.content.paddingX',
+    'components.tooltip.content.paddingY',
+    'components.tooltip.content.radius',
+    'components.tooltip.content.scale',
     'components.tooltip.content.shadow',
+    'components.tooltip.content.translateY',
     'semantic.action.close.active.bg',
     'semantic.action.close.active.border',
     'semantic.action.close.active.fg',
@@ -6769,10 +6803,27 @@ export const themeCssVariableNames = [
     '--text-secondary',
     '--text-subtle',
     '--tooltip-arrow-bg',
+    '--tooltip-arrow-compact-size',
+    '--tooltip-arrow-size',
+    '--tooltip-content-animation-duration',
     '--tooltip-content-bg',
     '--tooltip-content-border',
+    '--tooltip-content-border-width',
+    '--tooltip-content-compact-font-size',
+    '--tooltip-content-compact-line-height',
+    '--tooltip-content-compact-max-width',
+    '--tooltip-content-compact-padding-x',
+    '--tooltip-content-compact-padding-y',
     '--tooltip-content-fg',
+    '--tooltip-content-font-size',
+    '--tooltip-content-line-height',
+    '--tooltip-content-max-width',
+    '--tooltip-content-padding-x',
+    '--tooltip-content-padding-y',
+    '--tooltip-content-radius',
+    '--tooltip-content-scale',
     '--tooltip-content-shadow',
+    '--tooltip-content-translate-y',
 ];
 export const cssVariableNames = [
     '--action-close-active-bg',
@@ -9004,10 +9055,27 @@ export const cssVariableNames = [
     '--text-secondary',
     '--text-subtle',
     '--tooltip-arrow-bg',
+    '--tooltip-arrow-compact-size',
+    '--tooltip-arrow-size',
+    '--tooltip-content-animation-duration',
     '--tooltip-content-bg',
     '--tooltip-content-border',
+    '--tooltip-content-border-width',
+    '--tooltip-content-compact-font-size',
+    '--tooltip-content-compact-line-height',
+    '--tooltip-content-compact-max-width',
+    '--tooltip-content-compact-padding-x',
+    '--tooltip-content-compact-padding-y',
     '--tooltip-content-fg',
+    '--tooltip-content-font-size',
+    '--tooltip-content-line-height',
+    '--tooltip-content-max-width',
+    '--tooltip-content-padding-x',
+    '--tooltip-content-padding-y',
+    '--tooltip-content-radius',
+    '--tooltip-content-scale',
     '--tooltip-content-shadow',
+    '--tooltip-content-translate-y',
     '--z-index-backdrop',
     '--z-index-dropdown',
     '--z-index-modal',

package/dist/highContrast/components/tooltip.d.ts

@@ -1,12 +1,2 @@
-export declare const tooltip: {
-    readonly content: {
-        readonly bg: "#FFFFFF";
-        readonly fg: "#000000";
-        readonly border: "#FCD34D";
-        readonly shadow: "0 4px 12px rgba(0, 0, 0, 0.6)";
-    };
-    readonly arrow: {
-        readonly bg: "#FFFFFF";
-    };
-};
+export declare const tooltip: import("../../factories/createTooltipTokens.js").TooltipTokens;
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/highContrast/components/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/tooltip.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;CAWV,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/tooltip.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,gEAclB,CAAC"}

package/dist/highContrast/components/tooltip.js

@@ -1,13 +1,21 @@
+import { createTooltipTokens } from '../../factories/createTooltipTokens.js';
+import { radius } from '../../tokens/radius.js';
+import { spacing } from '../../tokens/spacing.js';
+import { typography } from '../../tokens/typography.js';
 import { overlay } from '../semantic/overlay.js';
 import { shadow } from '../semantic/shadow.js';
-export const tooltip = {
-    content: {
-        bg: overlay.tooltip.bg,
-        fg: overlay.tooltip.fg,
-        border: overlay.tooltip.border,
-        shadow: shadow.md,
-    },
-    arrow: {
-        bg: overlay.tooltip.bg,
-    },
-};
+export const tooltip = createTooltipTokens({
+    contentBg: overlay.tooltip.bg,
+    contentFg: overlay.tooltip.fg,
+    contentBorder: overlay.tooltip.border,
+    contentShadow: shadow.md,
+    contentRadius: radius.sm,
+    contentPaddingX: spacing[3],
+    contentPaddingY: spacing[2],
+    contentCompactPaddingX: spacing[2],
+    contentCompactPaddingY: spacing[1],
+    contentFontSize: typography.size.sm,
+    contentLineHeight: typography.lineHeight.sm,
+    contentCompactFontSize: typography.size.xs,
+    contentCompactLineHeight: typography.lineHeight.xs,
+});

package/dist/light/components/tooltip.d.ts

@@ -1,12 +1,2 @@
-export declare const tooltip: {
-    readonly content: {
-        readonly bg: "#181521";
-        readonly fg: "#FFFFFF";
-        readonly border: "#181521";
-        readonly shadow: "0 4px 12px rgba(24, 21, 33, 0.12)";
-    };
-    readonly arrow: {
-        readonly bg: "#181521";
-    };
-};
+export declare const tooltip: import("../../factories/createTooltipTokens.js").TooltipTokens;
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/light/components/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/light/components/tooltip.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;CAWV,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/light/components/tooltip.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,gEAclB,CAAC"}

package/dist/light/components/tooltip.js

@@ -1,13 +1,21 @@
+import { createTooltipTokens } from '../../factories/createTooltipTokens.js';
+import { radius } from '../../tokens/radius.js';
+import { spacing } from '../../tokens/spacing.js';
+import { typography } from '../../tokens/typography.js';
 import { overlay } from '../semantic/overlay.js';
 import { shadow } from '../semantic/shadow.js';
-export const tooltip = {
-    content: {
-        bg: overlay.tooltip.bg,
-        fg: overlay.tooltip.fg,
-        border: overlay.tooltip.border,
-        shadow: shadow.md,
-    },
-    arrow: {
-        bg: overlay.tooltip.bg,
-    },
-};
+export const tooltip = createTooltipTokens({
+    contentBg: overlay.tooltip.bg,
+    contentFg: overlay.tooltip.fg,
+    contentBorder: overlay.tooltip.border,
+    contentShadow: shadow.md,
+    contentRadius: radius.sm,
+    contentPaddingX: spacing[3],
+    contentPaddingY: spacing[2],
+    contentCompactPaddingX: spacing[2],
+    contentCompactPaddingY: spacing[1],
+    contentFontSize: typography.size.sm,
+    contentLineHeight: typography.lineHeight.sm,
+    contentCompactFontSize: typography.size.xs,
+    contentCompactLineHeight: typography.lineHeight.xs,
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vellira-ui/tokens",
-  "version": "2.40.0",
+  "version": "2.41.0",
   "description": "Design tokens for Vellira Design System",
   "author": "Roman Bakurov",
   "license": "MIT",