@tosui/react 0.0.1 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.d.ts +37 -0
- package/dist/components/Accordion/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion/index.d.ts +3 -0
- package/dist/components/Accordion/index.d.ts.map +1 -0
- package/dist/components/Alert/Alert.d.ts +28 -0
- package/dist/components/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alert/index.d.ts +3 -0
- package/dist/components/Alert/index.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +30 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar/index.d.ts +3 -0
- package/dist/components/Avatar/index.d.ts.map +1 -0
- package/dist/components/Badge/Badge.d.ts +32 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/index.d.ts +3 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Box/Box.d.ts +28 -28
- package/dist/components/Box/Box.d.ts.map +1 -1
- package/dist/components/Box/borders/borders.d.ts +18 -0
- package/dist/components/Box/borders/borders.d.ts.map +1 -0
- package/dist/components/Box/colors/colors.d.ts +14 -0
- package/dist/components/Box/colors/colors.d.ts.map +1 -0
- package/dist/components/Box/display/display.d.ts +14 -0
- package/dist/components/Box/display/display.d.ts.map +1 -0
- package/dist/components/Box/flexbox/flexbox.d.ts +26 -0
- package/dist/components/Box/flexbox/flexbox.d.ts.map +1 -0
- package/dist/components/Box/grid/grid.d.ts +12 -0
- package/dist/components/Box/grid/grid.d.ts.map +1 -0
- package/dist/components/Box/inset/inset.d.ts +21 -0
- package/dist/components/Box/inset/inset.d.ts.map +1 -0
- package/dist/components/Box/interactions/interactions.d.ts +14 -0
- package/dist/components/Box/interactions/interactions.d.ts.map +1 -0
- package/dist/components/Box/margin/margin.d.ts +21 -0
- package/dist/components/Box/margin/margin.d.ts.map +1 -0
- package/dist/components/Box/opacity/opacity.d.ts +14 -0
- package/dist/components/Box/opacity/opacity.d.ts.map +1 -0
- package/dist/components/Box/overflow/overflow.d.ts +16 -0
- package/dist/components/Box/overflow/overflow.d.ts.map +1 -0
- package/dist/components/Box/padding/padding.d.ts +21 -0
- package/dist/components/Box/padding/padding.d.ts.map +1 -0
- package/dist/components/Box/position/position.d.ts +14 -0
- package/dist/components/Box/position/position.d.ts.map +1 -0
- package/dist/components/Box/reset/reset.d.ts +2 -0
- package/dist/components/Box/reset/reset.d.ts.map +1 -0
- package/dist/components/Box/roundness/roundness.d.ts +18 -0
- package/dist/components/Box/roundness/roundness.d.ts.map +1 -0
- package/dist/components/Box/shadows/shadows.d.ts +14 -0
- package/dist/components/Box/shadows/shadows.d.ts.map +1 -0
- package/dist/components/Box/shared/constants.d.ts +16 -0
- package/dist/components/Box/shared/constants.d.ts.map +1 -0
- package/dist/components/Box/shared/index.d.ts +4 -0
- package/dist/components/Box/shared/index.d.ts.map +1 -0
- package/dist/components/Box/shared/spacing.d.ts +10 -0
- package/dist/components/Box/shared/spacing.d.ts.map +1 -0
- package/dist/components/Box/shared/types.d.ts +7 -0
- package/dist/components/Box/shared/types.d.ts.map +1 -0
- package/dist/components/Box/sizing/sizing.d.ts +20 -0
- package/dist/components/Box/sizing/sizing.d.ts.map +1 -0
- package/dist/components/Box/text/text.d.ts +14 -0
- package/dist/components/Box/text/text.d.ts.map +1 -0
- package/dist/components/Box/typography/typography.d.ts +16 -0
- package/dist/components/Box/typography/typography.d.ts.map +1 -0
- package/dist/components/Box/zIndex/zIndex.d.ts +14 -0
- package/dist/components/Box/zIndex/zIndex.d.ts.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +34 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Breadcrumb/index.d.ts +3 -0
- package/dist/components/Breadcrumb/index.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +30 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts +56 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/index.d.ts +3 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +37 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/index.d.ts +3 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/Code/Code.d.ts +27 -0
- package/dist/components/Code/Code.d.ts.map +1 -0
- package/dist/components/Code/index.d.ts +2 -0
- package/dist/components/Code/index.d.ts.map +1 -0
- package/dist/components/Container/Container.d.ts +26 -0
- package/dist/components/Container/Container.d.ts.map +1 -0
- package/dist/components/Container/index.d.ts +2 -0
- package/dist/components/Container/index.d.ts.map +1 -0
- package/dist/components/Divider/Divider.d.ts +25 -0
- package/dist/components/Divider/Divider.d.ts.map +1 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Divider/index.d.ts.map +1 -0
- package/dist/components/Flex/Flex.d.ts +46 -0
- package/dist/components/Flex/Flex.d.ts.map +1 -0
- package/dist/components/Flex/index.d.ts +2 -0
- package/dist/components/Flex/index.d.ts.map +1 -0
- package/dist/components/FormField/FormField.d.ts +31 -0
- package/dist/components/FormField/FormField.d.ts.map +1 -0
- package/dist/components/FormField/index.d.ts +3 -0
- package/dist/components/FormField/index.d.ts.map +1 -0
- package/dist/components/Grid/Grid.d.ts +40 -0
- package/dist/components/Grid/Grid.d.ts.map +1 -0
- package/dist/components/Grid/index.d.ts +2 -0
- package/dist/components/Grid/index.d.ts.map +1 -0
- package/dist/components/HStack/HStack.d.ts +18 -0
- package/dist/components/HStack/HStack.d.ts.map +1 -0
- package/dist/components/HStack/index.d.ts +2 -0
- package/dist/components/HStack/index.d.ts.map +1 -0
- package/dist/components/IconButton/IconButton.d.ts +36 -0
- package/dist/components/IconButton/IconButton.d.ts.map +1 -0
- package/dist/components/IconButton/index.d.ts +3 -0
- package/dist/components/IconButton/index.d.ts.map +1 -0
- package/dist/components/Image/Image.d.ts +31 -0
- package/dist/components/Image/Image.d.ts.map +1 -0
- package/dist/components/Image/index.d.ts +3 -0
- package/dist/components/Image/index.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +28 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/Label/Label.d.ts +26 -0
- package/dist/components/Label/Label.d.ts.map +1 -0
- package/dist/components/Label/index.d.ts +2 -0
- package/dist/components/Label/index.d.ts.map +1 -0
- package/dist/components/Link/Link.d.ts +24 -0
- package/dist/components/Link/Link.d.ts.map +1 -0
- package/dist/components/Link/index.d.ts +3 -0
- package/dist/components/Link/index.d.ts.map +1 -0
- package/dist/components/List/List.d.ts +48 -0
- package/dist/components/List/List.d.ts.map +1 -0
- package/dist/components/List/index.d.ts +3 -0
- package/dist/components/List/index.d.ts.map +1 -0
- package/dist/components/Menu/Menu.d.ts +61 -0
- package/dist/components/Menu/Menu.d.ts.map +1 -0
- package/dist/components/Menu/index.d.ts +3 -0
- package/dist/components/Menu/index.d.ts.map +1 -0
- package/dist/components/Modal/Modal.d.ts +60 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Modal/index.d.ts +3 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.d.ts +26 -0
- package/dist/components/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Pagination/index.d.ts +3 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/Popover/Popover.d.ts +52 -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/Progress/Progress.d.ts +30 -0
- package/dist/components/Progress/Progress.d.ts.map +1 -0
- package/dist/components/Progress/index.d.ts +3 -0
- package/dist/components/Progress/index.d.ts.map +1 -0
- package/dist/components/Radio/Radio.d.ts +34 -0
- package/dist/components/Radio/Radio.d.ts.map +1 -0
- package/dist/components/Radio/index.d.ts +3 -0
- package/dist/components/Radio/index.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +29 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/index.d.ts +3 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +30 -0
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/Skeleton/index.d.ts +3 -0
- package/dist/components/Skeleton/index.d.ts.map +1 -0
- package/dist/components/Spacer/Spacer.d.ts +15 -0
- package/dist/components/Spacer/Spacer.d.ts.map +1 -0
- package/dist/components/Spacer/index.d.ts +2 -0
- package/dist/components/Spacer/index.d.ts.map +1 -0
- package/dist/components/Spinner/Spinner.d.ts +16 -0
- package/dist/components/Spinner/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner/index.d.ts +2 -0
- package/dist/components/Spinner/index.d.ts.map +1 -0
- package/dist/components/Stack/Stack.d.ts +30 -0
- package/dist/components/Stack/Stack.d.ts.map +1 -0
- package/dist/components/Stack/index.d.ts +2 -0
- package/dist/components/Stack/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.d.ts +33 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/index.d.ts +3 -0
- package/dist/components/Switch/index.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +62 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/index.d.ts +3 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/components/Text/Text.d.ts +1 -1
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +33 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/index.d.ts +2 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +36 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/components/VStack/VStack.d.ts +18 -0
- package/dist/components/VStack/VStack.d.ts.map +1 -0
- package/dist/components/VStack/index.d.ts +2 -0
- package/dist/components/VStack/index.d.ts.map +1 -0
- package/dist/index.css +1 -4721
- package/dist/index.d.ts +40 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5431 -2326
- package/dist/index.js.map +1 -1
- package/dist/utils/{breakpoints.stylex.d.ts → breakpoints.d.ts} +1 -13
- package/dist/utils/breakpoints.d.ts.map +1 -0
- package/package.json +10 -16
- package/dist/components/Box/styleParts/borders.d.ts +0 -97
- package/dist/components/Box/styleParts/borders.d.ts.map +0 -1
- package/dist/components/Box/styleParts/colors.d.ts +0 -288
- package/dist/components/Box/styleParts/colors.d.ts.map +0 -1
- package/dist/components/Box/styleParts/display.d.ts +0 -54
- package/dist/components/Box/styleParts/display.d.ts.map +0 -1
- package/dist/components/Box/styleParts/flexbox.d.ts +0 -174
- package/dist/components/Box/styleParts/flexbox.d.ts.map +0 -1
- package/dist/components/Box/styleParts/grid.d.ts +0 -45
- package/dist/components/Box/styleParts/grid.d.ts.map +0 -1
- package/dist/components/Box/styleParts/inset.d.ts +0 -22
- package/dist/components/Box/styleParts/inset.d.ts.map +0 -1
- package/dist/components/Box/styleParts/interactions.d.ts +0 -128
- package/dist/components/Box/styleParts/interactions.d.ts.map +0 -1
- package/dist/components/Box/styleParts/margin.d.ts +0 -22
- package/dist/components/Box/styleParts/margin.d.ts.map +0 -1
- package/dist/components/Box/styleParts/opacity.d.ts +0 -34
- package/dist/components/Box/styleParts/opacity.d.ts.map +0 -1
- package/dist/components/Box/styleParts/overflow.d.ts +0 -55
- package/dist/components/Box/styleParts/overflow.d.ts.map +0 -1
- package/dist/components/Box/styleParts/padding.d.ts +0 -22
- package/dist/components/Box/styleParts/padding.d.ts.map +0 -1
- package/dist/components/Box/styleParts/position.d.ts +0 -39
- package/dist/components/Box/styleParts/position.d.ts.map +0 -1
- package/dist/components/Box/styleParts/reset.d.ts +0 -28
- package/dist/components/Box/styleParts/reset.d.ts.map +0 -1
- package/dist/components/Box/styleParts/roundness.d.ts +0 -83
- package/dist/components/Box/styleParts/roundness.d.ts.map +0 -1
- package/dist/components/Box/styleParts/shadows.d.ts +0 -34
- package/dist/components/Box/styleParts/shadows.d.ts.map +0 -1
- package/dist/components/Box/styleParts/sizing.d.ts +0 -25
- package/dist/components/Box/styleParts/sizing.d.ts.map +0 -1
- package/dist/components/Box/styleParts/text.d.ts +0 -66
- package/dist/components/Box/styleParts/text.d.ts.map +0 -1
- package/dist/components/Box/styleParts/types.d.ts +0 -2
- package/dist/components/Box/styleParts/types.d.ts.map +0 -1
- package/dist/components/Box/styleParts/typography.d.ts +0 -130
- package/dist/components/Box/styleParts/typography.d.ts.map +0 -1
- package/dist/components/Box/styleParts/zIndex.d.ts +0 -49
- package/dist/components/Box/styleParts/zIndex.d.ts.map +0 -1
- package/dist/utils/breakpoints.stylex.d.ts.map +0 -1
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type AccordionProps = {
|
|
3
|
+
/** Default expanded index(es) */
|
|
4
|
+
defaultIndex?: number | number[];
|
|
5
|
+
/** Allow multiple items expanded */
|
|
6
|
+
allowMultiple?: boolean;
|
|
7
|
+
/** Additional class name */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** Accordion items */
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
};
|
|
12
|
+
export type AccordionItemProps = {
|
|
13
|
+
/** Item index (set manually) */
|
|
14
|
+
index: number;
|
|
15
|
+
/** Item title */
|
|
16
|
+
title: ReactNode;
|
|
17
|
+
/** Whether disabled */
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
/** Additional class name */
|
|
20
|
+
className?: string;
|
|
21
|
+
/** Item content */
|
|
22
|
+
children?: ReactNode;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Accordion - Collapsible sections container
|
|
26
|
+
*
|
|
27
|
+
* An accordion component that:
|
|
28
|
+
* - Supports single or multiple expanded items
|
|
29
|
+
* - Uses context for state management
|
|
30
|
+
* - Animated expand/collapse
|
|
31
|
+
*/
|
|
32
|
+
export declare function Accordion({ defaultIndex, allowMultiple, className, children, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
/**
|
|
34
|
+
* AccordionItem - Individual collapsible section
|
|
35
|
+
*/
|
|
36
|
+
export declare function AccordionItem({ index, title, disabled, className, children, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
//# sourceMappingURL=Accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AA4B5E,MAAM,MAAM,cAAc,GAAG;IAC3B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAMF;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,aAAqB,EACrB,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,2CAgChB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CAkDpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type AlertStatus = "success" | "warning" | "error" | "info";
|
|
3
|
+
export type AlertProps = {
|
|
4
|
+
/** Status determines colors and default icon */
|
|
5
|
+
status?: AlertStatus;
|
|
6
|
+
/** Optional title displayed above description */
|
|
7
|
+
title?: ReactNode;
|
|
8
|
+
/** Description content */
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
/** Custom icon (overrides default per-status icon) */
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
/** Callback when close button is clicked (omit to hide close button) */
|
|
13
|
+
onClose?: () => void;
|
|
14
|
+
/** Additional class name */
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Alert - Status notification banner
|
|
19
|
+
*
|
|
20
|
+
* A contextual feedback component that provides:
|
|
21
|
+
* - Four status variants: success, warning, error, info
|
|
22
|
+
* - Optional title and description
|
|
23
|
+
* - Default icons per status (customizable)
|
|
24
|
+
* - Optional close button
|
|
25
|
+
* - Accessible with role="alert"
|
|
26
|
+
*/
|
|
27
|
+
export declare function Alert({ status, title, children, icon, onClose, className, }: AlertProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG;IACvB,gDAAgD;IAChD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA+DF;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAe,EACf,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,UAAU,2CA4DZ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
2
|
+
export type AvatarProps = {
|
|
3
|
+
/** Image source URL */
|
|
4
|
+
src?: string;
|
|
5
|
+
/** Name for generating initials fallback */
|
|
6
|
+
name?: string;
|
|
7
|
+
/** Size variant */
|
|
8
|
+
size?: AvatarSize;
|
|
9
|
+
/** Border radius */
|
|
10
|
+
rounded?: "full" | "md";
|
|
11
|
+
/** Alt text for image */
|
|
12
|
+
alt?: string;
|
|
13
|
+
/** Additional class name */
|
|
14
|
+
className?: string;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Avatar - User/entity display
|
|
18
|
+
*
|
|
19
|
+
* A circular or rounded avatar component:
|
|
20
|
+
* - Shows image when src is provided
|
|
21
|
+
* - Falls back to initials from name
|
|
22
|
+
* - Falls back to generic placeholder if neither
|
|
23
|
+
*
|
|
24
|
+
* Features:
|
|
25
|
+
* - 4 sizes: sm (32px), md (40px), lg (48px), xl (64px)
|
|
26
|
+
* - 2 rounded variants: full (circle), md (rounded corners)
|
|
27
|
+
* - Graceful image loading with error fallback
|
|
28
|
+
*/
|
|
29
|
+
export declare function Avatar({ src, name, size, rounded, alt, className, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,yBAAyB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA4BF;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,IAAI,EACJ,IAAW,EACX,OAAgB,EAChB,GAAG,EACH,SAAS,GACV,EAAE,WAAW,2CA4Cb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type BadgeColorScheme = "primary" | "accent" | "success" | "warning" | "error" | "info" | "gray";
|
|
3
|
+
export type BadgeVariant = "solid" | "subtle";
|
|
4
|
+
export type BadgeSize = "sm" | "md";
|
|
5
|
+
export type BadgeProps = {
|
|
6
|
+
/** Color scheme */
|
|
7
|
+
colorScheme?: BadgeColorScheme;
|
|
8
|
+
/** Visual variant */
|
|
9
|
+
variant?: BadgeVariant;
|
|
10
|
+
/** Size */
|
|
11
|
+
size?: BadgeSize;
|
|
12
|
+
/** Badge content */
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
/** Additional class name */
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Badge - Small status indicator
|
|
19
|
+
*
|
|
20
|
+
* A compact label component for displaying:
|
|
21
|
+
* - Counts and numbers
|
|
22
|
+
* - Status indicators
|
|
23
|
+
* - Categories and tags
|
|
24
|
+
*
|
|
25
|
+
* Features:
|
|
26
|
+
* - 7 color schemes: primary, accent, success, warning, error, info, gray
|
|
27
|
+
* - 2 variants: solid (bold) and subtle (muted)
|
|
28
|
+
* - 2 sizes: sm and md
|
|
29
|
+
* - Pill shape (fully rounded)
|
|
30
|
+
*/
|
|
31
|
+
export declare function Badge({ colorScheme, variant, size, children, className, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG;IACvB,mBAAmB;IACnB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAuDF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,EACpB,WAAoB,EACpB,OAAkB,EAClB,IAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAuBZ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,UAAU,GACX,MAAM,SAAS,CAAC"}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
2
|
import { Polymorphic } from '../../types/Polymorphic';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
|
|
3
|
+
import { MarginProps } from './margin/margin';
|
|
4
|
+
import { PaddingProps } from './padding/padding';
|
|
5
|
+
import { SizingProps } from './sizing/sizing';
|
|
6
|
+
import { InsetProps } from './inset/inset';
|
|
7
|
+
import { DisplayProps } from './display/display';
|
|
8
|
+
import { PositionProps } from './position/position';
|
|
9
|
+
import { OverflowProps } from './overflow/overflow';
|
|
10
|
+
import { ZIndexProps } from './zIndex/zIndex';
|
|
11
|
+
import { ShadowProps } from './shadows/shadows';
|
|
12
|
+
import { OpacityProps } from './opacity/opacity';
|
|
13
|
+
import { InteractionProps } from './interactions/interactions';
|
|
14
|
+
import { TextStyleProps } from './text/text';
|
|
15
|
+
import { TypographyProps } from './typography/typography';
|
|
16
|
+
import { ColorProps } from './colors/colors';
|
|
17
|
+
import { BorderProps } from './borders/borders';
|
|
18
|
+
import { RoundnessProps } from './roundness/roundness';
|
|
19
|
+
import { FlexboxProps } from './flexbox/flexbox';
|
|
20
|
+
import { GridProps } from './grid/grid';
|
|
21
|
+
type StateStyleProps = MarginProps & PaddingProps & SizingProps & InsetProps & DisplayProps & PositionProps & OverflowProps & ZIndexProps & ShadowProps & OpacityProps & InteractionProps & TextStyleProps & TypographyProps & ColorProps & BorderProps & RoundnessProps & FlexboxProps & GridProps;
|
|
22
|
+
type StateProps = {
|
|
23
|
+
_hover?: StateStyleProps;
|
|
24
|
+
_focus?: StateStyleProps;
|
|
25
|
+
_active?: StateStyleProps;
|
|
26
|
+
_disabled?: StateStyleProps;
|
|
27
|
+
};
|
|
28
|
+
export type BoxOwnProps = MarginProps & PaddingProps & SizingProps & InsetProps & DisplayProps & PositionProps & OverflowProps & ZIndexProps & ShadowProps & OpacityProps & InteractionProps & TextStyleProps & TypographyProps & ColorProps & BorderProps & RoundnessProps & FlexboxProps & GridProps & StateProps & {
|
|
22
29
|
className?: string;
|
|
23
30
|
children?: ReactNode;
|
|
24
31
|
};
|
|
25
32
|
export type BoxProps<T extends ElementType = "div"> = Polymorphic<T, BoxOwnProps>;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
*
|
|
29
|
-
* A polymorphic component that provides:
|
|
30
|
-
* - Default element: <div>
|
|
31
|
-
* - Can render as any HTML element via the `as` prop
|
|
32
|
-
* - Type-safe props based on the element type
|
|
33
|
-
*/
|
|
34
|
-
export declare function Box<T extends ElementType = "div">({ as, children, className, style, p, pt, pr, pb, pl, px, py, m, mt, mr, mb, ml, mx, my, display, position, overflow, overflowX, overflowY, zIndex, w, h, minW, maxW, minH, maxH, flexDirection, justifyContent, alignItems, alignSelf, flexWrap, gap, gapRow, gapColumn, flex, flexGrow, flexShrink, flexBasis, justifySelf, gridTemplateColumns, gridTemplateRows, inset, insetX, insetY, top, right, bottom, left, fontSize, fontFamily, fontWeight, lineHeight, color, bg, borderColor, border, borderX, borderY, borderTop, borderRight, borderBottom, borderLeft, borderStyle, rounded, roundedTop, roundedBottom, roundedLeft, roundedRight, roundedTopLeft, roundedTopRight, roundedBottomLeft, roundedBottomRight, shadow, cursor, pointerEvents, userSelect, textAlign, whiteSpace, opacity, ...rest }: BoxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare function Box<T extends ElementType = "div">({ as, children, className, style, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, w, h, minW, maxW, minH, maxH, inset, insetX, insetY, top, right, bottom, left, display, position, overflow, overflowX, overflowY, zIndex, shadow, opacity, cursor, pointerEvents, userSelect, textAlign, whiteSpace, textDecoration, fontSize, fontFamily, fontWeight, lineHeight, color, bg, borderColor, border, borderX, borderY, borderTop, borderRight, borderBottom, borderLeft, borderStyle, rounded, roundedTop, roundedBottom, roundedLeft, roundedRight, roundedTopLeft, roundedTopRight, roundedBottomLeft, roundedBottomRight, flexDirection, justifyContent, alignItems, alignSelf, flexWrap, gap, gapRow, gapColumn, flex, flexGrow, flexShrink, flexBasis, justifySelf, gridTemplateColumns, gridTemplateRows, _hover, _focus, _active, _disabled, ...rest }: BoxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export {};
|
|
35
35
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StyleResult } from '../shared';
|
|
2
|
+
export type BorderWidthValue = "none" | "thin" | "medium" | "thick";
|
|
3
|
+
export type BorderStyleValue = "none" | "solid" | "dashed" | "dotted";
|
|
4
|
+
export type BorderProps = {
|
|
5
|
+
border?: BorderWidthValue;
|
|
6
|
+
borderX?: BorderWidthValue;
|
|
7
|
+
borderY?: BorderWidthValue;
|
|
8
|
+
borderTop?: BorderWidthValue;
|
|
9
|
+
borderRight?: BorderWidthValue;
|
|
10
|
+
borderBottom?: BorderWidthValue;
|
|
11
|
+
borderLeft?: BorderWidthValue;
|
|
12
|
+
borderStyle?: BorderStyleValue;
|
|
13
|
+
};
|
|
14
|
+
export type BorderStateProps = {
|
|
15
|
+
_hover?: BorderProps;
|
|
16
|
+
};
|
|
17
|
+
export declare function getBorderStyles(props: BorderProps & BorderStateProps): StyleResult;
|
|
18
|
+
//# sourceMappingURL=borders.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borders.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/borders/borders.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AA8FF,wBAAgB,eAAe,CAC7B,KAAK,EAAE,WAAW,GAAG,gBAAgB,GACpC,WAAW,CAuBb"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StyleResult } from '../shared';
|
|
2
|
+
export type ColorValue = "accent-emphasis" | "accent" | "error-emphasis" | "error" | "foreground-inverted-muted" | "foreground-inverted-subtle" | "foreground-inverted" | "foreground-muted" | "foreground-subtle" | "foreground" | "info-emphasis" | "info" | "primary-emphasis" | "primary" | "success-emphasis" | "success" | "warning-emphasis" | "warning";
|
|
3
|
+
export type BackgroundColorValue = "accent-default" | "accent-emphasis" | "accent-subtle" | "background" | "error-default" | "error-emphasis" | "error-subtle" | "foreground" | "info-default" | "info-emphasis" | "info-subtle" | "primary-default" | "primary-emphasis" | "primary-subtle" | "success-default" | "success-emphasis" | "success-subtle" | "surface" | "transparent" | "warning-default" | "warning-emphasis" | "warning-subtle";
|
|
4
|
+
export type BorderColorValue = "accent-emphasis" | "accent" | "border-muted" | "border" | "error-emphasis" | "error" | "info-emphasis" | "info" | "primary-emphasis" | "primary" | "success-emphasis" | "success" | "warning-emphasis" | "warning";
|
|
5
|
+
export type ColorProps = {
|
|
6
|
+
color?: ColorValue;
|
|
7
|
+
bg?: BackgroundColorValue;
|
|
8
|
+
borderColor?: BorderColorValue;
|
|
9
|
+
};
|
|
10
|
+
export type ColorStateProps = {
|
|
11
|
+
_hover?: ColorProps;
|
|
12
|
+
};
|
|
13
|
+
export declare function getColorStyles(props: ColorProps & ColorStateProps): StyleResult;
|
|
14
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/colors/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,UAAU,GAClB,iBAAiB,GACjB,QAAQ,GACR,gBAAgB,GAChB,OAAO,GACP,2BAA2B,GAC3B,4BAA4B,GAC5B,qBAAqB,GACrB,kBAAkB,GAClB,mBAAmB,GACnB,YAAY,GACZ,eAAe,GACf,MAAM,GACN,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,SAAS,CAAC;AAEd,MAAM,MAAM,oBAAoB,GAC5B,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,YAAY,GACZ,cAAc,GACd,eAAe,GACf,aAAa,GACb,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,SAAS,GACT,aAAa,GACb,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,CAAC;AAErB,MAAM,MAAM,gBAAgB,GACxB,iBAAiB,GACjB,QAAQ,GACR,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,OAAO,GACP,eAAe,GACf,MAAM,GACN,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,SAAS,CAAC;AAEd,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,oBAAoB,CAAC;IAC1B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAiDF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,UAAU,GAAG,eAAe,GAClC,WAAW,CAUb"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ResponsiveValue } from '../../../utils/breakpoints';
|
|
2
|
+
import { StyleResult } from '../shared';
|
|
3
|
+
export type DisplayValue = "block" | "flex" | "inline-flex" | "grid" | "inline" | "inline-block" | "none" | "contents";
|
|
4
|
+
export type DisplayProps = {
|
|
5
|
+
display?: ResponsiveValue<DisplayValue>;
|
|
6
|
+
};
|
|
7
|
+
export type DisplayStateProps = {
|
|
8
|
+
_hover?: DisplayProps;
|
|
9
|
+
_focus?: DisplayProps;
|
|
10
|
+
_active?: DisplayProps;
|
|
11
|
+
_disabled?: DisplayProps;
|
|
12
|
+
};
|
|
13
|
+
export declare function getDisplayStyles(props: DisplayProps & DisplayStateProps): StyleResult;
|
|
14
|
+
//# sourceMappingURL=display.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"display.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/display/display.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,MAAM,GACN,aAAa,GACb,MAAM,GACN,QAAQ,GACR,cAAc,GACd,MAAM,GACN,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC;AAmDF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,GAAG,iBAAiB,GACtC,WAAW,CAmBb"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { StyleResult } from '../shared';
|
|
2
|
+
export type FlexDirectionValue = "row" | "row-reverse" | "column" | "column-reverse";
|
|
3
|
+
export type JustifyContentValue = "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
|
|
4
|
+
export type AlignItemsValue = "start" | "end" | "center" | "stretch" | "baseline";
|
|
5
|
+
export type AlignSelfValue = "auto" | "start" | "end" | "center" | "stretch" | "baseline";
|
|
6
|
+
export type FlexWrapValue = "nowrap" | "wrap" | "wrap-reverse";
|
|
7
|
+
export type SpacingValue = number | string;
|
|
8
|
+
export type FlexboxProps = {
|
|
9
|
+
flexDirection?: FlexDirectionValue;
|
|
10
|
+
justifyContent?: JustifyContentValue;
|
|
11
|
+
alignItems?: AlignItemsValue;
|
|
12
|
+
alignSelf?: AlignSelfValue;
|
|
13
|
+
flexWrap?: FlexWrapValue;
|
|
14
|
+
gap?: SpacingValue;
|
|
15
|
+
gapRow?: SpacingValue;
|
|
16
|
+
gapColumn?: SpacingValue;
|
|
17
|
+
flex?: string;
|
|
18
|
+
flexGrow?: number;
|
|
19
|
+
flexShrink?: number;
|
|
20
|
+
flexBasis?: string;
|
|
21
|
+
};
|
|
22
|
+
export type FlexboxStateProps = {
|
|
23
|
+
_hover?: FlexboxProps;
|
|
24
|
+
};
|
|
25
|
+
export declare function getFlexboxStyles(props: FlexboxProps & FlexboxStateProps): StyleResult;
|
|
26
|
+
//# sourceMappingURL=flexbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flexbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/flexbox/flexbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AACrF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,CAAC;AACjH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAClF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAC1F,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;AAC/D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAiIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,GAAG,iBAAiB,GACtC,WAAW,CAwCb"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StyleResult } from '../shared';
|
|
2
|
+
export type JustifySelfValue = "auto" | "start" | "end" | "center" | "stretch";
|
|
3
|
+
export type GridProps = {
|
|
4
|
+
justifySelf?: JustifySelfValue;
|
|
5
|
+
gridTemplateColumns?: string;
|
|
6
|
+
gridTemplateRows?: string;
|
|
7
|
+
};
|
|
8
|
+
export type GridStateProps = {
|
|
9
|
+
_hover?: GridProps;
|
|
10
|
+
};
|
|
11
|
+
export declare function getGridStyles(props: GridProps & GridStateProps): StyleResult;
|
|
12
|
+
//# sourceMappingURL=grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/grid/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AA+CF,wBAAgB,aAAa,CAC3B,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,WAAW,CAab"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ResponsiveValue } from '../../../utils/breakpoints';
|
|
2
|
+
import { StyleResult } from '../shared';
|
|
3
|
+
type InsetValue = string | number;
|
|
4
|
+
export type InsetProps = {
|
|
5
|
+
inset?: ResponsiveValue<InsetValue>;
|
|
6
|
+
insetX?: ResponsiveValue<InsetValue>;
|
|
7
|
+
insetY?: ResponsiveValue<InsetValue>;
|
|
8
|
+
top?: ResponsiveValue<InsetValue>;
|
|
9
|
+
right?: ResponsiveValue<InsetValue>;
|
|
10
|
+
bottom?: ResponsiveValue<InsetValue>;
|
|
11
|
+
left?: ResponsiveValue<InsetValue>;
|
|
12
|
+
};
|
|
13
|
+
export type InsetStateProps = {
|
|
14
|
+
_hover?: InsetProps;
|
|
15
|
+
_focus?: InsetProps;
|
|
16
|
+
_active?: InsetProps;
|
|
17
|
+
_disabled?: InsetProps;
|
|
18
|
+
};
|
|
19
|
+
export declare function getInsetStyles(props: InsetProps & InsetStateProps): StyleResult;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=inset.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inset.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/inset/inset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAKL,KAAK,WAAW,EAEjB,MAAM,WAAW,CAAC;AAInB,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAIlC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,CAAC;AAgGF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,UAAU,GAAG,eAAe,GAClC,WAAW,CAyBb"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StyleResult } from '../shared';
|
|
2
|
+
export type CursorValue = "auto" | "default" | "pointer" | "wait" | "text" | "move" | "not-allowed" | "grab" | "grabbing" | "zoom-in" | "zoom-out" | "crosshair";
|
|
3
|
+
export type PointerEventsValue = "auto" | "none" | "all";
|
|
4
|
+
export type UserSelectValue = "auto" | "none" | "text" | "all";
|
|
5
|
+
export type InteractionProps = {
|
|
6
|
+
cursor?: CursorValue;
|
|
7
|
+
pointerEvents?: PointerEventsValue;
|
|
8
|
+
userSelect?: UserSelectValue;
|
|
9
|
+
};
|
|
10
|
+
export type InteractionStateProps = {
|
|
11
|
+
_hover?: InteractionProps;
|
|
12
|
+
};
|
|
13
|
+
export declare function getInteractionStyles(props: InteractionProps & InteractionStateProps): StyleResult;
|
|
14
|
+
//# sourceMappingURL=interactions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/interactions/interactions.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,aAAa,GACb,MAAM,GACN,UAAU,GACV,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAiDF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,gBAAgB,GAAG,qBAAqB,GAC9C,WAAW,CAUb"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ResponsiveValue } from '../../../utils/breakpoints';
|
|
2
|
+
import { StyleResult } from '../shared';
|
|
3
|
+
type SpacingValue = string | number;
|
|
4
|
+
export type MarginProps = {
|
|
5
|
+
m?: ResponsiveValue<SpacingValue>;
|
|
6
|
+
mt?: ResponsiveValue<SpacingValue>;
|
|
7
|
+
mr?: ResponsiveValue<SpacingValue>;
|
|
8
|
+
mb?: ResponsiveValue<SpacingValue>;
|
|
9
|
+
ml?: ResponsiveValue<SpacingValue>;
|
|
10
|
+
mx?: ResponsiveValue<SpacingValue>;
|
|
11
|
+
my?: ResponsiveValue<SpacingValue>;
|
|
12
|
+
};
|
|
13
|
+
export type MarginStateProps = {
|
|
14
|
+
_hover?: MarginProps;
|
|
15
|
+
_focus?: MarginProps;
|
|
16
|
+
_active?: MarginProps;
|
|
17
|
+
_disabled?: MarginProps;
|
|
18
|
+
};
|
|
19
|
+
export declare function getMarginStyles(props: MarginProps & MarginStateProps): StyleResult;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=margin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"margin.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/margin/margin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAKL,KAAK,WAAW,EAEjB,MAAM,WAAW,CAAC;AAInB,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAIpC,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAClC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB,CAAC;AAgGF,wBAAgB,eAAe,CAC7B,KAAK,EAAE,WAAW,GAAG,gBAAgB,GACpC,WAAW,CAyBb"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ResponsiveValue } from '../../../utils/breakpoints';
|
|
2
|
+
import { StyleResult } from '../shared';
|
|
3
|
+
export type OpacityValue = "invisible" | "faint" | "semi" | "full";
|
|
4
|
+
export type OpacityProps = {
|
|
5
|
+
opacity?: ResponsiveValue<OpacityValue>;
|
|
6
|
+
};
|
|
7
|
+
export type OpacityStateProps = {
|
|
8
|
+
_hover?: OpacityProps;
|
|
9
|
+
_focus?: OpacityProps;
|
|
10
|
+
_active?: OpacityProps;
|
|
11
|
+
_disabled?: OpacityProps;
|
|
12
|
+
};
|
|
13
|
+
export declare function getOpacityStyles(props: OpacityProps & OpacityStateProps): StyleResult;
|
|
14
|
+
//# sourceMappingURL=opacity.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"opacity.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/opacity/opacity.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC;AAiDF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,GAAG,iBAAiB,GACtC,WAAW,CAmBb"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ResponsiveValue } from '../../../utils/breakpoints';
|
|
2
|
+
import { StyleResult } from '../shared';
|
|
3
|
+
export type OverflowValue = "auto" | "hidden" | "scroll" | "visible";
|
|
4
|
+
export type OverflowProps = {
|
|
5
|
+
overflow?: ResponsiveValue<OverflowValue>;
|
|
6
|
+
overflowX?: ResponsiveValue<OverflowValue>;
|
|
7
|
+
overflowY?: ResponsiveValue<OverflowValue>;
|
|
8
|
+
};
|
|
9
|
+
export type OverflowStateProps = {
|
|
10
|
+
_hover?: OverflowProps;
|
|
11
|
+
_focus?: OverflowProps;
|
|
12
|
+
_active?: OverflowProps;
|
|
13
|
+
_disabled?: OverflowProps;
|
|
14
|
+
};
|
|
15
|
+
export declare function getOverflowStyles(props: OverflowProps & OverflowStateProps): StyleResult;
|
|
16
|
+
//# sourceMappingURL=overflow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overflow.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/overflow/overflow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AA6EF,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,aAAa,GAAG,kBAAkB,GACxC,WAAW,CAmBb"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ResponsiveValue } from '../../../utils/breakpoints';
|
|
2
|
+
import { StyleResult } from '../shared';
|
|
3
|
+
type SpacingValue = string | number;
|
|
4
|
+
export type PaddingProps = {
|
|
5
|
+
p?: ResponsiveValue<SpacingValue>;
|
|
6
|
+
pt?: ResponsiveValue<SpacingValue>;
|
|
7
|
+
pr?: ResponsiveValue<SpacingValue>;
|
|
8
|
+
pb?: ResponsiveValue<SpacingValue>;
|
|
9
|
+
pl?: ResponsiveValue<SpacingValue>;
|
|
10
|
+
px?: ResponsiveValue<SpacingValue>;
|
|
11
|
+
py?: ResponsiveValue<SpacingValue>;
|
|
12
|
+
};
|
|
13
|
+
export type PaddingStateProps = {
|
|
14
|
+
_hover?: PaddingProps;
|
|
15
|
+
_focus?: PaddingProps;
|
|
16
|
+
_active?: PaddingProps;
|
|
17
|
+
_disabled?: PaddingProps;
|
|
18
|
+
};
|
|
19
|
+
export declare function getPaddingStyles(props: PaddingProps & PaddingStateProps): StyleResult;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=padding.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"padding.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/padding/padding.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAKL,KAAK,WAAW,EAEjB,MAAM,WAAW,CAAC;AAInB,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAClC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC;AAgGF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,GAAG,iBAAiB,GACtC,WAAW,CAyBb"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ResponsiveValue } from '../../../utils/breakpoints';
|
|
2
|
+
import { StyleResult } from '../shared';
|
|
3
|
+
export type PositionValue = "static" | "relative" | "absolute" | "fixed" | "sticky";
|
|
4
|
+
export type PositionProps = {
|
|
5
|
+
position?: ResponsiveValue<PositionValue>;
|
|
6
|
+
};
|
|
7
|
+
export type PositionStateProps = {
|
|
8
|
+
_hover?: PositionProps;
|
|
9
|
+
_focus?: PositionProps;
|
|
10
|
+
_active?: PositionProps;
|
|
11
|
+
_disabled?: PositionProps;
|
|
12
|
+
};
|
|
13
|
+
export declare function getPositionStyles(props: PositionProps & PositionStateProps): StyleResult;
|
|
14
|
+
//# sourceMappingURL=position.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/position/position.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAiDF,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,aAAa,GAAG,kBAAkB,GACxC,WAAW,CAmBb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/reset/reset.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAAe,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StyleResult } from '../shared';
|
|
2
|
+
export type RoundedValue = "none" | "sm" | "md" | "lg" | "full";
|
|
3
|
+
export type RoundnessProps = {
|
|
4
|
+
rounded?: RoundedValue;
|
|
5
|
+
roundedTop?: RoundedValue;
|
|
6
|
+
roundedBottom?: RoundedValue;
|
|
7
|
+
roundedLeft?: RoundedValue;
|
|
8
|
+
roundedRight?: RoundedValue;
|
|
9
|
+
roundedTopLeft?: RoundedValue;
|
|
10
|
+
roundedTopRight?: RoundedValue;
|
|
11
|
+
roundedBottomLeft?: RoundedValue;
|
|
12
|
+
roundedBottomRight?: RoundedValue;
|
|
13
|
+
};
|
|
14
|
+
export type RoundnessStateProps = {
|
|
15
|
+
_hover?: RoundnessProps;
|
|
16
|
+
};
|
|
17
|
+
export declare function getRoundnessStyles(props: RoundnessProps & RoundnessStateProps): StyleResult;
|
|
18
|
+
//# sourceMappingURL=roundness.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"roundness.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/roundness/roundness.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC,kBAAkB,CAAC,EAAE,YAAY,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AA+EF,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,cAAc,GAAG,mBAAmB,GAC1C,WAAW,CAkCb"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ResponsiveValue } from '../../../utils/breakpoints';
|
|
2
|
+
import { StyleResult } from '../shared';
|
|
3
|
+
export type ShadowValue = "none" | "sm" | "md" | "lg";
|
|
4
|
+
export type ShadowProps = {
|
|
5
|
+
shadow?: ResponsiveValue<ShadowValue>;
|
|
6
|
+
};
|
|
7
|
+
export type ShadowStateProps = {
|
|
8
|
+
_hover?: ShadowProps;
|
|
9
|
+
_focus?: ShadowProps;
|
|
10
|
+
_active?: ShadowProps;
|
|
11
|
+
_disabled?: ShadowProps;
|
|
12
|
+
};
|
|
13
|
+
export declare function getShadowStyles(props: ShadowProps & ShadowStateProps): StyleResult;
|
|
14
|
+
//# sourceMappingURL=shadows.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/shadows/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB,CAAC;AAiDF,wBAAgB,eAAe,CAC7B,KAAK,EAAE,WAAW,GAAG,gBAAgB,GACpC,WAAW,CAmBb"}
|