@wavv/ui 1.9.4 → 1.9.5
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/types/theme/colorsIndex.d.ts +3 -0
- package/build/colors.ts +150 -0
- package/build/esm/types/theme/colorsIndex.d.ts +3 -0
- package/build/types/assets/icons/ActivityHistory.d.ts +3 -0
- package/build/types/assets/icons/Add.d.ts +3 -0
- package/build/types/assets/icons/AddCircle.d.ts +3 -0
- package/build/types/assets/icons/AddCircleOutline.d.ts +3 -0
- package/build/types/assets/icons/AddPerson.d.ts +3 -0
- package/build/types/assets/icons/ArrowDown.d.ts +3 -0
- package/build/types/assets/icons/ArrowLeft.d.ts +3 -0
- package/build/types/assets/icons/ArrowRight.d.ts +3 -0
- package/build/types/assets/icons/ArrowUp.d.ts +3 -0
- package/build/types/assets/icons/Attachment.d.ts +3 -0
- package/build/types/assets/icons/Calendar.d.ts +3 -0
- package/build/types/assets/icons/Camera.d.ts +3 -0
- package/build/types/assets/icons/Card.d.ts +3 -0
- package/build/types/assets/icons/CaretDown.d.ts +3 -0
- package/build/types/assets/icons/CaretUp.d.ts +3 -0
- package/build/types/assets/icons/Check.d.ts +3 -0
- package/build/types/assets/icons/CheckBadge.d.ts +3 -0
- package/build/types/assets/icons/CheckCircle.d.ts +3 -0
- package/build/types/assets/icons/CheckCircleOutline.d.ts +3 -0
- package/build/types/assets/icons/Checkbox.d.ts +3 -0
- package/build/types/assets/icons/CheckboxOff.d.ts +3 -0
- package/build/types/assets/icons/CheckboxPartial.d.ts +3 -0
- package/build/types/assets/icons/ChevronDown.d.ts +3 -0
- package/build/types/assets/icons/ChevronLeft.d.ts +3 -0
- package/build/types/assets/icons/ChevronRight.d.ts +3 -0
- package/build/types/assets/icons/ChevronUp.d.ts +3 -0
- package/build/types/assets/icons/Clapperboard.d.ts +3 -0
- package/build/types/assets/icons/ClapperboardOpen.d.ts +3 -0
- package/build/types/assets/icons/Close.d.ts +3 -0
- package/build/types/assets/icons/CloseCircle.d.ts +3 -0
- package/build/types/assets/icons/CloseCircleOutline.d.ts +3 -0
- package/build/types/assets/icons/Copy.d.ts +3 -0
- package/build/types/assets/icons/Devices.d.ts +3 -0
- package/build/types/assets/icons/Dialpad.d.ts +3 -0
- package/build/types/assets/icons/DoubleArrowLeft.d.ts +3 -0
- package/build/types/assets/icons/DoubleArrowRight.d.ts +3 -0
- package/build/types/assets/icons/Download.d.ts +3 -0
- package/build/types/assets/icons/Drag.d.ts +3 -0
- package/build/types/assets/icons/Edit.d.ts +3 -0
- package/build/types/assets/icons/Emoji.d.ts +3 -0
- package/build/types/assets/icons/EyeOff.d.ts +3 -0
- package/build/types/assets/icons/EyeOn.d.ts +3 -0
- package/build/types/assets/icons/Facebook.d.ts +3 -0
- package/build/types/assets/icons/Filter.d.ts +3 -0
- package/build/types/assets/icons/Flask.d.ts +3 -0
- package/build/types/assets/icons/Group.d.ts +3 -0
- package/build/types/assets/icons/Heart.d.ts +3 -0
- package/build/types/assets/icons/HeartOutline.d.ts +3 -0
- package/build/types/assets/icons/Help.d.ts +3 -0
- package/build/types/assets/icons/Hourglass.d.ts +3 -0
- package/build/types/assets/icons/Info.d.ts +3 -0
- package/build/types/assets/icons/Instagram.d.ts +3 -0
- package/build/types/assets/icons/KebabMenu.d.ts +3 -0
- package/build/types/assets/icons/Link.d.ts +3 -0
- package/build/types/assets/icons/Linkedin.d.ts +3 -0
- package/build/types/assets/icons/Loading.d.ts +3 -0
- package/build/types/assets/icons/Logout.d.ts +3 -0
- package/build/types/assets/icons/Maximize.d.ts +3 -0
- package/build/types/assets/icons/Menu.d.ts +3 -0
- package/build/types/assets/icons/Merge.d.ts +3 -0
- package/build/types/assets/icons/MergeField.d.ts +3 -0
- package/build/types/assets/icons/Message.d.ts +3 -0
- package/build/types/assets/icons/Mic.d.ts +3 -0
- package/build/types/assets/icons/MicOff.d.ts +3 -0
- package/build/types/assets/icons/Minimize.d.ts +3 -0
- package/build/types/assets/icons/Mobile.d.ts +3 -0
- package/build/types/assets/icons/NotAllowed.d.ts +3 -0
- package/build/types/assets/icons/Open.d.ts +3 -0
- package/build/types/assets/icons/Pause.d.ts +3 -0
- package/build/types/assets/icons/PauseOutline.d.ts +3 -0
- package/build/types/assets/icons/Person.d.ts +3 -0
- package/build/types/assets/icons/Phone.d.ts +3 -0
- package/build/types/assets/icons/PhoneBlocked.d.ts +3 -0
- package/build/types/assets/icons/PhoneCallback.d.ts +3 -0
- package/build/types/assets/icons/PhoneEnd.d.ts +3 -0
- package/build/types/assets/icons/PhoneForward.d.ts +3 -0
- package/build/types/assets/icons/PhoneHistory.d.ts +3 -0
- package/build/types/assets/icons/PhoneHold.d.ts +3 -0
- package/build/types/assets/icons/PhoneTalk.d.ts +3 -0
- package/build/types/assets/icons/PhoneTransfer.d.ts +3 -0
- package/build/types/assets/icons/Play.d.ts +3 -0
- package/build/types/assets/icons/PlayOutline.d.ts +3 -0
- package/build/types/assets/icons/ProfileUser.d.ts +3 -0
- package/build/types/assets/icons/RadioButton.d.ts +3 -0
- package/build/types/assets/icons/RadioButtonOff.d.ts +3 -0
- package/build/types/assets/icons/Record.d.ts +3 -0
- package/build/types/assets/icons/Refresh.d.ts +3 -0
- package/build/types/assets/icons/Rocket.d.ts +3 -0
- package/build/types/assets/icons/Schedule.d.ts +3 -0
- package/build/types/assets/icons/ScheduleOutline.d.ts +3 -0
- package/build/types/assets/icons/Screenshot.d.ts +3 -0
- package/build/types/assets/icons/Search.d.ts +3 -0
- package/build/types/assets/icons/Settings.d.ts +3 -0
- package/build/types/assets/icons/Share.d.ts +3 -0
- package/build/types/assets/icons/ShieldCheck.d.ts +3 -0
- package/build/types/assets/icons/ShieldSlash.d.ts +3 -0
- package/build/types/assets/icons/Sort.d.ts +3 -0
- package/build/types/assets/icons/Spotify.d.ts +3 -0
- package/build/types/assets/icons/Star.d.ts +3 -0
- package/build/types/assets/icons/StarOutline.d.ts +3 -0
- package/build/types/assets/icons/Stop.d.ts +3 -0
- package/build/types/assets/icons/StopOutline.d.ts +3 -0
- package/build/types/assets/icons/Template.d.ts +3 -0
- package/build/types/assets/icons/ToggleOff.d.ts +3 -0
- package/build/types/assets/icons/ToggleOn.d.ts +3 -0
- package/build/types/assets/icons/Transfer.d.ts +3 -0
- package/build/types/assets/icons/TransferCancel.d.ts +3 -0
- package/build/types/assets/icons/Trash.d.ts +3 -0
- package/build/types/assets/icons/Twitter.d.ts +3 -0
- package/build/types/assets/icons/Upload.d.ts +3 -0
- package/build/types/assets/icons/Video.d.ts +3 -0
- package/build/types/assets/icons/Voicemail.d.ts +3 -0
- package/build/types/assets/icons/VolOn.d.ts +3 -0
- package/build/types/assets/icons/Warning.d.ts +3 -0
- package/build/types/assets/icons/WarningCircleOutline.d.ts +3 -0
- package/build/types/assets/icons/Youtube.d.ts +3 -0
- package/build/types/components/Accordion.d.ts +45 -0
- package/build/types/components/Audio.d.ts +29 -0
- package/build/types/components/BarChart.d.ts +25 -0
- package/build/types/components/Button/Button.d.ts +17 -0
- package/build/types/components/Button/ButtonLoader.d.ts +4 -0
- package/build/types/components/Button/ButtonTypes.d.ts +150 -0
- package/build/types/components/Button/Group.d.ts +18 -0
- package/build/types/components/Button/index.d.ts +2 -0
- package/build/types/components/Calendar.d.ts +14 -0
- package/build/types/components/ChartHelpers.d.ts +36 -0
- package/build/types/components/Checkbox.d.ts +20 -0
- package/build/types/components/Code/Code.d.ts +26 -0
- package/build/types/components/Code/Copy.d.ts +4 -0
- package/build/types/components/Code/Endpoint.d.ts +5 -0
- package/build/types/components/Code/index.d.ts +2 -0
- package/build/types/components/DocTable.d.ts +7 -0
- package/build/types/components/DraftEditor.d.ts +56 -0
- package/build/types/components/Dropdown/Dropdown.d.ts +85 -0
- package/build/types/components/Dropdown/DropdownUtils.d.ts +56 -0
- package/build/types/components/Dropdown/index.d.ts +4 -0
- package/build/types/components/DropdownMenu.d.ts +78 -0
- package/build/types/components/Form.d.ts +174 -0
- package/build/types/components/FormControl.d.ts +18 -0
- package/build/types/components/Grid.d.ts +55 -0
- package/build/types/components/Icon/Icon.d.ts +38 -0
- package/build/types/components/Icon/icons.d.ts +222 -0
- package/build/types/components/Icon/index.d.ts +2 -0
- package/build/types/components/ImageViewer.d.ts +20 -0
- package/build/types/components/InlineCode.d.ts +7 -0
- package/build/types/components/Input.d.ts +192 -0
- package/build/types/components/InputHelpers.d.ts +90 -0
- package/build/types/components/Label.d.ts +16 -0
- package/build/types/components/LineChart.d.ts +3 -0
- package/build/types/components/Menu.d.ts +53 -0
- package/build/types/components/Message.d.ts +25 -0
- package/build/types/components/MessageHr.d.ts +11 -0
- package/build/types/components/Modal.d.ts +66 -0
- package/build/types/components/MultiSelect.d.ts +46 -0
- package/build/types/components/Notification.d.ts +14 -0
- package/build/types/components/Options.d.ts +45 -0
- package/build/types/components/Pagination.d.ts +13 -0
- package/build/types/components/PieChart.d.ts +18 -0
- package/build/types/components/Progress/CirclePercent.d.ts +10 -0
- package/build/types/components/Progress/Progress.d.ts +23 -0
- package/build/types/components/Progress/index.d.ts +2 -0
- package/build/types/components/Radio.d.ts +16 -0
- package/build/types/components/Slider.d.ts +15 -0
- package/build/types/components/Spacer.d.ts +6 -0
- package/build/types/components/Spinner.d.ts +16 -0
- package/build/types/components/Table/Body.d.ts +8 -0
- package/build/types/components/Table/Column.d.ts +10 -0
- package/build/types/components/Table/Content.d.ts +19 -0
- package/build/types/components/Table/Header.d.ts +7 -0
- package/build/types/components/Table/HeaderCell.d.ts +14 -0
- package/build/types/components/Table/Row.d.ts +3 -0
- package/build/types/components/Table/Table.d.ts +28 -0
- package/build/types/components/Table/context.d.ts +4 -0
- package/build/types/components/Table/index.d.ts +2 -0
- package/build/types/components/Table/types.d.ts +43 -0
- package/build/types/components/Table/utils.d.ts +4 -0
- package/build/types/components/Tabs.d.ts +31 -0
- package/build/types/components/Toggle.d.ts +18 -0
- package/build/types/components/Tooltip.d.ts +50 -0
- package/build/types/components/TransferList.d.ts +47 -0
- package/build/types/components/draftUtils.d.ts +49 -0
- package/build/types/components/helpers/getIcon.d.ts +8 -0
- package/build/types/components/helpers/getPopPosition.d.ts +6 -0
- package/build/types/components/helpers/isPropAllowed.d.ts +2 -0
- package/build/types/components/helpers/styledProps.d.ts +26 -0
- package/build/types/components/types.d.ts +80 -0
- package/build/types/global-styles/ResetStyles.d.ts +9 -0
- package/build/types/global-styles/ScrollbarStyles.d.ts +2 -0
- package/build/types/global-styles/ToastStyles.d.ts +2 -0
- package/build/types/global-styles/index.d.ts +3 -0
- package/build/types/hooks/index.d.ts +7 -0
- package/build/types/hooks/useConfirm.d.ts +13 -0
- package/build/types/hooks/useElementObserver.d.ts +8 -0
- package/build/types/hooks/useEventListener.d.ts +3 -0
- package/build/types/hooks/useOnClickOutside.d.ts +3 -0
- package/build/types/hooks/usePrevious.d.ts +2 -0
- package/build/types/hooks/useSelect.d.ts +20 -0
- package/build/types/hooks/useSelectAll.d.ts +12 -0
- package/build/types/hooks/useWindowSize.d.ts +5 -0
- package/build/types/index.d.ts +64 -0
- package/build/types/theme/ThemeTypes.d.ts +294 -0
- package/build/types/theme/colors.d.ts +201 -0
- package/build/types/theme/colorsIndex.d.ts +3 -0
- package/build/types/theme/common/button.d.ts +24 -0
- package/build/types/theme/common/common.d.ts +103 -0
- package/build/types/theme/common/index.d.ts +3 -0
- package/build/types/theme/dark.d.ts +3 -0
- package/build/types/theme/darkScale.d.ts +22 -0
- package/build/types/theme/index.d.ts +10 -0
- package/build/types/theme/light.d.ts +3 -0
- package/build/types/theme/lightScale.d.ts +22 -0
- package/build/types/utils/chunk.d.ts +2 -0
- package/build/types/utils/copyToClipboard.d.ts +2 -0
- package/build/types/utils/formatDate.d.ts +7 -0
- package/build/types/utils/index.d.ts +5 -0
- package/build/types/utils/numberWithCommas.d.ts +2 -0
- package/build/types/utils/range.d.ts +1 -0
- package/package.json +1 -1
package/build/colors.ts
ADDED
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var polished = require('polished');
|
|
4
|
+
|
|
5
|
+
const brand = '#0074F4';
|
|
6
|
+
const error = '#FF6068';
|
|
7
|
+
const warning = '#FF9900';
|
|
8
|
+
const alert = '#F0BB00';
|
|
9
|
+
const success = '#00C242';
|
|
10
|
+
const grayVal = '#001D32';
|
|
11
|
+
const white$1 = '#FFFFFF';
|
|
12
|
+
const colors = {
|
|
13
|
+
logo1: '#0074F4',
|
|
14
|
+
logo2: '#00A9E2',
|
|
15
|
+
logo3: '#67C728',
|
|
16
|
+
brand,
|
|
17
|
+
brandShade1: '#0068DC',
|
|
18
|
+
brandShade2: '#005DC3',
|
|
19
|
+
brandDark: '#4C9EF7',
|
|
20
|
+
brandDarkShade1: '#5EA8F8',
|
|
21
|
+
brandTint0: polished.transparentize(0.95, brand),
|
|
22
|
+
brandTint1: polished.transparentize(0.9, brand),
|
|
23
|
+
brandTint2: polished.transparentize(0.8, brand),
|
|
24
|
+
brandTint3: polished.transparentize(0.7, brand),
|
|
25
|
+
brandTint4: polished.transparentize(0.6, brand),
|
|
26
|
+
brandBackground0: '#001828',
|
|
27
|
+
brandBackground1: '#0D2433',
|
|
28
|
+
brandBackground2: '#192F3D',
|
|
29
|
+
brandBackground3: '#334653',
|
|
30
|
+
brandBackground4: '#475964',
|
|
31
|
+
brandBackground5: '#596A74',
|
|
32
|
+
error,
|
|
33
|
+
errorShade1: '#E6565E',
|
|
34
|
+
errorShade2: '#CC4D53',
|
|
35
|
+
errorTint0: polished.transparentize(0.95, error),
|
|
36
|
+
errorTint1: polished.transparentize(0.9, error),
|
|
37
|
+
errorTint2: polished.transparentize(0.8, error),
|
|
38
|
+
warning,
|
|
39
|
+
warningShade1: '#E68A00',
|
|
40
|
+
warningShade2: '#CC7A00',
|
|
41
|
+
warningTint0: polished.transparentize(0.95, warning),
|
|
42
|
+
warningTint1: polished.transparentize(0.9, warning),
|
|
43
|
+
warningTint2: polished.transparentize(0.8, warning),
|
|
44
|
+
alert,
|
|
45
|
+
alertShade1: '#E4B200',
|
|
46
|
+
alertShade2: '#C09600',
|
|
47
|
+
alertTint0: polished.transparentize(0.95, alert),
|
|
48
|
+
alertTint1: polished.transparentize(0.9, alert),
|
|
49
|
+
alertTint2: polished.transparentize(0.8, alert),
|
|
50
|
+
success,
|
|
51
|
+
successShade1: '#00AF3B',
|
|
52
|
+
successShade2: '#009B35',
|
|
53
|
+
successTint0: polished.transparentize(0.95, success),
|
|
54
|
+
successTint1: polished.transparentize(0.9, success),
|
|
55
|
+
successTint2: polished.transparentize(0.8, success),
|
|
56
|
+
grayscale0: polished.transparentize(0.95, grayVal),
|
|
57
|
+
grayscale1: polished.transparentize(0.9, grayVal),
|
|
58
|
+
grayscale2: polished.transparentize(0.8, grayVal),
|
|
59
|
+
grayscale3: polished.transparentize(0.7, grayVal),
|
|
60
|
+
grayscale4: polished.transparentize(0.6, grayVal),
|
|
61
|
+
grayscale5: polished.transparentize(0.5, grayVal),
|
|
62
|
+
grayscale6: polished.transparentize(0.4, grayVal),
|
|
63
|
+
grayscale7: polished.transparentize(0.3, grayVal),
|
|
64
|
+
grayscale8: polished.transparentize(0.2, grayVal),
|
|
65
|
+
grayscale9: polished.transparentize(0.1, grayVal),
|
|
66
|
+
grayscale10: grayVal,
|
|
67
|
+
contrast0: polished.transparentize(0.95, white$1),
|
|
68
|
+
contrast1: polished.transparentize(0.9, white$1),
|
|
69
|
+
contrast2: polished.transparentize(0.8, white$1),
|
|
70
|
+
contrast3: polished.transparentize(0.7, white$1),
|
|
71
|
+
contrast4: polished.transparentize(0.6, white$1),
|
|
72
|
+
contrast5: polished.transparentize(0.5, white$1),
|
|
73
|
+
contrast6: polished.transparentize(0.4, white$1),
|
|
74
|
+
contrast7: polished.transparentize(0.3, white$1),
|
|
75
|
+
contrast8: polished.transparentize(0.2, white$1),
|
|
76
|
+
contrast9: polished.transparentize(0.1, white$1),
|
|
77
|
+
contrast10: white$1,
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
const white = '#FFFFFF';
|
|
81
|
+
const scale0$1 = colors.grayscale0;
|
|
82
|
+
const scale1$1 = colors.grayscale1;
|
|
83
|
+
const scale2$1 = colors.grayscale2;
|
|
84
|
+
const scale3$1 = colors.grayscale3;
|
|
85
|
+
const scale4$1 = colors.grayscale4;
|
|
86
|
+
const scale5$1 = colors.grayscale5;
|
|
87
|
+
const scale6$1 = colors.grayscale6;
|
|
88
|
+
const scale7$1 = colors.grayscale7;
|
|
89
|
+
const scale8$1 = colors.grayscale8;
|
|
90
|
+
const scale9$1 = colors.grayscale9;
|
|
91
|
+
const scale10$1 = colors.grayscale10;
|
|
92
|
+
const lightScale = {
|
|
93
|
+
scale0: scale0$1,
|
|
94
|
+
scale1: scale1$1,
|
|
95
|
+
scale2: scale2$1,
|
|
96
|
+
scale3: scale3$1,
|
|
97
|
+
scale4: scale4$1,
|
|
98
|
+
scale5: scale5$1,
|
|
99
|
+
scale6: scale6$1,
|
|
100
|
+
scale7: scale7$1,
|
|
101
|
+
scale8: scale8$1,
|
|
102
|
+
scale9: scale9$1,
|
|
103
|
+
scale10: scale10$1,
|
|
104
|
+
accent: colors.brand,
|
|
105
|
+
accentShade: colors.brandShade1,
|
|
106
|
+
background0: white,
|
|
107
|
+
background1: white,
|
|
108
|
+
background2: white,
|
|
109
|
+
background3: white,
|
|
110
|
+
background4: white,
|
|
111
|
+
background5: white,
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
const scale0 = colors.contrast0;
|
|
115
|
+
const scale1 = colors.contrast1;
|
|
116
|
+
const scale2 = colors.contrast2;
|
|
117
|
+
const scale3 = colors.contrast3;
|
|
118
|
+
const scale4 = colors.contrast4;
|
|
119
|
+
const scale5 = colors.contrast5;
|
|
120
|
+
const scale6 = colors.contrast6;
|
|
121
|
+
const scale7 = colors.contrast7;
|
|
122
|
+
const scale8 = colors.contrast8;
|
|
123
|
+
const scale9 = colors.contrast9;
|
|
124
|
+
const scale10 = colors.contrast10;
|
|
125
|
+
const accent = colors.brandDark;
|
|
126
|
+
const darkScale = {
|
|
127
|
+
scale0,
|
|
128
|
+
scale1,
|
|
129
|
+
scale2,
|
|
130
|
+
scale3,
|
|
131
|
+
scale4,
|
|
132
|
+
scale5,
|
|
133
|
+
scale6,
|
|
134
|
+
scale7,
|
|
135
|
+
scale8,
|
|
136
|
+
scale9,
|
|
137
|
+
scale10,
|
|
138
|
+
accent,
|
|
139
|
+
accentShade: colors.brandDarkShade1,
|
|
140
|
+
background0: colors.brandBackground0,
|
|
141
|
+
background1: colors.brandBackground1,
|
|
142
|
+
background2: colors.brandBackground2,
|
|
143
|
+
background3: colors.brandBackground3,
|
|
144
|
+
background4: colors.brandBackground4,
|
|
145
|
+
background5: colors.brandBackground5,
|
|
146
|
+
};
|
|
147
|
+
|
|
148
|
+
exports.colors = colors;
|
|
149
|
+
exports.darkScale = darkScale;
|
|
150
|
+
exports.lightScale = lightScale;
|