@codeandfunction/callaloo 1.18.9 → 2.0.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.
Files changed (59) hide show
  1. package/README.md +2 -0
  2. package/package.json +53 -43
  3. package/dist/assets/index.css +0 -1
  4. package/dist/components/Assets/CLIcon.vue.d.ts +0 -13
  5. package/dist/components/Buttons/CLA11yButton.vue.d.ts +0 -37
  6. package/dist/components/Buttons/CLButton.vue.d.ts +0 -247
  7. package/dist/components/Buttons/utils.d.ts +0 -7
  8. package/dist/components/Containers/CLCard.vue.d.ts +0 -40
  9. package/dist/components/Containers/CLDisclosure.vue.d.ts +0 -75
  10. package/dist/components/Containers/Carousel/CLCarousel.vue.d.ts +0 -57
  11. package/dist/components/Containers/Carousel/CLCarouselNavigation.vue.d.ts +0 -21
  12. package/dist/components/Containers/Carousel/CLCarouselSlide.vue.d.ts +0 -17
  13. package/dist/components/Containers/utils.d.ts +0 -7
  14. package/dist/components/Form/CLCheckbox.vue.d.ts +0 -52
  15. package/dist/components/Form/CLFormField.vue.d.ts +0 -23
  16. package/dist/components/Form/CLInput.vue.d.ts +0 -85
  17. package/dist/components/Form/CLInputMessages.vue.d.ts +0 -10
  18. package/dist/components/Form/CLRadioButton.vue.d.ts +0 -52
  19. package/dist/components/Form/CLSelect.vue.d.ts +0 -58
  20. package/dist/components/Form/CLTextArea.vue.d.ts +0 -77
  21. package/dist/components/Form/utils.d.ts +0 -12
  22. package/dist/components/Indicators/CLBadge.vue.d.ts +0 -21
  23. package/dist/components/Indicators/CLBanner.vue.d.ts +0 -12
  24. package/dist/components/Indicators/CLPill.vue.d.ts +0 -26
  25. package/dist/components/Indicators/utils.d.ts +0 -8
  26. package/dist/components/Loading/CLSkeleton.vue.d.ts +0 -20
  27. package/dist/components/Loading/CLSpinner.vue.d.ts +0 -21
  28. package/dist/components/Loading/utils.d.ts +0 -6
  29. package/dist/components/Modals/CLModal.vue.d.ts +0 -44
  30. package/dist/components/Modals/utils.d.ts +0 -1
  31. package/dist/components/Navigation/CLLink.vue.d.ts +0 -45
  32. package/dist/components/Navigation/CLNavLink.vue.d.ts +0 -43
  33. package/dist/components/Navigation/CLNavSection.vue.d.ts +0 -17
  34. package/dist/components/Navigation/utils.d.ts +0 -7
  35. package/dist/components/Popups/CLDropdownMenu.vue.d.ts +0 -291
  36. package/dist/components/Popups/CLToast.vue.d.ts +0 -10
  37. package/dist/components/Popups/utils.d.ts +0 -4
  38. package/dist/components/Table/CLTable.vue.d.ts +0 -46
  39. package/dist/components/Table/CLTableBody.vue.d.ts +0 -17
  40. package/dist/components/Table/CLTableCell.vue.d.ts +0 -41
  41. package/dist/components/Table/CLTableFooter.vue.d.ts +0 -17
  42. package/dist/components/Table/CLTableHeader.vue.d.ts +0 -17
  43. package/dist/components/Table/CLTableNestedCell.vue.d.ts +0 -20
  44. package/dist/components/Table/CLTableRow.vue.d.ts +0 -22
  45. package/dist/components/Table/utils.d.ts +0 -1
  46. package/dist/components/Theme/CLThemeProvider.vue.d.ts +0 -22
  47. package/dist/components/Theme/base-theme.d.ts +0 -188
  48. package/dist/components/Theme/utils.d.ts +0 -21
  49. package/dist/components/Typography/CLHeading.vue.d.ts +0 -64
  50. package/dist/components/Typography/CLText.vue.d.ts +0 -87
  51. package/dist/components/Typography/utils.d.ts +0 -7
  52. package/dist/composables/useDropdown.d.ts +0 -14
  53. package/dist/composables/useEsc.d.ts +0 -9
  54. package/dist/constants.d.ts +0 -22
  55. package/dist/index.d.ts +0 -37
  56. package/dist/index.js +0 -8248
  57. package/dist/index.js.map +0 -1
  58. package/dist/types.d.ts +0 -565
  59. package/dist/utils/helper.d.ts +0 -16
