@kubetail/ui 3.0.0-rc4 → 3.0.0-rc6-mm
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/button.cjs +1 -1
- package/dist/elements/button.cjs.map +1 -1
- package/dist/elements/button.d.ts +1 -1
- package/dist/elements/button.js +10 -14
- package/dist/elements/button.js.map +1 -1
- package/dist/index.css +65 -105
- package/package.json +1 -1
package/dist/elements/button.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react/jsx-runtime`),n=require(`class-variance-authority`),r=require(
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react/jsx-runtime`),n=require(`class-variance-authority`),r=require(`@base-ui/react/button`);var i=(0,n.cva)(`group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/90`,outline:`border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground`,ghost:`hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50`,destructive:`bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-9 gap-1.5 px-4 py-2 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,xs:`h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 rounded-[min(var(--radius-md),12px)] px-3 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5`,lg:`h-10 gap-1.5 px-6 py-5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,icon:`size-9`,"icon-xs":`size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function a({className:n,variant:a=`default`,size:o=`default`,...s}){return(0,t.jsx)(r.Button,{"data-slot":`button`,className:e.cn(i({variant:a,size:o,className:n})),...s})}exports.Button=a,exports.buttonVariants=i;
|
|
2
2
|
//# sourceMappingURL=button.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.cjs","names":[],"sources":["../../src/elements/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cva, type VariantProps } from 'class-variance-authority';\
|
|
1
|
+
{"version":3,"file":"button.cjs","names":[],"sources":["../../src/elements/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n outline:\n 'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',\n secondary:\n 'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n ghost:\n 'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',\n destructive:\n 'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40',\n link: 'text-primary underline-offset-4 hover:underline',\n },\n size: {\n default: 'h-9 gap-1.5 px-4 py-2 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 rounded-[min(var(--radius-md),12px)] px-3 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: 'h-10 gap-1.5 px-6 py-5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n icon: 'size-9',\n 'icon-xs':\n \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n 'icon-sm': 'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n 'icon-lg': 'size-10',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nfunction Button({\n className,\n variant = 'default',\n size = 'default',\n ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n return <ButtonPrimitive data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />;\n}\n\nexport { Button, buttonVariants };\nexport type { ButtonVariantProps };\n"],"mappings":"gQAKA,IAAM,GAAA,EAAA,EAAA,KACJ,6lBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,yDACT,QACE,kLACF,UACE,kIACF,MACE,mHACF,YACE,8NACF,KAAM,kDACP,CACD,KAAM,CACJ,QAAS,0FACT,GAAI,gNACJ,GAAI,wNACJ,GAAI,2FACJ,KAAM,SACN,UACE,0HACF,UAAW,qFACX,UAAW,UACZ,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF,CAID,SAAS,EAAO,CACd,YACA,UAAU,UACV,OAAO,UACP,GAAG,GAC2D,CAC9D,OAAO,EAAA,EAAA,KAAC,EAAA,OAAD,CAAiB,YAAU,SAAS,UAAW,EAAA,GAAG,EAAe,CAAE,UAAS,OAAM,YAAW,CAAC,CAAC,CAAE,GAAI,EAAS,CAAA"}
|
|
@@ -5,6 +5,6 @@ declare const buttonVariants: (props?: ({
|
|
|
5
5
|
size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
type ButtonVariantProps = VariantProps<typeof buttonVariants>;
|
|
8
|
-
declare function Button({ className, variant, size,
|
|
8
|
+
declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export { Button, buttonVariants };
|
|
10
10
|
export type { ButtonVariantProps };
|
package/dist/elements/button.js
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { cn as e } from "../lib/utils.js";
|
|
2
2
|
import { jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { cva as n } from "class-variance-authority";
|
|
4
|
-
import {
|
|
5
|
-
import { Button as i } from "@base-ui/react/button";
|
|
4
|
+
import { Button as r } from "@base-ui/react/button";
|
|
6
5
|
//#region src/elements/button.tsx
|
|
7
|
-
var
|
|
6
|
+
var i = n("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
|
|
8
7
|
variants: {
|
|
9
8
|
variant: {
|
|
10
|
-
default: "bg-primary text-primary-foreground
|
|
9
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
11
10
|
outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
|
|
12
11
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
|
|
13
12
|
ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
|
|
@@ -30,21 +29,18 @@ var a = n("group/button inline-flex shrink-0 items-center justify-center rounded
|
|
|
30
29
|
size: "default"
|
|
31
30
|
}
|
|
32
31
|
});
|
|
33
|
-
function
|
|
34
|
-
|
|
35
|
-
return /* @__PURE__ */ t(i, {
|
|
32
|
+
function a({ className: n, variant: a = "default", size: o = "default", ...s }) {
|
|
33
|
+
return /* @__PURE__ */ t(r, {
|
|
36
34
|
"data-slot": "button",
|
|
37
|
-
className: e(
|
|
38
|
-
variant:
|
|
39
|
-
size:
|
|
35
|
+
className: e(i({
|
|
36
|
+
variant: a,
|
|
37
|
+
size: o,
|
|
40
38
|
className: n
|
|
41
39
|
})),
|
|
42
|
-
|
|
43
|
-
render: l,
|
|
44
|
-
...u
|
|
40
|
+
...s
|
|
45
41
|
});
|
|
46
42
|
}
|
|
47
43
|
//#endregion
|
|
48
|
-
export {
|
|
44
|
+
export { a as Button, i as buttonVariants };
|
|
49
45
|
|
|
50
46
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","names":[],"sources":["../../src/elements/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cva, type VariantProps } from 'class-variance-authority';\
|
|
1
|
+
{"version":3,"file":"button.js","names":[],"sources":["../../src/elements/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n outline:\n 'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',\n secondary:\n 'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n ghost:\n 'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',\n destructive:\n 'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40',\n link: 'text-primary underline-offset-4 hover:underline',\n },\n size: {\n default: 'h-9 gap-1.5 px-4 py-2 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 rounded-[min(var(--radius-md),12px)] px-3 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: 'h-10 gap-1.5 px-6 py-5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n icon: 'size-9',\n 'icon-xs':\n \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n 'icon-sm': 'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n 'icon-lg': 'size-10',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nfunction Button({\n className,\n variant = 'default',\n size = 'default',\n ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n return <ButtonPrimitive data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />;\n}\n\nexport { Button, buttonVariants };\nexport type { ButtonVariantProps };\n"],"mappings":";;;;;AAKA,IAAM,IAAiB,EACrB,8lBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,aACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WACE;GACF,WAAW;GACX,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAID,SAAS,EAAO,EACd,cACA,aAAU,WACV,UAAO,WACP,GAAG,KAC2D;AAC9D,QAAO,kBAAC,GAAD;EAAiB,aAAU;EAAS,WAAW,EAAG,EAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAAE,GAAI;EAAS,CAAA"}
|
package/dist/index.css
CHANGED
|
@@ -3,74 +3,74 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
:root, .light {
|
|
6
|
-
--background:
|
|
7
|
-
--foreground:
|
|
8
|
-
--card:
|
|
9
|
-
--card-foreground:
|
|
10
|
-
--popover:
|
|
11
|
-
--popover-foreground:
|
|
12
|
-
--primary: oklch(0.
|
|
13
|
-
--primary-foreground:
|
|
14
|
-
--secondary:
|
|
15
|
-
--secondary-foreground:
|
|
16
|
-
--muted:
|
|
17
|
-
--muted-foreground:
|
|
18
|
-
--accent:
|
|
19
|
-
--accent-foreground:
|
|
20
|
-
--destructive:
|
|
21
|
-
--destructive-foreground:
|
|
22
|
-
--border:
|
|
23
|
-
--input:
|
|
24
|
-
--ring:
|
|
25
|
-
--chart-1: oklch(0.
|
|
26
|
-
--chart-2: oklch(0.
|
|
27
|
-
--chart-3: oklch(0.
|
|
28
|
-
--chart-4: oklch(0.
|
|
29
|
-
--chart-5: oklch(0.
|
|
30
|
-
--
|
|
31
|
-
--sidebar:
|
|
32
|
-
--sidebar-
|
|
33
|
-
--sidebar-primary:
|
|
34
|
-
--sidebar-
|
|
35
|
-
--sidebar-accent:
|
|
36
|
-
--sidebar-
|
|
37
|
-
--sidebar-
|
|
38
|
-
--
|
|
6
|
+
--background: oklch(1.0000 0 0);
|
|
7
|
+
--foreground: oklch(0.3211 0 0);
|
|
8
|
+
--card: oklch(1.0000 0 0);
|
|
9
|
+
--card-foreground: oklch(0.3211 0 0);
|
|
10
|
+
--popover: oklch(1.0000 0 0);
|
|
11
|
+
--popover-foreground: oklch(0.3211 0 0);
|
|
12
|
+
--primary: oklch(0.6231 0.1880 259.8145);
|
|
13
|
+
--primary-foreground: oklch(1.0000 0 0);
|
|
14
|
+
--secondary: oklch(0.9670 0.0029 264.5419);
|
|
15
|
+
--secondary-foreground: oklch(0.4461 0.0263 256.8018);
|
|
16
|
+
--muted: oklch(0.9846 0.0017 247.8389);
|
|
17
|
+
--muted-foreground: oklch(0.5510 0.0234 264.3637);
|
|
18
|
+
--accent: oklch(0.9514 0.0250 236.8242);
|
|
19
|
+
--accent-foreground: oklch(0.3791 0.1378 265.5222);
|
|
20
|
+
--destructive: oklch(0.6368 0.2078 25.3313);
|
|
21
|
+
--destructive-foreground: oklch(1.0000 0 0);
|
|
22
|
+
--border: oklch(0.9276 0.0058 264.5313);
|
|
23
|
+
--input: oklch(0.9276 0.0058 264.5313);
|
|
24
|
+
--ring: oklch(0.6231 0.1880 259.8145);
|
|
25
|
+
--chart-1: oklch(0.6231 0.1880 259.8145);
|
|
26
|
+
--chart-2: oklch(0.5461 0.2152 262.8809);
|
|
27
|
+
--chart-3: oklch(0.4882 0.2172 264.3763);
|
|
28
|
+
--chart-4: oklch(0.4244 0.1809 265.6377);
|
|
29
|
+
--chart-5: oklch(0.3791 0.1378 265.5222);
|
|
30
|
+
--sidebar: oklch(0.9846 0.0017 247.8389);
|
|
31
|
+
--sidebar-foreground: oklch(0.3211 0 0);
|
|
32
|
+
--sidebar-primary: oklch(0.6231 0.1880 259.8145);
|
|
33
|
+
--sidebar-primary-foreground: oklch(1.0000 0 0);
|
|
34
|
+
--sidebar-accent: oklch(0.9514 0.0250 236.8242);
|
|
35
|
+
--sidebar-accent-foreground: oklch(0.3791 0.1378 265.5222);
|
|
36
|
+
--sidebar-border: oklch(0.9276 0.0058 264.5313);
|
|
37
|
+
--sidebar-ring: oklch(0.6231 0.1880 259.8145);
|
|
38
|
+
--radius: 0.375rem;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.dark {
|
|
42
|
-
--background:
|
|
43
|
-
--foreground:
|
|
44
|
-
--card:
|
|
45
|
-
--card-foreground:
|
|
46
|
-
--popover:
|
|
47
|
-
--popover-foreground:
|
|
48
|
-
--primary:
|
|
49
|
-
--primary-foreground:
|
|
50
|
-
--secondary:
|
|
51
|
-
--secondary-foreground:
|
|
52
|
-
--muted:
|
|
53
|
-
--muted-foreground:
|
|
54
|
-
--accent:
|
|
55
|
-
--accent-foreground:
|
|
56
|
-
--destructive:
|
|
57
|
-
--destructive-foreground:
|
|
58
|
-
--border:
|
|
59
|
-
--input:
|
|
60
|
-
--ring:
|
|
61
|
-
--chart-1: oklch(0.
|
|
62
|
-
--chart-2: oklch(0.
|
|
63
|
-
--chart-3: oklch(0.
|
|
64
|
-
--chart-4: oklch(0.
|
|
65
|
-
--chart-5: oklch(0.
|
|
66
|
-
--sidebar:
|
|
67
|
-
--sidebar-foreground:
|
|
68
|
-
--sidebar-primary:
|
|
69
|
-
--sidebar-primary-foreground:
|
|
70
|
-
--sidebar-accent:
|
|
71
|
-
--sidebar-accent-foreground:
|
|
72
|
-
--sidebar-border:
|
|
73
|
-
--sidebar-ring:
|
|
42
|
+
--background: oklch(0.2046 0 0);
|
|
43
|
+
--foreground: oklch(0.9219 0 0);
|
|
44
|
+
--card: oklch(0.2686 0 0);
|
|
45
|
+
--card-foreground: oklch(0.9219 0 0);
|
|
46
|
+
--popover: oklch(0.2686 0 0);
|
|
47
|
+
--popover-foreground: oklch(0.9219 0 0);
|
|
48
|
+
--primary: oklch(0.6231 0.1880 259.8145);
|
|
49
|
+
--primary-foreground: oklch(1.0000 0 0);
|
|
50
|
+
--secondary: oklch(0.2686 0 0);
|
|
51
|
+
--secondary-foreground: oklch(0.9219 0 0);
|
|
52
|
+
--muted: oklch(0.2393 0 0);
|
|
53
|
+
--muted-foreground: oklch(0.7155 0 0);
|
|
54
|
+
--accent: oklch(0.3791 0.1378 265.5222);
|
|
55
|
+
--accent-foreground: oklch(0.8823 0.0571 254.1284);
|
|
56
|
+
--destructive: oklch(0.6368 0.2078 25.3313);
|
|
57
|
+
--destructive-foreground: oklch(1.0000 0 0);
|
|
58
|
+
--border: oklch(0.3715 0 0);
|
|
59
|
+
--input: oklch(0.3715 0 0);
|
|
60
|
+
--ring: oklch(0.6231 0.1880 259.8145);
|
|
61
|
+
--chart-1: oklch(0.7137 0.1434 254.6240);
|
|
62
|
+
--chart-2: oklch(0.6231 0.1880 259.8145);
|
|
63
|
+
--chart-3: oklch(0.5461 0.2152 262.8809);
|
|
64
|
+
--chart-4: oklch(0.4882 0.2172 264.3763);
|
|
65
|
+
--chart-5: oklch(0.4244 0.1809 265.6377);
|
|
66
|
+
--sidebar: oklch(0.2046 0 0);
|
|
67
|
+
--sidebar-foreground: oklch(0.9219 0 0);
|
|
68
|
+
--sidebar-primary: oklch(0.6231 0.1880 259.8145);
|
|
69
|
+
--sidebar-primary-foreground: oklch(1.0000 0 0);
|
|
70
|
+
--sidebar-accent: oklch(0.3791 0.1378 265.5222);
|
|
71
|
+
--sidebar-accent-foreground: oklch(0.8823 0.0571 254.1284);
|
|
72
|
+
--sidebar-border: oklch(0.3715 0 0);
|
|
73
|
+
--sidebar-ring: oklch(0.6231 0.1880 259.8145);
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
@theme inline {
|
|
@@ -130,47 +130,7 @@
|
|
|
130
130
|
* Custom theme
|
|
131
131
|
*/
|
|
132
132
|
|
|
133
|
-
:root, .light {
|
|
134
|
-
--chrome-50: var(--color-gray-50);
|
|
135
|
-
--chrome-100: var(--color-gray-100);
|
|
136
|
-
--chrome-200: var(--color-gray-200);
|
|
137
|
-
--chrome-300: var(--color-gray-300);
|
|
138
|
-
--chrome-400: var(--color-gray-400);
|
|
139
|
-
--chrome-500: var(--color-gray-500);
|
|
140
|
-
--chrome-600: var(--color-gray-600);
|
|
141
|
-
--chrome-700: var(--color-gray-700);
|
|
142
|
-
--chrome-800: var(--color-gray-800);
|
|
143
|
-
--chrome-900: var(--color-gray-900);
|
|
144
|
-
--chrome-950: var(--color-gray-950);
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.dark {
|
|
148
|
-
--chrome-50: var(--color-gray-950);
|
|
149
|
-
--chrome-100: var(--color-gray-900);
|
|
150
|
-
--chrome-200: var(--color-gray-800);
|
|
151
|
-
--chrome-300: var(--color-gray-700);
|
|
152
|
-
--chrome-400: var(--color-gray-600);
|
|
153
|
-
--chrome-500: var(--color-gray-500);
|
|
154
|
-
--chrome-600: var(--color-gray-400);
|
|
155
|
-
--chrome-700: var(--color-gray-300);
|
|
156
|
-
--chrome-800: var(--color-gray-200);
|
|
157
|
-
--chrome-900: var(--color-gray-100);
|
|
158
|
-
--chrome-950: var(--color-gray-50);
|
|
159
|
-
}
|
|
160
|
-
|
|
161
133
|
@theme inline {
|
|
162
|
-
--color-chrome-50: var(--chrome-50);
|
|
163
|
-
--color-chrome-100: var(--chrome-100);
|
|
164
|
-
--color-chrome-200: var(--chrome-200);
|
|
165
|
-
--color-chrome-300: var(--chrome-300);
|
|
166
|
-
--color-chrome-400: var(--chrome-400);
|
|
167
|
-
--color-chrome-500: var(--chrome-500);
|
|
168
|
-
--color-chrome-600: var(--chrome-600);
|
|
169
|
-
--color-chrome-700: var(--chrome-700);
|
|
170
|
-
--color-chrome-800: var(--chrome-800);
|
|
171
|
-
--color-chrome-900: var(--chrome-900);
|
|
172
|
-
--color-chrome-950: var(--chrome-950);
|
|
173
|
-
|
|
174
134
|
/* text */
|
|
175
135
|
--text-base: 1rem;
|
|
176
136
|
--text-base--line-height: calc(1.5 / 1);
|