@incognia/cosmik 0.1.0 → 0.1.2
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/Button/index.d.ts.map +1 -1
- package/dist/cosmik.css +12 -0
- package/dist/index.cjs4.js +1 -1
- package/dist/index.cjs4.js.map +1 -1
- package/dist/index.es4.js +14 -13
- 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" | "
|
|
4
|
+
variant?: "default" | "primary" | "outline" | "ghostPrimary" | "ghost" | "link" | 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> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,cAAc;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,cAAc;;;mFA4BnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
|
package/dist/cosmik.css
CHANGED
|
@@ -585,6 +585,9 @@ video {
|
|
|
585
585
|
outline: 2px solid transparent;
|
|
586
586
|
outline-offset: 2px;
|
|
587
587
|
}
|
|
588
|
+
.outline{
|
|
589
|
+
outline-style: solid;
|
|
590
|
+
}
|
|
588
591
|
.transition-colors{
|
|
589
592
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
590
593
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -598,6 +601,9 @@ video {
|
|
|
598
601
|
.hover\:bg-gray-900-12:hover{
|
|
599
602
|
background-color: rgba(61, 63, 62, 0.12);
|
|
600
603
|
}
|
|
604
|
+
.hover\:bg-gray-900-8:hover{
|
|
605
|
+
background-color: rgba(61, 63, 62, 0.08);
|
|
606
|
+
}
|
|
601
607
|
.hover\:bg-robinblue-500-8:hover{
|
|
602
608
|
background-color: rgba(0, 152, 163, 0.08);
|
|
603
609
|
}
|
|
@@ -619,6 +625,9 @@ video {
|
|
|
619
625
|
.focus\:bg-gray-900-12:focus{
|
|
620
626
|
background-color: rgba(61, 63, 62, 0.12);
|
|
621
627
|
}
|
|
628
|
+
.focus\:bg-gray-900-8:focus{
|
|
629
|
+
background-color: rgba(61, 63, 62, 0.08);
|
|
630
|
+
}
|
|
622
631
|
.focus\:bg-robinblue-500-8:focus{
|
|
623
632
|
background-color: rgba(0, 152, 163, 0.08);
|
|
624
633
|
}
|
|
@@ -637,6 +646,9 @@ video {
|
|
|
637
646
|
--tw-text-opacity: 1;
|
|
638
647
|
color: rgb(0 122 133 / var(--tw-text-opacity));
|
|
639
648
|
}
|
|
649
|
+
.active\:bg-gray-900-12:active{
|
|
650
|
+
background-color: rgba(61, 63, 62, 0.12);
|
|
651
|
+
}
|
|
640
652
|
.active\:bg-gray-900-16:active{
|
|
641
653
|
background-color: rgba(61, 63, 62, 0.16);
|
|
642
654
|
}
|
package/dist/index.cjs4.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index.cjs6.js"),s=require("@radix-ui/react-slot"),c=require("class-variance-authority"),g=require("react"),f=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 i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const v=y(g),o=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",outline:"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",ghostPrimary:"bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12",ghost:"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 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12",link:"bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700"},size:{default:"h-40 min-w-96 px-24",icon:"h-32 w-32",sm:"h-32 px-16"}},defaultVariants:{variant:"default",size:"default"}}),n=v.forwardRef(({className:e,variant:r,size:t,asChild:i=!1,...a},b)=>{const l=i?s.Slot:"button";return u.jsxRuntimeExports.jsx(l,{className:f.cn(o({variant:r,size:t,className:e})),ref:b,...a})});n.displayName="Button";exports.Button=n;exports.buttonVariants=o;
|
|
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
|
|
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 outline:\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 ghostPrimary:\n 'bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12',\n ghost:\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 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12',\n link: 'bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700'\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,QACE,iKACF,aACE,iMACF,MACE,qOACF,KAAM,kIACR,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
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as n } from "./index.es6.js";
|
|
2
2
|
import { Slot as l } from "@radix-ui/react-slot";
|
|
3
3
|
import { cva as u } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
5
|
-
import { cn as
|
|
6
|
-
const
|
|
4
|
+
import * as g from "react";
|
|
5
|
+
import { cn as s } from "./index.es7.js";
|
|
6
|
+
const f = u(
|
|
7
7
|
"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",
|
|
8
8
|
{
|
|
9
9
|
variants: {
|
|
10
10
|
variant: {
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
outline: "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
|
+
ghostPrimary: "bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12",
|
|
15
|
+
ghost: "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 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12",
|
|
16
|
+
link: "bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700"
|
|
16
17
|
},
|
|
17
18
|
size: {
|
|
18
19
|
default: "h-40 min-w-96 px-24",
|
|
@@ -25,13 +26,13 @@ const g = u(
|
|
|
25
26
|
size: "default"
|
|
26
27
|
}
|
|
27
28
|
}
|
|
28
|
-
), c =
|
|
29
|
+
), c = g.forwardRef(
|
|
29
30
|
({ className: t, variant: e, size: r, asChild: o = !1, ...i }, a) => {
|
|
30
|
-
const
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
|
|
31
|
+
const b = o ? l : "button";
|
|
32
|
+
return /* @__PURE__ */ n.jsx(
|
|
33
|
+
b,
|
|
33
34
|
{
|
|
34
|
-
className: f(
|
|
35
|
+
className: s(f({ variant: e, size: r, className: t })),
|
|
35
36
|
ref: a,
|
|
36
37
|
...i
|
|
37
38
|
}
|
|
@@ -41,6 +42,6 @@ const g = u(
|
|
|
41
42
|
c.displayName = "Button";
|
|
42
43
|
export {
|
|
43
44
|
c as Button,
|
|
44
|
-
|
|
45
|
+
f as buttonVariants
|
|
45
46
|
};
|
|
46
47
|
//# sourceMappingURL=index.es4.js.map
|
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
|
|
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 outline:\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 ghostPrimary:\n 'bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12',\n ghost:\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 hover:bg-gray-900-8 focus:bg-gray-900-8 active:bg-gray-900-12',\n link: 'bg-transparent text-robinblue-500 fill-robinblue-500 hover:text-robinblue-600 focus:text-robinblue-600 active:text-robinblue-700'\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,SACE;AAAA,QACF,cACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;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;"}
|