@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.
- package/dist/commonjs/components/app-header/side-nav.js +1 -1
- package/dist/commonjs/components/app-header/side-nav.js.map +1 -1
- package/dist/commonjs/components/nav-list/nav-list.d.ts +34 -0
- package/dist/commonjs/components/nav-list/nav-list.d.ts.map +1 -0
- package/dist/commonjs/components/nav-list/nav-list.js +44 -0
- package/dist/commonjs/components/nav-list/nav-list.js.map +1 -0
- package/dist/commonjs/components/switch/switch.d.ts +26 -0
- package/dist/commonjs/components/switch/switch.d.ts.map +1 -0
- package/dist/commonjs/components/switch/switch.js +36 -0
- package/dist/commonjs/components/switch/switch.js.map +1 -0
- package/dist/commonjs/icons/{unstable-expand.d.ts → bookmark-fill.d.ts} +3 -3
- package/dist/commonjs/icons/bookmark-fill.d.ts.map +1 -0
- package/dist/commonjs/icons/{unstable-expand.js → bookmark-fill.js} +6 -6
- package/dist/commonjs/icons/bookmark-fill.js.map +1 -0
- package/dist/{esm/icons/unstable-expand.d.ts → commonjs/icons/bookmark.d.ts} +3 -3
- package/dist/commonjs/icons/bookmark.d.ts.map +1 -0
- package/dist/commonjs/icons/bookmark.js +24 -0
- package/dist/commonjs/icons/bookmark.js.map +1 -0
- package/dist/commonjs/icons/carousel.d.ts +8 -0
- package/dist/commonjs/icons/carousel.d.ts.map +1 -0
- package/dist/commonjs/icons/carousel.js +24 -0
- package/dist/commonjs/icons/carousel.js.map +1 -0
- package/dist/commonjs/icons/cloud-links.d.ts +8 -0
- package/dist/commonjs/icons/cloud-links.d.ts.map +1 -0
- package/dist/commonjs/icons/cloud-links.js +24 -0
- package/dist/commonjs/icons/cloud-links.js.map +1 -0
- package/dist/commonjs/icons/columns.d.ts +8 -0
- package/dist/commonjs/icons/columns.d.ts.map +1 -0
- package/dist/commonjs/icons/columns.js +24 -0
- package/dist/commonjs/icons/columns.js.map +1 -0
- package/dist/commonjs/icons/crop.d.ts +8 -0
- package/dist/commonjs/icons/crop.d.ts.map +1 -0
- package/dist/commonjs/icons/crop.js +24 -0
- package/dist/commonjs/icons/crop.js.map +1 -0
- package/dist/commonjs/icons/expand.d.ts +8 -0
- package/dist/commonjs/icons/expand.d.ts.map +1 -0
- package/dist/commonjs/icons/expand.js +24 -0
- package/dist/commonjs/icons/expand.js.map +1 -0
- package/dist/commonjs/icons/fill.d.ts +8 -0
- package/dist/commonjs/icons/fill.d.ts.map +1 -0
- package/dist/commonjs/icons/fill.js +24 -0
- package/dist/commonjs/icons/fill.js.map +1 -0
- package/dist/commonjs/icons/fit.d.ts +8 -0
- package/dist/commonjs/icons/fit.d.ts.map +1 -0
- package/dist/commonjs/icons/fit.js +24 -0
- package/dist/commonjs/icons/fit.js.map +1 -0
- package/dist/commonjs/icons/flow.d.ts +8 -0
- package/dist/commonjs/icons/flow.d.ts.map +1 -0
- package/dist/commonjs/icons/flow.js +24 -0
- package/dist/commonjs/icons/flow.js.map +1 -0
- package/dist/commonjs/icons/folder-database.d.ts +8 -0
- package/dist/commonjs/icons/folder-database.d.ts.map +1 -0
- package/dist/commonjs/icons/folder-database.js +24 -0
- package/dist/commonjs/icons/folder-database.js.map +1 -0
- package/dist/commonjs/icons/grid.d.ts +8 -0
- package/dist/commonjs/icons/grid.d.ts.map +1 -0
- package/dist/commonjs/icons/grid.js +24 -0
- package/dist/commonjs/icons/grid.js.map +1 -0
- package/dist/commonjs/icons/index.d.ts +19 -1
- package/dist/commonjs/icons/index.d.ts.map +1 -1
- package/dist/commonjs/icons/index.js +43 -7
- package/dist/commonjs/icons/index.js.map +1 -1
- package/dist/commonjs/icons/placement.d.ts +8 -0
- package/dist/commonjs/icons/placement.d.ts.map +1 -0
- package/dist/commonjs/icons/placement.js +24 -0
- package/dist/commonjs/icons/placement.js.map +1 -0
- package/dist/commonjs/icons/query.d.ts +8 -0
- package/dist/commonjs/icons/query.d.ts.map +1 -0
- package/dist/commonjs/icons/query.js +24 -0
- package/dist/commonjs/icons/query.js.map +1 -0
- package/dist/commonjs/icons/rows.d.ts +8 -0
- package/dist/commonjs/icons/rows.d.ts.map +1 -0
- package/dist/commonjs/icons/rows.js +24 -0
- package/dist/commonjs/icons/rows.js.map +1 -0
- package/dist/commonjs/icons/rules.d.ts +8 -0
- package/dist/commonjs/icons/rules.d.ts.map +1 -0
- package/dist/commonjs/icons/rules.js +24 -0
- package/dist/commonjs/icons/rules.js.map +1 -0
- package/dist/commonjs/icons/table.d.ts +8 -0
- package/dist/commonjs/icons/table.d.ts.map +1 -0
- package/dist/commonjs/icons/table.js +24 -0
- package/dist/commonjs/icons/table.js.map +1 -0
- package/dist/commonjs/icons/tags.d.ts +8 -0
- package/dist/commonjs/icons/tags.d.ts.map +1 -0
- package/dist/commonjs/icons/tags.js +24 -0
- package/dist/commonjs/icons/tags.js.map +1 -0
- package/dist/commonjs/icons/variants.d.ts +8 -0
- package/dist/commonjs/icons/variants.d.ts.map +1 -0
- package/dist/commonjs/icons/variants.js +24 -0
- package/dist/commonjs/icons/variants.js.map +1 -0
- package/dist/commonjs/index.d.ts +2 -1
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +2 -1
- package/dist/commonjs/index.js.map +1 -1
- package/dist/esm/components/app-header/side-nav.js +2 -2
- package/dist/esm/components/app-header/side-nav.js.map +1 -1
- package/dist/esm/components/nav-list/nav-list.d.ts +34 -0
- package/dist/esm/components/nav-list/nav-list.d.ts.map +1 -0
- package/dist/esm/components/nav-list/nav-list.js +36 -0
- package/dist/esm/components/nav-list/nav-list.js.map +1 -0
- package/dist/esm/components/switch/switch.d.ts +26 -0
- package/dist/esm/components/switch/switch.d.ts.map +1 -0
- package/dist/esm/components/switch/switch.js +30 -0
- package/dist/esm/components/switch/switch.js.map +1 -0
- package/dist/esm/icons/bookmark-fill.d.ts +8 -0
- package/dist/esm/icons/bookmark-fill.d.ts.map +1 -0
- package/dist/esm/icons/bookmark-fill.js +19 -0
- package/dist/esm/icons/bookmark-fill.js.map +1 -0
- package/dist/esm/icons/bookmark.d.ts +8 -0
- package/dist/esm/icons/bookmark.d.ts.map +1 -0
- package/dist/esm/icons/bookmark.js +19 -0
- package/dist/esm/icons/bookmark.js.map +1 -0
- package/dist/esm/icons/carousel.d.ts +8 -0
- package/dist/esm/icons/carousel.d.ts.map +1 -0
- package/dist/esm/icons/carousel.js +19 -0
- package/dist/esm/icons/carousel.js.map +1 -0
- package/dist/esm/icons/cloud-links.d.ts +8 -0
- package/dist/esm/icons/cloud-links.d.ts.map +1 -0
- package/dist/esm/icons/cloud-links.js +19 -0
- package/dist/esm/icons/cloud-links.js.map +1 -0
- package/dist/esm/icons/columns.d.ts +8 -0
- package/dist/esm/icons/columns.d.ts.map +1 -0
- package/dist/esm/icons/columns.js +19 -0
- package/dist/esm/icons/columns.js.map +1 -0
- package/dist/esm/icons/crop.d.ts +8 -0
- package/dist/esm/icons/crop.d.ts.map +1 -0
- package/dist/esm/icons/crop.js +19 -0
- package/dist/esm/icons/crop.js.map +1 -0
- package/dist/esm/icons/expand.d.ts +8 -0
- package/dist/esm/icons/expand.d.ts.map +1 -0
- package/dist/esm/icons/expand.js +19 -0
- package/dist/esm/icons/expand.js.map +1 -0
- package/dist/esm/icons/fill.d.ts +8 -0
- package/dist/esm/icons/fill.d.ts.map +1 -0
- package/dist/esm/icons/fill.js +19 -0
- package/dist/esm/icons/fill.js.map +1 -0
- package/dist/esm/icons/fit.d.ts +8 -0
- package/dist/esm/icons/fit.d.ts.map +1 -0
- package/dist/esm/icons/fit.js +19 -0
- package/dist/esm/icons/fit.js.map +1 -0
- package/dist/esm/icons/flow.d.ts +8 -0
- package/dist/esm/icons/flow.d.ts.map +1 -0
- package/dist/esm/icons/flow.js +19 -0
- package/dist/esm/icons/flow.js.map +1 -0
- package/dist/esm/icons/folder-database.d.ts +8 -0
- package/dist/esm/icons/folder-database.d.ts.map +1 -0
- package/dist/esm/icons/folder-database.js +19 -0
- package/dist/esm/icons/folder-database.js.map +1 -0
- package/dist/esm/icons/grid.d.ts +8 -0
- package/dist/esm/icons/grid.d.ts.map +1 -0
- package/dist/esm/icons/grid.js +19 -0
- package/dist/esm/icons/grid.js.map +1 -0
- package/dist/esm/icons/index.d.ts +19 -1
- package/dist/esm/icons/index.d.ts.map +1 -1
- package/dist/esm/icons/index.js +19 -1
- package/dist/esm/icons/index.js.map +1 -1
- package/dist/esm/icons/placement.d.ts +8 -0
- package/dist/esm/icons/placement.d.ts.map +1 -0
- package/dist/esm/icons/placement.js +19 -0
- package/dist/esm/icons/placement.js.map +1 -0
- package/dist/esm/icons/query.d.ts +8 -0
- package/dist/esm/icons/query.d.ts.map +1 -0
- package/dist/esm/icons/query.js +19 -0
- package/dist/esm/icons/query.js.map +1 -0
- package/dist/esm/icons/rows.d.ts +8 -0
- package/dist/esm/icons/rows.d.ts.map +1 -0
- package/dist/esm/icons/rows.js +19 -0
- package/dist/esm/icons/rows.js.map +1 -0
- package/dist/esm/icons/rules.d.ts +8 -0
- package/dist/esm/icons/rules.d.ts.map +1 -0
- package/dist/esm/icons/rules.js +19 -0
- package/dist/esm/icons/rules.js.map +1 -0
- package/dist/esm/icons/table.d.ts +8 -0
- package/dist/esm/icons/table.d.ts.map +1 -0
- package/dist/esm/icons/table.js +19 -0
- package/dist/esm/icons/table.js.map +1 -0
- package/dist/esm/icons/tags.d.ts +8 -0
- package/dist/esm/icons/tags.d.ts.map +1 -0
- package/dist/esm/icons/tags.js +19 -0
- package/dist/esm/icons/tags.js.map +1 -0
- package/dist/esm/icons/variants.d.ts +8 -0
- package/dist/esm/icons/variants.d.ts.map +1 -0
- package/dist/esm/icons/variants.js +19 -0
- package/dist/esm/icons/variants.js.map +1 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist-styles/core.css +1 -1
- package/dist-styles/styles.css +1 -1
- package/package.json +1 -1
- package/dist/commonjs/components/toggle/toggle.d.ts +0 -14
- package/dist/commonjs/components/toggle/toggle.d.ts.map +0 -1
- package/dist/commonjs/components/toggle/toggle.js +0 -32
- package/dist/commonjs/components/toggle/toggle.js.map +0 -1
- package/dist/commonjs/icons/unstable-expand.d.ts.map +0 -1
- package/dist/commonjs/icons/unstable-expand.js.map +0 -1
- package/dist/esm/components/toggle/toggle.d.ts +0 -14
- package/dist/esm/components/toggle/toggle.d.ts.map +0 -1
- package/dist/esm/components/toggle/toggle.js +0 -26
- package/dist/esm/components/toggle/toggle.js.map +0 -1
- package/dist/esm/icons/unstable-expand.d.ts.map +0 -1
- package/dist/esm/icons/unstable-expand.js +0 -19
- package/dist/esm/icons/unstable-expand.js.map +0 -1
|
@@ -20,7 +20,7 @@ const SideNavContext = (0, react_1.createContext)({ isOpen: false });
|
|
|
20
20
|
function UNSTABLE_SideNav({ children, isOpen, onOpenChange, variant = 'fixed' }) {
|
|
21
21
|
const isMobile = (0, use_is_mobile_js_1.useIsMobile)();
|
|
22
22
|
const drawer = (isMobile || variant === 'overlay') && ((0, jsx_runtime_1.jsx)(drawer_js_1.Drawer, { UNSTABLE_placement: "start", isOpen: isOpen, onOpenChange: onOpenChange, "aria-label": "Side navigation", children: (0, jsx_runtime_1.jsx)(drawer_js_1.DrawerBody, { children: children }) }));
|
|
23
|
-
return ((0, jsx_runtime_1.jsxs)(SideNavContext.Provider, { value: { isOpen: isOpen ?? false }, children: [drawer, variant === 'fixed' && ((0, jsx_runtime_1.jsx)(hidden_js_1.UNSTABLE_Hidden, { hide: { sm: true, md: false }, children: (0, jsx_runtime_1.jsxs)("div", { className: "cim-side-nav", "data-expanded": isOpen, children: [(0, jsx_runtime_1.jsx)("div", { className: "cim-side-nav-header", children: (0, jsx_runtime_1.jsx)(icon_button_js_1.IconButton, { variant: "tertiary", icon: (0, jsx_runtime_1.jsx)(index_js_1.
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)(SideNavContext.Provider, { value: { isOpen: isOpen ?? false }, children: [drawer, variant === 'fixed' && ((0, jsx_runtime_1.jsx)(hidden_js_1.UNSTABLE_Hidden, { hide: { sm: true, md: false }, children: (0, jsx_runtime_1.jsxs)("div", { className: "cim-side-nav", "data-expanded": isOpen, children: [(0, jsx_runtime_1.jsx)("div", { className: "cim-side-nav-header", children: (0, jsx_runtime_1.jsx)(icon_button_js_1.IconButton, { variant: "tertiary", icon: isOpen ? (0, jsx_runtime_1.jsx)(index_js_1.IconPushLeft, {}) : (0, jsx_runtime_1.jsx)(index_js_1.IconPushRight, {}), "aria-label": "Expand sidebar", onPress: () => onOpenChange?.(!isOpen) }) }), (0, jsx_runtime_1.jsx)("div", { className: "cim-side-nav-list-container", children: children })] }) }))] }));
|
|
24
24
|
}
|
|
25
25
|
function UNSTABLE_SideNavList({ children }) {
|
|
26
26
|
return (0, jsx_runtime_1.jsx)("div", { className: "cim-side-nav-list", children: children });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/app-header/side-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AA8Bb,4CA6BC;AAMD,oDAEC;AASD,4DAaC;AAOD,kEAeC;;AA7GD,iCAAkE;AAClE,iEAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/app-header/side-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AA8Bb,4CA6BC;AAMD,oDAEC;AASD,4DAaC;AAOD,kEAeC;;AA7GD,iCAAkE;AAClE,iEAAwD;AACxD,mDAAmE;AACnE,qGAA2F;AAC3F,mEAA2D;AAC3D,6DAAsD;AACtD,mDAAyD;AACzD,mDAAsD;AACtD,sDAAgD;AAEhD,mDAA6C;AAE7C,MAAM,cAAc,GAAG,IAAA,qBAAa,EAAsB,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AAgB7E,SAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAG,OAAO,EAAyB;IAC3G,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,CAAC,QAAQ,IAAI,OAAO,KAAK,SAAS,CAAC,IAAI,CACpD,uBAAC,kBAAM,IAAC,kBAAkB,EAAC,OAAO,EAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,gBAAa,iBAAiB,YACzG,uBAAC,sBAAU,cAAE,QAAQ,GAAc,GAC5B,CACV,CAAC;IAEF,OAAO,CACL,wBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,aACxD,MAAM,EACN,OAAO,KAAK,OAAO,IAAI,CACtB,uBAAC,2BAAe,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAC5C,iCAAK,SAAS,EAAC,cAAc,mBAAgB,MAAM,aACjD,gCAAK,SAAS,EAAC,qBAAqB,YAClC,uBAAC,2BAAU,IACT,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAC,uBAAY,KAAG,CAAC,CAAC,CAAC,uBAAC,wBAAa,KAAG,gBACxC,gBAAgB,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,GACtC,GACE,EACN,gCAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,IACzD,GACU,CACnB,IACuB,CAC3B,CAAC;AACJ,CAAC;AAMD,SAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAA6B;IAC1E,OAAO,gCAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,CAAC;AAC7D,CAAC;AASD,SAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAiC;IACxG,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACL,uBAAC,oBAAO,IAAC,KAAK,EAAE,IAAA,8DAA0B,EAAC,QAAQ,CAAC,EAAE,SAAS,EAAC,OAAO,EAAC,UAAU,EAAE,MAAM,YACxF,wBAAC,4BAAO,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,wBAAwB,iBAAc,QAAQ,mBAAiB,MAAM,aACjG,IAAI,EACL,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,8BAA8B,YAC7E,QAAQ,GACJ,IACC,GACF,CACX,CAAC;AACJ,CAAC;AAOD,SAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAoC;IAC/F,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACL,iCAAK,SAAS,EAAC,2BAA2B,mBAAgB,MAAM,aAC7D,KAAK,IAAI,CACR,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,uBAAC,cAAI,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAC,gBAAgB,EAAC,IAAI,EAAC,QAAQ,EAAC,gBAAgB,EAAC,wCAAwC,YAC1G,KAAK,GACD,GACH,CACP,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\nimport { Link as RACLink } from 'react-aria-components';\nimport { IconPushLeft, IconPushRight } from '../../icons/index.js';\nimport { stringLikeChildrenToString } from '../../utils/string-like-children-to-string.js';\nimport { useIsMobile } from '../../utils/use-is-mobile.js';\nimport { IconButton } from '../button/icon-button.js';\nimport { Drawer, DrawerBody } from '../drawer/drawer.js';\nimport { UNSTABLE_Hidden } from '../hidden/hidden.js';\nimport { Tooltip } from '../tooltip/tooltip.js';\nimport type { Href, StringLikeChildren } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nconst SideNavContext = createContext<{ isOpen: boolean }>({ isOpen: false });\n\nexport interface UNSTABLE_SideNavProps {\n children: ReactNode;\n isOpen?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n /**\n * Determines how the side nav is displayed and behaves.\n * - `overlay`: The side nav slides in as an overlay on top of the main content. This is used when all available screen space is needed for the main content.\n * - `fixed`: The side nav is fixed to the side and includes an expand button to toggle between a compact icon-only view and an expanded view showing labels. On smaller screens, it slides in as an overlay.\n *\n * @default 'fixed'\n */\n variant?: 'overlay' | 'fixed';\n}\n\nexport function UNSTABLE_SideNav({ children, isOpen, onOpenChange, variant = 'fixed' }: UNSTABLE_SideNavProps) {\n const isMobile = useIsMobile();\n\n const drawer = (isMobile || variant === 'overlay') && (\n <Drawer UNSTABLE_placement=\"start\" isOpen={isOpen} onOpenChange={onOpenChange} aria-label=\"Side navigation\">\n <DrawerBody>{children}</DrawerBody>\n </Drawer>\n );\n\n return (\n <SideNavContext.Provider value={{ isOpen: isOpen ?? false }}>\n {drawer}\n {variant === 'fixed' && (\n <UNSTABLE_Hidden hide={{ sm: true, md: false }}>\n <div className=\"cim-side-nav\" data-expanded={isOpen}>\n <div className=\"cim-side-nav-header\">\n <IconButton\n variant=\"tertiary\"\n icon={isOpen ? <IconPushLeft /> : <IconPushRight />}\n aria-label=\"Expand sidebar\"\n onPress={() => onOpenChange?.(!isOpen)}\n />\n </div>\n <div className=\"cim-side-nav-list-container\">{children}</div>\n </div>\n </UNSTABLE_Hidden>\n )}\n </SideNavContext.Provider>\n );\n}\n\nexport interface UNSTABLE_SideNavListProps {\n children: ReactNode;\n}\n\nexport function UNSTABLE_SideNavList({ children }: UNSTABLE_SideNavListProps) {\n return <div className=\"cim-side-nav-list\">{children}</div>;\n}\n\nexport interface UNSTABLE_SideNavListItemProps {\n children: StringLikeChildren;\n href: Href;\n isActive?: boolean;\n icon?: ReactNode;\n}\n\nexport function UNSTABLE_SideNavListItem({ children, href, isActive, icon }: UNSTABLE_SideNavListItemProps) {\n const { isOpen } = useContext(SideNavContext);\n\n return (\n <Tooltip label={stringLikeChildrenToString(children)} placement=\"right\" isDisabled={isOpen}>\n <RACLink href={href} className=\"cim-side-nav-list-item\" data-active={isActive} data-expanded={isOpen}>\n {icon}\n <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-side-nav-list-item-label\">\n {children}\n </Text>\n </RACLink>\n </Tooltip>\n );\n}\n\nexport interface UNSTABLE_SideNavListSectionProps {\n children: ReactNode;\n label?: string;\n}\n\nexport function UNSTABLE_SideNavListSection({ children, label }: UNSTABLE_SideNavListSectionProps) {\n const { isOpen } = useContext(SideNavContext);\n\n return (\n <div className=\"cim-side-nav-list-section\" data-expanded={isOpen}>\n {label && (\n <div className=\"cim-side-nav-list-section-header\">\n <Text as=\"p\" variant=\"small-semibold\" tone=\"subtle\" UNSAFE_className=\"cim-side-nav-list-section-header-label\">\n {label}\n </Text>\n </div>\n )}\n {children}\n </div>\n );\n}\n"]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import type { Href, NavigationProps, StringLikeChildren } from '../types.js';
|
|
3
|
+
export interface UNSTABLE_NavListProps {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Displays a vertical navigation list.
|
|
8
|
+
*/
|
|
9
|
+
export declare function UNSTABLE_NavList({ children }: UNSTABLE_NavListProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export interface UNSTABLE_NavListItemProps extends NavigationProps {
|
|
11
|
+
children: StringLikeChildren;
|
|
12
|
+
icon?: ReactNode;
|
|
13
|
+
href?: Href;
|
|
14
|
+
isCurrent?: boolean;
|
|
15
|
+
isDisabled?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Displays a single navigation item.
|
|
19
|
+
*/
|
|
20
|
+
export declare function UNSTABLE_NavListItem({ children, icon, href, isCurrent, isDisabled, routerOptions, ...props }: UNSTABLE_NavListItemProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export interface UNSTABLE_NavListGroupProps {
|
|
22
|
+
children: ReactNode;
|
|
23
|
+
label: StringLikeChildren;
|
|
24
|
+
icon?: ReactNode;
|
|
25
|
+
isExpanded?: boolean;
|
|
26
|
+
defaultExpanded?: boolean;
|
|
27
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
28
|
+
isDisabled?: boolean;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Displays an expandable navigation item group.
|
|
32
|
+
*/
|
|
33
|
+
export declare function UNSTABLE_NavListGroup({ children, label, icon, isExpanded, defaultExpanded, onExpandedChange, isDisabled, }: UNSTABLE_NavListGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
//# sourceMappingURL=nav-list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav-list.d.ts","sourceRoot":"","sources":["../../../../src/components/nav-list/nav-list.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG7E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAEnE;AAiBD,MAAM,WAAW,yBAA0B,SAAQ,eAAe;IAChE,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,UAAU,EACV,aAAa,EACb,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAmB3B;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,UAAU,EACV,eAAuB,EACvB,gBAAgB,EAChB,UAAU,GACX,EAAE,0BAA0B,2CA0B5B"}
|
|
@@ -0,0 +1,44 @@
|
|
|
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_NavList = UNSTABLE_NavList;
|
|
8
|
+
exports.UNSTABLE_NavListItem = UNSTABLE_NavListItem;
|
|
9
|
+
exports.UNSTABLE_NavListGroup = UNSTABLE_NavListGroup;
|
|
10
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
11
|
+
const utils_1 = require("@react-aria/utils");
|
|
12
|
+
const utils_2 = require("@react-stately/utils");
|
|
13
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
14
|
+
const react_1 = require("react");
|
|
15
|
+
const react_aria_components_1 = require("react-aria-components");
|
|
16
|
+
const index_js_1 = require("../../icons/index.js");
|
|
17
|
+
const text_js_1 = require("../typography/text.js");
|
|
18
|
+
/**
|
|
19
|
+
* Displays a vertical navigation list.
|
|
20
|
+
*/
|
|
21
|
+
function UNSTABLE_NavList({ children }) {
|
|
22
|
+
return (0, jsx_runtime_1.jsx)("ul", { className: "cim-nav-list", children: children });
|
|
23
|
+
}
|
|
24
|
+
const NavListRowContext = (0, react_1.createContext)(null);
|
|
25
|
+
function NavListRow({ children }) {
|
|
26
|
+
const navListRowContext = (0, react_1.useContext)(NavListRowContext);
|
|
27
|
+
const newDepth = navListRowContext == null ? 0 : navListRowContext.depth + 1;
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(NavListRowContext.Provider, { value: { depth: newDepth }, children: (0, jsx_runtime_1.jsx)("li", { className: "cim-nav-list-row", style: { '--cim-nav-list-depth': newDepth }, children: children }) }));
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Displays a single navigation item.
|
|
32
|
+
*/
|
|
33
|
+
function UNSTABLE_NavListItem({ children, icon, href, isCurrent, isDisabled, routerOptions, ...props }) {
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(NavListRow, { children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.Link, { ...props, className: "cim-nav-list-item", href: href, routerOptions: routerOptions, "aria-current": isCurrent ? 'page' : undefined, isDisabled: isDisabled, "data-active": isCurrent || undefined, children: [icon, (0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "medium", UNSAFE_className: "cim-nav-list-item-label", children: children })] }) }));
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Displays an expandable navigation item group.
|
|
38
|
+
*/
|
|
39
|
+
function UNSTABLE_NavListGroup({ children, label, icon, isExpanded, defaultExpanded = false, onExpandedChange, isDisabled, }) {
|
|
40
|
+
const groupId = (0, utils_1.useId)();
|
|
41
|
+
const [expanded, setExpanded] = (0, utils_2.useControlledState)(isExpanded, defaultExpanded, onExpandedChange);
|
|
42
|
+
return ((0, jsx_runtime_1.jsxs)(NavListRow, { children: [(0, jsx_runtime_1.jsxs)(react_aria_components_1.Button, { className: "cim-nav-list-item", onPress: () => setExpanded(!expanded), "aria-controls": groupId, "aria-expanded": expanded, isDisabled: isDisabled, children: [icon, (0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "medium", UNSAFE_className: "cim-nav-list-item-label", children: label }), (0, jsx_runtime_1.jsx)(index_js_1.IconChevronDown, { UNSAFE_className: (0, clsx_1.default)('cim-nav-list-group-icon', expanded && 'cim-nav-list-group-icon-expanded') })] }), (0, jsx_runtime_1.jsx)("ul", { id: groupId, className: "cim-nav-list-group-content", hidden: !expanded, children: children })] }));
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=nav-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav-list.js","sourceRoot":"","sources":["../../../../src/components/nav-list/nav-list.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AAkBb,4CAEC;AA4BD,oDA2BC;AAeD,sDAkCC;;AA1HD,6CAA0C;AAC1C,gDAA0D;AAC1D,gDAAwB;AACxB,iCAAkE;AAClE,iEAA6E;AAC7E,mDAAuD;AAEvD,mDAA6C;AAM7C;;GAEG;AACH,SAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAClE,OAAO,+BAAI,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAM,CAAC;AACtD,CAAC;AAED,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAA2B,IAAI,CAAC,CAAC;AAExE,SAAS,UAAU,CAAC,EAAE,QAAQ,EAA2B;IACvD,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,iBAAiB,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,GAAG,CAAC,CAAC;IAE7E,OAAO,CACL,uBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YACpD,+BAAI,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,sBAAsB,EAAE,QAAQ,EAAyB,YAChG,QAAQ,GACN,GACsB,CAC9B,CAAC;AACJ,CAAC;AAUD;;GAEG;AACH,SAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,UAAU,EACV,aAAa,EACb,GAAG,KAAK,EACkB;IAC1B,OAAO,CACL,uBAAC,UAAU,cACT,wBAAC,4BAAO,OACF,KAAK,EACT,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,kBACd,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,UAAU,EAAE,UAAU,iBACT,SAAS,IAAI,SAAS,aAElC,IAAI,EACL,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,yBAAyB,YACxE,QAAQ,GACJ,IACC,GACC,CACd,CAAC;AACJ,CAAC;AAYD;;GAEG;AACH,SAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,gBAAgB,EAChB,UAAU,GACiB;IAC3B,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,0BAAkB,EAAC,UAAU,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC;IAElG,OAAO,CACL,wBAAC,UAAU,eACT,wBAAC,8BAAS,IACR,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,mBACtB,OAAO,mBACP,QAAQ,EACvB,UAAU,EAAE,UAAU,aAErB,IAAI,EACL,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,yBAAyB,YACxE,KAAK,GACD,EACP,uBAAC,0BAAe,IACd,gBAAgB,EAAE,IAAA,cAAI,EAAC,yBAAyB,EAAE,QAAQ,IAAI,kCAAkC,CAAC,GACjG,IACQ,EACZ,+BAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,4BAA4B,EAAC,MAAM,EAAE,CAAC,QAAQ,YACtE,QAAQ,GACN,IACM,CACd,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { useId } from '@react-aria/utils';\nimport { useControlledState } from '@react-stately/utils';\nimport clsx from 'clsx';\nimport { createContext, useContext, type ReactNode } from 'react';\nimport { Button as RACButton, Link as RACLink } from 'react-aria-components';\nimport { IconChevronDown } from '../../icons/index.js';\nimport type { Href, NavigationProps, StringLikeChildren } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface UNSTABLE_NavListProps {\n children: ReactNode;\n}\n\n/**\n * Displays a vertical navigation list.\n */\nexport function UNSTABLE_NavList({ children }: UNSTABLE_NavListProps) {\n return <ul className=\"cim-nav-list\">{children}</ul>;\n}\n\nconst NavListRowContext = createContext<{ depth: number } | null>(null);\n\nfunction NavListRow({ children }: { children: ReactNode }) {\n const navListRowContext = useContext(NavListRowContext);\n const newDepth = navListRowContext == null ? 0 : navListRowContext.depth + 1;\n\n return (\n <NavListRowContext.Provider value={{ depth: newDepth }}>\n <li className=\"cim-nav-list-row\" style={{ '--cim-nav-list-depth': newDepth } as React.CSSProperties}>\n {children}\n </li>\n </NavListRowContext.Provider>\n );\n}\n\nexport interface UNSTABLE_NavListItemProps extends NavigationProps {\n children: StringLikeChildren;\n icon?: ReactNode;\n href?: Href;\n isCurrent?: boolean;\n isDisabled?: boolean;\n}\n\n/**\n * Displays a single navigation item.\n */\nexport function UNSTABLE_NavListItem({\n children,\n icon,\n href,\n isCurrent,\n isDisabled,\n routerOptions,\n ...props\n}: UNSTABLE_NavListItemProps) {\n return (\n <NavListRow>\n <RACLink\n {...props}\n className=\"cim-nav-list-item\"\n href={href}\n routerOptions={routerOptions}\n aria-current={isCurrent ? 'page' : undefined}\n isDisabled={isDisabled}\n data-active={isCurrent || undefined}\n >\n {icon}\n <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-nav-list-item-label\">\n {children}\n </Text>\n </RACLink>\n </NavListRow>\n );\n}\n\nexport interface UNSTABLE_NavListGroupProps {\n children: ReactNode;\n label: StringLikeChildren;\n icon?: ReactNode;\n isExpanded?: boolean;\n defaultExpanded?: boolean;\n onExpandedChange?: (isExpanded: boolean) => void;\n isDisabled?: boolean;\n}\n\n/**\n * Displays an expandable navigation item group.\n */\nexport function UNSTABLE_NavListGroup({\n children,\n label,\n icon,\n isExpanded,\n defaultExpanded = false,\n onExpandedChange,\n isDisabled,\n}: UNSTABLE_NavListGroupProps) {\n const groupId = useId();\n const [expanded, setExpanded] = useControlledState(isExpanded, defaultExpanded, onExpandedChange);\n\n return (\n <NavListRow>\n <RACButton\n className=\"cim-nav-list-item\"\n onPress={() => setExpanded(!expanded)}\n aria-controls={groupId}\n aria-expanded={expanded}\n isDisabled={isDisabled}\n >\n {icon}\n <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-nav-list-item-label\">\n {label}\n </Text>\n <IconChevronDown\n UNSAFE_className={clsx('cim-nav-list-group-icon', expanded && 'cim-nav-list-group-icon-expanded')}\n />\n </RACButton>\n <ul id={groupId} className=\"cim-nav-list-group-content\" hidden={!expanded}>\n {children}\n </ul>\n </NavListRow>\n );\n}\n"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type SwitchProps as RACSwitchProps } from 'react-aria-components';
|
|
2
|
+
import type { AriaLabelingProps, CommonProps, StringLikeChildren } from '../types.js';
|
|
3
|
+
export interface SwitchProps extends CommonProps, AriaLabelingProps, Pick<RACSwitchProps, 'onChange' | 'isSelected' | 'isDisabled' | 'isReadOnly' | 'defaultSelected' | 'autoFocus' | 'form' | 'name' | 'value'> {
|
|
4
|
+
/** The label rendered next to the switch. */
|
|
5
|
+
children?: StringLikeChildren;
|
|
6
|
+
/** A description for the switch. Provides a hint such as specific requirements for which setting to choose. */
|
|
7
|
+
description?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Controls where the label is rendered relative to the switch.
|
|
10
|
+
* @default 'end'
|
|
11
|
+
*/
|
|
12
|
+
labelPosition?: 'top' | 'start' | 'end';
|
|
13
|
+
/**
|
|
14
|
+
* Whether the switch should take up the whole available width. Enabling this option will add space between the switch and its label.
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
fullWidth?: boolean;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Allows users to turn a setting on or off.
|
|
21
|
+
*
|
|
22
|
+
* See [switch usage guidelines](https://ui.cimpress.io/components/switch/).
|
|
23
|
+
*/
|
|
24
|
+
declare const _Switch: (props: SwitchProps & import("react").RefAttributes<HTMLLabelElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
|
|
25
|
+
export { _Switch as Switch };
|
|
26
|
+
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,WAAW,IAAI,cAAc,EAEnC,MAAM,uBAAuB,CAAC;AAM/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtF,MAAM,WAAW,WACf,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;IAC9B,+GAA+G;IAC/G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoED;;;;GAIG;AACH,QAAA,MAAM,OAAO,+JAA+C,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
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.Switch = void 0;
|
|
8
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
+
const utils_1 = require("@react-aria/utils");
|
|
10
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
11
|
+
const react_aria_components_1 = require("react-aria-components");
|
|
12
|
+
const forward_ref_js_1 = require("../../forward-ref.js");
|
|
13
|
+
const index_js_1 = require("../../icons/index.js");
|
|
14
|
+
const use_production_warning_js_1 = require("../../utils/use-production-warning.js");
|
|
15
|
+
const with_style_props_js_1 = require("../../with-style-props.js");
|
|
16
|
+
const form_field_js_1 = require("../internal/form-field/form-field.js");
|
|
17
|
+
const text_js_1 = require("../typography/text.js");
|
|
18
|
+
function Switch({ children, description, labelPosition = 'end', fullWidth = false, 'aria-describedby': ariaDescribedBy, UNSAFE_className, UNSAFE_style, ...props }, ref) {
|
|
19
|
+
const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;
|
|
20
|
+
(0, use_production_warning_js_1.useProductionWarning)(() => {
|
|
21
|
+
if (!children && !ariaLabel && !ariaLabelledBy) {
|
|
22
|
+
console.warn('Switch requires one of children / aria-label / aria-labelledby for accessibility');
|
|
23
|
+
}
|
|
24
|
+
}, [children, ariaLabel, ariaLabelledBy]);
|
|
25
|
+
const descriptionId = (0, utils_1.useSlotId)([Boolean(description)]);
|
|
26
|
+
const label = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "medium", children: children })) }));
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(react_aria_components_1.Provider, { values: [[react_aria_components_1.TextContext, { slots: { description: { id: descriptionId } } }]], children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('cim-switch', UNSAFE_className), style: UNSAFE_style, "data-label-position": labelPosition, "data-full-width": fullWidth || undefined, children: [(0, jsx_runtime_1.jsxs)(react_aria_components_1.Switch, { ...props, className: "cim-switch-control-wrapper", ref: ref, "aria-describedby": descriptionId || ariaDescribedBy ? [descriptionId, ariaDescribedBy].join(' ') : undefined, children: [labelPosition !== 'end' && label, (0, jsx_runtime_1.jsx)("div", { className: "cim-switch-track-wrapper", "aria-hidden": true, children: (0, jsx_runtime_1.jsxs)("div", { className: "cim-switch-track", children: [(0, jsx_runtime_1.jsx)(index_js_1.IconCheckBold, { UNSAFE_className: "cim-switch-icon-on" }), (0, jsx_runtime_1.jsx)(index_js_1.IconCloseBold, { UNSAFE_className: "cim-switch-icon-off" }), (0, jsx_runtime_1.jsx)("div", { className: "cim-switch-track-head" })] }) }), labelPosition === 'end' && label] }), (0, jsx_runtime_1.jsx)(form_field_js_1.FormFieldDescription, { children: description })] }) }));
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Allows users to turn a setting on or off.
|
|
31
|
+
*
|
|
32
|
+
* See [switch usage guidelines](https://ui.cimpress.io/components/switch/).
|
|
33
|
+
*/
|
|
34
|
+
const _Switch = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(Switch), 'Switch');
|
|
35
|
+
exports.Switch = _Switch;
|
|
36
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,6CAA8C;AAC9C,gDAAwB;AAExB,iEAK+B;AAC/B,yDAAkD;AAClD,mDAAoE;AACpE,qFAA6E;AAC7E,mEAA2D;AAC3D,wEAA4E;AAE5E,mDAA6C;AAkC7C,SAAS,MAAM,CACb,EACE,QAAQ,EACR,WAAW,EACX,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,KAAK,EACjB,kBAAkB,EAAE,eAAe,EACnC,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACI,EACd,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,MAAM,aAAa,GAAG,IAAA,iBAAS,EAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAExD,MAAM,KAAK,GAAG,CACZ,2DACG,QAAQ,IAAI,CACX,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,YAC7B,QAAQ,GACJ,CACR,GACA,CACJ,CAAC;IAEF,OAAO,CACL,uBAAC,gCAAW,IAAC,MAAM,EAAE,CAAC,CAAC,mCAAc,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC,YACxF,iCACE,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,gBAAgB,CAAC,EAC/C,KAAK,EAAE,YAAY,yBACE,aAAa,qBACjB,SAAS,IAAI,SAAS,aAEvC,wBAAC,8BAAS,OACJ,KAAK,EACT,SAAS,EAAC,4BAA4B,EACtC,GAAG,EAAE,GAAG,sBACU,aAAa,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,aAE1G,aAAa,KAAK,KAAK,IAAI,KAAK,EAEjC,gCAAK,SAAS,EAAC,0BAA0B,iCACvC,iCAAK,SAAS,EAAC,kBAAkB,aAC/B,uBAAC,wBAAa,IAAC,gBAAgB,EAAC,oBAAoB,GAAG,EACvD,uBAAC,wBAAa,IAAC,gBAAgB,EAAC,qBAAqB,GAAG,EACxD,gCAAK,SAAS,EAAC,uBAAuB,GAAG,IACrC,GACF,EAEL,aAAa,KAAK,KAAK,IAAI,KAAK,IACvB,EAEZ,uBAAC,oCAAoB,cAAE,WAAW,GAAwB,IACtD,GACM,CACf,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,OAAO,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AAEzC,yBAAM","sourcesContent":["'use client';\n\nimport { useSlotId } from '@react-aria/utils';\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport {\n Provider as RACProvider,\n Switch as RACSwitch,\n type SwitchProps as RACSwitchProps,\n TextContext as RACTextContext,\n} 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 { FormFieldDescription } from '../internal/form-field/form-field.js';\nimport type { AriaLabelingProps, CommonProps, StringLikeChildren } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface SwitchProps\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 switch. */\n children?: StringLikeChildren;\n /** A description for the switch. Provides a hint such as specific requirements for which setting to choose. */\n description?: string;\n /**\n * Controls where the label is rendered relative to the switch.\n * @default 'end'\n */\n labelPosition?: 'top' | 'start' | 'end';\n /**\n * Whether the switch should take up the whole available width. Enabling this option will add space between the switch and its label.\n * @default false\n */\n fullWidth?: boolean;\n}\n\nfunction Switch(\n {\n children,\n description,\n labelPosition = 'end',\n fullWidth = false,\n 'aria-describedby': ariaDescribedBy,\n UNSAFE_className,\n UNSAFE_style,\n ...props\n }: SwitchProps,\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('Switch requires one of children / aria-label / aria-labelledby for accessibility');\n }\n }, [children, ariaLabel, ariaLabelledBy]);\n\n const descriptionId = useSlotId([Boolean(description)]);\n\n const label = (\n <>\n {children && (\n <Text as=\"span\" variant=\"medium\">\n {children}\n </Text>\n )}\n </>\n );\n\n return (\n <RACProvider values={[[RACTextContext, { slots: { description: { id: descriptionId } } }]]}>\n <div\n className={clsx('cim-switch', UNSAFE_className)}\n style={UNSAFE_style}\n data-label-position={labelPosition}\n data-full-width={fullWidth || undefined}\n >\n <RACSwitch\n {...props}\n className=\"cim-switch-control-wrapper\"\n ref={ref}\n aria-describedby={descriptionId || ariaDescribedBy ? [descriptionId, ariaDescribedBy].join(' ') : undefined}\n >\n {labelPosition !== 'end' && label}\n\n <div className=\"cim-switch-track-wrapper\" aria-hidden>\n <div className=\"cim-switch-track\">\n <IconCheckBold UNSAFE_className=\"cim-switch-icon-on\" />\n <IconCloseBold UNSAFE_className=\"cim-switch-icon-off\" />\n <div className=\"cim-switch-track-head\" />\n </div>\n </div>\n\n {labelPosition === 'end' && label}\n </RACSwitch>\n\n <FormFieldDescription>{description}</FormFieldDescription>\n </div>\n </RACProvider>\n );\n}\n\n/**\n * Allows users to turn a setting on or off.\n *\n * See [switch usage guidelines](https://ui.cimpress.io/components/switch/).\n */\nconst _Switch = withStyleProps(forwardRef(Switch), 'Switch');\n\nexport { _Switch as Switch };\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { IconProps } from '../components/types.js';
|
|
2
2
|
/** Renders an SVG icon. */
|
|
3
|
-
declare const
|
|
3
|
+
declare const SvgBookmarkFill: {
|
|
4
4
|
({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
|
-
export default
|
|
8
|
-
//# sourceMappingURL=
|
|
7
|
+
export default SvgBookmarkFill;
|
|
8
|
+
//# sourceMappingURL=bookmark-fill.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bookmark-fill.d.ts","sourceRoot":"","sources":["../../../src/icons/bookmark-fill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,eAAe;yFAOlB,SAAS;;CAiBX,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
const clsx_1 = __importDefault(require("clsx"));
|
|
8
8
|
const tone_js_1 = require("../utils/style/tone.js");
|
|
9
|
-
const displayName = '
|
|
9
|
+
const displayName = 'IconBookmarkFill';
|
|
10
10
|
/** Renders an SVG icon. */
|
|
11
|
-
const
|
|
11
|
+
const SvgBookmarkFill = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
|
|
12
12
|
const props = {
|
|
13
13
|
...rest,
|
|
14
14
|
'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
|
|
@@ -17,8 +17,8 @@ const SvgUnstableExpand = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_class
|
|
|
17
17
|
width: size != null ? size + 'px' : '1em',
|
|
18
18
|
height: size != null ? size + 'px' : '1em',
|
|
19
19
|
};
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg",
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M24 9a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v17.028c0 1.182 1.294 1.885 2.277 1.284L16 23.227l5.723 4.083c.983.602 2.277-.1 2.277-1.283z" }) }));
|
|
21
21
|
};
|
|
22
|
-
|
|
23
|
-
exports.default =
|
|
24
|
-
//# sourceMappingURL=
|
|
22
|
+
SvgBookmarkFill.displayName = displayName;
|
|
23
|
+
exports.default = SvgBookmarkFill;
|
|
24
|
+
//# sourceMappingURL=bookmark-fill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bookmark-fill.js","sourceRoot":"","sources":["../../../src/icons/bookmark-fill.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,kBAAkB,CAAC;AACvC,2BAA2B;AAC3B,MAAM,eAAe,GAAG,CAAC,EACvB,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,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,kIAAkI,GACpI,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,WAAW,CAAC;AAC1C,kBAAe,eAAe,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconBookmarkFill';\n/** Renders an SVG icon. */\nconst SvgBookmarkFill = ({\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 fill=\"currentColor\"\n d=\"M24 9a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v17.028c0 1.182 1.294 1.885 2.277 1.284L16 23.227l5.723 4.083c.983.602 2.277-.1 2.277-1.283z\"\n />\n </svg>\n );\n};\nSvgBookmarkFill.displayName = displayName;\nexport default SvgBookmarkFill;\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { IconProps } from '../components/types.js';
|
|
2
2
|
/** Renders an SVG icon. */
|
|
3
|
-
declare const
|
|
3
|
+
declare const SvgBookmark: {
|
|
4
4
|
({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
|
-
export default
|
|
8
|
-
//# sourceMappingURL=
|
|
7
|
+
export default SvgBookmark;
|
|
8
|
+
//# sourceMappingURL=bookmark.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bookmark.d.ts","sourceRoot":"","sources":["../../../src/icons/bookmark.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,WAAW;yFAAwF,SAAS;;CAiBjH,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
8
|
+
const tone_js_1 = require("../utils/style/tone.js");
|
|
9
|
+
const displayName = 'IconBookmark';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgBookmark = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
|
|
12
|
+
const props = {
|
|
13
|
+
...rest,
|
|
14
|
+
'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
|
|
15
|
+
className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
|
|
16
|
+
style: UNSAFE_style,
|
|
17
|
+
width: size != null ? size + 'px' : '1em',
|
|
18
|
+
height: size != null ? size + 'px' : '1em',
|
|
19
|
+
};
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m22 25.057-4.838-3.455a2 2 0 0 0-2.324 0L10 25.057V9a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zM24 9a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v17.028c0 1.182 1.294 1.885 2.277 1.284l.095-.063L16 23.229l5.628 4.02.095.063c.983.601 2.277-.102 2.277-1.284z" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgBookmark.displayName = displayName;
|
|
23
|
+
exports.default = SvgBookmark;
|
|
24
|
+
//# sourceMappingURL=bookmark.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bookmark.js","sourceRoot":"","sources":["../../../src/icons/bookmark.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,cAAc,CAAC;AACnC,2BAA2B;AAC3B,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IACpH,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,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yOAAyO,GAC3O,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,WAAW,CAAC;AACtC,kBAAe,WAAW,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconBookmark';\n/** Renders an SVG icon. */\nconst SvgBookmark = ({ 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 <path\n fill=\"currentColor\"\n d=\"m22 25.057-4.838-3.455a2 2 0 0 0-2.324 0L10 25.057V9a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zM24 9a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v17.028c0 1.182 1.294 1.885 2.277 1.284l.095-.063L16 23.229l5.628 4.02.095.063c.983.601 2.277-.102 2.277-1.284z\"\n />\n </svg>\n );\n};\nSvgBookmark.displayName = displayName;\nexport default SvgBookmark;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgCarousel: {
|
|
4
|
+
({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default SvgCarousel;
|
|
8
|
+
//# sourceMappingURL=carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/icons/carousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,WAAW;yFAAwF,SAAS;;CAiBjH,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
8
|
+
const tone_js_1 = require("../utils/style/tone.js");
|
|
9
|
+
const displayName = 'IconCarousel';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgCarousel = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
|
|
12
|
+
const props = {
|
|
13
|
+
...rest,
|
|
14
|
+
'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
|
|
15
|
+
className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
|
|
16
|
+
style: UNSAFE_style,
|
|
17
|
+
width: size != null ? size + 'px' : '1em',
|
|
18
|
+
height: size != null ? size + 'px' : '1em',
|
|
19
|
+
};
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M21 24a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zM5 11v10a1 1 0 0 1-1 1H3a1 1 0 1 0 0 2h1a3 3 0 0 0 3-3V11a3 3 0 0 0-3-3H3a1 1 0 0 0 0 2h1a1 1 0 0 1 1 1m20 0v10a3 3 0 0 0 3 3h1a1 1 0 1 0 0-2h-1a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1a1 1 0 1 0 0-2h-1a3 3 0 0 0-3 3m-2-3a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3z" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgCarousel.displayName = displayName;
|
|
23
|
+
exports.default = SvgCarousel;
|
|
24
|
+
//# sourceMappingURL=carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/icons/carousel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,cAAc,CAAC;AACnC,2BAA2B;AAC3B,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IACpH,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,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,8VAA8V,GAChW,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,WAAW,CAAC;AACtC,kBAAe,WAAW,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCarousel';\n/** Renders an SVG icon. */\nconst SvgCarousel = ({ 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 <path\n fill=\"currentColor\"\n d=\"M21 24a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zM5 11v10a1 1 0 0 1-1 1H3a1 1 0 1 0 0 2h1a3 3 0 0 0 3-3V11a3 3 0 0 0-3-3H3a1 1 0 0 0 0 2h1a1 1 0 0 1 1 1m20 0v10a3 3 0 0 0 3 3h1a1 1 0 1 0 0-2h-1a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1a1 1 0 1 0 0-2h-1a3 3 0 0 0-3 3m-2-3a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3z\"\n />\n </svg>\n );\n};\nSvgCarousel.displayName = displayName;\nexport default SvgCarousel;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgCloudLinks: {
|
|
4
|
+
({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default SvgCloudLinks;
|
|
8
|
+
//# sourceMappingURL=cloud-links.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cloud-links.d.ts","sourceRoot":"","sources":["../../../src/icons/cloud-links.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,aAAa;yFAOhB,SAAS;;CAqBX,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
8
|
+
const tone_js_1 = require("../utils/style/tone.js");
|
|
9
|
+
const displayName = 'IconCloudLinks';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgCloudLinks = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
|
|
12
|
+
const props = {
|
|
13
|
+
...rest,
|
|
14
|
+
'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
|
|
15
|
+
className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
|
|
16
|
+
style: UNSAFE_style,
|
|
17
|
+
width: size != null ? size + 'px' : '1em',
|
|
18
|
+
height: size != null ? size + 'px' : '1em',
|
|
19
|
+
};
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M10 17v6H8.826A2.998 2.998 0 0 0 3 24a3 3 0 0 0 5.826 1H10a2 2 0 0 0 2-2v-6a1 1 0 1 0-2 0m-5 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0m12 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0m2 0a3 3 0 0 0-2-2.825V17a1 1 0 1 0-2 0v6.175A2.998 2.998 0 0 0 16 29a3 3 0 0 0 3-3m8-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m2 0a3 3 0 0 0-5.826-1H22v-3.5a1 1 0 1 0-2 0V21a2 2 0 0 0 2 2h1.174A2.998 2.998 0 0 0 29 22" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M25 13.556C25 14.818 23.842 16 22.224 16H9.776C8.158 16 7 14.818 7 13.556c0-.813.49-1.631 1.377-2.094a1 1 0 0 0 .531-.998l-.023-.175-.015-.104-.003-.037C8.867 7.946 10.863 6 13.511 6c.843 0 1.665.21 2.376.599a4.5 4.5 0 0 1 1.636 1.51l.053.076a1 1 0 0 0 1.197.298q.484-.214.961-.212c1.271 0 2.147.921 2.153 1.868a1 1 0 0 0 .84 1.022c1.392.226 2.273 1.28 2.273 2.395m2 0c0-1.97-1.35-3.586-3.195-4.185-.392-1.82-2.133-3.1-4.07-3.1a4.2 4.2 0 0 0-.998.122 6.6 6.6 0 0 0-1.89-1.55A6.96 6.96 0 0 0 13.51 4c-3.542 0-6.584 2.622-6.642 6.049C5.726 10.868 5 12.146 5 13.556 5 16.092 7.23 18 9.776 18h12.448C24.77 18 27 16.092 27 13.556" })] }));
|
|
21
|
+
};
|
|
22
|
+
SvgCloudLinks.displayName = displayName;
|
|
23
|
+
exports.default = SvgCloudLinks;
|
|
24
|
+
//# sourceMappingURL=cloud-links.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cloud-links.js","sourceRoot":"","sources":["../../../src/icons/cloud-links.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,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2WAA2W,GAC7W,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,knBAAknB,GACpnB,IACE,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 = 'IconCloudLinks';\n/** Renders an SVG icon. */\nconst SvgCloudLinks = ({\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 fill=\"currentColor\"\n d=\"M10 17v6H8.826A2.998 2.998 0 0 0 3 24a3 3 0 0 0 5.826 1H10a2 2 0 0 0 2-2v-6a1 1 0 1 0-2 0m-5 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0m12 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0m2 0a3 3 0 0 0-2-2.825V17a1 1 0 1 0-2 0v6.175A2.998 2.998 0 0 0 16 29a3 3 0 0 0 3-3m8-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m2 0a3 3 0 0 0-5.826-1H22v-3.5a1 1 0 1 0-2 0V21a2 2 0 0 0 2 2h1.174A2.998 2.998 0 0 0 29 22\"\n />\n <path\n fill=\"currentColor\"\n d=\"M25 13.556C25 14.818 23.842 16 22.224 16H9.776C8.158 16 7 14.818 7 13.556c0-.813.49-1.631 1.377-2.094a1 1 0 0 0 .531-.998l-.023-.175-.015-.104-.003-.037C8.867 7.946 10.863 6 13.511 6c.843 0 1.665.21 2.376.599a4.5 4.5 0 0 1 1.636 1.51l.053.076a1 1 0 0 0 1.197.298q.484-.214.961-.212c1.271 0 2.147.921 2.153 1.868a1 1 0 0 0 .84 1.022c1.392.226 2.273 1.28 2.273 2.395m2 0c0-1.97-1.35-3.586-3.195-4.185-.392-1.82-2.133-3.1-4.07-3.1a4.2 4.2 0 0 0-.998.122 6.6 6.6 0 0 0-1.89-1.55A6.96 6.96 0 0 0 13.51 4c-3.542 0-6.584 2.622-6.642 6.049C5.726 10.868 5 12.146 5 13.556 5 16.092 7.23 18 9.776 18h12.448C24.77 18 27 16.092 27 13.556\"\n />\n </svg>\n );\n};\nSvgCloudLinks.displayName = displayName;\nexport default SvgCloudLinks;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgColumns: {
|
|
4
|
+
({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default SvgColumns;
|
|
8
|
+
//# sourceMappingURL=columns.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../src/icons/columns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,UAAU;yFAAwF,SAAS;;CAiBhH,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
8
|
+
const tone_js_1 = require("../utils/style/tone.js");
|
|
9
|
+
const displayName = 'IconColumns';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgColumns = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
|
|
12
|
+
const props = {
|
|
13
|
+
...rest,
|
|
14
|
+
'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
|
|
15
|
+
className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
|
|
16
|
+
style: UNSAFE_style,
|
|
17
|
+
width: size != null ? size + 'px' : '1em',
|
|
18
|
+
height: size != null ? size + 'px' : '1em',
|
|
19
|
+
};
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M26 25a1 1 0 0 1-1 1h-4V6h4a1 1 0 0 1 1 1zM13 6h6v20h-6zM6 7a1 1 0 0 1 1-1h4v20H7a1 1 0 0 1-1-1zm22 0a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3z" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgColumns.displayName = displayName;
|
|
23
|
+
exports.default = SvgColumns;
|
|
24
|
+
//# sourceMappingURL=columns.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/icons/columns.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,2BAA2B;AAC3B,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,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,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,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,wKAAwK,GAC1K,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;AACrC,kBAAe,UAAU,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconColumns';\n/** Renders an SVG icon. */\nconst SvgColumns = ({ 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 <path\n fill=\"currentColor\"\n d=\"M26 25a1 1 0 0 1-1 1h-4V6h4a1 1 0 0 1 1 1zM13 6h6v20h-6zM6 7a1 1 0 0 1 1-1h4v20H7a1 1 0 0 1-1-1zm22 0a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3z\"\n />\n </svg>\n );\n};\nSvgColumns.displayName = displayName;\nexport default SvgColumns;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgCrop: {
|
|
4
|
+
({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default SvgCrop;
|
|
8
|
+
//# sourceMappingURL=crop.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crop.d.ts","sourceRoot":"","sources":["../../../src/icons/crop.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,OAAO;yFAAwF,SAAS;;CAmB7G,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
8
|
+
const tone_js_1 = require("../utils/style/tone.js");
|
|
9
|
+
const displayName = 'IconCrop';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgCrop = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
|
|
12
|
+
const props = {
|
|
13
|
+
...rest,
|
|
14
|
+
'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
|
|
15
|
+
className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
|
|
16
|
+
style: UNSAFE_style,
|
|
17
|
+
width: size != null ? size + 'px' : '1em',
|
|
18
|
+
height: size != null ? size + 'px' : '1em',
|
|
19
|
+
};
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 2a1 1 0 0 1 1 1v20h20a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H9a2 2 0 0 1-2-2V9H3a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1m4 6a1 1 0 0 1 1-1h10a2 2 0 0 1 2 2v10a1 1 0 1 1-2 0V9H13a1 1 0 0 1-1-1", clipRule: "evenodd" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgCrop.displayName = displayName;
|
|
23
|
+
exports.default = SvgCrop;
|
|
24
|
+
//# sourceMappingURL=crop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crop.js","sourceRoot":"","sources":["../../../src/icons/crop.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,UAAU,CAAC;AAC/B,2BAA2B;AAC3B,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,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,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,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yLAAyL,EAC3L,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;AAClC,kBAAe,OAAO,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCrop';\n/** Renders an SVG icon. */\nconst SvgCrop = ({ 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 <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M8 2a1 1 0 0 1 1 1v20h20a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H9a2 2 0 0 1-2-2V9H3a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1m4 6a1 1 0 0 1 1-1h10a2 2 0 0 1 2 2v10a1 1 0 1 1-2 0V9H13a1 1 0 0 1-1-1\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n};\nSvgCrop.displayName = displayName;\nexport default SvgCrop;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgExpand: {
|
|
4
|
+
({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default SvgExpand;
|
|
8
|
+
//# sourceMappingURL=expand.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../src/icons/expand.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,SAAS;yFAAwF,SAAS;;CAiB/G,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
8
|
+
const tone_js_1 = require("../utils/style/tone.js");
|
|
9
|
+
const displayName = 'IconExpand';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgExpand = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
|
|
12
|
+
const props = {
|
|
13
|
+
...rest,
|
|
14
|
+
'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
|
|
15
|
+
className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
|
|
16
|
+
style: UNSAFE_style,
|
|
17
|
+
width: size != null ? size + 'px' : '1em',
|
|
18
|
+
height: size != null ? size + 'px' : '1em',
|
|
19
|
+
};
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M28 10a1 1 0 1 1-2 0V7.414l-3.293 3.293a1 1 0 1 1-1.414-1.414L24.586 6H22a1 1 0 1 1 0-2h5a1 1 0 0 1 1 1zM9.827 21.26a1 1 0 0 1 1.346 1.48L7.587 26H10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v2.738zM28 22a1 1 0 1 0-2 0v2.586l-3.293-3.293a1 1 0 1 0-1.414 1.414L24.586 26H22a1 1 0 1 0 0 2h5a1 1 0 0 0 1-1zM9.293 10.707a1 1 0 1 0 1.414-1.414L7.414 6H10a1 1 0 1 0 0-2H5a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0V7.414zM14 14v4h4v-4zm6 4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2z" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgExpand.displayName = displayName;
|
|
23
|
+
exports.default = SvgExpand;
|
|
24
|
+
//# sourceMappingURL=expand.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expand.js","sourceRoot":"","sources":["../../../src/icons/expand.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,2BAA2B;AAC3B,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IAClH,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,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,4eAA4e,GAC9e,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,kBAAe,SAAS,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconExpand';\n/** Renders an SVG icon. */\nconst SvgExpand = ({ 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 <path\n fill=\"currentColor\"\n d=\"M28 10a1 1 0 1 1-2 0V7.414l-3.293 3.293a1 1 0 1 1-1.414-1.414L24.586 6H22a1 1 0 1 1 0-2h5a1 1 0 0 1 1 1zM9.827 21.26a1 1 0 0 1 1.346 1.48L7.587 26H10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v2.738zM28 22a1 1 0 1 0-2 0v2.586l-3.293-3.293a1 1 0 1 0-1.414 1.414L24.586 26H22a1 1 0 1 0 0 2h5a1 1 0 0 0 1-1zM9.293 10.707a1 1 0 1 0 1.414-1.414L7.414 6H10a1 1 0 1 0 0-2H5a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0V7.414zM14 14v4h4v-4zm6 4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2z\"\n />\n </svg>\n );\n};\nSvgExpand.displayName = displayName;\nexport default SvgExpand;\n"]}
|