@arkitektbedriftene/fe-lib 5.6.0 → 5.6.1

package/dist/system/components/Tag.d.ts

@@ -13,10 +13,11 @@ declare const colors: {
     info: string;
 };
 export type TagColors = keyof typeof colors;
-export declare function Tag({ children, size, color, className, ...props }: {
+export declare function Tag({ children, size, color, icon, className, ...props }: {
     children: ReactNode;
     size?: keyof typeof sizes;
     color?: keyof typeof colors;
     className?: string;
+    icon?: ReactNode;
 } & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/system/components/Tag.es.js

@@ -1,9 +1,9 @@
-import { jsx as a } from "react/jsx-runtime";
-import i from "clsx";
-const c = {
+import { jsxs as a } from "react/jsx-runtime";
+import c from "clsx";
+const g = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2 py-0.5 text-sm"
-}, g = {
+}, x = {
   primary: "bg-flask text-white",
   secondary: "bg-sand text-black",
   tertiary: "bg-clay text-black",
@@ -12,27 +12,32 @@ const c = {
   warning: "bg-warning-dark text-warning-light",
   info: "bg-info-dark text-info-light"
 };
-function d({
+function l({
   children: t,
   size: e = "sm",
   color: s = "secondary",
-  className: r,
-  ...n
+  icon: r,
+  className: n,
+  ...i
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: i(
-        "inline-flex items-center justify-center rounded-sm",
-        c[e],
-        g[s],
-        r
+      className: c(
+        "inline-flex items-center justify-center rounded-sm gap-x-2",
+        "[&>svg]:shrink-0",
+        g[e],
+        x[s],
+        n
       ),
-      ...n,
-      children: t
+      ...i,
+      children: [
+        r,
+        t
+      ]
     }
   );
 }
 export {
-  d as Tag
+  l as Tag
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "5.6.0",
+  "version": "5.6.1",
   "type": "module",
   "exports": {
     "./oidc": {