@cimpress-ui/react 1.19.1 → 1.20.0

package/dist/commonjs/components/toggle/toggle.js

@@ -1,32 +0,0 @@
-'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_Toggle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_aria_components_1 = require("react-aria-components");
-const forward_ref_js_1 = require("../../forward-ref.js");
-const index_js_1 = require("../../icons/index.js");
-const use_production_warning_js_1 = require("../../utils/use-production-warning.js");
-const with_style_props_js_1 = require("../../with-style-props.js");
-const text_js_1 = require("../typography/text.js");
-function UNSTABLE_Toggle({ children, UNSAFE_className, UNSAFE_style, ...props }, ref) {
-    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;
-    (0, use_production_warning_js_1.useProductionWarning)(() => {
-        if (!children && !ariaLabel && !ariaLabelledBy) {
-            console.warn('Toggle requires one of children / aria-label / aria-labelledby for accessibility');
-        }
-    }, [children, ariaLabel, ariaLabelledBy]);
-    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Switch, { ...props, ref: ref, className: (0, clsx_1.default)('cim-toggle', UNSAFE_className), style: UNSAFE_style, children: [(0, jsx_runtime_1.jsx)("div", { className: "cim-toggle-track-wrapper", "aria-hidden": true, children: (0, jsx_runtime_1.jsxs)("div", { className: "cim-toggle-track", children: [(0, jsx_runtime_1.jsx)(index_js_1.IconCheckBold, {}), (0, jsx_runtime_1.jsx)(index_js_1.IconCloseBold, {}), (0, jsx_runtime_1.jsx)("div", { className: "cim-toggle-track-head" })] }) }), children && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "medium", children: children }))] }));
-}
-/**
- * Allows users to turn a setting on or off.
- *
- * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).
- */
-const _UNSTABLE_Toggle = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(UNSTABLE_Toggle), 'Toggle');
-exports.UNSTABLE_Toggle = _UNSTABLE_Toggle;
-//# sourceMappingURL=toggle.js.map

package/dist/commonjs/components/toggle/toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AAExB,iEAAgG;AAChG,yDAAkD;AAClD,mDAAoE;AACpE,qFAA6E;AAC7E,mEAA2D;AAE3D,mDAA6C;AAsB7C,SAAS,eAAe,CACtB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAwB,EAC5E,GAAmC;IAEnC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE7E,IAAA,gDAAoB,EAAC,GAAG,EAAE;QACxB,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;YAC/C,OAAO,CAAC,IAAI,CAAC,kFAAkF,CAAC,CAAC;QACnG,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,wBAAC,8BAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,aAClG,gCAAK,SAAS,EAAC,0BAA0B,iCACvC,iCAAK,SAAS,EAAC,kBAAkB,aAC/B,uBAAC,wBAAa,KAAG,EACjB,uBAAC,wBAAa,KAAG,EACjB,gCAAK,SAAS,EAAC,uBAAuB,GAAG,IACrC,GACF,EACL,QAAQ,IAAI,CACX,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,YAC7B,QAAQ,GACJ,CACR,IACS,CACb,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC;AAElD,2CAAe","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport { Switch as RACSwitch, type SwitchProps as RACSwitchProps } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { IconCheckBold, IconCloseBold } from '../../icons/index.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { AriaLabelingProps, CommonProps, StringLikeChildren } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface UNSTABLE_ToggleProps\n  extends\n    CommonProps,\n    AriaLabelingProps,\n    Pick<\n      RACSwitchProps,\n      | 'onChange'\n      | 'isSelected'\n      | 'isDisabled'\n      | 'isReadOnly'\n      | 'defaultSelected'\n      | 'autoFocus'\n      | 'form'\n      | 'name'\n      | 'value'\n    > {\n  /** The label rendered next to the toggle. */\n  children?: StringLikeChildren;\n}\n\nfunction UNSTABLE_Toggle(\n  { children, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_ToggleProps,\n  ref: ForwardedRef<HTMLLabelElement>,\n) {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;\n\n  useProductionWarning(() => {\n    if (!children && !ariaLabel && !ariaLabelledBy) {\n      console.warn('Toggle requires one of children / aria-label / aria-labelledby for accessibility');\n    }\n  }, [children, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACSwitch {...props} ref={ref} className={clsx('cim-toggle', UNSAFE_className)} style={UNSAFE_style}>\n      <div className=\"cim-toggle-track-wrapper\" aria-hidden>\n        <div className=\"cim-toggle-track\">\n          <IconCheckBold />\n          <IconCloseBold />\n          <div className=\"cim-toggle-track-head\" />\n        </div>\n      </div>\n      {children && (\n        <Text as=\"span\" variant=\"medium\">\n          {children}\n        </Text>\n      )}\n    </RACSwitch>\n  );\n}\n\n/**\n * Allows users to turn a setting on or off.\n *\n * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).\n */\nconst _UNSTABLE_Toggle = withStyleProps(forwardRef(UNSTABLE_Toggle), 'Toggle');\n\nexport { _UNSTABLE_Toggle as UNSTABLE_Toggle };\n"]}

package/dist/esm/components/toggle/toggle.d.ts

