@hintoric/ui 0.8.0 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/dist/components/AccordionDetails/AccordionDetails.d.ts.map +1 -1
- package/dist/components/AccordionSummary/AccordionSummary.d.ts.map +1 -1
- package/dist/components/AccountMenu/AccountMenu.d.ts +20 -0
- package/dist/components/AccountMenu/AccountMenu.d.ts.map +1 -0
- package/dist/components/AccountMenu/index.d.ts +3 -0
- package/dist/components/AccountMenu/index.d.ts.map +1 -0
- package/dist/components/AccountMenu/types.d.ts +64 -0
- package/dist/components/AccountMenu/types.d.ts.map +1 -0
- package/dist/components/Alert/AlertTitle.d.ts +4 -0
- package/dist/components/Alert/AlertTitle.d.ts.map +1 -0
- package/dist/components/Alert/alertVariants.d.ts +1 -0
- package/dist/components/Alert/alertVariants.d.ts.map +1 -1
- package/dist/components/Alert/index.d.ts +2 -0
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Button/ButtonBody.d.ts.map +1 -1
- package/dist/components/CircularProgress/CircularProgress.d.ts.map +1 -1
- package/dist/components/ColorSchemeMenuItems/ColorSchemeMenuItems.d.ts +1 -1
- package/dist/components/ColorSchemeMenuItems/ColorSchemeMenuItems.d.ts.map +1 -1
- package/dist/components/ColorSchemeMenuItems/types.d.ts +10 -0
- package/dist/components/ColorSchemeMenuItems/types.d.ts.map +1 -1
- package/dist/components/DataGrid/DataGridHeaderCell.d.ts.map +1 -1
- package/dist/components/DataGrid/dataGridVariants.d.ts +1 -1
- package/dist/components/DataGrid/dataGridVariants.d.ts.map +1 -1
- package/dist/components/Divider/Divider.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/FloatingBar/FloatingBar.d.ts.map +1 -1
- package/dist/components/FloatingBar/FloatingBarButton.d.ts.map +1 -1
- package/dist/components/FloatingBar/types.d.ts +11 -0
- package/dist/components/FloatingBar/types.d.ts.map +1 -1
- package/dist/components/LinearProgress/LinearProgress.d.ts.map +1 -1
- package/dist/components/LocaleSwitcher/LocaleSwitcher.d.ts.map +1 -1
- package/dist/components/MapImage/MapImageFrame.d.ts.map +1 -1
- package/dist/components/MenuItem/MenuItem.d.ts.map +1 -1
- package/dist/components/MenuItem/types.d.ts +8 -0
- package/dist/components/MenuItem/types.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/ModalDialog/ModalDialog.d.ts.map +1 -1
- package/dist/components/Popover/Popover.d.ts +15 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/Popover/index.d.ts +3 -0
- package/dist/components/Popover/index.d.ts.map +1 -0
- package/dist/components/Popover/types.d.ts +35 -0
- package/dist/components/Popover/types.d.ts.map +1 -0
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts.map +1 -1
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Tab/Tab.d.ts +1 -1
- package/dist/components/Tab/Tab.d.ts.map +1 -1
- package/dist/components/Tab/TabIndicatorContext.d.ts +21 -0
- package/dist/components/Tab/TabIndicatorContext.d.ts.map +1 -0
- package/dist/components/Tab/types.d.ts +8 -0
- package/dist/components/Tab/types.d.ts.map +1 -1
- package/dist/components/TabList/TabList.d.ts.map +1 -1
- package/dist/components/TabNav/TabNav.d.ts +23 -0
- package/dist/components/TabNav/TabNav.d.ts.map +1 -0
- package/dist/components/TabNav/TabNavContext.d.ts +11 -0
- package/dist/components/TabNav/TabNavContext.d.ts.map +1 -0
- package/dist/components/TabNav/index.d.ts +3 -0
- package/dist/components/TabNav/index.d.ts.map +1 -0
- package/dist/components/TabNav/types.d.ts +17 -0
- package/dist/components/TabNav/types.d.ts.map +1 -0
- package/dist/components/TabPanel/TabPanel.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/index.d.ts +10 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6246 -5478
- package/dist/index.js.map +1 -1
- package/dist/internal/localeFlag.d.ts +7 -0
- package/dist/internal/localeFlag.d.ts.map +1 -0
- package/dist/internal/svg-icons/ArrowBackIcon.d.ts +3 -0
- package/dist/internal/svg-icons/ArrowBackIcon.d.ts.map +1 -0
- package/dist/internal/svg-icons/ChevronRightIcon.d.ts +3 -0
- package/dist/internal/svg-icons/ChevronRightIcon.d.ts.map +1 -0
- package/dist/internal/svg-icons/LogoutIcon.d.ts +3 -0
- package/dist/internal/svg-icons/LogoutIcon.d.ts.map +1 -0
- package/dist/internal/svg-icons/MenuIcon.d.ts +3 -0
- package/dist/internal/svg-icons/MenuIcon.d.ts.map +1 -0
- package/dist/internal/svg-icons/TranslateIcon.d.ts +3 -0
- package/dist/internal/svg-icons/TranslateIcon.d.ts.map +1 -0
- package/dist/style.css +1 -1
- package/dist/tailwind.css +463 -0
- package/dist/theme/ReducedMotionProvider.d.ts +9 -0
- package/dist/theme/ReducedMotionProvider.d.ts.map +1 -0
- package/dist/utils/usePrefersReducedMotion.d.ts +1 -1
- package/dist/utils/usePrefersReducedMotion.d.ts.map +1 -1
- package/package.json +11 -2
package/README.md
CHANGED
|
@@ -36,6 +36,18 @@ once, near the root of your project:
|
|
|
36
36
|
import '@hintoric/ui/styles.css';
|
|
37
37
|
```
|
|
38
38
|
|
|
39
|
+
If your app runs its own Tailwind CSS v4 (4.1 or later), import the Tailwind entry in your
|
|
40
|
+
stylesheet **instead of** `styles.css`. Your build then generates the utilities for our components
|
|
41
|
+
and for your own markup (`md:`, arbitrary values, and so on), all with our theme tokens:
|
|
42
|
+
|
|
43
|
+
```css
|
|
44
|
+
@import "tailwindcss";
|
|
45
|
+
@import "@hintoric/ui/tailwind.css";
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
Do not load both files. A second Tailwind build next to `styles.css` changes which utility wins
|
|
49
|
+
inside our components.
|
|
50
|
+
|
|
39
51
|
## Usage
|
|
40
52
|
|
|
41
53
|
```tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAWrD,eAAO,MAAM,gBAAgB,8FAoB3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionSummary.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionSummary/AccordionSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AccordionSummary.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionSummary/AccordionSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQrD,eAAO,MAAM,gBAAgB,iGAkC3B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { AccountMenuProps } from './types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* The signed-in person in one pill — avatar and menu button — and a menu that
|
|
5
|
+
* opens with a card (avatar, address, subtitle), then the two settings a
|
|
6
|
+
* person changes for themselves, then the caller's own items and sign-out.
|
|
7
|
+
*
|
|
8
|
+
* Appearance and language drill down in place: the row shows the current
|
|
9
|
+
* value, a click swaps the popup's contents for the choices and a row back,
|
|
10
|
+
* and a choice returns to the top showing the new value — the confirmation is
|
|
11
|
+
* the menu itself. Those rows are `closeOnClick={false}`; everything else
|
|
12
|
+
* closes the menu as usual, and the next opening starts at the top again.
|
|
13
|
+
*
|
|
14
|
+
* Knows no session, no routes and no i18n: who, the labels and what signing
|
|
15
|
+
* out does all come in as props, so applications that share no code show the
|
|
16
|
+
* same menu. A signed-out visitor is the caller's to handle — there is no one
|
|
17
|
+
* to show here.
|
|
18
|
+
*/
|
|
19
|
+
export declare function AccountMenu({ user, subtitle, labels, onSignOut, signingOut, items, appearance, locales: localesProp, locale: localeProp, onLocaleChange: onLocaleChangeProp, flags, size, ...barProps }: AccountMenuProps): React.JSX.Element;
|
|
20
|
+
//# sourceMappingURL=AccountMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountMenu.d.ts","sourceRoot":"","sources":["../../../src/components/AccountMenu/AccountMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA8ChD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAkB,EAClB,KAAK,EACL,UAAiB,EACjB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,cAAc,EAAE,kBAAkB,EAClC,KAAY,EACZ,IAAW,EACX,GAAG,QAAQ,EACZ,EAAE,gBAAgB,qBAoKlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AccountMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { ColorSchemeLabels } from '../../internal/colorScheme';
|
|
2
|
+
import { LocaleOption } from '../../theme/LocaleProvider';
|
|
3
|
+
import { FloatingBarProps } from '../FloatingBar';
|
|
4
|
+
import type * as React from 'react';
|
|
5
|
+
export interface AccountMenuUser {
|
|
6
|
+
/** Shown on the card, and the source of the avatar's letter when there is no `name`. */
|
|
7
|
+
email: string;
|
|
8
|
+
/** Shown above the address when given; its first letter goes on the avatar. */
|
|
9
|
+
name?: string;
|
|
10
|
+
/** A picture for both avatars instead of the letter. */
|
|
11
|
+
avatarSrc?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* English defaults, each one overridable on its own. The component ships no
|
|
15
|
+
* translations and knows no i18n library — the line LocaleSwitcher draws.
|
|
16
|
+
*/
|
|
17
|
+
export interface AccountMenuLabels {
|
|
18
|
+
/** Accessible name of the bar and of the menu button. @default 'Account' */
|
|
19
|
+
menu?: string;
|
|
20
|
+
/** @default 'Appearance' */
|
|
21
|
+
appearance?: React.ReactNode;
|
|
22
|
+
/** @default 'Language' */
|
|
23
|
+
language?: React.ReactNode;
|
|
24
|
+
/** Accessible name of a sub-view's first row, which leads back. @default 'Back' */
|
|
25
|
+
back?: string;
|
|
26
|
+
/** @default 'Sign out' */
|
|
27
|
+
signOut?: React.ReactNode;
|
|
28
|
+
/** The three appearance entries; `System` / `Light` / `Dark` by default. */
|
|
29
|
+
colorScheme?: ColorSchemeLabels;
|
|
30
|
+
}
|
|
31
|
+
export interface AccountMenuProps extends Omit<FloatingBarProps, 'children' | 'orientation'> {
|
|
32
|
+
user: AccountMenuUser;
|
|
33
|
+
/** Second line of the card — a workspace, a tenant, a plan. */
|
|
34
|
+
subtitle?: React.ReactNode;
|
|
35
|
+
labels?: AccountMenuLabels;
|
|
36
|
+
/** Adds the sign-out row at the foot of the menu. Without it there is none. */
|
|
37
|
+
onSignOut?: () => void;
|
|
38
|
+
/** Disables the sign-out row, for while a sign-out is under way. */
|
|
39
|
+
signingOut?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Your own `MenuItem`s, between the settings and the sign-out row. They
|
|
42
|
+
* close the menu on click like any other item.
|
|
43
|
+
*/
|
|
44
|
+
items?: React.ReactNode;
|
|
45
|
+
/**
|
|
46
|
+
* Offers the appearance view, which needs a `ColorSchemeProvider` above.
|
|
47
|
+
*
|
|
48
|
+
* @default true
|
|
49
|
+
*/
|
|
50
|
+
appearance?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* The offered languages. Falls back to an enclosing `LocaleProvider`. The
|
|
53
|
+
* language view appears only when languages, the current one and a change
|
|
54
|
+
* handler are all known.
|
|
55
|
+
*/
|
|
56
|
+
locales?: readonly LocaleOption[];
|
|
57
|
+
/** The current language. Falls back to the `LocaleProvider`'s `locale`. */
|
|
58
|
+
locale?: string;
|
|
59
|
+
/** Falls back to the `LocaleProvider`'s `onLocaleChange`. */
|
|
60
|
+
onLocaleChange?: (locale: string) => void;
|
|
61
|
+
/** Show a flag beside each language, as LocaleSwitcher does. @default true */
|
|
62
|
+
flags?: boolean;
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AccountMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,aAAa,CAAC;IAC1F,IAAI,EAAE,eAAe,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAClC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type AlertTitleProps = React.ComponentPropsWithoutRef<'div'>;
|
|
3
|
+
export declare const AlertTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
//# sourceMappingURL=AlertTitle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAKpE,eAAO,MAAM,UAAU,mKAKrB,CAAC"}
|
|
@@ -3,4 +3,5 @@ export declare const alertVariants: (props?: ({
|
|
|
3
3
|
color?: "primary" | "neutral" | "danger" | "success" | "warning" | null | undefined;
|
|
4
4
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export declare const DECORATOR_CLASSES = "inline-flex min-h-[1lh] flex-none items-center";
|
|
6
7
|
//# sourceMappingURL=alertVariants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alertVariants.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/alertVariants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"alertVariants.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/alertVariants.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,aAAa;;;;8EAYxB,CAAC;AAMH,eAAO,MAAM,iBAAiB,mDAAmD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonBody.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonBody.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAErE;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAuB9G"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../src/components/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../src/components/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,gBAAgB,+FAwD3B,CAAC"}
|
|
@@ -9,5 +9,5 @@ import { ColorSchemeMenuItemsProps } from './types';
|
|
|
9
9
|
* or `cloneElement`. A host that clones its children — `ToggleButtonGroup`
|
|
10
10
|
* does — would apply those clones to the fragment instead of the entries.
|
|
11
11
|
*/
|
|
12
|
-
export declare function ColorSchemeMenuItems({ labels, color, icons, }: ColorSchemeMenuItemsProps): import("react").JSX.Element;
|
|
12
|
+
export declare function ColorSchemeMenuItems({ labels, color, icons, closeOnClick, onModeChange, }: ColorSchemeMenuItemsProps): import("react").JSX.Element;
|
|
13
13
|
//# sourceMappingURL=ColorSchemeMenuItems.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorSchemeMenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/ColorSchemeMenuItems/ColorSchemeMenuItems.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,KAAiB,EACjB,KAAY,GACb,EAAE,yBAAyB,+
|
|
1
|
+
{"version":3,"file":"ColorSchemeMenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/ColorSchemeMenuItems/ColorSchemeMenuItems.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,KAAiB,EACjB,KAAY,EACZ,YAAmB,EACnB,YAAY,GACb,EAAE,yBAAyB,+BA4B3B"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ColorSchemeMode } from '../../theme/ColorSchemeProvider';
|
|
1
2
|
import { JoyColor } from '../../utils/colorVariantClasses';
|
|
2
3
|
import { ColorSchemeLabels } from '../../internal/colorScheme';
|
|
3
4
|
export interface ColorSchemeMenuItemsProps {
|
|
@@ -6,5 +7,14 @@ export interface ColorSchemeMenuItemsProps {
|
|
|
6
7
|
color?: JoyColor;
|
|
7
8
|
/** Hides the per-entry icon, leaving text only. */
|
|
8
9
|
icons?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Whether choosing an entry closes the enclosing menu. Turn it off when the
|
|
12
|
+
* menu should stay and show the new choice — a settings sub-view, say.
|
|
13
|
+
*
|
|
14
|
+
* @default true
|
|
15
|
+
*/
|
|
16
|
+
closeOnClick?: boolean;
|
|
17
|
+
/** Called after an entry has set the mode, with the mode it set. */
|
|
18
|
+
onModeChange?: (mode: ColorSchemeMode) => void;
|
|
9
19
|
}
|
|
10
20
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorSchemeMenuItems/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,WAAW,yBAAyB;IACxC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorSchemeMenuItems/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,WAAW,yBAAyB;IACxC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridHeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGridHeaderCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"DataGridHeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGridHeaderCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAqDvD,KAAK,+BAA+B,GAAG,CAAC,CAAC,KAAK,SAAS,OAAO,EAC5D,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CAAE,KAC9E,KAAK,CAAC,YAAY,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAKpD,eAAO,MAAM,kBAAkB,EAA2D,+BAA+B,CAAC"}
|
|
@@ -2,5 +2,5 @@ import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
|
|
|
2
2
|
export { TABLE_SIZE_CLASS, TABLE_HEAD_CLASS, TABLE_BORDER_AXIS_CLASS } from '../Table/tableVariants';
|
|
3
3
|
export declare const DATAGRID_HEADER_HOVER_CLASS: Record<JoyVariant, Record<JoyColor, string>>;
|
|
4
4
|
export declare const DATAGRID_RESIZE_HANDLE_CLASS = "absolute right-0 top-0 z-10 h-full w-1 cursor-col-resize touch-none select-none opacity-0 group-hover:opacity-100";
|
|
5
|
-
export declare const DATAGRID_SORT_ICON_CLASS = "inline-flex items-center text-base text-ink-icon
|
|
5
|
+
export declare const DATAGRID_SORT_ICON_CLASS = "inline-flex items-center text-base text-ink-icon";
|
|
6
6
|
//# sourceMappingURL=dataGridVariants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dataGridVariants.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/dataGridVariants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AASrG,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CA6BpF,CAAC;AAMF,eAAO,MAAM,4BAA4B,sHAC4E,CAAC;AAEtH,eAAO,MAAM,wBAAwB,
|
|
1
|
+
{"version":3,"file":"dataGridVariants.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/dataGridVariants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AASrG,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CA6BpF,CAAC;AAMF,eAAO,MAAM,4BAA4B,sHAC4E,CAAC;AAEtH,eAAO,MAAM,wBAAwB,qDACe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAU5C,eAAO,MAAM,OAAO,kFAyClB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmB3C,eAAO,MAAM,MAAM,oFAsCjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingBar.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingBar/FloatingBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAA0C,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiDxF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"FloatingBar.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingBar/FloatingBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAA0C,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiDxF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,sFAkDtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingBarButton.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingBar/FloatingBarButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"FloatingBarButton.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingBar/FloatingBarButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAItD;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,kGAqB7B,CAAC"}
|
|
@@ -21,6 +21,12 @@ export interface FloatingBarProps extends Omit<React.ComponentPropsWithoutRef<'d
|
|
|
21
21
|
align?: FloatingBarAlign;
|
|
22
22
|
/** Hangs the bar half over the edge instead of keeping it inside. */
|
|
23
23
|
straddle?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Lets the buttons break onto a second row when there is not room for all of
|
|
26
|
+
* them, instead of overflowing. The pill's corners ease from fully round to
|
|
27
|
+
* a large radius so a two-row bar does not turn into an ellipse.
|
|
28
|
+
*/
|
|
29
|
+
wrap?: boolean;
|
|
24
30
|
}
|
|
25
31
|
export interface FloatingBarButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'> {
|
|
26
32
|
variant?: JoyVariant;
|
|
@@ -31,6 +37,11 @@ export interface FloatingBarButtonProps extends Omit<React.ComponentPropsWithout
|
|
|
31
37
|
* plain action — a button with no state should not claim one.
|
|
32
38
|
*/
|
|
33
39
|
selected?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* The button carries a text label, not an icon: it grows with its label and
|
|
42
|
+
* gets horizontal padding, instead of staying a circle. Still a full pill.
|
|
43
|
+
*/
|
|
44
|
+
text?: boolean;
|
|
34
45
|
}
|
|
35
46
|
/**
|
|
36
47
|
* A `FloatingBarButton` that opens a menu. Same look, same size from the bar,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,kEAAkE;AAClE,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvE,qCAAqC;AACrC,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAC5F,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,wEAAwE;IACxE,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,gHAAgH;IAChH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,kEAAkE;AAClE,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvE,qCAAqC;AACrC,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAC5F,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,wEAAwE;IACxE,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,gHAAgH;IAChH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACrG,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACzG,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearProgress.d.ts","sourceRoot":"","sources":["../../../src/components/LinearProgress/LinearProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LinearProgress.d.ts","sourceRoot":"","sources":["../../../src/components/LinearProgress/LinearProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,4FAwCzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocaleSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcher/LocaleSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"LocaleSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcher/LocaleSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAoB,EACpB,KAAiB,EACjB,IAAW,EACX,KAAY,EACZ,GAAG,WAAW,EACf,EAAE,mBAAmB,qBAwDrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MapImageFrame.d.ts","sourceRoot":"","sources":["../../../src/components/MapImage/MapImageFrame.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MapImageFrame.d.ts","sourceRoot":"","sources":["../../../src/components/MapImage/MapImageFrame.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/E,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,aAAa,2FA6CxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAO7C,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAO7C,eAAO,MAAM,QAAQ,sFAuBnB,CAAC"}
|
|
@@ -5,5 +5,13 @@ export interface MenuItemProps extends Omit<React.ComponentPropsWithoutRef<'div'
|
|
|
5
5
|
color?: JoyColor;
|
|
6
6
|
selected?: boolean;
|
|
7
7
|
disabled?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Whether clicking the item closes the menu. Turn it off for an item that
|
|
10
|
+
* changes what the menu shows — a row that opens a sub-view, a setting
|
|
11
|
+
* whose new value the menu should display — rather than finishing the job.
|
|
12
|
+
*
|
|
13
|
+
* @default true
|
|
14
|
+
*/
|
|
15
|
+
closeOnClick?: boolean;
|
|
8
16
|
}
|
|
9
17
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAKD,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,UAAU,qBAgBjF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDialog/ModalDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDialog/ModalDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYhD,eAAO,MAAM,WAAW,yFAqBtB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { PopoverProps } from './types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* A popup that stands at a rectangle rather than at an element.
|
|
5
|
+
*
|
|
6
|
+
* `Tooltip` and `Menu` hang on the element that triggers them; a text
|
|
7
|
+
* selection is no element, only a rectangle. Base UI's positioner accepts any
|
|
8
|
+
* object with a `getBoundingClientRect`, so the rectangle is handed over as
|
|
9
|
+
* one, and collision handling (flip, shift) is the same as `Menu`'s.
|
|
10
|
+
*
|
|
11
|
+
* Focus stays where it is on open: moving it into the popup would be right for
|
|
12
|
+
* a dialog and wrong here, where the page's own selection is the point.
|
|
13
|
+
*/
|
|
14
|
+
export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,qFAyDlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
/** A rectangle in viewport coordinates, as `getBoundingClientRect()` returns it. */
|
|
4
|
+
export interface PopoverAnchorRect {
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
width: number;
|
|
8
|
+
height: number;
|
|
9
|
+
}
|
|
10
|
+
export interface PopoverProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color' | 'children'> {
|
|
11
|
+
/** Whether the popover is shown. Controlled: close it from `onClose`. */
|
|
12
|
+
open: boolean;
|
|
13
|
+
/** Called on Escape and on a press outside the popover. */
|
|
14
|
+
onClose?: () => void;
|
|
15
|
+
/**
|
|
16
|
+
* The rectangle the popover stands at, in viewport coordinates — a text
|
|
17
|
+
* selection's `range.getBoundingClientRect()`, say. The popover never covers
|
|
18
|
+
* it, and flips to the other side when there is no room.
|
|
19
|
+
*/
|
|
20
|
+
anchorRect: PopoverAnchorRect;
|
|
21
|
+
/** The side of the rectangle to prefer. Flips at the edge of the page. Default `bottom`. */
|
|
22
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
23
|
+
/** Alignment along that side. Default `center`. */
|
|
24
|
+
align?: 'start' | 'center' | 'end';
|
|
25
|
+
/** Gap to the rectangle, in px. Default 8. */
|
|
26
|
+
offset?: number;
|
|
27
|
+
/**
|
|
28
|
+
* `plain` paints nothing of its own, for hosting something that has its own
|
|
29
|
+
* surface, such as a `FloatingBar`. Default `plain`.
|
|
30
|
+
*/
|
|
31
|
+
variant?: JoyVariant;
|
|
32
|
+
color?: JoyColor;
|
|
33
|
+
children?: React.ReactNode;
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,oFAAoF;AACpF,MAAM,WAAW,iBAAiB;IAChC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACzE,yEAAyE;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,UAAU,EAAE,iBAAiB,CAAC;IAC9B,4FAA4F;IAC5F,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAiK1C,eAAO,MAAM,KAAK,gFAkBhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAe7C,eAAO,MAAM,QAAQ,uFAoBnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA2B7C,eAAO,MAAM,QAAQ,sFA+CnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAgI3C,eAAO,MAAM,MAAM,iFAMjB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { TabProps } from './types';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<
|
|
3
|
+
export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLElement>>;
|
|
4
4
|
//# sourceMappingURL=Tab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAuHxC,eAAO,MAAM,GAAG,8EAyEd,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type TabLook = {
|
|
4
|
+
variant: JoyVariant;
|
|
5
|
+
color: JoyColor;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Provided by `TabList` and `TabNav`. Their indicator is one element under
|
|
9
|
+
* the strip, not part of a tab, so the selected Tab reports its variant and
|
|
10
|
+
* colour here — and the indicator takes the tab's colour the way Joy's
|
|
11
|
+
* `::after` takes `currentColor` from it.
|
|
12
|
+
*/
|
|
13
|
+
export declare const TabIndicatorContext: React.Context<((look: TabLook) => void) | null>;
|
|
14
|
+
/** The strip's side: the look of the selected Tab, plain/neutral until one reports. */
|
|
15
|
+
export declare function useSelectedTabLook(): readonly [TabLook, (next: TabLook) => void];
|
|
16
|
+
/** The Tab's side: renders nothing, reports the look while `selected`. */
|
|
17
|
+
export declare function ReportTabLook({ selected, variant, color }: TabLook & {
|
|
18
|
+
selected: boolean;
|
|
19
|
+
}): null;
|
|
20
|
+
export declare const INDICATOR_COLOR_CLASSES: Record<JoyVariant, Record<JoyColor, string>>;
|
|
21
|
+
//# sourceMappingURL=TabIndicatorContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabIndicatorContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/TabIndicatorContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,MAAM,OAAO,GAAG;IAAE,OAAO,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/D;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,wBAA+B,OAAO,KAAK,IAAI,SAAe,CAAC;AAE/F,uFAAuF;AACvF,wBAAgB,kBAAkB,8BAGvB,OAAO,WAKjB;AAED,0EAA0E;AAC1E,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,OAAO,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,QAM1F;AAKD,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CA6BhF,CAAC"}
|
|
@@ -5,5 +5,13 @@ export interface TabProps extends Omit<React.ComponentPropsWithoutRef<'button'>,
|
|
|
5
5
|
color?: JoyColor;
|
|
6
6
|
value: string | number;
|
|
7
7
|
disabled?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Inside a `TabNav` only: what the link renders as — e.g. a router's link
|
|
10
|
+
* component. Defaults to `<a>`. Ignored inside `Tabs`, where a Tab is a
|
|
11
|
+
* `role="tab"` button and a link would be the wrong element.
|
|
12
|
+
*/
|
|
13
|
+
component?: React.ElementType;
|
|
14
|
+
/** Inside a `TabNav` only: where the link goes. */
|
|
15
|
+
href?: string;
|
|
8
16
|
}
|
|
9
17
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACvF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACvF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../src/components/TabList/TabList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../src/components/TabList/TabList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAiB5C,eAAO,MAAM,OAAO,qFA2BlB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { TabNavProps } from './types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* `Tabs` for navigation: a `<nav>` of links that look like `TabList` + `Tab`,
|
|
5
|
+
* with the same sliding indicator under the link for the current page.
|
|
6
|
+
*
|
|
7
|
+
* Joy's answer to "tabs as navigation" is `<Tab component={Link}>` inside
|
|
8
|
+
* `Tabs`. That gives links `role="tab"` inside a `role="tablist"`: a screen
|
|
9
|
+
* reader announces tab panels that do not exist, and the roving tabindex
|
|
10
|
+
* takes every link but the selected one out of the Tab order. WAI-ARIA's
|
|
11
|
+
* guidance for site navigation is a `nav` landmark of plain links with
|
|
12
|
+
* `aria-current="page"` on the current one — which is what this renders.
|
|
13
|
+
*
|
|
14
|
+
* So the children are the same `Tab`s, with `href` (and `component` for a
|
|
15
|
+
* router link) instead of a panel: a `Tab` inside a `TabNav` renders as a
|
|
16
|
+
* link, not as Base UI's tab button. Its look — variant, colour, size, the
|
|
17
|
+
* selected background — is `Tab`'s, compared against Joy's own `Tab` in
|
|
18
|
+
* TabNav.visual.test.tsx.
|
|
19
|
+
*
|
|
20
|
+
* Horizontal only: a vertical list of navigation links is a `List`.
|
|
21
|
+
*/
|
|
22
|
+
export declare const TabNav: React.ForwardRefExoticComponent<TabNavProps & React.RefAttributes<HTMLElement>>;
|
|
23
|
+
//# sourceMappingURL=TabNav.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../../src/components/TabNav/TabNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0C3C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,iFAsDjB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Present only inside a `<TabNav>`. A `Tab` that finds it renders as a link
|
|
4
|
+
* marked `aria-current="page"` when its `value` matches, instead of as Base
|
|
5
|
+
* UI's `role="tab"` button — see TabNav.tsx for why. The indicator colour
|
|
6
|
+
* travels through `TabIndicatorContext`, as it does for `TabList`.
|
|
7
|
+
*/
|
|
8
|
+
export declare const TabNavContext: React.Context<{
|
|
9
|
+
value: string | number | null | undefined;
|
|
10
|
+
} | null>;
|
|
11
|
+
//# sourceMappingURL=TabNavContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabNavContext.d.ts","sourceRoot":"","sources":["../../../src/components/TabNav/TabNavContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;GAKG;AACH,eAAO,MAAM,aAAa;WACjB,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS;SAC5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export interface TabNavProps extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'color'> {
|
|
4
|
+
/** The strip's own variant, like `TabList`'s. */
|
|
5
|
+
variant?: JoyVariant;
|
|
6
|
+
/** The strip's own colour, like `TabList`'s. */
|
|
7
|
+
color?: JoyColor;
|
|
8
|
+
/** Passed down to every `Tab`, like `Tabs`'s. */
|
|
9
|
+
size?: 'sm' | 'md' | 'lg';
|
|
10
|
+
/**
|
|
11
|
+
* The `value` of the `Tab` that stands for the current page — usually
|
|
12
|
+
* derived from the route. That tab gets `aria-current="page"` and the
|
|
13
|
+
* indicator. `null`/no match marks none, and hides the indicator.
|
|
14
|
+
*/
|
|
15
|
+
value?: string | number | null;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=types.d.ts.map
|