@clickhouse/click-ui 0.9.0 → 1.0.0-rc2

package/dist/cjs/components/CardHorizontal/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardHorizontal/CardHorizontal.tsx"],"sourcesContent":["import { Badge } from '@/components/Badge';\nimport { Button } from '@/components/Button';\nimport { Container } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport { CardHorizontalProps } from './CardHorizontal.types';\nimport styles from './CardHorizontal.module.css';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    color: {\n      default: styles['wrapper_color_default'],\n      muted: styles['wrapper_color_muted'],\n    },\n    size: {\n      sm: styles['wrapper_size_sm'],\n      md: styles['wrapper_size_md'],\n    },\n    alignment: {\n      center: styles['wrapper_alignment_center'],\n      top: styles['wrapper_alignment_top'],\n    },\n    selectable: {\n      true: styles['wrapper_selectable'],\n    },\n    selected: {\n      true: styles['wrapper_selected'],\n    },\n    disabled: {\n      true: styles['wrapper_disabled'],\n    },\n  },\n  defaultVariants: {\n    color: 'default',\n    size: 'md',\n    alignment: 'center',\n  },\n});\n\nconst contentWrapperVariants = cva(styles.contentwrapper, {\n  variants: {\n    size: {\n      sm: styles['contentwrapper_size_sm'],\n      md: styles['contentwrapper_size_md'],\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst iconTextContentWrapperVariants = cva(styles.icontextcontentwrapper, {\n  variants: {\n    size: {\n      sm: styles['icontextcontentwrapper_size_sm'],\n      md: styles['icontextcontentwrapper_size_md'],\n    },\n    alignment: {\n      center: styles['icontextcontentwrapper_alignment_center'],\n      top: styles['icontextcontentwrapper_alignment_top'],\n    },\n  },\n  defaultVariants: { size: 'md', alignment: 'center' },\n});\n\nexport const CardHorizontal = ({\n  title,\n  icon,\n  description,\n  disabled = false,\n  infoText,\n  infoUrl,\n  isSelected,\n  isSelectable = infoText ? false : true,\n  children,\n  color = 'default',\n  size = 'md',\n  alignment = 'center',\n  badgeText,\n  badgeState,\n  badgeIcon,\n  badgeIconDir,\n  onButtonClick,\n  className,\n  ...props\n}: CardHorizontalProps) => {\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (typeof onButtonClick === 'function') {\n      onButtonClick(e);\n    }\n    if (infoUrl && infoUrl.length > 0) {\n      window.open(infoUrl, '_blank');\n    }\n  };\n  return (\n    <div\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      onClick={handleClick}\n      {...props}\n      className={cn(\n        wrapperVariants({\n          color,\n          size,\n          alignment,\n          selectable: isSelectable,\n          selected: isSelected,\n          disabled,\n        }),\n        className\n      )}\n    >\n      <div className={cn(contentWrapperVariants({ size }))}>\n        <div className={cn(iconTextContentWrapperVariants({ size, alignment }))}>\n          {icon && (\n            <Icon\n              name={icon}\n              aria-hidden\n              className={styles.cardicon}\n            />\n          )}\n          <Container\n            padding=\"none\"\n            orientation=\"vertical\"\n          >\n            {title && (\n              <Container\n                className={styles.header}\n                isResponsive={false}\n                gap=\"xs\"\n                justifyContent=\"space-between\"\n                fillWidth\n              >\n                <Container\n                  orientation=\"horizontal\"\n                  gap=\"xs\"\n                  isResponsive={false}\n                  fillWidth={false}\n                  grow=\"1\"\n                >\n                  {title}\n                </Container>\n                {badgeText && (\n                  <Container\n                    isResponsive={false}\n                    justifyContent=\"end\"\n                    fillWidth={false}\n                    data-testid=\"horizontal-card-badge\"\n                  >\n                    <Badge\n                      text={badgeText}\n                      size=\"md\"\n                      state={badgeState}\n                      icon={badgeIcon}\n                      iconDir={badgeIconDir}\n                    />\n                  </Container>\n                )}\n              </Container>\n            )}\n\n            {description && <div className={styles.description}>{description}</div>}\n            {children && <div className={styles.description}>{children}</div>}\n          </Container>\n        </div>\n        {infoText && (\n          <Container\n            justifyContent=\"end\"\n            fillWidth={false}\n            data-testid=\"horizontal-card-button\"\n          >\n            <Button\n              label={infoText}\n              onClick={handleClick}\n              disabled={disabled}\n              fillWidth\n            />\n          </Container>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["wrapperVariants","cva","styles","wrapper","variants","color","default","muted","size","sm","md","alignment","center","top","selectable","true","selected","disabled","defaultVariants","contentWrapperVariants","contentwrapper","iconTextContentWrapperVariants","icontextcontentwrapper","CardHorizontal","title","icon","description","infoText","infoUrl","isSelected","isSelectable","children","badgeText","badgeState","badgeIcon","badgeIconDir","onButtonClick","className","props","handleClick","e","preventDefault","length","window","open","jsx","cn","jsxs","Icon","cardicon","Container","header","Badge","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardHorizontal/CardHorizontal.tsx"],"sourcesContent":["import { Badge } from '@/components/Badge';\nimport { Button } from '@/components/Button';\nimport { Container } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport { CardHorizontalProps } from './CardHorizontal.types';\nimport styles from './CardHorizontal.module.css';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    color: {\n      default: styles['wrapper_color_default'],\n      muted: styles['wrapper_color_muted'],\n    },\n    size: {\n      sm: styles['wrapper_size_sm'],\n      md: styles['wrapper_size_md'],\n    },\n    alignment: {\n      center: styles['wrapper_alignment_center'],\n      top: styles['wrapper_alignment_top'],\n    },\n    selectable: {\n      true: styles['wrapper_selectable'],\n    },\n    selected: {\n      true: styles['wrapper_selected'],\n    },\n    disabled: {\n      true: styles['wrapper_disabled'],\n    },\n  },\n  defaultVariants: {\n    color: 'default',\n    size: 'md',\n    alignment: 'center',\n  },\n});\n\nconst contentWrapperVariants = cva(styles.contentwrapper, {\n  variants: {\n    size: {\n      sm: styles['contentwrapper_size_sm'],\n      md: styles['contentwrapper_size_md'],\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst iconTextContentWrapperVariants = cva(styles.icontextcontentwrapper, {\n  variants: {\n    size: {\n      sm: styles['icontextcontentwrapper_size_sm'],\n      md: styles['icontextcontentwrapper_size_md'],\n    },\n    alignment: {\n      center: styles['icontextcontentwrapper_alignment_center'],\n      top: styles['icontextcontentwrapper_alignment_top'],\n    },\n  },\n  defaultVariants: { size: 'md', alignment: 'center' },\n});\n\nexport const CardHorizontal = ({\n  title,\n  icon,\n  description,\n  disabled = false,\n  infoText,\n  infoUrl,\n  isSelected,\n  isSelectable = infoText ? false : true,\n  children,\n  color = 'default',\n  size = 'md',\n  alignment = 'center',\n  badgeText,\n  badgeState,\n  badgeIcon,\n  badgeIconDir,\n  onButtonClick,\n  className,\n  ...props\n}: CardHorizontalProps) => {\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (typeof onButtonClick === 'function') {\n      onButtonClick(e);\n    }\n    if (infoUrl && infoUrl.length > 0) {\n      window.open(infoUrl, '_blank');\n    }\n  };\n  return (\n    <div\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      onClick={handleClick}\n      {...props}\n      className={cn(\n        wrapperVariants({\n          color,\n          size,\n          alignment,\n          selectable: isSelectable,\n          selected: isSelected,\n          disabled,\n        }),\n        className\n      )}\n    >\n      <div className={cn(contentWrapperVariants({ size }))}>\n        <div className={cn(iconTextContentWrapperVariants({ size, alignment }))}>\n          {icon && (\n            <Icon\n              name={icon}\n              aria-hidden\n              className={styles.cardicon}\n            />\n          )}\n          <Container\n            padding=\"none\"\n            orientation=\"vertical\"\n          >\n            {title && (\n              <Container\n                className={styles.header}\n                isResponsive={false}\n                gap=\"xs\"\n                justifyContent=\"space-between\"\n                fillWidth\n              >\n                <Container\n                  orientation=\"horizontal\"\n                  gap=\"xs\"\n                  isResponsive={false}\n                  fillWidth={false}\n                  grow=\"1\"\n                >\n                  {title}\n                </Container>\n                {badgeText && (\n                  <Container\n                    isResponsive={false}\n                    justifyContent=\"end\"\n                    fillWidth={false}\n                    data-testid=\"horizontal-card-badge\"\n                  >\n                    <Badge\n                      text={badgeText}\n                      size=\"md\"\n                      state={badgeState}\n                      icon={badgeIcon}\n                      iconDir={badgeIconDir}\n                    />\n                  </Container>\n                )}\n              </Container>\n            )}\n\n            {description && <div className={styles.description}>{description}</div>}\n            {children && <div className={styles.description}>{children}</div>}\n          </Container>\n        </div>\n        {infoText && (\n          <Container\n            justifyContent=\"end\"\n            fillWidth={false}\n            data-testid=\"horizontal-card-button\"\n          >\n            <Button\n              label={infoText}\n              onClick={handleClick}\n              disabled={disabled}\n              fillWidth\n            />\n          </Container>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["cva","styles","jsx","cn","jsxs","Icon","Container","Badge","Button"],"mappings":"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"}

package/dist/cjs/components/CardPrimary/CardPrimary.css

@@ -1,4 +1,4 @@
-.wrapper__zCfLE {
+@layer clickui {.wrapper__zCfLE {
   display: flex;
   width: 100%;
   max-width: 100%;
@@ -180,3 +180,4 @@
 div:active + .topbadge__E79OZ {
   border-color: var(--click-button-basic-color-primary-stroke-active);
 }
+}

package/dist/cjs/components/CardPrimary/CardPrimaryTopBadge.cjs

@@ -9,15 +9,24 @@ const CardPrimary_module = require('./CardPrimary.module.css.cjs');
 const Container = require('../Container/index.cjs');
 const Badge = require('../Badge/index.cjs');
 
-const TopBadgeWrapper = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { className: cva.cn(CardPrimary_module.default.topbadgewrapper, className), ...props });
+const TopBadgeWrapper = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  Container.Container,
+  {
+    className: cva.cn(CardPrimary_module.default.topbadgewrapper, className),
+    ...props
+  }
+);
 const CardPrimaryTopBadge = ({
   isSelected,
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { className: cva.cn(CardPrimary_module.default.topbadge, isSelected && CardPrimary_module.default["topbadge_selected"], className), ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  Badge.Badge,
+  {
+    className: cva.cn(CardPrimary_module.default.topbadge, isSelected && CardPrimary_module.default["topbadge_selected"], className),
+    ...props
+  }
+);
 
 exports.CardPrimaryTopBadge = CardPrimaryTopBadge;
 exports.TopBadgeWrapper = TopBadgeWrapper;

package/dist/cjs/components/CardPrimary/CardPrimaryTopBadge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardPrimaryTopBadge.cjs","sources":["../../../../src/components/CardPrimary/CardPrimaryTopBadge.tsx"],"sourcesContent":["import { Badge, BadgeProps } from '@/components/Badge';\nimport { Container, ContainerProps } from '@/components/Container';\nimport { cn } from '@/lib/cva';\nimport { HTMLAttributes } from 'react';\nimport styles from './CardPrimary.module.css';\n\ntype TopBadgeWrapperProps = ContainerProps<'div'> & HTMLAttributes<HTMLDivElement>;\n\nexport const TopBadgeWrapper = ({ className, ...props }: TopBadgeWrapperProps) => (\n  <Container\n    className={cn(styles.topbadgewrapper, className)}\n    {...props}\n  />\n);\n\ntype CardPrimaryTopBadgeProps = BadgeProps & { isSelected?: boolean };\n\nexport const CardPrimaryTopBadge = ({\n  isSelected,\n  className,\n  ...props\n}: CardPrimaryTopBadgeProps) => (\n  <Badge\n    className={cn(styles.topbadge, isSelected && styles['topbadge_selected'], className)}\n    {...props}\n  />\n);\n"],"names":["TopBadgeWrapper","className","props","jsx","Container","cn","styles","topbadgewrapper","CardPrimaryTopBadge","isSelected","Badge","topbadge"],"mappings":";;;;;;;;;;AAQO,MAAMA,kBAAkBA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAAW,GAAGC;AAA4B,CAAA,qBAC1EC,cAAA,CAACC,uBACC,SAAA,EAAWC,MAAAA,CAAGC,2BAAOC,eAAAA,EAAiBN,SAAS,CAAA,EAC/C,GAAIC,KAAAA,EAAM;AAMP,MAAMM,sBAAsBA,CAAC;AAAA,EAClCC,UAAAA;AAAAA,EACAR,SAAAA;AAAAA,EACA,GAAGC;AACqB,CAAA,qBACxBC,cAAA,CAACO,WAAA,EAAA,EACC,SAAA,EAAWL,MAAAA,CAAGC,0BAAAA,CAAOK,QAAAA,EAAUF,UAAAA,IAAcH,0BAAAA,CAAO,mBAAmB,CAAA,EAAGL,SAAS,CAAA,EACnF,GAAIC,KAAAA,EAAM;;;;;"}
+{"version":3,"file":"CardPrimaryTopBadge.cjs","sources":["../../../../src/components/CardPrimary/CardPrimaryTopBadge.tsx"],"sourcesContent":["import { Badge, BadgeProps } from '@/components/Badge';\nimport { Container, ContainerProps } from '@/components/Container';\nimport { cn } from '@/lib/cva';\nimport { HTMLAttributes } from 'react';\nimport styles from './CardPrimary.module.css';\n\ntype TopBadgeWrapperProps = ContainerProps<'div'> & HTMLAttributes<HTMLDivElement>;\n\nexport const TopBadgeWrapper = ({ className, ...props }: TopBadgeWrapperProps) => (\n  <Container\n    className={cn(styles.topbadgewrapper, className)}\n    {...props}\n  />\n);\n\ntype CardPrimaryTopBadgeProps = BadgeProps & { isSelected?: boolean };\n\nexport const CardPrimaryTopBadge = ({\n  isSelected,\n  className,\n  ...props\n}: CardPrimaryTopBadgeProps) => (\n  <Badge\n    className={cn(styles.topbadge, isSelected && styles['topbadge_selected'], className)}\n    {...props}\n  />\n);\n"],"names":["jsx","Container","cn","styles","Badge"],"mappings":";;;;;;;;;;AAQO,MAAM,kBAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBACpDA,cAAA;AAAA,EAACC,mBAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAWC,MAAA,CAAGC,0BAAA,CAAO,eAAA,EAAiB,SAAS,CAAA;AAAA,IAC9C,GAAG;AAAA;AACN;AAKK,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACEH,cAAA;AAAA,EAACI,WAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAWF,OAAGC,0BAAA,CAAO,QAAA,EAAU,cAAcA,0BAAA,CAAO,mBAAmB,GAAG,SAAS,CAAA;AAAA,IAClF,GAAG;AAAA;AACN;;;;;"}

package/dist/cjs/components/CardPrimary/index.cjs

@@ -106,30 +106,57 @@ const Card = ({
     }
   };
   const Component = !!infoUrl || typeof onButtonClick === "function" ? Button.Button : "div";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-disabled": disabled, tabIndex: 0, ...props, className: cva.cn(wrapperVariants({
-    size,
-    align: alignContent,
-    hasShadow,
-    isSelected
-  }), className), children: [
-    (icon || title) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(headerVariants({
-      size,
-      align: alignContent,
-      disabled
-    })), children: [
-      iconUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: iconUrl, alt: "card icon", "aria-hidden": true }) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: icon, "aria-hidden": true }),
-      title && /* @__PURE__ */ jsxRuntime.jsx(Title.Title, { type: "h3", children: title })
-    ] }),
-    (description || children) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(contentVariants({
-      size,
-      align: alignContent
-    })), children: [
-      description && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { color: "muted", align: convertCardAlignToTextAlign(alignContent ?? "start"), children: description }),
-      children
-    ] }),
-    size == "sm" && /* @__PURE__ */ jsxRuntime.jsx(Spacer.Spacer, { size: "sm" }),
-    infoText && /* @__PURE__ */ jsxRuntime.jsx(Component, { onClick: handleClick, disabled, children: infoText })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "aria-disabled": disabled,
+      tabIndex: 0,
+      ...props,
+      className: cva.cn(
+        wrapperVariants({ size, align: alignContent, hasShadow, isSelected }),
+        className
+      ),
+      children: [
+        (icon || title) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(headerVariants({ size, align: alignContent, disabled })), children: [
+          iconUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: iconUrl,
+              alt: "card icon",
+              "aria-hidden": true
+            }
+          ) : icon && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              name: icon,
+              "aria-hidden": true
+            }
+          ),
+          title && /* @__PURE__ */ jsxRuntime.jsx(Title.Title, { type: "h3", children: title })
+        ] }),
+        (description || children) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(contentVariants({ size, align: alignContent })), children: [
+          description && /* @__PURE__ */ jsxRuntime.jsx(
+            Text.Text,
+            {
+              color: "muted",
+              align: convertCardAlignToTextAlign(alignContent ?? "start"),
+              children: description
+            }
+          ),
+          children
+        ] }),
+        size == "sm" && /* @__PURE__ */ jsxRuntime.jsx(Spacer.Spacer, { size: "sm" }),
+        infoText && /* @__PURE__ */ jsxRuntime.jsx(
+          Component,
+          {
+            onClick: handleClick,
+            disabled,
+            children: infoText
+          }
+        )
+      ]
+    }
+  );
 };
 const CardPrimary = withTopBadge.withTopBadge(Card);
 

