@udixio/ui-react 2.9.9 → 2.9.10
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/CHANGELOG.md +12 -0
- package/dist/index.cjs +3 -3
- package/dist/index.js +1826 -1813
- package/dist/lib/components/Button.d.ts +6 -0
- package/dist/lib/components/Button.d.ts.map +1 -1
- package/dist/lib/components/Card.d.ts +4 -0
- package/dist/lib/components/Card.d.ts.map +1 -1
- package/dist/lib/components/Carousel.d.ts +4 -0
- package/dist/lib/components/Carousel.d.ts.map +1 -1
- package/dist/lib/components/CarouselItem.d.ts +4 -0
- package/dist/lib/components/CarouselItem.d.ts.map +1 -1
- package/dist/lib/components/Chip.d.ts +7 -0
- package/dist/lib/components/Chip.d.ts.map +1 -1
- package/dist/lib/components/Chips.d.ts +10 -0
- package/dist/lib/components/Chips.d.ts.map +1 -1
- package/dist/lib/components/Divider.d.ts +2 -0
- package/dist/lib/components/Divider.d.ts.map +1 -1
- package/dist/lib/components/Fab.d.ts +4 -0
- package/dist/lib/components/Fab.d.ts.map +1 -1
- package/dist/lib/components/FabMenu.d.ts +7 -0
- package/dist/lib/components/FabMenu.d.ts.map +1 -1
- package/dist/lib/components/IconButton.d.ts +7 -2
- package/dist/lib/components/IconButton.d.ts.map +1 -1
- package/dist/lib/components/NavigationRail.d.ts +6 -0
- package/dist/lib/components/NavigationRail.d.ts.map +1 -1
- package/dist/lib/components/NavigationRailItem.d.ts +7 -0
- package/dist/lib/components/NavigationRailItem.d.ts.map +1 -1
- package/dist/lib/components/ProgressIndicator.d.ts +6 -0
- package/dist/lib/components/ProgressIndicator.d.ts.map +1 -1
- package/dist/lib/components/SideSheet.d.ts +7 -0
- package/dist/lib/components/SideSheet.d.ts.map +1 -1
- package/dist/lib/components/Slider.d.ts +5 -0
- package/dist/lib/components/Slider.d.ts.map +1 -1
- package/dist/lib/components/Snackbar.d.ts +6 -0
- package/dist/lib/components/Snackbar.d.ts.map +1 -1
- package/dist/lib/components/Switch.d.ts +4 -0
- package/dist/lib/components/Switch.d.ts.map +1 -1
- package/dist/lib/components/Tab.d.ts +5 -0
- package/dist/lib/components/Tab.d.ts.map +1 -1
- package/dist/lib/components/TabGroup.d.ts +4 -0
- package/dist/lib/components/TabGroup.d.ts.map +1 -1
- package/dist/lib/components/TabGroupContext.d.ts +4 -0
- package/dist/lib/components/TabGroupContext.d.ts.map +1 -1
- package/dist/lib/components/TabPanel.d.ts +2 -0
- package/dist/lib/components/TabPanel.d.ts.map +1 -1
- package/dist/lib/components/TabPanels.d.ts +4 -0
- package/dist/lib/components/TabPanels.d.ts.map +1 -1
- package/dist/lib/components/Tabs.d.ts +4 -0
- package/dist/lib/components/Tabs.d.ts.map +1 -1
- package/dist/lib/components/TextField.d.ts +5 -0
- package/dist/lib/components/TextField.d.ts.map +1 -1
- package/dist/lib/components/Tooltip.d.ts +5 -0
- package/dist/lib/components/Tooltip.d.ts.map +1 -1
- package/dist/lib/interfaces/fab.interface.d.ts +2 -1
- package/dist/lib/interfaces/fab.interface.d.ts.map +1 -1
- package/dist/lib/styles/fab-menu.style.d.ts +4 -4
- package/dist/lib/styles/fab.style.d.ts +4 -4
- package/dist/lib/styles/icon-button.style.d.ts +2 -2
- package/dist/lib/styles/tooltip.style.d.ts +2 -2
- package/package.json +1 -1
- package/src/lib/components/Button.tsx +6 -0
- package/src/lib/components/Card.tsx +4 -0
- package/src/lib/components/Carousel.tsx +4 -0
- package/src/lib/components/CarouselItem.tsx +4 -0
- package/src/lib/components/Chip.tsx +7 -0
- package/src/lib/components/Chips.tsx +10 -0
- package/src/lib/components/Divider.tsx +2 -0
- package/src/lib/components/Fab.tsx +4 -0
- package/src/lib/components/FabMenu.tsx +7 -0
- package/src/lib/components/IconButton.tsx +9 -5
- package/src/lib/components/NavigationRail.tsx +6 -0
- package/src/lib/components/NavigationRailItem.tsx +7 -0
- package/src/lib/components/ProgressIndicator.tsx +6 -0
- package/src/lib/components/SideSheet.tsx +7 -0
- package/src/lib/components/Slider.tsx +5 -0
- package/src/lib/components/Snackbar.tsx +6 -0
- package/src/lib/components/Switch.tsx +4 -0
- package/src/lib/components/Tab.tsx +5 -0
- package/src/lib/components/TabGroup.tsx +4 -0
- package/src/lib/components/TabGroupContext.tsx +6 -1
- package/src/lib/components/TabPanel.tsx +2 -0
- package/src/lib/components/TabPanels.tsx +4 -0
- package/src/lib/components/Tabs.tsx +4 -0
- package/src/lib/components/TextField.tsx +5 -0
- package/src/lib/components/Tooltip.tsx +46 -1
- package/src/lib/interfaces/fab.interface.ts +2 -1
|
@@ -4,6 +4,12 @@ import { ButtonInterface } from '../interfaces';
|
|
|
4
4
|
* Buttons prompt most actions in a UI
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Action
|
|
7
|
+
* @devx
|
|
8
|
+
* - Requires `label` or children; used for visible text and a11y.
|
|
9
|
+
* - `onToggle` uses internal state; pair with `activated` for controlled usage.
|
|
10
|
+
* @limitations
|
|
11
|
+
* - No explicit `type` prop; HTML button defaults may submit in forms.
|
|
12
|
+
* - When `href` is set, `disabled` is visual only (no `aria-disabled`).
|
|
7
13
|
*/
|
|
8
14
|
export declare const Button: ({ variant, disabled, icon, href, label, disableTextMargins, className, iconPosition, loading, shape, onClick, onToggle, activated, ref, size, allowShapeTransformation, transition, children, ...restProps }: ReactProps<ButtonInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
15
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAmChD
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAmChD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,GAAI,8MAoBpB,UAAU,CAAC,eAAe,CAAC,4CA2I7B,CAAC"}
|
|
@@ -4,6 +4,10 @@ import { ReactProps } from '../utils';
|
|
|
4
4
|
* Cards display content and actions about a single subject
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Layout
|
|
7
|
+
* @devx
|
|
8
|
+
* - `isInteractive` only adds a state layer; add your own click/role semantics.
|
|
9
|
+
* @limitations
|
|
10
|
+
* - No built-in header/actions slots; layout is fully custom via children.
|
|
7
11
|
*/
|
|
8
12
|
export declare const Card: ({ variant, className, children, isInteractive, ref, ...rest }: ReactProps<CardInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
13
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,GAAI,+DAOlB,UAAU,CAAC,aAAa,CAAC,4CAmB3B,CAAC"}
|
|
@@ -5,9 +5,13 @@ import { ReactProps } from '../utils';
|
|
|
5
5
|
*
|
|
6
6
|
* @status beta
|
|
7
7
|
* @category Layout
|
|
8
|
+
* @devx
|
|
9
|
+
* - Only `CarouselItem` children are rendered; other children are ignored.
|
|
10
|
+
* - Use `index` for controlled positioning; otherwise relies on internal scroll state.
|
|
8
11
|
* @limitations
|
|
9
12
|
* - Responsive behavior on mobile is not supported.
|
|
10
13
|
* - Only the default (hero) variant is supported.
|
|
14
|
+
* - No keyboard navigation or focus management.
|
|
11
15
|
*/
|
|
12
16
|
export declare const Carousel: ({ variant, className, children, ref: optionalRef, marginPourcent, inputRange, outputRange, gap, onChange, onMetricsChange, index, scrollSensitivity, ...restProps }: ReactProps<CarouselInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
13
17
|
//# sourceMappingURL=Carousel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,GAAI,qKActB,UAAU,CAAC,iBAAiB,CAAC,4CA2f/B,CAAC"}
|
|
@@ -4,6 +4,10 @@ export declare const normalize: (value: number, inputRange: [number, number], ou
|
|
|
4
4
|
/**
|
|
5
5
|
* @status beta
|
|
6
6
|
* @parent Carousel
|
|
7
|
+
* @devx
|
|
8
|
+
* - Intended for use inside `Carousel`; width and outputRange drive sizing.
|
|
9
|
+
* @limitations
|
|
10
|
+
* - Requires `outputRange` for min/max sizing; missing values can break layout.
|
|
7
11
|
*/
|
|
8
12
|
export declare const CarouselItem: ({ className, children, width, index, outputRange, ref: optionalRef, ...restProps }: MotionProps<CarouselItemInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
13
|
//# sourceMappingURL=CarouselItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,cAAa,CAAC,MAAM,EAAE,MAAM,CAAU,KACrC,MASF,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,cAAa,CAAC,MAAM,EAAE,MAAM,CAAU,KACrC,MASF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,GAAI,oFAQ1B,WAAW,CAAC,qBAAqB,CAAC,4CA+BpC,CAAC"}
|
|
@@ -4,6 +4,13 @@ import { ChipInterface } from '../interfaces';
|
|
|
4
4
|
* Chips prompt most actions in a UI
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Action
|
|
7
|
+
* @devx
|
|
8
|
+
* - `editable` relies on contentEditable; label should be a string.
|
|
9
|
+
* - `onToggle` uses internal state; pair with `activated` for controlled usage.
|
|
10
|
+
* @a11y
|
|
11
|
+
* - Uses `aria-pressed` only when togglable.
|
|
12
|
+
* @limitations
|
|
13
|
+
* - Edit mode starts after a 1s focus delay (no prop to customize).
|
|
7
14
|
*/
|
|
8
15
|
export declare const Chip: ({ variant, disabled, icon, href, label, className, onClick, onToggle, activated, ref, onRemove, editable, onEditStart, onEditCommit, onEditCancel, onChange, transition, children, editing, ...restProps }: ReactProps<ChipInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
16
|
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAO9C
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAO9C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,GAAI,4MAqBlB,UAAU,CAAC,aAAa,CAAC,4CA2S3B,CAAC"}
|
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
import { ReactProps } from '../utils';
|
|
2
2
|
import { ChipsInterface } from '../interfaces';
|
|
3
|
+
/**
|
|
4
|
+
* Chips group for input or selection lists
|
|
5
|
+
* @status beta
|
|
6
|
+
* @category Input
|
|
7
|
+
* @devx
|
|
8
|
+
* - Works best as controlled: pass `items` + `onItemsChange`.
|
|
9
|
+
* - Internal ids are derived from object identity; replace items carefully.
|
|
10
|
+
* @limitations
|
|
11
|
+
* - No virtualization; very large lists can be slow.
|
|
12
|
+
*/
|
|
3
13
|
export declare const Chips: ({ variant, className, scrollable, draggable, items, onItemsChange, }: ReactProps<ChipsInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
4
14
|
//# sourceMappingURL=Chips.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Chips.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAY,cAAc,EAAE,MAAM,eAAe,CAAC;AAMzD,eAAO,MAAM,KAAK,GAAI,sEAOnB,UAAU,CAAC,cAAc,CAAC,4CAiT5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Chips.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAY,cAAc,EAAE,MAAM,eAAe,CAAC;AAMzD;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,GAAI,sEAOnB,UAAU,CAAC,cAAc,CAAC,4CAiT5B,CAAC"}
|
|
@@ -4,6 +4,8 @@ import { ReactProps } from '../utils';
|
|
|
4
4
|
* Dividers are thin lines that group content in lists or other containers
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Layout
|
|
7
|
+
* @devx
|
|
8
|
+
* - Renders a semantic `<hr>`; use `orientation` for vertical dividers.
|
|
7
9
|
*/
|
|
8
10
|
export declare const Divider: ({ orientation, className, ...restProps }: ReactProps<DividerInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
11
|
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,GAAI,0CAIrB,UAAU,CAAC,gBAAgB,CAAC,4CAI9B,CAAC"}
|
|
@@ -4,6 +4,10 @@ import { ReactProps } from '../utils/component';
|
|
|
4
4
|
* Floating action buttons (FABs) help people take primary actions
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Action
|
|
7
|
+
* @devx
|
|
8
|
+
* - Requires `label` or children; icon-only still needs a label for a11y.
|
|
9
|
+
* @limitations
|
|
10
|
+
* - No built-in positioning; placement is handled by the layout.
|
|
7
11
|
*/
|
|
8
12
|
export declare const Fab: ({ className, label, variant, size, href, type, icon, extended, ref, transition, children, ...restProps }: ReactProps<FabInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
13
|
//# sourceMappingURL=Fab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Fab.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD
|
|
1
|
+
{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Fab.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD;;;;;;;;GAQG;AACH,eAAO,MAAM,GAAG,GAAI,0GAajB,UAAU,CAAC,YAAY,CAAC,4CA8F1B,CAAC"}
|
|
@@ -4,6 +4,13 @@ import { ReactProps } from '../utils/component';
|
|
|
4
4
|
* Floating action buttons (FABs) help people take primary actions
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Action
|
|
7
|
+
* @devx
|
|
8
|
+
* - Only `Button` children are rendered as actions.
|
|
9
|
+
* - Controlled via `open`/`onOpenChange` or `defaultOpen`.
|
|
10
|
+
* @a11y
|
|
11
|
+
* - No focus trap or Escape handling when open.
|
|
12
|
+
* @limitations
|
|
13
|
+
* - No outside-click handling; close uses the explicit close button.
|
|
7
14
|
*/
|
|
8
15
|
export declare const FabMenu: ({ className, label, variant, size, href, icon, extended, ref, transition, children, open: openProp, defaultOpen, onOpenChange, ...restProps }: ReactProps<FabMenuInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
16
|
//# sourceMappingURL=FabMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FabMenu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FabMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAUhD
|
|
1
|
+
{"version":3,"file":"FabMenu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FabMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAUhD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,GAAI,+IAerB,UAAU,CAAC,gBAAgB,CAAC,4CAoM9B,CAAC"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import { IconButtonInterface } from '../interfaces
|
|
2
|
-
import { ReactProps } from '../utils
|
|
1
|
+
import { IconButtonInterface } from '../interfaces';
|
|
2
|
+
import { ReactProps } from '../utils';
|
|
3
3
|
export type IconButtonVariant = 'standard' | 'filled' | 'tonal' | 'outlined';
|
|
4
4
|
/**
|
|
5
5
|
* Icon buttons help people take minor actions with one tap
|
|
6
6
|
* @status beta
|
|
7
7
|
* @category Action
|
|
8
|
+
* @devx
|
|
9
|
+
* - Requires `label` or children to provide an aria-label.
|
|
10
|
+
* - Uses `title` as tooltip text; native title attribute is suppressed.
|
|
11
|
+
* @limitations
|
|
12
|
+
* - Tooltip is always rendered (no explicit opt-out).
|
|
8
13
|
*/
|
|
9
14
|
export declare const IconButton: ({ variant, href, disabled, title, label, onToggle, activated, onClick, icon, size, iconSelected, className, ref, width, shape, allowShapeTransformation, transition, children, ...restProps }: ReactProps<IconButtonInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
10
15
|
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/lib/components/IconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/lib/components/IconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAIlD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7E;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,GAAI,+LAoBxB,UAAU,CAAC,mBAAmB,CAAC,4CAsGjC,CAAC"}
|
|
@@ -4,6 +4,12 @@ import { NavigationRailInterface } from '../interfaces/navigation-rail.interface
|
|
|
4
4
|
* Navigation rails let people switch between UI views on mid-sized devices
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Navigation
|
|
7
|
+
* @devx
|
|
8
|
+
* - Treats `NavigationRailItem`, `NavigationRailSection`, and `Fab` specially.
|
|
9
|
+
* - Selection is index-based; provide `selectedItem` for controlled usage.
|
|
10
|
+
* @limitations
|
|
11
|
+
* - `extended` is not fully controlled (prop changes after mount aren’t synced).
|
|
12
|
+
* - Keyboard navigation/roving tabindex is not implemented.
|
|
7
13
|
*/
|
|
8
14
|
export declare const NavigationRail: ({ variant, onItemSelected, children, className, selectedItem: externalSelectedItem, extended, alignment, menu, style, onExtendedChange, transition, setSelectedItem: externalSetSelectedItem, }: ReactProps<NavigationRailInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
15
|
//# sourceMappingURL=NavigationRail.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationRail.d.ts","sourceRoot":"","sources":["../../../src/lib/components/NavigationRail.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAKlF
|
|
1
|
+
{"version":3,"file":"NavigationRail.d.ts","sourceRoot":"","sources":["../../../src/lib/components/NavigationRail.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAKlF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,iMAsB5B,UAAU,CAAC,uBAAuB,CAAC,4CAgIrC,CAAC"}
|
|
@@ -3,6 +3,8 @@ import { NavigationRailItemInterface } from '../interfaces';
|
|
|
3
3
|
/**
|
|
4
4
|
* @status beta
|
|
5
5
|
* @parent NavigationRail
|
|
6
|
+
* @devx
|
|
7
|
+
* - Section labels only render when the rail is extended.
|
|
6
8
|
*/
|
|
7
9
|
export declare const NavigationRailSection: ({ label }: {
|
|
8
10
|
label: string;
|
|
@@ -10,6 +12,11 @@ export declare const NavigationRailSection: ({ label }: {
|
|
|
10
12
|
/**
|
|
11
13
|
* @status beta
|
|
12
14
|
* @parent NavigationRail
|
|
15
|
+
* @devx
|
|
16
|
+
* - Selection is index-based and provided by the parent rail.
|
|
17
|
+
* - `extendedOnly` hides items when the rail is collapsed.
|
|
18
|
+
* @a11y
|
|
19
|
+
* - Uses `role="tab"` but no roving tabindex or aria-controls wiring.
|
|
13
20
|
*/
|
|
14
21
|
export declare const NavigationRailItem: ({ className, onClick, label, variant, href, icon, selectedItem, setSelectedItem, index, onItemSelected, selected, ref, transition, isExtended, iconSelected, style, extendedOnly, children, ...restProps }: ReactProps<NavigationRailItemInterface>) => import("react/jsx-runtime").JSX.Element | null;
|
|
15
22
|
//# sourceMappingURL=NavigationRailItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationRailItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/NavigationRailItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAK5D
|
|
1
|
+
{"version":3,"file":"NavigationRailItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/NavigationRailItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAK5D;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,4CAMjE,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAAI,4MAoBhC,UAAU,CAAC,2BAA2B,CAAC,mDA8KzC,CAAC"}
|
|
@@ -3,6 +3,12 @@ import { ReactProps } from '../utils/component';
|
|
|
3
3
|
/**
|
|
4
4
|
* @status beta
|
|
5
5
|
* @category Communication
|
|
6
|
+
* @devx
|
|
7
|
+
* - `value` is clamped to 0–100; indeterminate variants ignore it.
|
|
8
|
+
* @a11y
|
|
9
|
+
* - Missing `role="progressbar"` and aria-* attributes.
|
|
10
|
+
* @limitations
|
|
11
|
+
* - Visibility auto-hides at 100% (no controlled open prop).
|
|
6
12
|
*/
|
|
7
13
|
export declare const ProgressIndicator: ({ variant, value, transitionDuration, className, ...restProps }: ReactProps<ProgressIndicatorInterface>) => any;
|
|
8
14
|
//# sourceMappingURL=ProgressIndicator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ProgressIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAIxF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD
|
|
1
|
+
{"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ProgressIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAIxF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAAI,iEAM/B,UAAU,CAAC,0BAA0B,CAAC,KAAG,GAwI3C,CAAC"}
|
|
@@ -4,6 +4,13 @@ import { SideSheetInterface } from '../interfaces';
|
|
|
4
4
|
* Side sheets show secondary content anchored to the side of the screen
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Layout
|
|
7
|
+
* @devx
|
|
8
|
+
* - Controlled via `extended`/`onExtendedChange` or internal state.
|
|
9
|
+
* - `variant="modal"` renders into a portal on `document.body`.
|
|
10
|
+
* @a11y
|
|
11
|
+
* - No focus trap, Escape handling, or `aria-modal` attributes.
|
|
12
|
+
* @limitations
|
|
13
|
+
* - No body scroll lock when open.
|
|
7
14
|
*/
|
|
8
15
|
export declare const SideSheet: ({ variant, className, children, title, position, extended, divider, onExtendedChange, closeIcon, transition, ...rest }: MotionProps<SideSheetInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
16
|
//# sourceMappingURL=SideSheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUnD
|
|
1
|
+
{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,GAAI,wHAYvB,WAAW,CAAC,kBAAkB,CAAC,4CAmGjC,CAAC"}
|
|
@@ -4,6 +4,11 @@ import { ReactProps } from '../utils';
|
|
|
4
4
|
* Sliders let users make selections from a range of values
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Input
|
|
7
|
+
* @devx
|
|
8
|
+
* - `value` is treated as the initial value; component is uncontrolled after mount.
|
|
9
|
+
* - `onChange` receives the numeric value (not the DOM event).
|
|
10
|
+
* @a11y
|
|
11
|
+
* - Provides slider role/aria values, but no label prop.
|
|
7
12
|
*/
|
|
8
13
|
export declare const Slider: ({ className, valueFormatter, step, name, value: defaultValue, min, max, marks, ref, onChange, ...restProps }: ReactProps<SliderInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
14
|
//# sourceMappingURL=Slider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,GAAI,8GAqBpB,UAAU,CAAC,eAAe,CAAC,4CA0U7B,CAAC"}
|
|
@@ -4,6 +4,12 @@ import { MotionProps } from '../utils/component';
|
|
|
4
4
|
* Snackbars show short updates about app processes at the bottom of the screen
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Communication
|
|
7
|
+
* @devx
|
|
8
|
+
* - Uncontrolled visibility; use `duration` to auto-dismiss.
|
|
9
|
+
* @a11y
|
|
10
|
+
* - No `role="status"`/`alert` announcements.
|
|
11
|
+
* @limitations
|
|
12
|
+
* - No queue/stacking and no controlled open prop.
|
|
7
13
|
*/
|
|
8
14
|
export declare const Snackbar: ({ message, className, duration, closeIcon, onClose, ...restProps }: MotionProps<SnackbarInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
15
|
//# sourceMappingURL=Snackbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Snackbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD
|
|
1
|
+
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Snackbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,GAAI,oEAOtB,WAAW,CAAC,iBAAiB,CAAC,4CAiDhC,CAAC"}
|
|
@@ -4,6 +4,10 @@ import { MotionProps } from '../utils/component';
|
|
|
4
4
|
* Switches toggle the selection of an item on or off
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Input
|
|
7
|
+
* @devx
|
|
8
|
+
* - `selected` is used as initial state only; prop changes won’t sync.
|
|
9
|
+
* @a11y
|
|
10
|
+
* - Uses `role="switch"` but no label prop is exposed here.
|
|
7
11
|
*/
|
|
8
12
|
export declare const Switch: ({ selected, className, activeIcon, disabled, inactiveIcon, onChange, onClick, onKeyDown, ref, ...restProps }: MotionProps<SwitchInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
13
|
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Switch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Switch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,GAAI,8GAWpB,WAAW,CAAC,eAAe,CAAC,4CA0E9B,CAAC"}
|
|
@@ -3,6 +3,11 @@ import { ReactProps } from '../utils/component';
|
|
|
3
3
|
/**
|
|
4
4
|
* @status beta
|
|
5
5
|
* @parent Tabs
|
|
6
|
+
* @devx
|
|
7
|
+
* - `label` can come from string children; selection is index-based.
|
|
8
|
+
* - Use `TabGroup` to sync selection with panels/animations.
|
|
9
|
+
* @a11y
|
|
10
|
+
* - No keyboard navigation or `aria-controls` wiring.
|
|
6
11
|
*/
|
|
7
12
|
export declare const Tab: ({ className, onClick, label: labelProp, variant, href, icon, selectedTab, setSelectedTab, tabsId, index, onTabSelected, scrollable, selected, children, ref, ...restProps }: ReactProps<TabInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
8
13
|
//# sourceMappingURL=Tab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD;;;;;;;;GAQG;AACH,eAAO,MAAM,GAAG,GAAI,6KAiBjB,UAAU,CAAC,YAAY,CAAC,4CAuF1B,CAAC"}
|
|
@@ -4,6 +4,10 @@ import { ReactProps } from '../utils/component';
|
|
|
4
4
|
* TabGroup provides shared state for Tabs and TabPanels
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Navigation
|
|
7
|
+
* @devx
|
|
8
|
+
* - Provides selection + slide direction for Tabs/TabPanels.
|
|
9
|
+
* @limitations
|
|
10
|
+
* - No URL/hash syncing or persistence built in.
|
|
7
11
|
*/
|
|
8
12
|
export declare const TabGroup: ({ children, selectedTab: externalSelectedTab, setSelectedTab: externalSetSelectedTab, defaultTab, }: ReactProps<TabGroupInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
13
|
//# sourceMappingURL=TabGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabGroup.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD
|
|
1
|
+
{"version":3,"file":"TabGroup.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,GAAI,qGAKtB,UAAU,CAAC,iBAAiB,CAAC,4CA2C/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabGroupContext.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,sDAAmD,CAAC"}
|
|
1
|
+
{"version":3,"file":"TabGroupContext.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE;;;GAGG;AAEH,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,sDAAmD,CAAC"}
|
|
@@ -5,6 +5,8 @@ import { ReactProps } from '../utils/component';
|
|
|
5
5
|
* Must be used within TabPanels
|
|
6
6
|
* @status beta
|
|
7
7
|
* @category Navigation
|
|
8
|
+
* @devx
|
|
9
|
+
* - Should be rendered inside `TabPanels` for animations and aria wiring.
|
|
8
10
|
*/
|
|
9
11
|
export declare const TabPanel: ({ children, className, isSelected, }: ReactProps<TabPanelInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
10
12
|
//# sourceMappingURL=TabPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD
|
|
1
|
+
{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,sCAItB,UAAU,CAAC,iBAAiB,CAAC,4CAQ/B,CAAC"}
|
|
@@ -5,6 +5,10 @@ import { ReactProps } from '../utils/component';
|
|
|
5
5
|
* Must be used within a TabGroup
|
|
6
6
|
* @status beta
|
|
7
7
|
* @category Navigation
|
|
8
|
+
* @devx
|
|
9
|
+
* - Requires `TabGroup` context; otherwise it renders nothing.
|
|
10
|
+
* @limitations
|
|
11
|
+
* - Only renders the active panel (no offscreen preservation).
|
|
8
12
|
*/
|
|
9
13
|
export declare const TabPanels: ({ children, className, }: ReactProps<TabPanelsInterface>) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
14
|
//# sourceMappingURL=TabPanels.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPanels.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabPanels.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD
|
|
1
|
+
{"version":3,"file":"TabPanels.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabPanels.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,0BAGvB,UAAU,CAAC,kBAAkB,CAAC,mDAqDhC,CAAC"}
|
|
@@ -4,6 +4,10 @@ import { ReactProps } from '../utils/component';
|
|
|
4
4
|
* Tabs organize content across different screens and views
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Navigation
|
|
7
|
+
* @devx
|
|
8
|
+
* - Can be controlled via `selectedTab`/`setSelectedTab` or through `TabGroup`.
|
|
9
|
+
* @a11y
|
|
10
|
+
* - No keyboard navigation or roving tabindex.
|
|
7
11
|
*/
|
|
8
12
|
export declare const Tabs: ({ variant, onTabSelected, children, className, selectedTab: externalSelectedTab, setSelectedTab: externalSetSelectedTab, scrollable, }: ReactProps<TabsInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
13
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,GAAI,wIAQlB,UAAU,CAAC,aAAa,CAAC,4CA6E3B,CAAC"}
|
|
@@ -4,6 +4,11 @@ import { TextFieldInterface } from '../interfaces/text-field.interface';
|
|
|
4
4
|
* Text fields let users enter text into a UI
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Input
|
|
7
|
+
* @devx
|
|
8
|
+
* - `onChange` receives the string value (not the DOM event).
|
|
9
|
+
* - `value` syncs internal state; not a fully controlled input.
|
|
10
|
+
* @a11y
|
|
11
|
+
* - Uses `label` for `aria-label`; no `aria-describedby` for supporting text.
|
|
7
12
|
*/
|
|
8
13
|
export declare const TextField: ({ variant, disabled, errorText, placeholder, suffix, name, label, className, supportingText, trailingIcon, leadingIcon, type, textLine, autoComplete, onChange, value: defaultValue, showSupportingText: defaultShowSupportingText, ...restProps }: ReactProps<TextFieldInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
14
|
//# sourceMappingURL=TextField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,oPAmBvB,UAAU,CAAC,kBAAkB,CAAC,4CA6OhC,CAAC"}
|
|
@@ -4,6 +4,11 @@ import { ToolTipInterface } from '../interfaces';
|
|
|
4
4
|
* Tooltips display brief labels or messages
|
|
5
5
|
* @status beta
|
|
6
6
|
* @category Communication
|
|
7
|
+
* @devx
|
|
8
|
+
* - `content` overrides `title`/`text`/`buttons` for fully custom content.
|
|
9
|
+
* - Supports controlled `isOpen` plus `openDelay`/`closeDelay`.
|
|
10
|
+
* @a11y
|
|
11
|
+
* - Provides `role="tooltip"` and `aria-describedby` when open.
|
|
7
12
|
*/
|
|
8
13
|
export declare const Tooltip: ({ variant, buttons, className, children, title, text, content, position: positionProp, targetRef, ref, trigger, transition, openDelay, closeDelay, isOpen: isOpenProp, defaultOpen, onOpenChange, id, ...props }: MotionProps<ToolTipInterface>) => import("react/jsx-runtime").JSX.Element;
|
|
9
14
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAMjD
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAMjD;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,GAAI,kNAoBrB,WAAW,CAAC,gBAAgB,CAAC,4CAiL/B,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { ActionOrLink } from '../utils/component';
|
|
2
2
|
import { Transition } from 'motion';
|
|
3
3
|
import { Icon } from '../icon';
|
|
4
|
+
import { ReactNode } from 'react';
|
|
4
5
|
export type FabVariant = 'primary' | 'secondary' | 'tertiary' | 'primaryContainer' | 'secondaryContainer' | 'tertiaryContainer';
|
|
5
6
|
type Props = {
|
|
6
7
|
variant?: FabVariant;
|
|
7
8
|
label?: string;
|
|
8
|
-
children?:
|
|
9
|
+
children?: ReactNode;
|
|
9
10
|
icon: Icon;
|
|
10
11
|
size?: 'small' | 'medium' | 'large';
|
|
11
12
|
extended?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/fab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"fab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/fab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,WAAW,GACX,UAAU,GACV,kBAAkB,GAClB,oBAAoB,GACpB,mBAAmB,CAAC;AACxB,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}
|
|
@@ -27,7 +27,7 @@ export declare const fabMenuStyle: (states: ({
|
|
|
27
27
|
}) & (((({
|
|
28
28
|
variant?: import('..').FabVariant;
|
|
29
29
|
label?: string;
|
|
30
|
-
children?:
|
|
30
|
+
children?: import('react').ReactNode;
|
|
31
31
|
icon: import('..').Icon;
|
|
32
32
|
size?: "small" | "medium" | "large";
|
|
33
33
|
extended?: boolean;
|
|
@@ -37,7 +37,7 @@ export declare const fabMenuStyle: (states: ({
|
|
|
37
37
|
}) | ({
|
|
38
38
|
variant?: import('..').FabVariant;
|
|
39
39
|
label?: string;
|
|
40
|
-
children?:
|
|
40
|
+
children?: import('react').ReactNode;
|
|
41
41
|
icon: import('..').Icon;
|
|
42
42
|
size?: "small" | "medium" | "large";
|
|
43
43
|
extended?: boolean;
|
|
@@ -55,7 +55,7 @@ export declare const fabMenuStyle: (states: ({
|
|
|
55
55
|
export declare const useFabMenuStyle: (states: ((({
|
|
56
56
|
variant?: import('..').FabVariant;
|
|
57
57
|
label?: string;
|
|
58
|
-
children?:
|
|
58
|
+
children?: import('react').ReactNode;
|
|
59
59
|
icon: import('..').Icon;
|
|
60
60
|
size?: "small" | "medium" | "large";
|
|
61
61
|
extended?: boolean;
|
|
@@ -65,7 +65,7 @@ export declare const useFabMenuStyle: (states: ((({
|
|
|
65
65
|
}) | ({
|
|
66
66
|
variant?: import('..').FabVariant;
|
|
67
67
|
label?: string;
|
|
68
|
-
children?:
|
|
68
|
+
children?: import('react').ReactNode;
|
|
69
69
|
icon: import('..').Icon;
|
|
70
70
|
size?: "small" | "medium" | "large";
|
|
71
71
|
extended?: boolean;
|
|
@@ -21,7 +21,7 @@ export declare const fabStyle: (states: ({
|
|
|
21
21
|
}) & ((({
|
|
22
22
|
variant?: import('..').FabVariant;
|
|
23
23
|
label?: string;
|
|
24
|
-
children?:
|
|
24
|
+
children?: import('react').ReactNode;
|
|
25
25
|
icon: import('..').Icon;
|
|
26
26
|
size?: "small" | "medium" | "large";
|
|
27
27
|
extended?: boolean;
|
|
@@ -31,7 +31,7 @@ export declare const fabStyle: (states: ({
|
|
|
31
31
|
}) | ({
|
|
32
32
|
variant?: import('..').FabVariant;
|
|
33
33
|
label?: string;
|
|
34
|
-
children?:
|
|
34
|
+
children?: import('react').ReactNode;
|
|
35
35
|
icon: import('..').Icon;
|
|
36
36
|
size?: "small" | "medium" | "large";
|
|
37
37
|
extended?: boolean;
|
|
@@ -44,7 +44,7 @@ export declare const fabStyle: (states: ({
|
|
|
44
44
|
export declare const useFabStyle: (states: (({
|
|
45
45
|
variant?: import('..').FabVariant;
|
|
46
46
|
label?: string;
|
|
47
|
-
children?:
|
|
47
|
+
children?: import('react').ReactNode;
|
|
48
48
|
icon: import('..').Icon;
|
|
49
49
|
size?: "small" | "medium" | "large";
|
|
50
50
|
extended?: boolean;
|
|
@@ -54,7 +54,7 @@ export declare const useFabStyle: (states: (({
|
|
|
54
54
|
}) | ({
|
|
55
55
|
variant?: import('..').FabVariant;
|
|
56
56
|
label?: string;
|
|
57
|
-
children?:
|
|
57
|
+
children?: import('react').ReactNode;
|
|
58
58
|
icon: import('..').Icon;
|
|
59
59
|
size?: "small" | "medium" | "large";
|
|
60
60
|
extended?: boolean;
|
|
@@ -64,7 +64,7 @@ export declare const iconButtonStyle: (states: (({
|
|
|
64
64
|
href?: never;
|
|
65
65
|
}))) & import('..').IconButtonStates & {
|
|
66
66
|
className: string | ClassNameComponent<IconButtonInterface> | undefined;
|
|
67
|
-
}) => Record<"icon" | "stateLayer" | "
|
|
67
|
+
}) => Record<"icon" | "stateLayer" | "touchTarget" | "iconButton", string>;
|
|
68
68
|
export declare const useIconButtonStyle: (states: import('..').IconButtonStates & ((({
|
|
69
69
|
label?: string;
|
|
70
70
|
children?: string;
|
|
@@ -99,5 +99,5 @@ export declare const useIconButtonStyle: (states: import('..').IconButtonStates
|
|
|
99
99
|
href?: never;
|
|
100
100
|
})) & {
|
|
101
101
|
className?: string | ClassNameComponent<IconButtonInterface> | undefined;
|
|
102
|
-
})) => Record<"icon" | "stateLayer" | "
|
|
102
|
+
})) => Record<"icon" | "stateLayer" | "touchTarget" | "iconButton", string>;
|
|
103
103
|
//# sourceMappingURL=icon-button.style.d.ts.map
|