@choco-vanille/ui 1.1.1 → 1.2.0

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

@@ -0,0 +1,51 @@
+export declare const fontFamily: {
+    readonly sans: "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+    readonly serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif";
+    readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+};
+export declare const fontSize: {
+    readonly '2xs': "0.625rem";
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly base: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly '2xl': "1.5rem";
+    readonly '3xl': "1.875rem";
+    readonly '4xl': "2.25rem";
+    readonly '5xl': "3rem";
+    readonly '6xl': "3.75rem";
+    readonly '7xl': "4.5rem";
+};
+export declare const fontWeight: {
+    readonly thin: "100";
+    readonly extralight: "200";
+    readonly light: "300";
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+    readonly extrabold: "800";
+    readonly black: "900";
+};
+export declare const lineHeight: {
+    readonly none: "1";
+    readonly tight: "1.25";
+    readonly snug: "1.375";
+    readonly normal: "1.5";
+    readonly relaxed: "1.625";
+    readonly loose: "1.75";
+};
+export declare const letterSpacing: {
+    readonly tighter: "-0.05em";
+    readonly tight: "-0.025em";
+    readonly normal: "0";
+    readonly wide: "0.025em";
+    readonly wider: "0.05em";
+    readonly widest: "0.1em";
+};
+export type FontFamily = typeof fontFamily;
+export type FontSize = typeof fontSize;
+export type FontWeight = typeof fontWeight;
+export type LineHeight = typeof lineHeight;
+export type LetterSpacing = typeof letterSpacing;

package/dist/theme/tokens/typography.js

@@ -0,0 +1,50 @@
+const e = {
+  sans: 'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
+  serif: 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
+  mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
+}, o = {
+  "2xs": "0.625rem",
+  xs: "0.75rem",
+  sm: "0.875rem",
+  base: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem",
+  "6xl": "3.75rem",
+  "7xl": "4.5rem"
+}, i = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+}, m = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "1.75"
+}, s = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+};
+export {
+  e as fontFamily,
+  o as fontSize,
+  i as fontWeight,
+  s as letterSpacing,
+  m as lineHeight
+};
+//# sourceMappingURL=typography.js.map

