@hudoro/badges
Advanced tools
Comparing version 0.1.1-beta.10 to 0.1.1-beta.11
@@ -830,3 +830,3 @@ import kr from "react"; | ||
} | ||
.hudoro-badges-purple { | ||
.hudoro-badges-neutral { | ||
border-color: var(--hsd-ui-badges-purple-border-color-false); | ||
@@ -836,3 +836,3 @@ background: var(--hsd-ui-badges-purple-background-color); | ||
} | ||
.hudoro-badges-purple.hudoro-badges-border { | ||
.hudoro-badges-neutral.hudoro-badges-border { | ||
border-color: var(--hsd-ui-badges-purple-border-color-true); | ||
@@ -839,0 +839,0 @@ } |
@@ -228,3 +228,3 @@ (function(_,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],O):(_=typeof globalThis<"u"?globalThis:_||self,O(_.Badges={},_.React))})(this,function(_,O){"use strict";var B={exports:{}},A={};/** | ||
} | ||
.hudoro-badges-purple { | ||
.hudoro-badges-neutral { | ||
border-color: var(--hsd-ui-badges-purple-border-color-false); | ||
@@ -234,5 +234,5 @@ background: var(--hsd-ui-badges-purple-background-color); | ||
} | ||
.hudoro-badges-purple.hudoro-badges-border { | ||
.hudoro-badges-neutral.hudoro-badges-border { | ||
border-color: var(--hsd-ui-badges-purple-border-color-true); | ||
} | ||
`,ar="hudoro-badges-styles";(g=>{if(!document.getElementById(ar)){const h=document.createElement("style");h.id=ar,h.textContent=g,document.head.appendChild(h)}})(jr);const $={sm:16,md:18,lg:18,xl:20},Dr=({size:g="md",variant:h="info",text:x,LeftIcon:m,RightIcon:b,border:C,corners:w="rounded"})=>G.jsxs("div",{className:Fr(g,h,C,w),children:[m?G.jsx(m,{width:$[g],height:$[g]}):null,x,b?G.jsx(b,{width:$[g],height:$[g]}):null]}),Fr=(g,h,x,m)=>{let b=["hudoro-badges"];return g&&b.push(`hudoro-badges-${g}`),h&&b.push(`hudoro-badges-${h}`),x&&b.push("hudoro-badges-border"),m==="rounded"?b.push("hudoro-badges-rounded"):b.push("hudoro-badges-circular"),b.join(" ")};_.Badges=Dr,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}); |
import { SVGProps } from "react"; | ||
export interface IBadges { | ||
size?: "sm" | "md" | "lg" | "xl"; | ||
variant?: "success" | "danger" | "info" | "warning" | "dark" | "purple"; | ||
variant?: "success" | "danger" | "info" | "warning" | "dark" | "neutral"; | ||
border?: boolean; | ||
@@ -6,0 +6,0 @@ corners?: "rounded" | "circular"; |
{ | ||
"name": "@hudoro/badges", | ||
"version": "0.1.1-beta.10", | ||
"version": "0.1.1-beta.11", | ||
"description": "Badges component for Hudoro UI", | ||
@@ -5,0 +5,0 @@ "author": "Prawito Hudoro", |
53515