@trsys-tech/matrix-library 0.5.0-alpha.2 → 0.5.0-beta.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.
Files changed (12) hide show
  1. package/dist/badge.es.js +15 -15
  2. package/dist/badge.es.js.map +1 -1
  3. package/dist/button.es.js +3 -3
  4. package/dist/button.es.js.map +1 -1
  5. package/dist/chip.es.js +12 -10
  6. package/dist/chip.es.js.map +1 -1
  7. package/dist/components/badge/Badge.d.ts +70 -70
  8. package/dist/components/button/Button.d.ts +21 -21
  9. package/dist/components/chip/Chip.d.ts +14 -0
  10. package/dist/components/chip/Chip.d.ts.map +1 -1
  11. package/dist/style.css +1 -1
  12. package/package.json +1 -1
package/dist/badge.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { tv as t } from "tailwind-variants";
3
- import { cn as g } from "./utils.es.js";
4
- const a = t({
2
+ import { tv as i } from "tailwind-variants";
3
+ import { cn as t } from "./utils.es.js";
4
+ const g = i({
5
5
  base: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent",
6
6
  variants: {
7
7
  variant: {
@@ -12,23 +12,23 @@ const a = t({
12
12
  success: "bg-success text-success-foreground hover:bg-success-600",
13
13
  warning: "bg-warning text-warning-foreground hover:bg-warning-600",
14
14
  info: "bg-info text-info-foreground hover:bg-info-600",
15
- primaryInverse: "bg-primary-100 text-primary-700 hover:bg-primary-50",
16
- successInverse: "bg-success-300 text-success-700 hover:bg-success-200",
17
- dangerInverse: "bg-danger-300 text-danger-600 hover:bg-danger-200",
18
- warningInverse: "bg-warning-300 text-warning-800 hover:bg-warning-200",
19
- infoInverse: "bg-info-300 text-info-700 hover:bg-info-200",
20
- purpleInverce: "bg-purple-200 text-purple-500 hover:bg-purple-100",
21
- coralInverce: "bg-coral-300 text-coral-600 hover:bg-coral-200",
22
- turquoiseInverce: "bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100",
23
- limeInverce: "bg-lime-300 text-lime-700 hover:bg-lime-200",
24
- grayInverce: "bg-gray-300 text-text-500 hover:bg-gray-200"
15
+ "primary-inverse": "bg-primary-100 text-primary-700 hover:bg-primary-50",
16
+ "success-inverse": "bg-success-300 text-success-700 hover:bg-success-200",
17
+ "danger-inverse": "bg-danger-300 text-danger-600 hover:bg-danger-200",
18
+ "warning-inverse": "bg-warning-300 text-warning-800 hover:bg-warning-200",
19
+ "info-inverse": "bg-info-300 text-info-700 hover:bg-info-200",
20
+ "purple-inverse": "bg-purple-200 text-purple-500 hover:bg-purple-100",
21
+ "coral-inverse": "bg-coral-300 text-coral-600 hover:bg-coral-200",
22
+ "turquoise-inverse": "bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100",
23
+ "lime-inverse": "bg-lime-300 text-lime-700 hover:bg-lime-200",
24
+ "gray-inverse": "bg-gray-300 text-text-500 hover:bg-gray-200"
25
25
  }
26
26
  },
27
27
  defaultVariants: {
28
28
  variant: "primary"
29
29
  }
30
- }), c = ({ className: r, variant: e, ...n }) => /* @__PURE__ */ o("div", { className: g(a({ variant: e }), r), ...n });
30
+ }), u = ({ className: r, variant: e, ...n }) => /* @__PURE__ */ o("div", { className: t(g({ variant: e }), r), ...n });
31
31
  export {
32
- c as Badge
32
+ u as Badge
33
33
  };
34
34
  //# sourceMappingURL=badge.es.js.map
package/dist/badge.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n base: \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary text-primary-foreground hover:bg-primary-600\",\r\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary-600\",\r\n outline: \"border border-primary text-primary hover:bg-primary-50\",\r\n danger: \"bg-danger text-danger-foreground hover:bg-danger-600\",\r\n success: \"bg-success text-success-foreground hover:bg-success-600\",\r\n warning: \"bg-warning text-warning-foreground hover:bg-warning-600\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600\",\r\n primaryInverse: \"bg-primary-100 text-primary-700 hover:bg-primary-50\",\r\n successInverse: \"bg-success-300 text-success-700 hover:bg-success-200\",\r\n dangerInverse: \"bg-danger-300 text-danger-600 hover:bg-danger-200\",\r\n warningInverse: \"bg-warning-300 text-warning-800 hover:bg-warning-200\",\r\n infoInverse: \"bg-info-300 text-info-700 hover:bg-info-200\",\r\n purpleInverce: \"bg-purple-200 text-purple-500 hover:bg-purple-100\",\r\n coralInverce: \"bg-coral-300 text-coral-600 hover:bg-coral-200\",\r\n turquoiseInverce: \"bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100\",\r\n limeInverce: \"bg-lime-300 text-lime-700 hover:bg-lime-200\",\r\n grayInverce: \"bg-gray-300 text-text-500 hover:bg-gray-200\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n },\r\n});\r\n\r\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\r\n\r\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n variant?: BadgeVariant;\r\n}\r\n\r\nconst Badge: React.FC<BadgeProps> = ({ className, variant, ...props }) => {\r\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n};\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAQKC,IAA8B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QACpD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAS,CAAA,GAAGD,CAAS,GAAI,GAAGE,EAAO,CAAA;"}
1
+ {"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n base: \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary text-primary-foreground hover:bg-primary-600\",\r\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary-600\",\r\n outline: \"border border-primary text-primary hover:bg-primary-50\",\r\n danger: \"bg-danger text-danger-foreground hover:bg-danger-600\",\r\n success: \"bg-success text-success-foreground hover:bg-success-600\",\r\n warning: \"bg-warning text-warning-foreground hover:bg-warning-600\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600\",\r\n \"primary-inverse\": \"bg-primary-100 text-primary-700 hover:bg-primary-50\",\r\n \"success-inverse\": \"bg-success-300 text-success-700 hover:bg-success-200\",\r\n \"danger-inverse\": \"bg-danger-300 text-danger-600 hover:bg-danger-200\",\r\n \"warning-inverse\": \"bg-warning-300 text-warning-800 hover:bg-warning-200\",\r\n \"info-inverse\": \"bg-info-300 text-info-700 hover:bg-info-200\",\r\n \"purple-inverse\": \"bg-purple-200 text-purple-500 hover:bg-purple-100\",\r\n \"coral-inverse\": \"bg-coral-300 text-coral-600 hover:bg-coral-200\",\r\n \"turquoise-inverse\": \"bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100\",\r\n \"lime-inverse\": \"bg-lime-300 text-lime-700 hover:bg-lime-200\",\r\n \"gray-inverse\": \"bg-gray-300 text-text-500 hover:bg-gray-200\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n },\r\n});\r\n\r\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\r\n\r\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n variant?: BadgeVariant;\r\n}\r\n\r\nconst Badge: React.FC<BadgeProps> = ({ className, variant, ...props }) => {\r\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n};\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAQKC,IAA8B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QACpD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAS,CAAA,GAAGD,CAAS,GAAI,GAAGE,EAAO,CAAA;"}
package/dist/button.es.js CHANGED
@@ -15,9 +15,9 @@ const x = y({
15
15
  warning: "bg-warning text-warning-foreground hover:bg-warning-600 focus:ring focus:ring-warning-400 active:bg-warning active:ring-1 active:ring-warning active:ring-offset-2",
16
16
  success: "bg-success text-success-foreground hover:bg-success-600 focus:ring focus:ring-success-400 active:bg-success active:ring-1 active:ring-success active:ring-offset-2",
17
17
  info: "bg-info text-info-foreground hover:bg-info-600 focus:ring focus:ring-info-400 active:bg-info active:ring-1 active:ring-info active:ring-offset-2",
18
- primaryOnDark: "bg-gray-0 text-primary hover:bg-primary-50 focus:bg-gray-0 focus:border-none focus:ring focus:ring-primary-100 active:ring-0 active:bg-gray-0 active:outline active:outline-2 active:outline-gray-0 active:outline-offset-1",
19
- outlineOnDark: "border border-gray-0 text-gray-0 hover:bg-primary-100 hover:text-primary focus:text-primary focus:bg-primary-50 focus:border-primary-50 focus:ring focus:ring-primary-100 active:text-gray-0 active:bg-transparent active:border-gray-0 active:ring-0 active:outline active:outline-1 active:outline-gray-0 active:outline-offset-2",
20
- textOnDark: "text-gray-0 hover:bg-primary-50 hover:text-text [&>svg]:hover:text-primary focus:text-text focus:bg-transparent focus:border-none [&>svg]:focus:text-primary-100 focus:ring focus:ring-primary-100 active:ring-0 active:bg-primary-50 active:text-text [&>svg]:active:text-primary active:outline active:outline-1 active:outline-gray-0 active:outline-offset-1"
18
+ "primary-on-dark": "bg-gray-0 text-primary hover:bg-primary-50 focus:bg-gray-0 focus:border-none focus:ring focus:ring-primary-100 active:ring-0 active:bg-gray-0 active:outline active:outline-2 active:outline-gray-0 active:outline-offset-1",
19
+ "outline-on-dark": "border border-gray-0 text-gray-0 hover:bg-primary-100 hover:text-primary focus:text-primary focus:bg-primary-50 focus:border-primary-50 focus:ring focus:ring-primary-100 active:text-gray-0 active:bg-transparent active:border-gray-0 active:ring-0 active:outline active:outline-1 active:outline-gray-0 active:outline-offset-2",
20
+ "text-on-dark": "text-gray-0 hover:bg-primary-50 hover:text-text [&>svg]:hover:text-primary focus:text-text focus:bg-transparent focus:border-none [&>svg]:focus:text-primary-100 focus:ring focus:ring-primary-100 active:ring-0 active:bg-primary-50 active:text-text [&>svg]:active:text-primary active:outline active:outline-1 active:outline-gray-0 active:outline-offset-1"
21
21
  },
22
22
  size: {
23
23
  md: "h-8 p-2 [&>svg]:h-5 [&>svg]:w-5",
package/dist/button.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.es.js","sources":["../src/components/button/Button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst buttonVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500\",\r\n variants: {\r\n variant: {\r\n primary:\r\n \"bg-primary text-primary-foreground hover:bg-primary-600 focus:border-primary focus:ring focus:ring-primary-300 active:bg-primary active:ring active:ring-1 active:ring-primary active:ring-offset-2\",\r\n outline:\r\n \"border border-primary text-primary hover:bg-primary-50 focus:bg-primary-50 focus:border-primary-100 focus:ring focus:ring-primary-100 active:bg-primary-50 active:border-primary active:ring-1 active:ring-primary active:ring-offset-2 disabled:border-gray-400\",\r\n text: \"text-text [&>svg]:text-primary border border-transparent hover:bg-primary-50 focus:ring focus:ring-primary-100 active:ring-1 active:ring-primary disabled:text-text-300 [&>svg]:disabled:text-text-300 disabled:bg-transparent\",\r\n danger:\r\n \"bg-danger text-danger-foreground hover:bg-danger-600 focus:ring focus:ring-danger-400 active:bg-danger active:ring-1 active:ring-danger active:ring-offset-2\",\r\n warning:\r\n \"bg-warning text-warning-foreground hover:bg-warning-600 focus:ring focus:ring-warning-400 active:bg-warning active:ring-1 active:ring-warning active:ring-offset-2\",\r\n success:\r\n \"bg-success text-success-foreground hover:bg-success-600 focus:ring focus:ring-success-400 active:bg-success active:ring-1 active:ring-success active:ring-offset-2\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600 focus:ring focus:ring-info-400 active:bg-info active:ring-1 active:ring-info active:ring-offset-2\",\r\n primaryOnDark:\r\n \"bg-gray-0 text-primary hover:bg-primary-50 focus:bg-gray-0 focus:border-none focus:ring focus:ring-primary-100 active:ring-0 active:bg-gray-0 active:outline active:outline-2 active:outline-gray-0 active:outline-offset-1\",\r\n outlineOnDark:\r\n \"border border-gray-0 text-gray-0 hover:bg-primary-100 hover:text-primary focus:text-primary focus:bg-primary-50 focus:border-primary-50 focus:ring focus:ring-primary-100 active:text-gray-0 active:bg-transparent active:border-gray-0 active:ring-0 active:outline active:outline-1 active:outline-gray-0 active:outline-offset-2\",\r\n textOnDark:\r\n \"text-gray-0 hover:bg-primary-50 hover:text-text [&>svg]:hover:text-primary focus:text-text focus:bg-transparent focus:border-none [&>svg]:focus:text-primary-100 focus:ring focus:ring-primary-100 active:ring-0 active:bg-primary-50 active:text-text [&>svg]:active:text-primary active:outline active:outline-1 active:outline-gray-0 active:outline-offset-1\",\r\n },\r\n size: {\r\n md: \"h-8 p-2 [&>svg]:h-5 [&>svg]:w-5\",\r\n sm: \"h-6 p-1 [&>svg]:h-4 [&>svg]:w-4\",\r\n lg: \"h-10 rounded-md p-4 text-sm [&>svg]:h-6 [&>svg]:w-6\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\nexport type ButtonVariant = VariantProps<typeof buttonVariants>[\"variant\"];\r\nexport type ButtonSize = VariantProps<typeof buttonVariants>[\"size\"];\r\n\r\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n asChild?: boolean;\r\n loading?: boolean;\r\n startIcon?: React.ReactNode;\r\n endIcon?: React.ReactNode;\r\n variant?: ButtonVariant;\r\n size?: ButtonSize;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n ({ className, variant, size, asChild = false, children, loading, disabled, startIcon, endIcon, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n return (\r\n <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} disabled={disabled || loading} {...props}>\r\n {loading ? <Spinner /> : null}\r\n {startIcon}\r\n <Slottable>{children}</Slottable>\r\n {endIcon}\r\n </Comp>\r\n );\r\n },\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport { Button, type ButtonProps, buttonVariants };\r\n"],"names":["buttonVariants","tv","Button","React","className","variant","size","asChild","children","loading","disabled","startIcon","endIcon","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,QACE;AAAA,MACF,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,eACE;AAAA,MACF,eACE;AAAA,MACF,YACE;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAcKC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,wBAC5FP,IAAUQ,IAAO,UAEtB,EAAA,WAAWC,EAAGhB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAU,CAAC,CAAC,GAAG,KAAAU,GAAU,UAAUJ,KAAYD,GAAU,GAAGI,GAC7G,UAAA;AAAA,IAAUJ,IAAA,gBAAAQ,EAACC,KAAQ,IAAK;AAAA,IACxBP;AAAA,IACD,gBAAAM,EAACE,KAAW,UAAAX,GAAS;AAAA,IACpBI;AAAA,EAAA,GACH;AAGN;AACAV,EAAO,cAAc;"}
1
+ {"version":3,"file":"button.es.js","sources":["../src/components/button/Button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst buttonVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500\",\r\n variants: {\r\n variant: {\r\n primary:\r\n \"bg-primary text-primary-foreground hover:bg-primary-600 focus:border-primary focus:ring focus:ring-primary-300 active:bg-primary active:ring active:ring-1 active:ring-primary active:ring-offset-2\",\r\n outline:\r\n \"border border-primary text-primary hover:bg-primary-50 focus:bg-primary-50 focus:border-primary-100 focus:ring focus:ring-primary-100 active:bg-primary-50 active:border-primary active:ring-1 active:ring-primary active:ring-offset-2 disabled:border-gray-400\",\r\n text: \"text-text [&>svg]:text-primary border border-transparent hover:bg-primary-50 focus:ring focus:ring-primary-100 active:ring-1 active:ring-primary disabled:text-text-300 [&>svg]:disabled:text-text-300 disabled:bg-transparent\",\r\n danger:\r\n \"bg-danger text-danger-foreground hover:bg-danger-600 focus:ring focus:ring-danger-400 active:bg-danger active:ring-1 active:ring-danger active:ring-offset-2\",\r\n warning:\r\n \"bg-warning text-warning-foreground hover:bg-warning-600 focus:ring focus:ring-warning-400 active:bg-warning active:ring-1 active:ring-warning active:ring-offset-2\",\r\n success:\r\n \"bg-success text-success-foreground hover:bg-success-600 focus:ring focus:ring-success-400 active:bg-success active:ring-1 active:ring-success active:ring-offset-2\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600 focus:ring focus:ring-info-400 active:bg-info active:ring-1 active:ring-info active:ring-offset-2\",\r\n \"primary-on-dark\":\r\n \"bg-gray-0 text-primary hover:bg-primary-50 focus:bg-gray-0 focus:border-none focus:ring focus:ring-primary-100 active:ring-0 active:bg-gray-0 active:outline active:outline-2 active:outline-gray-0 active:outline-offset-1\",\r\n \"outline-on-dark\":\r\n \"border border-gray-0 text-gray-0 hover:bg-primary-100 hover:text-primary focus:text-primary focus:bg-primary-50 focus:border-primary-50 focus:ring focus:ring-primary-100 active:text-gray-0 active:bg-transparent active:border-gray-0 active:ring-0 active:outline active:outline-1 active:outline-gray-0 active:outline-offset-2\",\r\n \"text-on-dark\":\r\n \"text-gray-0 hover:bg-primary-50 hover:text-text [&>svg]:hover:text-primary focus:text-text focus:bg-transparent focus:border-none [&>svg]:focus:text-primary-100 focus:ring focus:ring-primary-100 active:ring-0 active:bg-primary-50 active:text-text [&>svg]:active:text-primary active:outline active:outline-1 active:outline-gray-0 active:outline-offset-1\",\r\n },\r\n size: {\r\n md: \"h-8 p-2 [&>svg]:h-5 [&>svg]:w-5\",\r\n sm: \"h-6 p-1 [&>svg]:h-4 [&>svg]:w-4\",\r\n lg: \"h-10 rounded-md p-4 text-sm [&>svg]:h-6 [&>svg]:w-6\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\nexport type ButtonVariant = VariantProps<typeof buttonVariants>[\"variant\"];\r\nexport type ButtonSize = VariantProps<typeof buttonVariants>[\"size\"];\r\n\r\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n asChild?: boolean;\r\n loading?: boolean;\r\n startIcon?: React.ReactNode;\r\n endIcon?: React.ReactNode;\r\n variant?: ButtonVariant;\r\n size?: ButtonSize;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n ({ className, variant, size, asChild = false, children, loading, disabled, startIcon, endIcon, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n return (\r\n <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} disabled={disabled || loading} {...props}>\r\n {loading ? <Spinner /> : null}\r\n {startIcon}\r\n <Slottable>{children}</Slottable>\r\n {endIcon}\r\n </Comp>\r\n );\r\n },\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport { Button, type ButtonProps, buttonVariants };\r\n"],"names":["buttonVariants","tv","Button","React","className","variant","size","asChild","children","loading","disabled","startIcon","endIcon","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,QACE;AAAA,MACF,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,mBACE;AAAA,MACF,mBACE;AAAA,MACF,gBACE;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAcKC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,wBAC5FP,IAAUQ,IAAO,UAEtB,EAAA,WAAWC,EAAGhB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAU,CAAC,CAAC,GAAG,KAAAU,GAAU,UAAUJ,KAAYD,GAAU,GAAGI,GAC7G,UAAA;AAAA,IAAUJ,IAAA,gBAAAQ,EAACC,KAAQ,IAAK;AAAA,IACxBP;AAAA,IACD,gBAAAM,EAACE,KAAW,UAAAX,GAAS;AAAA,IACpBI;AAAA,EAAA,GACH;AAGN;AACAV,EAAO,cAAc;"}
package/dist/chip.es.js CHANGED
@@ -1,15 +1,17 @@
1
1
  import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
2
  import d from "react";
3
3
  import { Slot as f } from "@radix-ui/react-slot";
4
- import { tv as c } from "tailwind-variants";
4
+ import { tv as g } from "tailwind-variants";
5
5
  import { cn as a } from "./utils.es.js";
6
- import { XMark as g } from "@trsys-tech/matrix-icons";
7
- const x = c({
6
+ import { XMark as x } from "@trsys-tech/matrix-icons";
7
+ const b = g({
8
8
  base: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-xs font-medium",
9
9
  variants: {
10
10
  variant: {
11
11
  primary: "bg-primary-100 text-primary-700 border border-primary",
12
- neutral: "bg-gray-50 text-text-400 border border-gray-400"
12
+ neutral: "bg-gray-50 text-text-400 border border-gray-400",
13
+ "table-primary": "bg-primary-25 text-primary font-bold",
14
+ "table-neutral": "bg-gray-50 text-text-400 font-medium"
13
15
  },
14
16
  size: {
15
17
  sm: "px-2 h-6",
@@ -21,9 +23,9 @@ const x = c({
21
23
  variant: "primary",
22
24
  size: "md"
23
25
  }
24
- }), h = d.forwardRef(({ className: e, variant: m, asChild: o = !1, children: s, onClose: i, size: r, ...p }, n) => /* @__PURE__ */ l(o ? f : "span", { className: a(x({ variant: m, size: r, className: e })), ref: n, ...p, children: [
25
- s,
26
- i ? /* @__PURE__ */ t(
26
+ }), c = d.forwardRef(({ className: e, variant: m, asChild: o = !1, children: i, onClose: p, size: r, ...s }, n) => /* @__PURE__ */ l(o ? f : "span", { className: a(b({ variant: m, size: r, className: e })), ref: n, ...s, children: [
27
+ i,
28
+ p ? /* @__PURE__ */ t(
27
29
  "button",
28
30
  {
29
31
  className: a(
@@ -31,12 +33,12 @@ const x = c({
31
33
  { "-me-2 [&>svg]:w-4.5 [&>svg]:h-4.5": r === "md" || r === void 0 },
32
34
  { "-me-1 [&>svg]:w-4 [&>svg]:h-4": r === "sm" }
33
35
  ),
34
- children: /* @__PURE__ */ t(g, {})
36
+ children: /* @__PURE__ */ t(x, {})
35
37
  }
36
38
  ) : null
37
39
  ] }));
38
- h.displayName = "Chip";
40
+ c.displayName = "Chip";
39
41
  export {
40
- h as Chip
42
+ c as Chip
41
43
  };
42
44
  //# sourceMappingURL=chip.es.js.map
package/dist/chip.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst chipVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-xs font-medium\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary-100 text-primary-700 border border-primary\",\r\n neutral: \"bg-gray-50 text-text-400 border border-gray-400\",\r\n },\r\n size: {\r\n sm: \"px-2 h-6\",\r\n md: \"px-4 h-8\",\r\n lg: \"px-6 h-10 text-sm\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface ChipProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\r\n asChild?: boolean;\r\n onClose?: () => void;\r\n}\r\n\r\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(({ className, variant, asChild = false, children, onClose, size, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"span\";\r\n return (\r\n <Comp className={cn(chipVariants({ variant, size, className }))} ref={ref} {...props}>\r\n {children}\r\n {onClose ? (\r\n <button\r\n className={cn(\r\n { \"-me-3 [&>svg]:w-5 [&>svg]:h-5\": size === \"lg\" },\r\n { \"-me-2 [&>svg]:w-4.5 [&>svg]:h-4.5\": size === \"md\" || size === undefined },\r\n { \"-me-1 [&>svg]:w-4 [&>svg]:h-4\": size === \"sm\" },\r\n )}\r\n >\r\n <XMark />\r\n </button>\r\n ) : null}\r\n </Comp>\r\n );\r\n});\r\nChip.displayName = \"Chip\";\r\n\r\nexport { Chip, type ChipProps };\r\n"],"names":["chipVariants","tv","Chip","React","className","variant","asChild","children","onClose","size","props","ref","jsxs","Slot","cn","jsx","XMark"],"mappings":";;;;;;AASA,MAAMA,IAAeC,EAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAOC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAGlI,gBAAAC,EAFUN,IAAUO,IAAO,QAE3B,EAAK,WAAWC,EAAGd,EAAa,EAAE,SAAAK,GAAS,MAAAI,GAAM,WAAAL,EAAW,CAAA,CAAC,GAAG,KAAAO,GAAW,GAAGD,GAC5E,UAAA;AAAA,EAAAH;AAAA,EACAC,IACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,QACT,EAAE,iCAAiCL,MAAS,KAAK;AAAA,QACjD,EAAE,qCAAqCA,MAAS,QAAQA,MAAS,OAAU;AAAA,QAC3E,EAAE,iCAAiCA,MAAS,KAAK;AAAA,MACnD;AAAA,MAEA,4BAACO,GAAM,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,IAEP;AAAA,GACN,CAEH;AACDd,EAAK,cAAc;"}
1
+ {"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst chipVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-xs font-medium\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary-100 text-primary-700 border border-primary\",\r\n neutral: \"bg-gray-50 text-text-400 border border-gray-400\",\r\n \"table-primary\": \"bg-primary-25 text-primary font-bold\",\r\n \"table-neutral\": \"bg-gray-50 text-text-400 font-medium\",\r\n },\r\n size: {\r\n sm: \"px-2 h-6\",\r\n md: \"px-4 h-8\",\r\n lg: \"px-6 h-10 text-sm\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface ChipProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\r\n asChild?: boolean;\r\n onClose?: () => void;\r\n}\r\n\r\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(({ className, variant, asChild = false, children, onClose, size, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"span\";\r\n return (\r\n <Comp className={cn(chipVariants({ variant, size, className }))} ref={ref} {...props}>\r\n {children}\r\n {onClose ? (\r\n <button\r\n className={cn(\r\n { \"-me-3 [&>svg]:w-5 [&>svg]:h-5\": size === \"lg\" },\r\n { \"-me-2 [&>svg]:w-4.5 [&>svg]:h-4.5\": size === \"md\" || size === undefined },\r\n { \"-me-1 [&>svg]:w-4 [&>svg]:h-4\": size === \"sm\" },\r\n )}\r\n >\r\n <XMark />\r\n </button>\r\n ) : null}\r\n </Comp>\r\n );\r\n});\r\nChip.displayName = \"Chip\";\r\n\r\nexport { Chip, type ChipProps };\r\n"],"names":["chipVariants","tv","Chip","React","className","variant","asChild","children","onClose","size","props","ref","jsxs","Slot","cn","jsx","XMark"],"mappings":";;;;;;AASA,MAAMA,IAAeC,EAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IACnB;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAOC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAGlI,gBAAAC,EAFUN,IAAUO,IAAO,QAE3B,EAAK,WAAWC,EAAGd,EAAa,EAAE,SAAAK,GAAS,MAAAI,GAAM,WAAAL,EAAW,CAAA,CAAC,GAAG,KAAAO,GAAW,GAAGD,GAC5E,UAAA;AAAA,EAAAH;AAAA,EACAC,IACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,QACT,EAAE,iCAAiCL,MAAS,KAAK;AAAA,QACjD,EAAE,qCAAqCA,MAAS,QAAQA,MAAS,OAAU;AAAA,QAC3E,EAAE,iCAAiCA,MAAS,KAAK;AAAA,MACnD;AAAA,MAEA,4BAACO,GAAM,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,IAEP;AAAA,GACN,CAEH;AACDd,EAAK,cAAc;"}
package/dist/components/badge/Badge.d.ts CHANGED
@@ -10,16 +10,16 @@ declare const badgeVariants: TVReturnType<{
10
10
  success: string;
11
11
  warning: string;
12
12
  info: string;
13
- primaryInverse: string;
14
- successInverse: string;
15
- dangerInverse: string;
16
- warningInverse: string;
17
- infoInverse: string;
18
- purpleInverce: string;
19
- coralInverce: string;
20
- turquoiseInverce: string;
21
- limeInverce: string;
22
- grayInverce: string;
13
+ "primary-inverse": string;
14
+ "success-inverse": string;
15
+ "danger-inverse": string;
16
+ "warning-inverse": string;
17
+ "info-inverse": string;
18
+ "purple-inverse": string;
19
+ "coral-inverse": string;
20
+ "turquoise-inverse": string;
21
+ "lime-inverse": string;
22
+ "gray-inverse": string;
23
23
  };
24
24
  }, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent", TVConfig<{
25
25
  variant: {
@@ -30,16 +30,16 @@ declare const badgeVariants: TVReturnType<{
30
30
  success: string;
31
31
  warning: string;
32
32
  info: string;
33
- primaryInverse: string;
34
- successInverse: string;
35
- dangerInverse: string;
36
- warningInverse: string;
37
- infoInverse: string;
38
- purpleInverce: string;
39
- coralInverce: string;
40
- turquoiseInverce: string;
41
- limeInverce: string;
42
- grayInverce: string;
33
+ "primary-inverse": string;
34
+ "success-inverse": string;
35
+ "danger-inverse": string;
36
+ "warning-inverse": string;
37
+ "info-inverse": string;
38
+ "purple-inverse": string;
39
+ "coral-inverse": string;
40
+ "turquoise-inverse": string;
41
+ "lime-inverse": string;
42
+ "gray-inverse": string;
43
43
  };
44
44
  }, {
45
45
  variant: {
@@ -50,16 +50,16 @@ declare const badgeVariants: TVReturnType<{
50
50
  success: string;
51
51
  warning: string;
52
52
  info: string;
53
- primaryInverse: string;
54
- successInverse: string;
55
- dangerInverse: string;
56
- warningInverse: string;
57
- infoInverse: string;
58
- purpleInverce: string;
59
- coralInverce: string;
60
- turquoiseInverce: string;
61
- limeInverce: string;
62
- grayInverce: string;
53
+ "primary-inverse": string;
54
+ "success-inverse": string;
55
+ "danger-inverse": string;
56
+ "warning-inverse": string;
57
+ "info-inverse": string;
58
+ "purple-inverse": string;
59
+ "coral-inverse": string;
60
+ "turquoise-inverse": string;
61
+ "lime-inverse": string;
62
+ "gray-inverse": string;
63
63
  };
64
64
  }>, {
65
65
  variant: {
@@ -70,16 +70,16 @@ declare const badgeVariants: TVReturnType<{
70
70
  success: string;
71
71
  warning: string;
72
72
  info: string;
73
- primaryInverse: string;
74
- successInverse: string;
75
- dangerInverse: string;
76
- warningInverse: string;
77
- infoInverse: string;
78
- purpleInverce: string;
79
- coralInverce: string;
80
- turquoiseInverce: string;
81
- limeInverce: string;
82
- grayInverce: string;
73
+ "primary-inverse": string;
74
+ "success-inverse": string;
75
+ "danger-inverse": string;
76
+ "warning-inverse": string;
77
+ "info-inverse": string;
78
+ "purple-inverse": string;
79
+ "coral-inverse": string;
80
+ "turquoise-inverse": string;
81
+ "lime-inverse": string;
82
+ "gray-inverse": string;
83
83
  };
84
84
  }, undefined, TVReturnType<{
85
85
  variant: {
@@ -90,16 +90,16 @@ declare const badgeVariants: TVReturnType<{
90
90
  success: string;
91
91
  warning: string;
92
92
  info: string;
93
- primaryInverse: string;
94
- successInverse: string;
95
- dangerInverse: string;
96
- warningInverse: string;
97
- infoInverse: string;
98
- purpleInverce: string;
99
- coralInverce: string;
100
- turquoiseInverce: string;
101
- limeInverce: string;
102
- grayInverce: string;
93
+ "primary-inverse": string;
94
+ "success-inverse": string;
95
+ "danger-inverse": string;
96
+ "warning-inverse": string;
97
+ "info-inverse": string;
98
+ "purple-inverse": string;
99
+ "coral-inverse": string;
100
+ "turquoise-inverse": string;
101
+ "lime-inverse": string;
102
+ "gray-inverse": string;
103
103
  };
104
104
  }, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent", TVConfig<{
105
105
  variant: {
@@ -110,16 +110,16 @@ declare const badgeVariants: TVReturnType<{
110
110
  success: string;
111
111
  warning: string;
112
112
  info: string;
113
- primaryInverse: string;
114
- successInverse: string;
115
- dangerInverse: string;
116
- warningInverse: string;
117
- infoInverse: string;
118
- purpleInverce: string;
119
- coralInverce: string;
120
- turquoiseInverce: string;
121
- limeInverce: string;
122
- grayInverce: string;
113
+ "primary-inverse": string;
114
+ "success-inverse": string;
115
+ "danger-inverse": string;
116
+ "warning-inverse": string;
117
+ "info-inverse": string;
118
+ "purple-inverse": string;
119
+ "coral-inverse": string;
120
+ "turquoise-inverse": string;
121
+ "lime-inverse": string;
122
+ "gray-inverse": string;
123
123
  };
124
124
  }, {
125
125
  variant: {
@@ -130,16 +130,16 @@ declare const badgeVariants: TVReturnType<{
130
130
  success: string;
131
131
  warning: string;
132
132
  info: string;
133
- primaryInverse: string;
134
- successInverse: string;
135
- dangerInverse: string;
136
- warningInverse: string;
137
- infoInverse: string;
138
- purpleInverce: string;
139
- coralInverce: string;
140
- turquoiseInverce: string;
141
- limeInverce: string;
142
- grayInverce: string;
133
+ "primary-inverse": string;
134
+ "success-inverse": string;
135
+ "danger-inverse": string;
136
+ "warning-inverse": string;
137
+ "info-inverse": string;
138
+ "purple-inverse": string;
139
+ "coral-inverse": string;
140
+ "turquoise-inverse": string;
141
+ "lime-inverse": string;
142
+ "gray-inverse": string;
143
143
  };
144
144
  }>, unknown, unknown, undefined>>;
145
145
  export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
package/dist/components/button/Button.d.ts CHANGED
@@ -10,9 +10,9 @@ declare const buttonVariants: TVReturnType<{
10
10
  warning: string;
11
11
  success: string;
12
12
  info: string;
13
- primaryOnDark: string;
14
- outlineOnDark: string;
15
- textOnDark: string;
13
+ "primary-on-dark": string;
14
+ "outline-on-dark": string;
15
+ "text-on-dark": string;
16
16
  };
17
17
  size: {
18
18
  md: string;
@@ -28,9 +28,9 @@ declare const buttonVariants: TVReturnType<{
28
28
  warning: string;
29
29
  success: string;
30
30
  info: string;
31
- primaryOnDark: string;
32
- outlineOnDark: string;
33
- textOnDark: string;
31
+ "primary-on-dark": string;
32
+ "outline-on-dark": string;
33
+ "text-on-dark": string;
34
34
  };
35
35
  size: {
36
36
  md: string;
@@ -46,9 +46,9 @@ declare const buttonVariants: TVReturnType<{
46
46
  warning: string;
47
47
  success: string;
48
48
  info: string;
49
- primaryOnDark: string;
50
- outlineOnDark: string;
51
- textOnDark: string;
49
+ "primary-on-dark": string;
50
+ "outline-on-dark": string;
51
+ "text-on-dark": string;
52
52
  };
53
53
  size: {
54
54
  md: string;
@@ -64,9 +64,9 @@ declare const buttonVariants: TVReturnType<{
64
64
  warning: string;
65
65
  success: string;
66
66
  info: string;
67
- primaryOnDark: string;
68
- outlineOnDark: string;
69
- textOnDark: string;
67
+ "primary-on-dark": string;
68
+ "outline-on-dark": string;
69
+ "text-on-dark": string;
70
70
  };
71
71
  size: {
72
72
  md: string;
@@ -82,9 +82,9 @@ declare const buttonVariants: TVReturnType<{
82
82
  warning: string;
83
83
  success: string;
84
84
  info: string;
85
- primaryOnDark: string;
86
- outlineOnDark: string;
87
- textOnDark: string;
85
+ "primary-on-dark": string;
86
+ "outline-on-dark": string;
87
+ "text-on-dark": string;
88
88
  };
89
89
  size: {
90
90
  md: string;
@@ -100,9 +100,9 @@ declare const buttonVariants: TVReturnType<{
100
100
  warning: string;
101
101
  success: string;
102
102
  info: string;
103
- primaryOnDark: string;
104
- outlineOnDark: string;
105
- textOnDark: string;
103
+ "primary-on-dark": string;
104
+ "outline-on-dark": string;
105
+ "text-on-dark": string;
106
106
  };
107
107
  size: {
108
108
  md: string;
@@ -118,9 +118,9 @@ declare const buttonVariants: TVReturnType<{
118
118
  warning: string;
119
119
  success: string;
120
120
  info: string;
121
- primaryOnDark: string;
122
- outlineOnDark: string;
123
- textOnDark: string;
121
+ "primary-on-dark": string;
122
+ "outline-on-dark": string;
123
+ "text-on-dark": string;
124
124
  };
125
125
  size: {
126
126
  md: string;
package/dist/components/chip/Chip.d.ts CHANGED
@@ -5,6 +5,8 @@ declare const chipVariants: TVReturnType<{
5
5
  variant: {
6
6
  primary: string;
7
7
  neutral: string;
8
+ "table-primary": string;
9
+ "table-neutral": string;
8
10
  };
9
11
  size: {
10
12
  sm: string;
@@ -15,6 +17,8 @@ declare const chipVariants: TVReturnType<{
15
17
  variant: {
16
18
  primary: string;
17
19
  neutral: string;
20
+ "table-primary": string;
21
+ "table-neutral": string;
18
22
  };
19
23
  size: {
20
24
  sm: string;
@@ -25,6 +29,8 @@ declare const chipVariants: TVReturnType<{
25
29
  variant: {
26
30
  primary: string;
27
31
  neutral: string;
32
+ "table-primary": string;
33
+ "table-neutral": string;
28
34
  };
29
35
  size: {
30
36
  sm: string;
@@ -35,6 +41,8 @@ declare const chipVariants: TVReturnType<{
35
41
  variant: {
36
42
  primary: string;
37
43
  neutral: string;
44
+ "table-primary": string;
45
+ "table-neutral": string;
38
46
  };
39
47
  size: {
40
48
  sm: string;
@@ -45,6 +53,8 @@ declare const chipVariants: TVReturnType<{
45
53
  variant: {
46
54
  primary: string;
47
55
  neutral: string;
56
+ "table-primary": string;
57
+ "table-neutral": string;
48
58
  };
49
59
  size: {
50
60
  sm: string;
@@ -55,6 +65,8 @@ declare const chipVariants: TVReturnType<{
55
65
  variant: {
56
66
  primary: string;
57
67
  neutral: string;
68
+ "table-primary": string;
69
+ "table-neutral": string;
58
70
  };
59
71
  size: {
60
72
  sm: string;
@@ -65,6 +77,8 @@ declare const chipVariants: TVReturnType<{
65
77
  variant: {
66
78
  primary: string;
67
79
  neutral: string;
80
+ "table-primary": string;
81
+ "table-neutral": string;
68
82
  };
69
83
  size: {
70
84
  sm: string;
package/dist/components/chip/Chip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKrD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiBhB,CAAC;AAEH,UAAU,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,mFAkBR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKrD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAmBhB,CAAC;AAEH,UAAU,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,mFAkBR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC"}