@gnome-ui/react 1.39.0 → 1.40.1
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/README.md +1 -1
- package/dist/components/Icon/Icon.cjs +1 -1
- package/dist/components/Icon/Icon.cjs.map +1 -1
- package/dist/components/Icon/Icon.d.ts +11 -7
- package/dist/components/Icon/Icon.js +18 -15
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +68 -67
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -81,7 +81,7 @@ import { Button } from "@gnome-ui/react/components/Button";
|
|
|
81
81
|
| Component | Description |
|
|
82
82
|
|-----------|-------------|
|
|
83
83
|
| [`Text`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-text--docs) | 12 Adwaita type styles: large-title, title-1…4, heading, body, caption… |
|
|
84
|
-
| [`Icon`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-icon--docs) |
|
|
84
|
+
| [`Icon`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-icon--docs) | Inline SVG icon. Accepts `@gnome-ui/icons` definitions, [`simple-icons`](https://simpleicons.org/) icons, or any `{ path }` object; inherits `currentColor` |
|
|
85
85
|
| [`Avatar`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-avatar--docs) | Circular user image with deterministic-color initials fallback |
|
|
86
86
|
| [`Badge`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-badge--docs) | Counter or status dot, optionally anchored over another element |
|
|
87
87
|
| [`Blockquote`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-blockquote--docs) | Styled pull-quote with left-border accent; default, info, warning, error, success variants; optional icon and attribution |
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
let e=require(`react/jsx-runtime`);var t={sm:12,md:16,lg:20};function n({icon:
|
|
1
|
+
let e=require(`react/jsx-runtime`);var t={sm:12,md:16,lg:20};function n(e){return`paths`in e&&Array.isArray(e.paths)}function r({icon:r,size:i=`md`,label:a,width:o,height:s,...c}){let l=t[i],u=n(r)?r.viewBox:r.viewBox??`0 0 24 24`,d=n(r)?r.paths.map((t,n)=>(0,e.jsx)(`path`,{d:t.d,fillRule:t.fillRule,clipRule:t.clipRule},n)):[(0,e.jsx)(`path`,{d:r.path},0)];return(0,e.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:u,width:o??l,height:s??l,fill:`currentColor`,"aria-label":a,"aria-hidden":a?void 0:!0,role:a?`img`:void 0,focusable:`false`,...c,children:d})}exports.Icon=r;
|
|
2
2
|
//# sourceMappingURL=Icon.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.cjs","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { SVGAttributes } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\n\nexport type IconSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n /** Icon
|
|
1
|
+
{"version":3,"file":"Icon.cjs","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { SVGAttributes } from \"react\";\nimport type { AnyIconDefinition, IconDefinition } from \"@gnome-ui/icons\";\n\nexport type IconSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n /** Icon from `@gnome-ui/icons`, a `simple-icons` icon, or a raw `{ path }` object. */\n icon: AnyIconDefinition;\n /**\n * Rendered size.\n * - `sm` — 12 px\n * - `md` — 16 px (default)\n * - `lg` — 20 px\n *\n * Override with `width`/`height` for non-standard sizes.\n */\n size?: IconSize;\n /** Accessible label. Omit for decorative icons — they are hidden from screen readers. */\n label?: string;\n}\n\nconst SIZE_MAP: Record<IconSize, number> = { sm: 12, md: 16, lg: 20 };\n\nfunction isIconDefinition(icon: AnyIconDefinition): icon is IconDefinition {\n // When an object has both `path` and `paths`, `paths` wins.\n return \"paths\" in icon && Array.isArray((icon as IconDefinition).paths);\n}\n\n/**\n * Renders an icon as an inline SVG.\n *\n * Accepts icons from `@gnome-ui/icons`, any `simple-icons` icon, or a plain\n * `{ path }` object. Uses `currentColor` so the icon inherits the text color\n * of its parent. Pass `label` only when the icon conveys meaning on its own.\n *\n * @example\n * import { Search } from \"@gnome-ui/icons\";\n * <Icon icon={Search} label=\"Search\" />\n *\n * @example\n * import { siGithub } from \"simple-icons\";\n * <Icon icon={siGithub} label=\"GitHub\" />\n */\nexport function Icon({\n icon,\n size = \"md\",\n label,\n width,\n height,\n ...props\n}: IconProps) {\n const px = SIZE_MAP[size];\n\n const resolvedViewBox = isIconDefinition(icon)\n ? icon.viewBox\n : (icon.viewBox ?? \"0 0 24 24\");\n\n const paths = isIconDefinition(icon)\n ? icon.paths.map((p, i) => (\n <path key={i} d={p.d} fillRule={p.fillRule} clipRule={p.clipRule} />\n ))\n : [<path key={0} d={icon.path} />];\n\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={resolvedViewBox}\n width={width ?? px}\n height={height ?? px}\n fill=\"currentColor\"\n aria-label={label}\n aria-hidden={label ? undefined : true}\n role={label ? \"img\" : undefined}\n focusable=\"false\"\n {...props}\n >\n {paths}\n </svg>\n );\n}\n"],"mappings":"mCAqBA,IAAM,EAAqC,CAAE,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,CAErE,SAAS,EAAiB,EAAiD,CAEzE,MAAO,UAAW,GAAQ,MAAM,QAAS,EAAwB,MAAM,CAkBzE,SAAgB,EAAK,CACnB,OACA,OAAO,KACP,QACA,QACA,SACA,GAAG,GACS,CACZ,IAAM,EAAK,EAAS,GAEd,EAAkB,EAAiB,EAAK,CAC1C,EAAK,QACJ,EAAK,SAAW,YAEf,EAAQ,EAAiB,EAAK,CAChC,EAAK,MAAM,KAAK,EAAG,KACjB,EAAA,EAAA,KAAC,OAAD,CAAc,EAAG,EAAE,EAAG,SAAU,EAAE,SAAU,SAAU,EAAE,SAAY,CAAzD,EAAyD,CACpE,CACF,EAAC,EAAA,EAAA,KAAC,OAAD,CAAc,EAAG,EAAK,KAAQ,CAAnB,EAAmB,CAAC,CAEpC,OACE,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAS,EACT,MAAO,GAAS,EAChB,OAAQ,GAAU,EAClB,KAAK,eACL,aAAY,EACZ,cAAa,EAAQ,IAAA,GAAY,GACjC,KAAM,EAAQ,MAAQ,IAAA,GACtB,UAAU,QACV,GAAI,WAEH,EACG,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { SVGAttributes } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { AnyIconDefinition } from '@gnome-ui/icons';
|
|
3
3
|
export type IconSize = "sm" | "md" | "lg";
|
|
4
4
|
export interface IconProps extends SVGAttributes<SVGSVGElement> {
|
|
5
|
-
/** Icon
|
|
6
|
-
icon:
|
|
5
|
+
/** Icon from `@gnome-ui/icons`, a `simple-icons` icon, or a raw `{ path }` object. */
|
|
6
|
+
icon: AnyIconDefinition;
|
|
7
7
|
/**
|
|
8
8
|
* Rendered size.
|
|
9
9
|
* - `sm` — 12 px
|
|
@@ -17,14 +17,18 @@ export interface IconProps extends SVGAttributes<SVGSVGElement> {
|
|
|
17
17
|
label?: string;
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
|
-
* Renders an
|
|
20
|
+
* Renders an icon as an inline SVG.
|
|
21
21
|
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
*
|
|
22
|
+
* Accepts icons from `@gnome-ui/icons`, any `simple-icons` icon, or a plain
|
|
23
|
+
* `{ path }` object. Uses `currentColor` so the icon inherits the text color
|
|
24
|
+
* of its parent. Pass `label` only when the icon conveys meaning on its own.
|
|
25
25
|
*
|
|
26
26
|
* @example
|
|
27
27
|
* import { Search } from "@gnome-ui/icons";
|
|
28
28
|
* <Icon icon={Search} label="Search" />
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* import { siGithub } from "simple-icons";
|
|
32
|
+
* <Icon icon={siGithub} label="GitHub" />
|
|
29
33
|
*/
|
|
30
34
|
export declare function Icon({ icon, size, label, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,27 +5,30 @@ var t = {
|
|
|
5
5
|
md: 16,
|
|
6
6
|
lg: 20
|
|
7
7
|
};
|
|
8
|
-
function n(
|
|
9
|
-
|
|
8
|
+
function n(e) {
|
|
9
|
+
return "paths" in e && Array.isArray(e.paths);
|
|
10
|
+
}
|
|
11
|
+
function r({ icon: r, size: i = "md", label: a, width: o, height: s, ...c }) {
|
|
12
|
+
let l = t[i], u = n(r) ? r.viewBox : r.viewBox ?? "0 0 24 24", d = n(r) ? r.paths.map((t, n) => /* @__PURE__ */ e("path", {
|
|
13
|
+
d: t.d,
|
|
14
|
+
fillRule: t.fillRule,
|
|
15
|
+
clipRule: t.clipRule
|
|
16
|
+
}, n)) : [/* @__PURE__ */ e("path", { d: r.path }, 0)];
|
|
10
17
|
return /* @__PURE__ */ e("svg", {
|
|
11
18
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
-
viewBox:
|
|
13
|
-
width:
|
|
14
|
-
height:
|
|
19
|
+
viewBox: u,
|
|
20
|
+
width: o ?? l,
|
|
21
|
+
height: s ?? l,
|
|
15
22
|
fill: "currentColor",
|
|
16
|
-
"aria-label":
|
|
17
|
-
"aria-hidden":
|
|
18
|
-
role:
|
|
23
|
+
"aria-label": a,
|
|
24
|
+
"aria-hidden": a ? void 0 : !0,
|
|
25
|
+
role: a ? "img" : void 0,
|
|
19
26
|
focusable: "false",
|
|
20
|
-
...
|
|
21
|
-
children:
|
|
22
|
-
d: t.d,
|
|
23
|
-
fillRule: t.fillRule,
|
|
24
|
-
clipRule: t.clipRule
|
|
25
|
-
}, n))
|
|
27
|
+
...c,
|
|
28
|
+
children: d
|
|
26
29
|
});
|
|
27
30
|
}
|
|
28
31
|
//#endregion
|
|
29
|
-
export {
|
|
32
|
+
export { r as Icon };
|
|
30
33
|
|
|
31
34
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { SVGAttributes } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\n\nexport type IconSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n /** Icon
|
|
1
|
+
{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { SVGAttributes } from \"react\";\nimport type { AnyIconDefinition, IconDefinition } from \"@gnome-ui/icons\";\n\nexport type IconSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n /** Icon from `@gnome-ui/icons`, a `simple-icons` icon, or a raw `{ path }` object. */\n icon: AnyIconDefinition;\n /**\n * Rendered size.\n * - `sm` — 12 px\n * - `md` — 16 px (default)\n * - `lg` — 20 px\n *\n * Override with `width`/`height` for non-standard sizes.\n */\n size?: IconSize;\n /** Accessible label. Omit for decorative icons — they are hidden from screen readers. */\n label?: string;\n}\n\nconst SIZE_MAP: Record<IconSize, number> = { sm: 12, md: 16, lg: 20 };\n\nfunction isIconDefinition(icon: AnyIconDefinition): icon is IconDefinition {\n // When an object has both `path` and `paths`, `paths` wins.\n return \"paths\" in icon && Array.isArray((icon as IconDefinition).paths);\n}\n\n/**\n * Renders an icon as an inline SVG.\n *\n * Accepts icons from `@gnome-ui/icons`, any `simple-icons` icon, or a plain\n * `{ path }` object. Uses `currentColor` so the icon inherits the text color\n * of its parent. Pass `label` only when the icon conveys meaning on its own.\n *\n * @example\n * import { Search } from \"@gnome-ui/icons\";\n * <Icon icon={Search} label=\"Search\" />\n *\n * @example\n * import { siGithub } from \"simple-icons\";\n * <Icon icon={siGithub} label=\"GitHub\" />\n */\nexport function Icon({\n icon,\n size = \"md\",\n label,\n width,\n height,\n ...props\n}: IconProps) {\n const px = SIZE_MAP[size];\n\n const resolvedViewBox = isIconDefinition(icon)\n ? icon.viewBox\n : (icon.viewBox ?? \"0 0 24 24\");\n\n const paths = isIconDefinition(icon)\n ? icon.paths.map((p, i) => (\n <path key={i} d={p.d} fillRule={p.fillRule} clipRule={p.clipRule} />\n ))\n : [<path key={0} d={icon.path} />];\n\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={resolvedViewBox}\n width={width ?? px}\n height={height ?? px}\n fill=\"currentColor\"\n aria-label={label}\n aria-hidden={label ? undefined : true}\n role={label ? \"img\" : undefined}\n focusable=\"false\"\n {...props}\n >\n {paths}\n </svg>\n );\n}\n"],"mappings":";;AAqBA,IAAM,IAAqC;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI;AAErE,SAAS,EAAiB,GAAiD;AAEzE,QAAO,WAAW,KAAQ,MAAM,QAAS,EAAwB,MAAM;;AAkBzE,SAAgB,EAAK,EACnB,SACA,UAAO,MACP,UACA,UACA,WACA,GAAG,KACS;CACZ,IAAM,IAAK,EAAS,IAEd,IAAkB,EAAiB,EAAK,GAC1C,EAAK,UACJ,EAAK,WAAW,aAEf,IAAQ,EAAiB,EAAK,GAChC,EAAK,MAAM,KAAK,GAAG,MACjB,kBAAC,QAAD;EAAc,GAAG,EAAE;EAAG,UAAU,EAAE;EAAU,UAAU,EAAE;EAAY,EAAzD,EAAyD,CACpE,GACF,CAAC,kBAAC,QAAD,EAAc,GAAG,EAAK,MAAQ,EAAnB,EAAmB,CAAC;AAEpC,QACE,kBAAC,OAAD;EACE,OAAM;EACN,SAAS;EACT,OAAO,KAAS;EAChB,QAAQ,KAAU;EAClB,MAAK;EACL,cAAY;EACZ,eAAa,IAAQ,KAAA,IAAY;EACjC,MAAM,IAAQ,QAAQ,KAAA;EACtB,WAAU;EACV,GAAI;YAEH;EACG,CAAA"}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components/AboutDialog/AboutDialog.cjs`),t=require(`./components/ActionRow/ActionRow.cjs`),n=require(`./components/Avatar/Avatar.cjs`),r=require(`./components/Badge/Badge.cjs`),i=require(`./components/Banner/Banner.cjs`),
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components/AboutDialog/AboutDialog.cjs`),t=require(`./components/ActionRow/ActionRow.cjs`),n=require(`./components/Avatar/Avatar.cjs`),r=require(`./components/Badge/Badge.cjs`),i=require(`./components/Banner/Banner.cjs`),a=require(`./components/Bin/Bin.cjs`),ee=require(`./components/Blockquote/Blockquote.cjs`),o=require(`./components/BottomSheet/BottomSheet.cjs`),s=require(`./components/Box/Box.cjs`),c=require(`./components/Separator/Separator.cjs`),l=require(`./components/BoxedList/BoxedList.cjs`),u=require(`./components/BreakpointBin/BreakpointBin.cjs`),d=require(`./components/Button/Button.cjs`),f=require(`./components/ButtonContent/ButtonContent.cjs`),p=require(`./components/ButtonRow/ButtonRow.cjs`),m=require(`./components/Card/Card.cjs`),h=require(`./components/Carousel/Carousel.cjs`),g=require(`./components/CheckRow/CheckRow.cjs`),_=require(`./components/Checkbox/Checkbox.cjs`),v=require(`./components/Icon/Icon.cjs`),y=require(`./components/Chip/Chip.cjs`),b=require(`./components/Clamp/Clamp.cjs`),x=require(`./components/ColorPicker/ColorPicker.cjs`),S=require(`./components/ColumnView/ColumnView.cjs`),C=require(`./components/ComboRow/ComboRow.cjs`),w=require(`./components/ContributionGraph/ContributionGraph.cjs`),T=require(`./components/CountDownTimer/CountDownTimer.cjs`),E=require(`./components/Dialog/Dialog.cjs`),D=require(`./components/Dropdown/Dropdown.cjs`),O=require(`./components/EntryRow/EntryRow.cjs`),k=require(`./components/ExpanderRow/ExpanderRow.cjs`),A=require(`./components/Footer/Footer.cjs`),j=require(`./components/Frame/Frame.cjs`),M=require(`./components/HeaderBar/HeaderBar.cjs`),N=require(`./components/Tooltip/Tooltip.cjs`),P=require(`./components/IconButton/IconButton.cjs`),F=require(`./components/InlineViewSwitcher/InlineViewSwitcher.cjs`),I=require(`./components/InlineViewSwitcher/InlineViewSwitcherItem.cjs`),L=require(`./components/Link/Link.cjs`),R=require(`./components/LinkedGroup/LinkedGroup.cjs`),z=require(`./hooks/useBreakpoint.cjs`),B=require(`./components/NavigationSplitView/NavigationSplitView.cjs`),V=require(`./components/NavigationView/NavigationView.cjs`),H=require(`./components/OverlaySplitView/OverlaySplitView.cjs`),U=require(`./components/PasswordEntryRow/PasswordEntryRow.cjs`),W=require(`./components/PathBar/PathBar.cjs`),G=require(`./components/Popover/Popover.cjs`),K=require(`./components/PreferencesDialog/PreferencesDialog.cjs`),q=require(`./components/PreferencesGroup/PreferencesGroup.cjs`),J=require(`./components/PreferencesPage/PreferencesPage.cjs`),te=require(`./components/ProgressBar/ProgressBar.cjs`),Y=require(`./components/RadioButton/RadioButton.cjs`),X=require(`./components/Spinner/Spinner.cjs`),Z=require(`./components/SearchBar/SearchBar.cjs`),Q=require(`./components/ShortcutLabel/ShortcutLabel.cjs`),ne=require(`./components/ShortcutsDialog/ShortcutsDialog.cjs`),re=require(`./components/StatusPage/StatusPage.cjs`),$=require(`./components/Sidebar/Sidebar.cjs`),ie=require(`./components/Sidebar/SidebarSection.cjs`),ae=require(`./components/Sidebar/SidebarItem.cjs`),oe=require(`./components/Skeleton/Skeleton.cjs`),se=require(`./components/Slider/Slider.cjs`),ce=require(`./components/SpinButton/SpinButton.cjs`),le=require(`./components/SpinRow/SpinRow.cjs`),ue=require(`./components/SplitButton/SplitButton.cjs`),de=require(`./components/StatusBadge/StatusBadge.cjs`),fe=require(`./components/Switch/Switch.cjs`),pe=require(`./components/SwitchRow/SwitchRow.cjs`),me=require(`./components/Tabs/TabBar.cjs`),he=require(`./components/Tabs/TabItem.cjs`),ge=require(`./components/Tabs/TabPanel.cjs`),_e=require(`./components/TerminalView/TerminalView.cjs`),ve=require(`./components/Text/Text.cjs`),ye=require(`./components/TextField/TextField.cjs`),be=require(`./components/Timeline/Timeline.cjs`),xe=require(`./components/Toast/Toast.cjs`),Se=require(`./components/Toast/Toaster.cjs`),Ce=require(`./components/ToggleGroup/ToggleGroup.cjs`),we=require(`./components/ToggleGroup/ToggleGroupItem.cjs`),Te=require(`./components/Toolbar/Toolbar.cjs`),Ee=require(`./components/Toolbar/Spacer.cjs`),De=require(`./components/ToolbarView/ToolbarView.cjs`),Oe=require(`./components/ViewSwitcher/ViewSwitcher.cjs`),ke=require(`./components/ViewSwitcher/ViewSwitcherItem.cjs`),Ae=require(`./components/ViewSwitcherBar/ViewSwitcherBar.cjs`),je=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebar.cjs`),Me=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs`),Ne=require(`./components/WindowTitle/WindowTitle.cjs`),Pe=require(`./components/WrapBox/WrapBox.cjs`);exports.AboutDialog=e.AboutDialog,exports.ActionRow=t.ActionRow,exports.Avatar=n.Avatar,exports.Badge=r.Badge,exports.Banner=i.Banner,exports.Bin=a.Bin,exports.Blockquote=ee.Blockquote,exports.BottomSheet=o.BottomSheet,exports.Box=s.Box,exports.BoxedList=l.BoxedList,exports.BreakpointBin=u.BreakpointBin,exports.Button=d.Button,exports.ButtonContent=f.ButtonContent,exports.ButtonRow=p.ButtonRow,exports.Card=m.Card,exports.Carousel=h.Carousel,exports.CarouselIndicatorDots=h.CarouselIndicatorDots,exports.CarouselIndicatorLines=h.CarouselIndicatorLines,exports.CheckRow=g.CheckRow,exports.Checkbox=_.Checkbox,exports.Chip=y.Chip,exports.Clamp=b.Clamp,exports.ColorPicker=x.ColorPicker,exports.ColorSwatch=x.ColorSwatch,exports.ColumnView=S.ColumnView,exports.ComboRow=C.ComboRow,exports.ContributionGraph=w.ContributionGraph,exports.CountDownTimer=T.CountDownTimer,exports.Dialog=E.Dialog,exports.Dropdown=D.Dropdown,exports.EntryRow=O.EntryRow,exports.ExpanderRow=k.ExpanderRow,exports.Footer=A.Footer,exports.Frame=j.Frame,exports.GNOME_BREAKPOINTS=z.GNOME_BREAKPOINTS,exports.GNOME_PALETTE=x.GNOME_PALETTE,exports.HeaderBar=M.HeaderBar,exports.Icon=v.Icon,exports.IconButton=P.IconButton,exports.InlineViewSwitcher=F.InlineViewSwitcher,exports.InlineViewSwitcherItem=I.InlineViewSwitcherItem,exports.Link=L.Link,exports.LinkedGroup=R.LinkedGroup,exports.NavigationPage=V.NavigationPage,exports.NavigationSplitView=B.NavigationSplitView,exports.NavigationView=V.NavigationView,exports.OverlaySplitView=H.OverlaySplitView,exports.PasswordEntryRow=U.PasswordEntryRow,exports.PathBar=W.PathBar,exports.Popover=G.Popover,exports.PreferencesDialog=K.PreferencesDialog,exports.PreferencesGroup=q.PreferencesGroup,exports.PreferencesPage=J.PreferencesPage,exports.ProgressBar=te.ProgressBar,exports.RadioButton=Y.RadioButton,exports.SearchBar=Z.SearchBar,exports.Separator=c.Separator,exports.ShortcutLabel=Q.ShortcutLabel,exports.ShortcutsDialog=ne.ShortcutsDialog,exports.Sidebar=$.Sidebar,exports.SidebarCollapsedContext=$.SidebarCollapsedContext,exports.SidebarItem=ae.SidebarItem,exports.SidebarSection=ie.SidebarSection,exports.Skeleton=oe.Skeleton,exports.Slider=se.Slider,exports.Spacer=Ee.Spacer,exports.SpinButton=ce.SpinButton,exports.SpinRow=le.SpinRow,exports.Spinner=X.Spinner,exports.SplitButton=ue.SplitButton,exports.StatusBadge=de.StatusBadge,exports.StatusPage=re.StatusPage,exports.Switch=fe.Switch,exports.SwitchRow=pe.SwitchRow,exports.TabBar=me.TabBar,exports.TabItem=he.TabItem,exports.TabPanel=ge.TabPanel,exports.TerminalView=_e.TerminalView,exports.Text=ve.Text,exports.TextField=ye.TextField,exports.Timeline=be.Timeline,exports.Toast=xe.Toast,exports.Toaster=Se.Toaster,exports.ToggleGroup=Ce.ToggleGroup,exports.ToggleGroupItem=we.ToggleGroupItem,exports.Toolbar=Te.Toolbar,exports.ToolbarView=De.ToolbarView,exports.Tooltip=N.Tooltip,exports.ViewSwitcher=Oe.ViewSwitcher,exports.ViewSwitcherBar=Ae.ViewSwitcherBar,exports.ViewSwitcherItem=ke.ViewSwitcherItem,exports.ViewSwitcherSidebar=je.ViewSwitcherSidebar,exports.ViewSwitcherSidebarItem=Me.ViewSwitcherSidebarItem,exports.WindowTitle=Ne.WindowTitle,exports.WrapBox=Pe.WrapBox,exports.useBreakpoint=z.useBreakpoint,exports.useNavigation=V.useNavigation,exports.useSidebarCollapsed=$.useSidebarCollapsed;
|
package/dist/index.d.ts
CHANGED
|
@@ -88,6 +88,8 @@ export { WrapBox } from './components/WrapBox';
|
|
|
88
88
|
export type { WrapBoxProps, WrapBoxJustify, WrapBoxAlign } from './components/WrapBox';
|
|
89
89
|
export { Chip } from './components/Chip';
|
|
90
90
|
export type { ChipProps } from './components/Chip';
|
|
91
|
+
export { ColorPicker, ColorSwatch, GNOME_PALETTE } from './components/ColorPicker';
|
|
92
|
+
export type { ColorPickerProps, ColorPickerColor, ColorSwatchProps, ColorSwatchSize } from './components/ColorPicker';
|
|
91
93
|
export { ShortcutsDialog } from './components/ShortcutsDialog';
|
|
92
94
|
export type { ShortcutsDialogProps, ShortcutsSection, ShortcutEntry } from './components/ShortcutsDialog';
|
|
93
95
|
export { ViewSwitcherSidebar, ViewSwitcherSidebarItem } from './components/ViewSwitcherSidebar';
|
package/dist/index.js
CHANGED
|
@@ -20,70 +20,71 @@ import { Checkbox as b } from "./components/Checkbox/Checkbox.js";
|
|
|
20
20
|
import { Icon as x } from "./components/Icon/Icon.js";
|
|
21
21
|
import { Chip as S } from "./components/Chip/Chip.js";
|
|
22
22
|
import { Clamp as C } from "./components/Clamp/Clamp.js";
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
|
|
23
|
+
import { ColorPicker as w, ColorSwatch as T, GNOME_PALETTE as E } from "./components/ColorPicker/ColorPicker.js";
|
|
24
|
+
import { ColumnView as D } from "./components/ColumnView/ColumnView.js";
|
|
25
|
+
import { ComboRow as O } from "./components/ComboRow/ComboRow.js";
|
|
26
|
+
import { ContributionGraph as k } from "./components/ContributionGraph/ContributionGraph.js";
|
|
27
|
+
import { CountDownTimer as A } from "./components/CountDownTimer/CountDownTimer.js";
|
|
28
|
+
import { Dialog as j } from "./components/Dialog/Dialog.js";
|
|
29
|
+
import { Dropdown as M } from "./components/Dropdown/Dropdown.js";
|
|
30
|
+
import { EntryRow as N } from "./components/EntryRow/EntryRow.js";
|
|
31
|
+
import { ExpanderRow as P } from "./components/ExpanderRow/ExpanderRow.js";
|
|
32
|
+
import { Footer as F } from "./components/Footer/Footer.js";
|
|
33
|
+
import { Frame as I } from "./components/Frame/Frame.js";
|
|
34
|
+
import { HeaderBar as L } from "./components/HeaderBar/HeaderBar.js";
|
|
35
|
+
import { Tooltip as R } from "./components/Tooltip/Tooltip.js";
|
|
36
|
+
import { IconButton as z } from "./components/IconButton/IconButton.js";
|
|
37
|
+
import { InlineViewSwitcher as B } from "./components/InlineViewSwitcher/InlineViewSwitcher.js";
|
|
38
|
+
import { InlineViewSwitcherItem as V } from "./components/InlineViewSwitcher/InlineViewSwitcherItem.js";
|
|
39
|
+
import { Link as H } from "./components/Link/Link.js";
|
|
40
|
+
import { LinkedGroup as U } from "./components/LinkedGroup/LinkedGroup.js";
|
|
41
|
+
import { GNOME_BREAKPOINTS as W, useBreakpoint as G } from "./hooks/useBreakpoint.js";
|
|
42
|
+
import { NavigationSplitView as K } from "./components/NavigationSplitView/NavigationSplitView.js";
|
|
43
|
+
import { NavigationPage as q, NavigationView as J, useNavigation as Y } from "./components/NavigationView/NavigationView.js";
|
|
44
|
+
import { OverlaySplitView as X } from "./components/OverlaySplitView/OverlaySplitView.js";
|
|
45
|
+
import { PasswordEntryRow as Z } from "./components/PasswordEntryRow/PasswordEntryRow.js";
|
|
46
|
+
import { PathBar as Q } from "./components/PathBar/PathBar.js";
|
|
47
|
+
import { Popover as $ } from "./components/Popover/Popover.js";
|
|
48
|
+
import { PreferencesDialog as ee } from "./components/PreferencesDialog/PreferencesDialog.js";
|
|
49
|
+
import { PreferencesGroup as te } from "./components/PreferencesGroup/PreferencesGroup.js";
|
|
50
|
+
import { PreferencesPage as ne } from "./components/PreferencesPage/PreferencesPage.js";
|
|
51
|
+
import { ProgressBar as re } from "./components/ProgressBar/ProgressBar.js";
|
|
52
|
+
import { RadioButton as ie } from "./components/RadioButton/RadioButton.js";
|
|
53
|
+
import { Spinner as ae } from "./components/Spinner/Spinner.js";
|
|
54
|
+
import { SearchBar as oe } from "./components/SearchBar/SearchBar.js";
|
|
55
|
+
import { ShortcutLabel as se } from "./components/ShortcutLabel/ShortcutLabel.js";
|
|
56
|
+
import { ShortcutsDialog as ce } from "./components/ShortcutsDialog/ShortcutsDialog.js";
|
|
57
|
+
import { StatusPage as le } from "./components/StatusPage/StatusPage.js";
|
|
58
|
+
import { Sidebar as ue, SidebarCollapsedContext as de, useSidebarCollapsed as fe } from "./components/Sidebar/Sidebar.js";
|
|
59
|
+
import { SidebarSection as pe } from "./components/Sidebar/SidebarSection.js";
|
|
60
|
+
import { SidebarItem as me } from "./components/Sidebar/SidebarItem.js";
|
|
61
|
+
import { Skeleton as he } from "./components/Skeleton/Skeleton.js";
|
|
62
|
+
import { Slider as ge } from "./components/Slider/Slider.js";
|
|
63
|
+
import { SpinButton as _e } from "./components/SpinButton/SpinButton.js";
|
|
64
|
+
import { SpinRow as ve } from "./components/SpinRow/SpinRow.js";
|
|
65
|
+
import { SplitButton as ye } from "./components/SplitButton/SplitButton.js";
|
|
66
|
+
import { StatusBadge as be } from "./components/StatusBadge/StatusBadge.js";
|
|
67
|
+
import { Switch as xe } from "./components/Switch/Switch.js";
|
|
68
|
+
import { SwitchRow as Se } from "./components/SwitchRow/SwitchRow.js";
|
|
69
|
+
import { TabBar as Ce } from "./components/Tabs/TabBar.js";
|
|
70
|
+
import { TabItem as we } from "./components/Tabs/TabItem.js";
|
|
71
|
+
import { TabPanel as Te } from "./components/Tabs/TabPanel.js";
|
|
72
|
+
import { TerminalView as Ee } from "./components/TerminalView/TerminalView.js";
|
|
73
|
+
import { Text as De } from "./components/Text/Text.js";
|
|
74
|
+
import { TextField as Oe } from "./components/TextField/TextField.js";
|
|
75
|
+
import { Timeline as ke } from "./components/Timeline/Timeline.js";
|
|
76
|
+
import { Toast as Ae } from "./components/Toast/Toast.js";
|
|
77
|
+
import { Toaster as je } from "./components/Toast/Toaster.js";
|
|
78
|
+
import { ToggleGroup as Me } from "./components/ToggleGroup/ToggleGroup.js";
|
|
79
|
+
import { ToggleGroupItem as Ne } from "./components/ToggleGroup/ToggleGroupItem.js";
|
|
80
|
+
import { Toolbar as Pe } from "./components/Toolbar/Toolbar.js";
|
|
81
|
+
import { Spacer as Fe } from "./components/Toolbar/Spacer.js";
|
|
82
|
+
import { ToolbarView as Ie } from "./components/ToolbarView/ToolbarView.js";
|
|
83
|
+
import { ViewSwitcher as Le } from "./components/ViewSwitcher/ViewSwitcher.js";
|
|
84
|
+
import { ViewSwitcherItem as Re } from "./components/ViewSwitcher/ViewSwitcherItem.js";
|
|
85
|
+
import { ViewSwitcherBar as ze } from "./components/ViewSwitcherBar/ViewSwitcherBar.js";
|
|
86
|
+
import { ViewSwitcherSidebar as Be } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebar.js";
|
|
87
|
+
import { ViewSwitcherSidebarItem as Ve } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.js";
|
|
88
|
+
import { WindowTitle as He } from "./components/WindowTitle/WindowTitle.js";
|
|
89
|
+
import { WrapBox as Ue } from "./components/WrapBox/WrapBox.js";
|
|
90
|
+
export { e as AboutDialog, t as ActionRow, n as Avatar, r as Badge, i as Banner, a as Bin, o as Blockquote, s as BottomSheet, c as Box, u as BoxedList, d as BreakpointBin, f as Button, p as ButtonContent, m as ButtonRow, h as Card, g as Carousel, _ as CarouselIndicatorDots, v as CarouselIndicatorLines, y as CheckRow, b as Checkbox, S as Chip, C as Clamp, w as ColorPicker, T as ColorSwatch, D as ColumnView, O as ComboRow, k as ContributionGraph, A as CountDownTimer, j as Dialog, M as Dropdown, N as EntryRow, P as ExpanderRow, F as Footer, I as Frame, W as GNOME_BREAKPOINTS, E as GNOME_PALETTE, L as HeaderBar, x as Icon, z as IconButton, B as InlineViewSwitcher, V as InlineViewSwitcherItem, H as Link, U as LinkedGroup, q as NavigationPage, K as NavigationSplitView, J as NavigationView, X as OverlaySplitView, Z as PasswordEntryRow, Q as PathBar, $ as Popover, ee as PreferencesDialog, te as PreferencesGroup, ne as PreferencesPage, re as ProgressBar, ie as RadioButton, oe as SearchBar, l as Separator, se as ShortcutLabel, ce as ShortcutsDialog, ue as Sidebar, de as SidebarCollapsedContext, me as SidebarItem, pe as SidebarSection, he as Skeleton, ge as Slider, Fe as Spacer, _e as SpinButton, ve as SpinRow, ae as Spinner, ye as SplitButton, be as StatusBadge, le as StatusPage, xe as Switch, Se as SwitchRow, Ce as TabBar, we as TabItem, Te as TabPanel, Ee as TerminalView, De as Text, Oe as TextField, ke as Timeline, Ae as Toast, je as Toaster, Me as ToggleGroup, Ne as ToggleGroupItem, Pe as Toolbar, Ie as ToolbarView, R as Tooltip, Le as ViewSwitcher, ze as ViewSwitcherBar, Re as ViewSwitcherItem, Be as ViewSwitcherSidebar, Ve as ViewSwitcherSidebarItem, He as WindowTitle, Ue as WrapBox, G as useBreakpoint, Y as useNavigation, fe as useSidebarCollapsed };
|