frosted-ui 0.0.1-canary.95 → 0.0.1-canary.97
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/cjs/components/accordion/accordion.d.ts +9 -4
- package/dist/cjs/components/accordion/accordion.js +12 -9
- package/dist/cjs/components/accordion/accordion.js.map +1 -1
- package/dist/cjs/components/accordion/accordion.stories.d.ts +1 -0
- package/dist/cjs/components/accordion/accordion.stories.js +20 -3
- package/dist/cjs/components/accordion/accordion.stories.js.map +1 -1
- package/dist/cjs/components/avatar/avatar.d.ts +1 -1
- package/dist/cjs/components/avatar/avatar.js +6 -13
- package/dist/cjs/components/avatar/avatar.js.map +1 -1
- package/dist/cjs/components/base-button/base-button.d.ts +3 -3
- package/dist/cjs/components/base-button/base-button.js +6 -7
- package/dist/cjs/components/base-button/base-button.js.map +1 -1
- package/dist/cjs/components/breadcrumbs/breadcrumbs.stories.js +4 -6
- package/dist/cjs/components/breadcrumbs/breadcrumbs.stories.js.map +1 -1
- package/dist/cjs/components/button/button.stories.d.ts +1 -0
- package/dist/cjs/components/button/button.stories.js +24 -1
- package/dist/cjs/components/button/button.stories.js.map +1 -1
- package/dist/cjs/components/circular-progress/circular-progress.d.ts +2 -2
- package/dist/cjs/components/circular-progress/circular-progress.js +5 -7
- package/dist/cjs/components/circular-progress/circular-progress.js.map +1 -1
- package/dist/cjs/components/progress/progress.d.ts +2 -2
- package/dist/cjs/components/progress/progress.js +5 -4
- package/dist/cjs/components/progress/progress.js.map +1 -1
- package/dist/cjs/components/separator/separator.d.ts +2 -2
- package/dist/cjs/components/separator/separator.js +2 -2
- package/dist/cjs/components/separator/separator.js.map +1 -1
- package/dist/esm/components/accordion/accordion.d.ts +9 -4
- package/dist/esm/components/accordion/accordion.js +11 -8
- package/dist/esm/components/accordion/accordion.js.map +1 -1
- package/dist/esm/components/accordion/accordion.stories.d.ts +1 -0
- package/dist/esm/components/accordion/accordion.stories.js +19 -2
- package/dist/esm/components/accordion/accordion.stories.js.map +1 -1
- package/dist/esm/components/avatar/avatar.d.ts +1 -1
- package/dist/esm/components/avatar/avatar.js +6 -13
- package/dist/esm/components/avatar/avatar.js.map +1 -1
- package/dist/esm/components/base-button/base-button.d.ts +3 -3
- package/dist/esm/components/base-button/base-button.js +6 -7
- package/dist/esm/components/base-button/base-button.js.map +1 -1
- package/dist/esm/components/breadcrumbs/breadcrumbs.stories.js +4 -6
- package/dist/esm/components/breadcrumbs/breadcrumbs.stories.js.map +1 -1
- package/dist/esm/components/button/button.stories.d.ts +1 -0
- package/dist/esm/components/button/button.stories.js +23 -0
- package/dist/esm/components/button/button.stories.js.map +1 -1
- package/dist/esm/components/circular-progress/circular-progress.d.ts +2 -2
- package/dist/esm/components/circular-progress/circular-progress.js +5 -7
- package/dist/esm/components/circular-progress/circular-progress.js.map +1 -1
- package/dist/esm/components/progress/progress.d.ts +2 -2
- package/dist/esm/components/progress/progress.js +5 -4
- package/dist/esm/components/progress/progress.js.map +1 -1
- package/dist/esm/components/separator/separator.d.ts +2 -2
- package/dist/esm/components/separator/separator.js +2 -2
- package/dist/esm/components/separator/separator.js.map +1 -1
- package/package.json +2 -1
- package/styles.css +16 -30
- package/styles.lite.css +16 -30
- package/dist/cjs/forked-primitives/avatar.d.ts +0 -22
- package/dist/cjs/forked-primitives/avatar.js +0 -126
- package/dist/cjs/forked-primitives/avatar.js.map +0 -1
- package/dist/esm/forked-primitives/avatar.d.ts +0 -22
- package/dist/esm/forked-primitives/avatar.js +0 -120
- package/dist/esm/forked-primitives/avatar.js.map +0 -1
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import { Accordion as AccordionPrimitive } from '
|
|
1
|
+
import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import type { PropsWithoutColor } from '../../helpers';
|
|
4
|
-
type
|
|
4
|
+
type BaseAccordionRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
|
|
5
|
+
interface AccordionRootProps extends Omit<BaseAccordionRootProps, 'multiple'> {
|
|
6
|
+
/** @deprecated Use `multiple` instead. Kept for backwards compatibility with radix-ui API. */
|
|
7
|
+
type?: 'single' | 'multiple';
|
|
8
|
+
multiple?: boolean;
|
|
9
|
+
}
|
|
5
10
|
declare const AccordionRoot: {
|
|
6
11
|
(props: AccordionRootProps): React.JSX.Element;
|
|
7
12
|
displayName: string;
|
|
@@ -17,9 +22,9 @@ declare const AccordionTrigger: {
|
|
|
17
22
|
(props: AccordionTriggerProps): React.JSX.Element;
|
|
18
23
|
displayName: string;
|
|
19
24
|
};
|
|
20
|
-
type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.
|
|
25
|
+
type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Panel>;
|
|
21
26
|
declare const AccordionContent: {
|
|
22
|
-
({ className, children, ...props }: AccordionContentProps): React.JSX.Element;
|
|
27
|
+
({ className, children, keepMounted, ...props }: AccordionContentProps): React.JSX.Element;
|
|
23
28
|
displayName: string;
|
|
24
29
|
};
|
|
25
30
|
export { AccordionContent as Content, AccordionItem as Item, AccordionRoot as Root, AccordionTrigger as Trigger };
|
|
@@ -3,31 +3,34 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.Trigger = exports.Root = exports.Item = exports.Content = void 0;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
|
+
const accordion_1 = require("@base-ui/react/accordion");
|
|
6
7
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
-
const radix_ui_1 = require("radix-ui");
|
|
8
8
|
const React = tslib_1.__importStar(require("react"));
|
|
9
9
|
const AccordionRoot = (props) => {
|
|
10
|
-
const { className, ...accordionRootProps } = props;
|
|
11
|
-
|
|
10
|
+
const { className, type, multiple, ...accordionRootProps } = props;
|
|
11
|
+
// Support radix-ui's `type` prop for backwards compatibility
|
|
12
|
+
const isMultiple = multiple !== null && multiple !== void 0 ? multiple : type === 'multiple';
|
|
13
|
+
return (React.createElement(accordion_1.Accordion.Root, { className: (0, classnames_1.default)('fui-AccordionRoot', className), multiple: isMultiple, ...accordionRootProps }));
|
|
12
14
|
};
|
|
13
15
|
exports.Root = AccordionRoot;
|
|
14
16
|
AccordionRoot.displayName = 'Root';
|
|
15
17
|
const AccordionItem = (props) => {
|
|
16
18
|
const { className, ...accordionItemProps } = props;
|
|
17
|
-
return React.createElement(
|
|
19
|
+
return React.createElement(accordion_1.Accordion.Item, { className: (0, classnames_1.default)('fui-AccordionItem', className), ...accordionItemProps });
|
|
18
20
|
};
|
|
19
21
|
exports.Item = AccordionItem;
|
|
20
22
|
AccordionItem.displayName = 'Item';
|
|
21
23
|
const AccordionTrigger = (props) => {
|
|
22
24
|
const { className, children, ...accordionTriggerProps } = props;
|
|
23
|
-
return (React.createElement(
|
|
24
|
-
React.createElement(
|
|
25
|
-
React.createElement("
|
|
26
|
-
|
|
25
|
+
return (React.createElement(accordion_1.Accordion.Header, { className: "fui-AccordionHeader" },
|
|
26
|
+
React.createElement(accordion_1.Accordion.Trigger, { className: (0, classnames_1.default)('fui-AccordionTrigger', 'fui-reset', className), ...accordionTriggerProps },
|
|
27
|
+
React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "fui-AccordionTriggerIcon" },
|
|
28
|
+
React.createElement("path", { d: "M6 12L9.64645 8.35355C9.84171 8.15829 10.1583 8.15829 10.3536 8.35355L14 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })),
|
|
29
|
+
children)));
|
|
27
30
|
};
|
|
28
31
|
exports.Trigger = AccordionTrigger;
|
|
29
32
|
AccordionTrigger.displayName = 'AccordionTrigger';
|
|
30
|
-
const AccordionContent = ({ className, children, ...props }) => (React.createElement(
|
|
33
|
+
const AccordionContent = ({ className, children, keepMounted = true, ...props }) => (React.createElement(accordion_1.Accordion.Panel, { className: "fui-AccordionContent", keepMounted: keepMounted, ...props },
|
|
31
34
|
React.createElement("div", { className: (0, classnames_1.default)('fui-AccordionContentInner', className) }, children)));
|
|
32
35
|
exports.Content = AccordionContent;
|
|
33
36
|
AccordionContent.displayName = 'AccordionContent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,wDAA2E;AAC3E,oEAAoC;AACpC,qDAA+B;AAU/B,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IACnE,6DAA6D;IAC7D,MAAM,UAAU,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,KAAK,UAAU,CAAC;IAEnD,OAAO,CACL,oBAAC,qBAAkB,CAAC,IAAI,IACtB,SAAS,EAAE,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,CAAC,EACrD,QAAQ,EAAE,UAAU,KAChB,kBAAkB,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAoD4E,6BAAI;AAnDlF,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC;AAInC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,oBAAC,qBAAkB,CAAC,IAAI,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,kBAAkB,GAAI,CAAC;AACpH,CAAC,CAAC;AA2CqD,6BAAI;AA1C3D,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC;AAGnC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,GAAG,KAAK,CAAC;IAChE,OAAO,CACL,oBAAC,qBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,qBAAqB;QACxD,oBAAC,qBAAkB,CAAC,OAAO,IACzB,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAsB,EAAE,WAAW,EAAE,SAAS,CAAC,KACjE,qBAAqB;YAEzB,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,0BAA0B;gBAEpC,8BACE,CAAC,EAAC,6EAA6E,EAC/E,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,CACE;YAEL,QAAQ,CACkB,CACH,CAC7B,CAAC;AACJ,CAAC,CAAC;AAWsG,mCAAO;AAV/G,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAGlD,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE,CAAC,CACzG,oBAAC,qBAAkB,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,EAAC,WAAW,EAAE,WAAW,KAAM,KAAK;IAC5F,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAC3D,CAC5B,CAAC;AAG2B,mCAAO;AAFpC,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Multiple = exports.Single = void 0;
|
|
3
|
+
exports.HiddenUntilFound = exports.Multiple = exports.Single = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const __1 = require("..");
|
|
@@ -20,9 +20,8 @@ exports.default = meta;
|
|
|
20
20
|
// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
|
|
21
21
|
exports.Single = {
|
|
22
22
|
args: {
|
|
23
|
-
defaultValue: 'item-1',
|
|
23
|
+
defaultValue: ['item-1'],
|
|
24
24
|
type: 'single',
|
|
25
|
-
collapsible: false,
|
|
26
25
|
},
|
|
27
26
|
render: (args) => (react_1.default.createElement("div", null,
|
|
28
27
|
react_1.default.createElement(__1.Accordion.Root
|
|
@@ -59,4 +58,22 @@ exports.Multiple = {
|
|
|
59
58
|
react_1.default.createElement(__1.Accordion.Trigger, null, "Can it be animated?"),
|
|
60
59
|
react_1.default.createElement(__1.Accordion.Content, null, "Yes! You can animate the Accordion with CSS or JavaScript.")))))),
|
|
61
60
|
};
|
|
61
|
+
exports.HiddenUntilFound = {
|
|
62
|
+
name: 'Hidden Until Found',
|
|
63
|
+
args: {
|
|
64
|
+
hiddenUntilFound: true,
|
|
65
|
+
},
|
|
66
|
+
render: (args) => (react_1.default.createElement("div", null,
|
|
67
|
+
react_1.default.createElement("p", { style: { marginBottom: 'var(--space-4)', maxWidth: 600, color: 'var(--gray-11)' } }, "Use your browser's find feature (Ctrl/Cmd + F) to search for \"secret keyword\" - the panel will automatically expand when found."),
|
|
68
|
+
react_1.default.createElement(__1.Accordion.Root, { style: { width: 600, display: 'flex', flexDirection: 'column', gap: 'var(--space-4)' }, ...args },
|
|
69
|
+
react_1.default.createElement(__1.Accordion.Item, { value: "item-1" },
|
|
70
|
+
react_1.default.createElement(__1.Accordion.Trigger, null, "First section"),
|
|
71
|
+
react_1.default.createElement(__1.Accordion.Content, null, "This is some visible content in the first section.")),
|
|
72
|
+
react_1.default.createElement(__1.Accordion.Item, { value: "item-2" },
|
|
73
|
+
react_1.default.createElement(__1.Accordion.Trigger, null, "Second section (contains hidden text)"),
|
|
74
|
+
react_1.default.createElement(__1.Accordion.Content, null, "This section contains a secret keyword that you can find using browser search.")),
|
|
75
|
+
react_1.default.createElement(__1.Accordion.Item, { value: "item-3" },
|
|
76
|
+
react_1.default.createElement(__1.Accordion.Trigger, null, "Third section"),
|
|
77
|
+
react_1.default.createElement(__1.Accordion.Content, null, "More content in the third section."))))),
|
|
78
|
+
};
|
|
62
79
|
//# sourceMappingURL=accordion.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.stories.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0B;AAC1B,0BAA+B;AAG/B,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAS,CAAC,IAAI;IACzB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IAED,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACmB,CAAC;AAExC,kBAAe,IAAI,CAAC;AAGpB,8FAA8F;AACjF,QAAA,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ;
|
|
1
|
+
{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
|
|
1
2
|
import * as React from 'react';
|
|
2
|
-
import * as AvatarPrimitive from '../../forked-primitives/avatar';
|
|
3
3
|
import { avatarPropDefs } from './avatar.props';
|
|
4
4
|
import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
|
|
5
5
|
type AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;
|
|
@@ -3,15 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.Avatar = void 0;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
|
+
const avatar_1 = require("@base-ui/react/avatar");
|
|
6
7
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
8
|
const React = tslib_1.__importStar(require("react"));
|
|
8
|
-
const AvatarPrimitive = tslib_1.__importStar(require("../../forked-primitives/avatar"));
|
|
9
9
|
const avatar_props_1 = require("./avatar.props");
|
|
10
10
|
const get_initials_1 = require("../../helpers/get-initials");
|
|
11
11
|
const Avatar = (props) => {
|
|
12
|
-
const { className, style, size = avatar_props_1.avatarPropDefs.size.default, color = avatar_props_1.avatarPropDefs.color.default, highContrast = avatar_props_1.avatarPropDefs.highContrast.default, fallback: fallbackProp, shape = avatar_props_1.avatarPropDefs.shape.default, ...imageProps } = props;
|
|
13
|
-
const [status, setStatus] = React.useState('idle');
|
|
14
|
-
const dataStatus = imageProps.src ? status : 'idle';
|
|
12
|
+
const { className, style, size = avatar_props_1.avatarPropDefs.size.default, color = avatar_props_1.avatarPropDefs.color.default, highContrast = avatar_props_1.avatarPropDefs.highContrast.default, fallback: fallbackProp, shape = avatar_props_1.avatarPropDefs.shape.default, onLoadingStatusChange, ...imageProps } = props;
|
|
15
13
|
const fallback = React.useMemo(() => {
|
|
16
14
|
if (typeof fallbackProp !== 'string')
|
|
17
15
|
return fallbackProp;
|
|
@@ -23,17 +21,12 @@ const Avatar = (props) => {
|
|
|
23
21
|
return fallbackProp;
|
|
24
22
|
}
|
|
25
23
|
}, [fallbackProp]);
|
|
26
|
-
return (React.createElement(
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
return (React.createElement(avatar_1.Avatar.Root, { "data-accent-color": color, className: (0, classnames_1.default)('fui-AvatarRoot', className, `fui-r-size-${size}`, { 'fui-high-contrast': highContrast }, `fui-shape-${shape}`), style: style },
|
|
25
|
+
React.createElement(avatar_1.Avatar.Image, { className: "fui-AvatarImage", onLoadingStatusChange: onLoadingStatusChange, ...imageProps }),
|
|
26
|
+
React.createElement(avatar_1.Avatar.Fallback, { className: (0, classnames_1.default)('fui-AvatarFallback', {
|
|
29
27
|
'fui-one-letter': typeof fallback === 'string' && fallback.length === 1,
|
|
30
28
|
'fui-two-letters': typeof fallback === 'string' && fallback.length === 2,
|
|
31
|
-
})
|
|
32
|
-
React.createElement(AvatarPrimitive.Image, { className: "fui-AvatarImage", ...imageProps, onLoadingStatusChange: (status) => {
|
|
33
|
-
var _a;
|
|
34
|
-
(_a = imageProps.onLoadingStatusChange) === null || _a === void 0 ? void 0 : _a.call(imageProps, status);
|
|
35
|
-
setStatus(status);
|
|
36
|
-
} })));
|
|
29
|
+
}) }, fallback)));
|
|
37
30
|
};
|
|
38
31
|
exports.Avatar = Avatar;
|
|
39
32
|
Avatar.displayName = 'Avatar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,qDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,kDAAkE;AAClE,oEAAoC;AACpC,qDAA+B;AAC/B,iDAAgD;AAGhD,6DAAyD;AAQzD,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,IAAI,GAAG,6BAAc,CAAC,IAAI,CAAC,OAAO,EAClC,KAAK,GAAG,6BAAc,CAAC,KAAK,CAAC,OAAO,EACpC,YAAY,GAAG,6BAAc,CAAC,YAAY,CAAC,OAAO,EAClD,QAAQ,EAAE,YAAY,EACtB,KAAK,GAAG,6BAAc,CAAC,KAAK,CAAC,OAAO,EACpC,qBAAqB,EACrB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,OAAO,YAAY,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC;QAC1D,IAAI,CAAC;YACH,OAAO,IAAA,0BAAW,EAAC,YAAY,CAAC,CAAC;QACnC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;YACnD,OAAO,YAAY,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,oBAAC,eAAe,CAAC,IAAI,yBACA,KAAK,EACxB,SAAS,EAAE,IAAA,oBAAU,EACnB,gBAAgB,EAChB,SAAS,EACT,cAAc,IAAI,EAAE,EACpB,EAAE,mBAAmB,EAAE,YAAY,EAAE,EACrC,aAAa,KAAK,EAAE,CACrB,EACD,KAAK,EAAE,KAAK;QAEZ,oBAAC,eAAe,CAAC,KAAK,IACpB,SAAS,EAAC,iBAAiB,EAC3B,qBAAqB,EAAE,qBAAqB,KACxC,UAAU,GACd;QACF,oBAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,IAAA,oBAAU,EAAC,oBAAoB,EAAE;gBAC1C,gBAAgB,EAAE,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;gBACvE,iBAAiB,EAAE,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;aACzE,CAAC,IAED,QAAQ,CACgB,CACN,CACxB,CAAC;AACJ,CAAC,CAAC;AAGO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
+
import { Button } from '@base-ui/react/button';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import { baseButtonPropDefs } from './base-button.props';
|
|
3
4
|
import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
|
|
4
5
|
type BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;
|
|
5
|
-
|
|
6
|
-
asChild?: boolean;
|
|
6
|
+
type BaseButtonProps = PropsWithoutColor<typeof Button> & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'className' | 'disabled'> & BaseButtonOwnProps & {
|
|
7
7
|
loading?: boolean;
|
|
8
|
-
}
|
|
8
|
+
};
|
|
9
9
|
declare const BaseButton: {
|
|
10
10
|
(props: BaseButtonProps): React.JSX.Element;
|
|
11
11
|
displayName: string;
|
|
@@ -2,19 +2,17 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.BaseButton = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const button_1 = require("@base-ui/react/button");
|
|
5
6
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
6
|
-
const radix_ui_1 = require("radix-ui");
|
|
7
7
|
const React = tslib_1.__importStar(require("react"));
|
|
8
8
|
const base_button_props_1 = require("./base-button.props");
|
|
9
9
|
const map_prop_values_1 = require("../../helpers/map-prop-values");
|
|
10
10
|
const spinner_1 = require("../spinner");
|
|
11
11
|
const visually_hidden_1 = require("../visually-hidden");
|
|
12
12
|
const BaseButton = (props) => {
|
|
13
|
-
const { children, loading, disabled = props.loading, className,
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
'fui-high-contrast': highContrast,
|
|
17
|
-
}), "aria-busy": loading || undefined, "data-disabled": disabled || undefined, disabled: disabled }, props.loading ? (React.createElement(React.Fragment, null,
|
|
13
|
+
const { children, loading, disabled = props.loading, className, render, size = base_button_props_1.baseButtonPropDefs.size.default, variant = base_button_props_1.baseButtonPropDefs.variant.default, color = base_button_props_1.baseButtonPropDefs.color.default, highContrast = base_button_props_1.baseButtonPropDefs.highContrast.default, ...baseButtonProps } = props;
|
|
14
|
+
const buttonClassName = (0, classnames_1.default)('fui-reset', 'fui-BaseButton', className, `fui-r-size-${size}`, `fui-variant-${variant}`, { 'fui-high-contrast': highContrast });
|
|
15
|
+
const content = loading ? (React.createElement(React.Fragment, null,
|
|
18
16
|
React.createElement("span", { style: { display: 'contents', visibility: 'hidden' }, "aria-hidden": true }, children),
|
|
19
17
|
React.createElement(visually_hidden_1.VisuallyHidden.Root, null, children),
|
|
20
18
|
React.createElement("span", { style: {
|
|
@@ -24,7 +22,8 @@ const BaseButton = (props) => {
|
|
|
24
22
|
justifyContent: 'center',
|
|
25
23
|
inset: '0',
|
|
26
24
|
} },
|
|
27
|
-
React.createElement(spinner_1.Spinner, { size: (0, map_prop_values_1.mapButtonSizeToSpinnerSize)(size) })))) : (children)
|
|
25
|
+
React.createElement(spinner_1.Spinner, { size: (0, map_prop_values_1.mapButtonSizeToSpinnerSize)(size) })))) : (children);
|
|
26
|
+
return (React.createElement(button_1.Button, { render: render, "data-accent-color": color || (variant === 'surface' ? 'gray' : color), ...baseButtonProps, className: buttonClassName, "aria-busy": loading || undefined, "data-disabled": disabled || undefined, disabled: disabled }, content));
|
|
28
27
|
};
|
|
29
28
|
exports.BaseButton = BaseButton;
|
|
30
29
|
BaseButton.displayName = 'BaseButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-button.js","sourceRoot":"","sources":["../../../../src/components/base-button/base-button.tsx"],"names":[],"mappings":";;;;AAAA,oEAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"base-button.js","sourceRoot":"","sources":["../../../../src/components/base-button/base-button.tsx"],"names":[],"mappings":";;;;AAAA,kDAA+C;AAC/C,oEAAoC;AACpC,qDAA+B;AAE/B,2DAAyD;AAGzD,mEAA2E;AAC3E,wCAAqC;AACrC,wDAAoD;AASpD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC5C,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,CAAC,OAAO,EACxB,SAAS,EACT,MAAM,EACN,IAAI,GAAG,sCAAkB,CAAC,IAAI,CAAC,OAAO,EACtC,OAAO,GAAG,sCAAkB,CAAC,OAAO,CAAC,OAAO,EAC5C,KAAK,GAAG,sCAAkB,CAAC,KAAK,CAAC,OAAO,EACxC,YAAY,GAAG,sCAAkB,CAAC,YAAY,CAAC,OAAO,EACtD,GAAG,eAAe,EACnB,GAAG,KAAK,CAAC;IAEV,MAAM,eAAe,GAAG,IAAA,oBAAU,EAChC,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,IAAI,EAAE,EACpB,eAAe,OAAO,EAAE,EACxB,EAAE,mBAAmB,EAAE,YAAY,EAAE,CACtC,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CACxB;QAQE,8BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,yBACvD,QAAQ,CACJ;QACP,oBAAC,gCAAc,CAAC,IAAI,QAAE,QAAQ,CAAuB;QAErD,8BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,GAAG;aACX;YAED,oBAAC,iBAAO,IAAC,IAAI,EAAE,IAAA,4CAA0B,EAAC,IAAI,CAAC,GAAI,CAC9C,CACN,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEF,OAAO,CACL,oBAAC,eAAM,IACL,MAAM,EAAE,MAAM,uBACK,KAAK,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAChE,eAAe,EACnB,SAAS,EAAE,eAAe,eACf,OAAO,IAAI,SAAS,mBAEhB,QAAQ,IAAI,SAAS,EACpC,QAAQ,EAAE,QAAQ,IAEjB,OAAO,CACD,CACV,CAAC;AACJ,CAAC,CAAC;AAGO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -22,10 +22,8 @@ exports.WithLinks = {
|
|
|
22
22
|
color: __1.breadcrumbsPropDefs.color.default,
|
|
23
23
|
},
|
|
24
24
|
render: (args) => (react_1.default.createElement(__1.Breadcrumbs.Root, { ...args },
|
|
25
|
-
react_1.default.createElement(__1.Breadcrumbs.Item, {
|
|
26
|
-
|
|
27
|
-
react_1.default.createElement(__1.Breadcrumbs.Item, { asChild: true },
|
|
28
|
-
react_1.default.createElement("a", { href: "#" }, "User Profiles")),
|
|
25
|
+
react_1.default.createElement(__1.Breadcrumbs.Item, { render: react_1.default.createElement("a", { href: "#" }) }, "Home"),
|
|
26
|
+
react_1.default.createElement(__1.Breadcrumbs.Item, { render: react_1.default.createElement("a", { href: "#user-profiles" }) }, "User Profiles"),
|
|
29
27
|
react_1.default.createElement(__1.Breadcrumbs.Item, null, "Products"))),
|
|
30
28
|
};
|
|
31
29
|
exports.WithOnClick = {
|
|
@@ -44,7 +42,7 @@ exports.Truncated = {
|
|
|
44
42
|
color: __1.breadcrumbsPropDefs.color.default,
|
|
45
43
|
},
|
|
46
44
|
render: (args) => (react_1.default.createElement(__1.Breadcrumbs.Root, { ...args },
|
|
47
|
-
react_1.default.createElement(__1.Breadcrumbs.Item, {
|
|
45
|
+
react_1.default.createElement(__1.Breadcrumbs.Item, { render: react_1.default.createElement("a", { href: "#" }) },
|
|
48
46
|
react_1.default.createElement("a", { href: "#" }, "Home")),
|
|
49
47
|
react_1.default.createElement(__1.Breadcrumbs.Dropdown, null,
|
|
50
48
|
react_1.default.createElement(__1.Breadcrumbs.DropdownItem, { asChild: true },
|
|
@@ -53,7 +51,7 @@ exports.Truncated = {
|
|
|
53
51
|
react_1.default.createElement("a", { href: "#" }, "Categories")),
|
|
54
52
|
react_1.default.createElement(__1.Breadcrumbs.DropdownItem, { asChild: true },
|
|
55
53
|
react_1.default.createElement("a", { href: "#" }, "Software"))),
|
|
56
|
-
react_1.default.createElement(__1.Breadcrumbs.Item, {
|
|
54
|
+
react_1.default.createElement(__1.Breadcrumbs.Item, { render: react_1.default.createElement("a", { href: "#" }) },
|
|
57
55
|
react_1.default.createElement("a", { href: "#" }, "Bots")),
|
|
58
56
|
react_1.default.createElement(__1.Breadcrumbs.Item, null, "Sneaker Bot"))),
|
|
59
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/breadcrumbs.stories.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0B;AAC1B,0BAAsD;AAEtD,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAW,CAAC,IAAI;IAC3B,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACqB,CAAC;AAE1C,kBAAe,IAAI,CAAC;AAGP,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,uBAAmB,CAAC,KAAK,CAAC,OAAO;KACzC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BAAC,eAAW,CAAC,IAAI,OAAK,IAAI;QACxB,8BAAC,eAAW,CAAC,IAAI,IAAC,
|
|
1
|
+
{"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/breadcrumbs.stories.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0B;AAC1B,0BAAsD;AAEtD,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAW,CAAC,IAAI;IAC3B,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACqB,CAAC;AAE1C,kBAAe,IAAI,CAAC;AAGP,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,uBAAmB,CAAC,KAAK,CAAC,OAAO;KACzC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BAAC,eAAW,CAAC,IAAI,OAAK,IAAI;QACxB,8BAAC,eAAW,CAAC,IAAI,IAAC,MAAM,EAAE,qCAAG,IAAI,EAAC,GAAG,GAAG,WAAyB;QACjE,8BAAC,eAAW,CAAC,IAAI,IAAC,MAAM,EAAE,qCAAG,IAAI,EAAC,gBAAgB,GAAG,oBAAkC;QACvF,8BAAC,eAAW,CAAC,IAAI,mBAA4B,CAC5B,CACpB;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE;QACJ,KAAK,EAAE,uBAAmB,CAAC,KAAK,CAAC,OAAO;KACzC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BAAC,eAAW,CAAC,IAAI,OAAK,IAAI;QACxB,8BAAC,eAAW,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,WAAyB;QACvE,8BAAC,eAAW,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,eAA6B;QAC/E,8BAAC,eAAW,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAgC,CACpE,CACpB;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,uBAAmB,CAAC,KAAK,CAAC,OAAO;KACzC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BAAC,eAAW,CAAC,IAAI,OAAK,IAAI;QACxB,8BAAC,eAAW,CAAC,IAAI,IAAC,MAAM,EAAE,qCAAG,IAAI,EAAC,GAAG,GAAG;YACtC,qCAAG,IAAI,EAAC,GAAG,WAAS,CACH;QACnB,8BAAC,eAAW,CAAC,QAAQ;YACnB,8BAAC,eAAW,CAAC,YAAY,IAAC,OAAO;gBAC/B,qCAAG,IAAI,EAAC,GAAG,eAAa,CACC;YAC3B,8BAAC,eAAW,CAAC,YAAY,IAAC,OAAO;gBAC/B,qCAAG,IAAI,EAAC,GAAG,iBAAe,CACD;YAC3B,8BAAC,eAAW,CAAC,YAAY,IAAC,OAAO;gBAC/B,qCAAG,IAAI,EAAC,GAAG,eAAa,CACC,CACN;QACvB,8BAAC,eAAW,CAAC,IAAI,IAAC,MAAM,EAAE,qCAAG,IAAI,EAAC,GAAG,GAAG;YACtC,qCAAG,IAAI,EAAC,GAAG,WAAS,CACH;QACnB,8BAAC,eAAW,CAAC,IAAI,sBAA+B,CAC/B,CACpB;CACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Loading = exports.WithIcons = exports.HighContrast = exports.SemanticColor = exports.Color = exports.Variant = exports.Size = exports.Default = void 0;
|
|
3
|
+
exports.RenderAsDifferentElement = exports.Loading = exports.WithIcons = exports.HighContrast = exports.SemanticColor = exports.Color = exports.Variant = exports.Size = exports.Default = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const icons_1 = require("@frosted-ui/icons");
|
|
6
6
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
@@ -170,4 +170,27 @@ exports.Loading = {
|
|
|
170
170
|
react_1.default.createElement(icons_1.Download16, null)),
|
|
171
171
|
"Download")))),
|
|
172
172
|
};
|
|
173
|
+
exports.RenderAsDifferentElement = {
|
|
174
|
+
name: 'Render as Different Element',
|
|
175
|
+
args: {
|
|
176
|
+
size: __1.buttonPropDefs.size.default,
|
|
177
|
+
variant: __1.buttonPropDefs.variant.default,
|
|
178
|
+
color: __1.buttonPropDefs.color.default,
|
|
179
|
+
},
|
|
180
|
+
render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-4)', maxWidth: 550 } },
|
|
181
|
+
react_1.default.createElement(__1.Text, null,
|
|
182
|
+
"Use the ",
|
|
183
|
+
react_1.default.createElement(__1.Code, null, "render"),
|
|
184
|
+
" prop to render the button as a different element, such as an anchor tag for navigation links or a span for non-interactive styling."),
|
|
185
|
+
react_1.default.createElement(__1.Text, { weight: "bold" }, "As a link:"),
|
|
186
|
+
react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
|
|
187
|
+
react_1.default.createElement(__1.Button, { ...args, render: react_1.default.createElement("a", { href: "https://example.com", target: "_blank", rel: "noopener noreferrer" }) }, "Visit Example"),
|
|
188
|
+
react_1.default.createElement(__1.Button, { ...args, variant: "soft", render: react_1.default.createElement("a", { href: "https://example.com", target: "_blank", rel: "noopener noreferrer" }) }, "Soft Link"),
|
|
189
|
+
react_1.default.createElement(__1.Button, { ...args, variant: "ghost", render: react_1.default.createElement("a", { href: "https://example.com", target: "_blank", rel: "noopener noreferrer" }) }, "Ghost Link")),
|
|
190
|
+
react_1.default.createElement(__1.Text, { weight: "bold" }, "As a span:"),
|
|
191
|
+
react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
|
|
192
|
+
react_1.default.createElement(__1.Button, { ...args, render: react_1.default.createElement("span", null) }, "Span Button"),
|
|
193
|
+
react_1.default.createElement(__1.Button, { ...args, variant: "soft", render: react_1.default.createElement("span", null) }, "Soft Span"),
|
|
194
|
+
react_1.default.createElement(__1.Button, { ...args, variant: "surface", render: react_1.default.createElement("span", null) }, "Surface Span")))),
|
|
195
|
+
};
|
|
173
196
|
//# sourceMappingURL=button.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/button.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/button.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Meter } from '@base-ui/react/meter';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
|
|
4
4
|
import { circularProgressPropDefs } from './circular-progress.props';
|
|
5
5
|
type CircularProgressOwnProps = GetPropDefTypes<typeof circularProgressPropDefs>;
|
|
6
|
-
interface CircularProgressProps extends Omit<PropsWithoutColor<typeof
|
|
6
|
+
interface CircularProgressProps extends Omit<PropsWithoutColor<typeof Meter.Root>, 'children'>, CircularProgressOwnProps {
|
|
7
7
|
}
|
|
8
8
|
declare const CircularProgress: {
|
|
9
9
|
(props: CircularProgressProps): React.JSX.Element;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.CircularProgress = void 0;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
|
+
const meter_1 = require("@base-ui/react/meter");
|
|
6
7
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
-
const radix_ui_1 = require("radix-ui");
|
|
8
8
|
const React = tslib_1.__importStar(require("react"));
|
|
9
9
|
const circular_progress_props_1 = require("./circular-progress.props");
|
|
10
10
|
// Size configuration matching CSS variables
|
|
@@ -42,13 +42,11 @@ const CircularProgress = (props) => {
|
|
|
42
42
|
// Rotate to position start cap's outer edge at 12 o'clock
|
|
43
43
|
const capAngle = (capArcLength / circumference) * 360;
|
|
44
44
|
const rotation = -90 + capAngle;
|
|
45
|
-
return (React.createElement(
|
|
45
|
+
return (React.createElement(meter_1.Meter.Root, { "data-accent-color": color, className: (0, classnames_1.default)('fui-CircularProgressRoot', className, {
|
|
46
46
|
'fui-high-contrast': highContrast,
|
|
47
|
-
}, `fui-r-size-${size}`), value: value, max: max, ...progressProps,
|
|
48
|
-
React.createElement("
|
|
49
|
-
|
|
50
|
-
progress > 0 && (React.createElement(radix_ui_1.Progress.Indicator, { asChild: true },
|
|
51
|
-
React.createElement("circle", { className: "fui-CircularProgressIndicator", cx: center, cy: center, r: radius, strokeWidth: strokeWidth, fill: "none", strokeDasharray: progress >= 1 ? undefined : circumference, strokeDashoffset: progress >= 1 ? undefined : strokeDashoffset, strokeLinecap: progress >= 1 ? 'butt' : 'round', transform: progress >= 1 ? undefined : `rotate(${rotation} ${center} ${center})` }))))));
|
|
47
|
+
}, `fui-r-size-${size}`), value: value, max: max, ...progressProps, render: React.createElement("svg", { className: "fui-CircularProgressSvg", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }) },
|
|
48
|
+
React.createElement(meter_1.Meter.Track, { render: React.createElement("circle", { className: "fui-CircularProgressTrack", cx: center, cy: center, r: radius, strokeWidth: strokeWidth, fill: "none" }) }),
|
|
49
|
+
progress > 0 && (React.createElement(meter_1.Meter.Indicator, { render: React.createElement("circle", { className: "fui-CircularProgressIndicator", cx: center, cy: center, r: radius, strokeWidth: strokeWidth, fill: "none", strokeDasharray: progress >= 1 ? undefined : circumference, strokeDashoffset: progress >= 1 ? undefined : strokeDashoffset, strokeLinecap: progress >= 1 ? 'butt' : 'round', transform: progress >= 1 ? undefined : `rotate(${rotation} ${center} ${center})` }) }))));
|
|
52
50
|
};
|
|
53
51
|
exports.CircularProgress = CircularProgress;
|
|
54
52
|
CircularProgress.displayName = 'CircularProgress';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../../src/components/circular-progress/circular-progress.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../../src/components/circular-progress/circular-progress.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Meter } from '@base-ui/react/meter';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
|
|
4
4
|
import { progressPropDefs } from './progress.props';
|
|
5
5
|
type ProgressOwnProps = GetPropDefTypes<typeof progressPropDefs>;
|
|
6
|
-
interface ProgressProps extends Omit<PropsWithoutColor<typeof
|
|
6
|
+
interface ProgressProps extends Omit<PropsWithoutColor<typeof Meter.Root>, 'children'>, ProgressOwnProps {
|
|
7
7
|
}
|
|
8
8
|
declare const Progress: {
|
|
9
9
|
(props: ProgressProps): React.JSX.Element;
|
|
@@ -3,17 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.Progress = void 0;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
|
+
const meter_1 = require("@base-ui/react/meter");
|
|
6
7
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
-
const radix_ui_1 = require("radix-ui");
|
|
8
8
|
const React = tslib_1.__importStar(require("react"));
|
|
9
9
|
const progress_props_1 = require("./progress.props");
|
|
10
10
|
const Progress = (props) => {
|
|
11
11
|
const { className, size = progress_props_1.progressPropDefs.size.default, color = progress_props_1.progressPropDefs.color.default, highContrast = progress_props_1.progressPropDefs.highContrast.default, value = 0, max = 100, ...progressProps } = props;
|
|
12
|
-
const progress = Math.max(0, Math.min((value || 0) / max,
|
|
13
|
-
return (React.createElement(
|
|
12
|
+
const progress = Math.max(0, Math.min((value || 0) / max, 1));
|
|
13
|
+
return (React.createElement(meter_1.Meter.Root, { "data-accent-color": color, className: (0, classnames_1.default)('fui-ProgressRoot', className, {
|
|
14
14
|
'fui-high-contrast': highContrast,
|
|
15
15
|
}, `fui-r-size-${size}`), value: value, max: max, ...progressProps },
|
|
16
|
-
React.createElement(
|
|
16
|
+
React.createElement(meter_1.Meter.Track, { className: "fui-ProgressTrack" },
|
|
17
|
+
React.createElement(meter_1.Meter.Indicator, { className: "fui-ProgressIndicator", style: { width: `${progress * 100}%` } }))));
|
|
17
18
|
};
|
|
18
19
|
exports.Progress = Progress;
|
|
19
20
|
Progress.displayName = 'Progress';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../src/components/progress/progress.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../src/components/progress/progress.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,gDAA6C;AAC7C,oEAAoC;AACpC,qDAA+B;AAE/B,qDAAoD;AAKpD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,MAAM,EACJ,SAAS,EACT,IAAI,GAAG,iCAAgB,CAAC,IAAI,CAAC,OAAO,EACpC,KAAK,GAAG,iCAAgB,CAAC,KAAK,CAAC,OAAO,EACtC,YAAY,GAAG,iCAAgB,CAAC,YAAY,CAAC,OAAO,EACpD,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,GAAG,EACT,GAAG,aAAa,EACjB,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,oBAAC,aAAK,CAAC,IAAI,yBACU,KAAK,EACxB,SAAS,EAAE,IAAA,oBAAU,EACnB,kBAAkB,EAClB,SAAS,EACT;YACE,mBAAmB,EAAE,YAAY;SAClC,EACD,cAAc,IAAI,EAAE,CACrB,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,KACJ,aAAa;QAEjB,oBAAC,aAAK,CAAC,KAAK,IAAC,SAAS,EAAC,mBAAmB;YACxC,oBAAC,aAAK,CAAC,SAAS,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,GAAG,GAAG,EAAE,GAAI,CACjF,CACH,CACd,CAAC;AACJ,CAAC,CAAC;AAIO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Separator as SeparatorPrimitive } from '
|
|
1
|
+
import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { separatorPropDefs } from './separator.props';
|
|
4
4
|
import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
|
|
5
5
|
type SeparatorOwnProps = GetPropDefTypes<typeof separatorPropDefs>;
|
|
6
|
-
interface SeparatorProps extends PropsWithoutColor<typeof SeparatorPrimitive
|
|
6
|
+
interface SeparatorProps extends PropsWithoutColor<typeof SeparatorPrimitive>, SeparatorOwnProps {
|
|
7
7
|
}
|
|
8
8
|
declare const Separator: {
|
|
9
9
|
(props: SeparatorProps): React.JSX.Element;
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.Separator = void 0;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
|
+
const separator_1 = require("@base-ui/react/separator");
|
|
6
7
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
-
const radix_ui_1 = require("radix-ui");
|
|
8
8
|
const React = tslib_1.__importStar(require("react"));
|
|
9
9
|
const separator_props_1 = require("./separator.props");
|
|
10
10
|
const Separator = (props) => {
|
|
11
11
|
const { className, size = separator_props_1.separatorPropDefs.size.default, color = separator_props_1.separatorPropDefs.color.default, ...separatorProps } = props;
|
|
12
|
-
return (React.createElement(
|
|
12
|
+
return (React.createElement(separator_1.Separator, { "data-accent-color": color, ...separatorProps, className: (0, classnames_1.default)('fui-Separator', className, `fui-r-size-${size}`) }));
|
|
13
13
|
};
|
|
14
14
|
exports.Separator = Separator;
|
|
15
15
|
Separator.displayName = 'Separator';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../../src/components/separator/separator.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../../src/components/separator/separator.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,wDAA2E;AAC3E,oEAAoC;AACpC,qDAA+B;AAE/B,uDAAsD;AAOtD,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EACJ,SAAS,EACT,IAAI,GAAG,mCAAiB,CAAC,IAAI,CAAC,OAAO,EACrC,KAAK,GAAG,mCAAiB,CAAC,KAAK,CAAC,OAAO,EACvC,GAAG,cAAc,EAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,qBAAkB,yBACE,KAAK,KACpB,cAAc,EAClB,SAAS,EAAE,IAAA,oBAAU,EAAC,eAAe,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,CAAC,GACvE,CACH,CAAC;AACJ,CAAC,CAAC;AAGO,8BAAS;AAFlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import { Accordion as AccordionPrimitive } from '
|
|
1
|
+
import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import type { PropsWithoutColor } from '../../helpers';
|
|
4
|
-
type
|
|
4
|
+
type BaseAccordionRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
|
|
5
|
+
interface AccordionRootProps extends Omit<BaseAccordionRootProps, 'multiple'> {
|
|
6
|
+
/** @deprecated Use `multiple` instead. Kept for backwards compatibility with radix-ui API. */
|
|
7
|
+
type?: 'single' | 'multiple';
|
|
8
|
+
multiple?: boolean;
|
|
9
|
+
}
|
|
5
10
|
declare const AccordionRoot: {
|
|
6
11
|
(props: AccordionRootProps): React.JSX.Element;
|
|
7
12
|
displayName: string;
|
|
@@ -17,9 +22,9 @@ declare const AccordionTrigger: {
|
|
|
17
22
|
(props: AccordionTriggerProps): React.JSX.Element;
|
|
18
23
|
displayName: string;
|
|
19
24
|
};
|
|
20
|
-
type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.
|
|
25
|
+
type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Panel>;
|
|
21
26
|
declare const AccordionContent: {
|
|
22
|
-
({ className, children, ...props }: AccordionContentProps): React.JSX.Element;
|
|
27
|
+
({ className, children, keepMounted, ...props }: AccordionContentProps): React.JSX.Element;
|
|
23
28
|
displayName: string;
|
|
24
29
|
};
|
|
25
30
|
export { AccordionContent as Content, AccordionItem as Item, AccordionRoot as Root, AccordionTrigger as Trigger };
|