@cimpress-ui/react 1.19.2 → 1.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/dist/commonjs/components/app-header/side-nav.js +1 -1
  2. package/dist/commonjs/components/app-header/side-nav.js.map +1 -1
  3. package/dist/commonjs/components/nav-list/nav-list.d.ts +34 -0
  4. package/dist/commonjs/components/nav-list/nav-list.d.ts.map +1 -0
  5. package/dist/commonjs/components/nav-list/nav-list.js +44 -0
  6. package/dist/commonjs/components/nav-list/nav-list.js.map +1 -0
  7. package/dist/commonjs/components/switch/switch.d.ts +26 -0
  8. package/dist/commonjs/components/switch/switch.d.ts.map +1 -0
  9. package/dist/commonjs/components/switch/switch.js +36 -0
  10. package/dist/commonjs/components/switch/switch.js.map +1 -0
  11. package/dist/commonjs/icons/{unstable-expand.d.ts → bookmark-fill.d.ts} +3 -3
  12. package/dist/commonjs/icons/bookmark-fill.d.ts.map +1 -0
  13. package/dist/commonjs/icons/{unstable-expand.js → bookmark-fill.js} +6 -6
  14. package/dist/commonjs/icons/bookmark-fill.js.map +1 -0
  15. package/dist/{esm/icons/unstable-expand.d.ts → commonjs/icons/bookmark.d.ts} +3 -3
  16. package/dist/commonjs/icons/bookmark.d.ts.map +1 -0
  17. package/dist/commonjs/icons/bookmark.js +24 -0
  18. package/dist/commonjs/icons/bookmark.js.map +1 -0
  19. package/dist/commonjs/icons/carousel.d.ts +8 -0
  20. package/dist/commonjs/icons/carousel.d.ts.map +1 -0
  21. package/dist/commonjs/icons/carousel.js +24 -0
  22. package/dist/commonjs/icons/carousel.js.map +1 -0
  23. package/dist/commonjs/icons/cloud-links.d.ts +8 -0
  24. package/dist/commonjs/icons/cloud-links.d.ts.map +1 -0
  25. package/dist/commonjs/icons/cloud-links.js +24 -0
  26. package/dist/commonjs/icons/cloud-links.js.map +1 -0
  27. package/dist/commonjs/icons/columns.d.ts +8 -0
  28. package/dist/commonjs/icons/columns.d.ts.map +1 -0
  29. package/dist/commonjs/icons/columns.js +24 -0
  30. package/dist/commonjs/icons/columns.js.map +1 -0
  31. package/dist/commonjs/icons/crop.d.ts +8 -0
  32. package/dist/commonjs/icons/crop.d.ts.map +1 -0
  33. package/dist/commonjs/icons/crop.js +24 -0
  34. package/dist/commonjs/icons/crop.js.map +1 -0
  35. package/dist/commonjs/icons/expand.d.ts +8 -0
  36. package/dist/commonjs/icons/expand.d.ts.map +1 -0
  37. package/dist/commonjs/icons/expand.js +24 -0
  38. package/dist/commonjs/icons/expand.js.map +1 -0
  39. package/dist/commonjs/icons/fill.d.ts +8 -0
  40. package/dist/commonjs/icons/fill.d.ts.map +1 -0
  41. package/dist/commonjs/icons/fill.js +24 -0
  42. package/dist/commonjs/icons/fill.js.map +1 -0
  43. package/dist/commonjs/icons/fit.d.ts +8 -0
  44. package/dist/commonjs/icons/fit.d.ts.map +1 -0
  45. package/dist/commonjs/icons/fit.js +24 -0
  46. package/dist/commonjs/icons/fit.js.map +1 -0
  47. package/dist/commonjs/icons/flow.d.ts +8 -0
  48. package/dist/commonjs/icons/flow.d.ts.map +1 -0
  49. package/dist/commonjs/icons/flow.js +24 -0
  50. package/dist/commonjs/icons/flow.js.map +1 -0
  51. package/dist/commonjs/icons/folder-database.d.ts +8 -0
  52. package/dist/commonjs/icons/folder-database.d.ts.map +1 -0
  53. package/dist/commonjs/icons/folder-database.js +24 -0
  54. package/dist/commonjs/icons/folder-database.js.map +1 -0
  55. package/dist/commonjs/icons/grid.d.ts +8 -0
  56. package/dist/commonjs/icons/grid.d.ts.map +1 -0
  57. package/dist/commonjs/icons/grid.js +24 -0
  58. package/dist/commonjs/icons/grid.js.map +1 -0
  59. package/dist/commonjs/icons/index.d.ts +19 -1
  60. package/dist/commonjs/icons/index.d.ts.map +1 -1
  61. package/dist/commonjs/icons/index.js +43 -7
  62. package/dist/commonjs/icons/index.js.map +1 -1
  63. package/dist/commonjs/icons/placement.d.ts +8 -0
  64. package/dist/commonjs/icons/placement.d.ts.map +1 -0
  65. package/dist/commonjs/icons/placement.js +24 -0
  66. package/dist/commonjs/icons/placement.js.map +1 -0
  67. package/dist/commonjs/icons/query.d.ts +8 -0
  68. package/dist/commonjs/icons/query.d.ts.map +1 -0
  69. package/dist/commonjs/icons/query.js +24 -0
  70. package/dist/commonjs/icons/query.js.map +1 -0
  71. package/dist/commonjs/icons/rows.d.ts +8 -0
  72. package/dist/commonjs/icons/rows.d.ts.map +1 -0
  73. package/dist/commonjs/icons/rows.js +24 -0
  74. package/dist/commonjs/icons/rows.js.map +1 -0
  75. package/dist/commonjs/icons/rules.d.ts +8 -0
  76. package/dist/commonjs/icons/rules.d.ts.map +1 -0
  77. package/dist/commonjs/icons/rules.js +24 -0
  78. package/dist/commonjs/icons/rules.js.map +1 -0
  79. package/dist/commonjs/icons/table.d.ts +8 -0
  80. package/dist/commonjs/icons/table.d.ts.map +1 -0
  81. package/dist/commonjs/icons/table.js +24 -0
  82. package/dist/commonjs/icons/table.js.map +1 -0
  83. package/dist/commonjs/icons/tags.d.ts +8 -0
  84. package/dist/commonjs/icons/tags.d.ts.map +1 -0
  85. package/dist/commonjs/icons/tags.js +24 -0
  86. package/dist/commonjs/icons/tags.js.map +1 -0
  87. package/dist/commonjs/icons/variants.d.ts +8 -0
  88. package/dist/commonjs/icons/variants.d.ts.map +1 -0
  89. package/dist/commonjs/icons/variants.js +24 -0
  90. package/dist/commonjs/icons/variants.js.map +1 -0
  91. package/dist/commonjs/index.d.ts +2 -1
  92. package/dist/commonjs/index.d.ts.map +1 -1
  93. package/dist/commonjs/index.js +2 -1
  94. package/dist/commonjs/index.js.map +1 -1
  95. package/dist/esm/components/app-header/side-nav.js +2 -2
  96. package/dist/esm/components/app-header/side-nav.js.map +1 -1
  97. package/dist/esm/components/nav-list/nav-list.d.ts +34 -0
  98. package/dist/esm/components/nav-list/nav-list.d.ts.map +1 -0
  99. package/dist/esm/components/nav-list/nav-list.js +36 -0
  100. package/dist/esm/components/nav-list/nav-list.js.map +1 -0
  101. package/dist/esm/components/switch/switch.d.ts +26 -0
  102. package/dist/esm/components/switch/switch.d.ts.map +1 -0
  103. package/dist/esm/components/switch/switch.js +30 -0
  104. package/dist/esm/components/switch/switch.js.map +1 -0
  105. package/dist/esm/icons/bookmark-fill.d.ts +8 -0
  106. package/dist/esm/icons/bookmark-fill.d.ts.map +1 -0
  107. package/dist/esm/icons/bookmark-fill.js +19 -0
  108. package/dist/esm/icons/bookmark-fill.js.map +1 -0
  109. package/dist/esm/icons/bookmark.d.ts +8 -0
  110. package/dist/esm/icons/bookmark.d.ts.map +1 -0
  111. package/dist/esm/icons/bookmark.js +19 -0
  112. package/dist/esm/icons/bookmark.js.map +1 -0
  113. package/dist/esm/icons/carousel.d.ts +8 -0
  114. package/dist/esm/icons/carousel.d.ts.map +1 -0
  115. package/dist/esm/icons/carousel.js +19 -0
  116. package/dist/esm/icons/carousel.js.map +1 -0
  117. package/dist/esm/icons/cloud-links.d.ts +8 -0
  118. package/dist/esm/icons/cloud-links.d.ts.map +1 -0
  119. package/dist/esm/icons/cloud-links.js +19 -0
  120. package/dist/esm/icons/cloud-links.js.map +1 -0
  121. package/dist/esm/icons/columns.d.ts +8 -0
  122. package/dist/esm/icons/columns.d.ts.map +1 -0
  123. package/dist/esm/icons/columns.js +19 -0
  124. package/dist/esm/icons/columns.js.map +1 -0
  125. package/dist/esm/icons/crop.d.ts +8 -0
  126. package/dist/esm/icons/crop.d.ts.map +1 -0
  127. package/dist/esm/icons/crop.js +19 -0
  128. package/dist/esm/icons/crop.js.map +1 -0
  129. package/dist/esm/icons/expand.d.ts +8 -0
  130. package/dist/esm/icons/expand.d.ts.map +1 -0
  131. package/dist/esm/icons/expand.js +19 -0
  132. package/dist/esm/icons/expand.js.map +1 -0
  133. package/dist/esm/icons/fill.d.ts +8 -0
  134. package/dist/esm/icons/fill.d.ts.map +1 -0
  135. package/dist/esm/icons/fill.js +19 -0
  136. package/dist/esm/icons/fill.js.map +1 -0
  137. package/dist/esm/icons/fit.d.ts +8 -0
  138. package/dist/esm/icons/fit.d.ts.map +1 -0
  139. package/dist/esm/icons/fit.js +19 -0
  140. package/dist/esm/icons/fit.js.map +1 -0
  141. package/dist/esm/icons/flow.d.ts +8 -0
  142. package/dist/esm/icons/flow.d.ts.map +1 -0
  143. package/dist/esm/icons/flow.js +19 -0
  144. package/dist/esm/icons/flow.js.map +1 -0
  145. package/dist/esm/icons/folder-database.d.ts +8 -0
  146. package/dist/esm/icons/folder-database.d.ts.map +1 -0
  147. package/dist/esm/icons/folder-database.js +19 -0
  148. package/dist/esm/icons/folder-database.js.map +1 -0
  149. package/dist/esm/icons/grid.d.ts +8 -0
  150. package/dist/esm/icons/grid.d.ts.map +1 -0
  151. package/dist/esm/icons/grid.js +19 -0
  152. package/dist/esm/icons/grid.js.map +1 -0
  153. package/dist/esm/icons/index.d.ts +19 -1
  154. package/dist/esm/icons/index.d.ts.map +1 -1
  155. package/dist/esm/icons/index.js +19 -1
  156. package/dist/esm/icons/index.js.map +1 -1
  157. package/dist/esm/icons/placement.d.ts +8 -0
  158. package/dist/esm/icons/placement.d.ts.map +1 -0
  159. package/dist/esm/icons/placement.js +19 -0
  160. package/dist/esm/icons/placement.js.map +1 -0
  161. package/dist/esm/icons/query.d.ts +8 -0
  162. package/dist/esm/icons/query.d.ts.map +1 -0
  163. package/dist/esm/icons/query.js +19 -0
  164. package/dist/esm/icons/query.js.map +1 -0
  165. package/dist/esm/icons/rows.d.ts +8 -0
  166. package/dist/esm/icons/rows.d.ts.map +1 -0
  167. package/dist/esm/icons/rows.js +19 -0
  168. package/dist/esm/icons/rows.js.map +1 -0
  169. package/dist/esm/icons/rules.d.ts +8 -0
  170. package/dist/esm/icons/rules.d.ts.map +1 -0
  171. package/dist/esm/icons/rules.js +19 -0
  172. package/dist/esm/icons/rules.js.map +1 -0
  173. package/dist/esm/icons/table.d.ts +8 -0
  174. package/dist/esm/icons/table.d.ts.map +1 -0
  175. package/dist/esm/icons/table.js +19 -0
  176. package/dist/esm/icons/table.js.map +1 -0
  177. package/dist/esm/icons/tags.d.ts +8 -0
  178. package/dist/esm/icons/tags.d.ts.map +1 -0
  179. package/dist/esm/icons/tags.js +19 -0
  180. package/dist/esm/icons/tags.js.map +1 -0
  181. package/dist/esm/icons/variants.d.ts +8 -0
  182. package/dist/esm/icons/variants.d.ts.map +1 -0
  183. package/dist/esm/icons/variants.js +19 -0
  184. package/dist/esm/icons/variants.js.map +1 -0
  185. package/dist/esm/index.d.ts +2 -1
  186. package/dist/esm/index.d.ts.map +1 -1
  187. package/dist/esm/index.js +2 -1
  188. package/dist/esm/index.js.map +1 -1
  189. package/dist-styles/core.css +1 -1
  190. package/dist-styles/styles.css +1 -1
  191. package/package.json +1 -1
  192. package/dist/commonjs/components/toggle/toggle.d.ts +0 -14
  193. package/dist/commonjs/components/toggle/toggle.d.ts.map +0 -1
  194. package/dist/commonjs/components/toggle/toggle.js +0 -32
  195. package/dist/commonjs/components/toggle/toggle.js.map +0 -1
  196. package/dist/commonjs/icons/unstable-expand.d.ts.map +0 -1
  197. package/dist/commonjs/icons/unstable-expand.js.map +0 -1
  198. package/dist/esm/components/toggle/toggle.d.ts +0 -14
  199. package/dist/esm/components/toggle/toggle.d.ts.map +0 -1
  200. package/dist/esm/components/toggle/toggle.js +0 -26
  201. package/dist/esm/components/toggle/toggle.js.map +0 -1
  202. package/dist/esm/icons/unstable-expand.d.ts.map +0 -1
  203. package/dist/esm/icons/unstable-expand.js +0 -19
  204. package/dist/esm/icons/unstable-expand.js.map +0 -1
