asheeui 0.6.2 → 0.6.3
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/AsheeUIProvider.d.ts +34 -0
- package/dist/AsheeUIProvider.d.ts.map +1 -1
- package/dist/components/accordion/Accordion.d.ts +55 -44
- package/dist/components/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/accordion/Accordion.js +27 -27
- package/dist/components/accordion/accordion-config.d.ts +41 -12
- package/dist/components/accordion/accordion-config.d.ts.map +1 -1
- package/dist/components/accordion/accordion-styles.d.ts +20 -0
- package/dist/components/accordion/accordion-styles.d.ts.map +1 -1
- package/dist/components/accordion/accordion-styles.js +1 -1
- package/dist/components/autocomplete/Autocomplete.d.ts +59 -39
- package/dist/components/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/autocomplete/Autocomplete.js +98 -91
- package/dist/components/autocomplete/autocomplete-config.d.ts +9 -62
- package/dist/components/autocomplete/autocomplete-config.d.ts.map +1 -1
- package/dist/components/autocomplete/autocomplete-config.js +6 -21
- package/dist/components/button/Button.d.ts +50 -51
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +19 -19
- package/dist/components/button/button-config.d.ts +23 -15
- package/dist/components/button/button-config.d.ts.map +1 -1
- package/dist/components/button/button-styles.d.ts +11 -1
- package/dist/components/button/button-styles.d.ts.map +1 -1
- package/dist/components/card/Card.d.ts +85 -43
- package/dist/components/card/Card.d.ts.map +1 -1
- package/dist/components/card/Card.js +49 -49
- package/dist/components/card/card-config.d.ts +35 -18
- package/dist/components/card/card-config.d.ts.map +1 -1
- package/dist/components/card/card-config.js +0 -2
- package/dist/components/card/card-styles.d.ts +17 -1
- package/dist/components/card/card-styles.d.ts.map +1 -1
- package/dist/components/carousel/Carousel.d.ts +107 -12
- package/dist/components/carousel/Carousel.d.ts.map +1 -1
- package/dist/components/carousel/Carousel.js +63 -64
- package/dist/components/carousel/carousel-config.d.ts +94 -7
- package/dist/components/carousel/carousel-config.d.ts.map +1 -1
- package/dist/components/carousel/carousel-config.js +6 -4
- package/dist/components/carousel/carousel-styles.d.ts +32 -1
- package/dist/components/carousel/carousel-styles.d.ts.map +1 -1
- package/dist/components/chip/Chip.d.ts +55 -34
- package/dist/components/chip/Chip.d.ts.map +1 -1
- package/dist/components/chip/Chip.js +71 -72
- package/dist/components/chip/chip-config.d.ts +29 -15
- package/dist/components/chip/chip-config.d.ts.map +1 -1
- package/dist/components/chip/chip-config.js +5 -6
- package/dist/components/chip/chip-styles.d.ts +21 -1
- package/dist/components/chip/chip-styles.d.ts.map +1 -1
- package/dist/components/date-picker/DatePicker.d.ts +166 -2
- package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
- package/dist/components/date-picker/DatePicker.js +110 -99
- package/dist/components/date-picker/date-picker-config.d.ts +31 -0
- package/dist/components/date-picker/date-picker-config.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker-config.js +8 -16
- package/dist/components/date-picker/date-picker-styles.d.ts +21 -1
- package/dist/components/date-picker/date-picker-styles.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker-styles.js +7 -11
- package/dist/components/drawer/Drawer.d.ts +97 -7
- package/dist/components/drawer/Drawer.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.js +9 -9
- package/dist/components/drawer/drawer-config.d.ts +54 -1
- package/dist/components/drawer/drawer-config.d.ts.map +1 -1
- package/dist/components/drawer/drawer-styles.d.ts +21 -0
- package/dist/components/drawer/drawer-styles.d.ts.map +1 -1
- package/dist/components/field/FieldShell.d.ts +86 -0
- package/dist/components/field/FieldShell.d.ts.map +1 -1
- package/dist/components/field/field-config.d.ts +66 -3
- package/dist/components/field/field-config.d.ts.map +1 -1
- package/dist/components/field/field-config.js +2 -1
- package/dist/components/field/field-styles.d.ts +22 -0
- package/dist/components/field/field-styles.d.ts.map +1 -1
- package/dist/components/field/field-styles.js +10 -0
- package/dist/components/field/index.js +1 -0
- package/dist/components/image/Image.d.ts +35 -28
- package/dist/components/image/Image.d.ts.map +1 -1
- package/dist/components/image/Image.js +7 -7
- package/dist/components/image/image-config.d.ts +25 -7
- package/dist/components/image/image-config.d.ts.map +1 -1
- package/dist/components/image/image-styles.d.ts +9 -0
- package/dist/components/image/image-styles.d.ts.map +1 -1
- package/dist/components/input/Input.d.ts +117 -10
- package/dist/components/input/Input.d.ts.map +1 -1
- package/dist/components/input/Input.js +20 -20
- package/dist/components/input/PasswordInput.d.ts +48 -0
- package/dist/components/input/PasswordInput.d.ts.map +1 -1
- package/dist/components/input/input-config.d.ts +10 -1
- package/dist/components/input/input-config.d.ts.map +1 -1
- package/dist/components/input/input-config.js +5 -8
- package/dist/components/input/input-styles.d.ts +10 -0
- package/dist/components/input/input-styles.d.ts.map +1 -1
- package/dist/components/input/input-styles.js +5 -9
- package/dist/components/keyboard/OnScreenKeyboard.d.ts +58 -8
- package/dist/components/keyboard/OnScreenKeyboard.d.ts.map +1 -1
- package/dist/components/keyboard/OnScreenKeyboard.js +49 -48
- package/dist/components/keyboard/index.js +1 -1
- package/dist/components/keyboard/keyboard-config.d.ts +88 -3
- package/dist/components/keyboard/keyboard-config.d.ts.map +1 -1
- package/dist/components/keyboard/{default-keyboard-config.js → keyboard-config.js} +7 -1
- package/dist/components/keyboard/keyboard-context.d.ts +103 -13
- package/dist/components/keyboard/keyboard-context.d.ts.map +1 -1
- package/dist/components/keyboard/keyboard-context.js +66 -68
- package/dist/components/keyboard/use-keyboard-field.d.ts +37 -0
- package/dist/components/keyboard/use-keyboard-field.d.ts.map +1 -1
- package/dist/components/link/Link.d.ts +118 -9
- package/dist/components/link/Link.d.ts.map +1 -1
- package/dist/components/link/Link.js +29 -30
- package/dist/components/link/link-config.d.ts +58 -5
- package/dist/components/link/link-config.d.ts.map +1 -1
- package/dist/components/link/link-styles.d.ts +24 -4
- package/dist/components/link/link-styles.d.ts.map +1 -1
- package/dist/components/marquee/Marquee.d.ts +77 -8
- package/dist/components/marquee/Marquee.d.ts.map +1 -1
- package/dist/components/marquee/Marquee.js +5 -5
- package/dist/components/marquee/marquee-config.d.ts +74 -0
- package/dist/components/marquee/marquee-config.d.ts.map +1 -1
- package/dist/components/marquee/marquee-styles.d.ts +12 -0
- package/dist/components/marquee/marquee-styles.d.ts.map +1 -1
- package/dist/components/modal/Modal.d.ts +113 -25
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +75 -82
- package/dist/components/modal/modal-config.d.ts +59 -1
- package/dist/components/modal/modal-config.d.ts.map +1 -1
- package/dist/components/modal/modal-styles.d.ts +8 -1
- package/dist/components/modal/modal-styles.d.ts.map +1 -1
- package/dist/components/modal/modal-styles.js +4 -11
- package/dist/components/multi-select/MultiSelect.d.ts +152 -23
- package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
- package/dist/components/multi-select/MultiSelect.js +195 -217
- package/dist/components/multi-select/multi-select-config.d.ts +61 -23
- package/dist/components/multi-select/multi-select-config.d.ts.map +1 -1
- package/dist/components/multi-select/multi-select-config.js +16 -25
- package/dist/components/multi-select/multi-select-styles.d.ts +17 -0
- package/dist/components/multi-select/multi-select-styles.d.ts.map +1 -1
- package/dist/components/multi-select/multi-select-styles.js +9 -13
- package/dist/components/radio/Radio.d.ts +137 -13
- package/dist/components/radio/Radio.d.ts.map +1 -1
- package/dist/components/radio/Radio.js +66 -141
- package/dist/components/radio/RadioGroup.d.ts +88 -23
- package/dist/components/radio/RadioGroup.d.ts.map +1 -1
- package/dist/components/radio/RadioGroup.js +141 -66
- package/dist/components/radio/radio-config.d.ts +36 -11
- package/dist/components/radio/radio-config.d.ts.map +1 -1
- package/dist/components/radio/radio-config.js +9 -11
- package/dist/components/radio/radio-context.d.ts +44 -1
- package/dist/components/radio/radio-context.d.ts.map +1 -1
- package/dist/components/radio/radio-styles.d.ts +24 -1
- package/dist/components/radio/radio-styles.d.ts.map +1 -1
- package/dist/components/resizable-screen/ResizableScreen.d.ts +79 -32
- package/dist/components/resizable-screen/ResizableScreen.d.ts.map +1 -1
- package/dist/components/resizable-screen/ResizableScreen.js +77 -72
- package/dist/components/resizable-screen/resizable-screen-config.d.ts +62 -0
- package/dist/components/resizable-screen/resizable-screen-config.d.ts.map +1 -1
- package/dist/components/scrollbar/scrollbar-config.d.ts +44 -9
- package/dist/components/scrollbar/scrollbar-config.d.ts.map +1 -1
- package/dist/components/select/Select.d.ts +157 -17
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js +141 -152
- package/dist/components/select/select-config.d.ts +26 -19
- package/dist/components/select/select-config.d.ts.map +1 -1
- package/dist/components/select/select-config.js +5 -21
- package/dist/components/select/select-styles.d.ts +10 -0
- package/dist/components/select/select-styles.d.ts.map +1 -1
- package/dist/components/select/select-styles.js +5 -9
- package/dist/components/select-menu/SelectMenu.d.ts +125 -8
- package/dist/components/select-menu/SelectMenu.d.ts.map +1 -1
- package/dist/components/select-menu/SelectMenu.js +107 -79
- package/dist/components/select-menu/index.d.ts +2 -0
- package/dist/components/select-menu/index.d.ts.map +1 -1
- package/dist/components/select-menu/index.js +1 -0
- package/dist/components/select-menu/select-menu-config.d.ts +82 -0
- package/dist/components/select-menu/select-menu-config.d.ts.map +1 -0
- package/dist/components/select-menu/select-menu-config.js +12 -0
- package/dist/components/sidebar/Sidebar.d.ts +151 -51
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/Sidebar.js +211 -232
- package/dist/components/sidebar/sidebar-config.d.ts +140 -21
- package/dist/components/sidebar/sidebar-config.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar-config.js +9 -12
- package/dist/components/sidebar/sidebar-styles.d.ts +24 -0
- package/dist/components/sidebar/sidebar-styles.d.ts.map +1 -1
- package/dist/components/spinner/spinner-config.d.ts +15 -9
- package/dist/components/spinner/spinner-config.d.ts.map +1 -1
- package/dist/components/spinner/spinner-styles.d.ts +10 -3
- package/dist/components/spinner/spinner-styles.d.ts.map +1 -1
- package/dist/components/spinner/spinner.d.ts +27 -20
- package/dist/components/spinner/spinner.d.ts.map +1 -1
- package/dist/components/spinner/spinner.js +18 -18
- package/dist/components/switch/Switch.d.ts +109 -9
- package/dist/components/switch/Switch.d.ts.map +1 -1
- package/dist/components/switch/Switch.js +19 -19
- package/dist/components/switch/switch-config.d.ts +20 -6
- package/dist/components/switch/switch-config.d.ts.map +1 -1
- package/dist/components/switch/switch-config.js +8 -16
- package/dist/components/switch/switch-styles.d.ts +17 -0
- package/dist/components/switch/switch-styles.d.ts.map +1 -1
- package/dist/components/table/Table.d.ts +101 -28
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +56 -56
- package/dist/components/table/table-config.d.ts +75 -8
- package/dist/components/table/table-config.d.ts.map +1 -1
- package/dist/components/table/table-styles.d.ts +25 -6
- package/dist/components/table/table-styles.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.d.ts +84 -31
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.js +44 -44
- package/dist/components/tabs/tabs-config.d.ts +102 -9
- package/dist/components/tabs/tabs-config.d.ts.map +1 -1
- package/dist/components/tabs/tabs-styles.d.ts +16 -4
- package/dist/components/tabs/tabs-styles.d.ts.map +1 -1
- package/dist/components/textarea/Textarea.d.ts +105 -11
- package/dist/components/textarea/Textarea.d.ts.map +1 -1
- package/dist/components/textarea/Textarea.js +27 -24
- package/dist/components/textarea/textarea-config.d.ts +21 -0
- package/dist/components/textarea/textarea-config.d.ts.map +1 -1
- package/dist/components/textarea/textarea-config.js +8 -16
- package/dist/components/textarea/textarea-styles.d.ts +9 -0
- package/dist/components/textarea/textarea-styles.d.ts.map +1 -1
- package/dist/components/textarea/textarea-styles.js +5 -9
- package/dist/components/toast/ToastItem.d.ts +58 -4
- package/dist/components/toast/ToastItem.d.ts.map +1 -1
- package/dist/components/toast/ToastItem.js +18 -18
- package/dist/components/toast/toast-config.d.ts +104 -6
- package/dist/components/toast/toast-config.d.ts.map +1 -1
- package/dist/components/toast/toast-context.d.ts +123 -11
- package/dist/components/toast/toast-context.d.ts.map +1 -1
- package/dist/components/toast/toast-context.js +19 -19
- package/dist/components/toast/toast-styles.d.ts +27 -5
- package/dist/components/toast/toast-styles.d.ts.map +1 -1
- package/dist/components/toast/use-pausable-timeout.d.ts +29 -0
- package/dist/components/toast/use-pausable-timeout.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.d.ts +76 -16
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.js +25 -25
- package/dist/components/tooltip/tooltip-config.d.ts +73 -3
- package/dist/components/tooltip/tooltip-config.d.ts.map +1 -1
- package/dist/components/tooltip/tooltip-styles.d.ts +12 -0
- package/dist/components/tooltip/tooltip-styles.d.ts.map +1 -1
- package/dist/config/config.d.ts +50 -2
- package/dist/config/config.d.ts.map +1 -1
- package/dist/config/default-config.d.ts +5 -0
- package/dist/config/default-config.d.ts.map +1 -1
- package/dist/config/default-config.js +23 -0
- package/dist/config/define-config.d.ts +23 -0
- package/dist/config/define-config.d.ts.map +1 -1
- package/dist/config/resolve-color.d.ts +25 -0
- package/dist/config/resolve-color.d.ts.map +1 -1
- package/dist/config/resolve-config.d.ts +23 -0
- package/dist/config/resolve-config.d.ts.map +1 -1
- package/dist/index.css +43 -7
- package/dist/index.d.ts +30 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +120 -115
- package/dist/libs/context.d.ts +50 -1
- package/dist/libs/context.d.ts.map +1 -1
- package/dist/libs/registry.d.ts +61 -5
- package/dist/libs/registry.d.ts.map +1 -1
- package/dist/libs/use-isomorphic-layout-effect.d.ts +18 -0
- package/dist/libs/use-isomorphic-layout-effect.d.ts.map +1 -1
- package/dist/shared/index.d.ts +3 -0
- package/dist/shared/index.d.ts.map +1 -0
- package/dist/shared/radius.d.ts +37 -1
- package/dist/shared/radius.d.ts.map +1 -1
- package/dist/shared/variant.d.ts +31 -0
- package/dist/shared/variant.d.ts.map +1 -1
- package/dist/shared/variant.js +132 -45
- package/dist/theme/color.d.ts +89 -1
- package/dist/theme/color.d.ts.map +1 -1
- package/dist/theme/controller.d.ts +121 -0
- package/dist/theme/controller.d.ts.map +1 -1
- package/dist/theme/controller.js +84 -0
- package/dist/theme/useTheme.d.ts +68 -0
- package/dist/theme/useTheme.d.ts.map +1 -1
- package/dist/theme/useTheme.js +23 -0
- package/dist/utils/index.d.ts +0 -7
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/resolve-token.d.ts +101 -0
- package/dist/utils/resolve-token.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/components/keyboard/default-keyboard-config.d.ts +0 -10
- package/dist/components/keyboard/default-keyboard-config.d.ts.map +0 -1
- package/dist/shared/size.d.ts +0 -2
- package/dist/shared/size.d.ts.map +0 -1
|
@@ -1,6 +1,37 @@
|
|
|
1
|
-
import { Size } from '../../shared
|
|
1
|
+
import { Size } from '../../shared';
|
|
2
2
|
import { CarouselVariant } from './carousel-config';
|
|
3
|
+
/**
|
|
4
|
+
* CSS classes for carousel height based on size.
|
|
5
|
+
* Controls the fixed height of the carousel container.
|
|
6
|
+
*/
|
|
3
7
|
export declare const CAROUSEL_HEIGHT_CLASS: Record<Size, string>;
|
|
8
|
+
/**
|
|
9
|
+
* CSS classes for carousel padding based on size.
|
|
10
|
+
* Controls the internal padding of each slide.
|
|
11
|
+
*/
|
|
4
12
|
export declare const CAROUSEL_PADDING_CLASS: Record<Size, string>;
|
|
13
|
+
/**import type { Size } from "../../shared";
|
|
14
|
+
import type { CarouselVariant } from "./carousel-config";
|
|
15
|
+
|
|
16
|
+
export const CAROUSEL_HEIGHT_CLASS: Record<Size, string> = {
|
|
17
|
+
sm: "h-60 md:h-80",
|
|
18
|
+
md: "h-80 md:h-[420px]",
|
|
19
|
+
lg: "h-[400px] md:h-[520px]",
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export const CAROUSEL_PADDING_CLASS: Record<Size, string> = {
|
|
23
|
+
sm: "p-4",
|
|
24
|
+
md: "p-6",
|
|
25
|
+
lg: "p-8",
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export const CAROUSEL_VARIANT_CLASS: Record<CarouselVariant, string> = {
|
|
29
|
+
bordered: "bg-background border-2 border-border",
|
|
30
|
+
ghost: "bg-transparent",
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
* CSS classes for carousel variants.
|
|
34
|
+
* Each variant has a distinct background and border treatment.
|
|
35
|
+
*/
|
|
5
36
|
export declare const CAROUSEL_VARIANT_CLASS: Record<CarouselVariant, string>;
|
|
6
37
|
//# sourceMappingURL=carousel-styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-styles.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"carousel-styles.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAItD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIvD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGlE,CAAC"}
|
|
@@ -1,53 +1,51 @@
|
|
|
1
1
|
import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { Size } from '../../shared/size';
|
|
4
|
-
import { Color } from '../../shared/variant';
|
|
5
|
-
import { ChipVariant } from './chip-config';
|
|
2
|
+
import { ChipConfig } from './chip-config';
|
|
6
3
|
/**
|
|
7
4
|
* Configuration options for the Chip component.
|
|
8
5
|
*/
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
*
|
|
13
|
-
|
|
14
|
-
variant?: ChipVariant;
|
|
15
|
-
/** Theme accent color.
|
|
16
|
-
*
|
|
17
|
-
* @default "primary"
|
|
18
|
-
*/
|
|
19
|
-
color?: Color;
|
|
20
|
-
/** Height and font-size scale.
|
|
21
|
-
*
|
|
22
|
-
* @default "md"
|
|
23
|
-
*/
|
|
24
|
-
size?: Size;
|
|
25
|
-
/** Corner rounding.
|
|
26
|
-
*
|
|
27
|
-
* @default "full"
|
|
28
|
-
*/
|
|
29
|
-
radius?: Radius;
|
|
30
|
-
/** Disables interactions and dims the chip.
|
|
6
|
+
type BaseChipProps = ChipConfig & Omit<HTMLAttributes<HTMLDivElement>, "color" | "size">;
|
|
7
|
+
export interface ChipProps extends BaseChipProps {
|
|
8
|
+
/**
|
|
9
|
+
* Disables interactions and dims the chip.
|
|
10
|
+
* Disabled chips cannot be clicked or closed.
|
|
31
11
|
*
|
|
32
12
|
* @default false
|
|
33
13
|
*/
|
|
34
14
|
isDisabled?: boolean;
|
|
35
|
-
/**
|
|
15
|
+
/**
|
|
16
|
+
* Leading icon rendered before the content.
|
|
17
|
+
* Typically used to add visual context to the chip.
|
|
18
|
+
*/
|
|
36
19
|
startIcon?: ReactNode;
|
|
37
|
-
/**
|
|
20
|
+
/**
|
|
21
|
+
* Trailing icon rendered after the content (hidden when closable).
|
|
22
|
+
* When onClose is provided, this is replaced by the close button.
|
|
23
|
+
*/
|
|
38
24
|
endIcon?: ReactNode;
|
|
39
|
-
/**
|
|
25
|
+
/**
|
|
26
|
+
* Avatar node rendered before the content, replacing `startIcon`.
|
|
27
|
+
* Typically used for user or entity avatars.
|
|
28
|
+
*/
|
|
40
29
|
avatar?: ReactNode;
|
|
41
|
-
/**
|
|
42
|
-
*
|
|
30
|
+
/**
|
|
31
|
+
* Renders a small status dot.
|
|
43
32
|
* Pass `true` for the current color, or a CSS color string.
|
|
44
33
|
*/
|
|
45
34
|
dot?: boolean | string;
|
|
46
|
-
/**
|
|
35
|
+
/**
|
|
36
|
+
* When provided, renders a remove button that fires this callback.
|
|
37
|
+
* Makes the chip closable with a close button.
|
|
38
|
+
*/
|
|
47
39
|
onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
48
|
-
/**
|
|
40
|
+
/**
|
|
41
|
+
* Custom remove icon shown inside the close button.
|
|
42
|
+
* Overrides the default CloseIcon.
|
|
43
|
+
*/
|
|
49
44
|
closeIcon?: ReactNode;
|
|
50
|
-
/**
|
|
45
|
+
/**
|
|
46
|
+
* Chip content.
|
|
47
|
+
* The label text to display inside the chip.
|
|
48
|
+
*/
|
|
51
49
|
children?: ReactNode;
|
|
52
50
|
}
|
|
53
51
|
/**
|
|
@@ -58,6 +56,10 @@ export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"
|
|
|
58
56
|
* chip becomes keyboard-operable for removal. Visual tokens resolve
|
|
59
57
|
* through the standard AsheeUI cascade.
|
|
60
58
|
*
|
|
59
|
+
* The component automatically handles accessibility attributes including
|
|
60
|
+
* aria-disabled, proper focus management, and keyboard interaction for
|
|
61
|
+
* both the chip and its close button.
|
|
62
|
+
*
|
|
61
63
|
* @param props - Chip configuration options and HTML div props.
|
|
62
64
|
* @param props.variant - Visual style variant. Defaults to "bordered".
|
|
63
65
|
* @param props.color - Theme accent color. Defaults to "primary".
|
|
@@ -71,6 +73,8 @@ export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"
|
|
|
71
73
|
* @param props.onClose - Close callback.
|
|
72
74
|
* @param props.closeIcon - Custom close icon.
|
|
73
75
|
* @param props.children - Chip label content.
|
|
76
|
+
* @param props.className - Extra CSS classes for the chip.
|
|
77
|
+
* @param props.onClick - Click handler for the chip.
|
|
74
78
|
*
|
|
75
79
|
* @example
|
|
76
80
|
* ```tsx
|
|
@@ -88,6 +92,23 @@ export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"
|
|
|
88
92
|
* );
|
|
89
93
|
* }
|
|
90
94
|
* ```
|
|
95
|
+
*
|
|
96
|
+
* @example
|
|
97
|
+
* ```tsx
|
|
98
|
+
* // Chip with avatar and status dot
|
|
99
|
+
* <Chip
|
|
100
|
+
* avatar={<img src="/avatar.jpg" alt="User" />}
|
|
101
|
+
* dot
|
|
102
|
+
* color="success"
|
|
103
|
+
* >
|
|
104
|
+
* John Doe
|
|
105
|
+
* </Chip>
|
|
106
|
+
* ```
|
|
107
|
+
*
|
|
108
|
+
* @see ChipConfig - The configuration type for component defaults.
|
|
109
|
+
* @see resolveVariantClass - Utility for resolving variant and color styles.
|
|
110
|
+
* @see useAsheeConfig - Hook for accessing the global configuration.
|
|
91
111
|
*/
|
|
92
112
|
export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
113
|
+
export {};
|
|
93
114
|
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,OAAO,EACL,KAAK,UAAU,EAGhB,MAAM,eAAe,CAAC;AASvB;;GAEG;AACH,KAAK,aAAa,GAAG,UAAU,GAC7B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAEzD,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAErD;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,eAAO,MAAM,IAAI,sGAqOhB,CAAC"}
|
|
@@ -3,93 +3,93 @@ import { jsxs as F, jsx as i } from "react/jsx-runtime";
|
|
|
3
3
|
import { forwardRef as O } from "react";
|
|
4
4
|
import { CloseIcon as X } from "../../icons/CloseIcon.js";
|
|
5
5
|
import { useAsheeConfig as Y } from "../../libs/context.js";
|
|
6
|
-
import {
|
|
7
|
-
import { resolveVariantClass as B } from "../../shared/variant.js";
|
|
8
|
-
import { resolveCascade as p, resolveRadiusKey as M, resolveClassKey as a } from "../../utils/resolve-token.js";
|
|
6
|
+
import { resolveCascade as p, resolveRadiusKey as T, resolveClassKey as o } from "../../utils/resolve-token.js";
|
|
9
7
|
import { FALLBACK_CHIP_CONFIG as s } from "./chip-config.js";
|
|
10
|
-
import { CHIP_HEIGHT_CLASS as
|
|
8
|
+
import { CHIP_HEIGHT_CLASS as B, CHIP_PADDING_CLASS as M, CHIP_FONT_CLASS as U, CHIP_GAP_CLASS as Z, CHIP_ICON_SIZE_CLASS as q } from "./chip-styles.js";
|
|
9
|
+
import { RADIUS_CLASS as D } from "../../shared/radius.js";
|
|
11
10
|
import { cn as c } from "../../utils/cn.js";
|
|
11
|
+
import { resolveVariantClass as J } from "../../shared/variant.js";
|
|
12
12
|
const Q = O(
|
|
13
13
|
({
|
|
14
14
|
variant: S,
|
|
15
|
-
color:
|
|
16
|
-
size:
|
|
15
|
+
color: C,
|
|
16
|
+
size: _,
|
|
17
17
|
radius: A,
|
|
18
18
|
isDisabled: t = !1,
|
|
19
|
-
startIcon:
|
|
20
|
-
endIcon:
|
|
21
|
-
avatar:
|
|
22
|
-
dot:
|
|
23
|
-
onClose:
|
|
24
|
-
closeIcon:
|
|
25
|
-
children:
|
|
19
|
+
startIcon: y,
|
|
20
|
+
endIcon: h,
|
|
21
|
+
avatar: m,
|
|
22
|
+
dot: d,
|
|
23
|
+
onClose: a,
|
|
24
|
+
closeIcon: I,
|
|
25
|
+
children: N,
|
|
26
26
|
className: b,
|
|
27
|
-
style:
|
|
27
|
+
style: g,
|
|
28
28
|
onClick: n,
|
|
29
|
-
...
|
|
30
|
-
},
|
|
29
|
+
...w
|
|
30
|
+
}, x) => {
|
|
31
31
|
var K;
|
|
32
|
-
const u = Y(),
|
|
32
|
+
const u = Y(), r = (K = u.components) == null ? void 0 : K.chip, v = p(
|
|
33
33
|
S,
|
|
34
|
-
|
|
34
|
+
r == null ? void 0 : r.variant,
|
|
35
35
|
u.defaultVariant,
|
|
36
36
|
s.variant
|
|
37
|
-
),
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
), z = v === "underlined" ? "bordered" : v, P = p(
|
|
38
|
+
C,
|
|
39
|
+
r == null ? void 0 : r.color,
|
|
40
40
|
u.defaultColor,
|
|
41
41
|
s.color
|
|
42
42
|
), l = p(
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
_,
|
|
44
|
+
r == null ? void 0 : r.size,
|
|
45
45
|
void 0,
|
|
46
46
|
s.size
|
|
47
|
-
),
|
|
47
|
+
), H = T(
|
|
48
48
|
A,
|
|
49
|
-
|
|
49
|
+
r == null ? void 0 : r.radius,
|
|
50
50
|
u.defaultRadius,
|
|
51
51
|
s.radius
|
|
52
|
-
),
|
|
52
|
+
), L = o(
|
|
53
53
|
l,
|
|
54
|
-
|
|
54
|
+
B,
|
|
55
55
|
s.size
|
|
56
|
-
), j =
|
|
56
|
+
), j = o(
|
|
57
57
|
l,
|
|
58
|
-
|
|
58
|
+
M,
|
|
59
59
|
s.size
|
|
60
|
-
), R =
|
|
60
|
+
), R = o(
|
|
61
61
|
l,
|
|
62
|
-
|
|
62
|
+
U,
|
|
63
63
|
s.size
|
|
64
|
-
), k =
|
|
64
|
+
), k = o(
|
|
65
65
|
l,
|
|
66
|
-
|
|
66
|
+
Z,
|
|
67
67
|
s.size
|
|
68
|
-
),
|
|
68
|
+
), f = o(
|
|
69
69
|
l,
|
|
70
|
-
|
|
70
|
+
q,
|
|
71
71
|
s.size
|
|
72
|
-
), E =
|
|
73
|
-
|
|
74
|
-
|
|
72
|
+
), E = o(
|
|
73
|
+
H,
|
|
74
|
+
D,
|
|
75
75
|
s.radius
|
|
76
|
-
), G = (
|
|
77
|
-
|
|
76
|
+
), G = (e) => {
|
|
77
|
+
e.stopPropagation(), !t && (a == null || a(e));
|
|
78
78
|
};
|
|
79
79
|
return /* @__PURE__ */ F(
|
|
80
80
|
"div",
|
|
81
81
|
{
|
|
82
|
-
ref:
|
|
82
|
+
ref: x,
|
|
83
83
|
tabIndex: t ? -1 : 0,
|
|
84
84
|
"aria-disabled": t,
|
|
85
|
-
onClick: (
|
|
86
|
-
t || n == null || n(
|
|
85
|
+
onClick: (e) => {
|
|
86
|
+
t || n == null || n(e);
|
|
87
87
|
},
|
|
88
|
-
onKeyDown: (
|
|
89
|
-
if (!t && (
|
|
90
|
-
|
|
88
|
+
onKeyDown: (e) => {
|
|
89
|
+
if (!t && (e.key === "Enter" || e.key === " ")) {
|
|
90
|
+
e.preventDefault();
|
|
91
91
|
const V = {
|
|
92
|
-
...
|
|
92
|
+
...e,
|
|
93
93
|
button: 0,
|
|
94
94
|
buttons: 1,
|
|
95
95
|
clientX: 0,
|
|
@@ -98,10 +98,10 @@ const Q = O(
|
|
|
98
98
|
pageY: 0,
|
|
99
99
|
screenX: 0,
|
|
100
100
|
screenY: 0,
|
|
101
|
-
altKey:
|
|
102
|
-
ctrlKey:
|
|
103
|
-
metaKey:
|
|
104
|
-
shiftKey:
|
|
101
|
+
altKey: e.altKey,
|
|
102
|
+
ctrlKey: e.ctrlKey,
|
|
103
|
+
metaKey: e.metaKey,
|
|
104
|
+
shiftKey: e.shiftKey,
|
|
105
105
|
type: "click"
|
|
106
106
|
};
|
|
107
107
|
n == null || n(V);
|
|
@@ -110,63 +110,62 @@ const Q = O(
|
|
|
110
110
|
className: c(
|
|
111
111
|
"inline-flex items-center font-medium transition-all duration-200 select-none shrink-0",
|
|
112
112
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
|
|
113
|
-
|
|
114
|
-
|
|
113
|
+
J(z, P),
|
|
114
|
+
L,
|
|
115
115
|
j,
|
|
116
116
|
R,
|
|
117
117
|
k,
|
|
118
118
|
E,
|
|
119
119
|
t && "opacity-50 pointer-events-none cursor-not-allowed",
|
|
120
120
|
n && !t && "cursor-pointer hover:opacity-90 active:scale-[0.98]",
|
|
121
|
-
e == null ? void 0 : e.className,
|
|
122
121
|
b
|
|
123
122
|
),
|
|
124
|
-
style:
|
|
125
|
-
...
|
|
123
|
+
style: g,
|
|
124
|
+
...w,
|
|
126
125
|
children: [
|
|
127
|
-
|
|
126
|
+
d && /* @__PURE__ */ i(
|
|
128
127
|
"span",
|
|
129
128
|
{
|
|
130
129
|
className: "shrink-0 rounded-full",
|
|
131
130
|
style: {
|
|
132
131
|
width: "0.5em",
|
|
133
132
|
height: "0.5em",
|
|
134
|
-
backgroundColor: typeof
|
|
133
|
+
backgroundColor: typeof d == "string" ? d : "currentColor"
|
|
135
134
|
}
|
|
136
135
|
}
|
|
137
136
|
),
|
|
138
|
-
|
|
137
|
+
m && /* @__PURE__ */ i(
|
|
139
138
|
"span",
|
|
140
139
|
{
|
|
141
140
|
className: c(
|
|
142
|
-
"inline-flex items-center justify-center shrink-0 overflow-
|
|
143
|
-
|
|
141
|
+
"inline-flex items-center justify-center shrink-0 overflow-clip rounded-full",
|
|
142
|
+
f
|
|
144
143
|
),
|
|
145
|
-
children:
|
|
144
|
+
children: m
|
|
146
145
|
}
|
|
147
146
|
),
|
|
148
|
-
|
|
147
|
+
y && !m && /* @__PURE__ */ i(
|
|
149
148
|
"span",
|
|
150
149
|
{
|
|
151
150
|
className: c(
|
|
152
151
|
"inline-flex items-center justify-center shrink-0",
|
|
153
|
-
|
|
152
|
+
f
|
|
154
153
|
),
|
|
155
|
-
children:
|
|
154
|
+
children: y
|
|
156
155
|
}
|
|
157
156
|
),
|
|
158
|
-
|
|
159
|
-
|
|
157
|
+
N,
|
|
158
|
+
h && !a && /* @__PURE__ */ i(
|
|
160
159
|
"span",
|
|
161
160
|
{
|
|
162
161
|
className: c(
|
|
163
162
|
"inline-flex items-center justify-center shrink-0",
|
|
164
|
-
|
|
163
|
+
f
|
|
165
164
|
),
|
|
166
|
-
children:
|
|
165
|
+
children: h
|
|
167
166
|
}
|
|
168
167
|
),
|
|
169
|
-
|
|
168
|
+
a && /* @__PURE__ */ i(
|
|
170
169
|
"button",
|
|
171
170
|
{
|
|
172
171
|
type: "button",
|
|
@@ -177,9 +176,9 @@ const Q = O(
|
|
|
177
176
|
"inline-flex items-center justify-center shrink-0 rounded-full transition-opacity",
|
|
178
177
|
"hover:opacity-70 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current",
|
|
179
178
|
"opacity-80 -mr-1",
|
|
180
|
-
|
|
179
|
+
f
|
|
181
180
|
),
|
|
182
|
-
children:
|
|
181
|
+
children: I ?? /* @__PURE__ */ i(X, { className: "w-full h-full" })
|
|
183
182
|
}
|
|
184
183
|
)
|
|
185
184
|
]
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { Radius } from '../../shared
|
|
2
|
-
import { Size } from '../../shared/size';
|
|
3
|
-
import { Color, Variant } from '../../shared/variant';
|
|
1
|
+
import { Color, Radius, Size, Variant } from '../../shared';
|
|
4
2
|
/**
|
|
5
3
|
* Visual style of the chip.
|
|
6
4
|
*
|
|
@@ -8,9 +6,15 @@ import { Color, Variant } from '../../shared/variant';
|
|
|
8
6
|
* chip-appropriate visual treatment.
|
|
9
7
|
*/
|
|
10
8
|
export type ChipVariant = Exclude<Variant, "underlined">;
|
|
11
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
* Height and font-size scale of the chip.
|
|
11
|
+
* Maps to the standard Size type: "sm", "md", or "lg".
|
|
12
|
+
*/
|
|
12
13
|
export type ChipSizeKey = Size;
|
|
13
|
-
/**
|
|
14
|
+
/**
|
|
15
|
+
* Corner rounding scale of the chip.
|
|
16
|
+
* Maps to the standard Radius type.
|
|
17
|
+
*/
|
|
14
18
|
export type ChipRadiusKey = Radius;
|
|
15
19
|
/**
|
|
16
20
|
* Theme configuration options for the Chip component.
|
|
@@ -19,31 +23,34 @@ export type ChipRadiusKey = Radius;
|
|
|
19
23
|
* component-level fallback tier of the theme cascade.
|
|
20
24
|
*/
|
|
21
25
|
export interface ChipConfig {
|
|
22
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* Visual style variant.
|
|
28
|
+
* Controls the chip's background, border, and hover treatment.
|
|
23
29
|
*
|
|
24
30
|
* @default "bordered"
|
|
25
31
|
*/
|
|
26
32
|
variant?: ChipVariant;
|
|
27
|
-
/**
|
|
33
|
+
/**
|
|
34
|
+
* Theme accent color.
|
|
35
|
+
* Controls the color of the chip's primary visual elements.
|
|
28
36
|
*
|
|
29
37
|
* @default "primary"
|
|
30
38
|
*/
|
|
31
39
|
color?: Color;
|
|
32
|
-
/**
|
|
40
|
+
/**
|
|
41
|
+
* Height and font-size scale.
|
|
42
|
+
* Controls the density and text size of the chip.
|
|
33
43
|
*
|
|
34
44
|
* @default "md"
|
|
35
45
|
*/
|
|
36
46
|
size?: ChipSizeKey;
|
|
37
|
-
/**
|
|
47
|
+
/**
|
|
48
|
+
* Corner rounding.
|
|
49
|
+
* Controls the border-radius of the chip.
|
|
38
50
|
*
|
|
39
51
|
* @default "full"
|
|
40
52
|
*/
|
|
41
53
|
radius?: ChipRadiusKey;
|
|
42
|
-
/** Extra classes applied to every chip instance.
|
|
43
|
-
*
|
|
44
|
-
* @default ""
|
|
45
|
-
*/
|
|
46
|
-
className?: string;
|
|
47
54
|
}
|
|
48
55
|
/**
|
|
49
56
|
* Default config values registered for the Chip component.
|
|
@@ -54,8 +61,15 @@ export interface ChipConfig {
|
|
|
54
61
|
export declare const defaultChipConfig: ChipConfig;
|
|
55
62
|
/**
|
|
56
63
|
* Hard fallback values used when no config tier provides a value.
|
|
64
|
+
* These values are used when instance props, component config,
|
|
65
|
+
* and global defaults are all undefined.
|
|
57
66
|
*/
|
|
58
|
-
export declare const FALLBACK_CHIP_CONFIG:
|
|
67
|
+
export declare const FALLBACK_CHIP_CONFIG: {
|
|
68
|
+
readonly size: "md";
|
|
69
|
+
readonly variant: "bordered";
|
|
70
|
+
readonly color: "primary";
|
|
71
|
+
readonly radius: "full";
|
|
72
|
+
};
|
|
59
73
|
declare module "../../libs/registry" {
|
|
60
74
|
interface ComponentTypeConfigRegistry {
|
|
61
75
|
chip: ChipConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip-config.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-config.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chip-config.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAG/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,IAAI,EAAE,UAAU,CAAC;KAClB;CACF"}
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { registerComponentDefaults as
|
|
3
|
-
const
|
|
2
|
+
import { registerComponentDefaults as r } from "../../libs/registry.js";
|
|
3
|
+
const e = {
|
|
4
4
|
size: "md",
|
|
5
5
|
radius: "full"
|
|
6
6
|
}, o = {
|
|
7
7
|
size: "md",
|
|
8
8
|
variant: "bordered",
|
|
9
9
|
color: "primary",
|
|
10
|
-
radius: "full"
|
|
11
|
-
className: ""
|
|
10
|
+
radius: "full"
|
|
12
11
|
};
|
|
13
|
-
|
|
12
|
+
r("chip", e);
|
|
14
13
|
export {
|
|
15
14
|
o as FALLBACK_CHIP_CONFIG,
|
|
16
|
-
|
|
15
|
+
e as defaultChipConfig
|
|
17
16
|
};
|
|
@@ -1,7 +1,27 @@
|
|
|
1
|
-
import { Size } from '../../shared
|
|
1
|
+
import { Size } from '../../shared';
|
|
2
|
+
/**
|
|
3
|
+
* CSS classes for chip height based on size.
|
|
4
|
+
* Controls the vertical dimension of the chip.
|
|
5
|
+
*/
|
|
2
6
|
export declare const CHIP_HEIGHT_CLASS: Record<Size, string>;
|
|
7
|
+
/**
|
|
8
|
+
* CSS classes for chip horizontal padding based on size.
|
|
9
|
+
* Controls the left and right padding of the chip.
|
|
10
|
+
*/
|
|
3
11
|
export declare const CHIP_PADDING_CLASS: Record<Size, string>;
|
|
12
|
+
/**
|
|
13
|
+
* CSS classes for chip font size based on size.
|
|
14
|
+
* Controls the text size of the chip label.
|
|
15
|
+
*/
|
|
4
16
|
export declare const CHIP_FONT_CLASS: Record<Size, string>;
|
|
17
|
+
/**
|
|
18
|
+
* CSS classes for chip gap based on size.
|
|
19
|
+
* Controls the spacing between chip elements (icon, avatar, dot, label).
|
|
20
|
+
*/
|
|
5
21
|
export declare const CHIP_GAP_CLASS: Record<Size, string>;
|
|
22
|
+
/**
|
|
23
|
+
* CSS classes for chip icon size based on size.
|
|
24
|
+
* Controls the dimensions of icons, avatars, and close buttons.
|
|
25
|
+
*/
|
|
6
26
|
export declare const CHIP_ICON_SIZE_CLASS: Record<Size, string>;
|
|
7
27
|
//# sourceMappingURL=chip-styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip-styles.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"chip-styles.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIlD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAInD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIhD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAI/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIrD,CAAC"}
|