@@ -1,14 +0,0 @@
-import { type SwitchProps as RACSwitchProps } from 'react-aria-components';
-import type { AriaLabelingProps, CommonProps, StringLikeChildren } from '../types.js';
-export interface UNSTABLE_ToggleProps extends CommonProps, AriaLabelingProps, Pick<RACSwitchProps, 'onChange' | 'isSelected' | 'isDisabled' | 'isReadOnly' | 'defaultSelected' | 'autoFocus' | 'form' | 'name' | 'value'> {
-    /** The label rendered next to the toggle. */
-    children?: StringLikeChildren;
-}
-/**
- * Allows users to turn a setting on or off.
- *
- * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).
- */
-declare const _UNSTABLE_Toggle: (props: UNSTABLE_ToggleProps & import("react").RefAttributes<HTMLLabelElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
-export { _UNSTABLE_Toggle as UNSTABLE_Toggle };
-//# sourceMappingURL=toggle.d.ts.map

package/dist/esm/components/toggle/toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAKhG,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtF,MAAM,WAAW,oBACf,SACE,WAAW,EACX,iBAAiB,EACjB,IAAI,CACF,cAAc,EACZ,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,iBAAiB,GACjB,WAAW,GACX,MAAM,GACN,MAAM,GACN,OAAO,CACV;IACH,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAgCD;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,wKAAwD,CAAC;AAE/E,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAC"}

package/dist/esm/components/toggle/toggle.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { Switch as RACSwitch } from 'react-aria-components';
-import { forwardRef } from '../../forward-ref.js';
-import { IconCheckBold, IconCloseBold } from '../../icons/index.js';
-import { useProductionWarning } from '../../utils/use-production-warning.js';
-import { withStyleProps } from '../../with-style-props.js';
-import { Text } from '../typography/text.js';
-function UNSTABLE_Toggle({ children, UNSAFE_className, UNSAFE_style, ...props }, ref) {
-    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;
-    useProductionWarning(() => {
-        if (!children && !ariaLabel && !ariaLabelledBy) {
-            console.warn('Toggle requires one of children / aria-label / aria-labelledby for accessibility');
-        }
-    }, [children, ariaLabel, ariaLabelledBy]);
-    return (_jsxs(RACSwitch, { ...props, ref: ref, className: clsx('cim-toggle', UNSAFE_className), style: UNSAFE_style, children: [_jsx("div", { className: "cim-toggle-track-wrapper", "aria-hidden": true, children: _jsxs("div", { className: "cim-toggle-track", children: [_jsx(IconCheckBold, {}), _jsx(IconCloseBold, {}), _jsx("div", { className: "cim-toggle-track-head" })] }) }), children && (_jsx(Text, { as: "span", variant: "medium", children: children }))] }));
-}
-/**
- * Allows users to turn a setting on or off.
- *
- * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).
- */
-const _UNSTABLE_Toggle = withStyleProps(forwardRef(UNSTABLE_Toggle), 'Toggle');
-export { _UNSTABLE_Toggle as UNSTABLE_Toggle };
-//# sourceMappingURL=toggle.js.map

package/dist/esm/components/toggle/toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,IAAI,SAAS,EAAsC,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAsB7C,SAAS,eAAe,CACtB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAwB,EAC5E,GAAmC;IAEnC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE7E,oBAAoB,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;YAC/C,OAAO,CAAC,IAAI,CAAC,kFAAkF,CAAC,CAAC;QACnG,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,MAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,aAClG,cAAK,SAAS,EAAC,0BAA0B,iCACvC,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,KAAG,EACjB,cAAK,SAAS,EAAC,uBAAuB,GAAG,IACrC,GACF,EACL,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,YAC7B,QAAQ,GACJ,CACR,IACS,CACb,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,cAAc,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE/E,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport { Switch as RACSwitch, type SwitchProps as RACSwitchProps } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { IconCheckBold, IconCloseBold } from '../../icons/index.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { AriaLabelingProps, CommonProps, StringLikeChildren } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface UNSTABLE_ToggleProps\n  extends\n    CommonProps,\n    AriaLabelingProps,\n    Pick<\n      RACSwitchProps,\n      | 'onChange'\n      | 'isSelected'\n      | 'isDisabled'\n      | 'isReadOnly'\n      | 'defaultSelected'\n      | 'autoFocus'\n      | 'form'\n      | 'name'\n      | 'value'\n    > {\n  /** The label rendered next to the toggle. */\n  children?: StringLikeChildren;\n}\n\nfunction UNSTABLE_Toggle(\n  { children, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_ToggleProps,\n  ref: ForwardedRef<HTMLLabelElement>,\n) {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;\n\n  useProductionWarning(() => {\n    if (!children && !ariaLabel && !ariaLabelledBy) {\n      console.warn('Toggle requires one of children / aria-label / aria-labelledby for accessibility');\n    }\n  }, [children, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACSwitch {...props} ref={ref} className={clsx('cim-toggle', UNSAFE_className)} style={UNSAFE_style}>\n      <div className=\"cim-toggle-track-wrapper\" aria-hidden>\n        <div className=\"cim-toggle-track\">\n          <IconCheckBold />\n          <IconCloseBold />\n          <div className=\"cim-toggle-track-head\" />\n        </div>\n      </div>\n      {children && (\n        <Text as=\"span\" variant=\"medium\">\n          {children}\n        </Text>\n      )}\n    </RACSwitch>\n  );\n}\n\n/**\n * Allows users to turn a setting on or off.\n *\n * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).\n */\nconst _UNSTABLE_Toggle = withStyleProps(forwardRef(UNSTABLE_Toggle), 'Toggle');\n\nexport { _UNSTABLE_Toggle as UNSTABLE_Toggle };\n"]}