@@ -1,32 +0,0 @@
1
- 'use client';
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.UNSTABLE_Toggle = void 0;
8
- const jsx_runtime_1 = require("react/jsx-runtime");
9
- const clsx_1 = __importDefault(require("clsx"));
10
- const react_aria_components_1 = require("react-aria-components");
11
- const forward_ref_js_1 = require("../../forward-ref.js");
12
- const index_js_1 = require("../../icons/index.js");
13
- const use_production_warning_js_1 = require("../../utils/use-production-warning.js");
14
- const with_style_props_js_1 = require("../../with-style-props.js");
15
- const text_js_1 = require("../typography/text.js");
16
- function UNSTABLE_Toggle({ children, UNSAFE_className, UNSAFE_style, ...props }, ref) {
17
- const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;
18
- (0, use_production_warning_js_1.useProductionWarning)(() => {
19
- if (!children && !ariaLabel && !ariaLabelledBy) {
20
- console.warn('Toggle requires one of children / aria-label / aria-labelledby for accessibility');
21
- }
22
- }, [children, ariaLabel, ariaLabelledBy]);
23
- 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 }))] }));
24
- }
25
- /**
26
- * Allows users to turn a setting on or off.
27
- *
28
- * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).
29
- */
30
- const _UNSTABLE_Toggle = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(UNSTABLE_Toggle), 'Toggle');
31
- exports.UNSTABLE_Toggle = _UNSTABLE_Toggle;
32
- //# sourceMappingURL=toggle.js.map
@@ -1 +0,0 @@
1
- {"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"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"unstable-expand.d.ts","sourceRoot":"","sources":["../../../src/icons/unstable-expand.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,iBAAiB;yFAOpB,SAAS;;CAiBX,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"unstable-expand.js","sourceRoot":"","sources":["../../../src/icons/unstable-expand.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,oBAAoB,CAAC;AACzC,2BAA2B;AAC3B,MAAM,iBAAiB,GAAG,CAAC,EACzB,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,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,mOAAmO,GACrO,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC5C,kBAAe,iBAAiB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconUnstableExpand';\n/** Renders an SVG icon. */\nconst SvgUnstableExpand = ({\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 24 24\" data-icon=\"true\" {...props}>\n <path\n fill=\"currentColor\"\n d=\"M19.5 20.25V3.75a.75.75 0 0 1 1.5 0v16.5a.75.75 0 0 1-1.5 0M11.47 6.22a.75.75 0 0 1 1.06 0l5.25 5.25a.75.75 0 0 1 0 1.06l-5.25 5.25a.75.75 0 1 1-1.06-1.06l3.97-3.97H5.25a.75.75 0 0 1 0-1.5h10.19l-3.97-3.97a.75.75 0 0 1 0-1.06\"\n />\n </svg>\n );\n};\nSvgUnstableExpand.displayName = displayName;\nexport default SvgUnstableExpand;\n"]}
@@ -1,14 +0,0 @@
1
- import { type SwitchProps as RACSwitchProps } from 'react-aria-components';
2
- import type { AriaLabelingProps, CommonProps, StringLikeChildren } from '../types.js';
3
- export interface UNSTABLE_ToggleProps extends CommonProps, AriaLabelingProps, Pick<RACSwitchProps, 'onChange' | 'isSelected' | 'isDisabled' | 'isReadOnly' | 'defaultSelected' | 'autoFocus' | 'form' | 'name' | 'value'> {
4
- /** The label rendered next to the toggle. */
5
- children?: StringLikeChildren;
6
- }
7
- /**
8
- * Allows users to turn a setting on or off.
9
- *
10
- * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).
11
- */
12
- declare const _UNSTABLE_Toggle: (props: UNSTABLE_ToggleProps & import("react").RefAttributes<HTMLLabelElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
13
- export { _UNSTABLE_Toggle as UNSTABLE_Toggle };
14
- //# sourceMappingURL=toggle.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,26 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import clsx from 'clsx';
4
- import { Switch as RACSwitch } from 'react-aria-components';
5
- import { forwardRef } from '../../forward-ref.js';
6
- import { IconCheckBold, IconCloseBold } from '../../icons/index.js';
7
- import { useProductionWarning } from '../../utils/use-production-warning.js';
8
- import { withStyleProps } from '../../with-style-props.js';
9
- import { Text } from '../typography/text.js';
10
- function UNSTABLE_Toggle({ children, UNSAFE_className, UNSAFE_style, ...props }, ref) {
11
- const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;
12
- useProductionWarning(() => {
13
- if (!children && !ariaLabel && !ariaLabelledBy) {
14
- console.warn('Toggle requires one of children / aria-label / aria-labelledby for accessibility');
15
- }
16
- }, [children, ariaLabel, ariaLabelledBy]);
17
- 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 }))] }));
18
- }
19
- /**
20
- * Allows users to turn a setting on or off.
21
- *
22
- * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).
23
- */
24
- const _UNSTABLE_Toggle = withStyleProps(forwardRef(UNSTABLE_Toggle), 'Toggle');
25
- export { _UNSTABLE_Toggle as UNSTABLE_Toggle };
26
- //# sourceMappingURL=toggle.js.map
@@ -1 +0,0 @@
1
- {"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"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"unstable-expand.d.ts","sourceRoot":"","sources":["../../../src/icons/unstable-expand.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,iBAAiB;yFAOpB,SAAS;;CAiBX,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import clsx from 'clsx';
3
- import { fgTone } from '../utils/style/tone.js';
4
- const displayName = 'IconUnstableExpand';
5
- /** Renders an SVG icon. */
6
- const SvgUnstableExpand = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
7
- const props = {
8
- ...rest,
9
- 'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
10
- className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
11
- style: UNSAFE_style,
12
- width: size != null ? size + 'px' : '1em',
13
- height: size != null ? size + 'px' : '1em',
14
- };
15
- return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 24 24", "data-icon": "true", ...props, children: _jsx("path", { fill: "currentColor", d: "M19.5 20.25V3.75a.75.75 0 0 1 1.5 0v16.5a.75.75 0 0 1-1.5 0M11.47 6.22a.75.75 0 0 1 1.06 0l5.25 5.25a.75.75 0 0 1 0 1.06l-5.25 5.25a.75.75 0 1 1-1.06-1.06l3.97-3.97H5.25a.75.75 0 0 1 0-1.5h10.19l-3.97-3.97a.75.75 0 0 1 0-1.06" }) }));
16
- };
17
- SvgUnstableExpand.displayName = displayName;
18
- export default SvgUnstableExpand;
19
- //# sourceMappingURL=unstable-expand.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"unstable-expand.js","sourceRoot":"","sources":["../../../src/icons/unstable-expand.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,oBAAoB,CAAC;AACzC,2BAA2B;AAC3B,MAAM,iBAAiB,GAAG,CAAC,EACzB,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,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,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,cAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,mOAAmO,GACrO,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC5C,eAAe,iBAAiB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconUnstableExpand';\n/** Renders an SVG icon. */\nconst SvgUnstableExpand = ({\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 24 24\" data-icon=\"true\" {...props}>\n <path\n fill=\"currentColor\"\n d=\"M19.5 20.25V3.75a.75.75 0 0 1 1.5 0v16.5a.75.75 0 0 1-1.5 0M11.47 6.22a.75.75 0 0 1 1.06 0l5.25 5.25a.75.75 0 0 1 0 1.06l-5.25 5.25a.75.75 0 1 1-1.06-1.06l3.97-3.97H5.25a.75.75 0 0 1 0-1.5h10.19l-3.97-3.97a.75.75 0 0 1 0-1.06\"\n />\n </svg>\n );\n};\nSvgUnstableExpand.displayName = displayName;\nexport default SvgUnstableExpand;\n"]}