package/dist/theme/tokens/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":["../../../src/theme/tokens/typography.ts"],"sourcesContent":["/*\r\n * Typography tokens — font families, type scale, weights, line-heights and\r\n * letter-spacing. Theme-agnostic.\r\n */\r\n\r\nexport const fontFamily = {\r\n    sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n    serif: 'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\r\n    mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\r\n} as const\r\n\r\nexport const fontSize = {\r\n    '2xs': '0.625rem',\r\n    xs: '0.75rem',\r\n    sm: '0.875rem',\r\n    base: '1rem',\r\n    lg: '1.125rem',\r\n    xl: '1.25rem',\r\n    '2xl': '1.5rem',\r\n    '3xl': '1.875rem',\r\n    '4xl': '2.25rem',\r\n    '5xl': '3rem',\r\n    '6xl': '3.75rem',\r\n    '7xl': '4.5rem',\r\n} as const\r\n\r\nexport const fontWeight = {\r\n    thin: '100',\r\n    extralight: '200',\r\n    light: '300',\r\n    normal: '400',\r\n    medium: '500',\r\n    semibold: '600',\r\n    bold: '700',\r\n    extrabold: '800',\r\n    black: '900',\r\n} as const\r\n\r\nexport const lineHeight = {\r\n    none: '1',\r\n    tight: '1.25',\r\n    snug: '1.375',\r\n    normal: '1.5',\r\n    relaxed: '1.625',\r\n    loose: '1.75',\r\n} as const\r\n\r\nexport const letterSpacing = {\r\n    tighter: '-0.05em',\r\n    tight: '-0.025em',\r\n    normal: '0',\r\n    wide: '0.025em',\r\n    wider: '0.05em',\r\n    widest: '0.1em',\r\n} as const\r\n\r\nexport type FontFamily = typeof fontFamily\r\nexport type FontSize = typeof fontSize\r\nexport type FontWeight = typeof fontWeight\r\nexport type LineHeight = typeof lineHeight\r\nexport type LetterSpacing = typeof letterSpacing\r\n"],"names":["fontFamily","fontSize","fontWeight","lineHeight","letterSpacing"],"mappings":"AAKO,MAAMA,IAAa;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACV,GAEaC,IAAW;AAAA,EACpB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACX,GAEaC,IAAa;AAAA,EACtB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AACX,GAEaC,IAAa;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AACX,GAEaC,IAAgB;AAAA,EACzB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACZ;"}

package/dist/theme/tokens/zIndex.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={hide:"-1",base:"0",docked:"10",sticky:"100",banner:"200",dropdown:"1000",overlay:"1100",modal:"1200",popover:"1300",toast:"1350",tooltip:"1400"};exports.zIndex=e;
+//# sourceMappingURL=zIndex.cjs.map

package/dist/theme/tokens/zIndex.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndex.cjs","sources":["../../../src/theme/tokens/zIndex.ts"],"sourcesContent":["/*\r\n * Stacking order tokens. Theme-agnostic.\r\n *\r\n * Centralising z-indexes prevents the \"z-index: 99999\" arms race and keeps\r\n * overlay layering predictable across the kit.\r\n */\r\nexport const zIndex = {\r\n    hide: '-1',\r\n    base: '0',\r\n    docked: '10',\r\n    sticky: '100',\r\n    banner: '200',\r\n    dropdown: '1000',\r\n    overlay: '1100',\r\n    modal: '1200',\r\n    popover: '1300',\r\n    toast: '1350',\r\n    tooltip: '1400',\r\n} as const\r\n\r\nexport type ZIndex = typeof zIndex\r\n"],"names":["zIndex"],"mappings":"gFAMO,MAAMA,EAAS,CAClB,KAAM,KACN,KAAM,IACN,OAAQ,KACR,OAAQ,MACR,OAAQ,MACR,SAAU,OACV,QAAS,OACT,MAAO,OACP,QAAS,OACT,MAAO,OACP,QAAS,MACb"}

package/dist/theme/tokens/zIndex.d.ts

@@ -0,0 +1,14 @@
+export declare const zIndex: {
+    readonly hide: "-1";
+    readonly base: "0";
+    readonly docked: "10";
+    readonly sticky: "100";
+    readonly banner: "200";
+    readonly dropdown: "1000";
+    readonly overlay: "1100";
+    readonly modal: "1200";
+    readonly popover: "1300";
+    readonly toast: "1350";
+    readonly tooltip: "1400";
+};
+export type ZIndex = typeof zIndex;

package/dist/theme/tokens/zIndex.js

@@ -0,0 +1,17 @@
+const o = {
+  hide: "-1",
+  base: "0",
+  docked: "10",
+  sticky: "100",
+  banner: "200",
+  dropdown: "1000",
+  overlay: "1100",
+  modal: "1200",
+  popover: "1300",
+  toast: "1350",
+  tooltip: "1400"
+};
+export {
+  o as zIndex
+};
+//# sourceMappingURL=zIndex.js.map

package/dist/theme/tokens/zIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndex.js","sources":["../../../src/theme/tokens/zIndex.ts"],"sourcesContent":["/*\r\n * Stacking order tokens. Theme-agnostic.\r\n *\r\n * Centralising z-indexes prevents the \"z-index: 99999\" arms race and keeps\r\n * overlay layering predictable across the kit.\r\n */\r\nexport const zIndex = {\r\n    hide: '-1',\r\n    base: '0',\r\n    docked: '10',\r\n    sticky: '100',\r\n    banner: '200',\r\n    dropdown: '1000',\r\n    overlay: '1100',\r\n    modal: '1200',\r\n    popover: '1300',\r\n    toast: '1350',\r\n    tooltip: '1400',\r\n} as const\r\n\r\nexport type ZIndex = typeof zIndex\r\n"],"names":["zIndex"],"mappings":"AAMO,MAAMA,IAAS;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACb;"}

package/dist/theme/types/index.d.ts

@@ -0,0 +1,8 @@
+import { LightColors } from '../colors/index.ts';
+/**
+ * Any semantic color token key from the design-system theme.
+ * Maps to `vars.color.<key>` at runtime.
+ */
+export type ThemeColor = keyof LightColors;
+/** Theme color tokens plus CSS color keywords supported by visual props. */
+export type ThemeColorValue = ThemeColor | 'transparent';

package/dist/theme/utils/createColorVariants.utils.d.ts

@@ -0,0 +1,16 @@
+import { LightColors } from '../colors/index.ts';
+/**
+ * Generates a recipe variant map for every semantic color token in the theme,
+ * plus a `transparent` option.
+ * Useful when a component should accept any theme color as a prop.
+ *
+ * @param property - The CSS property to set (e.g. 'background', 'color', 'borderColor').
+ * @param extra
+ * @returns A record suitable for use inside a Vanilla Extract recipe's `variants`.
+ *
+ * @example
+ * variants: {
+ *   backgroundColor: createColorVariants('background'),
+ * }
+ */
+export declare const createColorVariants: <TExtra extends Record<string, string> = Record<never, never>>(property: "background" | "backgroundColor" | "color" | "borderColor", extra?: TExtra) => Record<keyof LightColors | "transparent" | keyof TExtra, Record<string, string>>;