@usefragments/ui 1.6.0 → 1.7.0

package/dist/components/Box/index.js

@@ -4,81 +4,70 @@ import styles from "./Box.module.scss.js";
 function toCss(value) {
   return typeof value === "number" ? `${value}px` : value;
 }
-const BoxRoot = React.forwardRef(
-  function Box2({
-    children,
-    as: Component = "div",
-    padding,
-    paddingX,
-    paddingY,
-    margin,
-    marginX,
-    marginY,
-    background,
-    rounded,
-    border,
-    borderTop,
-    borderBottom,
-    borderLeft,
-    borderRight,
-    borderColor,
-    shadow,
-    overflow,
-    color,
-    display,
-    width,
-    minWidth,
-    maxWidth,
-    height,
-    minHeight,
-    maxHeight,
-    className,
-    style,
-    ...htmlProps
-  }, ref) {
-    const classes = [
-      styles.box,
-      padding && styles[`p-${padding}`],
-      paddingX && styles[`px-${paddingX}`],
-      paddingY && styles[`py-${paddingY}`],
-      margin && styles[`m-${margin}`],
-      marginX && styles[`mx-${marginX}`],
-      marginY && styles[`my-${marginY}`],
-      background && styles[`bg-${background}`],
-      rounded && styles[`rounded-${rounded}`],
-      border && styles.border,
-      borderTop && styles.borderTop,
-      borderBottom && styles.borderBottom,
-      borderLeft && styles.borderLeft,
-      borderRight && styles.borderRight,
-      borderColor && styles[`borderColor-${borderColor}`],
-      shadow && styles[`shadow-${shadow}`],
-      overflow && styles[`overflow-${overflow}`],
-      color && styles[`color-${color}`],
-      display && styles[`display-${display}`],
-      className
-    ].filter(Boolean).join(" ");
-    const sizingStyle = {};
-    if (width != null) sizingStyle.width = toCss(width);
-    if (minWidth != null) sizingStyle.minWidth = toCss(minWidth);
-    if (maxWidth != null) sizingStyle.maxWidth = toCss(maxWidth);
-    if (height != null) sizingStyle.height = toCss(height);
-    if (minHeight != null) sizingStyle.minHeight = toCss(minHeight);
-    if (maxHeight != null) sizingStyle.maxHeight = toCss(maxHeight);
-    const hasSizing = Object.keys(sizingStyle).length > 0;
-    const mergedStyle = hasSizing ? { ...sizingStyle, ...style } : style;
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        ...htmlProps,
-        className: classes,
-        style: mergedStyle,
-        children
-      }
-    );
-  }
-);
+const BoxRoot = React.forwardRef(function Box2({
+  children,
+  as: Component = "div",
+  padding,
+  paddingX,
+  paddingY,
+  margin,
+  marginX,
+  marginY,
+  background,
+  rounded,
+  border,
+  borderTop,
+  borderBottom,
+  borderLeft,
+  borderRight,
+  borderColor,
+  shadow,
+  overflow,
+  color,
+  display,
+  width,
+  minWidth,
+  maxWidth,
+  height,
+  minHeight,
+  maxHeight,
+  className,
+  style,
+  ...htmlProps
+}, ref) {
+  const classes = [
+    styles.box,
+    padding && styles[`p-${padding}`],
+    paddingX && styles[`px-${paddingX}`],
+    paddingY && styles[`py-${paddingY}`],
+    margin && styles[`m-${margin}`],
+    marginX && styles[`mx-${marginX}`],
+    marginY && styles[`my-${marginY}`],
+    background && styles[`bg-${background}`],
+    rounded && styles[`rounded-${rounded}`],
+    border && styles.border,
+    borderTop && styles.borderTop,
+    borderBottom && styles.borderBottom,
+    borderLeft && styles.borderLeft,
+    borderRight && styles.borderRight,
+    borderColor && styles[`borderColor-${borderColor}`],
+    shadow && styles[`shadow-${shadow}`],
+    overflow && styles[`overflow-${overflow}`],
+    color && styles[`color-${color}`],
+    display && styles[`display-${display}`],
+    className
+  ].filter(Boolean).join(" ");
+  const sizingStyle = {};
+  if (width != null) sizingStyle.width = toCss(width);
+  if (minWidth != null) sizingStyle.minWidth = toCss(minWidth);
+  if (maxWidth != null) sizingStyle.maxWidth = toCss(maxWidth);
+  if (height != null) sizingStyle.height = toCss(height);
+  if (minHeight != null) sizingStyle.minHeight = toCss(minHeight);
+  if (maxHeight != null) sizingStyle.maxHeight = toCss(maxHeight);
+  const hasSizing = Object.keys(sizingStyle).length > 0;
+  const mergedStyle = hasSizing ? { ...sizingStyle, ...style } : style;
+  return /* @__PURE__ */ jsx(Component, { ref, ...htmlProps, className: classes, style: mergedStyle, children });
+});
 const Box = Object.assign(BoxRoot, {
   Root: BoxRoot
 });

