@vellira-ui/tokens 2.52.0 → 2.53.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,ogNAyMrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,yzxFAs4DtB,CAAC;AAEX,eAAO,MAAM,cAAc,guDAiEjB,CAAC;AAEX,eAAO,MAAM,UAAU,s5mGAkwEb,CAAC;AAEX,eAAO,MAAM,oBAAoB,05BAkDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,uigFAksExB,CAAC;AAEX,eAAO,MAAM,gBAAgB,y4hFAgvEnB,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,ogNAyMrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,8nzFA25DtB,CAAC;AAEX,eAAO,MAAM,cAAc,guDAiEjB,CAAC;AAEX,eAAO,MAAM,UAAU,2toGAuxEb,CAAC;AAEX,eAAO,MAAM,oBAAoB,05BAkDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,krhFAutExB,CAAC;AAEX,eAAO,MAAM,gBAAgB,ohjFAqwEnB,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

@@ -1257,6 +1257,27 @@ export const componentTokenPaths = [
     'components.modal.overlay.bg',
     'components.modal.overlay.blur',
     'components.modal.title.fg',
+    'components.popover.arrow.bg',
+    'components.popover.arrow.border',
+    'components.popover.arrow.size',
+    'components.popover.content.bg',
+    'components.popover.content.border',
+    'components.popover.content.borderWidth',
+    'components.popover.content.fg',
+    'components.popover.content.gap',
+    'components.popover.content.maxWidth',
+    'components.popover.content.minWidth',
+    'components.popover.content.padding',
+    'components.popover.content.radius',
+    'components.popover.content.shadow.native.blur',
+    'components.popover.content.shadow.native.color',
+    'components.popover.content.shadow.native.elevation',
+    'components.popover.content.shadow.native.opacity',
+    'components.popover.content.shadow.native.x',
+    'components.popover.content.shadow.native.y',
+    'components.popover.content.shadow.web',
+    'components.popover.description.fg',
+    'components.popover.title.fg',
     'components.radio.danger.default.bg',
     'components.radio.danger.default.border',
     'components.radio.danger.default.fg',
@@ -3366,6 +3387,27 @@ export const tokenPaths = [
     'components.modal.overlay.bg',
     'components.modal.overlay.blur',
     'components.modal.title.fg',
+    'components.popover.arrow.bg',
+    'components.popover.arrow.border',
+    'components.popover.arrow.size',
+    'components.popover.content.bg',
+    'components.popover.content.border',
+    'components.popover.content.borderWidth',
+    'components.popover.content.fg',
+    'components.popover.content.gap',
+    'components.popover.content.maxWidth',
+    'components.popover.content.minWidth',
+    'components.popover.content.padding',
+    'components.popover.content.radius',
+    'components.popover.content.shadow.native.blur',
+    'components.popover.content.shadow.native.color',
+    'components.popover.content.shadow.native.elevation',
+    'components.popover.content.shadow.native.opacity',
+    'components.popover.content.shadow.native.x',
+    'components.popover.content.shadow.native.y',
+    'components.popover.content.shadow.web',
+    'components.popover.description.fg',
+    'components.popover.title.fg',
     'components.radio.danger.default.bg',
     'components.radio.danger.default.border',
     'components.radio.danger.default.fg',
@@ -5876,6 +5918,27 @@ export const themeCssVariableNames = [
     '--overlay-tooltip-bg',
     '--overlay-tooltip-border',
     '--overlay-tooltip-fg',
+    '--popover-arrow-bg',
+    '--popover-arrow-border',
+    '--popover-arrow-size',
+    '--popover-content-bg',
+    '--popover-content-border',
+    '--popover-content-border-width',
+    '--popover-content-fg',
+    '--popover-content-gap',
+    '--popover-content-max-width',
+    '--popover-content-min-width',
+    '--popover-content-padding',
+    '--popover-content-radius',
+    '--popover-content-shadow-native-blur',
+    '--popover-content-shadow-native-color',
+    '--popover-content-shadow-native-elevation',
+    '--popover-content-shadow-native-opacity',
+    '--popover-content-shadow-native-x',
+    '--popover-content-shadow-native-y',
+    '--popover-content-shadow-web',
+    '--popover-description-fg',
+    '--popover-title-fg',
     '--radio-danger-default-bg',
     '--radio-danger-default-border',
     '--radio-danger-default-fg',
@@ -8142,6 +8205,27 @@ export const cssVariableNames = [
     '--overlay-tooltip-bg',
     '--overlay-tooltip-border',
     '--overlay-tooltip-fg',
+    '--popover-arrow-bg',
+    '--popover-arrow-border',
+    '--popover-arrow-size',
+    '--popover-content-bg',
+    '--popover-content-border',
+    '--popover-content-border-width',
+    '--popover-content-fg',
+    '--popover-content-gap',
+    '--popover-content-max-width',
+    '--popover-content-min-width',
+    '--popover-content-padding',
+    '--popover-content-radius',
+    '--popover-content-shadow-native-blur',
+    '--popover-content-shadow-native-color',
+    '--popover-content-shadow-native-elevation',
+    '--popover-content-shadow-native-opacity',
+    '--popover-content-shadow-native-x',
+    '--popover-content-shadow-native-y',
+    '--popover-content-shadow-web',
+    '--popover-description-fg',
+    '--popover-title-fg',
     '--radio-danger-default-bg',
     '--radio-danger-default-border',
     '--radio-danger-default-fg',

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

@@ -5,6 +5,7 @@ export { dropdown } from './dropdown.js';
 export { formField } from './formField.js';
 export { input } from './input.js';
 export { modal } from './modal.js';
+export { popover } from './popover.js';
 export { radio } from './radio.js';
 export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/highContrast/components/index.js

@@ -5,6 +5,7 @@ export { dropdown } from './dropdown.js';
 export { formField } from './formField.js';
 export { input } from './input.js';
 export { modal } from './modal.js';
+export { popover } from './popover.js';
 export { radio } from './radio.js';
 export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';

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

@@ -0,0 +1,50 @@
+export declare const popover: {
+    readonly content: {
+        readonly bg: string;
+        readonly fg: string;
+        readonly border: string;
+        readonly shadow: {
+            readonly web: string;
+            readonly native: {
+                readonly x: 0;
+                readonly y: 1;
+                readonly blur: 3;
+                readonly color: "#000000";
+                readonly opacity: 0.04;
+                readonly elevation: 1;
+            } | {
+                readonly x: 0;
+                readonly y: 6;
+                readonly blur: 16;
+                readonly color: "#000000";
+                readonly opacity: 0.08;
+                readonly elevation: 4;
+            } | {
+                readonly x: 0;
+                readonly y: 12;
+                readonly blur: 32;
+                readonly color: "#000000";
+                readonly opacity: 0.1;
+                readonly elevation: 8;
+            };
+        };
+        readonly borderWidth: 1;
+        readonly radius: number;
+        readonly padding: number;
+        readonly gap: number;
+        readonly minWidth: 220;
+        readonly maxWidth: 320;
+    };
+    readonly title: {
+        readonly fg: string;
+    };
+    readonly description: {
+        readonly fg: string;
+    };
+    readonly arrow: {
+        readonly size: 10;
+        readonly bg: string;
+        readonly border: string;
+    };
+};
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/popover.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWlB,CAAC"}

package/dist/highContrast/components/popover.js

@@ -0,0 +1,19 @@
+import { createPopoverTokens } from '../../factories/createPopoverTokens.js';
+import { radius } from '../../tokens/radius.js';
+import { shadows } from '../../tokens/shadows.js';
+import { spacing } from '../../tokens/spacing.js';
+import { overlay } from '../semantic/overlay.js';
+import { shadow } from '../semantic/shadow.js';
+import { text } from '../semantic/text.js';
+export const popover = createPopoverTokens({
+    contentBg: overlay.popover.bg,
+    contentFg: text.primary,
+    contentBorder: overlay.popover.border,
+    contentWebShadow: shadow.lg,
+    contentNativeShadow: shadows.lg,
+    titleFg: text.primary,
+    descriptionFg: text.secondary,
+    radiusLg: radius.lg,
+    spacing3: spacing[3],
+    spacing4: spacing[4],
+});

package/dist/highContrast/semantic/overlay.d.ts

@@ -1,5 +1,5 @@
 export declare const overlay: {
-    readonly backdrop: "rgba(0, 0, 0, 0.82)";
+    readonly backdrop: "rgba(0, 0, 0, 0.72)";
     readonly tooltip: {
         readonly bg: "#FFFFFF";
         readonly fg: "#000000";

package/dist/highContrast/semantic/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/overlay.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAkBV,CAAC"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/overlay.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAkBV,CAAC"}

package/dist/highContrast/semantic/overlay.js

@@ -1,8 +1,9 @@
 import { colors } from '../../primitives/colors.js';
+import { overlay as primitiveOverlay } from '../../primitives/overlay.js';
 import { border } from './border.js';
 import { surface } from './surface.js';
 export const overlay = {
-    backdrop: 'rgba(0, 0, 0, 0.82)',
+    backdrop: primitiveOverlay.backdrop,
     tooltip: {
         bg: colors.mono[50],
         fg: colors.mono[950],

package/dist/index.d.ts

@@ -4,7 +4,9 @@ import { lightTheme } from './light/theme.js';
 export { darkTheme, highContrastTheme, lightTheme };
 export type { BaseCssVariableName, BaseTokenPath, ColorTokenPath, ComponentTokenPath, CssVariableName, DarkTheme, HighContrastTheme, LightTheme, SemanticTokenPath, ThemeCssVariableName, ThemeName, TokenPath, VelliraBaseTokens, VelliraColors, VelliraComponentTokens, VelliraSemanticTokens, VelliraTheme, WidenTokenValues, } from './generated/token-types.js';
 export { baseCssVariableNames, baseTokenPaths, colorTokenPaths, componentTokenPaths, cssVariableNames, semanticTokenPaths, themeCssVariableNames, themeNames, tokenPaths, } from './generated/token-types.js';
-export { overlay } from './semantic/overlay.js';
+export { overlay } from './primitives/overlay.js';
+export type { FontWeight } from './tokens/typography.js';
+export { fontWeights } from './tokens/typography.js';
 export declare const theme: {
     readonly semantic: typeof import("./dark/semantic/index.js");
     readonly components: typeof import("./dark/components/index.js");

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIR,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIR,CAAC"}

package/dist/index.js

@@ -3,7 +3,8 @@ import { highContrastTheme } from './highContrast/theme.js';
 import { lightTheme } from './light/theme.js';
 export { darkTheme, highContrastTheme, lightTheme };
 export { baseCssVariableNames, baseTokenPaths, colorTokenPaths, componentTokenPaths, cssVariableNames, semanticTokenPaths, themeCssVariableNames, themeNames, tokenPaths, } from './generated/token-types.js';
-export { overlay } from './semantic/overlay.js';
+export { overlay } from './primitives/overlay.js';
+export { fontWeights } from './tokens/typography.js';
 export const theme = {
     semantic: darkTheme.semantic,
     components: darkTheme.components,

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

@@ -5,6 +5,7 @@ export { dropdown } from './dropdown.js';
 export { formField } from './formField.js';
 export { input } from './input.js';
 export { modal } from './modal.js';
+export { popover } from './popover.js';
 export { radio } from './radio.js';
 export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/light/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/light/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/light/components/index.js

@@ -5,6 +5,7 @@ export { dropdown } from './dropdown.js';
 export { formField } from './formField.js';
 export { input } from './input.js';
 export { modal } from './modal.js';
+export { popover } from './popover.js';
 export { radio } from './radio.js';
 export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';

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

@@ -0,0 +1,50 @@
+export declare const popover: {
+    readonly content: {
+        readonly bg: string;
+        readonly fg: string;
+        readonly border: string;
+        readonly shadow: {
+            readonly web: string;
+            readonly native: {
+                readonly x: 0;
+                readonly y: 1;
+                readonly blur: 3;
+                readonly color: "#000000";
+                readonly opacity: 0.04;
+                readonly elevation: 1;
+            } | {
+                readonly x: 0;
+                readonly y: 6;
+                readonly blur: 16;
+                readonly color: "#000000";
+                readonly opacity: 0.08;
+                readonly elevation: 4;
+            } | {
+                readonly x: 0;
+                readonly y: 12;
+                readonly blur: 32;
+                readonly color: "#000000";
+                readonly opacity: 0.1;
+                readonly elevation: 8;
+            };
+        };
+        readonly borderWidth: 1;
+        readonly radius: number;
+        readonly padding: number;
+        readonly gap: number;
+        readonly minWidth: 220;
+        readonly maxWidth: 320;
+    };
+    readonly title: {
+        readonly fg: string;
+    };
+    readonly description: {
+        readonly fg: string;
+    };
+    readonly arrow: {
+        readonly size: 10;
+        readonly bg: string;
+        readonly border: string;
+    };
+};
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/light/components/popover.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWlB,CAAC"}

package/dist/light/components/popover.js

@@ -0,0 +1,19 @@
+import { createPopoverTokens } from '../../factories/createPopoverTokens.js';
+import { radius } from '../../tokens/radius.js';
+import { shadows } from '../../tokens/shadows.js';
+import { spacing } from '../../tokens/spacing.js';
+import { overlay } from '../semantic/overlay.js';
+import { shadow } from '../semantic/shadow.js';
+import { text } from '../semantic/text.js';
+export const popover = createPopoverTokens({
+    contentBg: overlay.popover.bg,
+    contentFg: text.primary,
+    contentBorder: overlay.popover.border,
+    contentWebShadow: shadow.lg,
+    contentNativeShadow: shadows.lg,
+    titleFg: text.primary,
+    descriptionFg: text.secondary,
+    radiusLg: radius.lg,
+    spacing3: spacing[3],
+    spacing4: spacing[4],
+});

package/dist/light/semantic/overlay.d.ts

@@ -1,5 +1,5 @@
 export declare const overlay: {
-    readonly backdrop: "rgba(24, 21, 33, 0.52)";
+    readonly backdrop: "rgba(255, 255, 255, 0.12)";
     readonly tooltip: {
         readonly bg: "#FFFFFF";
         readonly fg: "#3D3754";

package/dist/light/semantic/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/overlay.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAkBV,CAAC"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/overlay.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAkBV,CAAC"}

package/dist/light/semantic/overlay.js

@@ -1,8 +1,9 @@
 import { colors } from '../../primitives/colors.js';
+import { overlay as primitiveOverlay } from '../../primitives/overlay.js';
 import { border } from './border.js';
 import { surface } from './surface.js';
 export const overlay = {
-    backdrop: 'rgba(24, 21, 33, 0.52)',
+    backdrop: primitiveOverlay.backdropLight,
     tooltip: {
         bg: surface.elevated,
         fg: colors.vellira[700],

package/dist/{semantic → primitives}/index.d.ts

@@ -1,3 +1,4 @@
+export { colors } from './colors.js';
 export { overlay } from './overlay.js';
 export { selection } from './selection.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/{semantic → primitives}/index.js

@@ -1,2 +1,3 @@
+export { colors } from './colors.js';
 export { overlay } from './overlay.js';
 export { selection } from './selection.js';

package/dist/primitives/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/primitives/overlay.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGV,CAAC"}

package/dist/primitives/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/primitives/selection.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;CAGZ,CAAC"}

package/dist/{semantic → primitives}/selection.js

@@ -1,4 +1,4 @@
-import { colors } from '../primitives/colors.js';
+import { colors } from './colors.js';
 export const selection = {
     background: colors.primary[700],
     foreground: colors.mono[50],

package/dist/tokens/typography.d.ts

@@ -1,3 +1,10 @@
+export declare const fontWeights: {
+    readonly light: "200";
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+};
+export type FontWeight = (typeof fontWeights)[keyof typeof fontWeights];
 export declare const typography: {
     readonly family: {
         readonly base: "'Vellira Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";

package/dist/tokens/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCb,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAExE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bb,CAAC"}

package/dist/tokens/typography.js

@@ -1,3 +1,9 @@
+export const fontWeights = {
+    light: '200',
+    regular: '400',
+    medium: '500',
+    semibold: '600',
+};
 export const typography = {
     family: {
         base: "'Vellira Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
@@ -16,12 +22,7 @@ export const typography = {
         xl: 24,
         xxl: 32,
     },
-    weight: {
-        light: '200',
-        regular: '400',
-        medium: '500',
-        semibold: '600',
-    },
+    weight: fontWeights,
     lineHeight: {
         xs: 16,
         sm: 20,

package/package.json

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

package/dist/semantic/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/semantic/overlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/semantic/overlay.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGV,CAAC"}

package/dist/semantic/selection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/semantic/selection.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;CAGZ,CAAC"}