@apipass/design-system 3.0.1 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("../../../vendor/clsx/dist/clsx.cjs"),n=require("react-aria-components");;/* empty css */const i=require("../../icons/IconX.cjs");function o({className:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("../../../vendor/clsx/dist/clsx.cjs"),n=require("react-aria-components");;/* empty css */const i=require("../../icons/IconX.cjs");function o({className:t,children:a,onClose:e,closeButtonLabel:l,...r}){const b=c.clsx(t,"tab");return s.jsx(n.Tab,{className:b,"aria-label":a,...r,children:s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"tab-label",children:a}),e&&s.jsx(n.Button,{className:"tab-close","aria-label":l,onPress:e,children:s.jsx(i.IconX,{size:"16"})})]})})}function u({className:t,...a}){const e=c.clsx(t,"tab-list");return s.jsx(n.TabList,{className:e,...a})}function m({className:t,...a}){const e=c.clsx(t,"tab-panel");return s.jsx(n.TabPanel,{className:e,...a})}function x({className:t,...a}){const e=c.clsx(t,"tabs");return s.jsx(n.Tabs,{className:e,...a})}exports.Tab=o;exports.TabList=u;exports.TabPanel=m;exports.Tabs=x;
|
|
2
2
|
//# sourceMappingURL=Tab.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.cjs","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n Button as RACButton,\n Tab as RACTab,\n TabList as RACTabList,\n TabPanel as RACTabPanel,\n Tabs as RACTabs,\n type PressEvent as RACPressEvent,\n type TabListProps as RACTabListProps,\n type TabPanelProps as RACTabPanelProps,\n type TabProps as RACTabProps,\n type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n children: string;\n
|
|
1
|
+
{"version":3,"file":"Tab.cjs","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n Button as RACButton,\n Tab as RACTab,\n TabList as RACTabList,\n TabPanel as RACTabPanel,\n Tabs as RACTabs,\n type PressEvent as RACPressEvent,\n type TabListProps as RACTabListProps,\n type TabPanelProps as RACTabPanelProps,\n type TabProps as RACTabProps,\n type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\ntype ClosableTabProps = {\n onClose: (e: RACPressEvent) => void;\n closeButtonLabel: string;\n};\ntype PlainTabProps = { onClose?: never; closeButtonLabel?: never };\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n children: string;\n} & (ClosableTabProps | PlainTabProps);\nexport function Tab({\n className,\n children,\n onClose,\n closeButtonLabel,\n ...props\n}: TabProps) {\n const classNames = clsx(className, \"tab\");\n return (\n <RACTab className={classNames} aria-label={children} {...props}>\n <>\n <span className=\"tab-label\">{children}</span>\n {onClose && (\n <RACButton\n className=\"tab-close\"\n aria-label={closeButtonLabel}\n onPress={onClose}\n >\n <IconX size=\"16\" />\n </RACButton>\n )}\n </>\n </RACTab>\n );\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n className,\n ...props\n}: TabListProps<T>) {\n const classNames = clsx(className, \"tab-list\");\n return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n const classNames = clsx(className, \"tab-panel\");\n return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n const classNames = clsx(className, \"tabs\");\n return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","children","onClose","closeButtonLabel","props","classNames","clsx","jsx","RACTab","jsxs","Fragment","RACButton","IconX","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":"0QAyBO,SAASA,EAAI,CAClB,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,EAAa,CACX,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,KAAK,EACxC,OACEO,EAAAA,IAACC,EAAAA,KAAO,UAAWH,EAAY,aAAYJ,EAAW,GAAGG,EACvD,SAAAK,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,UAAU,YAAa,SAAAN,CAAA,CAAS,EACrCC,GACCK,EAAAA,IAACI,EAAAA,OAAA,CACC,UAAU,YACV,aAAYR,EACZ,QAASD,EAET,SAAAK,EAAAA,IAACK,EAAAA,MAAA,CAAM,KAAK,IAAA,CAAK,CAAA,CAAA,CACnB,CAAA,CAEJ,CAAA,CACF,CAEJ,CAGO,SAASC,EAA0B,CACxC,UAAAb,EACA,GAAGI,CACL,EAAoB,CAClB,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,UAAU,EAC7C,OAAOO,EAAAA,IAACO,EAAAA,QAAA,CAAW,UAAWT,EAAa,GAAGD,EAAO,CACvD,CAGO,SAASW,EAAS,CAAE,UAAAf,EAAW,GAAGI,GAAwB,CAC/D,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,WAAW,EAC9C,OAAOO,EAAAA,IAACS,EAAAA,SAAA,CAAY,UAAWX,EAAa,GAAGD,EAAO,CACxD,CAGO,SAASa,EAAK,CAAE,UAAAjB,EAAW,GAAGI,GAAoB,CACvD,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,MAAM,EACzC,OAAOO,EAAAA,IAACW,EAAAA,KAAA,CAAQ,UAAWb,EAAa,GAAGD,EAAO,CACpD"}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as b, Fragment as m } from "react/jsx-runtime";
|
|
2
2
|
import { clsx as n } from "../../../vendor/clsx/dist/clsx.js";
|
|
3
|
-
import { Tab as
|
|
3
|
+
import { Tab as o, Button as i, TabList as T, TabPanel as N, Tabs as u } from "react-aria-components";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import { IconX as f } from "../../icons/IconX.js";
|
|
6
6
|
function d({
|
|
7
|
-
className:
|
|
7
|
+
className: t,
|
|
8
8
|
children: a,
|
|
9
|
-
onClose:
|
|
9
|
+
onClose: s,
|
|
10
10
|
closeButtonLabel: l,
|
|
11
11
|
...r
|
|
12
12
|
}) {
|
|
13
|
-
const c = n(
|
|
14
|
-
return /* @__PURE__ */ e(
|
|
13
|
+
const c = n(t, "tab");
|
|
14
|
+
return /* @__PURE__ */ e(o, { className: c, "aria-label": a, ...r, children: /* @__PURE__ */ b(m, { children: [
|
|
15
15
|
/* @__PURE__ */ e("span", { className: "tab-label", children: a }),
|
|
16
|
-
/* @__PURE__ */ e(
|
|
16
|
+
s && /* @__PURE__ */ e(
|
|
17
17
|
i,
|
|
18
18
|
{
|
|
19
19
|
className: "tab-close",
|
|
20
20
|
"aria-label": l,
|
|
21
|
-
onPress:
|
|
21
|
+
onPress: s,
|
|
22
22
|
children: /* @__PURE__ */ e(f, { size: "16" })
|
|
23
23
|
}
|
|
24
24
|
)
|
|
25
25
|
] }) });
|
|
26
26
|
}
|
|
27
27
|
function h({
|
|
28
|
-
className:
|
|
28
|
+
className: t,
|
|
29
29
|
...a
|
|
30
30
|
}) {
|
|
31
|
-
const
|
|
32
|
-
return /* @__PURE__ */ e(T, { className:
|
|
31
|
+
const s = n(t, "tab-list");
|
|
32
|
+
return /* @__PURE__ */ e(T, { className: s, ...a });
|
|
33
33
|
}
|
|
34
|
-
function j({ className:
|
|
35
|
-
const
|
|
36
|
-
return /* @__PURE__ */ e(N, { className:
|
|
34
|
+
function j({ className: t, ...a }) {
|
|
35
|
+
const s = n(t, "tab-panel");
|
|
36
|
+
return /* @__PURE__ */ e(N, { className: s, ...a });
|
|
37
37
|
}
|
|
38
|
-
function g({ className:
|
|
39
|
-
const
|
|
40
|
-
return /* @__PURE__ */ e(u, { className:
|
|
38
|
+
function g({ className: t, ...a }) {
|
|
39
|
+
const s = n(t, "tabs");
|
|
40
|
+
return /* @__PURE__ */ e(u, { className: s, ...a });
|
|
41
41
|
}
|
|
42
42
|
export {
|
|
43
43
|
d as Tab,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n Button as RACButton,\n Tab as RACTab,\n TabList as RACTabList,\n TabPanel as RACTabPanel,\n Tabs as RACTabs,\n type PressEvent as RACPressEvent,\n type TabListProps as RACTabListProps,\n type TabPanelProps as RACTabPanelProps,\n type TabProps as RACTabProps,\n type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n children: string;\n
|
|
1
|
+
{"version":3,"file":"Tab.js","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n Button as RACButton,\n Tab as RACTab,\n TabList as RACTabList,\n TabPanel as RACTabPanel,\n Tabs as RACTabs,\n type PressEvent as RACPressEvent,\n type TabListProps as RACTabListProps,\n type TabPanelProps as RACTabPanelProps,\n type TabProps as RACTabProps,\n type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\ntype ClosableTabProps = {\n onClose: (e: RACPressEvent) => void;\n closeButtonLabel: string;\n};\ntype PlainTabProps = { onClose?: never; closeButtonLabel?: never };\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n children: string;\n} & (ClosableTabProps | PlainTabProps);\nexport function Tab({\n className,\n children,\n onClose,\n closeButtonLabel,\n ...props\n}: TabProps) {\n const classNames = clsx(className, \"tab\");\n return (\n <RACTab className={classNames} aria-label={children} {...props}>\n <>\n <span className=\"tab-label\">{children}</span>\n {onClose && (\n <RACButton\n className=\"tab-close\"\n aria-label={closeButtonLabel}\n onPress={onClose}\n >\n <IconX size=\"16\" />\n </RACButton>\n )}\n </>\n </RACTab>\n );\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n className,\n ...props\n}: TabListProps<T>) {\n const classNames = clsx(className, \"tab-list\");\n return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n const classNames = clsx(className, \"tab-panel\");\n return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n const classNames = clsx(className, \"tabs\");\n return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","children","onClose","closeButtonLabel","props","classNames","clsx","jsx","RACTab","jsxs","Fragment","RACButton","IconX","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":";;;;;AAyBO,SAASA,EAAI;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACX,QAAMC,IAAaC,EAAKN,GAAW,KAAK;AACxC,SACE,gBAAAO,EAACC,KAAO,WAAWH,GAAY,cAAYJ,GAAW,GAAGG,GACvD,UAAA,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAN,EAAA,CAAS;AAAA,IACrCC,KACC,gBAAAK;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAYR;AAAA,QACZ,SAASD;AAAA,QAET,UAAA,gBAAAK,EAACK,GAAA,EAAM,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,EAAA,CAEJ,EAAA,CACF;AAEJ;AAGO,SAASC,EAA0B;AAAA,EACxC,WAAAb;AAAA,EACA,GAAGI;AACL,GAAoB;AAClB,QAAMC,IAAaC,EAAKN,GAAW,UAAU;AAC7C,SAAO,gBAAAO,EAACO,GAAA,EAAW,WAAWT,GAAa,GAAGD,GAAO;AACvD;AAGO,SAASW,EAAS,EAAE,WAAAf,GAAW,GAAGI,KAAwB;AAC/D,QAAMC,IAAaC,EAAKN,GAAW,WAAW;AAC9C,SAAO,gBAAAO,EAACS,GAAA,EAAY,WAAWX,GAAa,GAAGD,GAAO;AACxD;AAGO,SAASa,EAAK,EAAE,WAAAjB,GAAW,GAAGI,KAAoB;AACvD,QAAMC,IAAaC,EAAKN,GAAW,MAAM;AACzC,SAAO,gBAAAO,EAACW,GAAA,EAAQ,WAAWb,GAAa,GAAGD,GAAO;AACpD;"}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import { type PressEvent as RACPressEvent, type TabListProps as RACTabListProps, type TabPanelProps as RACTabPanelProps, type TabProps as RACTabProps, type TabsProps as RACTabsProps } from "react-aria-components";
|
|
2
2
|
import "./tab.css";
|
|
3
|
-
|
|
4
|
-
children: string;
|
|
3
|
+
type ClosableTabProps = {
|
|
5
4
|
onClose: (e: RACPressEvent) => void;
|
|
6
5
|
closeButtonLabel: string;
|
|
7
6
|
};
|
|
7
|
+
type PlainTabProps = {
|
|
8
|
+
onClose?: never;
|
|
9
|
+
closeButtonLabel?: never;
|
|
10
|
+
};
|
|
11
|
+
export type TabProps = Omit<RACTabProps, "children"> & {
|
|
12
|
+
children: string;
|
|
13
|
+
} & (ClosableTabProps | PlainTabProps);
|
|
8
14
|
export declare function Tab({ className, children, onClose, closeButtonLabel, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
|
|
9
15
|
export type TabListProps<T> = RACTabListProps<T>;
|
|
10
16
|
export declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -12,3 +18,4 @@ export type TabPanelProps = RACTabPanelProps;
|
|
|
12
18
|
export declare function TabPanel({ className, ...props }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
13
19
|
export type TabsProps = RACTabsProps;
|
|
14
20
|
export declare function Tabs({ className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export {};
|