package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_yi51s_1";
-const list = "_list_yi51s_9";
-const item = "_item_yi51s_19";
-const link = "_link_yi51s_26";
-const current = "_current_yi51s_63";
-const separator = "_separator_yi51s_75";
-const ellipsis = "_ellipsis_yi51s_84";
-const icon = "_icon_yi51s_144";
+const root = "_root_1flbo_1";
+const list = "_list_1flbo_9";
+const item = "_item_1flbo_19";
+const link = "_link_1flbo_26";
+const current = "_current_1flbo_63";
+const separator = "_separator_1flbo_75";
+const ellipsis = "_ellipsis_1flbo_84";
+const icon = "_icon_1flbo_144";
 const styles = {
   root,
   list,

package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js

@@ -1,11 +1,11 @@
-const root = "_root_yi51s_1";
-const list = "_list_yi51s_9";
-const item = "_item_yi51s_19";
-const link = "_link_yi51s_26";
-const current = "_current_yi51s_63";
-const separator = "_separator_yi51s_75";
-const ellipsis = "_ellipsis_yi51s_84";
-const icon = "_icon_yi51s_144";
+const root = "_root_1flbo_1";
+const list = "_list_1flbo_9";
+const item = "_item_1flbo_19";
+const link = "_link_1flbo_26";
+const current = "_current_1flbo_63";
+const separator = "_separator_1flbo_75";
+const ellipsis = "_ellipsis_1flbo_84";
+const icon = "_icon_1flbo_144";
 const styles = {
   root,
   list,

package/dist/components/Button/Button.module.scss.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const button = "_button_1f4mn_1";
-const xs = "_xs_1f4mn_77";
-const sm = "_sm_1f4mn_94";
-const md = "_md_1f4mn_111";
-const lg = "_lg_1f4mn_128";
-const icon = "_icon_1f4mn_145";
-const primary = "_primary_1f4mn_177";
-const secondary = "_secondary_1f4mn_192";
-const ghost = "_ghost_1f4mn_204";
-const link = "_link_1f4mn_216";
-const quiet = "_quiet_1f4mn_236";
-const danger = "_danger_1f4mn_259";
-const outlined = "_outlined_1f4mn_287";
-const fullWidth = "_fullWidth_1f4mn_306";
+const button = "_button_lljfc_1";
+const xs = "_xs_lljfc_78";
+const sm = "_sm_lljfc_95";
+const md = "_md_lljfc_112";
+const lg = "_lg_lljfc_129";
+const icon = "_icon_lljfc_146";
+const primary = "_primary_lljfc_178";
+const secondary = "_secondary_lljfc_193";
+const ghost = "_ghost_lljfc_205";
+const link = "_link_lljfc_217";
+const quiet = "_quiet_lljfc_237";
+const danger = "_danger_lljfc_260";
+const outlined = "_outlined_lljfc_288";
+const fullWidth = "_fullWidth_lljfc_307";
 const styles = {
   button,
   xs,

package/dist/components/Button/Button.module.scss.js

@@ -1,17 +1,17 @@
-const button = "_button_1f4mn_1";
-const xs = "_xs_1f4mn_77";
-const sm = "_sm_1f4mn_94";
-const md = "_md_1f4mn_111";
-const lg = "_lg_1f4mn_128";
-const icon = "_icon_1f4mn_145";
-const primary = "_primary_1f4mn_177";
-const secondary = "_secondary_1f4mn_192";
-const ghost = "_ghost_1f4mn_204";
-const link = "_link_1f4mn_216";
-const quiet = "_quiet_1f4mn_236";
-const danger = "_danger_1f4mn_259";
-const outlined = "_outlined_1f4mn_287";
-const fullWidth = "_fullWidth_1f4mn_306";
+const button = "_button_lljfc_1";
+const xs = "_xs_lljfc_78";
+const sm = "_sm_lljfc_95";
+const md = "_md_lljfc_112";
+const lg = "_lg_lljfc_129";
+const icon = "_icon_lljfc_146";
+const primary = "_primary_lljfc_178";
+const secondary = "_secondary_lljfc_193";
+const ghost = "_ghost_lljfc_205";
+const link = "_link_lljfc_217";
+const quiet = "_quiet_lljfc_237";
+const danger = "_danger_lljfc_260";
+const outlined = "_outlined_lljfc_288";
+const fullWidth = "_fullWidth_lljfc_307";
 const styles = {
   button,
   xs,

package/dist/components/Card/Card.module.scss.cjs

@@ -1,28 +1,36 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const card = "_card_1etp1_2";
-const outlined = "_outlined_1etp1_24";
-const elevated = "_elevated_1etp1_29";
-const stat = "_stat_1etp1_34";
-const panel = "_panel_1etp1_39";
-const paddingNone = "_paddingNone_1etp1_46";
-const paddingSm = "_paddingSm_1etp1_49";
-const paddingMd = "_paddingMd_1etp1_52";
-const paddingLg = "_paddingLg_1etp1_55";
-const interactive = "_interactive_1etp1_58";
-const header = "_header_1etp1_86";
-const headerDivided = "_headerDivided_1etp1_91";
-const description = "_description_1etp1_101";
-const title = "_title_1etp1_104";
-const body = "_body_1etp1_122";
-const footer = "_footer_1etp1_143";
+const card = "_card_vzj3k_14";
+const outlined = "_outlined_vzj3k_36";
+const elevated = "_elevated_vzj3k_41";
+const stat = "_stat_vzj3k_46";
+const panel = "_panel_vzj3k_51";
+const accent = "_accent_vzj3k_58";
+const toneDanger = "_toneDanger_vzj3k_73";
+const toneWarning = "_toneWarning_vzj3k_79";
+const toneNeutral = "_toneNeutral_vzj3k_85";
+const paddingNone = "_paddingNone_vzj3k_91";
+const paddingSm = "_paddingSm_vzj3k_94";
+const paddingMd = "_paddingMd_vzj3k_97";
+const paddingLg = "_paddingLg_vzj3k_100";
+const interactive = "_interactive_vzj3k_103";
+const header = "_header_vzj3k_131";
+const headerDivided = "_headerDivided_vzj3k_136";
+const description = "_description_vzj3k_147";
+const title = "_title_vzj3k_150";
+const body = "_body_vzj3k_168";
+const footer = "_footer_vzj3k_189";
 const styles = {
   card,
-  "default": "_default_1etp1_19",
+  "default": "_default_vzj3k_31",
   outlined,
   elevated,
   stat,
   panel,
+  accent,
+  toneDanger,
+  toneWarning,
+  toneNeutral,
   paddingNone,
   paddingSm,
   paddingMd,
@@ -35,6 +43,7 @@ const styles = {
   body,
   footer
 };
+exports.accent = accent;
 exports.body = body;
 exports.card = card;
 exports.default = styles;
@@ -52,3 +61,6 @@ exports.paddingSm = paddingSm;
 exports.panel = panel;
 exports.stat = stat;
 exports.title = title;
+exports.toneDanger = toneDanger;
+exports.toneNeutral = toneNeutral;
+exports.toneWarning = toneWarning;

package/dist/components/Card/Card.module.scss.js

@@ -1,26 +1,34 @@
-const card = "_card_1etp1_2";
-const outlined = "_outlined_1etp1_24";
-const elevated = "_elevated_1etp1_29";
-const stat = "_stat_1etp1_34";
-const panel = "_panel_1etp1_39";
-const paddingNone = "_paddingNone_1etp1_46";
-const paddingSm = "_paddingSm_1etp1_49";
-const paddingMd = "_paddingMd_1etp1_52";
-const paddingLg = "_paddingLg_1etp1_55";
-const interactive = "_interactive_1etp1_58";
-const header = "_header_1etp1_86";
-const headerDivided = "_headerDivided_1etp1_91";
-const description = "_description_1etp1_101";
-const title = "_title_1etp1_104";
-const body = "_body_1etp1_122";
-const footer = "_footer_1etp1_143";
+const card = "_card_vzj3k_14";
+const outlined = "_outlined_vzj3k_36";
+const elevated = "_elevated_vzj3k_41";
+const stat = "_stat_vzj3k_46";
+const panel = "_panel_vzj3k_51";
+const accent = "_accent_vzj3k_58";
+const toneDanger = "_toneDanger_vzj3k_73";
+const toneWarning = "_toneWarning_vzj3k_79";
+const toneNeutral = "_toneNeutral_vzj3k_85";
+const paddingNone = "_paddingNone_vzj3k_91";
+const paddingSm = "_paddingSm_vzj3k_94";
+const paddingMd = "_paddingMd_vzj3k_97";
+const paddingLg = "_paddingLg_vzj3k_100";
+const interactive = "_interactive_vzj3k_103";
+const header = "_header_vzj3k_131";
+const headerDivided = "_headerDivided_vzj3k_136";
+const description = "_description_vzj3k_147";
+const title = "_title_vzj3k_150";
+const body = "_body_vzj3k_168";
+const footer = "_footer_vzj3k_189";
 const styles = {
   card,
-  "default": "_default_1etp1_19",
+  "default": "_default_vzj3k_31",
   outlined,
   elevated,
   stat,
   panel,
+  accent,
+  toneDanger,
+  toneWarning,
+  toneNeutral,
   paddingNone,
   paddingSm,
   paddingMd,
@@ -34,6 +42,7 @@ const styles = {
   footer
 };
 export {
+  accent,
   body,
   card,
   styles as default,
@@ -50,5 +59,8 @@ export {
   paddingSm,
   panel,
   stat,
-  title
+  title,
+  toneDanger,
+  toneNeutral,
+  toneWarning
 };

package/dist/components/Card/index.cjs

@@ -35,9 +35,16 @@ function composeEventHandlers(userHandler, internalHandler) {
     internalHandler(event);
   };
 }
+const toneMap = {
+  accent: void 0,
+  danger: Card_module.default.toneDanger,
+  warning: Card_module.default.toneWarning,
+  neutral: Card_module.default.toneNeutral
+};
 function CardRoot({
   children,
   variant: variantProp = "default",
+  tone = "accent",
   padding = "md",
   as: Component = "article",
   className,
@@ -52,6 +59,7 @@ function CardRoot({
   const classes = [
     Card_module.default.card,
     Card_module.default[variant],
+    variant === "accent" && tone !== "accent" && toneMap[tone],
     paddingMap[padding],
     isInteractive && Card_module.default.interactive,
     className

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

@@ -13,9 +13,19 @@ export interface CardProps extends Omit<React.HTMLAttributes<HTMLElement>, "chil
      * - `panel`: hairline-bordered panel with zero own padding, designed for
      *   compound use with `Card.Header divided` + `Card.Body` so each region
      *   manages its own spacing.
+     * - `accent`: the earned-moment capsule — accent-tinted hairline, radial
+     *   accent wash, soft fixed radius. Reserve for the few surfaces that earn
+     *   emphasis (demo banner, upgrade panel, onboarding resume), never for
+     *   routine content.
      * @default "default"
      * @see https://usefragments.com/components/card#variants */
-    variant?: "default" | "outlined" | "outline" | "elevated" | "stat" | "panel";
+    variant?: "default" | "outlined" | "outline" | "elevated" | "stat" | "panel" | "accent";
+    /** Semantic tone of the `accent` capsule. The wash and hairline follow the
+     * tone so the same earned-moment idiom can carry state: `danger` (a merge is
+     * held), `warning` (enforcement lapsed), `neutral` (waiting — ink hairline,
+     * no wash). Ignored for other variants.
+     * @default "accent" */
+    tone?: "accent" | "danger" | "warning" | "neutral";
     /** Inner padding.
      * @default "md" */
     padding?: "none" | "sm" | "md" | "lg";
@@ -48,7 +58,7 @@ export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
 export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-declare function CardRoot({ children, variant: variantProp, padding, as: Component, className, style, ...htmlProps }: CardProps): import("react/jsx-runtime").JSX.Element;
+declare function CardRoot({ children, variant: variantProp, tone, padding, as: Component, className, style, ...htmlProps }: CardProps): import("react/jsx-runtime").JSX.Element;
 declare function CardHeader({ children, divided, className, ...htmlProps }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare function CardTitle({ children, as: Component, className, ...htmlProps }: CardTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function CardDescription({ children, className, ...htmlProps }: CardDescriptionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;;gEAS4D;IAC5D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7E;uBACmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;4BACwB;IACxB,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;8DAE0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;uBACmB;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;uDACmD;IACnD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAwCD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAO,EAAE,WAAuB,EAChC,OAAc,EACd,EAAE,EAAE,SAAqB,EACzB,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,SAAS,2CA6DX;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CASlF;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAgB,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CAO7F;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAOnF;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAS9E;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAOzE;AAMD,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;;;;;;gEAa4D;IAC5D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxF;;;;2BAIuB;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACnD;uBACmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;4BACwB;IACxB,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;8DAE0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;uBACmB;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;uDACmD;IACnD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+CD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAO,EAAE,WAAuB,EAChC,IAAe,EACf,OAAc,EACd,EAAE,EAAE,SAAqB,EACzB,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,SAAS,2CA8DX;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CASlF;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAgB,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CAO7F;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAOnF;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAS9E;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAOzE;AAMD,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Card/index.js

@@ -16,9 +16,16 @@ function composeEventHandlers(userHandler, internalHandler) {
     internalHandler(event);
   };
 }
+const toneMap = {
+  accent: void 0,
+  danger: styles.toneDanger,
+  warning: styles.toneWarning,
+  neutral: styles.toneNeutral
+};
 function CardRoot({
   children,
   variant: variantProp = "default",
+  tone = "accent",
   padding = "md",
   as: Component = "article",
   className,
@@ -33,6 +40,7 @@ function CardRoot({
   const classes = [
     styles.card,
     styles[variant],
+    variant === "accent" && tone !== "accent" && toneMap[tone],
     paddingMap[padding],
     isInteractive && styles.interactive,
     className

package/dist/components/Chart/Chart.module.scss.cjs

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const container = "_container_uovyy_1";
-const srOnly = "_srOnly_uovyy_24";
-const tooltip = "_tooltip_uovyy_36";
-const tooltipLabel = "_tooltipLabel_uovyy_52";
-const tooltipItems = "_tooltipItems_uovyy_62";
-const tooltipItem = "_tooltipItem_uovyy_62";
-const tooltipIndicator = "_tooltipIndicator_uovyy_75";
-const tooltipIndicatorLine = "_tooltipIndicatorLine_uovyy_81";
-const tooltipIndicatorDashed = "_tooltipIndicatorDashed_uovyy_86";
-const tooltipItemLabel = "_tooltipItemLabel_uovyy_94";
-const tooltipItemValue = "_tooltipItemValue_uovyy_98";
-const legend = "_legend_uovyy_105";
-const legendItem = "_legendItem_uovyy_114";
-const legendDot = "_legendDot_uovyy_120";
-const legendLabel = "_legendLabel_uovyy_127";
+const container = "_container_48r1l_1";
+const srOnly = "_srOnly_48r1l_24";
+const tooltip = "_tooltip_48r1l_36";
+const tooltipLabel = "_tooltipLabel_48r1l_52";
+const tooltipItems = "_tooltipItems_48r1l_62";
+const tooltipItem = "_tooltipItem_48r1l_62";
+const tooltipIndicator = "_tooltipIndicator_48r1l_75";
+const tooltipIndicatorLine = "_tooltipIndicatorLine_48r1l_81";
+const tooltipIndicatorDashed = "_tooltipIndicatorDashed_48r1l_86";
+const tooltipItemLabel = "_tooltipItemLabel_48r1l_94";
+const tooltipItemValue = "_tooltipItemValue_48r1l_98";
+const legend = "_legend_48r1l_105";
+const legendItem = "_legendItem_48r1l_114";
+const legendDot = "_legendDot_48r1l_120";
+const legendLabel = "_legendLabel_48r1l_127";
 const styles = {
   container,
   srOnly,

package/dist/components/Chart/Chart.module.scss.js

@@ -1,18 +1,18 @@
-const container = "_container_uovyy_1";
-const srOnly = "_srOnly_uovyy_24";
-const tooltip = "_tooltip_uovyy_36";
-const tooltipLabel = "_tooltipLabel_uovyy_52";
-const tooltipItems = "_tooltipItems_uovyy_62";
-const tooltipItem = "_tooltipItem_uovyy_62";
-const tooltipIndicator = "_tooltipIndicator_uovyy_75";
-const tooltipIndicatorLine = "_tooltipIndicatorLine_uovyy_81";
-const tooltipIndicatorDashed = "_tooltipIndicatorDashed_uovyy_86";
-const tooltipItemLabel = "_tooltipItemLabel_uovyy_94";
-const tooltipItemValue = "_tooltipItemValue_uovyy_98";
-const legend = "_legend_uovyy_105";
-const legendItem = "_legendItem_uovyy_114";
-const legendDot = "_legendDot_uovyy_120";
-const legendLabel = "_legendLabel_uovyy_127";
+const container = "_container_48r1l_1";
+const srOnly = "_srOnly_48r1l_24";
+const tooltip = "_tooltip_48r1l_36";
+const tooltipLabel = "_tooltipLabel_48r1l_52";
+const tooltipItems = "_tooltipItems_48r1l_62";
+const tooltipItem = "_tooltipItem_48r1l_62";
+const tooltipIndicator = "_tooltipIndicator_48r1l_75";
+const tooltipIndicatorLine = "_tooltipIndicatorLine_48r1l_81";
+const tooltipIndicatorDashed = "_tooltipIndicatorDashed_48r1l_86";
+const tooltipItemLabel = "_tooltipItemLabel_48r1l_94";
+const tooltipItemValue = "_tooltipItemValue_48r1l_98";
+const legend = "_legend_48r1l_105";
+const legendItem = "_legendItem_48r1l_114";
+const legendDot = "_legendDot_48r1l_120";
+const legendLabel = "_legendLabel_48r1l_127";
 const styles = {
   container,
   srOnly,

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

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

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_o2vm5_1";
-const checkbox = "_checkbox_o2vm5_57";
-const sm = "_sm_o2vm5_118";
-const lg = "_lg_o2vm5_123";
-const indicator = "_indicator_o2vm5_141";
-const content = "_content_o2vm5_174";
-const label = "_label_o2vm5_178";
-const helper = "_helper_o2vm5_183";
-const wrapperCard = "_wrapperCard_o2vm5_194";
+const wrapper = "_wrapper_em1zw_1";
+const checkbox = "_checkbox_em1zw_57";
+const sm = "_sm_em1zw_118";
+const lg = "_lg_em1zw_123";
+const indicator = "_indicator_em1zw_141";
+const content = "_content_em1zw_188";
+const label = "_label_em1zw_192";
+const helper = "_helper_em1zw_197";
+const wrapperCard = "_wrapperCard_em1zw_208";
 const styles = {
   wrapper,
   checkbox,

package/dist/components/Checkbox/Checkbox.module.scss.js

@@ -1,12 +1,12 @@
-const wrapper = "_wrapper_o2vm5_1";
-const checkbox = "_checkbox_o2vm5_57";
-const sm = "_sm_o2vm5_118";
-const lg = "_lg_o2vm5_123";
-const indicator = "_indicator_o2vm5_141";
-const content = "_content_o2vm5_174";
-const label = "_label_o2vm5_178";
-const helper = "_helper_o2vm5_183";
-const wrapperCard = "_wrapperCard_o2vm5_194";
+const wrapper = "_wrapper_em1zw_1";
+const checkbox = "_checkbox_em1zw_57";
+const sm = "_sm_em1zw_118";
+const lg = "_lg_em1zw_123";
+const indicator = "_indicator_em1zw_141";
+const content = "_content_em1zw_188";
+const label = "_label_em1zw_192";
+const helper = "_helper_em1zw_197";
+const wrapperCard = "_wrapperCard_em1zw_208";
 const styles = {
   wrapper,
   checkbox,