@flipdish/ui-library 0.11.7 → 0.11.8
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/components/atoms/Avatar/index.cjs +5 -1
- package/dist/components/atoms/Avatar/index.cjs.map +1 -1
- package/dist/components/atoms/Avatar/index.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/index.js +5 -1
- package/dist/components/atoms/Avatar/index.js.map +1 -1
- package/dist/components/atoms/Button/index.cjs +3 -1
- package/dist/components/atoms/Button/index.cjs.map +1 -1
- package/dist/components/atoms/Button/index.d.ts.map +1 -1
- package/dist/components/atoms/Button/index.js +3 -1
- package/dist/components/atoms/Button/index.js.map +1 -1
- package/dist/components/atoms/Input/index.cjs +1 -1
- package/dist/components/atoms/Input/index.cjs.map +1 -1
- package/dist/components/atoms/Input/index.d.ts.map +1 -1
- package/dist/components/atoms/Input/index.js +1 -1
- package/dist/components/atoms/Input/index.js.map +1 -1
- package/dist/components/atoms/ProgressBar/index.cjs +8 -5
- package/dist/components/atoms/ProgressBar/index.cjs.map +1 -1
- package/dist/components/atoms/ProgressBar/index.d.ts +14 -3
- package/dist/components/atoms/ProgressBar/index.d.ts.map +1 -1
- package/dist/components/atoms/ProgressBar/index.js +8 -5
- package/dist/components/atoms/ProgressBar/index.js.map +1 -1
- package/dist/components/atoms/Slider/index.cjs +2 -2
- package/dist/components/atoms/Slider/index.cjs.map +1 -1
- package/dist/components/atoms/Slider/index.d.ts +3 -1
- package/dist/components/atoms/Slider/index.d.ts.map +1 -1
- package/dist/components/atoms/Slider/index.js +2 -2
- package/dist/components/atoms/Slider/index.js.map +1 -1
- package/dist/components/molecules/EmptyState/index.cjs +1 -1
- package/dist/components/molecules/EmptyState/index.cjs.map +1 -1
- package/dist/components/molecules/EmptyState/index.d.ts.map +1 -1
- package/dist/components/molecules/EmptyState/index.js +1 -1
- package/dist/components/molecules/EmptyState/index.js.map +1 -1
- package/dist/components/molecules/Pagination/components/pagination-base.cjs +4 -3
- package/dist/components/molecules/Pagination/components/pagination-base.cjs.map +1 -1
- package/dist/components/molecules/Pagination/components/pagination-base.js +4 -3
- package/dist/components/molecules/Pagination/components/pagination-base.js.map +1 -1
- package/dist/components/molecules/Pagination/index.cjs +2 -2
- package/dist/components/molecules/Pagination/index.cjs.map +1 -1
- package/dist/components/molecules/Pagination/index.d.ts.map +1 -1
- package/dist/components/molecules/Pagination/index.js +2 -2
- package/dist/components/molecules/Pagination/index.js.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.cjs +2 -2
- package/dist/components/molecules/VerificationCodeInput/index.cjs.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.js +2 -2
- package/dist/components/molecules/VerificationCodeInput/index.js.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-header.cjs +1 -1
- package/dist/components/organisms/Calendar/components/calendar-header.cjs.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-header.js +1 -1
- package/dist/components/organisms/Calendar/components/calendar-header.js.map +1 -1
- package/dist/components/organisms/Calendar/index.cjs +4 -4
- package/dist/components/organisms/Calendar/index.cjs.map +1 -1
- package/dist/components/organisms/Calendar/index.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/index.js +4 -4
- package/dist/components/organisms/Calendar/index.js.map +1 -1
- package/dist/components/organisms/ColorPicker/index.cjs +1 -1
- package/dist/components/organisms/ColorPicker/index.cjs.map +1 -1
- package/dist/components/organisms/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/organisms/ColorPicker/index.js +1 -1
- package/dist/components/organisms/ColorPicker/index.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/calendar.cjs +1 -1
- package/dist/components/organisms/DatePicker/components/calendar.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/calendar.js +1 -1
- package/dist/components/organisms/DatePicker/components/calendar.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.cjs +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.js +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.js.map +1 -1
- package/dist/components/organisms/FileUpload/index.cjs +1 -1
- package/dist/components/organisms/FileUpload/index.cjs.map +1 -1
- package/dist/components/organisms/FileUpload/index.d.ts.map +1 -1
- package/dist/components/organisms/FileUpload/index.js +1 -1
- package/dist/components/organisms/FileUpload/index.js.map +1 -1
- package/dist/components/organisms/GradientPicker/index.cjs +1 -1
- package/dist/components/organisms/GradientPicker/index.cjs.map +1 -1
- package/dist/components/organisms/GradientPicker/index.d.ts.map +1 -1
- package/dist/components/organisms/GradientPicker/index.js +1 -1
- package/dist/components/organisms/GradientPicker/index.js.map +1 -1
- package/dist/components/organisms/HeaderNavigation/index.cjs +1 -1
- package/dist/components/organisms/HeaderNavigation/index.cjs.map +1 -1
- package/dist/components/organisms/HeaderNavigation/index.js +1 -1
- package/dist/components/organisms/HeaderNavigation/index.js.map +1 -1
- package/dist/components/organisms/Messaging/index.cjs +2 -1
- package/dist/components/organisms/Messaging/index.cjs.map +1 -1
- package/dist/components/organisms/Messaging/index.d.ts.map +1 -1
- package/dist/components/organisms/Messaging/index.js +2 -1
- package/dist/components/organisms/Messaging/index.js.map +1 -1
- package/dist/components/organisms/Table/index.cjs +1 -1
- package/dist/components/organisms/Table/index.cjs.map +1 -1
- package/dist/components/organisms/Table/index.d.ts.map +1 -1
- package/dist/components/organisms/Table/index.js +1 -1
- package/dist/components/organisms/Table/index.js.map +1 -1
- package/dist/components/organisms/TextEditor/index.cjs +8 -0
- package/dist/components/organisms/TextEditor/index.cjs.map +1 -1
- package/dist/components/organisms/TextEditor/index.d.ts.map +1 -1
- package/dist/components/organisms/TextEditor/index.js +8 -0
- package/dist/components/organisms/TextEditor/index.js.map +1 -1
- package/dist/components/organisms/VideoPlayer/index.cjs +1 -1
- package/dist/components/organisms/VideoPlayer/index.cjs.map +1 -1
- package/dist/components/organisms/VideoPlayer/index.d.ts.map +1 -1
- package/dist/components/organisms/VideoPlayer/index.js +1 -1
- package/dist/components/organisms/VideoPlayer/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -32,7 +32,11 @@ const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon:
|
|
|
32
32
|
const canShowImage = src && !isFailed;
|
|
33
33
|
const renderMainContent = () => {
|
|
34
34
|
if (canShowImage) {
|
|
35
|
-
return (jsxRuntime.jsx("img", { "data-avatar-img": true, "data-testid": testIdUtils.joinTestId(avatarTestId, 'image'), className: "size-full object-cover", src: src,
|
|
35
|
+
return (jsxRuntime.jsx("img", { "data-avatar-img": true, "data-testid": testIdUtils.joinTestId(avatarTestId, 'image'), className: "size-full object-cover", src: src,
|
|
36
|
+
// Always emit an `alt` attribute (axe `image-alt`). Avatars are typically
|
|
37
|
+
// paired with a visible name, so default to `''` (decorative) unless the
|
|
38
|
+
// consumer supplies a meaningful description.
|
|
39
|
+
alt: alt ?? '', onError: () => setIsFailed(true) }));
|
|
36
40
|
}
|
|
37
41
|
if (initials) {
|
|
38
42
|
return jsxRuntime.jsx("span", { className: cx.cx('text-quaternary', styles[size].initials), children: initials });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["useState","useResolvedTestId","_jsx","joinTestId","cx","User01","AvatarOnlineIndicator","VerifiedTick","AvatarCount","_jsxs"],"mappings":";;;;;;;;;;;;;AAgFA,MAAM,MAAM,GAAG;AACb,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AAClG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACvG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACnG,IAAA,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,+BAA+B,EAAE,IAAI,EAAE,QAAQ,EAAE;CAC/G;AAED;;;;;;AAMG;MACU,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,GAAG,EACH,GAAG,EACH,QAAQ,EACR,WAAW,EACX,eAAe,EAAE,eAAe,EAChC,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,IAAI,EACd,SAAS,EACT,gBAAgB,EAChB,aAAa,EAAE,UAAU,GACb,KAAI;IAChB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAC/C,IAAA,MAAM,YAAY,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAErG,IAAA,MAAM,YAAY,GAAG,GAAG,IAAI,CAAC,QAAQ;IAErC,MAAM,iBAAiB,GAAG,MAAK;QAC7B,IAAI,YAAY,EAAE;AAChB,YAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,aAAA,EAEeC,sBAAU,CAAC,YAAY,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["useState","useResolvedTestId","_jsx","joinTestId","cx","User01","AvatarOnlineIndicator","VerifiedTick","AvatarCount","_jsxs"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAK1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAWD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,GAAI,kMAiBpB,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAK1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAWD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,GAAI,kMAiBpB,WAAW,gCAsFb,CAAC"}
|
|
@@ -30,7 +30,11 @@ const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon:
|
|
|
30
30
|
const canShowImage = src && !isFailed;
|
|
31
31
|
const renderMainContent = () => {
|
|
32
32
|
if (canShowImage) {
|
|
33
|
-
return (jsx("img", { "data-avatar-img": true, "data-testid": joinTestId(avatarTestId, 'image'), className: "size-full object-cover", src: src,
|
|
33
|
+
return (jsx("img", { "data-avatar-img": true, "data-testid": joinTestId(avatarTestId, 'image'), className: "size-full object-cover", src: src,
|
|
34
|
+
// Always emit an `alt` attribute (axe `image-alt`). Avatars are typically
|
|
35
|
+
// paired with a visible name, so default to `''` (decorative) unless the
|
|
36
|
+
// consumer supplies a meaningful description.
|
|
37
|
+
alt: alt ?? '', onError: () => setIsFailed(true) }));
|
|
34
38
|
}
|
|
35
39
|
if (initials) {
|
|
36
40
|
return jsx("span", { className: cx('text-quaternary', styles[size].initials), children: initials });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAgFA,MAAM,MAAM,GAAG;AACb,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AAClG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACvG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACnG,IAAA,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,+BAA+B,EAAE,IAAI,EAAE,QAAQ,EAAE;CAC/G;AAED;;;;;;AAMG;MACU,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,GAAG,EACH,GAAG,EACH,QAAQ,EACR,WAAW,EACX,eAAe,EAAE,eAAe,EAChC,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,IAAI,EACd,SAAS,EACT,gBAAgB,EAChB,aAAa,EAAE,UAAU,GACb,KAAI;IAChB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC/C,IAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAErG,IAAA,MAAM,YAAY,GAAG,GAAG,IAAI,CAAC,QAAQ;IAErC,MAAM,iBAAiB,GAAG,MAAK;QAC7B,IAAI,YAAY,EAAE;AAChB,YAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,aAAA,EAEe,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -153,7 +153,9 @@ const Button = ({ size = 'sm', color = 'primary', children, className, noTextPad
|
|
|
153
153
|
isDisabled: disabled,
|
|
154
154
|
className: cx.cx(styles.common.root, styles.sizes[size].root, styles.colors[color].root, isLinkType && styles.sizes[size].linkRoot, (loading || (href && (disabled || loading))) && 'pointer-events-none',
|
|
155
155
|
// If in `loading` state, hide everything except the loading icon (and text if `showTextWhileLoading` is true).
|
|
156
|
-
|
|
156
|
+
// Use `opacity-0` (not `invisible`) for the hidden label so it stays in the accessibility tree and the
|
|
157
|
+
// button keeps a discernible accessible name for screen readers while loading.
|
|
158
|
+
loading && (showTextWhileLoading ? '[&>*:not([data-icon=loading]):not([data-text])]:hidden' : '[&>*:not([data-icon=loading])]:opacity-0'), className),
|
|
157
159
|
children: commonChildren,
|
|
158
160
|
};
|
|
159
161
|
if ('href' in commonProps) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","_Fragment","isValidElement","isReactComponent","_jsx","cx","AriaLink","AriaButton"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","_Fragment","isValidElement","isReactComponent","_jsx","cx","AriaLink","AriaButton"],"mappings":";;;;;;;;;AAUO,MAAM,MAAM,GAAGA,SAAM,CAAC;AAC3B,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE;YACJ,wNAAwN;;YAExN,kYAAkY;;YAElY,4FAA4F;;YAE5F,4GAA4G;SAC7G,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,IAAI,EAAE,4DAA4D;AACnE,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE;gBACJ,8FAA8F;gBAC9F,sGAAsG;gBACtG,gDAAgD;aACjD,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,YAAA,QAAQ,EAAE,sCAAsC;AACjD,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE;gBACJ,0FAA0F;gBAC1F,sGAAsG;aACvG,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,YAAA,QAAQ,EAAE,sCAAsC;AACjD,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE;gBACJ,gGAAgG;gBAChG,iIAAiI;aAClI,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,YAAA,QAAQ,EAAE,sCAAsC;AACjD,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,8FAA8F;AACpG,YAAA,QAAQ,EAAE,wCAAwC;AACnD,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,gGAAgG;AACtG,YAAA,QAAQ,EAAE,wCAAwC;AACnD,SAAA;AACF,KAAA;AAED,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE;gBACJ,kJAAkJ;;gBAElJ,4FAA4F;;gBAE5F,2DAA2D;aAC5D,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE;gBACJ,iKAAiK;;gBAEjK,2EAA2E;aAC5E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE;gBACJ,8FAA8F;;gBAE9F,2EAA2E;aAC5E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE;gBACJ,mFAAmF;;gBAEnF,8GAA8G;;gBAE9G,yFAAyF;aAC1F,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,IAAI,EAAE;gBACJ,qEAAqE;;gBAErE,qGAAqG;;gBAErG,2EAA2E;aAC5E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,qBAAqB,EAAE;AACrB,YAAA,IAAI,EAAE;gBACJ,gKAAgK;;gBAEhK,4FAA4F;;gBAE5F,2DAA2D;aAC5D,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,uBAAuB,EAAE;AACvB,YAAA,IAAI,EAAE;gBACJ,4LAA4L;;gBAE5L,6EAA6E;aAC9E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,sBAAsB,EAAE;AACtB,YAAA,IAAI,EAAE;gBACJ,sHAAsH;;gBAEtH,6EAA6E;aAC9E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,kBAAkB,EAAE;AAClB,YAAA,IAAI,EAAE;gBACJ,6FAA6F;;gBAE7F,8HAA8H;;gBAE9H,6EAA6E;aAC9E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACF,KAAA;AACF,CAAA;AA2CD;;;;;;AAMG;MACU,MAAM,GAGf,CAAC,EACH,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,OAAO,EAClB,oBAAoB,EACpB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,IAAI,GAAG,MAAM,IAAI,KAAK,GAAG,KAAK,CAAC,IAAI,GAAG,SAAS;AACrD,IAAA,MAAM,YAAY,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAErG,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS;IAC/D,MAAM,MAAM,GAAG,CAAC,WAAW,IAAI,YAAY,KAAK,CAAC,WAAW;AAC5D,IAAA,MAAM,UAAU,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;AAElF,IAAA,aAAa,GAAG,UAAU,IAAI,aAAa;AAE3C,IAAA,MAAM,cAAc,IAClBC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAEGC,oBAAc,CAAC,WAAW,CAAC,IAAI,WAAW,EAC1CC,iCAAgB,CAAC,WAAW,CAAC,IAAIC,cAAA,CAAC,WAAW,EAAA,EAAA,WAAA,EAAW,SAAS,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAA,CAAI,EAEnG,OAAO;;AAEN,YAAAJ,eAAA,CAAA,KAAA,EAAA,EACE,IAAI,EAAC,MAAM,EAAA,WAAA,EACD,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAEK,KAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,oBAAoB,IAAI,6DAA6D,CAAC,EAAA,QAAA,EAAA,CAGzHD,cAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,2BAA2B,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAA,CAAG,EAElGA,cAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAC,2CAA2C,EACrD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,EACf,eAAe,EAAC,SAAS,EACzB,aAAa,EAAC,OAAO,EAAA,CACrB,CAAA,EAAA,CACE,CACP,EAEA,WAAW,KACVA,cAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,IAAA,EAAgB,SAAS,EAAEC,KAAE,CAAC,wBAAwB,EAAE,CAAC,aAAa,IAAI,QAAQ,CAAC,EAAA,QAAA,EAChF,QAAQ,EAAA,CACJ,CACR,EAGAH,oBAAc,CAAC,YAAY,CAAC,IAAI,YAAY,EAC5CC,iCAAgB,CAAC,YAAY,CAAC,IAAIC,cAAA,CAAC,YAAY,EAAA,EAAA,WAAA,EAAW,UAAU,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAA,CAAI,CAAA,EAAA,CACtG,CACJ;AAED,IAAA,MAAM,WAAW,GAAG;QAClB,cAAc,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS;QAC1C,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;AAC3C,QAAA,aAAa,EAAE,YAAY;AAC3B,QAAA,GAAG,KAAK;AACR,QAAA,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAEC,KAAE,CACX,MAAM,CAAC,MAAM,CAAC,IAAI,EAClB,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EACvB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,EACzB,UAAU,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,EACzC,CAAC,OAAO,KAAK,IAAI,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,KAAK,qBAAqB;;;;AAIrE,QAAA,OAAO,KAAK,oBAAoB,GAAG,wDAAwD,GAAG,0CAA0C,CAAC,EACzI,SAAS,CACV;AACD,QAAA,QAAQ,EAAE,cAAc;KACzB;AAED,IAAA,IAAI,MAAM,IAAI,WAAW,EAAE;QACzB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW;AAC7C,QAAA,OAAOD,eAACE,wBAAQ,EAAA,EAAA,GAAK,SAAS,EAAA,IAAO,QAAQ,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,GAAI;IACpE;AAEA,IAAA,OAAOF,eAACG,0BAAU,EAAA,EAAA,GAAK,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAI;AAChG;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGxG,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHjB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;IACnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,uDAAuD;IACvD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6GAA6G;IAC7G,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,CAAC;CAAG;AACpG;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,WAAW,CAAC;IAC3F,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;CAC1C;AAED,0CAA0C;AAC1C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE;IACnB,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGxG,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHjB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;IACnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,uDAAuD;IACvD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6GAA6G;IAC7G,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,CAAC;CAAG;AACpG;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,WAAW,CAAC;IAC3F,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;CAC1C;AAED,0CAA0C;AAC1C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE;IACnB,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;CA6FjD,CAAC"}
|
|
@@ -151,7 +151,9 @@ const Button = ({ size = 'sm', color = 'primary', children, className, noTextPad
|
|
|
151
151
|
isDisabled: disabled,
|
|
152
152
|
className: cx(styles.common.root, styles.sizes[size].root, styles.colors[color].root, isLinkType && styles.sizes[size].linkRoot, (loading || (href && (disabled || loading))) && 'pointer-events-none',
|
|
153
153
|
// If in `loading` state, hide everything except the loading icon (and text if `showTextWhileLoading` is true).
|
|
154
|
-
|
|
154
|
+
// Use `opacity-0` (not `invisible`) for the hidden label so it stays in the accessibility tree and the
|
|
155
|
+
// button keeps a discernible accessible name for screen readers while loading.
|
|
156
|
+
loading && (showTextWhileLoading ? '[&>*:not([data-icon=loading]):not([data-text])]:hidden' : '[&>*:not([data-icon=loading])]:opacity-0'), className),
|
|
155
157
|
children: commonChildren,
|
|
156
158
|
};
|
|
157
159
|
if ('href' in commonProps) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx","AriaLink","AriaButton"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx","AriaLink","AriaButton"],"mappings":"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"}
|
|
@@ -46,7 +46,7 @@ const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, i
|
|
|
46
46
|
// Invalid state styles
|
|
47
47
|
isInvalid && 'ring-error_subtle', 'group-invalid:ring-error_subtle',
|
|
48
48
|
// Invalid state with focus-within styles
|
|
49
|
-
isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsxRuntime.jsx(Icon, { className: cx.cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsxRuntime.jsx(reactAriaComponents.Input, { ...inputProps, ref: ref, "data-testid": inputTestId, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx.cx('m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed', sizes[inputSize].root, context?.inputClassName, inputClassName) }), tooltip && type !== 'password' && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { className: cx.cx('absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsxRuntime.jsx(uiIcons.InfoCircle, { className: cx.cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) })), type === 'password' && (jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx.cx('absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden', sizes[inputSize].iconTrailing), children: isPasswordVisible ? jsxRuntime.jsx(uiIcons.EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsxRuntime.jsx(uiIcons.Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsxRuntime.jsx("div", { className: cx.cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[inputSize].shortcut), children: jsxRuntime.jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
|
|
49
|
+
isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsxRuntime.jsx(Icon, { className: cx.cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsxRuntime.jsx(reactAriaComponents.Input, { ...inputProps, ref: ref, "data-testid": inputTestId, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx.cx('m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed', sizes[inputSize].root, context?.inputClassName, inputClassName) }), tooltip && type !== 'password' && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { "aria-label": "More information", className: cx.cx('absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsxRuntime.jsx(uiIcons.InfoCircle, { className: cx.cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) })), type === 'password' && (jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx.cx('absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden', sizes[inputSize].iconTrailing), children: isPasswordVisible ? jsxRuntime.jsx(uiIcons.EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsxRuntime.jsx(uiIcons.Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsxRuntime.jsx("div", { className: cx.cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[inputSize].shortcut), children: jsxRuntime.jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
|
|
50
50
|
};
|
|
51
51
|
InputBase.displayName = 'InputBase';
|
|
52
52
|
const TextFieldContext = React.createContext({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Input/index.tsx"],"sourcesContent":[null],"names":["useState","useResolvedTestId","useContext","sortCx","cx","_jsxs","AriaGroup","_jsx","AriaInput","Tooltip","TooltipTrigger","HelpCircle","InfoCircle","AriaButton","EyeOff","Eye","createContext","AriaTextField","label","_Fragment","Label","HintText"],"mappings":";;;;;;;;;;;;MAiDa,SAAS,GAAG,CAAC,EACxB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,SAAS,EACT,UAAU,EACV,UAAU,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,IAAI,GAAG,MAAM,EACb,aAAa,EAAE,UAAU,EACzB,GAAG,UAAU,EACE,KAAI;IACnB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACjE,IAAA,MAAM,WAAW,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;;;AAIlG,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,KAAK,UAAU;IACrF,MAAM,cAAc,GAAG,IAAI;;AAG3B,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,gBAAgB,CAAC;AAE5C,IAAA,MAAM,SAAS,GAAG,OAAO,EAAE,IAAI,IAAI,IAAI;IAEvC,MAAM,KAAK,GAAGC,SAAM,CAAC;AACnB,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAEC,KAAE,CAAC,mBAAmB,EAAE,cAAc,IAAI,MAAM,EAAE,eAAe,IAAI,MAAM,CAAC;AAClF,YAAA,WAAW,EAAE,+BAA+B;AAC5C,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,QAAQ,EAAE,QAAQ;AACnB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAEA,KAAE,CAAC,mBAAmB,EAAE,cAAc,IAAI,OAAO,EAAE,eAAe,IAAI,MAAM,CAAC;AACnF,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,QAAQ,EAAE,MAAM;AACjB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAEA,KAAE,CAAC,uBAAuB,EAAE,cAAc,IAAI,SAAS,EAAE,eAAe,IAAI,QAAQ,CAAC;AAC3F,YAAA,WAAW,EAAE,iBAAiB;AAC9B,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,QAAQ,EAAE,QAAQ;AACnB,SAAA;AACF,KAAA,CAAC;AAEF,IAAA,QACEC,eAAA,CAACC,yBAAS,EAAA,EACF,UAAU,EAAE,SAAS,EAC3B,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,KAClDF,KAAE,CACA,6LAA6L,EAE7L,aAAa,IAAI,CAAC,UAAU,IAAI,mBAAmB;;QAGnD,UAAU,IAAI,+BAA+B,EAC7C,6DAA6D;;QAG7D,SAAS,IAAI,mBAAmB,EAChC,iCAAiC;;AAGjC,QAAA,SAAS,IAAI,aAAa,IAAI,mBAAmB,EACjD,aAAa,IAAI,+CAA+C,EAEhE,OAAO,EAAE,gBAAgB,EACzB,gBAAgB,CACjB,EAAA,QAAA,EAAA,CAIF,IAAI,KACHG,cAAA,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Input/index.tsx"],"sourcesContent":[null],"names":["useState","useResolvedTestId","useContext","sortCx","cx","_jsxs","AriaGroup","_jsx","AriaInput","Tooltip","TooltipTrigger","HelpCircle","InfoCircle","AriaButton","EyeOff","Eye","createContext","AriaTextField","label","_Fragment","Label","HintText"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,aAAa,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAC/H,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKhH,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;gOAkBnB,cAAc;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,aAAa,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAC/H,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKhH,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;gOAkBnB,cAAc;;CAkJhB,CAAC;AAIF,UAAU,qBACR,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,kBAAkB,CAAC,CAAC;CAAG;AAIjI,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,qBAAqB;CAAG;AAEpF,eAAO,MAAM,SAAS;uGAQnB,cAAc;;CAahB,CAAC;AAIF,MAAM,WAAW,UACf,SAAQ,kBAAkB,EACxB,IAAI,CACF,cAAc,EACZ,KAAK,GACL,aAAa,GACb,MAAM,GACN,UAAU,GACV,SAAS,GACT,UAAU,GACV,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,CACrB;IACH,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK;uOAmBf,UAAU;;CAoCZ,CAAC"}
|
|
@@ -44,7 +44,7 @@ const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, i
|
|
|
44
44
|
// Invalid state styles
|
|
45
45
|
isInvalid && 'ring-error_subtle', 'group-invalid:ring-error_subtle',
|
|
46
46
|
// Invalid state with focus-within styles
|
|
47
|
-
isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsx(Icon, { className: cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsx(Input$1, { ...inputProps, ref: ref, "data-testid": inputTestId, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx('m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed', sizes[inputSize].root, context?.inputClassName, inputClassName) }), tooltip && type !== 'password' && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { className: cx('absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsx(HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsx(InfoCircle, { className: cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) })), type === 'password' && (jsx(Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx('absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden', sizes[inputSize].iconTrailing), children: isPasswordVisible ? jsx(EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsx(Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsx("div", { className: cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[inputSize].shortcut), children: jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
|
|
47
|
+
isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsx(Icon, { className: cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsx(Input$1, { ...inputProps, ref: ref, "data-testid": inputTestId, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx('m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed', sizes[inputSize].root, context?.inputClassName, inputClassName) }), tooltip && type !== 'password' && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { "aria-label": "More information", className: cx('absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsx(HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsx(InfoCircle, { className: cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) })), type === 'password' && (jsx(Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx('absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden', sizes[inputSize].iconTrailing), children: isPasswordVisible ? jsx(EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsx(Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsx("div", { className: cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[inputSize].shortcut), children: jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
|
|
48
48
|
};
|
|
49
49
|
InputBase.displayName = 'InputBase';
|
|
50
50
|
const TextFieldContext = createContext({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Input/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","_jsx","AriaInput","AriaButton","AriaTextField","_Fragment"],"mappings":";;;;;;;;;;MAiDa,SAAS,GAAG,CAAC,EACxB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,SAAS,EACT,UAAU,EACV,UAAU,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,IAAI,GAAG,MAAM,EACb,aAAa,EAAE,UAAU,EACzB,GAAG,UAAU,EACE,KAAI;IACnB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjE,IAAA,MAAM,WAAW,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;;;AAIlG,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,KAAK,UAAU;IACrF,MAAM,cAAc,GAAG,IAAI;;AAG3B,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC;AAE5C,IAAA,MAAM,SAAS,GAAG,OAAO,EAAE,IAAI,IAAI,IAAI;IAEvC,MAAM,KAAK,GAAG,MAAM,CAAC;AACnB,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,EAAE,CAAC,mBAAmB,EAAE,cAAc,IAAI,MAAM,EAAE,eAAe,IAAI,MAAM,CAAC;AAClF,YAAA,WAAW,EAAE,+BAA+B;AAC5C,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,QAAQ,EAAE,QAAQ;AACnB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,EAAE,CAAC,mBAAmB,EAAE,cAAc,IAAI,OAAO,EAAE,eAAe,IAAI,MAAM,CAAC;AACnF,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,QAAQ,EAAE,MAAM;AACjB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,IAAI,SAAS,EAAE,eAAe,IAAI,QAAQ,CAAC;AAC3F,YAAA,WAAW,EAAE,iBAAiB;AAC9B,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,QAAQ,EAAE,QAAQ;AACnB,SAAA;AACF,KAAA,CAAC;AAEF,IAAA,QACEA,IAAA,CAACC,KAAS,EAAA,EACF,UAAU,EAAE,SAAS,EAC3B,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,KAClD,EAAE,CACA,6LAA6L,EAE7L,aAAa,IAAI,CAAC,UAAU,IAAI,mBAAmB;;QAGnD,UAAU,IAAI,+BAA+B,EAC7C,6DAA6D;;QAG7D,SAAS,IAAI,mBAAmB,EAChC,iCAAiC;;AAGjC,QAAA,SAAS,IAAI,aAAa,IAAI,mBAAmB,EACjD,aAAa,IAAI,+CAA+C,EAEhE,OAAO,EAAE,gBAAgB,EACzB,gBAAgB,CACjB,EAAA,QAAA,EAAA,CAIF,IAAI,KACHC,GAAA,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Input/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","_jsx","AriaInput","AriaButton","AriaTextField","_Fragment"],"mappings":"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"}
|
|
@@ -5,12 +5,15 @@ var cx = require('@flipdish/ui-library/utilities/cx');
|
|
|
5
5
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
|
-
* A basic progress bar component
|
|
8
|
+
* A basic progress bar component: the bare `role="progressbar"` track with no
|
|
9
|
+
* value label. Use `ProgressBar` when you need a formatted value alongside it.
|
|
10
|
+
*
|
|
11
|
+
* @summary bare progress bar track without a value label
|
|
9
12
|
*/
|
|
10
|
-
const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassName, 'data-testid': dataTestId }) => {
|
|
13
|
+
const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassName, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'data-testid': dataTestId, }) => {
|
|
11
14
|
const percentage = ((value - min) * 100) / (max - min);
|
|
12
15
|
const progressBarTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'progress-bar', rootName: 'progress-bar' });
|
|
13
|
-
return (jsxRuntime.jsx("div", { role: "progressbar", "data-testid": progressBarTestId, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, className: cx.cx('h-2 w-full overflow-hidden rounded-md bg-quaternary', className), children: jsxRuntime.jsx("div", {
|
|
16
|
+
return (jsxRuntime.jsx("div", { role: "progressbar", "data-testid": progressBarTestId, "aria-label": ariaLabelledby ? undefined : (ariaLabel ?? 'Progress'), "aria-labelledby": ariaLabelledby, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, className: cx.cx('h-2 w-full overflow-hidden rounded-md bg-quaternary', className), children: jsxRuntime.jsx("div", {
|
|
14
17
|
// Use transform instead of width to avoid layout thrashing (and for smoother animation)
|
|
15
18
|
style: { transform: `translateX(-${100 - percentage}%)` }, className: cx.cx('size-full rounded-md bg-fg-brand-primary transition duration-75 ease-linear', progressClassName) }) }));
|
|
16
19
|
};
|
|
@@ -19,10 +22,10 @@ const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassNa
|
|
|
19
22
|
*
|
|
20
23
|
* @summary Displays the completion of a task or process as a filled horizontal bar.
|
|
21
24
|
*/
|
|
22
|
-
const ProgressBar = ({ value, min = 0, max = 100, valueFormatter, labelPosition, className, progressClassName, 'data-testid': dataTestId, }) => {
|
|
25
|
+
const ProgressBar = ({ value, min = 0, max = 100, valueFormatter, labelPosition, className, progressClassName, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'data-testid': dataTestId, }) => {
|
|
23
26
|
const percentage = ((value - min) * 100) / (max - min);
|
|
24
27
|
const formattedValue = valueFormatter ? valueFormatter(value, percentage) : `${percentage.toFixed(0)}%`; // Default to rounded percentage
|
|
25
|
-
const baseProgressBar = (jsxRuntime.jsx(ProgressBarBase, { min: min, max: max, value: value, className: className, progressClassName: progressClassName, "data-testid": dataTestId }));
|
|
28
|
+
const baseProgressBar = (jsxRuntime.jsx(ProgressBarBase, { min: min, max: max, value: value, className: className, progressClassName: progressClassName, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "data-testid": dataTestId }));
|
|
26
29
|
switch (labelPosition) {
|
|
27
30
|
case 'right':
|
|
28
31
|
return (jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [baseProgressBar, jsxRuntime.jsx("span", { className: "shrink-0 text-sm font-medium text-secondary tabular-nums", children: formattedValue })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/ProgressBar/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","cx","_jsxs"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/ProgressBar/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","cx","_jsxs"],"mappings":"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"}
|
|
@@ -26,13 +26,24 @@ export interface ProgressBarProps {
|
|
|
26
26
|
* It receives the raw value and the calculated percentage.
|
|
27
27
|
*/
|
|
28
28
|
valueFormatter?: (value: number, valueInPercentage: number) => string | number;
|
|
29
|
+
/**
|
|
30
|
+
* Accessible name for the progress bar, exposed to assistive tech (axe
|
|
31
|
+
* `aria-progressbar-name`). Defaults to `'Progress'`; supply a specific label
|
|
32
|
+
* (e.g. `'Upload progress'`) where the surrounding context isn't obvious.
|
|
33
|
+
*/
|
|
34
|
+
'aria-label'?: string;
|
|
35
|
+
/** Id of an element that labels the progress bar (alternative to `aria-label`). */
|
|
36
|
+
'aria-labelledby'?: string;
|
|
29
37
|
/** Overrides the `data-testid` (defaults to `fd-progress-bar`). */
|
|
30
38
|
'data-testid'?: string;
|
|
31
39
|
}
|
|
32
40
|
/**
|
|
33
|
-
* A basic progress bar component
|
|
41
|
+
* A basic progress bar component: the bare `role="progressbar"` track with no
|
|
42
|
+
* value label. Use `ProgressBar` when you need a formatted value alongside it.
|
|
43
|
+
*
|
|
44
|
+
* @summary bare progress bar track without a value label
|
|
34
45
|
*/
|
|
35
|
-
export declare const ProgressBarBase: ({ value, min, max, className, progressClassName, "data-testid": dataTestId }: ProgressBarProps) => import("react").JSX.Element;
|
|
46
|
+
export declare const ProgressBarBase: ({ value, min, max, className, progressClassName, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "data-testid": dataTestId, }: ProgressBarProps) => import("react").JSX.Element;
|
|
36
47
|
type ProgressBarLabelPosition = 'right' | 'bottom' | 'top-floating' | 'bottom-floating';
|
|
37
48
|
export interface ProgressIndicatorWithTextProps extends ProgressBarProps {
|
|
38
49
|
/**
|
|
@@ -49,6 +60,6 @@ export interface ProgressIndicatorWithTextProps extends ProgressBarProps {
|
|
|
49
60
|
*
|
|
50
61
|
* @summary Displays the completion of a task or process as a filled horizontal bar.
|
|
51
62
|
*/
|
|
52
|
-
export declare const ProgressBar: ({ value, min, max, valueFormatter, labelPosition, className, progressClassName, "data-testid": dataTestId, }: ProgressIndicatorWithTextProps) => import("react").JSX.Element;
|
|
63
|
+
export declare const ProgressBar: ({ value, min, max, valueFormatter, labelPosition, className, progressClassName, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "data-testid": dataTestId, }: ProgressIndicatorWithTextProps) => import("react").JSX.Element;
|
|
53
64
|
export {};
|
|
54
65
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ProgressBar/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC/E,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ProgressBar/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC/E;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,2IAS7B,gBAAgB,gCAwBlB,CAAC;AAEF,KAAK,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAExF,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB;IACtE;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,wBAAwB,CAAC;CAC1C;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,0KAWzB,8BAA8B,gCA4DhC,CAAC"}
|
|
@@ -3,12 +3,15 @@ import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
|
3
3
|
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
|
-
* A basic progress bar component
|
|
6
|
+
* A basic progress bar component: the bare `role="progressbar"` track with no
|
|
7
|
+
* value label. Use `ProgressBar` when you need a formatted value alongside it.
|
|
8
|
+
*
|
|
9
|
+
* @summary bare progress bar track without a value label
|
|
7
10
|
*/
|
|
8
|
-
const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassName, 'data-testid': dataTestId }) => {
|
|
11
|
+
const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassName, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'data-testid': dataTestId, }) => {
|
|
9
12
|
const percentage = ((value - min) * 100) / (max - min);
|
|
10
13
|
const progressBarTestId = useResolvedTestId({ testId: dataTestId, segment: 'progress-bar', rootName: 'progress-bar' });
|
|
11
|
-
return (jsx("div", { role: "progressbar", "data-testid": progressBarTestId, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, className: cx('h-2 w-full overflow-hidden rounded-md bg-quaternary', className), children: jsx("div", {
|
|
14
|
+
return (jsx("div", { role: "progressbar", "data-testid": progressBarTestId, "aria-label": ariaLabelledby ? undefined : (ariaLabel ?? 'Progress'), "aria-labelledby": ariaLabelledby, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, className: cx('h-2 w-full overflow-hidden rounded-md bg-quaternary', className), children: jsx("div", {
|
|
12
15
|
// Use transform instead of width to avoid layout thrashing (and for smoother animation)
|
|
13
16
|
style: { transform: `translateX(-${100 - percentage}%)` }, className: cx('size-full rounded-md bg-fg-brand-primary transition duration-75 ease-linear', progressClassName) }) }));
|
|
14
17
|
};
|
|
@@ -17,10 +20,10 @@ const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassNa
|
|
|
17
20
|
*
|
|
18
21
|
* @summary Displays the completion of a task or process as a filled horizontal bar.
|
|
19
22
|
*/
|
|
20
|
-
const ProgressBar = ({ value, min = 0, max = 100, valueFormatter, labelPosition, className, progressClassName, 'data-testid': dataTestId, }) => {
|
|
23
|
+
const ProgressBar = ({ value, min = 0, max = 100, valueFormatter, labelPosition, className, progressClassName, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'data-testid': dataTestId, }) => {
|
|
21
24
|
const percentage = ((value - min) * 100) / (max - min);
|
|
22
25
|
const formattedValue = valueFormatter ? valueFormatter(value, percentage) : `${percentage.toFixed(0)}%`; // Default to rounded percentage
|
|
23
|
-
const baseProgressBar = (jsx(ProgressBarBase, { min: min, max: max, value: value, className: className, progressClassName: progressClassName, "data-testid": dataTestId }));
|
|
26
|
+
const baseProgressBar = (jsx(ProgressBarBase, { min: min, max: max, value: value, className: className, progressClassName: progressClassName, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "data-testid": dataTestId }));
|
|
24
27
|
switch (labelPosition) {
|
|
25
28
|
case 'right':
|
|
26
29
|
return (jsxs("div", { className: "flex items-center gap-3", children: [baseProgressBar, jsx("span", { className: "shrink-0 text-sm font-medium text-secondary tabular-nums", children: formattedValue })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/ProgressBar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/ProgressBar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -18,14 +18,14 @@ const styles = cx.sortCx({
|
|
|
18
18
|
*
|
|
19
19
|
* @summary draggable range input for selecting a numeric value
|
|
20
20
|
*/
|
|
21
|
-
const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, labelFormatter, formatOptions, 'data-testid': dataTestId, ...rest }) => {
|
|
21
|
+
const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, label, labelFormatter, formatOptions, 'data-testid': dataTestId, ...rest }) => {
|
|
22
22
|
// Format thumb value as percentage by default.
|
|
23
23
|
const defaultFormatOptions = {
|
|
24
24
|
style: 'percent',
|
|
25
25
|
maximumFractionDigits: 0,
|
|
26
26
|
};
|
|
27
27
|
const sliderTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'slider', rootName: 'slider' });
|
|
28
|
-
return (jsxRuntime.jsxs(reactAriaComponents.Slider, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, "data-testid": sliderTestId, children: [jsxRuntime.jsx(reactAriaComponents.Label, {}), jsxRuntime.jsx(reactAriaComponents.SliderTrack, { className: "relative h-6 w-full", "data-testid": testIdUtils.joinTestId(sliderTestId, 'track'), children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
|
|
28
|
+
return (jsxRuntime.jsxs(reactAriaComponents.Slider, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, "data-testid": sliderTestId, children: [label ? jsxRuntime.jsx(reactAriaComponents.Label, { children: label }) : null, jsxRuntime.jsx(reactAriaComponents.SliderTrack, { className: "relative h-6 w-full", "data-testid": testIdUtils.joinTestId(sliderTestId, 'track'), children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
|
|
29
29
|
const left = values.length === 1 ? 0 : getThumbPercent(0);
|
|
30
30
|
const width = values.length === 1 ? getThumbPercent(0) : getThumbPercent(1) - left;
|
|
31
31
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-quaternary" }), jsxRuntime.jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-brand-solid", style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","joinTestId","_Fragment","AriaSliderThumb","cx","AriaSliderOutput"],"mappings":";;;;;;;AAaA,MAAM,MAAM,GAAGA,SAAM,CAAC;AACpB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,MAAM,EAAE,4FAA4F;AACpG,IAAA,cAAc,EACZ,wKAAwK;AAC3K,CAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","joinTestId","_Fragment","AriaSliderThumb","cx","AriaSliderOutput"],"mappings":"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"}
|
|
@@ -6,6 +6,8 @@ declare const styles: {
|
|
|
6
6
|
};
|
|
7
7
|
export interface SliderProps extends AriaSliderProps {
|
|
8
8
|
labelPosition?: keyof typeof styles;
|
|
9
|
+
/** Visible text label for the slider. When omitted, pass `aria-label` to give the control an accessible name. */
|
|
10
|
+
label?: string;
|
|
9
11
|
labelFormatter?: (value: number) => string;
|
|
10
12
|
/** Overrides the `data-testid` (defaults to `fd-slider`); the track, thumb(s), and output derive their ids from it. */
|
|
11
13
|
'data-testid'?: string;
|
|
@@ -18,6 +20,6 @@ export interface SliderProps extends AriaSliderProps {
|
|
|
18
20
|
*
|
|
19
21
|
* @summary draggable range input for selecting a numeric value
|
|
20
22
|
*/
|
|
21
|
-
export declare const Slider: ({ labelPosition, minValue, maxValue, labelFormatter, formatOptions, "data-testid": dataTestId, ...rest }: SliderProps) => import("react").JSX.Element;
|
|
23
|
+
export declare const Slider: ({ labelPosition, minValue, maxValue, label, labelFormatter, formatOptions, "data-testid": dataTestId, ...rest }: SliderProps) => import("react").JSX.Element;
|
|
22
24
|
export {};
|
|
23
25
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Slider/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAS5E,QAAA,MAAM,MAAM;;;;CAKV,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,aAAa,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,uHAAuH;IACvH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Slider/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAS5E,QAAA,MAAM,MAAM;;;;CAKV,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,aAAa,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACpC,iHAAiH;IACjH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,uHAAuH;IACvH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,iHASpB,WAAW,gCAwDb,CAAC"}
|
|
@@ -16,14 +16,14 @@ const styles = sortCx({
|
|
|
16
16
|
*
|
|
17
17
|
* @summary draggable range input for selecting a numeric value
|
|
18
18
|
*/
|
|
19
|
-
const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, labelFormatter, formatOptions, 'data-testid': dataTestId, ...rest }) => {
|
|
19
|
+
const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, label, labelFormatter, formatOptions, 'data-testid': dataTestId, ...rest }) => {
|
|
20
20
|
// Format thumb value as percentage by default.
|
|
21
21
|
const defaultFormatOptions = {
|
|
22
22
|
style: 'percent',
|
|
23
23
|
maximumFractionDigits: 0,
|
|
24
24
|
};
|
|
25
25
|
const sliderTestId = useResolvedTestId({ testId: dataTestId, segment: 'slider', rootName: 'slider' });
|
|
26
|
-
return (jsxs(Slider$1, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, "data-testid": sliderTestId, children: [jsx(Label, {}), jsx(SliderTrack, { className: "relative h-6 w-full", "data-testid": joinTestId(sliderTestId, 'track'), children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
|
|
26
|
+
return (jsxs(Slider$1, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, "data-testid": sliderTestId, children: [label ? jsx(Label, { children: label }) : null, jsx(SliderTrack, { className: "relative h-6 w-full", "data-testid": joinTestId(sliderTestId, 'track'), children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
|
|
27
27
|
const left = values.length === 1 ? 0 : getThumbPercent(0);
|
|
28
28
|
const width = values.length === 1 ? getThumbPercent(0) : getThumbPercent(1) - left;
|
|
29
29
|
return (jsxs(Fragment, { children: [jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-quaternary" }), jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-brand-solid", style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","_Fragment","AriaSliderThumb","AriaSliderOutput"],"mappings":";;;;;AAaA,MAAM,MAAM,GAAG,MAAM,CAAC;AACpB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,MAAM,EAAE,4FAA4F;AACpG,IAAA,cAAc,EACZ,wKAAwK;AAC3K,CAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","_Fragment","AriaSliderThumb","AriaSliderOutput"],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ const FeaturedIcon = ({ color = 'gray', theme = 'modern', icon = uiIcons.SearchL
|
|
|
20
20
|
};
|
|
21
21
|
const Illustration = ({ type = 'cloud', color = 'gray', size = 'lg', ...props }) => {
|
|
22
22
|
const { size: rootSize } = React.useContext(RootContext);
|
|
23
|
-
return (jsxRuntime.jsx(Illustration$1.Illustration, {
|
|
23
|
+
return (jsxRuntime.jsx(Illustration$1.Illustration, { ...props, "aria-hidden": "true", type: type, size: rootSize === 'sm' ? 'sm' : rootSize === 'md' ? 'md' : size, className: cx.cx('z-10', props.className) }));
|
|
24
24
|
};
|
|
25
25
|
const FileTypeIcon = ({ type = 'folder', theme = 'solid', ...props }) => {
|
|
26
26
|
return (jsxRuntime.jsx("div", { ...props, className: cx.cx('relative z-10 flex rounded-full bg-linear-to-b from-neutral-50 to-neutral-200 p-8', props.className), children: jsxRuntime.jsx(uiIcons.FileIcon, { type: type, variant: theme, className: "size-10 drop-shadow-sm" }) }));
|