package/dist/cjs/components/CardPrimary/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardPrimary/CardPrimary.tsx"],"sourcesContent":["import { Title } from '@/components/Title';\nimport { Text, type TextAlignment } from '@/components/Text';\nimport { withTopBadge } from './withTopBadge';\nimport { Button } from '@/components/Button';\nimport { Icon } from '@/components/Icon';\nimport { Spacer } from '@/components/Spacer';\nimport { cn, cva } from '@/lib/cva';\nimport { CardPrimaryProps } from './CardPrimary.types';\nimport styles from './CardPrimary.module.css';\n\ntype ContentAlignment = 'start' | 'center' | 'end';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    size: {\n      sm: styles['wrapper_size_sm'],\n      md: styles['wrapper_size_md'],\n    },\n    align: {\n      start: styles['wrapper_align_start'],\n      center: styles['wrapper_align_center'],\n      end: styles['wrapper_align_end'],\n    },\n    hasShadow: {\n      true: styles['wrapper_shadow'],\n    },\n    isSelected: {\n      true: styles['wrapper_selected'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    align: 'center',\n  },\n});\n\nconst headerVariants = cva(styles.header, {\n  variants: {\n    size: {\n      sm: styles['header_size_sm'],\n      md: styles['header_size_md'],\n    },\n    align: {\n      start: styles['header_align_start'],\n      center: styles['header_align_center'],\n      end: styles['header_align_end'],\n    },\n    disabled: {\n      true: styles['header_disabled'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    align: 'center',\n  },\n});\n\nconst contentVariants = cva(styles.content, {\n  variants: {\n    size: {\n      sm: styles['content_size_sm'],\n      md: styles['content_size_md'],\n    },\n    align: {\n      start: styles['content_align_start'],\n      center: styles['content_align_center'],\n      end: styles['content_align_end'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    align: 'center',\n  },\n});\n\nconst convertCardAlignToTextAlign = (align: ContentAlignment): TextAlignment => {\n  if (align === 'center') {\n    return 'center';\n  }\n  return align === 'start' ? 'left' : 'right';\n};\n\nconst Card = ({\n  alignContent,\n  title,\n  icon,\n  iconUrl,\n  hasShadow = false,\n  description,\n  infoUrl,\n  infoText,\n  size,\n  disabled = false,\n  onButtonClick,\n  isSelected,\n  children,\n  className,\n  ...props\n}: CardPrimaryProps) => {\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (typeof onButtonClick === 'function') {\n      onButtonClick(e);\n    }\n    if (infoUrl && infoUrl.length > 0) {\n      window.open(infoUrl, '_blank');\n    }\n  };\n\n  const Component = !!infoUrl || typeof onButtonClick === 'function' ? Button : 'div';\n  return (\n    <div\n      aria-disabled={disabled}\n      tabIndex={0}\n      {...props}\n      className={cn(\n        wrapperVariants({ size, align: alignContent, hasShadow, isSelected }),\n        className\n      )}\n    >\n      {(icon || title) && (\n        <div className={cn(headerVariants({ size, align: alignContent, disabled }))}>\n          {iconUrl ? (\n            <img\n              src={iconUrl}\n              alt=\"card icon\"\n              aria-hidden\n            />\n          ) : (\n            icon && (\n              <Icon\n                name={icon}\n                aria-hidden\n              />\n            )\n          )}\n          {title && <Title type=\"h3\">{title}</Title>}\n        </div>\n      )}\n\n      {(description || children) && (\n        <div className={cn(contentVariants({ size, align: alignContent }))}>\n          {description && (\n            <Text\n              color=\"muted\"\n              align={convertCardAlignToTextAlign(alignContent ?? 'start')}\n            >\n              {description}\n            </Text>\n          )}\n          {children}\n        </div>\n      )}\n\n      {size == 'sm' && <Spacer size=\"sm\" />}\n\n      {infoText && (\n        <Component\n          onClick={handleClick}\n          disabled={disabled}\n        >\n          {infoText}\n        </Component>\n      )}\n    </div>\n  );\n};\n\nexport const CardPrimary = withTopBadge<CardPrimaryProps>(Card);\n"],"names":["wrapperVariants","cva","styles","wrapper","variants","size","sm","md","align","start","center","end","hasShadow","true","isSelected","defaultVariants","headerVariants","header","disabled","contentVariants","content","convertCardAlignToTextAlign","Card","alignContent","title","icon","iconUrl","description","infoUrl","infoText","onButtonClick","children","className","props","handleClick","e","length","window","open","Component","Button","jsxs","cn","jsx","Icon","Title","Text","Spacer","CardPrimary","withTopBadge"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAMA,eAAAA,GAAkBC,0BAAAA,CAAIC,0BAAAA,CAAOC,OAAAA,EAAS;AAAA,EAC1CC,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,EAAAA,EAAIJ,2BAAO,iBAAiB,CAAA;AAAA,MAC5BK,EAAAA,EAAIL,2BAAO,iBAAiB;AAAA,KAC9B;AAAA,IACAM,KAAAA,EAAO;AAAA,MACLC,KAAAA,EAAOP,2BAAO,qBAAqB,CAAA;AAAA,MACnCQ,MAAAA,EAAQR,2BAAO,sBAAsB,CAAA;AAAA,MACrCS,GAAAA,EAAKT,2BAAO,mBAAmB;AAAA,KACjC;AAAA,IACAU,SAAAA,EAAW;AAAA,MACTC,IAAAA,EAAMX,2BAAO,gBAAgB;AAAA,KAC/B;AAAA,IACAY,UAAAA,EAAY;AAAA,MACVD,IAAAA,EAAMX,2BAAO,kBAAkB;AAAA;AACjC,GACF;AAAA,EACAa,eAAAA,EAAiB;AAAA,IACfV,IAAAA,EAAM,IAAA;AAAA,IACNG,KAAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAED,MAAMQ,cAAAA,GAAiBf,0BAAAA,CAAIC,0BAAAA,CAAOe,MAAAA,EAAQ;AAAA,EACxCb,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,EAAAA,EAAIJ,2BAAO,gBAAgB,CAAA;AAAA,MAC3BK,EAAAA,EAAIL,2BAAO,gBAAgB;AAAA,KAC7B;AAAA,IACAM,KAAAA,EAAO;AAAA,MACLC,KAAAA,EAAOP,2BAAO,oBAAoB,CAAA;AAAA,MAClCQ,MAAAA,EAAQR,2BAAO,qBAAqB,CAAA;AAAA,MACpCS,GAAAA,EAAKT,2BAAO,kBAAkB;AAAA,KAChC;AAAA,IACAgB,QAAAA,EAAU;AAAA,MACRL,IAAAA,EAAMX,2BAAO,iBAAiB;AAAA;AAChC,GACF;AAAA,EACAa,eAAAA,EAAiB;AAAA,IACfV,IAAAA,EAAM,IAAA;AAAA,IACNG,KAAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAED,MAAMW,eAAAA,GAAkBlB,0BAAAA,CAAIC,0BAAAA,CAAOkB,OAAAA,EAAS;AAAA,EAC1ChB,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,EAAAA,EAAIJ,2BAAO,iBAAiB,CAAA;AAAA,MAC5BK,EAAAA,EAAIL,2BAAO,iBAAiB;AAAA,KAC9B;AAAA,IACAM,KAAAA,EAAO;AAAA,MACLC,KAAAA,EAAOP,2BAAO,qBAAqB,CAAA;AAAA,MACnCQ,MAAAA,EAAQR,2BAAO,sBAAsB,CAAA;AAAA,MACrCS,GAAAA,EAAKT,2BAAO,mBAAmB;AAAA;AACjC,GACF;AAAA,EACAa,eAAAA,EAAiB;AAAA,IACfV,IAAAA,EAAM,IAAA;AAAA,IACNG,KAAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAED,MAAMa,2BAAAA,GAA8BA,CAACb,KAAAA,KAA2C;AAC9E,EAAA,IAAIA,UAAU,QAAA,EAAU;AACtB,IAAA,OAAO,QAAA;AAAA,EACT;AACA,EAAA,OAAOA,KAAAA,KAAU,UAAU,MAAA,GAAS,OAAA;AACtC,CAAA;AAEA,MAAMc,OAAOA,CAAC;AAAA,EACZC,YAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAd,SAAAA,GAAY,KAAA;AAAA,EACZe,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAxB,IAAAA;AAAAA,EACAa,QAAAA,GAAW,KAAA;AAAA,EACXY,aAAAA;AAAAA,EACAhB,UAAAA;AAAAA,EACAiB,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AACa,CAAA,KAAM;AACtB,EAAA,MAAMC,WAAAA,GAAcA,CAACC,CAAAA,KAAqC;AACxD,IAAA,IAAI,OAAOL,kBAAkB,UAAA,EAAY;AACvCA,MAAAA,aAAAA,CAAcK,CAAC,CAAA;AAAA,IACjB;AACA,IAAA,IAAIP,OAAAA,IAAWA,OAAAA,CAAQQ,MAAAA,GAAS,CAAA,EAAG;AACjCC,MAAAA,MAAAA,CAAOC,IAAAA,CAAKV,SAAS,QAAQ,CAAA;AAAA,IAC/B;AAAA,EACF,CAAA;AAEA,EAAA,MAAMW,YAAY,CAAC,CAACX,WAAW,OAAOE,aAAAA,KAAkB,aAAaU,aAAAA,GAAS,KAAA;AAC9E,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EACC,eAAA,EAAevB,QAAAA,EACf,QAAA,EAAU,GACV,GAAIe,KAAAA,EACJ,SAAA,EAAWS,MAAAA,CACT1C,eAAAA,CAAgB;AAAA,IAAEK,IAAAA;AAAAA,IAAMG,KAAAA,EAAOe,YAAAA;AAAAA,IAAcX,SAAAA;AAAAA,IAAWE;AAAAA,GAAY,CAAA,EACpEkB,SACF,CAAA,EAEEP,QAAAA,EAAAA;AAAAA,IAAAA,CAAAA,IAAAA,IAAQD,KAAAA,qBACRiB,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,OAAG1B,cAAAA,CAAe;AAAA,MAAEX,IAAAA;AAAAA,MAAMG,KAAAA,EAAOe,YAAAA;AAAAA,MAAcL;AAAAA,KAAU,CAAC,CAAA,EACvEQ,QAAAA,EAAAA;AAAAA,MAAAA,OAAAA,mBACCiB,cAAA,CAAC,KAAA,EAAA,EACC,GAAA,EAAKjB,OAAAA,EACL,KAAI,WAAA,EACJ,aAAA,EAAW,IAAA,EAAA,CAAA,GAGbD,wBACEkB,cAAA,CAACC,SAAA,EAAA,EACC,IAAA,EAAMnB,IAAAA,EACN,eAAW,IAAA,EAAA,CAAA;AAAA,MAIhBD,KAAAA,oBAASmB,cAAA,CAACE,WAAA,EAAA,EAAM,IAAA,EAAK,MAAMrB,QAAAA,EAAAA,KAAAA,EAAM;AAAA,KAAA,EACpC,CAAA;AAAA,IAAA,CAGAG,eAAeI,QAAAA,qBACfU,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,OAAGvB,eAAAA,CAAgB;AAAA,MAAEd,IAAAA;AAAAA,MAAMG,KAAAA,EAAOe;AAAAA,KAAc,CAAC,CAAA,EAC9DI,QAAAA,EAAAA;AAAAA,MAAAA,WAAAA,oBACCgB,cAAA,CAACG,aACC,KAAA,EAAM,OAAA,EACN,OAAOzB,2BAAAA,CAA4BE,YAAAA,IAAgB,OAAO,CAAA,EAEzDI,QAAAA,EAAAA,WAAAA,EACH,CAAA;AAAA,MAEDI;AAAAA,KAAAA,EACH,CAAA;AAAA,IAGD1B,IAAAA,IAAQ,IAAA,oBAAQsC,cAAA,CAACI,aAAA,EAAA,EAAO,MAAK,IAAA,EAAI,CAAA;AAAA,IAEjClB,4BACCc,cAAA,CAAC,SAAA,EAAA,EACC,OAAA,EAAST,WAAAA,EACT,UAECL,QAAAA,EAAAA,QAAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ,CAAA;AAEO,MAAMmB,WAAAA,GAAcC,0BAA+B3B,IAAI;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardPrimary/CardPrimary.tsx"],"sourcesContent":["import { Title } from '@/components/Title';\nimport { Text, type TextAlignment } from '@/components/Text';\nimport { withTopBadge } from './withTopBadge';\nimport { Button } from '@/components/Button';\nimport { Icon } from '@/components/Icon';\nimport { Spacer } from '@/components/Spacer';\nimport { cn, cva } from '@/lib/cva';\nimport { CardPrimaryProps } from './CardPrimary.types';\nimport styles from './CardPrimary.module.css';\n\ntype ContentAlignment = 'start' | 'center' | 'end';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    size: {\n      sm: styles['wrapper_size_sm'],\n      md: styles['wrapper_size_md'],\n    },\n    align: {\n      start: styles['wrapper_align_start'],\n      center: styles['wrapper_align_center'],\n      end: styles['wrapper_align_end'],\n    },\n    hasShadow: {\n      true: styles['wrapper_shadow'],\n    },\n    isSelected: {\n      true: styles['wrapper_selected'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    align: 'center',\n  },\n});\n\nconst headerVariants = cva(styles.header, {\n  variants: {\n    size: {\n      sm: styles['header_size_sm'],\n      md: styles['header_size_md'],\n    },\n    align: {\n      start: styles['header_align_start'],\n      center: styles['header_align_center'],\n      end: styles['header_align_end'],\n    },\n    disabled: {\n      true: styles['header_disabled'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    align: 'center',\n  },\n});\n\nconst contentVariants = cva(styles.content, {\n  variants: {\n    size: {\n      sm: styles['content_size_sm'],\n      md: styles['content_size_md'],\n    },\n    align: {\n      start: styles['content_align_start'],\n      center: styles['content_align_center'],\n      end: styles['content_align_end'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    align: 'center',\n  },\n});\n\nconst convertCardAlignToTextAlign = (align: ContentAlignment): TextAlignment => {\n  if (align === 'center') {\n    return 'center';\n  }\n  return align === 'start' ? 'left' : 'right';\n};\n\nconst Card = ({\n  alignContent,\n  title,\n  icon,\n  iconUrl,\n  hasShadow = false,\n  description,\n  infoUrl,\n  infoText,\n  size,\n  disabled = false,\n  onButtonClick,\n  isSelected,\n  children,\n  className,\n  ...props\n}: CardPrimaryProps) => {\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (typeof onButtonClick === 'function') {\n      onButtonClick(e);\n    }\n    if (infoUrl && infoUrl.length > 0) {\n      window.open(infoUrl, '_blank');\n    }\n  };\n\n  const Component = !!infoUrl || typeof onButtonClick === 'function' ? Button : 'div';\n  return (\n    <div\n      aria-disabled={disabled}\n      tabIndex={0}\n      {...props}\n      className={cn(\n        wrapperVariants({ size, align: alignContent, hasShadow, isSelected }),\n        className\n      )}\n    >\n      {(icon || title) && (\n        <div className={cn(headerVariants({ size, align: alignContent, disabled }))}>\n          {iconUrl ? (\n            <img\n              src={iconUrl}\n              alt=\"card icon\"\n              aria-hidden\n            />\n          ) : (\n            icon && (\n              <Icon\n                name={icon}\n                aria-hidden\n              />\n            )\n          )}\n          {title && <Title type=\"h3\">{title}</Title>}\n        </div>\n      )}\n\n      {(description || children) && (\n        <div className={cn(contentVariants({ size, align: alignContent }))}>\n          {description && (\n            <Text\n              color=\"muted\"\n              align={convertCardAlignToTextAlign(alignContent ?? 'start')}\n            >\n              {description}\n            </Text>\n          )}\n          {children}\n        </div>\n      )}\n\n      {size == 'sm' && <Spacer size=\"sm\" />}\n\n      {infoText && (\n        <Component\n          onClick={handleClick}\n          disabled={disabled}\n        >\n          {infoText}\n        </Component>\n      )}\n    </div>\n  );\n};\n\nexport const CardPrimary = withTopBadge<CardPrimaryProps>(Card);\n"],"names":["cva","styles","Button","jsxs","cn","jsx","Icon","Title","Text","Spacer","withTopBadge"],"mappings":"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"}

package/dist/cjs/components/CardPrimary/withTopBadge.cjs

@@ -5,14 +5,25 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const CardPrimaryTopBadge = require('./CardPrimaryTopBadge.cjs');
 
-const withTopBadge = (Component) => ({
-  topBadgeText,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(CardPrimaryTopBadge.TopBadgeWrapper, { alignItems: "stretch", fillWidth: true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props }),
-    topBadgeText && /* @__PURE__ */ jsxRuntime.jsx(CardPrimaryTopBadge.CardPrimaryTopBadge, { "data-testid": "card-top-badge", text: topBadgeText, isSelected: props.isSelected || false })
-  ] });
+const withTopBadge = (Component) => ({ topBadgeText, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    CardPrimaryTopBadge.TopBadgeWrapper,
+    {
+      alignItems: "stretch",
+      fillWidth: true,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props }),
+        topBadgeText && /* @__PURE__ */ jsxRuntime.jsx(
+          CardPrimaryTopBadge.CardPrimaryTopBadge,
+          {
+            "data-testid": "card-top-badge",
+            text: topBadgeText,
+            isSelected: props.isSelected || false
+          }
+        )
+      ]
+    }
+  );
 };
 
 exports.withTopBadge = withTopBadge;

package/dist/cjs/components/CardPrimary/withTopBadge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withTopBadge.cjs","sources":["../../../../src/components/CardPrimary/withTopBadge.tsx"],"sourcesContent":["import { CardPrimaryTopBadge, TopBadgeWrapper } from './CardPrimaryTopBadge';\nimport { ComponentType, FC } from 'react';\n\nexport interface WithTopBadgeProps {\n  topBadgeText?: string;\n  isSelected?: boolean;\n}\n\nexport const withTopBadge =\n  <P extends object>(Component: ComponentType<P>): FC<P & WithTopBadgeProps> =>\n  ({ topBadgeText, ...props }: P & WithTopBadgeProps) => {\n    return (\n      <TopBadgeWrapper\n        alignItems=\"stretch\"\n        fillWidth\n      >\n        <Component {...(props as P)} />\n        {topBadgeText && (\n          <CardPrimaryTopBadge\n            data-testid=\"card-top-badge\"\n            text={topBadgeText}\n            isSelected={props.isSelected || false}\n          />\n        )}\n      </TopBadgeWrapper>\n    );\n  };\n"],"names":["withTopBadge","Component","topBadgeText","props","jsxs","TopBadgeWrapper","jsx","CardPrimaryTopBadge","isSelected"],"mappings":";;;;;;;AAQO,MAAMA,YAAAA,GACX,CAAmBC,SAAAA,KACnB,CAAC;AAAA,EAAEC,YAAAA;AAAAA,EAAc,GAAGC;AAA6B,CAAA,KAAM;AACrD,EAAA,uBACEC,eAAA,CAACC,mCAAA,EAAA,EACC,UAAA,EAAW,SAAA,EACX,WAAS,IAAA,EAET,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,SAAA,EAAA,KAAeH,KAAAA,EAAY,CAAA;AAAA,IAC3BD,YAAAA,oBACCI,cAAA,CAACC,uCAAA,EAAA,EACC,aAAA,EAAY,gBAAA,EACZ,MAAML,YAAAA,EACN,UAAA,EAAYC,KAAAA,CAAMK,UAAAA,IAAc,KAAA,EAAM;AAAA,GAAA,EAG5C,CAAA;AAEJ;;;;"}
+{"version":3,"file":"withTopBadge.cjs","sources":["../../../../src/components/CardPrimary/withTopBadge.tsx"],"sourcesContent":["import { CardPrimaryTopBadge, TopBadgeWrapper } from './CardPrimaryTopBadge';\nimport { ComponentType, FC } from 'react';\n\nexport interface WithTopBadgeProps {\n  topBadgeText?: string;\n  isSelected?: boolean;\n}\n\nexport const withTopBadge =\n  <P extends object>(Component: ComponentType<P>): FC<P & WithTopBadgeProps> =>\n  ({ topBadgeText, ...props }: P & WithTopBadgeProps) => {\n    return (\n      <TopBadgeWrapper\n        alignItems=\"stretch\"\n        fillWidth\n      >\n        <Component {...(props as P)} />\n        {topBadgeText && (\n          <CardPrimaryTopBadge\n            data-testid=\"card-top-badge\"\n            text={topBadgeText}\n            isSelected={props.isSelected || false}\n          />\n        )}\n      </TopBadgeWrapper>\n    );\n  };\n"],"names":["jsxs","TopBadgeWrapper","jsx","CardPrimaryTopBadge"],"mappings":";;;;;;;AAQO,MAAM,YAAA,GACX,CAAmB,SAAA,KACnB,CAAC,EAAE,YAAA,EAAc,GAAG,OAAM,KAA6B;AACrD,EAAA,uBACEA,eAAA;AAAA,IAACC,mCAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAW,SAAA;AAAA,MACX,SAAA,EAAS,IAAA;AAAA,MAET,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,SAAA,EAAA,EAAW,GAAI,KAAA,EAAa,CAAA;AAAA,QAC5B,YAAA,oBACCA,cAAA;AAAA,UAACC,uCAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,gBAAA;AAAA,YACZ,IAAA,EAAM,YAAA;AAAA,YACN,UAAA,EAAY,MAAM,UAAA,IAAc;AAAA;AAAA;AAClC;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/cjs/components/CardPromotion/CardPromotion.css

@@ -1,4 +1,4 @@
-.background__q--1v {
+@layer clickui {.background__q--1v {
   display: flex;
   padding: 1px;
   border-radius: var(--click-card-promotion-radii-all);
@@ -50,3 +50,4 @@
   color: inherit;
   cursor: pointer;
 }
+}

package/dist/cjs/components/CardPromotion/index.cjs

@@ -18,11 +18,40 @@ const CardPromotion = ({
   ...props
 }) => {
   const [isVisible, setIsVisible] = react.useState(true);
-  return isVisible ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardPromotion_module.default.background, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, className: cva.cn(CardPromotion_module.default.wrapper, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: icon, "aria-hidden": true, className: CardPromotion_module.default.cardicon }),
-    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { children: label }),
-    dismissible && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), className: CardPromotion_module.default.dismisswrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "cross", "aria-label": "close" }) })
-  ] }) }) : null;
+  return isVisible ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardPromotion_module.default.background, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ...props,
+      className: cva.cn(CardPromotion_module.default.wrapper, className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.Icon,
+          {
+            name: icon,
+            "aria-hidden": true,
+            className: CardPromotion_module.default.cardicon
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { children: label }),
+        dismissible && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": "click-alert-dismiss-button",
+            onClick: () => setIsVisible(false),
+            className: CardPromotion_module.default.dismisswrapper,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Icon.Icon,
+              {
+                name: "cross",
+                "aria-label": "close"
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) }) : null;
 };
 
 exports.CardPromotion = CardPromotion;

