@kids-reporter/routing-ui 0.1.25 → 0.1.26
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
declare const buttonVariants: (props?: ({
|
|
4
|
-
variant?: "primary" | "secondary" | null | undefined;
|
|
4
|
+
variant?: "primary" | "secondary" | "neutral" | null | undefined;
|
|
5
5
|
size?: 44 | 36 | 32 | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
export type ButtonProps = {
|
|
@@ -16,7 +16,7 @@ declare const Button: React.ForwardRefExoticComponent<{
|
|
|
16
16
|
asChild?: boolean;
|
|
17
17
|
children: React.ReactNode;
|
|
18
18
|
} & VariantProps<(props?: ({
|
|
19
|
-
variant?: "primary" | "secondary" | null | undefined;
|
|
19
|
+
variant?: "primary" | "secondary" | "neutral" | null | undefined;
|
|
20
20
|
size?: 44 | 36 | 32 | null | undefined;
|
|
21
21
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
22
22
|
export default Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,QAAA,MAAM,cAAc;;;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,QAAA,MAAM,cAAc;;;8EAoCnB,CAAA;AAwBD,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GACrC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAE/C,QAAA,MAAM,MAAM;gBAPE,OAAO;eACR,OAAO;cACR,OAAO;cACP,KAAK,CAAC,SAAS;;;;yKAuC1B,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -13,11 +13,12 @@ var _cn = require("../utils/cn");
|
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
const buttonVariants = (0, _classVarianceAuthority.cva)(
|
|
15
15
|
// Base styles
|
|
16
|
-
'font-noto gap-
|
|
16
|
+
'font-noto gap-1 font-bold inline-flex cursor-pointer items-center justify-center rounded-full transition-colors duration-200', {
|
|
17
17
|
variants: {
|
|
18
18
|
variant: {
|
|
19
19
|
primary: ['text-white border-0 bg-red-400', 'hover:bg-red-500', 'active:bg-red-600', 'disabled:text-white disabled:cursor-default disabled:bg-neutral-400'],
|
|
20
|
-
secondary: ['bg-white text-gray-900 border-2 border-red-400', 'hover:text-white hover:border-red-500 hover:bg-red-500', 'active:text-white active:border-red-600 active:bg-red-600', 'disabled:bg-white disabled:cursor-default disabled:border-neutral-400 disabled:text-neutral-400']
|
|
20
|
+
secondary: ['bg-white text-gray-900 border-2 border-red-400', 'hover:text-white hover:border-red-500 hover:bg-red-500', 'active:text-white active:border-red-600 active:bg-red-600', 'disabled:bg-white disabled:cursor-default disabled:border-neutral-400 disabled:text-neutral-400'],
|
|
21
|
+
neutral: ['bg-white border-2 border-neutral-400 text-neutral-900', 'hover:text-white hover:border-neutral-500 hover:bg-neutral-500', 'active:text-white active:border-neutral-600 active:bg-neutral-600', 'disabled:bg-white disabled:cursor-default disabled:border-neutral-400 disabled:text-neutral-400']
|
|
21
22
|
},
|
|
22
23
|
size: {
|
|
23
24
|
44: 'h-11 px-5 py-2 text-base',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","_reactSlot","_classVarianceAuthority","_react","_cn","_jsxRuntime","buttonVariants","cva","variants","variant","primary","secondary","size","defaultVariants","LoadingSpinner","jsxs","width","height","viewBox","fill","className","xmlns","children","jsx","opacity","d","Button","React","forwardRef","isLoading","disabled","asChild","props","ref","isDisabled","buttonClasses","cn","Comp","Slot","_default"],"sources":["../../src/components/button.tsx"],"sourcesContent":["'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils/cn'\n\nconst buttonVariants = cva(\n // Base styles\n 'font-noto gap-
|
|
1
|
+
{"version":3,"file":"button.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","_reactSlot","_classVarianceAuthority","_react","_cn","_jsxRuntime","buttonVariants","cva","variants","variant","primary","secondary","neutral","size","defaultVariants","LoadingSpinner","jsxs","width","height","viewBox","fill","className","xmlns","children","jsx","opacity","d","Button","React","forwardRef","isLoading","disabled","asChild","props","ref","isDisabled","buttonClasses","cn","Comp","Slot","_default"],"sources":["../../src/components/button.tsx"],"sourcesContent":["'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils/cn'\n\nconst buttonVariants = cva(\n // Base styles\n 'font-noto gap-1 font-bold inline-flex cursor-pointer items-center justify-center rounded-full transition-colors duration-200',\n {\n variants: {\n variant: {\n primary: [\n 'text-white border-0 bg-red-400',\n 'hover:bg-red-500',\n 'active:bg-red-600',\n 'disabled:text-white disabled:cursor-default disabled:bg-neutral-400',\n ],\n secondary: [\n 'bg-white text-gray-900 border-2 border-red-400',\n 'hover:text-white hover:border-red-500 hover:bg-red-500',\n 'active:text-white active:border-red-600 active:bg-red-600',\n 'disabled:bg-white disabled:cursor-default disabled:border-neutral-400 disabled:text-neutral-400',\n ],\n neutral: [\n 'bg-white border-2 border-neutral-400 text-neutral-900',\n 'hover:text-white hover:border-neutral-500 hover:bg-neutral-500',\n 'active:text-white active:border-neutral-600 active:bg-neutral-600',\n 'disabled:bg-white disabled:cursor-default disabled:border-neutral-400 disabled:text-neutral-400',\n ],\n },\n size: {\n 44: 'h-11 px-5 py-2 text-base', // 44px height, 16px font size\n 36: 'h-9 px-4 py-2 text-sm', // 36px height, 14px font size\n 32: 'h-8 px-3 py-1 text-sm', // 32px height, 14px font size\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 44,\n },\n }\n)\n\n// Loading spinner icon component\nconst LoadingSpinner = ({ size = 20 }: { size?: number }) => (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 25 24\"\n fill=\"none\"\n className=\"animate-spin\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n opacity=\"0.5\"\n d=\"M12.5 2C10.5222 2 8.58879 2.58649 6.9443 3.6853C5.29981 4.78412 4.01809 6.3459 3.26121 8.17317C2.50433 10.0004 2.3063 12.0111 2.69215 13.9509C3.078 15.8907 4.03041 17.6725 5.42894 19.0711C6.82746 20.4696 8.60929 21.422 10.5491 21.8079C12.4889 22.1937 14.4996 21.9957 16.3268 21.2388C18.1541 20.4819 19.7159 19.2002 20.8147 17.5557C21.9135 15.9112 22.5 13.9778 22.5 12C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2363 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2ZM12.5 20C10.9178 20 9.37104 19.5308 8.05544 18.6518C6.73985 17.7727 5.71447 16.5233 5.10897 15.0615C4.50347 13.5997 4.34504 11.9911 4.65372 10.4393C4.9624 8.88743 5.72433 7.46197 6.84315 6.34315C7.96197 5.22433 9.38743 4.4624 10.9393 4.15372C12.4911 3.84504 14.0997 4.00346 15.5615 4.60896C17.0233 5.21447 18.2727 6.23984 19.1518 7.55544C20.0308 8.87103 20.5 10.4177 20.5 12C20.5 14.1217 19.6572 16.1566 18.1569 17.6569C16.6566 19.1571 14.6217 20 12.5 20Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M20.5 12H22.5C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2362 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2V4C14.6217 4 16.6566 4.84285 18.1569 6.34315C19.6571 7.84344 20.5 9.87827 20.5 12Z\"\n fill=\"currentColor\"\n />\n </svg>\n)\n\nexport type ButtonProps = {\n isLoading?: boolean\n disabled?: boolean\n asChild?: boolean\n children: React.ReactNode\n} & VariantProps<typeof buttonVariants> &\n React.ButtonHTMLAttributes<HTMLButtonElement>\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n isLoading = false,\n disabled = false,\n asChild = false,\n size,\n variant,\n className,\n children,\n ...props\n },\n ref\n ) => {\n const isDisabled = disabled || isLoading\n\n const buttonClasses = cn(buttonVariants({ variant, size }), className)\n\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n ref={ref}\n className={buttonClasses}\n disabled={isDisabled}\n {...props}\n >\n {isLoading ? (\n <LoadingSpinner size={size === 32 ? 16 : size === 36 ? 18 : 20} />\n ) : (\n children\n )}\n </Comp>\n )\n }\n)\n\nexport default Button\n"],"mappings":";AAAA,YAAY;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA;AAEZ,IAAAC,UAAA,GAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AAEA,IAAAS,GAAA,GAAAT,OAAA;AAAgC,IAAAU,WAAA,GAAAV,OAAA;AAEhC,MAAMW,cAAc,GAAG,IAAAC,2BAAG;AACxB;AACA,8HAA8H,EAC9H;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,gCAAgC,EAChC,kBAAkB,EAClB,mBAAmB,EACnB,qEAAqE,CACtE;MACDC,SAAS,EAAE,CACT,gDAAgD,EAChD,wDAAwD,EACxD,2DAA2D,EAC3D,iGAAiG,CAClG;MACDC,OAAO,EAAE,CACP,uDAAuD,EACvD,gEAAgE,EAChE,mEAAmE,EACnE,iGAAiG;IAErG,CAAC;IACDC,IAAI,EAAE;MACJ,EAAE,EAAE,0BAA0B;MAAE;MAChC,EAAE,EAAE,uBAAuB;MAAE;MAC7B,EAAE,EAAE,uBAAuB,CAAE;IAC/B;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBI,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;AACA,MAAME,cAAc,GAAGA,CAAC;EAAEF,IAAI,GAAG;AAAsB,CAAC,kBACtD,IAAAR,WAAA,CAAAW,IAAA;EACEC,KAAK,EAAEJ,IAAK;EACZK,MAAM,EAAEL,IAAK;EACbM,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXC,SAAS,EAAC,cAAc;EACxBC,KAAK,EAAC,4BAA4B;EAAAC,QAAA,gBAElC,IAAAlB,WAAA,CAAAmB,GAAA;IACEC,OAAO,EAAC,KAAK;IACbC,CAAC,EAAC,s+BAAs+B;IACx+BN,IAAI,EAAC;EAAc,CACpB,CAAC,eACF,IAAAf,WAAA,CAAAmB,GAAA;IACEE,CAAC,EAAC,8QAA8Q;IAChRN,IAAI,EAAC;EAAc,CACpB,CAAC;AAAA,CACC,CACN;AAUD,MAAMO,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAC7B,CACE;EACEC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfnB,IAAI;EACJJ,OAAO;EACPY,SAAS;EACTE,QAAQ;EACR,GAAGU;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,UAAU,GAAGJ,QAAQ,IAAID,SAAS;EAExC,MAAMM,aAAa,GAAG,IAAAC,MAAE,EAAC/B,cAAc,CAAC;IAAEG,OAAO;IAAEI;EAAK,CAAC,CAAC,EAAEQ,SAAS,CAAC;EAEtE,MAAMiB,IAAI,GAAGN,OAAO,GAAGO,eAAI,GAAG,QAAQ;EAEtC,oBACE,IAAAlC,WAAA,CAAAmB,GAAA,EAACc,IAAI;IACHJ,GAAG,EAAEA,GAAI;IACTb,SAAS,EAAEe,aAAc;IACzBL,QAAQ,EAAEI,UAAW;IAAA,GACjBF,KAAK;IAAAV,QAAA,EAERO,SAAS,gBACR,IAAAzB,WAAA,CAAAmB,GAAA,EAACT,cAAc;MAACF,IAAI,EAAEA,IAAI,KAAK,EAAE,GAAG,EAAE,GAAGA,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG;IAAG,CAAE,CAAC,GAElEU;EACD,CACG,CAAC;AAEX,CACF,CAAC;AAAA,IAAAiB,QAAA,GAAA1C,OAAA,CAAAE,OAAA,GAEc2B,MAAM","ignoreList":[]}
|