@cimpress-ui/react 0.1.0 → 0.2.1

package/dist/commonjs/components/typography/utils.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.textStyle = textStyle;
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../../utils/style/tone.js");
 /** Returns a string of classNames that apply the specified text style. */
 function textStyle({ variant, fontStyle, alignment, textDecoration, tone }) {
     return (0, clsx_1.default)('cim-text', {
@@ -12,7 +13,6 @@ function textStyle({ variant, fontStyle, alignment, textDecoration, tone }) {
         [`cim-text-fs-${fontStyle}`]: fontStyle,
         [`cim-text-alignment-${alignment}`]: alignment,
         [`cim-text-decoration-${textDecoration}`]: textDecoration,
-        [`cim-text-tone-${tone}`]: tone,
-    });
+    }, tone && (0, tone_js_1.fgTone)(tone));
 }
 //# sourceMappingURL=utils.js.map

package/dist/commonjs/components/typography/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/typography/utils.ts"],"names":[],"mappings":";;;;;AAIA,8BAQC;AAZD,gDAAwB;AAGxB,0EAA0E;AAC1E,SAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAoB;IACjG,OAAO,IAAA,cAAI,EAAC,UAAU,EAAE;QACtB,CAAC,oBAAoB,OAAO,EAAE,CAAC,EAAE,OAAO;QACxC,CAAC,eAAe,SAAS,EAAE,CAAC,EAAE,SAAS;QACvC,CAAC,sBAAsB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC9C,CAAC,uBAAuB,cAAc,EAAE,CAAC,EAAE,cAAc;QACzD,CAAC,iBAAiB,IAAI,EAAE,CAAC,EAAE,IAAI;KAChC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { TextStyleOptions } from './types.js';\n\n/** Returns a string of classNames that apply the specified text style. */\nexport function textStyle({ variant, fontStyle, alignment, textDecoration, tone }: TextStyleOptions) {\n  return clsx('cim-text', {\n    [`cim-text-variant-${variant}`]: variant,\n    [`cim-text-fs-${fontStyle}`]: fontStyle,\n    [`cim-text-alignment-${alignment}`]: alignment,\n    [`cim-text-decoration-${textDecoration}`]: textDecoration,\n    [`cim-text-tone-${tone}`]: tone,\n  });\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/typography/utils.ts"],"names":[],"mappings":";;;;;AAKA,8BAWC;AAhBD,gDAAwB;AACxB,uDAAmD;AAGnD,0EAA0E;AAC1E,SAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAoB;IACjG,OAAO,IAAA,cAAI,EACT,UAAU,EACV;QACE,CAAC,oBAAoB,OAAO,EAAE,CAAC,EAAE,OAAO;QACxC,CAAC,eAAe,SAAS,EAAE,CAAC,EAAE,SAAS;QACvC,CAAC,sBAAsB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC9C,CAAC,uBAAuB,cAAc,EAAE,CAAC,EAAE,cAAc;KAC1D,EACD,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,CACrB,CAAC;AACJ,CAAC","sourcesContent":["import clsx from 'clsx';\nimport { fgTone } from '../../utils/style/tone.js';\nimport type { TextStyleOptions } from './types.js';\n\n/** Returns a string of classNames that apply the specified text style. */\nexport function textStyle({ variant, fontStyle, alignment, textDecoration, tone }: TextStyleOptions) {\n  return clsx(\n    'cim-text',\n    {\n      [`cim-text-variant-${variant}`]: variant,\n      [`cim-text-fs-${fontStyle}`]: fontStyle,\n      [`cim-text-alignment-${alignment}`]: alignment,\n      [`cim-text-decoration-${textDecoration}`]: textDecoration,\n    },\n    tone && fgTone(tone),\n  );\n}\n"]}

package/dist/commonjs/components/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { CommonProps } from '../types.js';
+export interface UNSTABLE_VisuallyHiddenProps extends CommonProps {
+    /** The content that should be hidden visually. */
+    children: ReactNode;
+    /**
+     * Whether to show the content when it's focused. This can be used to implement a [skip link](https://webaim.org/techniques/skipnav/).
+     * @default false
+     */
+    showWhenFocused?: boolean;
+}
+/**
+ * Renders a container that hides its children visually, while keeping content accessible to screen readers.
+ */
+declare const _VisuallyHidden: (props: UNSTABLE_VisuallyHiddenProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _VisuallyHidden as UNSTABLE_VisuallyHidden };
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/commonjs/components/visually-hidden/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../../../src/components/visually-hidden/visually-hidden.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,4BAA6B,SAAQ,WAAW;IAC/D,kDAAkD;IAClD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAkBD;;GAEG;AACH,QAAA,MAAM,eAAe,8KAAwE,CAAC;AAE9F,OAAO,EAAE,eAAe,IAAI,uBAAuB,EAAE,CAAC"}

package/dist/commonjs/components/visually-hidden/visually-hidden.js

@@ -0,0 +1,20 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UNSTABLE_VisuallyHidden = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const forward_ref_js_1 = require("../../forward-ref.js");
+const with_style_props_js_1 = require("../../with-style-props.js");
+function UNSTABLE_VisuallyHidden({ children, UNSAFE_className, UNSAFE_style, showWhenFocused, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, className: (0, clsx_1.default)('cim-visually-hidden', showWhenFocused && 'cim-visually-hidden-focusable', UNSAFE_className), style: UNSAFE_style, children: children }));
+}
+/**
+ * Renders a container that hides its children visually, while keeping content accessible to screen readers.
+ */
+const _VisuallyHidden = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(UNSTABLE_VisuallyHidden), 'VisuallyHidden');
+exports.UNSTABLE_VisuallyHidden = _VisuallyHidden;
+//# sourceMappingURL=visually-hidden.js.map