package/dist/cjs/components/CardPromotion/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardPromotion/CardPromotion.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Icon } from '@/components/Icon';\nimport { Text } from '@/components/Text';\nimport { cn } from '@/lib/cva';\nimport { CardPromotionProps } from './CardPromotion.types';\nimport styles from './CardPromotion.module.css';\n\nexport const CardPromotion = ({\n  label,\n  icon,\n  dismissible = false,\n  className,\n  ...props\n}: CardPromotionProps) => {\n  const [isVisible, setIsVisible] = useState(true);\n\n  return isVisible ? (\n    <div className={styles.background}>\n      <div\n        {...props}\n        className={cn(styles.wrapper, className)}\n      >\n        <Icon\n          name={icon}\n          aria-hidden\n          className={styles.cardicon}\n        />\n\n        <Text>{label}</Text>\n\n        {dismissible && (\n          <button\n            type=\"button\"\n            data-testid=\"click-alert-dismiss-button\"\n            onClick={() => setIsVisible(false)}\n            className={styles.dismisswrapper}\n          >\n            <Icon\n              name=\"cross\"\n              aria-label=\"close\"\n            />\n          </button>\n        )}\n      </div>\n    </div>\n  ) : null;\n};\n"],"names":["CardPromotion","label","icon","dismissible","className","props","isVisible","setIsVisible","useState","jsx","styles","background","jsxs","cn","wrapper","Icon","cardicon","Text","dismisswrapper"],"mappings":";;;;;;;;;;;AAOO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,KAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,WAAAA,GAAc,KAAA;AAAA,EACdC,SAAAA;AAAAA,EACA,GAAGC;AACe,CAAA,KAAM;AACxB,EAAA,MAAM,CAACC,SAAAA,EAAWC,YAAY,CAAA,GAAIC,eAAS,IAAI,CAAA;AAE/C,EAAA,OAAOF,SAAAA,mBACLG,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,6BAAOC,UAAAA,EACrB,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,KACKP,OACJ,SAAA,EAAWQ,MAAAA,CAAGH,4BAAAA,CAAOI,OAAAA,EAASV,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAAK,cAAA,CAACM,aACC,IAAA,EAAMb,IAAAA,EACN,eAAW,IAAA,EACX,SAAA,EAAWQ,6BAAOM,QAAAA,EAAS,CAAA;AAAA,oBAG7BP,cAAA,CAACQ,aAAMhB,QAAAA,EAAAA,KAAAA,EAAM,CAAA;AAAA,IAEZE,WAAAA,mCACE,QAAA,EAAA,EACC,IAAA,EAAK,UACL,aAAA,EAAY,4BAAA,EACZ,SAAS,MAAMI,YAAAA,CAAa,KAAK,CAAA,EACjC,SAAA,EAAWG,6BAAOQ,cAAAA,EAElB,QAAA,kBAAAT,cAAA,CAACM,aACC,IAAA,EAAK,OAAA,EACL,YAAA,EAAW,OAAA,EAAO,CAAA,EAEtB;AAAA,GAAA,EAEJ,GACF,CAAA,GACE,IAAA;AACN;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardPromotion/CardPromotion.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Icon } from '@/components/Icon';\nimport { Text } from '@/components/Text';\nimport { cn } from '@/lib/cva';\nimport { CardPromotionProps } from './CardPromotion.types';\nimport styles from './CardPromotion.module.css';\n\nexport const CardPromotion = ({\n  label,\n  icon,\n  dismissible = false,\n  className,\n  ...props\n}: CardPromotionProps) => {\n  const [isVisible, setIsVisible] = useState(true);\n\n  return isVisible ? (\n    <div className={styles.background}>\n      <div\n        {...props}\n        className={cn(styles.wrapper, className)}\n      >\n        <Icon\n          name={icon}\n          aria-hidden\n          className={styles.cardicon}\n        />\n\n        <Text>{label}</Text>\n\n        {dismissible && (\n          <button\n            type=\"button\"\n            data-testid=\"click-alert-dismiss-button\"\n            onClick={() => setIsVisible(false)}\n            className={styles.dismisswrapper}\n          >\n            <Icon\n              name=\"cross\"\n              aria-label=\"close\"\n            />\n          </button>\n        )}\n      </div>\n    </div>\n  ) : null;\n};\n"],"names":["useState","jsx","styles","jsxs","cn","Icon","Text"],"mappings":";;;;;;;;;;;AAOO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,KAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA0B;AACxB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,IAAI,CAAA;AAE/C,EAAA,OAAO,SAAA,mBACLC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,6BAAO,UAAA,EACrB,QAAA,kBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAWC,MAAA,CAAGF,4BAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAAA,MAEvC,QAAA,EAAA;AAAA,wBAAAD,cAAA;AAAA,UAACI,SAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,IAAA;AAAA,YACN,aAAA,EAAW,IAAA;AAAA,YACX,WAAWH,4BAAA,CAAO;AAAA;AAAA,SACpB;AAAA,wBAEAD,cAAA,CAACK,aAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAEZ,WAAA,oBACCL,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,aAAA,EAAY,4BAAA;AAAA,YACZ,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,YACjC,WAAWC,4BAAA,CAAO,cAAA;AAAA,YAElB,QAAA,kBAAAD,cAAA;AAAA,cAACI,SAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,OAAA;AAAA,gBACL,YAAA,EAAW;AAAA;AAAA;AACb;AAAA;AACF;AAAA;AAAA,KAGN,CAAA,GACE,IAAA;AACN;;;;"}

package/dist/cjs/components/CardSecondary/CardSecondary.css

@@ -1,4 +1,4 @@
-.wrapper__x6K6U {
+@layer clickui {.wrapper__x6K6U {
   display: flex;
   min-width: 320px;
   max-width: 420px;
@@ -97,3 +97,4 @@
 /* stylelint-disable-next-line block-no-empty -- base element required by BEM */
 .infolink__text__XbiBm {
 }
+}

package/dist/cjs/components/CardSecondary/index.cjs

@@ -44,26 +44,64 @@ const CardSecondary = ({
 }) => {
   const isInfoLink = !disabled && !!infoUrl && infoUrl.length > 0;
   const InfoComponent = isInfoLink ? "a" : "div";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-disabled": disabled, tabIndex: 0, ...props, className: cva.cn(wrapperVariants({
-    shadow: hasShadow
-  }), className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardSecondary_module.default.header, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(headerLeftVariants({
-        disabled
-      })), children: [
-        iconUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: CardSecondary_module.default.customicon, src: iconUrl, alt: "card icon", "aria-hidden": true }) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: icon, "aria-hidden": true, size: "lg" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Title.Title, { type: "h3", children: title })
-      ] }),
-      badgeText && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { text: badgeText, state: disabled == true ? "disabled" : badgeState })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardSecondary_module.default.content, children: /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { color: "muted", children: description }) }),
-    (infoUrl || infoText) && /* @__PURE__ */ jsxRuntime.jsxs(InfoComponent, { className: CardSecondary_module.default.infolink, ...isInfoLink ? {
-      href: infoUrl
-    } : {}, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { className: CardSecondary_module.default.infolink__text, children: infoText }),
-      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { className: CardSecondary_module.default.infolink__icon, size: infoAssetSize, name: infoIcon })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "aria-disabled": disabled,
+      tabIndex: 0,
+      ...props,
+      className: cva.cn(wrapperVariants({ shadow: hasShadow }), className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardSecondary_module.default.header, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(headerLeftVariants({ disabled })), children: [
+            iconUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                className: CardSecondary_module.default.customicon,
+                src: iconUrl,
+                alt: "card icon",
+                "aria-hidden": true
+              }
+            ) : icon && /* @__PURE__ */ jsxRuntime.jsx(
+              Icon.Icon,
+              {
+                name: icon,
+                "aria-hidden": true,
+                size: "lg"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(Title.Title, { type: "h3", children: title })
+          ] }),
+          badgeText && /* @__PURE__ */ jsxRuntime.jsx(
+            Badge.Badge,
+            {
+              text: badgeText,
+              state: disabled == true ? "disabled" : badgeState
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardSecondary_module.default.content, children: /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { color: "muted", children: description }) }),
+        (infoUrl || infoText) && /* @__PURE__ */ jsxRuntime.jsxs(
+          InfoComponent,
+          {
+            className: CardSecondary_module.default.infolink,
+            ...isInfoLink ? { href: infoUrl } : {},
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { className: CardSecondary_module.default.infolink__text, children: infoText }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon.Icon,
+                {
+                  className: CardSecondary_module.default.infolink__icon,
+                  size: infoAssetSize,
+                  name: infoIcon
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
 
 exports.CardSecondary = CardSecondary;

package/dist/cjs/components/CardSecondary/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardSecondary/CardSecondary.tsx"],"sourcesContent":["import { Badge } from '@/components/Badge';\nimport { Icon } from '@/components/Icon';\nimport { Title } from '@/components/Title';\nimport { Text } from '@/components/Text';\nimport { cn, cva } from '@/lib/cva';\nimport { CardSecondaryProps } from './CardSecondary.types';\nimport styles from './CardSecondary.module.css';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    shadow: {\n      true: styles['wrapper_shadow'],\n    },\n  },\n});\n\nconst headerLeftVariants = cva(styles.headerleft, {\n  variants: {\n    disabled: {\n      true: styles['headerleft_disabled'],\n    },\n  },\n});\n\nexport const CardSecondary = ({\n  title,\n  icon,\n  iconUrl,\n  badgeState,\n  badgeText = '',\n  hasShadow = false,\n  disabled = false,\n  description,\n  infoUrl,\n  infoText,\n  infoIcon = 'chevron-right',\n  infoAssetSize = 'md',\n  className,\n  ...props\n}: CardSecondaryProps) => {\n  const isInfoLink = !disabled && !!infoUrl && infoUrl.length > 0;\n  const InfoComponent = isInfoLink ? 'a' : 'div';\n  return (\n    <div\n      aria-disabled={disabled}\n      tabIndex={0}\n      {...props}\n      className={cn(wrapperVariants({ shadow: hasShadow }), className)}\n    >\n      <div className={styles.header}>\n        <div className={cn(headerLeftVariants({ disabled }))}>\n          {iconUrl ? (\n            <img\n              className={styles.customicon}\n              src={iconUrl}\n              alt=\"card icon\"\n              aria-hidden\n            />\n          ) : (\n            icon && (\n              <Icon\n                name={icon}\n                aria-hidden\n                size=\"lg\"\n              />\n            )\n          )}\n          <Title type=\"h3\">{title}</Title>\n        </div>\n        {badgeText && (\n          <Badge\n            text={badgeText}\n            state={disabled == true ? 'disabled' : badgeState}\n          />\n        )}\n      </div>\n\n      <div className={styles.content}>\n        <Text color=\"muted\">{description}</Text>\n      </div>\n      {(infoUrl || infoText) && (\n        <InfoComponent\n          className={styles.infolink}\n          {...(isInfoLink ? { href: infoUrl } : {})}\n        >\n          <Text className={styles.infolink__text}>{infoText}</Text>\n          <Icon\n            className={styles.infolink__icon}\n            size={infoAssetSize}\n            name={infoIcon}\n          />\n        </InfoComponent>\n      )}\n    </div>\n  );\n};\n"],"names":["wrapperVariants","cva","styles","wrapper","variants","shadow","true","headerLeftVariants","headerleft","disabled","CardSecondary","title","icon","iconUrl","badgeState","badgeText","hasShadow","description","infoUrl","infoText","infoIcon","infoAssetSize","className","props","isInfoLink","length","InfoComponent","jsxs","cn","header","jsx","customicon","Icon","Title","Badge","content","Text","infolink","href","infolink__text","infolink__icon"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardSecondary/CardSecondary.tsx"],"sourcesContent":["import { Badge } from '@/components/Badge';\nimport { Icon } from '@/components/Icon';\nimport { Title } from '@/components/Title';\nimport { Text } from '@/components/Text';\nimport { cn, cva } from '@/lib/cva';\nimport { CardSecondaryProps } from './CardSecondary.types';\nimport styles from './CardSecondary.module.css';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    shadow: {\n      true: styles['wrapper_shadow'],\n    },\n  },\n});\n\nconst headerLeftVariants = cva(styles.headerleft, {\n  variants: {\n    disabled: {\n      true: styles['headerleft_disabled'],\n    },\n  },\n});\n\nexport const CardSecondary = ({\n  title,\n  icon,\n  iconUrl,\n  badgeState,\n  badgeText = '',\n  hasShadow = false,\n  disabled = false,\n  description,\n  infoUrl,\n  infoText,\n  infoIcon = 'chevron-right',\n  infoAssetSize = 'md',\n  className,\n  ...props\n}: CardSecondaryProps) => {\n  const isInfoLink = !disabled && !!infoUrl && infoUrl.length > 0;\n  const InfoComponent = isInfoLink ? 'a' : 'div';\n  return (\n    <div\n      aria-disabled={disabled}\n      tabIndex={0}\n      {...props}\n      className={cn(wrapperVariants({ shadow: hasShadow }), className)}\n    >\n      <div className={styles.header}>\n        <div className={cn(headerLeftVariants({ disabled }))}>\n          {iconUrl ? (\n            <img\n              className={styles.customicon}\n              src={iconUrl}\n              alt=\"card icon\"\n              aria-hidden\n            />\n          ) : (\n            icon && (\n              <Icon\n                name={icon}\n                aria-hidden\n                size=\"lg\"\n              />\n            )\n          )}\n          <Title type=\"h3\">{title}</Title>\n        </div>\n        {badgeText && (\n          <Badge\n            text={badgeText}\n            state={disabled == true ? 'disabled' : badgeState}\n          />\n        )}\n      </div>\n\n      <div className={styles.content}>\n        <Text color=\"muted\">{description}</Text>\n      </div>\n      {(infoUrl || infoText) && (\n        <InfoComponent\n          className={styles.infolink}\n          {...(isInfoLink ? { href: infoUrl } : {})}\n        >\n          <Text className={styles.infolink__text}>{infoText}</Text>\n          <Icon\n            className={styles.infolink__icon}\n            size={infoAssetSize}\n            name={infoIcon}\n          />\n        </InfoComponent>\n      )}\n    </div>\n  );\n};\n"],"names":["cva","styles","jsxs","cn","jsx","Icon","Title","Badge","Text"],"mappings":"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"}

package/dist/cjs/components/Checkbox/Checkbox.css

@@ -1,4 +1,4 @@
-/* The wrapper class is applied alongside FormRoot's styled-components class.
+@layer clickui {/* The wrapper class is applied alongside FormRoot's styled-components class.
    The .wrapper.wrapper double-class boost matches the specificity behavior of
    the original `styled(FormRoot)` chain so these overrides reliably beat
    FormRoot's `align-items: flex-start` regardless of stylesheet insertion
@@ -80,6 +80,14 @@
   --checkbox-stroke-active: var(--click-checkbox-color-variations-var6-stroke-active);
 }
 
+.checkinput_variant_var7__5tG25 {
+  --checkbox-bg-default: var(--click-checkbox-color-variations-var7-background-default);
+  --checkbox-bg-hover: var(--click-checkbox-color-variations-var7-background-hover);
+  --checkbox-bg-active: var(--click-checkbox-color-variations-var7-background-active);
+  --checkbox-stroke-default: var(--click-checkbox-color-variations-var7-stroke-default);
+  --checkbox-stroke-active: var(--click-checkbox-color-variations-var7-stroke-active);
+}
+
 .checkinput__oErG6:hover {
   background: var(--checkbox-bg-hover);
 }
@@ -114,3 +122,4 @@
 .checkicon__wvW5M[data-disabled] {
   color: var(--click-checkbox-color-check-disabled);
 }
+}

package/dist/cjs/components/Checkbox/Checkbox.module.css.cjs

@@ -11,6 +11,7 @@ const checkinput_variant_var3 = "checkinput_variant_var3__8KFg4";
 const checkinput_variant_var4 = "checkinput_variant_var4__-C02i";
 const checkinput_variant_var5 = "checkinput_variant_var5__DuiuL";
 const checkinput_variant_var6 = "checkinput_variant_var6__DqZFO";
+const checkinput_variant_var7 = "checkinput_variant_var7__5tG25";
 const checkicon = "checkicon__wvW5M";
 const styles = {
 	wrapper: wrapper,
@@ -22,6 +23,7 @@ const styles = {
 	checkinput_variant_var4: checkinput_variant_var4,
 	checkinput_variant_var5: checkinput_variant_var5,
 	checkinput_variant_var6: checkinput_variant_var6,
+	checkinput_variant_var7: checkinput_variant_var7,
 	checkicon: checkicon
 };
 
@@ -34,6 +36,7 @@ exports.checkinput_variant_var3 = checkinput_variant_var3;
 exports.checkinput_variant_var4 = checkinput_variant_var4;
 exports.checkinput_variant_var5 = checkinput_variant_var5;
 exports.checkinput_variant_var6 = checkinput_variant_var6;
+exports.checkinput_variant_var7 = checkinput_variant_var7;
 exports.default = styles;
 exports.wrapper = wrapper;
 //# sourceMappingURL=Checkbox.module.css.cjs.map

package/dist/cjs/components/Checkbox/Checkbox.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Checkbox.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}