package/dist/types.d.ts DELETED
@@ -1,565 +0,0 @@
1
- export declare enum Align {
2
- Left = "left",
3
- Center = "center",
4
- Right = "right"
5
- }
6
- export interface BannerProps {
7
- /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
8
- align?: Align;
9
- /** Sets the aria-label on the banner if the `onClick` property has been set. It should be used when the `onClick` property has been set. */
10
- ariaLabel?: string;
11
- /** A boolean value when set to `true`, adds a border to the banner. */
12
- bordered?: boolean;
13
- /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
14
- borderRadius?: BorderRadius;
15
- /** A `boolean` value which dictates the busy state of the Banner. When set to `true`, it utilizes the `<CLSkeleton />` component. */
16
- busy?: boolean;
17
- /** Sets the height of the Banner, it's default value is `auto`. */
18
- height?: string;
19
- /** The text to be displayed as the message. */
20
- message?: string;
21
- /** A callback function to handle click events. It should be used when in conjunction with the `ariaLabel` property. */
22
- onClick?: GenericFunction;
23
- /** A callback function to handle when the banner is dismissed. */
24
- onDismiss?: GenericFunction;
25
- /** When set to `false` it will not render a Banner with rounded corners. */
26
- rounded?: boolean;
27
- /** Sets a custom ID used for unit tests. */
28
- testId?: string;
29
- /** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
30
- theme?: BannerThemes;
31
- /** Set the text of the title which should be displayed. */
32
- title?: string;
33
- /** Sets the width of the Banner, it's default value is `100%`. */
34
- width?: string;
35
- }
36
- export type BadgeThemes = Exclude<Themes, Themes.Transparent>;
37
- export type BannerThemes = Exclude<Themes, Themes.Transparent>;
38
- export type BlockTextHtmlTags = 'blockquote' | 'dd' | 'div' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'hr' | 'li' | 'menu' | 'ol' | 'p' | 'pre' | 'ul';
39
- export declare enum BorderRadius {
40
- Full = "rounded-full",
41
- Large = "rounded-lg",
42
- Medium = "rounded-md",
43
- None = "rounded-none",
44
- Small = "rounded-sm",
45
- XLarge = "rounded-xl",
46
- XXLarge = "rounded-2xl",
47
- XXXLarge = "rounded-3xl",
48
- XSmall = "rounded-xs"
49
- }
50
- export declare enum ButtonTypes {
51
- Button = "button",
52
- Submit = "submit"
53
- }
54
- export declare enum CardTypes {
55
- Tiny = "tiny",
56
- Compact = "compact",
57
- Small = "small",
58
- Medium = "medium",
59
- Large = "large",
60
- XLarge = "xlarge"
61
- }
62
- export interface CardProps {
63
- /** When set to `true`, it elelvates the card to indicate it's active state. */
64
- active?: boolean;
65
- /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
66
- align?: Align;
67
- /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
68
- borderRadius?: BorderRadius;
69
- /** A boolean value when set to `true`, adds a border to the card. */
70
- bordered?: boolean;
71
- /** A `boolean` value which dictates the busy state of the card. When set to `true`, it utilizes the `<CLSkeleton />` component. */
72
- busy?: boolean;
73
- /** Appears below the title. Can be used to provide meta data, e.g. the time and date. */
74
- byline?: string;
75
- /** The `elevated` property displays a shadow to indicate elevation. */
76
- elevated?: boolean;
77
- /** A callback function which provides a reference to the button. */
78
- forwardRef?: (elem: HTMLDivElement) => void;
79
- /** Sets the height of the Card, it's default value is `auto`. */
80
- height?: string;
81
- /** Provide a URL for the entire Card to behave as a link. */
82
- href?: string;
83
- /** Provide a URL/relative path to an image to be displayed. */
84
- image?: string;
85
- /** Set the alt text for an image, when the image prop has been set. */
86
- imageAltText?: string;
87
- /** Set the position of the image. If the row prop is not set, the image can be set to appear to the left or right of the slot content. */
88
- imageOrder?: Order;
89
- /** Sets the height of the image, it's default value is `auto`. */
90
- imageHeight?: string;
91
- /** Sets the width of the image, it's default value is `auto`. */
92
- imageWidth?: string;
93
- /** A callback function to handle click events. */
94
- onClick?: GenericFunction;
95
- /** When set to `false`, it will remove any horizontal and vertical padding of the slot content. */
96
- padded?: boolean;
97
- /** When set to `false` it will not render a Card with rounded corners. */
98
- rounded?: boolean;
99
- /** Sets where to display the linked URL. */
100
- target?: LinkTarget;
101
- /** Sets a custom ID used for unit tests. */
102
- testId?: string;
103
- /** Set the text of the title which should be displayed. */
104
- title?: string;
105
- /** Set the title type. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
106
- titleType?: HeadingTypes;
107
- /** Set the title heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
108
- titleHLevel?: HeadingLevels;
109
- /** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
110
- theme?: Themes;
111
- /** Sets the Card type. The property can be one of `CLCardTypes`, e.g. `CLCardTypes.Medium`. */
112
- type?: CardTypes;
113
- /** Sets the width of the Card, it's default value is `auto`. */
114
- width?: string;
115
- }
116
- export type CheckboxThemes = Exclude<Themes, Themes.Transparent | Themes.Outline | Themes.OutlineDanger | Themes.OutlineInfo | Themes.OutlinePrimary | Themes.OutlineSecondary | Themes.OutlineSuccess | Themes.OutlineWarning>;
117
- export declare enum DarkMode {
118
- On = "dark",
119
- Off = "light",
120
- System = "system"
121
- }
122
- export type GenericFunction = (event?: Event) => void;
123
- export type GenericFocusFunction = (event: FocusEvent) => void;
124
- export type HeadingThemes = Extract<Themes, Themes.Light | Themes.Dark>;
125
- export declare enum HeadingLevels {
126
- H1 = "h1",
127
- H2 = "h2",
128
- H3 = "h3",
129
- H4 = "h4",
130
- H5 = "h5",
131
- H6 = "h6"
132
- }
133
- export declare enum HeadingTypes {
134
- Title = "title",
135
- PageTitle = "pagetitle",
136
- Section = "section",
137
- SubSection = "subsection",
138
- Small = "small",
139
- Medium = "medium",
140
- Large = "large",
141
- XLarge = "xlarge"
142
- }
143
- export declare enum IconSizes {
144
- Tiny = "tiny",
145
- Small = "small",
146
- Medium = "medium",
147
- Large = "large",
148
- XLarge = "xlarge",
149
- XXLarge = "xxlarge",
150
- XXXLarge = "xxxlarge",
151
- XXXXLarge = "xxxxlarge"
152
- }
153
- export declare enum IconNames {
154
- Activity = "tabler:activity",
155
- Ai = "tabler:ai",
156
- Alarm = "tabler:alarm",
157
- AlertSquare = "tabler:alert-square",
158
- AlignBoxLeftTop = "tabler:align-box-left-top",
159
- AlignBoxLeftMiddle = "tabler:align-box-left-middle",
160
- AlignBoxLeftBottom = "tabler:align-box-left-bottom",
161
- AlignBoxCenterTop = "tabler:align-box-center-top",
162
- AlignBoxCenterMiddle = "tabler:align-box-center-middle",
163
- AlignBoxCenterBottom = "tabler:align-box-center-bottom",
164
- AlignBoxRightTop = "tabler:align-box-right-top",
165
- AlignBoxRightMiddle = "tabler:align-box-right-middle",
166
- AlignBoxRightBottom = "tabler:align-box-right-bottom",
167
- Apps = "tabler:apps",
168
- Archive = "tabler:archive",
169
- ArrowBackUp = "tabler:arrow-back-up",
170
- ArrowForwardUp = "tabler:arrow-forward-up",
171
- ArrowsMove = "tabler:arrows-move",
172
- ArrowBigUpLine = "tabler:arrow-big-up-line",
173
- ArrowBigDownLine = "tabler:arrow-big-down-line",
174
- ArrowBack = "tabler:arrow-back",
175
- ArrowDown = "tabler:arrow-down",
176
- ArrowForward = "tabler:arrow-forward",
177
- ArrowLeft = "tabler:arrow-left",
178
- ArrowRight = "tabler:arrow-right",
179
- ArrowUp = "tabler:arrow-up",
180
- ArrowNarrowDown = "tabler:arrow-narrow-down",
181
- ArrowNarrowLeft = "tabler:arrow-narrow-left",
182
- ArrowNarrowRight = "tabler:arrow-narrow-right",
183
- ArrowNarrowUp = "tabler:arrow-narrow-up",
184
- ArrowsMaximize = "tabler:arrows-maximize",
185
- ArrowsMinimize = "tabler:arrows-minimize",
186
- AtSign = "tabler:at",
187
- Auth2fa = "tabler:auth-2fa",
188
- Backspace = "tabler:backspace",
189
- Book = "tabler:book",
190
- BorderCorners = "tabler:border-corners",
191
- BoxMargin = "tabler:box-margin",
192
- Brush = "tabler:brush",
193
- BrandApple = "tabler:brand-apple",
194
- BrandAws = "tabler:brand-aws",
195
- BrandCloudflare = "tabler:brand-cloudflare",
196
- BrandFacebook = "tabler:brand-facebook-filled",
197
- BrandGitlab = "tabler:brand-gitlab",
198
- BrandGithub = "tabler:brand-github",
199
- BrandGoogle = "tabler:brand-google-filled",
200
- BrandInstagram = "tabler:brand-instagram",
201
- BrandLinkedIn = "tabler:brand-linkedin",
202
- BrandMastercard = "tabler:brand-mastercard",
203
- BrandNpm = "tabler:brand-npm",
204
- BrandNuxt = "tabler:brand-nuxt",
205
- BrandReact = "tabler:brand-react",
206
- BrandReactNative = "tabler:brand-react-native",
207
- BrandSpotify = "tabler:brand-spotify",
208
- BrandTidal = "tabler:brand-tidal",
209
- BrandTikTok = "tabler:brand-tiktok",
210
- BrandTwitter = "tabler:brand-twitter-filled",
211
- BrandVercel = "tabler:brand-vercel",
212
- BrandVisa = "tabler:brand-visa",
213
- BrandVue = "tabler:brand-vue",
214
- BrandWhatsApp = "tabler:brand-whatsapp",
215
- BrandX = "tabler:brand-x",
216
- BrandYouTube = "tabler:brand-youtube-filled",
217
- Broadcast = "tabler:broadcast",
218
- Calendar = "tabler:calendar",
219
- CaretDown = "tabler:caret-down",
220
- CaretLeft = "tabler:caret-left",
221
- CaretRight = "tabler:caret-right",
222
- CaretUp = "tabler:caret-up",
223
- CarouselHorizontal = "tabler:carousel-horizontal",
224
- Check = "tabler:check",
225
- ChevronLeft = "tabler:chevron-left",
226
- ChevronRight = "tabler:chevron-right",
227
- ChevronUp = "tabler:chevron-up",
228
- ChevronDown = "tabler:chevron-down",
229
- CircleCheck = "tabler:circle-check",
230
- CircleNumber0 = "tabler:circle-number-0",
231
- CircleNumber1 = "tabler:circle-number-1",
232
- CircleNumber2 = "tabler:circle-number-2",
233
- CircleNumber3 = "tabler:circle-number-3",
234
- CircleNumber4 = "tabler:circle-number-4",
235
- CircleNumber5 = "tabler:circle-number-5",
236
- CircleNumber6 = "tabler:circle-number-6",
237
- CircleNumber7 = "tabler:circle-number-7",
238
- CircleNumber8 = "tabler:circle-number-8",
239
- CircleNumber9 = "tabler:circle-number-9",
240
- Click = "tabler:click",
241
- ClipboardCopy = "tabler:clipboard-copy",
242
- ClipboardText = "tabler:clipboard-text",
243
- Clock = "tabler:clock",
244
- Clock2 = "tabler:clock-2",
245
- Code = "tabler:code",
246
- Columns1 = "tabler:columns-1",
247
- Columns2 = "tabler:columns-2",
248
- Columns3 = "tabler:columns-3",
249
- Command = "tabler:command",
250
- Components = "tabler:components",
251
- Contrast = "tabler:contrast",
252
- Copy = "tabler:copy",
253
- CreditCard = "tabler:credit-card",
254
- Dasboard = "tabler:dashboard",
255
- Database = "tabler:database",
256
- Delete = "tabler:x",
257
- Devices = "tabler:devices",
258
- DeviceDesktop = "tabler:device-desktop",
259
- DeviceGamepad = "tabler:device-gamepad",
260
- DeviceMobile = "tabler:device-mobile",
261
- DeviceTablet = "tabler:device-tablet",
262
- DeviceTv = "tabler:device-tv",
263
- Dialpad = "tabler:dialpad",
264
- Download = "tabler:download",
265
- EditItem = "tabler:edit-circle",
266
- EditPencil = "tabler:edit",
267
- Email = "tabler:mail",
268
- ExternalLink = "tabler:external-link",
269
- Eye = "tabler:eye",
270
- EyeOff = "tabler:eye-off",
271
- FaceId = "tabler:face-id",
272
- FileText = "tabler:file-text",
273
- FileTypeCss = "tabler:file-type-css",
274
- FileTypeCsv = "tabler:file-type-csv",
275
- FileTypeHtml = "tabler:file-type-html",
276
- FileTypePng = "tabler:file-type-png",
277
- FileTypeJpg = "tabler:file-type-jpg",
278
- FileTypeJs = "tabler:file-type-js",
279
- FileTypeJsx = "tabler:file-type-jsx",
280
- FileTypeSvg = "tabler:file-type-svg",
281
- FileTypeTs = "tabler:file-type-ts",
282
- FileTypeVue = "tabler:file-type-vue",
283
- Folder = "tabler:folder",
284
- Forms = "tabler:forms",
285
- Frame = "tabler:frame",
286
- Hanger = "tabler:hanger",
287
- Heading = "tabler:heading",
288
- Help = "tabler:help",
289
- HelpCircle = "tabler:help-circle",
290
- HelpSmall = "tabler:help-small",
291
- Html = "tabler:html",
292
- Image = "tabler:photo",
293
- InfoCircle = "tabler:info-circle",
294
- InfoSmall = "tabler:info-small",
295
- GripHorizontal = "tabler:grip-horizontal",
296
- GripVertical = "tabler:grip-vertical",
297
- Keyboard = "tabler:keyboard",
298
- Label = "tabler:label",
299
- Layers = "tabler:layers-subtract",
300
- Layout = "tabler:layout",
301
- LayoutBottomBar = "tabler:layout-bottombar",
302
- LayoutDashboard = "tabler:layout-dashboard",
303
- LayoutGrid = "tabler:layout-grid",
304
- LayoutNavbar = "tabler:layout-navbar",
305
- LayoutSidebar = "tabler:layout-sidebar",
306
- LayoutSidebarRight = "tabler:layout-sidebar-right",
307
- Link = "tabler:link",
308
- List = "tabler:list",
309
- ListNumbers = "tabler:list-numbers",
310
- ListTree = "tabler:list-tree",
311
- LogIn = "tabler:login",
312
- LogOut = "tabler:logout",
313
- Palette = "tabler:palette",
314
- Paint = "tabler:paint",
315
- PhotoScan = "tabler:photo-scan",
316
- Marquee = "tabler:marquee",
317
- MarqueeOff = "tabler:marquee-off",
318
- Mail = "tabler:mail",
319
- Maximize = "tabler:maximize",
320
- Menu = "tabler:menu-2",
321
- Message = "tabler:message",
322
- MessageDots = "tabler:message-dots",
323
- MoodDollar = "tabler:mood-dollar",
324
- MoodHeart = "tabler:mood-heart",
325
- MoodKid = "tabler:mood-kid",
326
- MoodNerd = "tabler:mood-nerd",
327
- MoodNeutral = "tabler:mood-neutral",
328
- MoodPuzzled = "tabler:mood-puzzled",
329
- MoodSadSquint = "tabler:mood-sad-squint",
330
- MoodSmile = "tabler:mood-smile",
331
- MoodTongue = "tabler:mood-tongue",
332
- MoodTongueWink = "tabler:mood-tongue-wink",
333
- MoodTongueWink2 = "tabler:mood-tongue-wink-2",
334
- MoodWink2 = "tabler:mood-wink-2",
335
- MoodWrrr = "tabler:mood-wrrr",
336
- Moon = "tabler:moon",
337
- Mouse = "tabler:mouse",
338
- MoreHorizontal = "tabler:dots",
339
- MoreVertical = "tabler:dots-vertical",
340
- Movie = "tabler:movie",
341
- Music = "tabler:music",
342
- NewSection = "tabler:new-section",
343
- PlusCircle = "tabler:circle-plus",
344
- Plus = "tabler:plus",
345
- Rectangle = "tabler:rectangle",
346
- Refresh = "tabler:refresh",
347
- Restore = "tabler:restore",
348
- Rss = "tabler:rss",
349
- Scoreboard = "tabler:scoreboard",
350
- ShoppingCart = "tabler:shopping-cart",
351
- Search = "tabler:search",
352
- Section = "tabler:section",
353
- Select = "tabler:select",
354
- Settings = "tabler:settings",
355
- Share = "tabler:share",
356
- Share2 = "tabler:share-2",
357
- Share3 = "tabler:share-3",
358
- Sliders = "tabler:adjustments",
359
- Square = "tabler:square",
360
- SquareCheck = "tabler:square-check",
361
- SquarePlus = "tabler:square-plus",
362
- Stack = "tabler:stack",
363
- Stack2 = "tabler:stack-2",
364
- Stack3 = "tabler:stack-3",
365
- Sun = "tabler:sun",
366
- Table = "tabler:table",
367
- Ticket = "tabler:ticket",
368
- Template = "tabler:template",
369
- Terminal = "tabler:terminal",
370
- Terminal2 = "tabler:terminal-2",
371
- TextSize = "tabler:text-size",
372
- TrashCan = "tabler:trash",
373
- Typography = "tabler:typography",
374
- Upload = "tabler:upload",
375
- User = "tabler:user",
376
- UserCircle = "tabler:user-circle",
377
- UserSquareRounded = "tabler:user-square-rounded",
378
- Video = "tabler:video",
379
- WindowMaximize = "tabler:window-maximize",
380
- WindowMinimize = "tabler:window-minimize"
381
- }
382
- export type InlineTextHtmlTags = 'a' | 'abbr' | 'b' | 'bdi' | 'bdo' | 'br' | 'cite' | 'code' | 'data' | 'dfn' | 'em' | 'i' | 'kbd' | 'mark' | 'q' | 'rp' | 'rt' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'u' | 'var' | 'wbr';
383
- export type InputThemes = Extract<Themes, Themes.Danger | Themes.Default | Themes.Success | Themes.Warning>;
384
- export declare enum InputTypes {
385
- Color = "color",
386
- Date = "date",
387
- DateTimeLocal = "datetime-local",
388
- Decimal = "decimal",
389
- Email = "email",
390
- Hidden = "hidden",
391
- File = "file",
392
- None = "none",
393
- Number = "number",
394
- Password = "password",
395
- Search = "search",
396
- Tel = "tel",
397
- Text = "text",
398
- Time = "time",
399
- Url = "url"
400
- }
401
- export declare enum LinkTarget {
402
- Blank = "_blank",
403
- Self = "_self"
404
- }
405
- export type MessageThemes = Extract<Themes, Themes.Danger | Themes.Default | Themes.Success | Themes.Warning>;
406
- export declare enum MessageType {
407
- Danger = "danger",
408
- Default = "default",
409
- Success = "success",
410
- Warning = "warning"
411
- }
412
- export interface NavItem {
413
- /** Sets the aria-label on the NavLink element. */
414
- ariaLabel?: string;
415
- /** Sets the external attribute on the NavLink element. If set, it adds an icon indicating that the link will open a new tab/window. */
416
- external?: boolean;
417
- /** Sets the href attribute on the NavLink element. */
418
- href?: string;
419
- /** Sets the ID attribute on the NavLink element. */
420
- id: string;
421
- /** The text to be displayed as the label. */
422
- label: string;
423
- /** A callback function to handle click events. */
424
- onClick?: GenericFunction;
425
- /** Sets the rel attribute on the NavLink element. */
426
- rel?: string;
427
- /** Sets the target attribute on the NavLink element. The property can be one of `CLLinkTarget`, e.g. `CLLinkTarget.Self` */
428
- target?: LinkTarget;
429
- /** Sets the theme of the NavLink element. The property can be one of `CLSimpleThemes`, e.g. `CLThemes.Default` */
430
- theme?: SimpleThemes;
431
- }
432
- export interface Option {
433
- label: string;
434
- value: string | number | null;
435
- }
436
- export type PillThemes = Exclude<Themes, Themes.Transparent>;
437
- export declare enum Order {
438
- After = "after",
439
- Before = "before"
440
- }
441
- export declare enum Orientation {
442
- Horizontal = "horizontal",
443
- Vertical = "vertical"
444
- }
445
- export declare enum PaginationType {
446
- Dots = "dots",
447
- Hidden = "hidden",
448
- Numbered = "numbered"
449
- }
450
- export declare enum Placement {
451
- Bottom = "bottom",
452
- BottomEnd = "bottom-end",
453
- BottomStart = "bottom-start",
454
- Left = "left",
455
- LeftEnd = "left-end",
456
- LeftStart = "left-start",
457
- Right = "right",
458
- RightEnd = "right-end",
459
- RightStart = "right-start",
460
- Top = "top",
461
- TopEnd = "top-end",
462
- TopStart = "top-start"
463
- }
464
- export declare enum Position {
465
- Absolute = "absolute",
466
- Relative = "relative"
467
- }
468
- export type SimpleThemes = Extract<Themes, Themes.Dark | Themes.Danger | Themes.Default | Themes.Light | Themes.Primary | Themes.Secondary | Themes.Success | Themes.Warning>;
469
- export declare enum Sizes {
470
- Tiny = "tiny",
471
- Small = "small",
472
- Medium = "medium",
473
- Large = "large",
474
- XLarge = "xlarge"
475
- }
476
- export type SpinnerThemes = Exclude<Themes, Themes.Transparent | Themes.Outline | Themes.OutlineDanger | Themes.OutlineInfo | Themes.OutlinePrimary | Themes.OutlineSecondary | Themes.OutlineSuccess | Themes.OutlineWarning>;
477
- export declare enum TableTypes {
478
- Condensed = "condensed",
479
- Default = "default",
480
- Plain = "plain"
481
- }
482
- export type TextHtmlTags = BlockTextHtmlTags | InlineTextHtmlTags;
483
- export type TextThemes = Extract<Themes, Themes.Light | Themes.Dark>;
484
- export declare enum TextTypes {
485
- Body = "body",
486
- Summary = "summary",
487
- Tiny = "tiny",
488
- Small = "small",
489
- Medium = "medium",
490
- Large = "large",
491
- XLarge = "xlarge"
492
- }
493
- export interface Shades {
494
- 100?: string;
495
- 200?: string;
496
- 300?: string;
497
- 400?: string;
498
- 500?: string;
499
- 600?: string;
500
- 700?: string;
501
- 800?: string;
502
- 900?: string;
503
- }
504
- export interface Theme {
505
- primary?: Shades;
506
- secondary?: Shades;
507
- neutral?: Shades;
508
- danger?: Shades;
509
- warning?: Shades;
510
- success?: Shades;
511
- info?: Shades;
512
- }
513
- export interface ThemeConfig {
514
- colors: Theme;
515
- radius?: BorderRadius;
516
- }
517
- export type ThemeKeys = keyof Theme;
518
- export declare enum Themes {
519
- Default = "default",
520
- Primary = "primary",
521
- Secondary = "secondary",
522
- Transparent = "transparent",
523
- Outline = "outline",
524
- OutlinePrimary = "outline-primary",
525
- OutlineSecondary = "outline-secondary",
526
- OutlineDanger = "outline-danger",
527
- OutlineWarning = "outline-warning",
528
- OutlineSuccess = "outline-success",
529
- OutlineInfo = "outline-info",
530
- Danger = "danger",
531
- Warning = "warning",
532
- Success = "success",
533
- Info = "info",
534
- Light = "light",
535
- Dark = "dark"
536
- }
537
- export interface ToastProps {
538
- /** The action label text to be displayed. */
539
- actionLabel?: string;
540
- /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
541
- borderRadius?: BorderRadius;
542
- /** Time in seconds e.g 5 = 5 seconds */
543
- dismissTimer?: number;
544
- /** The icon to be displayed. The property can be one of `CLIconNames`, e.g. `CLIconNames.Info`. */
545
- icon?: IconNames;
546
- /** The size of the icon. The property can be one of `CLSizes`, e.g. `CLSizes.Medium */
547
- iconSize?: IconSizes;
548
- /** The text to be displayed as the message. */
549
- message?: string;
550
- /** A callback function to handle click events. */
551
- onAction?: GenericFunction;
552
- /** A callback function to handle when the toast is dismissed. */
553
- onDismiss: GenericFunction;
554
- /** When set to `false` it will not render a Toast with rounded corners. */
555
- rounded?: boolean;
556
- /** Sets a custom ID used for unit tests. */
557
- testId?: string;
558
- /** Sets the theme of the Toast. The property can be one of `CLToastThemes`, e.g. `CLThemes.Default` */
559
- theme?: ToastThemes;
560
- /** Set the text of the title which should be displayed. */
561
- title?: string;
562
- /** Sets the width of the Toast, it's default value is `24rem`. */
563
- width?: string;
564
- }
565
- export type ToastThemes = Extract<Themes, Themes.Danger | Themes.Default | Themes.Primary | Themes.Secondary | Themes.Success | Themes.Warning>;
@@ -1,16 +0,0 @@
1
- export interface IAnimate {
2
- start: (duration: number, callbackFn: (elapsedTime: number) => void) => void;
3
- stop: () => void;
4
- }
5
- export declare const animate: () => IAnimate;
6
- interface ChildIsVisibleInput {
7
- parent: HTMLElement;
8
- child: HTMLElement;
9
- threshold?: number;
10
- }
11
- export declare const childIsVisible: ({ parent, child, threshold, }: ChildIsVisibleInput) => boolean;
12
- export declare const debounce: (fn: () => void, ms?: number) => (this: any, ...args: any | any[]) => void;
13
- export declare const hasSlotContent: (slots: any, slotName: string, component: string) => boolean;
14
- export declare const isBrowser: boolean;
15
- export declare const getMaxZIndex: () => number;
16
- export {};