@caspeco/casper-ui-library 9.3.0 → 9.5.0

package/README.md

@@ -27,7 +27,7 @@ All commands are run from the root of the project, from a terminal.
 | `npm run test:visual:update` | Update visual regression baseline screenshots. Run this after intentional UI changes. |
 | `npm run lint` | Run linting with [@caspeco/eslint-config](https://github.com/Caspeco/eslint-config). If you use the recommended [ESLint VSCode extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) you can see your eslint errors directly in your editor without having to run this. |
 | `npm run prettier:fix` | Reformat all files with [@caspeco/prettier-config](https://github.com/Caspeco/prettier-config). If you use the recommended [Prettier VSCode extension](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) you can have your files automatically formatted on file save. |
-| `npm run chakra:types` | Generate Chakra UI type definitions for the theme. Happens automatically on `npm install`. |
+| `npm run chakra:types` | Generate Chakra UI type definitions for the theme. You run this if you modify component variants and want to get rid of TS errors, for example. Happens automatically on `npm install`. |
 
 ### Preview locally in another project
 

package/dist/components/button/button.d.ts

@@ -7,7 +7,7 @@ import { ButtonSize } from './types.js';
  * @see Docs https://caspeco.github.io/casper-ui-library/components/button
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button
  */
-export declare const Button: import('react').ForwardRefExoticComponent<import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').LayoutProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & Pick<import('@chakra-ui/react').LinkProps, "rel" | "target" | "href"> & Pick<import('@chakra-ui/react').ButtonProps, "form" | "children" | "onClick" | "type" | "loadingText"> & {
+export declare const Button: import('react').ForwardRefExoticComponent<import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').LayoutProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & Pick<import('@chakra-ui/react').LinkProps, "target" | "href" | "rel"> & Pick<import('@chakra-ui/react').ButtonProps, "form" | "type" | "children" | "onClick" | "loadingText"> & {
     variant?: "primary" | "secondary" | "link" | "ghost" | "tertiary" | "segmentedControl" | "alert";
     size?: ConditionalValue<ButtonSize>;
     leftIcon?: import('../icon/index.js').CasperIconComponent;

package/dist/components/combobox/combobox-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAahE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,iBAAiB,2CAoBhG"}
+{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,iBAAiB,2CAoBhG"}

package/dist/components/combobox/combobox-item.js

@@ -1,27 +1,17 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Flex as s } from "@chakra-ui/react";
-import { Box as n } from "../box/box.js";
-import { Highlight as l } from "../highlight/highlight.js";
-import { Tag as o } from "../tag/tag.js";
-import { ThemeSpaceVariable as m } from "../../theme/theme-types.js";
-const f = {
-  info: o.Info,
-  success: o.Success,
-  warning: o.Warning,
-  error: o.Error,
-  primary: o.Primary,
-  secondary: o.Secondary,
-  neutral: o,
-  undefined: o.ComboboxItem
-};
-function y({ item: r, asPlainText: d, isDeleting: p, highlightQuery: a }) {
-  const i = p ? "primary" : r.variant || "neutral", c = f[i];
-  return d ? /* @__PURE__ */ t(s, { gap: m.XSmall, overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Flex as t } from "@chakra-ui/react";
+import { Box as o } from "../box/box.js";
+import { Highlight as n } from "../highlight/highlight.js";
+import { Tag as f } from "../tag/tag.js";
+import { ThemeSpaceVariable as h } from "../../theme/theme-types.js";
+function u({ item: r, asPlainText: d, isDeleting: l, highlightQuery: p }) {
+  const a = l ? "primary" : r.variant ?? "neutral", i = l || (r.solid ?? !1);
+  return d ? /* @__PURE__ */ c(t, { gap: h.XSmall, overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
     r.prepend,
-    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { query: a ?? "", children: r.label }) }),
+    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(n, { query: p ?? "", children: r.label }) }),
     r.append
-  ] }) : /* @__PURE__ */ e(n, { overflow: "hidden", children: /* @__PURE__ */ e(c, { prepend: r.prepend, append: r.append, dot: r.dot, solid: p, children: /* @__PURE__ */ e(n, { display: "block", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: /* @__PURE__ */ e(l, { query: a ?? "", children: r.label }) }) }) });
+  ] }) : /* @__PURE__ */ e(o, { overflow: "hidden", children: /* @__PURE__ */ e(f, { variant: a, solid: i, prepend: r.prepend, append: r.append, dot: r.dot, children: /* @__PURE__ */ e(o, { display: "block", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: /* @__PURE__ */ e(n, { query: p ?? "", children: r.label }) }) }) });
 }
 export {
-  y as ComboboxItem
+  u as ComboboxItem
 };

