@incognia/cosmik 0.0.3 → 0.1.1
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/Button/index.d.ts +1 -1
- package/dist/index.cjs4.js +1 -1
- package/dist/index.cjs4.js.map +1 -1
- package/dist/index.es4.js +5 -5
- package/dist/index.es4.js.map +1 -1
- package/package.json +1 -1
package/dist/Button/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
declare const buttonVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "primary" | "ghost" | "
|
|
4
|
+
variant?: "default" | "primary" | "ghost" | "subtlePrimary" | "subtle" | null | undefined;
|
|
5
5
|
size?: "default" | "icon" | "sm" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
7
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
package/dist/index.cjs4.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index.cjs6.js"),s=require("@radix-ui/react-slot"),c=require("class-variance-authority"),f=require("react"),g=require("./index.cjs7.js");function y(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const d=y(f),i=c.cva("inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{default:"bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16",primary:"bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700",ghost:"bg-transparent text-robinblue-500 fill-robinblue-500 border border-robinblue-500 hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-16",
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index.cjs6.js"),s=require("@radix-ui/react-slot"),c=require("class-variance-authority"),f=require("react"),g=require("./index.cjs7.js");function y(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const d=y(f),i=c.cva("inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{default:"bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16",primary:"bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700",ghost:"bg-transparent text-robinblue-500 fill-robinblue-500 border border-robinblue-500 hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-16",subtlePrimary:"bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700",subtle:"bg-transparent text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900"},size:{default:"h-40 min-w-96 px-24",icon:"h-32 w-32",sm:"h-32 px-16"}},defaultVariants:{variant:"default",size:"default"}}),o=d.forwardRef(({className:e,variant:r,size:t,asChild:n=!1,...a},l)=>{const u=n?s.Slot:"button";return b.jsxRuntimeExports.jsx(u,{className:g.cn(i({variant:r,size:t,className:e})),ref:l,...a})});o.displayName="Button";exports.Button=o;exports.buttonVariants=i;
|
|
2
2
|
//# sourceMappingURL=index.cjs4.js.map
|
package/dist/index.cjs4.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs4.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n default:\n 'bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16',\n primary:\n 'bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700',\n ghost:\n 'bg-transparent text-robinblue-500 fill-robinblue-500 border border-robinblue-500 hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-16',\n
|
|
1
|
+
{"version":3,"file":"index.cjs4.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n default:\n 'bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16',\n primary:\n 'bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700',\n ghost:\n 'bg-transparent text-robinblue-500 fill-robinblue-500 border border-robinblue-500 hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-16',\n subtlePrimary:\n 'bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700',\n subtle:\n 'bg-transparent text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900'\n },\n size: {\n default: 'h-40 min-w-96 px-24',\n icon: 'h-32 w-32',\n sm: 'h-32 px-16'\n }\n },\n defaultVariants: {\n variant: 'default',\n size: 'default'\n }\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button'\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":"qgBAMMA,EAAiBC,EAAA,IACrB,gLACA,CACE,SAAU,CACR,QAAS,CACP,QACE,4GACF,QACE,+GACF,MACE,iKACF,cACE,mIACF,OACE,sKACJ,EACA,KAAM,CACJ,QAAS,sBACT,KAAM,YACN,GAAI,YACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAQMC,EAASC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAAQ,CAC1D,MAAAC,EAAOH,EAAUI,EAAO,KAAA,SAE5B,OAAAC,EAAA,kBAAA,IAACF,EAAA,CACC,UAAWG,KAAGb,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EAC1D,IAAAK,EACC,GAAGD,CAAA,CAAA,CAGV,CACF,EACAN,EAAO,YAAc"}
|
package/dist/index.es4.js
CHANGED
|
@@ -11,8 +11,8 @@ const g = u(
|
|
|
11
11
|
default: "bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16",
|
|
12
12
|
primary: "bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700",
|
|
13
13
|
ghost: "bg-transparent text-robinblue-500 fill-robinblue-500 border border-robinblue-500 hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-16",
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
subtlePrimary: "bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700",
|
|
15
|
+
subtle: "bg-transparent text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900"
|
|
16
16
|
},
|
|
17
17
|
size: {
|
|
18
18
|
default: "h-40 min-w-96 px-24",
|
|
@@ -26,14 +26,14 @@ const g = u(
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
), c = s.forwardRef(
|
|
29
|
-
({ className: t, variant: e, size: r, asChild:
|
|
30
|
-
const n =
|
|
29
|
+
({ className: t, variant: e, size: r, asChild: i = !1, ...o }, a) => {
|
|
30
|
+
const n = i ? l : "button";
|
|
31
31
|
return /* @__PURE__ */ b.jsx(
|
|
32
32
|
n,
|
|
33
33
|
{
|
|
34
34
|
className: f(g({ variant: e, size: r, className: t })),
|
|
35
35
|
ref: a,
|
|
36
|
-
...
|
|
36
|
+
...o
|
|
37
37
|
}
|
|
38
38
|
);
|
|
39
39
|
}
|
package/dist/index.es4.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es4.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n default:\n 'bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16',\n primary:\n 'bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700',\n ghost:\n 'bg-transparent text-robinblue-500 fill-robinblue-500 border border-robinblue-500 hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-16',\n
|
|
1
|
+
{"version":3,"file":"index.es4.js","sources":["../src/Button/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center rounded-full text-base font-medium outline-none transition-opacity transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n default:\n 'bg-gray-900-8 text-gray-900 fill-gray-900 hover:bg-gray-900-12 focus:bg-gray-900-12 active:bg-gray-900-16',\n primary:\n 'bg-robinblue-500 text-white fill-white hover:bg-robinblue-600 focus:bg-robinblue-600 active:bg-robinblue-700',\n ghost:\n 'bg-transparent text-robinblue-500 fill-robinblue-500 border border-robinblue-500 hover:bg-robinblue-500-8 focus:bg-robinblue-500-8 active:bg-robinblue-500-16',\n subtlePrimary:\n 'bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700',\n subtle:\n 'bg-transparent text-gray-700 fill-gray-700 hover:text-gray-800 hover:fill-gray-800 focus:text-gray-800 focus:fill-gray-800 active:text-gray-900 active:fill-gray-900'\n },\n size: {\n default: 'h-40 min-w-96 px-24',\n icon: 'h-32 w-32',\n sm: 'h-32 px-16'\n }\n },\n defaultVariants: {\n variant: 'default',\n size: 'default'\n }\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button'\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":";;;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,eACE;AAAA,QACF,QACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAQMC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAC1D,UAAAC,IAAOH,IAAUI,IAAO;AAE5B,WAAAC,gBAAAA,EAAA;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,WAAWG,EAAGb,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAK;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}
|