@ngrr/ds 0.1.8 → 0.1.9

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

@@ -1,6 +1,5 @@
 import { LucideIcon } from 'lucide-react';
 export type TagVariant = 'highlight' | 'warning' | 'error' | 'success' | 'neutral';
-export type TagSize = 'md' | 'sm';
 export interface TagProps {
     /**
      * The text label displayed inside the tag.
@@ -18,24 +17,15 @@ export interface TagProps {
      */
     variant?: TagVariant;
     /**
-     * Visual size.
-     * - `md` — default; use in most contexts
-     * - `sm` — dense layouts, tight rows, or when multiple tags appear per item
-     * @default 'md'
+     * Optional Lucide icon shown to the left of the label.
+     * Pass the component reference: `iconLeft={Star}` ✓  `iconLeft={<Star />}` ✗
      */
-    size?: TagSize;
+    iconLeft?: LucideIcon;
     /**
-     * Replaces the default diamond indicator with any Lucide icon.
-     * Pass the component reference, not a rendered element:
-     *   `icon={Star}` ✓   `icon={<Star />}` ✗
-     * When omitted the built-in CSS diamond shape is rendered.
+     * Optional Lucide icon shown to the right of the label.
+     * Pass the component reference: `iconRight={X}` ✓  `iconRight={<X />}` ✗
      */
-    icon?: LucideIcon;
-    /**
-     * When `false`, the icon (default diamond or custom) is hidden and only the
-     * label text is shown. Defaults to `true`.
-     */
-    showIcon?: boolean;
+    iconRight?: LucideIcon;
     /** Additional CSS class names merged onto the root element. */
     className?: string;
     /**
@@ -47,4 +37,4 @@ export interface TagProps {
      */
     'aria-label'?: string;
 }
-export declare function Tag({ label, variant, size, icon, showIcon, className, 'aria-label': ariaLabel, }: TagProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tag({ label, variant, iconLeft, iconRight, className, 'aria-label': ariaLabel, }: TagProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Tag/index.d.ts

@@ -1,2 +1,2 @@
 export { Tag } from './Tag';
-export type { TagProps, TagVariant, TagSize } from './Tag';
+export type { TagProps, TagVariant } from './Tag';

package/dist/ds-nagarro.es.js

@@ -1616,27 +1616,29 @@ function A7({
 function xi({
   label: e,
   variant: t = "neutral",
-  size: n = "md",
-  icon: r,
-  showIcon: i = !0,
-  className: a,
-  "aria-label": s
+  iconLeft: n,
+  iconRight: r,
+  className: i,
+  "aria-label": a
 }) {
-  const o = ["dsn-tag", a].filter(Boolean).join(" ");
+  const s = ["dsn-tag", i].filter(Boolean).join(" ");
   return /* @__PURE__ */ h.jsxs(
     "span",
     {
-      className: o,
+      className: s,
       "data-variant": t,
-      "data-size": n,
       role: "status",
-      "aria-label": s,
+      "aria-label": a,
       children: [
-        i && /* @__PURE__ */ h.jsx("span", { className: "dsn-tag-icon", "aria-hidden": "true", "data-icon": r ? "custom" : void 0, children: r && /* @__PURE__ */ (() => {
-          const l = r;
-          return /* @__PURE__ */ h.jsx(l, { size: 12, "aria-hidden": "true" });
-        })() }),
-        /* @__PURE__ */ h.jsx("span", { className: "dsn-tag-label", children: e })
+        n && /* @__PURE__ */ (() => {
+          const o = n;
+          return /* @__PURE__ */ h.jsx("span", { className: "dsn-tag-icon dsn-tag-icon-left", "aria-hidden": "true", children: /* @__PURE__ */ h.jsx(o, { size: 12, "aria-hidden": "true" }) });
+        })(),
+        /* @__PURE__ */ h.jsx("span", { className: "dsn-tag-label", children: e }),
+        r && /* @__PURE__ */ (() => {
+          const o = r;
+          return /* @__PURE__ */ h.jsx("span", { className: "dsn-tag-icon dsn-tag-icon-right", "aria-hidden": "true", children: /* @__PURE__ */ h.jsx(o, { size: 12, "aria-hidden": "true" }) });
+        })()
       ]
     }
   );