@cimpress-ui/react 1.25.2 → 1.26.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/app-header.d.ts +1 -1
- package/dist/commonjs/components/app-header/app-header.d.ts.map +1 -1
- package/dist/commonjs/components/app-header/app-header.js +5 -1
- package/dist/commonjs/components/app-header/app-header.js.map +1 -1
- package/dist/commonjs/components/app-header/nav-button.d.ts +2 -2
- package/dist/commonjs/components/app-header/nav-button.d.ts.map +1 -1
- package/dist/commonjs/components/app-header/nav-button.js +8 -1
- package/dist/commonjs/components/app-header/nav-button.js.map +1 -1
- package/dist/commonjs/components/app-shell/app-shell-context.d.ts +2 -0
- package/dist/commonjs/components/app-shell/app-shell-context.d.ts.map +1 -0
- package/dist/commonjs/components/app-shell/app-shell-context.js +7 -0
- package/dist/commonjs/components/app-shell/app-shell-context.js.map +1 -0
- package/dist/commonjs/components/app-shell/app-shell.d.ts +1 -1
- package/dist/commonjs/components/app-shell/app-shell.d.ts.map +1 -1
- package/dist/commonjs/components/app-shell/app-shell.js +12 -2
- package/dist/commonjs/components/app-shell/app-shell.js.map +1 -1
- package/dist/commonjs/components/internal/input/input.d.ts +0 -6
- package/dist/commonjs/components/internal/input/input.d.ts.map +1 -1
- package/dist/commonjs/components/internal/input/input.js +6 -22
- package/dist/commonjs/components/internal/input/input.js.map +1 -1
- package/dist/commonjs/components/select/select.d.ts.map +1 -1
- package/dist/commonjs/components/select/select.js +11 -2
- package/dist/commonjs/components/select/select.js.map +1 -1
- package/dist/commonjs/components/{app-header → side-nav}/side-nav.d.ts +12 -1
- package/dist/commonjs/components/side-nav/side-nav.d.ts.map +1 -0
- package/dist/commonjs/components/side-nav/side-nav.js +56 -0
- package/dist/commonjs/components/side-nav/side-nav.js.map +1 -0
- package/dist/commonjs/components/slider/slider.d.ts.map +1 -1
- package/dist/commonjs/components/slider/slider.js +6 -2
- package/dist/commonjs/components/slider/slider.js.map +1 -1
- package/dist/commonjs/icons/case-lower.d.ts +8 -0
- package/dist/commonjs/icons/case-lower.d.ts.map +1 -0
- package/dist/commonjs/icons/case-lower.js +24 -0
- package/dist/commonjs/icons/case-lower.js.map +1 -0
- package/dist/commonjs/icons/case-normal.d.ts +8 -0
- package/dist/commonjs/icons/case-normal.d.ts.map +1 -0
- package/dist/commonjs/icons/case-normal.js +24 -0
- package/dist/commonjs/icons/case-normal.js.map +1 -0
- package/dist/commonjs/icons/case-upper.d.ts +8 -0
- package/dist/commonjs/icons/case-upper.d.ts.map +1 -0
- package/dist/commonjs/icons/case-upper.js +24 -0
- package/dist/commonjs/icons/case-upper.js.map +1 -0
- package/dist/commonjs/icons/chevron-double-down.d.ts +8 -0
- package/dist/commonjs/icons/chevron-double-down.d.ts.map +1 -0
- package/dist/commonjs/icons/chevron-double-down.js +24 -0
- package/dist/commonjs/icons/chevron-double-down.js.map +1 -0
- package/dist/commonjs/icons/chevron-double-left.d.ts +8 -0
- package/dist/commonjs/icons/chevron-double-left.d.ts.map +1 -0
- package/dist/commonjs/icons/chevron-double-left.js +24 -0
- package/dist/commonjs/icons/chevron-double-left.js.map +1 -0
- package/dist/commonjs/icons/chevron-double-right.d.ts +8 -0
- package/dist/commonjs/icons/chevron-double-right.d.ts.map +1 -0
- package/dist/commonjs/icons/chevron-double-right.js +24 -0
- package/dist/commonjs/icons/chevron-double-right.js.map +1 -0
- package/dist/commonjs/icons/chevron-double-up.d.ts +8 -0
- package/dist/commonjs/icons/chevron-double-up.d.ts.map +1 -0
- package/dist/commonjs/icons/chevron-double-up.js +24 -0
- package/dist/commonjs/icons/chevron-double-up.js.map +1 -0
- package/dist/commonjs/icons/cut.d.ts +8 -0
- package/dist/commonjs/icons/cut.d.ts.map +1 -0
- package/dist/commonjs/icons/cut.js +24 -0
- package/dist/commonjs/icons/cut.js.map +1 -0
- package/dist/commonjs/icons/drag-handle.d.ts +8 -0
- package/dist/commonjs/icons/drag-handle.d.ts.map +1 -0
- package/dist/commonjs/icons/drag-handle.js +24 -0
- package/dist/commonjs/icons/drag-handle.js.map +1 -0
- package/dist/commonjs/icons/file-text.d.ts +8 -0
- package/dist/commonjs/icons/file-text.d.ts.map +1 -0
- package/dist/commonjs/icons/file-text.js +24 -0
- package/dist/commonjs/icons/file-text.js.map +1 -0
- package/dist/commonjs/icons/file.d.ts +8 -0
- package/dist/commonjs/icons/file.d.ts.map +1 -0
- package/dist/commonjs/icons/file.js +24 -0
- package/dist/commonjs/icons/file.js.map +1 -0
- package/dist/commonjs/icons/index.d.ts +11 -0
- package/dist/commonjs/icons/index.d.ts.map +1 -1
- package/dist/commonjs/icons/index.js +27 -5
- package/dist/commonjs/icons/index.js.map +1 -1
- package/dist/commonjs/index.d.ts +2 -2
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +2 -2
- package/dist/commonjs/index.js.map +1 -1
- package/dist/commonjs/utils/breakpoints.d.ts +9 -0
- package/dist/commonjs/utils/breakpoints.d.ts.map +1 -0
- package/dist/commonjs/utils/breakpoints.js +39 -0
- package/dist/commonjs/utils/breakpoints.js.map +1 -0
- package/dist/commonjs/utils/use-is-mobile.js +2 -2
- package/dist/commonjs/utils/use-is-mobile.js.map +1 -1
- package/dist/commonjs/utils/use-media-query.d.ts +4 -1
- package/dist/commonjs/utils/use-media-query.d.ts.map +1 -1
- package/dist/commonjs/utils/use-media-query.js.map +1 -1
- package/dist/esm/components/app-header/app-header.d.ts +1 -1
- package/dist/esm/components/app-header/app-header.d.ts.map +1 -1
- package/dist/esm/components/app-header/app-header.js +5 -1
- package/dist/esm/components/app-header/app-header.js.map +1 -1
- package/dist/esm/components/app-header/nav-button.d.ts +2 -2
- package/dist/esm/components/app-header/nav-button.d.ts.map +1 -1
- package/dist/esm/components/app-header/nav-button.js +8 -1
- package/dist/esm/components/app-header/nav-button.js.map +1 -1
- package/dist/esm/components/app-shell/app-shell-context.d.ts +2 -0
- package/dist/esm/components/app-shell/app-shell-context.d.ts.map +1 -0
- package/dist/esm/components/app-shell/app-shell-context.js +4 -0
- package/dist/esm/components/app-shell/app-shell-context.js.map +1 -0
- package/dist/esm/components/app-shell/app-shell.d.ts +1 -1
- package/dist/esm/components/app-shell/app-shell.d.ts.map +1 -1
- package/dist/esm/components/app-shell/app-shell.js +12 -2
- package/dist/esm/components/app-shell/app-shell.js.map +1 -1
- package/dist/esm/components/internal/input/input.d.ts +0 -6
- package/dist/esm/components/internal/input/input.d.ts.map +1 -1
- package/dist/esm/components/internal/input/input.js +6 -22
- package/dist/esm/components/internal/input/input.js.map +1 -1
- package/dist/esm/components/select/select.d.ts.map +1 -1
- package/dist/esm/components/select/select.js +11 -2
- package/dist/esm/components/select/select.js.map +1 -1
- package/dist/esm/components/{app-header → side-nav}/side-nav.d.ts +12 -1
- package/dist/esm/components/side-nav/side-nav.d.ts.map +1 -0
- package/dist/esm/components/side-nav/side-nav.js +50 -0
- package/dist/esm/components/side-nav/side-nav.js.map +1 -0
- package/dist/esm/components/slider/slider.d.ts.map +1 -1
- package/dist/esm/components/slider/slider.js +6 -2
- package/dist/esm/components/slider/slider.js.map +1 -1
- package/dist/esm/icons/case-lower.d.ts +8 -0
- package/dist/esm/icons/case-lower.d.ts.map +1 -0
- package/dist/esm/icons/case-lower.js +19 -0
- package/dist/esm/icons/case-lower.js.map +1 -0
- package/dist/esm/icons/case-normal.d.ts +8 -0
- package/dist/esm/icons/case-normal.d.ts.map +1 -0
- package/dist/esm/icons/case-normal.js +19 -0
- package/dist/esm/icons/case-normal.js.map +1 -0
- package/dist/esm/icons/case-upper.d.ts +8 -0
- package/dist/esm/icons/case-upper.d.ts.map +1 -0
- package/dist/esm/icons/case-upper.js +19 -0
- package/dist/esm/icons/case-upper.js.map +1 -0
- package/dist/esm/icons/chevron-double-down.d.ts +8 -0
- package/dist/esm/icons/chevron-double-down.d.ts.map +1 -0
- package/dist/esm/icons/chevron-double-down.js +19 -0
- package/dist/esm/icons/chevron-double-down.js.map +1 -0
- package/dist/esm/icons/chevron-double-left.d.ts +8 -0
- package/dist/esm/icons/chevron-double-left.d.ts.map +1 -0
- package/dist/esm/icons/chevron-double-left.js +19 -0
- package/dist/esm/icons/chevron-double-left.js.map +1 -0
- package/dist/esm/icons/chevron-double-right.d.ts +8 -0
- package/dist/esm/icons/chevron-double-right.d.ts.map +1 -0
- package/dist/esm/icons/chevron-double-right.js +19 -0
- package/dist/esm/icons/chevron-double-right.js.map +1 -0
- package/dist/esm/icons/chevron-double-up.d.ts +8 -0
- package/dist/esm/icons/chevron-double-up.d.ts.map +1 -0
- package/dist/esm/icons/chevron-double-up.js +19 -0
- package/dist/esm/icons/chevron-double-up.js.map +1 -0
- package/dist/esm/icons/cut.d.ts +8 -0
- package/dist/esm/icons/cut.d.ts.map +1 -0
- package/dist/esm/icons/cut.js +19 -0
- package/dist/esm/icons/cut.js.map +1 -0
- package/dist/esm/icons/drag-handle.d.ts +8 -0
- package/dist/esm/icons/drag-handle.d.ts.map +1 -0
- package/dist/esm/icons/drag-handle.js +19 -0
- package/dist/esm/icons/drag-handle.js.map +1 -0
- package/dist/esm/icons/file-text.d.ts +8 -0
- package/dist/esm/icons/file-text.d.ts.map +1 -0
- package/dist/esm/icons/file-text.js +19 -0
- package/dist/esm/icons/file-text.js.map +1 -0
- package/dist/esm/icons/file.d.ts +8 -0
- package/dist/esm/icons/file.d.ts.map +1 -0
- package/dist/esm/icons/file.js +19 -0
- package/dist/esm/icons/file.js.map +1 -0
- package/dist/esm/icons/index.d.ts +11 -0
- package/dist/esm/icons/index.d.ts.map +1 -1
- package/dist/esm/icons/index.js +11 -0
- package/dist/esm/icons/index.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/utils/breakpoints.d.ts +9 -0
- package/dist/esm/utils/breakpoints.d.ts.map +1 -0
- package/dist/esm/utils/breakpoints.js +35 -0
- package/dist/esm/utils/breakpoints.js.map +1 -0
- package/dist/esm/utils/use-is-mobile.js +2 -2
- package/dist/esm/utils/use-is-mobile.js.map +1 -1
- package/dist/esm/utils/use-media-query.d.ts +4 -1
- package/dist/esm/utils/use-media-query.d.ts.map +1 -1
- package/dist/esm/utils/use-media-query.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/app-header/side-nav.d.ts.map +0 -1
- package/dist/commonjs/components/app-header/side-nav.js +0 -36
- package/dist/commonjs/components/app-header/side-nav.js.map +0 -1
- package/dist/esm/components/app-header/side-nav.d.ts.map +0 -1
- package/dist/esm/components/app-header/side-nav.js +0 -30
- package/dist/esm/components/app-header/side-nav.js.map +0 -1
|
@@ -38,7 +38,7 @@ function Slider({ label, description, UNSAFE_className, UNSAFE_style, form, name
|
|
|
38
38
|
'--cim-slider-fill-start': trackState.getThumbPercent(0) * 100 + '%',
|
|
39
39
|
'--cim-slider-fill-size': (trackState.getThumbPercent(1) - trackState.getThumbPercent(0)) * 100 + '%',
|
|
40
40
|
}
|
|
41
|
-
: {}) }), trackState.values.map((_, i) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.SliderThumb, { index: i, className: "cim-slider-thumb", name: typeof name === 'string' ? name : name?.[i], form: form, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined }, i)))] })) }), showLabels && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "medium", UNSAFE_className: "cim-slider-label-max", children: state.getThumbMaxValue(state.values.length - 1) })), withInput && ((0, jsx_runtime_1.jsx)("div", { className: "cim-slider-inputs-container-wide", children: state.values.map((_, i) => ((0, jsx_runtime_1.jsx)(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, style: { order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }, formatOptions: props.formatOptions
|
|
41
|
+
: {}) }), trackState.values.map((_, i) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.SliderThumb, { index: i, className: "cim-slider-thumb", name: typeof name === 'string' ? name : name?.[i], form: form, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined }, i)))] })) }), showLabels && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "medium", UNSAFE_className: "cim-slider-label-max", children: state.getThumbMaxValue(state.values.length - 1) })), withInput && ((0, jsx_runtime_1.jsx)("div", { className: "cim-slider-inputs-container-wide", children: state.values.map((_, i) => ((0, jsx_runtime_1.jsx)(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, style: { order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }, formatOptions: props.formatOptions }, i))) }))] }), withInput && ((0, jsx_runtime_1.jsx)("div", { className: "cim-slider-inputs-container-narrow", children: state.values.map((_, i) => ((0, jsx_runtime_1.jsx)(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, formatOptions: props.formatOptions }, i))) })), (0, jsx_runtime_1.jsx)(form_field_js_1.FormFieldDescription, { children: description }), isRangeSlider && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { style: { display: 'none' }, id: rangeStartLabelId, children: messages.format('rangeStart') }), (0, jsx_runtime_1.jsx)("span", { style: { display: 'none' }, id: rangeEndLabelId, children: messages.format('rangeEnd') })] }))] }));
|
|
42
42
|
} }) }));
|
|
43
43
|
}
|
|
44
44
|
/**
|
|
@@ -51,6 +51,10 @@ exports.Slider = _Slider;
|
|
|
51
51
|
function SliderNumberField({ index, 'aria-labelledby': ariaLabelledBy, ...props }) {
|
|
52
52
|
const state = (0, react_1.useContext)(react_aria_components_1.SliderStateContext);
|
|
53
53
|
const labelProps = (0, react_aria_components_1.useSlottedContext)(react_aria_components_1.LabelContext);
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)(react_aria_components_1.NumberField, { ...props, className: "cim-slider-input", value: state.values[index], onChange: (value) =>
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)(react_aria_components_1.NumberField, { ...props, className: "cim-slider-input", value: state.values[index], onChange: (value) => {
|
|
55
|
+
if (!Number.isNaN(value)) {
|
|
56
|
+
state.setThumbValue(index, value ?? 0);
|
|
57
|
+
}
|
|
58
|
+
}, "aria-labelledby": [labelProps.id, ariaLabelledBy].filter(Boolean).join(' '), children: (0, jsx_runtime_1.jsx)(input_js_1.Input, { contentWidth: "5ch" }) }));
|
|
55
59
|
}
|
|
56
60
|
//# sourceMappingURL=slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AACxB,iCAAsD;AACtD,2CAAmC;AACnC,iEAa+B;AAC/B,yDAAkD;AAClD,kFAA2E;AAC3E,qFAA6E;AAC7E,mEAA2D;AAC3D,wEAA4F;AAC5F,yDAAmD;AAEnD,mDAA6C;AAuC7C,SAAS,MAAM,CACb,EACE,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,UAAU,EACV,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACO,EACjB,GAAiC;IAEjC,MAAM,aAAa,GAAG,IAAA,kBAAK,GAAE,CAAC;IAC9B,MAAM,iBAAiB,GAAG,IAAA,kBAAK,GAAE,CAAC;IAClC,MAAM,eAAe,GAAG,IAAA,kBAAK,GAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,IAAA,+CAAoB,EAAC,QAAQ,CAAC,CAAC;IAEhD,IAAA,gDAAoB,EAAC,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO,CAAC,IAAI,CAAC,+EAA+E,CAAC,CAAC;QAChG,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,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,uBAAC,8BAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,gBAAgB,CAAC,EAC/C,KAAK,EAAE,YAAY,gBACP,SAAS,qBACJ,cAAc,EAC/B,WAAW,EAAC,YAAY,sBACN,CAAC,WAAW,IAAI,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEpG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;gBACzB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;gBAEhD,OAAO,CACL,6DACE,uBAAC,8BAAc,IAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,YACtD,KAAK,GACS,EAEhB,CAAC,SAAS,IAAI,KAAK,IAAI,IAAI,IAAI,CAC9B,uBAAC,oCAAe,IAAC,SAAS,EAAC,mBAAmB,YAC5C,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,YAC7B,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAC/D,GACS,CACnB,EAED,iCAAK,SAAS,EAAC,4BAA4B,aACxC,UAAU,IAAI,CACb,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,sBAAsB,YACrE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GACrB,CACR,EAED,uBAAC,mCAAc,IAAC,SAAS,EAAC,kBAAkB,YACzC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACvD,6DACE,gCAAK,SAAS,EAAC,6BAA6B,mBAAgB,eAAe,IAAI,SAAS,GAAI,EAE5F,gCACE,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EACH,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;oDACxB,CAAC,CAAC;wDACE,wBAAwB,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;qDACpE;oDACH,CAAC,CAAC,aAAa;wDACb,CAAC,CAAC;4DACE,yBAAyB,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;4DACpE,wBAAwB,EACtB,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;yDAC9E;wDACH,CAAC,CAAC,EAAE,CAAwB,GAElC,EAED,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,uBAAC,mCAAc,IAEb,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EACjD,IAAI,EAAE,IAAI,qBACO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,IALvF,CAAC,CAMN,CACH,CAAC,IACD,CACJ,GACc,EAEhB,UAAU,IAAI,CACb,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,sBAAsB,YACrE,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,GAC3C,CACR,EAEA,SAAS,IAAI,CACZ,gCAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,uBAAC,iBAAiB,IAEhB,KAAK,EAAE,CAAC,qBACS,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5F,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,EAChE,aAAa,EAAE,KAAK,CAAC,aAAa,YAElC,uBAAC,gBAAK,IAAC,KAAK,EAAC,aAAa,GAAG,IANxB,CAAC,CAOY,CACrB,CAAC,GACE,CACP,IACG,EAEL,SAAS,IAAI,CACZ,gCAAK,SAAS,EAAC,oCAAoC,YAChD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,uBAAC,iBAAiB,IAEhB,KAAK,EAAE,CAAC,qBACS,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5F,aAAa,EAAE,KAAK,CAAC,aAAa,YAElC,uBAAC,gBAAK,KAAG,IALJ,CAAC,CAMY,CACrB,CAAC,GACE,CACP,EAED,uBAAC,oCAAoB,cAAE,WAAW,GAAwB,EAEzD,aAAa,IAAI,CAChB,6DACE,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,iBAAiB,YACpD,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,GACzB,EACP,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,eAAe,YAClD,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,GACvB,IACN,CACJ,IACA,CACJ,CAAC;YACJ,CAAC,GACS,GACA,CACf,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,OAAO,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AAEzC,yBAAM;AAM1B,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,EAA0B;IACvG,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,0CAAqB,CAAE,CAAC;IACjD,MAAM,UAAU,GAAG,IAAA,yCAAiB,EAAC,oCAAe,CAAE,CAAC;IAEvD,OAAO,CACL,uBAAC,mCAAc,OACT,KAAK,EACT,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,qBAC1C,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,EAAE,IAAI,cAAc,EAAE,CAAC,CAAC,CAAC,cAAc,GACtF,CACH,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useContext, type ForwardedRef } from 'react';\nimport { useId } from 'react-aria';\nimport {\n LabelContext as RACLabelContext,\n NumberField as RACNumberField,\n Provider as RACProvider,\n Slider as RACSlider,\n SliderOutput as RACSliderOutput,\n SliderStateContext as RACSliderStateContext,\n SliderThumb as RACSliderThumb,\n SliderTrack as RACSliderTrack,\n TextContext as RACTextContext,\n useSlottedContext,\n type NumberFieldProps as RACNumberFieldProps,\n type SliderProps as RACSliderProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/localization-provider.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport { Input } from '../internal/input/input.js';\nimport type { CommonProps, LabellableProps } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface SliderProps<T extends number | [number, number] = number>\n extends\n CommonProps,\n LabellableProps,\n Pick<RACSliderProps<T>, 'isDisabled' | 'minValue' | 'maxValue' | 'step' | 'formatOptions'> {\n /** A description for the field. Provides a hint such as specific requirements for what to choose. */\n description?: string;\n /** The current value (controlled). */\n value?: T;\n /** The default value (uncontrolled). */\n defaultValue?: T;\n /** Handler that is called when the value changes. */\n onChange?: (value: T) => void;\n /** Handler that is called when the slider stops moving. */\n onChangeEnd?: (value: T) => void;\n /**\n * The `<form>` element to associate the input with.\n * The value of this attribute must be the id of a `<form>` in the same document.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n */\n form?: string;\n /**\n * The name(s) of the input element(s), used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name).\n */\n name?: T extends [number, number] ? [string, string] : string;\n /**\n * Whether to show input fields for slider values.\n * @default false\n */\n withInput?: boolean;\n /**\n * Whether to show static labels with minimum and maximum values.\n * @default false\n * */\n showLabels?: boolean;\n}\n\nfunction Slider<T extends number | [number, number] = number>(\n {\n label,\n description,\n UNSAFE_className,\n UNSAFE_style,\n form,\n name,\n withInput,\n showLabels,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n ...props\n }: SliderProps<T>,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const descriptionId = useId();\n const rangeStartLabelId = useId();\n const rangeEndLabelId = useId();\n const messages = useLocalizedMessages('slider');\n\n useProductionWarning(() => {\n if (!label && !ariaLabel && !ariaLabelledBy) {\n console.warn('Slider requires one of label / aria-label / aria-labelledby for accessibility');\n }\n }, [label, ariaLabel, ariaLabelledBy]);\n\n return (\n <RACProvider values={[[RACTextContext, { slots: { description: { id: descriptionId } } }]]}>\n <RACSlider\n {...props}\n ref={ref}\n className={clsx('cim-slider', UNSAFE_className)}\n style={UNSAFE_style}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n orientation=\"horizontal\"\n aria-describedby={[description && descriptionId, props['aria-describedby']].filter(Boolean).join(' ')}\n >\n {({ state, isDisabled }) => {\n const isRangeSlider = state.values.length === 2;\n\n return (\n <>\n <FormFieldLabel isRequired={false} isDisabled={isDisabled}>\n {label}\n </FormFieldLabel>\n\n {!withInput && label != null && (\n <RACSliderOutput className=\"cim-slider-output\">\n <Text as=\"span\" variant=\"medium\">\n {state.values.map((_, i) => state.getThumbValueLabel(i)).join(' – ')}\n </Text>\n </RACSliderOutput>\n )}\n\n <div className=\"cim-slider-track-container\">\n {showLabels && (\n <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-min\">\n {state.getThumbMinValue(0)}\n </Text>\n )}\n\n <RACSliderTrack className=\"cim-slider-track\">\n {({ state: trackState, isDisabled: trackIsDisabled }) => (\n <>\n <div className=\"cim-slider-track-background\" data-disabled={trackIsDisabled || undefined} />\n\n <div\n className=\"cim-slider-fill\"\n style={\n (state.values.length === 1\n ? {\n '--cim-slider-fill-size': trackState.getThumbPercent(0) * 100 + '%',\n }\n : isRangeSlider\n ? {\n '--cim-slider-fill-start': trackState.getThumbPercent(0) * 100 + '%',\n '--cim-slider-fill-size':\n (trackState.getThumbPercent(1) - trackState.getThumbPercent(0)) * 100 + '%',\n }\n : {}) as React.CSSProperties\n }\n />\n\n {trackState.values.map((_, i) => (\n <RACSliderThumb\n key={i}\n index={i}\n className=\"cim-slider-thumb\"\n name={typeof name === 'string' ? name : name?.[i]}\n form={form}\n aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n />\n ))}\n </>\n )}\n </RACSliderTrack>\n\n {showLabels && (\n <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-max\">\n {state.getThumbMaxValue(state.values.length - 1)}\n </Text>\n )}\n\n {withInput && (\n <div className=\"cim-slider-inputs-container-wide\">\n {state.values.map((_, i) => (\n <SliderNumberField\n key={i}\n index={i}\n aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n style={{ order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }}\n formatOptions={props.formatOptions}\n >\n <Input width=\"fit-content\" />\n </SliderNumberField>\n ))}\n </div>\n )}\n </div>\n\n {withInput && (\n <div className=\"cim-slider-inputs-container-narrow\">\n {state.values.map((_, i) => (\n <SliderNumberField\n key={i}\n index={i}\n aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n formatOptions={props.formatOptions}\n >\n <Input />\n </SliderNumberField>\n ))}\n </div>\n )}\n\n <FormFieldDescription>{description}</FormFieldDescription>\n\n {isRangeSlider && (\n <>\n <span style={{ display: 'none' }} id={rangeStartLabelId}>\n {messages.format('rangeStart')}\n </span>\n <span style={{ display: 'none' }} id={rangeEndLabelId}>\n {messages.format('rangeEnd')}\n </span>\n </>\n )}\n </>\n );\n }}\n </RACSlider>\n </RACProvider>\n );\n}\n\n/**\n * Allows users to select one or more values within a range.\n *\n * See [slider usage guidelines](https://ui.cimpress.io/components/slider/).\n */\nconst _Slider = withStyleProps(forwardRef(Slider), 'Slider');\n\nexport { _Slider as Slider };\n\ninterface SliderNumberFieldProps extends RACNumberFieldProps {\n index: number;\n}\n\nfunction SliderNumberField({ index, 'aria-labelledby': ariaLabelledBy, ...props }: SliderNumberFieldProps) {\n const state = useContext(RACSliderStateContext)!;\n const labelProps = useSlottedContext(RACLabelContext)!;\n\n return (\n <RACNumberField\n {...props}\n className=\"cim-slider-input\"\n value={state.values[index]}\n onChange={(value) => state.setThumbValue(index, value ?? 0)}\n aria-labelledby={labelProps.id ? `${labelProps.id} ${ariaLabelledBy}` : ariaLabelledBy}\n />\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useContext, type ForwardedRef } from 'react';\nimport { useId } from 'react-aria';\nimport {\n LabelContext as RACLabelContext,\n NumberField as RACNumberField,\n Provider as RACProvider,\n Slider as RACSlider,\n SliderOutput as RACSliderOutput,\n SliderStateContext as RACSliderStateContext,\n SliderThumb as RACSliderThumb,\n SliderTrack as RACSliderTrack,\n TextContext as RACTextContext,\n useSlottedContext,\n type NumberFieldProps as RACNumberFieldProps,\n type SliderProps as RACSliderProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/localization-provider.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport { Input } from '../internal/input/input.js';\nimport type { CommonProps, LabellableProps } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface SliderProps<T extends number | [number, number] = number>\n extends\n CommonProps,\n LabellableProps,\n Pick<RACSliderProps<T>, 'isDisabled' | 'minValue' | 'maxValue' | 'step' | 'formatOptions'> {\n /** A description for the field. Provides a hint such as specific requirements for what to choose. */\n description?: string;\n /** The current value (controlled). */\n value?: T;\n /** The default value (uncontrolled). */\n defaultValue?: T;\n /** Handler that is called when the value changes. */\n onChange?: (value: T) => void;\n /** Handler that is called when the slider stops moving. */\n onChangeEnd?: (value: T) => void;\n /**\n * The `<form>` element to associate the input with.\n * The value of this attribute must be the id of a `<form>` in the same document.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n */\n form?: string;\n /**\n * The name(s) of the input element(s), used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name).\n */\n name?: T extends [number, number] ? [string, string] : string;\n /**\n * Whether to show input fields for slider values.\n * @default false\n */\n withInput?: boolean;\n /**\n * Whether to show static labels with minimum and maximum values.\n * @default false\n * */\n showLabels?: boolean;\n}\n\nfunction Slider<T extends number | [number, number] = number>(\n {\n label,\n description,\n UNSAFE_className,\n UNSAFE_style,\n form,\n name,\n withInput,\n showLabels,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n ...props\n }: SliderProps<T>,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const descriptionId = useId();\n const rangeStartLabelId = useId();\n const rangeEndLabelId = useId();\n const messages = useLocalizedMessages('slider');\n\n useProductionWarning(() => {\n if (!label && !ariaLabel && !ariaLabelledBy) {\n console.warn('Slider requires one of label / aria-label / aria-labelledby for accessibility');\n }\n }, [label, ariaLabel, ariaLabelledBy]);\n\n return (\n <RACProvider values={[[RACTextContext, { slots: { description: { id: descriptionId } } }]]}>\n <RACSlider\n {...props}\n ref={ref}\n className={clsx('cim-slider', UNSAFE_className)}\n style={UNSAFE_style}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n orientation=\"horizontal\"\n aria-describedby={[description && descriptionId, props['aria-describedby']].filter(Boolean).join(' ')}\n >\n {({ state, isDisabled }) => {\n const isRangeSlider = state.values.length === 2;\n\n return (\n <>\n <FormFieldLabel isRequired={false} isDisabled={isDisabled}>\n {label}\n </FormFieldLabel>\n\n {!withInput && label != null && (\n <RACSliderOutput className=\"cim-slider-output\">\n <Text as=\"span\" variant=\"medium\">\n {state.values.map((_, i) => state.getThumbValueLabel(i)).join(' – ')}\n </Text>\n </RACSliderOutput>\n )}\n\n <div className=\"cim-slider-track-container\">\n {showLabels && (\n <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-min\">\n {state.getThumbMinValue(0)}\n </Text>\n )}\n\n <RACSliderTrack className=\"cim-slider-track\">\n {({ state: trackState, isDisabled: trackIsDisabled }) => (\n <>\n <div className=\"cim-slider-track-background\" data-disabled={trackIsDisabled || undefined} />\n\n <div\n className=\"cim-slider-fill\"\n style={\n (state.values.length === 1\n ? {\n '--cim-slider-fill-size': trackState.getThumbPercent(0) * 100 + '%',\n }\n : isRangeSlider\n ? {\n '--cim-slider-fill-start': trackState.getThumbPercent(0) * 100 + '%',\n '--cim-slider-fill-size':\n (trackState.getThumbPercent(1) - trackState.getThumbPercent(0)) * 100 + '%',\n }\n : {}) as React.CSSProperties\n }\n />\n\n {trackState.values.map((_, i) => (\n <RACSliderThumb\n key={i}\n index={i}\n className=\"cim-slider-thumb\"\n name={typeof name === 'string' ? name : name?.[i]}\n form={form}\n aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n />\n ))}\n </>\n )}\n </RACSliderTrack>\n\n {showLabels && (\n <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-max\">\n {state.getThumbMaxValue(state.values.length - 1)}\n </Text>\n )}\n\n {withInput && (\n <div className=\"cim-slider-inputs-container-wide\">\n {state.values.map((_, i) => (\n <SliderNumberField\n key={i}\n index={i}\n aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n style={{ order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }}\n formatOptions={props.formatOptions}\n />\n ))}\n </div>\n )}\n </div>\n\n {withInput && (\n <div className=\"cim-slider-inputs-container-narrow\">\n {state.values.map((_, i) => (\n <SliderNumberField\n key={i}\n index={i}\n aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n formatOptions={props.formatOptions}\n />\n ))}\n </div>\n )}\n\n <FormFieldDescription>{description}</FormFieldDescription>\n\n {isRangeSlider && (\n <>\n <span style={{ display: 'none' }} id={rangeStartLabelId}>\n {messages.format('rangeStart')}\n </span>\n <span style={{ display: 'none' }} id={rangeEndLabelId}>\n {messages.format('rangeEnd')}\n </span>\n </>\n )}\n </>\n );\n }}\n </RACSlider>\n </RACProvider>\n );\n}\n\n/**\n * Allows users to select one or more values within a range.\n *\n * See [slider usage guidelines](https://ui.cimpress.io/components/slider/).\n */\nconst _Slider = withStyleProps(forwardRef(Slider), 'Slider');\n\nexport { _Slider as Slider };\n\ninterface SliderNumberFieldProps extends RACNumberFieldProps {\n index: number;\n}\n\nfunction SliderNumberField({ index, 'aria-labelledby': ariaLabelledBy, ...props }: SliderNumberFieldProps) {\n const state = useContext(RACSliderStateContext)!;\n const labelProps = useSlottedContext(RACLabelContext)!;\n\n return (\n <RACNumberField\n {...props}\n className=\"cim-slider-input\"\n value={state.values[index]}\n onChange={(value) => {\n if (!Number.isNaN(value)) {\n state.setThumbValue(index, value ?? 0);\n }\n }}\n aria-labelledby={[labelProps.id, ariaLabelledBy].filter(Boolean).join(' ')}\n >\n <Input contentWidth=\"5ch\" />\n </RACNumberField>\n );\n}\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgCaseLower: {
|
|
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 SvgCaseLower;
|
|
8
|
+
//# sourceMappingURL=case-lower.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"case-lower.d.ts","sourceRoot":"","sources":["../../../src/icons/case-lower.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,YAAY;yFAOf,SAAS;;CAiBX,CAAC;AAEF,eAAe,YAAY,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 = 'IconCaseLower';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgCaseLower = ({ 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.527 12q2.029 0 3.25 1.164Q27 14.304 27 16.16v8.394q0 .248-.244.248h-1.858q-.245 0-.245-.248v-.718q0-.05-.048-.05-.025-.024-.074.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.891-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.619-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.025.222-.269.223l-2.004-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q20.669 12 22.527 12m-.538 10.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.198 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445ZM9.889 12q2.028 0 3.25 1.164 1.224 1.14 1.223 2.996v8.394q0 .248-.245.248H12.26q-.245 0-.245-.248v-.718q0-.05-.049-.05-.024-.024-.073.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.89-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.618-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.024.223-.27.223l-2.003-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q8.03 12 9.89 12ZM9.35 22.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.197 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445Z" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgCaseLower.displayName = displayName;
|
|
23
|
+
exports.default = SvgCaseLower;
|
|
24
|
+
//# sourceMappingURL=case-lower.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"case-lower.js","sourceRoot":"","sources":["../../../src/icons/case-lower.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,eAAe,CAAC;AACpC,2BAA2B;AAC3B,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0rCAA0rC,GAC5rC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACvC,kBAAe,YAAY,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCaseLower';\n/** Renders an SVG icon. */\nconst SvgCaseLower = ({\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=\"M22.527 12q2.029 0 3.25 1.164Q27 14.304 27 16.16v8.394q0 .248-.244.248h-1.858q-.245 0-.245-.248v-.718q0-.05-.048-.05-.025-.024-.074.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.891-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.619-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.025.222-.269.223l-2.004-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q20.669 12 22.527 12m-.538 10.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.198 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445ZM9.889 12q2.028 0 3.25 1.164 1.224 1.14 1.223 2.996v8.394q0 .248-.245.248H12.26q-.245 0-.245-.248v-.718q0-.05-.049-.05-.024-.024-.073.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.89-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.618-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.024.223-.27.223l-2.003-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q8.03 12 9.89 12ZM9.35 22.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.197 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445Z\"\n />\n </svg>\n );\n};\nSvgCaseLower.displayName = displayName;\nexport default SvgCaseLower;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgCaseNormal: {
|
|
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 SvgCaseNormal;
|
|
8
|
+
//# sourceMappingURL=case-normal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"case-normal.d.ts","sourceRoot":"","sources":["../../../src/icons/case-normal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,aAAa;yFAOhB,SAAS;;CAiBX,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 = 'IconCaseNormal';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgCaseNormal = ({ 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: "M23.407 11.945q2.084 0 3.338 1.169Q28 14.257 28 16.122v8.43q0 .25-.251.25h-1.907q-.252 0-.252-.25v-.72q0-.05-.05-.05-.024-.025-.075.024Q24.335 25 22.328 25q-1.632 0-2.786-.87-1.155-.895-1.155-2.86 0-2.04 1.33-3.084 1.356-1.069 3.665-1.069h2.108q.1 0 .1-.1v-.695q0-1.07-.577-1.691-.552-.622-1.606-.622-.828 0-1.38.423-.528.398-.653 1.094-.026.223-.276.223l-2.058-.124a.3.3 0 0 1-.176-.05.17.17 0 0 1-.05-.174q.15-1.54 1.405-2.486 1.28-.97 3.188-.97m-.552 11.016q1.104 0 1.907-.622.828-.622.828-1.666v-1.591q0-.1-.1-.1h-1.932q-1.23 0-1.983.547-.728.547-.728 1.592 0 .92.552 1.392.552.448 1.456.448m-8.605 1.841q-.231 0-.282-.23l-.77-2.95q-.026-.075-.129-.075H7.397q-.129 0-.129.076l-.744 2.95q-.026.229-.282.229H4.24a.28.28 0 0 1-.206-.077q-.051-.075-.025-.203L8.757 7.229q.05-.23.283-.229h2.413q.23 0 .283.229l4.774 17.293.026.076q0 .204-.257.204zm-6.443-5.29q-.026.025 0 .076a.2.2 0 0 0 .103.026h4.646q.051 0 .077-.026.051-.05.026-.076l-2.388-9.206q-.026-.05-.05-.05-.027 0-.052.05z" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgCaseNormal.displayName = displayName;
|
|
23
|
+
exports.default = SvgCaseNormal;
|
|
24
|
+
//# sourceMappingURL=case-normal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"case-normal.js","sourceRoot":"","sources":["../../../src/icons/case-normal.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,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,w9BAAw9B,GAC19B,GACE,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 = 'IconCaseNormal';\n/** Renders an SVG icon. */\nconst SvgCaseNormal = ({\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=\"M23.407 11.945q2.084 0 3.338 1.169Q28 14.257 28 16.122v8.43q0 .25-.251.25h-1.907q-.252 0-.252-.25v-.72q0-.05-.05-.05-.024-.025-.075.024Q24.335 25 22.328 25q-1.632 0-2.786-.87-1.155-.895-1.155-2.86 0-2.04 1.33-3.084 1.356-1.069 3.665-1.069h2.108q.1 0 .1-.1v-.695q0-1.07-.577-1.691-.552-.622-1.606-.622-.828 0-1.38.423-.528.398-.653 1.094-.026.223-.276.223l-2.058-.124a.3.3 0 0 1-.176-.05.17.17 0 0 1-.05-.174q.15-1.54 1.405-2.486 1.28-.97 3.188-.97m-.552 11.016q1.104 0 1.907-.622.828-.622.828-1.666v-1.591q0-.1-.1-.1h-1.932q-1.23 0-1.983.547-.728.547-.728 1.592 0 .92.552 1.392.552.448 1.456.448m-8.605 1.841q-.231 0-.282-.23l-.77-2.95q-.026-.075-.129-.075H7.397q-.129 0-.129.076l-.744 2.95q-.026.229-.282.229H4.24a.28.28 0 0 1-.206-.077q-.051-.075-.025-.203L8.757 7.229q.05-.23.283-.229h2.413q.23 0 .283.229l4.774 17.293.026.076q0 .204-.257.204zm-6.443-5.29q-.026.025 0 .076a.2.2 0 0 0 .103.026h4.646q.051 0 .077-.026.051-.05.026-.076l-2.388-9.206q-.026-.05-.05-.05-.027 0-.052.05z\"\n />\n </svg>\n );\n};\nSvgCaseNormal.displayName = displayName;\nexport default SvgCaseNormal;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgCaseUpper: {
|
|
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 SvgCaseUpper;
|
|
8
|
+
//# sourceMappingURL=case-upper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"case-upper.d.ts","sourceRoot":"","sources":["../../../src/icons/case-upper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,YAAY;yFAOf,SAAS;;CAiBX,CAAC;AAEF,eAAe,YAAY,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 = 'IconCaseUpper';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgCaseUpper = ({ 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.765 25q-.226 0-.277-.231l-.753-2.983q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983q-.025.231-.276.231h-1.96a.27.27 0 0 1-.2-.077q-.05-.078-.025-.206L21.39 7.231Q21.44 7 21.666 7h2.361q.226 0 .276.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.051 0 .075-.025.05-.052.026-.078l-2.336-9.308q-.026-.052-.05-.052-.026 0-.05.052L20.46 19.65ZM13.03 25q-.226 0-.277-.231L12 21.786q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983Q5.444 25 5.193 25H3.234a.27.27 0 0 1-.2-.077q-.05-.078-.026-.206L7.655 7.231Q7.705 7 7.93 7h2.36q.228 0 .277.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.05 0 .075-.025.05-.052.025-.078l-2.335-9.308q-.026-.052-.05-.052-.026 0-.05.052L6.724 19.65Z" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgCaseUpper.displayName = displayName;
|
|
23
|
+
exports.default = SvgCaseUpper;
|
|
24
|
+
//# sourceMappingURL=case-upper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"case-upper.js","sourceRoot":"","sources":["../../../src/icons/case-upper.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,eAAe,CAAC;AACpC,2BAA2B;AAC3B,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0xBAA0xB,GAC5xB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACvC,kBAAe,YAAY,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCaseUpper';\n/** Renders an SVG icon. */\nconst SvgCaseUpper = ({\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=\"M26.765 25q-.226 0-.277-.231l-.753-2.983q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983q-.025.231-.276.231h-1.96a.27.27 0 0 1-.2-.077q-.05-.078-.025-.206L21.39 7.231Q21.44 7 21.666 7h2.361q.226 0 .276.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.051 0 .075-.025.05-.052.026-.078l-2.336-9.308q-.026-.052-.05-.052-.026 0-.05.052L20.46 19.65ZM13.03 25q-.226 0-.277-.231L12 21.786q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983Q5.444 25 5.193 25H3.234a.27.27 0 0 1-.2-.077q-.05-.078-.026-.206L7.655 7.231Q7.705 7 7.93 7h2.36q.228 0 .277.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.05 0 .075-.025.05-.052.025-.078l-2.335-9.308q-.026-.052-.05-.052-.026 0-.05.052L6.724 19.65Z\"\n />\n </svg>\n );\n};\nSvgCaseUpper.displayName = displayName;\nexport default SvgCaseUpper;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgChevronDoubleDown: {
|
|
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 SvgChevronDoubleDown;
|
|
8
|
+
//# sourceMappingURL=chevron-double-down.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-double-down.d.ts","sourceRoot":"","sources":["../../../src/icons/chevron-double-down.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,oBAAoB;yFAOvB,SAAS;;CAqBX,CAAC;AAEF,eAAe,oBAAoB,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 = 'IconChevronDoubleDown';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgChevronDoubleDown = ({ 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: "M22.204 16.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 22.408z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M22.204 8.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 14.408z" })] }));
|
|
21
|
+
};
|
|
22
|
+
SvgChevronDoubleDown.displayName = displayName;
|
|
23
|
+
exports.default = SvgChevronDoubleDown;
|
|
24
|
+
//# sourceMappingURL=chevron-double-down.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-double-down.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-down.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAC5C,2BAA2B;AAC3B,MAAM,oBAAoB,GAAG,CAAC,EAC5B,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,0HAA0H,GAC5H,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yHAAyH,GAC3H,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/C,kBAAe,oBAAoB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleDown';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleDown = ({\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=\"M22.204 16.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 22.408z\"\n />\n <path\n fill=\"currentColor\"\n d=\"M22.204 8.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 14.408z\"\n />\n </svg>\n );\n};\nSvgChevronDoubleDown.displayName = displayName;\nexport default SvgChevronDoubleDown;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgChevronDoubleLeft: {
|
|
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 SvgChevronDoubleLeft;
|
|
8
|
+
//# sourceMappingURL=chevron-double-left.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-double-left.d.ts","sourceRoot":"","sources":["../../../src/icons/chevron-double-left.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,oBAAoB;yFAOvB,SAAS;;CAqBX,CAAC;AAEF,eAAe,oBAAoB,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 = 'IconChevronDoubleLeft';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgChevronDoubleLeft = ({ 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: "M15.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L9.592 16z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M23.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L17.592 16z" })] }));
|
|
21
|
+
};
|
|
22
|
+
SvgChevronDoubleLeft.displayName = displayName;
|
|
23
|
+
exports.default = SvgChevronDoubleLeft;
|
|
24
|
+
//# sourceMappingURL=chevron-double-left.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-double-left.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-left.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAC5C,2BAA2B;AAC3B,MAAM,oBAAoB,GAAG,CAAC,EAC5B,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,wHAAwH,GAC1H,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yHAAyH,GAC3H,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/C,kBAAe,oBAAoB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleLeft';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleLeft = ({\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=\"M15.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L9.592 16z\"\n />\n <path\n fill=\"currentColor\"\n d=\"M23.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L17.592 16z\"\n />\n </svg>\n );\n};\nSvgChevronDoubleLeft.displayName = displayName;\nexport default SvgChevronDoubleLeft;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgChevronDoubleRight: {
|
|
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 SvgChevronDoubleRight;
|
|
8
|
+
//# sourceMappingURL=chevron-double-right.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-double-right.d.ts","sourceRoot":"","sources":["../../../src/icons/chevron-double-right.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,qBAAqB;yFAOxB,SAAS;;CAqBX,CAAC;AAEF,eAAe,qBAAqB,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 = 'IconChevronDoubleRight';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgChevronDoubleRight = ({ 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: "M8.204 9.796a1.126 1.126 0 0 1 1.592-1.592l7 7c.44.44.44 1.152 0 1.592l-7 7a1.126 1.126 0 0 1-1.592-1.592L14.408 16z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M16.204 9.796a1.126 1.126 0 0 1 1.592-1.592l7 7c.44.44.44 1.152 0 1.592l-7 7a1.126 1.126 0 0 1-1.592-1.592L22.408 16z" })] }));
|
|
21
|
+
};
|
|
22
|
+
SvgChevronDoubleRight.displayName = displayName;
|
|
23
|
+
exports.default = SvgChevronDoubleRight;
|
|
24
|
+
//# sourceMappingURL=chevron-double-right.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-double-right.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-right.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,wBAAwB,CAAC;AAC7C,2BAA2B;AAC3B,MAAM,qBAAqB,GAAG,CAAC,EAC7B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sHAAsH,GACxH,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,uHAAuH,GACzH,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,WAAW,CAAC;AAChD,kBAAe,qBAAqB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleRight';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleRight = ({\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=\"M8.204 9.796a1.126 1.126 0 0 1 1.592-1.592l7 7c.44.44.44 1.152 0 1.592l-7 7a1.126 1.126 0 0 1-1.592-1.592L14.408 16z\"\n />\n <path\n fill=\"currentColor\"\n d=\"M16.204 9.796a1.126 1.126 0 0 1 1.592-1.592l7 7c.44.44.44 1.152 0 1.592l-7 7a1.126 1.126 0 0 1-1.592-1.592L22.408 16z\"\n />\n </svg>\n );\n};\nSvgChevronDoubleRight.displayName = displayName;\nexport default SvgChevronDoubleRight;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgChevronDoubleUp: {
|
|
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 SvgChevronDoubleUp;
|
|
8
|
+
//# sourceMappingURL=chevron-double-up.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-double-up.d.ts","sourceRoot":"","sources":["../../../src/icons/chevron-double-up.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,kBAAkB;yFAOrB,SAAS;;CAqBX,CAAC;AAEF,eAAe,kBAAkB,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 = 'IconChevronDoubleUp';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgChevronDoubleUp = ({ 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: "M22.204 23.796a1.126 1.126 0 0 0 1.592-1.592l-7-7a1.126 1.126 0 0 0-1.592 0l-7 7a1.126 1.126 0 0 0 1.592 1.592L16 17.592z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M22.204 15.796a1.126 1.126 0 0 0 1.592-1.592l-7-7a1.126 1.126 0 0 0-1.592 0l-7 7a1.126 1.126 0 0 0 1.592 1.592L16 9.592z" })] }));
|
|
21
|
+
};
|
|
22
|
+
SvgChevronDoubleUp.displayName = displayName;
|
|
23
|
+
exports.default = SvgChevronDoubleUp;
|
|
24
|
+
//# sourceMappingURL=chevron-double-up.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron-double-up.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-up.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,2BAA2B;AAC3B,MAAM,kBAAkB,GAAG,CAAC,EAC1B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2HAA2H,GAC7H,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0HAA0H,GAC5H,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC7C,kBAAe,kBAAkB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleUp';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleUp = ({\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=\"M22.204 23.796a1.126 1.126 0 0 0 1.592-1.592l-7-7a1.126 1.126 0 0 0-1.592 0l-7 7a1.126 1.126 0 0 0 1.592 1.592L16 17.592z\"\n />\n <path\n fill=\"currentColor\"\n d=\"M22.204 15.796a1.126 1.126 0 0 0 1.592-1.592l-7-7a1.126 1.126 0 0 0-1.592 0l-7 7a1.126 1.126 0 0 0 1.592 1.592L16 9.592z\"\n />\n </svg>\n );\n};\nSvgChevronDoubleUp.displayName = displayName;\nexport default SvgChevronDoubleUp;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgCut: {
|
|
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 SvgCut;
|
|
8
|
+
//# sourceMappingURL=cut.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cut.d.ts","sourceRoot":"","sources":["../../../src/icons/cut.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,MAAM;yFAAwF,SAAS;;CAiB5G,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -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 = 'IconCut';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgCut = ({ 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: "M15.021 17.566a1 1 0 0 1 1.414-.044l8.25 7.75a1 1 0 1 1-1.37 1.457l-8.25-7.75a1 1 0 0 1-.043-1.413ZM9 21.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0M22 15a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zm7 0a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zM9 10.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m2 0c0 .596-.15 1.156-.412 1.647l2.67 2.487 10.06-9.365a1 1 0 0 1 1.364 1.463l-14.094 13.12A3.5 3.5 0 1 1 9.18 18.43L11.792 16l-2.611-2.43A3.5 3.5 0 1 1 11 10.5" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgCut.displayName = displayName;
|
|
23
|
+
exports.default = SvgCut;
|
|
24
|
+
//# sourceMappingURL=cut.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cut.js","sourceRoot":"","sources":["../../../src/icons/cut.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,SAAS,CAAC;AAC9B,2BAA2B;AAC3B,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IAC/G,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qaAAqa,GACva,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACjC,kBAAe,MAAM,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCut';\n/** Renders an SVG icon. */\nconst SvgCut = ({ 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=\"M15.021 17.566a1 1 0 0 1 1.414-.044l8.25 7.75a1 1 0 1 1-1.37 1.457l-8.25-7.75a1 1 0 0 1-.043-1.413ZM9 21.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0M22 15a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zm7 0a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zM9 10.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m2 0c0 .596-.15 1.156-.412 1.647l2.67 2.487 10.06-9.365a1 1 0 0 1 1.364 1.463l-14.094 13.12A3.5 3.5 0 1 1 9.18 18.43L11.792 16l-2.611-2.43A3.5 3.5 0 1 1 11 10.5\"\n />\n </svg>\n );\n};\nSvgCut.displayName = displayName;\nexport default SvgCut;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgDragHandle: {
|
|
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 SvgDragHandle;
|
|
8
|
+
//# sourceMappingURL=drag-handle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drag-handle.d.ts","sourceRoot":"","sources":["../../../src/icons/drag-handle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,aAAa;yFAOhB,SAAS;;CAiBX,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 = 'IconDragHandle';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgDragHandle = ({ 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: "M14 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7-16a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0" }) }));
|
|
21
|
+
};
|
|
22
|
+
SvgDragHandle.displayName = displayName;
|
|
23
|
+
exports.default = SvgDragHandle;
|
|
24
|
+
//# sourceMappingURL=drag-handle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drag-handle.js","sourceRoot":"","sources":["../../../src/icons/drag-handle.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,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,oMAAoM,GACtM,GACE,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 = 'IconDragHandle';\n/** Renders an SVG icon. */\nconst SvgDragHandle = ({\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=\"M14 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7-16a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0\"\n />\n </svg>\n );\n};\nSvgDragHandle.displayName = displayName;\nexport default SvgDragHandle;\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from '../components/types.js';
|
|
2
|
+
/** Renders an SVG icon. */
|
|
3
|
+
declare const SvgFileText: {
|
|
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 SvgFileText;
|
|
8
|
+
//# sourceMappingURL=file-text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-text.d.ts","sourceRoot":"","sources":["../../../src/icons/file-text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,WAAW;yFAAwF,SAAS;;CAqBjH,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 = 'IconFileText';
|
|
10
|
+
/** Renders an SVG icon. */
|
|
11
|
+
const SvgFileText = ({ 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: "M20 8h2.586L20 5.414zm6 19a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h10a1 1 0 0 1 .707.293l6 6A1 1 0 0 1 26 9zM8 27a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V10h-4.5A1.5 1.5 0 0 1 18 8.5V4H9a1 1 0 0 0-1 1z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M15 22a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zm6-4a1 1 0 1 1 0 2H11a1 1 0 1 1 0-2zm-2-4a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2z" })] }));
|
|
21
|
+
};
|
|
22
|
+
SvgFileText.displayName = displayName;
|
|
23
|
+
exports.default = SvgFileText;
|
|
24
|
+
//# sourceMappingURL=file-text.js.map
|