package/dist/components/combobox/types.d.ts

@@ -1,10 +1,10 @@
-import { Tag, TagProps } from '../tag/index.js';
+import { TagVariant } from '../tag/index.js';
 import { LayoutProps, MarginProps } from '../../theme/index.js';
 import { ConditionalValue } from '@chakra-ui/react';
 import { Placement } from '@floating-ui/dom';
 import { RefObject } from 'react';
 export type { Placement };
-export type ComboboxTagVariant = Lowercase<Exclude<keyof typeof Tag, keyof React.FC<TagProps> | "ComboboxItem">>;
+export type ComboboxTagVariant = TagVariant;
 export type Locales = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB" | "fr-FR" | "nl-BE";
 export type ComboboxItem = {
     /**
@@ -36,6 +36,10 @@ export type ComboboxItem = {
      * Used to display the item with a different color scheme.
      */
     variant?: ComboboxTagVariant;
+    /**
+     * Makes the tag color theme appear stronger (solid style).
+     */
+    solid?: boolean;
     /**
      * Used to add a folder structure to the items.
      */

package/dist/components/combobox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/types.ts"],"names":[],"mappings":"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"}

package/dist/components/icon-button/icon-button.d.ts

@@ -14,9 +14,9 @@ export declare const IconButton: import('react').ForwardRefExoticComponent<{
     isDisabled?: boolean;
     isLoading?: boolean;
 } & {
+    type?: "submit" | "reset" | "button" | undefined | undefined;
     "aria-label"?: string | undefined | undefined;
     onKeyDown?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
     onClick?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
-    type?: "submit" | "reset" | "button" | undefined | undefined;
 } & import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & import('../../theme/index.js').ShadowProps & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=icon-button.d.ts.map

package/dist/components/input/input.d.ts

@@ -5,17 +5,17 @@ import { default as React } from 'react';
  * @see Docs https://caspeco.github.io/casper-ui-library/components/input
  */
 export declare const Input: React.ForwardRefExoticComponent<import('./types.js').CustomProperties & {
-    value?: string | number | readonly string[] | undefined;
-    id?: string | undefined | undefined;
     pattern?: string | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    id?: string | undefined | undefined;
+    name?: string | undefined | undefined;
+    type?: React.HTMLInputTypeAttribute | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    name?: string | undefined | undefined;
-    type?: React.HTMLInputTypeAttribute | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    value?: string | number | readonly string[] | undefined;
     autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
     placeholder?: string | undefined | undefined;
 } & import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').LayoutProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & import('../../theme/index.js').TypographyProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/radio/radio.d.ts

@@ -12,7 +12,7 @@ export type RadioProps = Pick<ChakraRadioGroup.ItemProps, "defaultChecked" | "va
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/radio
  */
-export declare const Radio: React.ForwardRefExoticComponent<Pick<ChakraRadioGroup.ItemProps, "value" | "children" | "defaultChecked"> & ThemeStyleProps & {
+export declare const Radio: React.ForwardRefExoticComponent<Pick<ChakraRadioGroup.ItemProps, "children" | "defaultChecked" | "value"> & ThemeStyleProps & {
     isDisabled?: boolean;
     isInvalid?: boolean;
     id?: string;

package/dist/components/radio-card/radio-card.d.ts

@@ -13,7 +13,7 @@ export type RadioCardProps = CustomProperties & Pick<ChakraRadioCard.ItemProps,
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/radio#custom-radios
  */
-export declare const RadioCard: React.ForwardRefExoticComponent<CustomProperties & Pick<ChakraRadioCard.ItemProps, "value" | "id"> & Pick<ChakraRadioCard.ItemControlProps, "onChange"> & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & {
+export declare const RadioCard: React.ForwardRefExoticComponent<CustomProperties & Pick<ChakraRadioCard.ItemProps, "id" | "value"> & Pick<ChakraRadioCard.ItemControlProps, "onChange"> & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & {
     isDisabled?: boolean;
     isInvalid?: boolean;
     name?: string;

package/dist/components/tag/index.d.ts

@@ -1,3 +1,3 @@
 export { Tag } from './tag.js';
-export type { TagProps } from './types.js';
+export type { TagProps, TagVariant, TagVariantProps } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/tag/tag-recipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag-recipe.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AAkEvG,eAAO,MAAM,SAAS,EAAE,oBA0GtB,CAAC"}
+{"version":3,"file":"tag-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag-recipe.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AA4JvG,eAAO,MAAM,SAAS,EAAE,oBAoHtB,CAAC"}

package/dist/components/tag/tag-recipe.js

@@ -1,67 +1,163 @@
-import { ThemeIconSizeVariable as o, ThemeFontSizeVariable as s, ThemeSpaceVariable as n, ThemeColorVariable as e, ThemeFontVariable as u, ThemeRadiusVariable as b } from "../../theme/theme-types.js";
-import { defineSlotRecipe as S } from "@chakra-ui/react";
-import { tagAnatomy as p } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
-const d = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warning"], r = "& .tag-dot", m = "& .tag-icon", x = d.reduce(
-  (l, t) => {
-    const a = l, c = `${t.toLowerCase()}Solid`, g = t, i = `On${t}`;
-    return a[c] = {
+import { ThemeIconSizeVariable as i, ThemeFontSizeVariable as n, ThemeSpaceVariable as t, ThemeFontVariable as P, ThemeRadiusVariable as m, ThemeColorVariable as e } from "../../theme/theme-types.js";
+import { defineSlotRecipe as x } from "@chakra-ui/react";
+import { tagAnatomy as b } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+const r = "& .tag-dot", s = "& .tag-icon", T = {
+  neutral: {
+    subtleBg: e.NeutralContainer,
+    subtleText: e.OnNeutralContainer,
+    solidBg: e.OnNeutralContainer,
+    solidText: e.NeutralContainer
+  },
+  primary: {
+    subtleBg: e.PrimaryContainer,
+    subtleText: e.OnPrimaryContainer,
+    solidBg: e.Primary,
+    solidText: e.OnPrimary
+  },
+  secondary: {
+    subtleBg: e.SecondaryContainer,
+    subtleText: e.OnSecondaryContainer,
+    solidBg: e.Secondary,
+    solidText: e.OnSecondary
+  },
+  success: {
+    subtleBg: e.SuccessContainer,
+    subtleText: e.OnSuccessContainer,
+    solidBg: e.Success,
+    solidText: e.OnSuccess
+  },
+  error: {
+    subtleBg: e.ErrorContainer,
+    subtleText: e.OnErrorContainer,
+    solidBg: e.Error,
+    solidText: e.OnError
+  },
+  warning: {
+    subtleBg: e.WarningContainer,
+    subtleText: e.OnWarningContainer,
+    solidBg: e.Warning,
+    solidText: e.OnWarning
+  },
+  info: {
+    subtleBg: e.InfoContainer,
+    subtleText: e.OnInfoContainer,
+    solidBg: e.Info,
+    solidText: e.OnInfo
+  },
+  pickerBerry: {
+    subtleBg: e.PickerBerryLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerBerry,
+    solidText: e.PickerOnPicker
+  },
+  pickerCoral: {
+    subtleBg: e.PickerCoralLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerCoral,
+    solidText: e.PickerOnPicker
+  },
+  pickerFlamingo: {
+    subtleBg: e.PickerFlamingoLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerFlamingo,
+    solidText: e.PickerOnPicker
+  },
+  pickerFog: {
+    subtleBg: e.PickerFogLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerFog,
+    solidText: e.PickerOnPicker
+  },
+  pickerHoney: {
+    subtleBg: e.PickerHoneyLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerHoney,
+    solidText: e.PickerOnPicker
+  },
+  pickerLemon: {
+    subtleBg: e.PickerLemonLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerLemon,
+    solidText: e.PickerOnPicker
+  },
+  pickerLime: {
+    subtleBg: e.PickerLimeLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerLime,
+    solidText: e.PickerOnPicker
+  },
+  pickerOlive: {
+    subtleBg: e.PickerOliveLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerOlive,
+    solidText: e.PickerOnPicker
+  },
+  pickerPlum: {
+    subtleBg: e.PickerPlumLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerPlum,
+    solidText: e.PickerOnPicker
+  },
+  pickerSky: {
+    subtleBg: e.PickerSkyLight,
+    subtleText: e.PickerOnPicker,
+    solidBg: e.PickerSky,
+    solidText: e.PickerOnPicker
+  }
+};
+function h(k) {
+  const l = {};
+  for (const [c, { subtleBg: a, subtleText: d, solidBg: g, solidText: u }] of Object.entries(k)) {
+    const o = {
       root: {
-        backgroundColor: e[g],
-        color: e[i],
-        fontWeight: "500",
-        lineHeight: "1.2",
-        [r]: {
-          backgroundColor: e[i]
-        }
+        lineHeight: "1.2"
       },
       label: {
-        lineHeight: "1.2",
         textWrap: "unset"
       }
-    }, a;
-  },
-  {}
-), C = d.reduce(
-  (l, t) => {
-    const a = l, c = `${t.toLowerCase()}`, g = t, i = `${t}Container`, h = `On${t}Container`;
-    return a[c] = {
+    };
+    l[c] = {
+      ...o,
       root: {
-        color: e[h],
-        backgroundColor: e[i],
-        fontWeight: "500",
-        lineHeight: "1.2",
-        [r]: {
-          backgroundColor: e[g]
-        }
-      },
-      label: {
-        lineHeight: "1.2",
-        textWrap: "unset"
+        ...o.root,
+        backgroundColor: a,
+        color: d,
+        [r]: { backgroundColor: g }
       }
-    }, a;
-  },
-  {}
-), z = S({
+    }, l[`${c}Solid`] = {
+      ...o,
+      root: {
+        ...o.root,
+        backgroundColor: g,
+        color: u,
+        [r]: { backgroundColor: a }
+      }
+    };
+  }
+  return l;
+}
+const O = x({
   className: "tag",
-  slots: p.keys(),
+  slots: b.keys(),
   base: {
     root: {
       display: "flex",
       alignContent: "center",
       justifyContent: "flex-start",
       width: "fit-content",
-      gap: n.XSmall,
-      px: n.XSmall,
-      bg: e.NeutralContainer,
-      color: e.OnNeutralContainer,
-      borderRadius: b.Small
+      borderRadius: m.Small,
+      fontWeight: "500",
+      [r]: {
+        marginLeft: t.XSmall
+      }
     },
     label: {
       alignItems: "center",
       fontWeight: "500",
-      mx: n.XSmall,
+      textWrap: "unset",
+      mx: t.XSmall,
       letterSpacing: "0.0125em",
-      font: u.Body
+      font: P.Body
     },
     closeTrigger: {
       opacity: "0.48",
@@ -73,80 +169,87 @@ const d = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warni
   },
   variants: {
     variant: {
-      ...x,
-      ...C,
-      comboboxItem: {
-        root: {
-          color: e.OnSurface,
-          backgroundColor: e.SurfaceDisabled,
-          [r]: {
-            backgroundColor: e.OnSurface
-          }
-        }
-      }
+      ...h(T)
     },
     size: {
       xs: {
         root: {
           minHeight: "24px",
+          gap: "0",
+          px: t.XSmall,
           [r]: {
             width: "12px",
             height: "12px"
           },
-          [m]: {
-            height: o.Small,
-            width: o.Small
+          [s]: {
+            height: i.Small,
+            width: i.Small
           }
         },
         label: {
-          fontSize: s.Small
+          fontSize: n.Small
         },
         closeTrigger: {
-          boxSize: o.Small
+          boxSize: i.Small,
+          "& svg": {
+            boxSize: i.Small
+          }
         }
       },
       sm: {
         root: {
           minHeight: "32px",
+          gap: "0",
+          px: t.XSmall,
           [r]: {
             width: "14px",
             height: "14px"
           },
-          [m]: {
-            height: o.Medium,
-            width: o.Medium
+          [s]: {
+            height: i.Medium,
+            width: i.Medium
           }
         },
         label: {
-          fontSize: s.Medium
+          fontSize: n.Medium
         },
         closeTrigger: {
-          boxSize: o.Medium
+          boxSize: i.Medium,
+          "& svg": {
+            boxSize: i.Medium
+          }
         }
       },
       md: {
         root: {
           minHeight: "40px",
-          px: n.Small,
+          gap: "0",
+          px: t.Small,
           [r]: {
             width: "14px",
             height: "14px"
           },
-          [m]: {
-            height: o.Medium,
-            width: o.Medium
+          [s]: {
+            height: i.Medium,
+            width: i.Medium
           }
         },
         label: {
-          fontSize: s.Large
+          fontSize: n.Medium
         },
         closeTrigger: {
-          boxSize: o.Medium
+          boxSize: i.Medium,
+          "& svg": {
+            boxSize: i.Medium
+          }
         }
       }
     }
+  },
+  defaultVariants: {
+    size: "xs"
   }
 });
 export {
-  z as tagRecipe
+  O as tagRecipe
 };

package/dist/components/tag/tag.composition.d.ts

@@ -1,5 +1,4 @@
-export declare const SubtleTag: () => import("react/jsx-runtime").JSX.Element;
-export declare const SolidTag: () => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
 export declare const DottedTag: () => import("react/jsx-runtime").JSX.Element;
 export declare const CloseButtonTag: () => import("react/jsx-runtime").JSX.Element;
 export declare const IconTag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/tag/tag.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,+CAYrB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAYpB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAqCrB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAmD1B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAqCnB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAcjB,CAAC"}
+{"version":3,"file":"tag.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.composition.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,+CA2CpB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAiFrB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAmD1B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAqCnB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAcjB,CAAC"}

package/dist/components/tag/tag.d.ts

@@ -1,3 +1,23 @@
-import { InternalTagComponent } from './types.js';
-export declare const Tag: InternalTagComponent;
+import { TagProps, TagVariantProps } from './types.js';
+declare function TagBase({ children, dot, icon, onClose, ariaLabel, prepend, size, variant, solid, isDisabled, append, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
+export declare const Tag: typeof TagBase & {
+    Neutral: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Primary: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Secondary: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Success: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Error: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Warning: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Info: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerBerry: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerCoral: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerFlamingo: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerFog: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerHoney: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerLemon: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerLime: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerOlive: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerPlum: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerSky: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
 //# sourceMappingURL=tag.d.ts.map

package/dist/components/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAA8B,MAAM,SAAS,CAAC;AAqChF,eAAO,MAAM,GAAG,EAAE,oBAEjB,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAgB,eAAe,EAAE,MAAM,SAAS,CAAC;AAGvE,iBAAS,OAAO,CAAC,EAChB,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,OAAO,EACP,SAAS,EACT,OAAO,EACP,IAAW,EACX,OAAmB,EACnB,KAAK,EACL,UAAU,EACV,MAAM,EACN,GAAG,KAAK,EACR,EAAE,QAAQ,2CAyBV;AAED,eAAO,MAAM,GAAG;qBACE,eAAe;qBACf,eAAe;uBACb,eAAe;qBACjB,eAAe;mBACjB,eAAe;qBACb,eAAe;kBAClB,eAAe;yBACR,eAAe;yBACf,eAAe;4BACZ,eAAe;uBACpB,eAAe;yBACb,eAAe;yBACf,eAAe;wBAChB,eAAe;yBACd,eAAe;wBAChB,eAAe;uBAChB,eAAe;CACjC,CAAC"}

package/dist/components/tag/tag.js

@@ -1,44 +1,58 @@
-import { jsx as n, jsxs as f, Fragment as s } from "react/jsx-runtime";
-import { Tag as d, Circle as x, TagLabel as y } from "@chakra-ui/react";
-function o({
+import { jsx as i, jsxs as u, Fragment as l } from "react/jsx-runtime";
+import { Tag as s, Circle as f, TagLabel as C } from "@chakra-ui/react";
+import { CloseIcon as T } from "../icon/icons/close-icon.js";
+function a({
   children: r,
-  dot: a,
+  dot: k,
   icon: m,
-  onClose: t,
-  ariaLabel: g,
-  prepend: e,
-  size: S = "xs",
-  variant: u = "neutral",
-  isDisabled: v,
-  append: l,
-  ...b
+  onClose: e,
+  ariaLabel: v,
+  prepend: n,
+  size: g = "xs",
+  variant: c = "neutral",
+  solid: p,
+  isDisabled: P,
+  append: o,
+  ...y
 }) {
-  const c = m;
-  return /* @__PURE__ */ f(d.Root, { size: S, variant: u, ...b, children: [
-    a && /* @__PURE__ */ n(x, { className: "tag-dot" }),
-    c && /* @__PURE__ */ n(c, { className: "tag-icon" }),
-    e && /* @__PURE__ */ n(s, { children: e }),
-    /* @__PURE__ */ n(y, { display: "flex", alignContent: "center", children: r }),
-    l && /* @__PURE__ */ n(s, { children: l }),
-    t && /* @__PURE__ */ n(
-      d.CloseTrigger,
+  const t = m, d = p ? `${c}Solid` : c;
+  return /* @__PURE__ */ u(s.Root, { size: g, variant: d, ...y, children: [
+    k && /* @__PURE__ */ i(f, { className: "tag-dot" }),
+    t && /* @__PURE__ */ i(t, { className: "tag-icon" }),
+    n && /* @__PURE__ */ i(l, { children: n }),
+    /* @__PURE__ */ i(C, { display: "flex", alignContent: "center", children: r }),
+    o && /* @__PURE__ */ i(l, { children: o }),
+    e && /* @__PURE__ */ i(
+      s.CloseTrigger,
       {
-        "aria-label": g,
-        disabled: v,
+        "aria-label": v,
+        disabled: P,
         color: "inherit",
-        onClick: t
+        onClick: e,
+        children: /* @__PURE__ */ i(T, {})
       }
     )
   ] });
 }
-const i = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "neutralSolid" : "neutral", ...a });
-i.Primary = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "primarySolid" : "primary", ...a });
-i.Secondary = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "secondarySolid" : "secondary", ...a });
-i.Success = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "successSolid" : "success", ...a });
-i.Error = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "errorSolid" : "error", ...a });
-i.Warning = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "warningSolid" : "warning", ...a });
-i.Info = ({ solid: r, ...a }) => /* @__PURE__ */ n(o, { variant: r ? "infoSolid" : "info", ...a });
-i.ComboboxItem = ({ ...r }) => /* @__PURE__ */ n(o, { variant: "comboboxItem", ...r });
+const L = Object.assign(a, {
+  Neutral: (r) => /* @__PURE__ */ i(a, { ...r, variant: "neutral" }),
+  Primary: (r) => /* @__PURE__ */ i(a, { ...r, variant: "primary" }),
+  Secondary: (r) => /* @__PURE__ */ i(a, { ...r, variant: "secondary" }),
+  Success: (r) => /* @__PURE__ */ i(a, { ...r, variant: "success" }),
+  Error: (r) => /* @__PURE__ */ i(a, { ...r, variant: "error" }),
+  Warning: (r) => /* @__PURE__ */ i(a, { ...r, variant: "warning" }),
+  Info: (r) => /* @__PURE__ */ i(a, { ...r, variant: "info" }),
+  PickerBerry: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerBerry" }),
+  PickerCoral: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerCoral" }),
+  PickerFlamingo: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerFlamingo" }),
+  PickerFog: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerFog" }),
+  PickerHoney: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerHoney" }),
+  PickerLemon: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerLemon" }),
+  PickerLime: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerLime" }),
+  PickerOlive: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerOlive" }),
+  PickerPlum: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerPlum" }),
+  PickerSky: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerSky" })
+});
 export {
-  i as Tag
+  L as Tag
 };

package/dist/components/tag/types.d.ts

@@ -2,7 +2,12 @@ import { CasperIconComponent } from '../icon/index.js';
 import { MarginProps } from '../../theme/index.js';
 import { TagRootProps as ChakraTagRootProps, ConditionalValue } from '@chakra-ui/react';
 type CustomChakraTagProperties = Pick<ChakraTagRootProps, "children">;
+export type TagVariant = "neutral" | "primary" | "secondary" | "success" | "error" | "warning" | "info" | "pickerBerry" | "pickerCoral" | "pickerFlamingo" | "pickerFog" | "pickerHoney" | "pickerLemon" | "pickerLime" | "pickerOlive" | "pickerPlum" | "pickerSky";
 export type TagPropsBase = {
+    /**
+     * Color variant of the tag. Defaults to 'neutral'.
+     */
+    variant?: TagVariant;
     /**
      * Makes color theme appear stronger. Defults to false which makes appearance "suble".
      */
@@ -52,18 +57,8 @@ type TagPropsWithoutOnClose = TagPropsBase & {
     isDisabled?: never;
 };
 export type TagProps = TagPropsWithOnClose | TagPropsWithoutOnClose;
-export type InternalTagComponent = React.FC<TagProps> & {
-    Primary: React.FC<TagProps>;
-    Secondary: React.FC<TagProps>;
-    Success: React.FC<TagProps>;
-    Error: React.FC<TagProps>;
-    Info: React.FC<TagProps>;
-    Warning: React.FC<TagProps>;
-    ComboboxItem: React.FC<TagProps>;
-};
-export type InternalVariantType = "neutralSolid" | "neutral" | "primarySolid" | "primary" | "secondarySolid" | "secondary" | "successSolid" | "success" | "errorSolid" | "error" | "warningSolid" | "warning" | "infoSolid" | "info" | "comboboxItem";
-export type InternalTagProps = TagProps & {
-    variant: InternalVariantType;
-};
+/** Props accepted by variant subcomponents such as `Tag.Success`, `Tag.Primary`, etc. */
+export type TagVariantProps = Omit<TagPropsWithOnClose, "variant"> | Omit<TagPropsWithoutOnClose, "variant">;
+export type TagRecipeKey = TagVariant | `${TagVariant}Solid`;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/tag/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,IAAI,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE7F,KAAK,yBAAyB,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtE,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CAC5C,GAAG,yBAAyB,GAC5B,WAAW,CAAC;AAEb,KAAK,mBAAmB,GAAG,YAAY,GAAG;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF,KAAK,sBAAsB,GAAG,YAAY,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AAKpE,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG;IACvD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAC5B,cAAc,GACd,SAAS,GACT,cAAc,GACd,SAAS,GACT,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,SAAS,GACT,YAAY,GACZ,OAAO,GACP,cAAc,GACd,SAAS,GACT,WAAW,GACX,MAAM,GAEN,cAAc,CAAC;AAElB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG;IACzC,OAAO,EAAE,mBAAmB,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,IAAI,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE7F,KAAK,yBAAyB,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtE,MAAM,MAAM,UAAU,GACnB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,GACN,aAAa,GACb,aAAa,GACb,gBAAgB,GAChB,WAAW,GACX,aAAa,GACb,aAAa,GACb,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,WAAW,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CAC5C,GAAG,yBAAyB,GAC5B,WAAW,CAAC;AAEb,KAAK,mBAAmB,GAAG,YAAY,GAAG;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF,KAAK,sBAAsB,GAAG,YAAY,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AAEpE,yFAAyF;AACzF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;AAI7G,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,GAAG,UAAU,OAAO,CAAC"}

package/dist/components/tooltip/tooltip.d.ts

@@ -12,6 +12,6 @@ export type TooltipProps = Pick<ChakraTooltip.RootProps, "children" | "disabled"
  * @see Docs https://caspeco.github.io/casper-ui-library/components/tooltip
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
  */
-export declare function Tooltip(props: TooltipProps): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function Tooltip(props: TooltipProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
 export {};
 //# sourceMappingURL=tooltip.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "9.3.0",
+	"version": "9.5.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,