@zitadel/components 0.1.0-alpha.16 → 0.1.0-alpha.18

package/dist/{index-BniwXaIC.d.mts → index-BRGZPZ2y.d.mts}

@@ -7,6 +7,8 @@ declare const tokens: {
       readonly defaultWhite: "#f4f4f6";
       readonly defaultPrimaryGray: "#252528";
       readonly defaultSecondaryGray: "#37373a";
+      readonly hoverStrong: "#cfcfde";
+      readonly hoverSubtle: "#484a57";
     };
     readonly text: {
       readonly primaryWhite: "#f4f4f6";
@@ -39,6 +41,7 @@ declare const tokens: {
       readonly defaultGray200: "#484a57";
       readonly defaultGray300: "#686883";
       readonly defaultGray400: "#82829c";
+      readonly hover: "#9e9eb2";
       readonly error: "#ea4f70";
       readonly success: "#33a779";
     };
@@ -56,6 +59,42 @@ declare const tokens: {
       readonly "900": "#f4f4f6";
     };
   };
+  readonly theme: {
+    readonly accent: "#404040";
+    readonly accentForeground: "#fafafa";
+    readonly background: "#050505";
+    readonly border: "#252525";
+    readonly card: "#121212";
+    readonly cardForeground: "#fafafa";
+    readonly destructive: "#f87171";
+    readonly destructiveForeground: "#fef2f2";
+    readonly foreground: "#fafafa";
+    readonly input: "#ffffff26";
+    readonly muted: "#262626";
+    readonly mutedForeground: "#a3a3a3";
+    readonly popover: "#262626";
+    readonly popoverForeground: "#fafafa";
+    readonly primary: "#e5e5e5";
+    readonly primaryForeground: "#171717";
+    readonly ring: "#737373";
+    readonly secondary: "#262626";
+    readonly secondaryForeground: "#fafafa";
+    readonly ringOffset: "#050505";
+    readonly chart1: "#3b82f6";
+    readonly chart2: "#34d399";
+    readonly chart3: "#fbbf24";
+    readonly chart4: "#a78bfa";
+    readonly chart5: "#fb7185";
+    readonly sidebarPrimaryForeground: "#fafafa";
+    readonly sidebarPrimary: "#1d4ed8";
+    readonly sidebarForeground: "#fafafa";
+    readonly sidebar: "#171717";
+    readonly sidebarAccent: "#262626";
+    readonly sidebarAccentForeground: "#fafafa";
+    readonly sidebarBorder: "#ffffff1a";
+    readonly sidebarRing: "#525252";
+    readonly success: "#22c55e";
+  };
   readonly spacing: {
     readonly "10": "4rem";
     readonly "11": "5rem";
@@ -121,6 +160,22 @@ declare const tokens: {
     readonly page: "80rem";
   };
   readonly layout: {};
+  readonly gradient: {
+    readonly purpleStart: "#401889";
+    readonly redStart: "#f25543";
+    readonly neutralStart: "#484a57";
+    readonly baseEnd: "#0f0f11";
+    readonly lavenderStart: "#bba5e4";
+    readonly roseStart: "#ea8aa0";
+  };
+  readonly syntax: {
+    readonly key: "#9066da";
+    readonly string: "#f25543";
+    readonly number: "#e25f7d";
+    readonly boolean: "#bba5e4";
+    readonly punctuation: "#82829c";
+    readonly comment: "#7c7c95";
+  };
 };
 declare const cssVars: {
   readonly color: {
@@ -129,6 +184,8 @@ declare const cssVars: {
       readonly defaultWhite: "var(--zl-color-surface-default-white)";
       readonly defaultPrimaryGray: "var(--zl-color-surface-default-primary-gray)";
       readonly defaultSecondaryGray: "var(--zl-color-surface-default-secondary-gray)";
+      readonly hoverStrong: "var(--zl-color-surface-hover-strong)";
+      readonly hoverSubtle: "var(--zl-color-surface-hover-subtle)";
     };
     readonly text: {
       readonly primaryWhite: "var(--zl-color-text-primary-white)";
@@ -161,6 +218,7 @@ declare const cssVars: {
       readonly defaultGray200: "var(--zl-color-border-default-gray-200)";
       readonly defaultGray300: "var(--zl-color-border-default-gray-300)";
       readonly defaultGray400: "var(--zl-color-border-default-gray-400)";
+      readonly hover: "var(--zl-color-border-hover)";
       readonly error: "var(--zl-color-border-error)";
       readonly success: "var(--zl-color-border-success)";
     };
@@ -178,6 +236,42 @@ declare const cssVars: {
       readonly "900": "var(--zl-color-gray-900)";
     };
   };
+  readonly theme: {
+    readonly accent: "var(--zl-accent)";
+    readonly accentForeground: "var(--zl-accent-foreground)";
+    readonly background: "var(--zl-background)";
+    readonly border: "var(--zl-border)";
+    readonly card: "var(--zl-card)";
+    readonly cardForeground: "var(--zl-card-foreground)";
+    readonly destructive: "var(--zl-destructive)";
+    readonly destructiveForeground: "var(--zl-destructive-foreground)";
+    readonly foreground: "var(--zl-foreground)";
+    readonly input: "var(--zl-input)";
+    readonly muted: "var(--zl-muted)";
+    readonly mutedForeground: "var(--zl-muted-foreground)";
+    readonly popover: "var(--zl-popover)";
+    readonly popoverForeground: "var(--zl-popover-foreground)";
+    readonly primary: "var(--zl-primary)";
+    readonly primaryForeground: "var(--zl-primary-foreground)";
+    readonly ring: "var(--zl-ring)";
+    readonly secondary: "var(--zl-secondary)";
+    readonly secondaryForeground: "var(--zl-secondary-foreground)";
+    readonly ringOffset: "var(--zl-ring-offset)";
+    readonly chart1: "var(--zl-chart-1)";
+    readonly chart2: "var(--zl-chart-2)";
+    readonly chart3: "var(--zl-chart-3)";
+    readonly chart4: "var(--zl-chart-4)";
+    readonly chart5: "var(--zl-chart-5)";
+    readonly sidebarPrimaryForeground: "var(--zl-sidebar-primary-foreground)";
+    readonly sidebarPrimary: "var(--zl-sidebar-primary)";
+    readonly sidebarForeground: "var(--zl-sidebar-foreground)";
+    readonly sidebar: "var(--zl-sidebar)";
+    readonly sidebarAccent: "var(--zl-sidebar-accent)";
+    readonly sidebarAccentForeground: "var(--zl-sidebar-accent-foreground)";
+    readonly sidebarBorder: "var(--zl-sidebar-border)";
+    readonly sidebarRing: "var(--zl-sidebar-ring)";
+    readonly success: "var(--zl-success)";
+  };
   readonly spacing: {
     readonly "10": "var(--zl-spacing-10)";
     readonly "11": "var(--zl-spacing-11)";
@@ -243,9 +337,25 @@ declare const cssVars: {
     readonly page: "var(--zl-container-page)";
   };
   readonly layout: {};
+  readonly gradient: {
+    readonly purpleStart: "var(--zl-gradient-purple-start)";
+    readonly redStart: "var(--zl-gradient-red-start)";
+    readonly neutralStart: "var(--zl-gradient-neutral-start)";
+    readonly baseEnd: "var(--zl-gradient-base-end)";
+    readonly lavenderStart: "var(--zl-gradient-lavender-start)";
+    readonly roseStart: "var(--zl-gradient-rose-start)";
+  };
+  readonly syntax: {
+    readonly key: "var(--zl-syntax-key)";
+    readonly string: "var(--zl-syntax-string)";
+    readonly number: "var(--zl-syntax-number)";
+    readonly boolean: "var(--zl-syntax-boolean)";
+    readonly punctuation: "var(--zl-syntax-punctuation)";
+    readonly comment: "var(--zl-syntax-comment)";
+  };
 };
 type Tokens = typeof tokens;
 type CssVars = typeof cssVars; //#endregion
 //#endregion
 export { tokens as i, Tokens as n, cssVars as r, CssVars as t };
-//# sourceMappingURL=index-BniwXaIC.d.mts.map
+//# sourceMappingURL=index-BRGZPZ2y.d.mts.map

package/dist/index-BRGZPZ2y.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BRGZPZ2y.d.mts","names":["tokens","color","surface","defaultBlack","defaultWhite","defaultPrimaryGray","defaultSecondaryGray","hoverStrong","hoverSubtle","text","primaryWhite","secondaryGray","buttonDefault","buttonInvert","disabled","error","success","subtitlePink","subtitlePurple","subtitleGray","subtitleOrange","icon","defaultGray","defaultPink","defaultPurple","defaultOrange","border","defaultGray100","defaultGray200","defaultGray300","defaultGray400","hover","gray","theme","accent","accentForeground","background","card","cardForeground","destructive","destructiveForeground","foreground","input","muted","mutedForeground","popover","popoverForeground","primary","primaryForeground","ring","secondary","secondaryForeground","ringOffset","chart1","chart2","chart3","chart4","chart5","sidebarPrimaryForeground","sidebarPrimary","sidebarForeground","sidebar","sidebarAccent","sidebarAccentForeground","sidebarBorder","sidebarRing","spacing","radius","xs","s","m","l","xl","font","family","sans","heading","mono","motion","duration","instant","fast","base","slow","easing","standard","decelerate","accelerate","focus","width","offset","breakpoint","sm","md","lg","container","authCard","page","layout","gradient","purpleStart","redStart","neutralStart","baseEnd","lavenderStart","roseStart","syntax","key","string","number","boolean","punctuation","comment","cssVars","tokensCss","Tokens","CssVars"],"sources":["../../design-tokens/dist/tokens.d.mts"],"mappings":"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"}