package/dist/commonjs/components/visually-hidden/visually-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.js","sourceRoot":"","sources":["../../../../src/components/visually-hidden/visually-hidden.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AAExB,yDAAkD;AAClD,mEAA2D;AAa3D,SAAS,uBAAuB,CAC9B,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,KAAK,EAAgC,EACrG,GAAiC;IAEjC,OAAO,CACL,mCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,qBAAqB,EAAE,eAAe,IAAI,+BAA+B,EAAE,gBAAgB,CAAC,EAC5G,KAAK,EAAE,YAAY,YAElB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,eAAe,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,uBAAuB,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAElE,kDAAuB","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ReactNode, ForwardedRef } from 'react';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { CommonProps } from '../types.js';\n\nexport interface UNSTABLE_VisuallyHiddenProps extends CommonProps {\n  /** The content that should be hidden visually. */\n  children: ReactNode;\n  /**\n   * Whether to show the content when it's focused. This can be used to implement a [skip link](https://webaim.org/techniques/skipnav/).\n   * @default false\n   */\n  showWhenFocused?: boolean;\n}\n\nfunction UNSTABLE_VisuallyHidden(\n  { children, UNSAFE_className, UNSAFE_style, showWhenFocused, ...props }: UNSTABLE_VisuallyHiddenProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={clsx('cim-visually-hidden', showWhenFocused && 'cim-visually-hidden-focusable', UNSAFE_className)}\n      style={UNSAFE_style}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * Renders a container that hides its children visually, while keeping content accessible to screen readers.\n */\nconst _VisuallyHidden = withStyleProps(forwardRef(UNSTABLE_VisuallyHidden), 'VisuallyHidden');\n\nexport { _VisuallyHidden as UNSTABLE_VisuallyHidden };\n"]}

package/dist/commonjs/icons/accounting-document.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgAccountingDocument: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgAccountingDocument;

package/dist/commonjs/icons/accounting-document.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accounting-document.d.ts","sourceRoot":"","sources":["../../../src/icons/accounting-document.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,qBAAqB;mFAMxB,SAAS;;CA2BX,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"accounting-document.d.ts","sourceRoot":"","sources":["../../../src/icons/accounting-document.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,qBAAqB;yFAOxB,SAAS;;CA4BX,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/commonjs/icons/accounting-document.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconAccountingDocument';
 /** Renders an SVG icon. */
-const SvgAccountingDocument = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgAccountingDocument = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

package/dist/commonjs/icons/accounting-document.js.map

@@ -1 +1 @@
-{"version":3,"file":"accounting-document.js","sourceRoot":"","sources":["../../../src/icons/accounting-document.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,wBAAwB,CAAC;AAC7C,2BAA2B;AAC3B,MAAM,qBAAqB,GAAG,CAAC,EAC7B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yMAAyM,EAC3M,QAAQ,EAAC,SAAS,GAClB,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sQAAsQ,EACxQ,QAAQ,EAAC,SAAS,GAClB,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,s/BAAs/B,EACx/B,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,WAAW,CAAC;AAChD,kBAAe,qBAAqB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconAccountingDocument';\n/** Renders an SVG icon. */\nconst SvgAccountingDocument = ({\n  size,\n  'aria-hidden': ariaHidden,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M9 4a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V10h-4.5A1.5 1.5 0 0 1 18 8.5V4zm11 1.414L22.586 8H20zM6 5a3 3 0 0 1 3-3h10a1 1 0 0 1 .707.293l6 6A1 1 0 0 1 26 9v18a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10 23a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1m8-4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1M13 8.5a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1m0 8a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M14.12 9.745c.318.075.761.222 1.087.548.372.372.573.761.68 1.078a2.3 2.3 0 0 1 .112.591v.02l.001.01v.006S16 12 15 12h1a1 1 0 0 1-1.999.05.74.74 0 0 0-.174-.306 1 1 0 0 0-.165-.052 3 3 0 0 0-.662-.067c-.252 0-.486.026-.662.067a1 1 0 0 0-.165.051.9.9 0 0 0-.23.463c-.015.117-.007.3.232.554.02.009.083.038.216.078.215.063.48.117.805.181l.023.005c.296.06.645.129.954.22.277.081.716.23 1.034.549 1.077 1.077 1.037 2.877 0 3.914-.326.326-.769.473-1.087.548a5 5 0 0 1-1.12.12 5 5 0 0 1-1.12-.12c-.318-.075-.761-.222-1.087-.548a2.8 2.8 0 0 1-.68-1.078 2.3 2.3 0 0 1-.112-.591v-.02l-.001-.01v-.006S10 16 11 16h-1a1 1 0 0 1 1.999-.05.74.74 0 0 0 .174.306c.021.01.073.03.165.052.176.041.41.067.662.067s.486-.026.662-.067c.09-.021.14-.04.164-.05.23-.271.234-.745-.004-1.02-.021-.009-.085-.038-.213-.075a10 10 0 0 0-.805-.182l-.023-.005c-.296-.06-.645-.129-.954-.22-.277-.081-.716-.23-1.034-.549-.691-.69-.932-1.496-.833-2.26.093-.71.466-1.287.833-1.654.326-.326.769-.473 1.087-.548a5 5 0 0 1 1.12-.12c.373 0 .764.037 1.12.12\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgAccountingDocument.displayName = displayName;\nexport default SvgAccountingDocument;\n"]}
+{"version":3,"file":"accounting-document.js","sourceRoot":"","sources":["../../../src/icons/accounting-document.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,wBAAwB,CAAC;AAC7C,2BAA2B;AAC3B,MAAM,qBAAqB,GAAG,CAAC,EAC7B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yMAAyM,EAC3M,QAAQ,EAAC,SAAS,GAClB,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sQAAsQ,EACxQ,QAAQ,EAAC,SAAS,GAClB,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,s/BAAs/B,EACx/B,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,WAAW,CAAC;AAChD,kBAAe,qBAAqB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAccountingDocument';\n/** Renders an SVG icon. */\nconst SvgAccountingDocument = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M9 4a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V10h-4.5A1.5 1.5 0 0 1 18 8.5V4zm11 1.414L22.586 8H20zM6 5a3 3 0 0 1 3-3h10a1 1 0 0 1 .707.293l6 6A1 1 0 0 1 26 9v18a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10 23a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1m8-4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1M13 8.5a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1m0 8a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M14.12 9.745c.318.075.761.222 1.087.548.372.372.573.761.68 1.078a2.3 2.3 0 0 1 .112.591v.02l.001.01v.006S16 12 15 12h1a1 1 0 0 1-1.999.05.74.74 0 0 0-.174-.306 1 1 0 0 0-.165-.052 3 3 0 0 0-.662-.067c-.252 0-.486.026-.662.067a1 1 0 0 0-.165.051.9.9 0 0 0-.23.463c-.015.117-.007.3.232.554.02.009.083.038.216.078.215.063.48.117.805.181l.023.005c.296.06.645.129.954.22.277.081.716.23 1.034.549 1.077 1.077 1.037 2.877 0 3.914-.326.326-.769.473-1.087.548a5 5 0 0 1-1.12.12 5 5 0 0 1-1.12-.12c-.318-.075-.761-.222-1.087-.548a2.8 2.8 0 0 1-.68-1.078 2.3 2.3 0 0 1-.112-.591v-.02l-.001-.01v-.006S10 16 11 16h-1a1 1 0 0 1 1.999-.05.74.74 0 0 0 .174.306c.021.01.073.03.165.052.176.041.41.067.662.067s.486-.026.662-.067c.09-.021.14-.04.164-.05.23-.271.234-.745-.004-1.02-.021-.009-.085-.038-.213-.075a10 10 0 0 0-.805-.182l-.023-.005c-.296-.06-.645-.129-.954-.22-.277-.081-.716-.23-1.034-.549-.691-.69-.932-1.496-.833-2.26.093-.71.466-1.287.833-1.654.326-.326.769-.473 1.087-.548a5 5 0 0 1 1.12-.12c.373 0 .764.037 1.12.12\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgAccountingDocument.displayName = displayName;\nexport default SvgAccountingDocument;\n"]}

package/dist/commonjs/icons/add-circle-fill.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgAddCircleFill: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgAddCircleFill;

package/dist/commonjs/icons/add-circle-fill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-circle-fill.d.ts","sourceRoot":"","sources":["../../../src/icons/add-circle-fill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,gBAAgB;mFAAkF,SAAS;;CAiBhH,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"add-circle-fill.d.ts","sourceRoot":"","sources":["../../../src/icons/add-circle-fill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,gBAAgB;yFAOnB,SAAS;;CAkBX,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/commonjs/icons/add-circle-fill.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconAddCircleFill';
 /** Renders an SVG icon. */
-const SvgAddCircleFill = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgAddCircleFill = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

package/dist/commonjs/icons/add-circle-fill.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-circle-fill.js","sourceRoot":"","sources":["../../../src/icons/add-circle-fill.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IACnH,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sLAAsL,EACxL,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,kBAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconAddCircleFill';\n/** Renders an SVG icon. */\nconst SvgAddCircleFill = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M30 16c0-7.732-6.268-14-14-14S2 8.268 2 16s6.268 14 14 14 14-6.268 14-14m-12.5-6a1.5 1.5 0 0 0-3 0v4.5H10a1.5 1.5 0 0 0 0 3h4.5V22a1.5 1.5 0 0 0 3 0v-4.5H22a1.5 1.5 0 0 0 0-3h-4.5z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgAddCircleFill.displayName = displayName;\nexport default SvgAddCircleFill;\n"]}
+{"version":3,"file":"add-circle-fill.js","sourceRoot":"","sources":["../../../src/icons/add-circle-fill.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sLAAsL,EACxL,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,kBAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAddCircleFill';\n/** Renders an SVG icon. */\nconst SvgAddCircleFill = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M30 16c0-7.732-6.268-14-14-14S2 8.268 2 16s6.268 14 14 14 14-6.268 14-14m-12.5-6a1.5 1.5 0 0 0-3 0v4.5H10a1.5 1.5 0 0 0 0 3h4.5V22a1.5 1.5 0 0 0 3 0v-4.5H22a1.5 1.5 0 0 0 0-3h-4.5z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgAddCircleFill.displayName = displayName;\nexport default SvgAddCircleFill;\n"]}

package/dist/commonjs/icons/add-circle.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgAddCircle: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgAddCircle;

package/dist/commonjs/icons/add-circle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-circle.d.ts","sourceRoot":"","sources":["../../../src/icons/add-circle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,YAAY;mFAAkF,SAAS;;CAmB5G,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"add-circle.d.ts","sourceRoot":"","sources":["../../../src/icons/add-circle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,YAAY;yFAOf,SAAS;;CAoBX,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/commonjs/icons/add-circle.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconAddCircle';
 /** Renders an SVG icon. */
-const SvgAddCircle = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgAddCircle = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

package/dist/commonjs/icons/add-circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-circle.js","sourceRoot":"","sources":["../../../src/icons/add-circle.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,eAAe,CAAC;AACpC,2BAA2B;AAC3B,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IAC/G,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8IAA8I,EAChJ,QAAQ,EAAC,SAAS,GAClB,EACF,iCAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,wDAAwD,EAAC,QAAQ,EAAC,SAAS,GAAG,EACzG,iCAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,wDAAwD,EAAC,QAAQ,EAAC,SAAS,GAAG,IACrG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACvC,kBAAe,YAAY,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconAddCircle';\n/** Renders an SVG icon. */\nconst SvgAddCircle = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16 4C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4M2 16C2 8.268 8.268 2 16 2s14 6.268 14 14-6.268 14-14 14S2 23.732 2 16\"\n        clipRule=\"evenodd\"\n      />\n      <path fillRule=\"evenodd\" d=\"M10 16a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H11a1 1 0 0 1-1-1\" clipRule=\"evenodd\" />\n      <path fillRule=\"evenodd\" d=\"M16 10a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1\" clipRule=\"evenodd\" />\n    </svg>\n  );\n};\nSvgAddCircle.displayName = displayName;\nexport default SvgAddCircle;\n"]}
+{"version":3,"file":"add-circle.js","sourceRoot":"","sources":["../../../src/icons/add-circle.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,eAAe,CAAC;AACpC,2BAA2B;AAC3B,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8IAA8I,EAChJ,QAAQ,EAAC,SAAS,GAClB,EACF,iCAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,wDAAwD,EAAC,QAAQ,EAAC,SAAS,GAAG,EACzG,iCAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,wDAAwD,EAAC,QAAQ,EAAC,SAAS,GAAG,IACrG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACvC,kBAAe,YAAY,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAddCircle';\n/** Renders an SVG icon. */\nconst SvgAddCircle = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16 4C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4M2 16C2 8.268 8.268 2 16 2s14 6.268 14 14-6.268 14-14 14S2 23.732 2 16\"\n        clipRule=\"evenodd\"\n      />\n      <path fillRule=\"evenodd\" d=\"M10 16a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H11a1 1 0 0 1-1-1\" clipRule=\"evenodd\" />\n      <path fillRule=\"evenodd\" d=\"M16 10a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1\" clipRule=\"evenodd\" />\n    </svg>\n  );\n};\nSvgAddCircle.displayName = displayName;\nexport default SvgAddCircle;\n"]}

package/dist/commonjs/icons/add.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgAdd: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgAdd;

package/dist/commonjs/icons/add.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../../src/icons/add.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,MAAM;mFAAkF,SAAS;;CAgBtG,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../../src/icons/add.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,MAAM;yFAAwF,SAAS;;CAiB5G,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/commonjs/icons/add.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconAdd';
 /** Renders an SVG icon. */
-const SvgAdd = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgAdd = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

package/dist/commonjs/icons/add.js.map

@@ -1 +1 @@
-{"version":3,"file":"add.js","sourceRoot":"","sources":["../../../src/icons/add.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,SAAS,CAAC;AAC9B,2BAA2B;AAC3B,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IACzG,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,+BAAG,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,aACtC,iCAAM,CAAC,EAAC,sDAAsD,GAAG,EACjE,iCAAM,CAAC,EAAC,sDAAsD,GAAG,IAC/D,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACjC,kBAAe,MAAM,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconAdd';\n/** Renders an SVG icon. */\nconst SvgAdd = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <g fillRule=\"evenodd\" clipRule=\"evenodd\">\n        <path d=\"M5 16a2 2 0 0 1 2-2h18a2 2 0 1 1 0 4H7a2 2 0 0 1-2-2\" />\n        <path d=\"M16 5a2 2 0 0 1 2 2v18a2 2 0 1 1-4 0V7a2 2 0 0 1 2-2\" />\n      </g>\n    </svg>\n  );\n};\nSvgAdd.displayName = displayName;\nexport default SvgAdd;\n"]}
+{"version":3,"file":"add.js","sourceRoot":"","sources":["../../../src/icons/add.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,SAAS,CAAC;AAC9B,2BAA2B;AAC3B,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IAC/G,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,+BAAG,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,aACtC,iCAAM,CAAC,EAAC,sDAAsD,GAAG,EACjE,iCAAM,CAAC,EAAC,sDAAsD,GAAG,IAC/D,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACjC,kBAAe,MAAM,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAdd';\n/** Renders an SVG icon. */\nconst SvgAdd = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <g fillRule=\"evenodd\" clipRule=\"evenodd\">\n        <path d=\"M5 16a2 2 0 0 1 2-2h18a2 2 0 1 1 0 4H7a2 2 0 0 1-2-2\" />\n        <path d=\"M16 5a2 2 0 0 1 2 2v18a2 2 0 1 1-4 0V7a2 2 0 0 1 2-2\" />\n      </g>\n    </svg>\n  );\n};\nSvgAdd.displayName = displayName;\nexport default SvgAdd;\n"]}

package/dist/commonjs/icons/alert-triangle.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgAlertTriangle: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgAlertTriangle;

package/dist/commonjs/icons/alert-triangle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-triangle.d.ts","sourceRoot":"","sources":["../../../src/icons/alert-triangle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,gBAAgB;mFAAkF,SAAS;;CAmBhH,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"alert-triangle.d.ts","sourceRoot":"","sources":["../../../src/icons/alert-triangle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,gBAAgB;yFAOnB,SAAS;;CAoBX,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/commonjs/icons/alert-triangle.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconAlertTriangle';
 /** Renders an SVG icon. */
-const SvgAlertTriangle = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgAlertTriangle = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

package/dist/commonjs/icons/alert-triangle.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-triangle.js","sourceRoot":"","sources":["../../../src/icons/alert-triangle.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IACnH,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qQAAqQ,EACvQ,QAAQ,EAAC,SAAS,GAClB,EACF,iCAAM,CAAC,EAAC,oCAAoC,GAAG,EAC/C,iCAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uDAAuD,EAAC,QAAQ,EAAC,SAAS,GAAG,IACpG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,kBAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconAlertTriangle';\n/** Renders an SVG icon. */\nconst SvgAlertTriangle = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16.91 4.6a1.018 1.018 0 0 0-1.82 0L5.147 24.489a1.018 1.018 0 0 0 .91 1.474H25.94c.757 0 1.25-.797.91-1.474L16.912 4.6Zm-3.642-.911c1.125-2.252 4.338-2.252 5.464 0l9.941 19.89C29.69 25.608 28.212 28 25.941 28H6.058c-2.27 0-3.747-2.39-2.732-4.422L13.268 3.69Z\"\n        clipRule=\"evenodd\"\n      />\n      <path d=\"M17 23a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      <path fillRule=\"evenodd\" d=\"M16 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1\" clipRule=\"evenodd\" />\n    </svg>\n  );\n};\nSvgAlertTriangle.displayName = displayName;\nexport default SvgAlertTriangle;\n"]}
+{"version":3,"file":"alert-triangle.js","sourceRoot":"","sources":["../../../src/icons/alert-triangle.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qQAAqQ,EACvQ,QAAQ,EAAC,SAAS,GAClB,EACF,iCAAM,CAAC,EAAC,oCAAoC,GAAG,EAC/C,iCAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uDAAuD,EAAC,QAAQ,EAAC,SAAS,GAAG,IACpG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,kBAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAlertTriangle';\n/** Renders an SVG icon. */\nconst SvgAlertTriangle = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16.91 4.6a1.018 1.018 0 0 0-1.82 0L5.147 24.489a1.018 1.018 0 0 0 .91 1.474H25.94c.757 0 1.25-.797.91-1.474L16.912 4.6Zm-3.642-.911c1.125-2.252 4.338-2.252 5.464 0l9.941 19.89C29.69 25.608 28.212 28 25.941 28H6.058c-2.27 0-3.747-2.39-2.732-4.422L13.268 3.69Z\"\n        clipRule=\"evenodd\"\n      />\n      <path d=\"M17 23a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      <path fillRule=\"evenodd\" d=\"M16 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1\" clipRule=\"evenodd\" />\n    </svg>\n  );\n};\nSvgAlertTriangle.displayName = displayName;\nexport default SvgAlertTriangle;\n"]}

package/dist/commonjs/icons/calculator-alt.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgCalculatorAlt: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgCalculatorAlt;

package/dist/commonjs/icons/calculator-alt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculator-alt.d.ts","sourceRoot":"","sources":["../../../src/icons/calculator-alt.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,gBAAgB;mFAAkF,SAAS;;CAahH,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"calculator-alt.d.ts","sourceRoot":"","sources":["../../../src/icons/calculator-alt.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,gBAAgB;yFAOnB,SAAS;;CAcX,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/commonjs/icons/calculator-alt.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconCalculatorAlt';
 /** Renders an SVG icon. */
-const SvgCalculatorAlt = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgCalculatorAlt = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

package/dist/commonjs/icons/calculator-alt.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculator-alt.js","sourceRoot":"","sources":["../../../src/icons/calculator-alt.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IACnH,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,iCAAM,CAAC,EAAC,yvBAAyvB,GAAG,GAChwB,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,kBAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconCalculatorAlt';\n/** Renders an SVG icon. */\nconst SvgCalculatorAlt = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path d=\"M13.707 21.707a1 1 0 0 0-1.414-1.414zm-5.414 2.586a1 1 0 1 0 1.414 1.414zm1.414-4a1 1 0 0 0-1.414 1.414zm2.586 5.414a1 1 0 0 0 1.414-1.414zM13 16a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm3-1a1 1 0 1 0-2 0zm-2 4a1 1 0 1 0 2 0zm13 5a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm4 6a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm4-8a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zM8 4h16V2H8zm18 2v20h2V6zm-2 22H8v2h16zM6 26V6H4v20zm2 2a2 2 0 0 1-2-2H4a4 4 0 0 0 4 4zm18-2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zM24 4a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zM8 2a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2zm18 6H6v2h20zM12.293 20.293l-2 2 1.414 1.414 2-2zm-2 2-2 2 1.414 1.414 2-2zm1.414 0-2-2-1.414 1.414 2 2zm-1.414 1.414 2 2 1.414-1.414-2-2zM13 14h-2v2h2zm-2 0H9v2h2zm1 1v-2h-2v2zm-2 0v2h2v-2zm13 5h-4v2h4zm0 4h-4v2h4zm0-10h-4v2h4z\" />\n    </svg>\n  );\n};\nSvgCalculatorAlt.displayName = displayName;\nexport default SvgCalculatorAlt;\n"]}
+{"version":3,"file":"calculator-alt.js","sourceRoot":"","sources":["../../../src/icons/calculator-alt.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,iCAAM,CAAC,EAAC,yvBAAyvB,GAAG,GAChwB,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,kBAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCalculatorAlt';\n/** Renders an SVG icon. */\nconst SvgCalculatorAlt = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path d=\"M13.707 21.707a1 1 0 0 0-1.414-1.414zm-5.414 2.586a1 1 0 1 0 1.414 1.414zm1.414-4a1 1 0 0 0-1.414 1.414zm2.586 5.414a1 1 0 0 0 1.414-1.414zM13 16a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm3-1a1 1 0 1 0-2 0zm-2 4a1 1 0 1 0 2 0zm13 5a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm4 6a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm4-8a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zM8 4h16V2H8zm18 2v20h2V6zm-2 22H8v2h16zM6 26V6H4v20zm2 2a2 2 0 0 1-2-2H4a4 4 0 0 0 4 4zm18-2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zM24 4a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zM8 2a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2zm18 6H6v2h20zM12.293 20.293l-2 2 1.414 1.414 2-2zm-2 2-2 2 1.414 1.414 2-2zm1.414 0-2-2-1.414 1.414 2 2zm-1.414 1.414 2 2 1.414-1.414-2-2zM13 14h-2v2h2zm-2 0H9v2h2zm1 1v-2h-2v2zm-2 0v2h2v-2zm13 5h-4v2h4zm0 4h-4v2h4zm0-10h-4v2h4z\" />\n    </svg>\n  );\n};\nSvgCalculatorAlt.displayName = displayName;\nexport default SvgCalculatorAlt;\n"]}

package/dist/commonjs/icons/calculator.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgCalculator: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgCalculator;

package/dist/commonjs/icons/calculator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculator.d.ts","sourceRoot":"","sources":["../../../src/icons/calculator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,aAAa;mFAAkF,SAAS;;CAuB7G,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"calculator.d.ts","sourceRoot":"","sources":["../../../src/icons/calculator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,aAAa;yFAOhB,SAAS;;CAwBX,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/commonjs/icons/calculator.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconCalculator';
 /** Renders an SVG icon. */
-const SvgCalculator = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgCalculator = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

package/dist/commonjs/icons/calculator.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculator.js","sourceRoot":"","sources":["../../../src/icons/calculator.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,gBAAgB,CAAC;AACrC,2BAA2B;AAC3B,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IAChH,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6IAA6I,EAC/I,QAAQ,EAAC,SAAS,GAClB,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0GAA0G,EAC5G,QAAQ,EAAC,SAAS,GAClB,EACF,iCAAM,CAAC,EAAC,oSAAoS,GAAG,IAC3S,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;AACxC,kBAAe,aAAa,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconCalculator';\n/** Renders an SVG icon. */\nconst SvgCalculator = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M6 6a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4zm4-2a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M6 13a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1m12-5a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1\"\n        clipRule=\"evenodd\"\n      />\n      <path d=\"M12 21a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m5-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m5-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n    </svg>\n  );\n};\nSvgCalculator.displayName = displayName;\nexport default SvgCalculator;\n"]}
+{"version":3,"file":"calculator.js","sourceRoot":"","sources":["../../../src/icons/calculator.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,gBAAgB,CAAC;AACrC,2BAA2B;AAC3B,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6IAA6I,EAC/I,QAAQ,EAAC,SAAS,GAClB,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0GAA0G,EAC5G,QAAQ,EAAC,SAAS,GAClB,EACF,iCAAM,CAAC,EAAC,oSAAoS,GAAG,IAC3S,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;AACxC,kBAAe,aAAa,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCalculator';\n/** Renders an SVG icon. */\nconst SvgCalculator = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M6 6a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4zm4-2a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M6 13a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1m12-5a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1\"\n        clipRule=\"evenodd\"\n      />\n      <path d=\"M12 21a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m5-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m5-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n    </svg>\n  );\n};\nSvgCalculator.displayName = displayName;\nexport default SvgCalculator;\n"]}

package/dist/commonjs/icons/checkmark-circle-fill.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgCheckmarkCircleFill: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgCheckmarkCircleFill;

package/dist/commonjs/icons/checkmark-circle-fill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkmark-circle-fill.d.ts","sourceRoot":"","sources":["../../../src/icons/checkmark-circle-fill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,sBAAsB;mFAMzB,SAAS;;CAiBX,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"checkmark-circle-fill.d.ts","sourceRoot":"","sources":["../../../src/icons/checkmark-circle-fill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,sBAAsB;yFAOzB,SAAS;;CAkBX,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/commonjs/icons/checkmark-circle-fill.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconCheckmarkCircleFill';
 /** Renders an SVG icon. */
-const SvgCheckmarkCircleFill = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgCheckmarkCircleFill = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

package/dist/commonjs/icons/checkmark-circle-fill.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkmark-circle-fill.js","sourceRoot":"","sources":["../../../src/icons/checkmark-circle-fill.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,yBAAyB,CAAC;AAC9C,2BAA2B;AAC3B,MAAM,sBAAsB,GAAG,CAAC,EAC9B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oMAAoM,EACtM,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,WAAW,CAAC;AACjD,kBAAe,sBAAsB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconCheckmarkCircleFill';\n/** Renders an SVG icon. */\nconst SvgCheckmarkCircleFill = ({\n  size,\n  'aria-hidden': ariaHidden,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16 30C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14m7.152-17.04a1.5 1.5 0 1 0-2.304-1.92l-5.699 7.238-3.088-3.089a1.5 1.5 0 0 0-2.122 2.122l4.25 4.25a1.5 1.5 0 0 0 2.213-.1z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgCheckmarkCircleFill.displayName = displayName;\nexport default SvgCheckmarkCircleFill;\n"]}
+{"version":3,"file":"checkmark-circle-fill.js","sourceRoot":"","sources":["../../../src/icons/checkmark-circle-fill.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,yBAAyB,CAAC;AAC9C,2BAA2B;AAC3B,MAAM,sBAAsB,GAAG,CAAC,EAC9B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oMAAoM,EACtM,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,WAAW,CAAC;AACjD,kBAAe,sBAAsB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCheckmarkCircleFill';\n/** Renders an SVG icon. */\nconst SvgCheckmarkCircleFill = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16 30C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14m7.152-17.04a1.5 1.5 0 1 0-2.304-1.92l-5.699 7.238-3.088-3.089a1.5 1.5 0 0 0-2.122 2.122l4.25 4.25a1.5 1.5 0 0 0 2.213-.1z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgCheckmarkCircleFill.displayName = displayName;\nexport default SvgCheckmarkCircleFill;\n"]}

package/dist/commonjs/icons/checkmark-circle.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgCheckmarkCircle: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgCheckmarkCircle;

package/dist/commonjs/icons/checkmark-circle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkmark-circle.d.ts","sourceRoot":"","sources":["../../../src/icons/checkmark-circle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,kBAAkB;mFAMrB,SAAS;;CAsBX,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"checkmark-circle.d.ts","sourceRoot":"","sources":["../../../src/icons/checkmark-circle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,kBAAkB;yFAOrB,SAAS;;CAuBX,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/commonjs/icons/checkmark-circle.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconCheckmarkCircle';
 /** Renders an SVG icon. */
-const SvgCheckmarkCircle = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgCheckmarkCircle = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

package/dist/commonjs/icons/checkmark-circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkmark-circle.js","sourceRoot":"","sources":["../../../src/icons/checkmark-circle.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,2BAA2B;AAC3B,MAAM,kBAAkB,GAAG,CAAC,EAC1B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gJAAgJ,EAClJ,QAAQ,EAAC,SAAS,GAClB,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qIAAqI,EACvI,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC7C,kBAAe,kBAAkB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconCheckmarkCircle';\n/** Renders an SVG icon. */\nconst SvgCheckmarkCircle = ({\n  size,\n  'aria-hidden': ariaHidden,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M4 16c0 6.627 5.373 12 12 12s12-5.373 12-12S22.627 4 16 4 4 9.373 4 16m12 14C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M22.659 11.247a1 1 0 0 1 .094 1.412l-7 8a1 1 0 0 1-1.46.048l-4-4a1 1 0 1 1 1.414-1.414l3.244 3.244 6.296-7.195a1 1 0 0 1 1.412-.095\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgCheckmarkCircle.displayName = displayName;\nexport default SvgCheckmarkCircle;\n"]}
+{"version":3,"file":"checkmark-circle.js","sourceRoot":"","sources":["../../../src/icons/checkmark-circle.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,2BAA2B;AAC3B,MAAM,kBAAkB,GAAG,CAAC,EAC1B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gJAAgJ,EAClJ,QAAQ,EAAC,SAAS,GAClB,EACF,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qIAAqI,EACvI,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC7C,kBAAe,kBAAkB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCheckmarkCircle';\n/** Renders an SVG icon. */\nconst SvgCheckmarkCircle = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M4 16c0 6.627 5.373 12 12 12s12-5.373 12-12S22.627 4 16 4 4 9.373 4 16m12 14C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M22.659 11.247a1 1 0 0 1 .094 1.412l-7 8a1 1 0 0 1-1.46.048l-4-4a1 1 0 1 1 1.414-1.414l3.244 3.244 6.296-7.195a1 1 0 0 1 1.412-.095\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgCheckmarkCircle.displayName = displayName;\nexport default SvgCheckmarkCircle;\n"]}

package/dist/commonjs/icons/checkmark-small.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgCheckmarkSmall: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgCheckmarkSmall;

package/dist/commonjs/icons/checkmark-small.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkmark-small.d.ts","sourceRoot":"","sources":["../../../src/icons/checkmark-small.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,iBAAiB;mFAAkF,SAAS;;CAiBjH,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"checkmark-small.d.ts","sourceRoot":"","sources":["../../../src/icons/checkmark-small.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,iBAAiB;yFAOpB,SAAS;;CAkBX,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/commonjs/icons/checkmark-small.js

@@ -5,13 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
 const displayName = 'IconCheckmarkSmall';
 /** Renders an SVG icon. */
-const SvgCheckmarkSmall = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgCheckmarkSmall = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };