@wavv/ui 1.9.2 → 1.9.4
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/build/cjs/index.js +1 -1
- package/build/cjs/index.js.map +1 -1
- package/build/cjs/types/components/Tabs.d.ts +2 -0
- package/build/cjs/types/index.d.ts +3 -0
- package/build/cjs/types/theme/darkScale.d.ts +22 -0
- package/build/cjs/types/theme/lightScale.d.ts +22 -0
- package/build/esm/index.js +1 -1
- package/build/esm/index.js.map +1 -1
- package/build/esm/types/components/Tabs.d.ts +2 -0
- package/build/esm/types/index.d.ts +3 -0
- package/build/esm/types/theme/darkScale.d.ts +22 -0
- package/build/esm/types/theme/lightScale.d.ts +22 -0
- package/build/index.d.ts +47 -1
- package/package.json +1 -1
|
@@ -12,6 +12,8 @@ export type TabItem = {
|
|
|
12
12
|
icon?: IconNames;
|
|
13
13
|
/** Positions the icon to the left or right of the tab text */
|
|
14
14
|
iconPosition?: 'left' | 'right';
|
|
15
|
+
/** The color of the icon */
|
|
16
|
+
iconColor?: string;
|
|
15
17
|
};
|
|
16
18
|
type Props<ItemType> = {
|
|
17
19
|
/** The tab items to be rendered */
|
|
@@ -41,6 +41,9 @@ export { default as Toggle } from './components/Toggle';
|
|
|
41
41
|
export { default as Tooltip } from './components/Tooltip';
|
|
42
42
|
export { default as Tabs } from './components/Tabs';
|
|
43
43
|
export { default as theme } from './theme';
|
|
44
|
+
export { default as colors } from './theme/colors';
|
|
45
|
+
export { default as darkScale } from './theme/darkScale';
|
|
46
|
+
export { default as lightScale } from './theme/lightScale';
|
|
44
47
|
export type { ITheme, ThemeProp } from './theme/ThemeTypes';
|
|
45
48
|
export type { IconNames } from './components/Icon/icons';
|
|
46
49
|
export type { TabItem } from './components/Tabs';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
declare const darkScale: {
|
|
2
|
+
scale0: string;
|
|
3
|
+
scale1: string;
|
|
4
|
+
scale2: string;
|
|
5
|
+
scale3: string;
|
|
6
|
+
scale4: string;
|
|
7
|
+
scale5: string;
|
|
8
|
+
scale6: string;
|
|
9
|
+
scale7: string;
|
|
10
|
+
scale8: string;
|
|
11
|
+
scale9: string;
|
|
12
|
+
scale10: string;
|
|
13
|
+
accent: string;
|
|
14
|
+
accentShade: string;
|
|
15
|
+
background0: string;
|
|
16
|
+
background1: string;
|
|
17
|
+
background2: string;
|
|
18
|
+
background3: string;
|
|
19
|
+
background4: string;
|
|
20
|
+
background5: string;
|
|
21
|
+
};
|
|
22
|
+
export default darkScale;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
declare const lightScale: {
|
|
2
|
+
scale0: string;
|
|
3
|
+
scale1: string;
|
|
4
|
+
scale2: string;
|
|
5
|
+
scale3: string;
|
|
6
|
+
scale4: string;
|
|
7
|
+
scale5: string;
|
|
8
|
+
scale6: string;
|
|
9
|
+
scale7: string;
|
|
10
|
+
scale8: string;
|
|
11
|
+
scale9: string;
|
|
12
|
+
scale10: string;
|
|
13
|
+
accent: string;
|
|
14
|
+
accentShade: string;
|
|
15
|
+
background0: string;
|
|
16
|
+
background1: string;
|
|
17
|
+
background2: string;
|
|
18
|
+
background3: string;
|
|
19
|
+
background4: string;
|
|
20
|
+
background5: string;
|
|
21
|
+
};
|
|
22
|
+
export default lightScale;
|
package/build/index.d.ts
CHANGED
|
@@ -2541,6 +2541,8 @@ type TabItem = {
|
|
|
2541
2541
|
icon?: IconNames;
|
|
2542
2542
|
/** Positions the icon to the left or right of the tab text */
|
|
2543
2543
|
iconPosition?: 'left' | 'right';
|
|
2544
|
+
/** The color of the icon */
|
|
2545
|
+
iconColor?: string;
|
|
2544
2546
|
};
|
|
2545
2547
|
type Props$1<ItemType> = {
|
|
2546
2548
|
/** The tab items to be rendered */
|
|
@@ -2556,6 +2558,50 @@ type Props$1<ItemType> = {
|
|
|
2556
2558
|
} & Margin;
|
|
2557
2559
|
declare const Tabs: <ItemType extends TabItem>({ items, activeItem, itemWidth, itemGap, onChange, ...props }: Props$1<ItemType>) => react_jsx_runtime.JSX.Element;
|
|
2558
2560
|
|
|
2561
|
+
declare const darkScale: {
|
|
2562
|
+
scale0: string;
|
|
2563
|
+
scale1: string;
|
|
2564
|
+
scale2: string;
|
|
2565
|
+
scale3: string;
|
|
2566
|
+
scale4: string;
|
|
2567
|
+
scale5: string;
|
|
2568
|
+
scale6: string;
|
|
2569
|
+
scale7: string;
|
|
2570
|
+
scale8: string;
|
|
2571
|
+
scale9: string;
|
|
2572
|
+
scale10: string;
|
|
2573
|
+
accent: string;
|
|
2574
|
+
accentShade: string;
|
|
2575
|
+
background0: string;
|
|
2576
|
+
background1: string;
|
|
2577
|
+
background2: string;
|
|
2578
|
+
background3: string;
|
|
2579
|
+
background4: string;
|
|
2580
|
+
background5: string;
|
|
2581
|
+
};
|
|
2582
|
+
|
|
2583
|
+
declare const lightScale: {
|
|
2584
|
+
scale0: string;
|
|
2585
|
+
scale1: string;
|
|
2586
|
+
scale2: string;
|
|
2587
|
+
scale3: string;
|
|
2588
|
+
scale4: string;
|
|
2589
|
+
scale5: string;
|
|
2590
|
+
scale6: string;
|
|
2591
|
+
scale7: string;
|
|
2592
|
+
scale8: string;
|
|
2593
|
+
scale9: string;
|
|
2594
|
+
scale10: string;
|
|
2595
|
+
accent: string;
|
|
2596
|
+
accentShade: string;
|
|
2597
|
+
background0: string;
|
|
2598
|
+
background1: string;
|
|
2599
|
+
background2: string;
|
|
2600
|
+
background3: string;
|
|
2601
|
+
background4: string;
|
|
2602
|
+
background5: string;
|
|
2603
|
+
};
|
|
2604
|
+
|
|
2559
2605
|
declare const useEventListener: <T extends Event>(element: MutableRefObject<HTMLElement> | HTMLElement | Document | Window, type: keyof WindowEventMap, listener: (event: T) => void, condition?: boolean, dependencies?: unknown[]) => void;
|
|
2560
2606
|
|
|
2561
2607
|
declare const useOnClickOutside: <T extends HTMLElement>(onClickOutside: () => void, condition?: boolean, exclusions?: string[]) => MutableRefObject<T | null>;
|
|
@@ -2654,4 +2700,4 @@ declare const positionProps: ({ position, top, bottom, right, left }: Position)
|
|
|
2654
2700
|
left: string | number | undefined;
|
|
2655
2701
|
};
|
|
2656
2702
|
|
|
2657
|
-
export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, DropdownMenu, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, MinHeight, MinWidth, MinWidthHeight, Modal, MultiSelect, MultiSelectRef, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, TabItem, Table, Tabs, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelect, useSelectAll, useWindowSize, widthHeightProps };
|
|
2703
|
+
export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, DropdownMenu, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, MinHeight, MinWidth, MinWidthHeight, Modal, MultiSelect, MultiSelectRef, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, TabItem, Table, Tabs, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, colors, copyToClipboard, darkScale, formatDate, lightScale, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelect, useSelectAll, useWindowSize, widthHeightProps };
|