@codeandfunction/callaloo 4.12.1 → 5.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 (97) hide show
  1. package/dist/callaloo.global.js +1 -1
  2. package/dist/chunks/CLA11yButton.vue_vue_type_style_index_0_lang-CSRl7Ywk.js +2 -0
  3. package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-DIWTZr8r.js +2 -0
  4. package/dist/chunks/CLCalendar.vue_vue_type_style_index_0_lang-C_V0TIOZ.js +2 -0
  5. package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-BvV2JMJg.js +2 -0
  6. package/dist/chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CSZDp8WP.js +2 -0
  7. package/dist/chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BSGVX2OH.js +1 -0
  8. package/dist/chunks/CLHeading.vue_vue_type_style_index_0_lang-B5DkNiql.js +2 -0
  9. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-TznmoQu7.js +2 -0
  10. package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-C4vm2Xov.js +2 -0
  11. package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-BxRVH7FA.js +2 -0
  12. package/dist/chunks/{CLModal.vue_vue_type_style_index_0_lang-CWceRHGW.js → CLModal.vue_vue_type_style_index_0_lang-Dil04VeQ.js} +1 -1
  13. package/dist/chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Cj83Ka4j.js +1 -0
  14. package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-DnSECt7E.js +2 -0
  15. package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-BtFHeFjp.js → CLSkeleton.vue_vue_type_style_index_0_lang-CwyUPEE1.js} +1 -1
  16. package/dist/chunks/CLSpinner.vue_vue_type_style_index_0_lang-Cz3_Wz0P.js +2 -0
  17. package/dist/chunks/CLText.vue_vue_type_style_index_0_lang-CNOJZujE.js +2 -0
  18. package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-BpzaZguO.js +2 -0
  19. package/dist/chunks/context-DP_QBP01.js +1 -0
  20. package/dist/chunks/index-Bft6zZKv.js +1 -0
  21. package/dist/chunks/utils-Cism66KC.js +1 -0
  22. package/dist/chunks/utils-DEqqOzci.js +1 -0
  23. package/dist/chunks/utils-DVCnTWMt.js +1 -0
  24. package/dist/chunks/utils-DX6YX_aU.js +1 -0
  25. package/dist/chunks/utils-I87WCzVz.js +1 -0
  26. package/dist/chunks/{utils-DVxwAjJ4.js → utils-MlDbDIMX.js} +1 -1
  27. package/dist/chunks/utils-ugpM2L2U.js +1 -0
  28. package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +1 -1
  29. package/dist/components/Buttons/CLButton/CLButton.css +1 -1
  30. package/dist/components/Buttons/CLButton/CLButton.js +1 -1
  31. package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +1 -1
  32. package/dist/components/CLIcon/CLIcon.js +1 -1
  33. package/dist/components/CLTable/CLTable.js +1 -1
  34. package/dist/components/Containers/CLCard/CLCard.js +1 -1
  35. package/dist/components/Containers/CLCarousel/CLCarousel.css +1 -1
  36. package/dist/components/Containers/CLCarousel/CLCarousel.js +1 -1
  37. package/dist/components/Containers/CLDisclosure/CLDisclosure.js +1 -1
  38. package/dist/components/Containers/CLDrawer/CLDrawer.js +1 -1
  39. package/dist/components/Form/CLCalendar/CLCalendar.css +1 -1
  40. package/dist/components/Form/CLCalendar/CLCalendar.js +1 -1
  41. package/dist/components/Form/CLCheckbox/CLCheckbox.js +1 -1
  42. package/dist/components/Form/CLInput/CLInput.js +1 -1
  43. package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.js +1 -1
  44. package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.vue.d.ts +2 -2
  45. package/dist/components/Form/CLRadioButton/CLRadioButton.js +1 -1
  46. package/dist/components/Form/CLSelect/CLSelect.js +1 -1
  47. package/dist/components/Form/CLTextArea/CLTextArea.js +1 -1
  48. package/dist/components/Indicators/CLBadge/CLBadge.js +1 -1
  49. package/dist/components/Indicators/CLBanner/CLBanner.js +1 -1
  50. package/dist/components/Indicators/CLPill/CLPill.css +1 -1
  51. package/dist/components/Indicators/CLPill/CLPill.js +1 -1
  52. package/dist/components/Indicators/CLProgress/CLProgress.js +1 -1
  53. package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
  54. package/dist/components/Loading/CLSpinner/CLSpinner.js +1 -1
  55. package/dist/components/Modals/CLModal/CLModal.js +1 -1
  56. package/dist/components/Modals/CLModal/CLModal.vue.d.ts +1 -1
  57. package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.js +1 -1
  58. package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.vue.d.ts +1 -1
  59. package/dist/components/Navigation/CLLink/CLLink.js +1 -1
  60. package/dist/components/Navigation/CLNavLink/CLNavLink.js +1 -1
  61. package/dist/components/Navigation/CLNavSection/CLNavSection.js +1 -1
  62. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1 -1
  63. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +9 -9
  64. package/dist/components/Popups/CLToast/CLToast.css +1 -1
  65. package/dist/components/Popups/CLToast/CLToast.js +1 -1
  66. package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +1 -1
  67. package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
  68. package/dist/components/Typography/CLHeading/CLHeading.js +1 -1
  69. package/dist/components/Typography/CLText/CLText.js +1 -1
  70. package/dist/components/Typography/CLText/CLText.vue.d.ts +2 -2
  71. package/dist/composables/useTheme.js +1 -1
  72. package/dist/index.js +1 -1
  73. package/dist/styles.css +1 -1
  74. package/dist/types.d.ts +4 -617
  75. package/package.json +4 -1
  76. package/dist/chunks/CLA11yButton.vue_vue_type_style_index_0_lang-RwSPgx8U.js +0 -2
  77. package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-Bi7GC71m.js +0 -2
  78. package/dist/chunks/CLCalendar.vue_vue_type_style_index_0_lang-BxZBofc_.js +0 -2
  79. package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-Lb49WiaW.js +0 -2
  80. package/dist/chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-BYHbqaf0.js +0 -2
  81. package/dist/chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BesVgApW.js +0 -1
  82. package/dist/chunks/CLHeading.vue_vue_type_style_index_0_lang-C7RHX0J4.js +0 -2
  83. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-CaZM-HFg.js +0 -2
  84. package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BrlOiHsE.js +0 -2
  85. package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-7e7xSEg0.js +0 -2
  86. package/dist/chunks/CLNavLink.vue_vue_type_script_setup_true_lang-I-qjKZJQ.js +0 -1
  87. package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-BSi1ljPG.js +0 -2
  88. package/dist/chunks/CLSpinner.vue_vue_type_style_index_0_lang-Ch4Vh_y3.js +0 -2
  89. package/dist/chunks/CLText.vue_vue_type_style_index_0_lang-Tv0xzrRz.js +0 -2
  90. package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-zgtfLRPh.js +0 -2
  91. package/dist/chunks/context-CRxE5KWX.js +0 -1
  92. package/dist/chunks/utils-BMhH7W6x.js +0 -1
  93. package/dist/chunks/utils-CdeA8xWg.js +0 -1
  94. package/dist/chunks/utils-Dea4wPBy.js +0 -1
  95. package/dist/chunks/utils-DfgurNgA.js +0 -1
  96. package/dist/chunks/utils-fXNd28fD.js +0 -1
  97. package/dist/chunks/utils-rZl51JEP.js +0 -1
package/dist/types.d.ts CHANGED
@@ -1,527 +1,16 @@
1
- export declare enum CLAlign {
2
- Left = "left",
3
- Center = "center",
4
- Right = "right"
5
- }
1
+ import { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLCharCounterLayout, CLHeadingLevels, CLHeadingTypes, CLIconSizes, CLIconNames, CLInputTypes, CLLoading, CLLinkTarget, CLMessageType, CLMode, CLNavItem as CLBaseNavItem, CLOption, CLOrder, CLOrientation, CLOverflow, CLPaginationType, CLPalette, CLPaletteKeys, CLPlacement, CLPosition, CLDrawerPosition, CLSizes, CLShades, CLTableTypes, CLTextTypes, CLThemeConfig, CLToastPosition } from '@codeandfunction/callaloo-types';
2
+ export { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLCharCounterLayout, CLHeadingLevels, CLHeadingTypes, CLIconSizes, CLIconNames, CLInputTypes, CLLoading, CLLinkTarget, CLMessageType, CLMode, CLOrder, CLOrientation, CLOverflow, CLPaginationType, CLPlacement, CLPosition, CLDrawerPosition, CLSizes, CLTableTypes, CLTextTypes, CLToastPosition };
3
+ export type { CLOption, CLPalette, CLPaletteKeys, CLShades, CLThemeConfig, CLBaseNavItem };
6
4
  export type CLBlockTextHtmlTags = 'blockquote' | 'dd' | 'div' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'hr' | 'li' | 'menu' | 'ol' | 'p' | 'pre' | 'ul';
7
- export declare enum CLBorderRadius {
8
- Full = "rounded-full",
9
- Large = "rounded-lg",
10
- Medium = "rounded-md",
11
- None = "rounded-none",
12
- Small = "rounded-sm",
13
- XL = "rounded-xl",
14
- XXL = "rounded-2xl",
15
- XXXL = "rounded-3xl",
16
- XS = "rounded-xs"
17
- }
18
5
  export type CLButtonTags = 'a' | 'button';
19
6
  export declare enum CLButtonTypes {
20
7
  Button = "button",
21
8
  Submit = "submit"
22
9
  }
23
- export declare enum CLCardTypes {
24
- Tiny = "tiny",
25
- Small = "small",
26
- Medium = "medium",
27
- Large = "large",
28
- XL = "xlarge"
29
- }
30
- export declare enum CLColors {
31
- Primary = "primary",
32
- Secondary = "secondary",
33
- Danger = "danger",
34
- Info = "info",
35
- Neutral = "neutral",
36
- Warning = "warning",
37
- Success = "success"
38
- }
39
- export declare enum CLColorVariants {
40
- Contrast = "contrast",
41
- Ghost = "ghost",
42
- Outline = "outline",
43
- Soft = "soft",
44
- Solid = "solid",
45
- Text = "text"
46
- }
47
- export declare enum CLCharCounterLayout {
48
- Block = "block",
49
- Inline = "inline"
50
- }
51
10
  export type CLButtonForwardRefFunction = (elem: HTMLButtonElement) => void;
52
11
  export type CLGenericFunction = (event?: Event) => void;
53
12
  export type CLGenericFocusFunction = (event: FocusEvent) => void;
54
13
  export type CLGenericInputFunction = (event?: Event) => void;
55
- export declare enum CLHeadingLevels {
56
- H1 = "h1",
57
- H2 = "h2",
58
- H3 = "h3",
59
- H4 = "h4",
60
- H5 = "h5",
61
- H6 = "h6"
62
- }
63
- export declare enum CLHeadingTypes {
64
- Title = "title",
65
- PageTitle = "pagetitle",
66
- Section = "section",
67
- SubSection = "subsection",
68
- Small = "small",
69
- Medium = "medium",
70
- Large = "large",
71
- XL = "xlarge",
72
- XXL = "xxlarge",
73
- XXXL = "xxxlarge",
74
- XXXXL = "xxxxlarge"
75
- }
76
- export declare enum CLIconSizes {
77
- Tiny = "tiny",
78
- Small = "small",
79
- Medium = "medium",
80
- Large = "large",
81
- XL = "xlarge",
82
- XXL = "xxlarge",
83
- XXXL = "xxxlarge",
84
- XXXXL = "xxxxlarge"
85
- }
86
- export declare enum CLIconNames {
87
- Activity = "tabler:activity",
88
- AddressBook = "tabler:address-book",
89
- Adjustments = "tabler:adjustments",
90
- AdjustmentsHorizontal = "tabler:adjustments-horizontal",
91
- Ai = "tabler:ai",
92
- Alarm = "tabler:alarm",
93
- AlarmPlus = "tabler:alarm-plus",
94
- AlertSquare = "tabler:alert-square",
95
- AlertTriangle = "tabler:alert-triangle",
96
- AlignBoxLeftTop = "tabler:align-box-left-top",
97
- AlignBoxLeftMiddle = "tabler:align-box-left-middle",
98
- AlignBoxLeftBottom = "tabler:align-box-left-bottom",
99
- AlignBoxCenterTop = "tabler:align-box-center-top",
100
- AlignBoxCenterMiddle = "tabler:align-box-center-middle",
101
- AlignBoxCenterBottom = "tabler:align-box-center-bottom",
102
- AlignBoxRightTop = "tabler:align-box-right-top",
103
- AlignBoxRightMiddle = "tabler:align-box-right-middle",
104
- AlignBoxRightBottom = "tabler:align-box-right-bottom",
105
- AlignCenter = "tabler:align-center",
106
- AlignLeft = "tabler:align-left",
107
- AlignRight = "tabler:align-right",
108
- AlignJustified = "tabler:align-justified",
109
- Apps = "tabler:apps",
110
- Archive = "tabler:archive",
111
- ArrowBackUp = "tabler:arrow-back-up",
112
- ArrowForwardUp = "tabler:arrow-forward-up",
113
- ArrowBigUpLine = "tabler:arrow-big-up-line",
114
- ArrowBigDownLine = "tabler:arrow-big-down-line",
115
- ArrowBack = "tabler:arrow-back",
116
- ArrowDown = "tabler:arrow-down",
117
- ArrowForward = "tabler:arrow-forward",
118
- ArrowLeft = "tabler:arrow-left",
119
- ArrowRight = "tabler:arrow-right",
120
- ArrowUp = "tabler:arrow-up",
121
- ArrowNarrowDown = "tabler:arrow-narrow-down",
122
- ArrowNarrowLeft = "tabler:arrow-narrow-left",
123
- ArrowNarrowRight = "tabler:arrow-narrow-right",
124
- ArrowNarrowUp = "tabler:arrow-narrow-up",
125
- ArrowsDiagonal = "tabler:arrows-diagonal",
126
- ArrowsDiagonal2 = "tabler:arrows-diagonal-2",
127
- ArrowsDiagonalMinimize = "tabler:arrows-diagonal-minimize",
128
- ArrowsDiagonalMinimize2 = "tabler:arrows-diagonal-minimize-2",
129
- ArrowsMaximize = "tabler:arrows-maximize",
130
- ArrowsMinimize = "tabler:arrows-minimize",
131
- ArrowsMove = "tabler:arrows-move",
132
- ArrowsSort = "tabler:arrows-sort",
133
- AtSign = "tabler:at",
134
- Auth2fa = "tabler:auth-2fa",
135
- Backspace = "tabler:backspace",
136
- Bed = "tabler:bed",
137
- Bell = "tabler:bell",
138
- BellPlus = "tabler:bell-plus",
139
- Beach = "tabler:beach",
140
- Binoculars = "tabler:binoculars",
141
- Bike = "tabler:bike",
142
- Book = "tabler:book",
143
- Bookmark = "tabler:bookmark",
144
- BorderCorners = "tabler:border-corners",
145
- BoxMargin = "tabler:box-margin",
146
- Brush = "tabler:brush",
147
- BrandApple = "tabler:brand-apple",
148
- BrandAws = "tabler:brand-aws",
149
- BrandCloudflare = "tabler:brand-cloudflare",
150
- BrandFacebook = "tabler:brand-facebook-filled",
151
- BrandGitlab = "tabler:brand-gitlab",
152
- BrandGithub = "tabler:brand-github",
153
- BrandGoogle = "tabler:brand-google-filled",
154
- BrandInstagram = "tabler:brand-instagram",
155
- BrandLinkedIn = "tabler:brand-linkedin",
156
- BrandMastercard = "tabler:brand-mastercard",
157
- BrandNpm = "tabler:brand-npm",
158
- BrandNuxt = "tabler:brand-nuxt",
159
- BrandReact = "tabler:brand-react",
160
- BrandReactNative = "tabler:brand-react-native",
161
- BrandSpotify = "tabler:brand-spotify",
162
- BrandTidal = "tabler:brand-tidal",
163
- BrandTikTok = "tabler:brand-tiktok",
164
- BrandTwitter = "tabler:brand-twitter-filled",
165
- BrandVercel = "tabler:brand-vercel",
166
- BrandVisa = "tabler:brand-visa",
167
- BrandVue = "tabler:brand-vue",
168
- BrandWhatsApp = "tabler:brand-whatsapp",
169
- BrandX = "tabler:brand-x",
170
- BrandYouTube = "tabler:brand-youtube-filled",
171
- BrandWindows = "tabler:brand-windows",
172
- Briefcase = "tabler:briefcase",
173
- Briefcase2 = "tabler:briefcase-2",
174
- Broadcast = "tabler:broadcast",
175
- Browser = "tabler:browser",
176
- Building = "tabler:building",
177
- BuildingAirport = "tabler:building-airport",
178
- BuildingBank = "tabler:building-bank",
179
- BuildingCastle = "tabler:building-castle",
180
- BuildingCarousel = "tabler:building-carousel",
181
- BuildingChurch = "tabler:building-church",
182
- BuildingCommunity = "tabler:building-community",
183
- BuildingCottage = "tabler:building-cottage",
184
- BuildingStadium = "tabler:building-stadium",
185
- BuildingStore = "tabler:building-store",
186
- BuildingSkyscraper = "tabler:building-skyscraper",
187
- Bug = "tabler:bug",
188
- Bulb = "tabler:bulb",
189
- Bus = "tabler:bus",
190
- BusinessPlan = "tabler:businessplan",
191
- Calendar = "tabler:calendar",
192
- CalendarPlus = "tabler:calendar-plus",
193
- Calculator = "tabler:calculator",
194
- Camera = "tabler:camera",
195
- Camper = "tabler:camper",
196
- Car = "tabler:car",
197
- CaretDown = "tabler:caret-down",
198
- CaretLeft = "tabler:caret-left",
199
- CaretRight = "tabler:caret-right",
200
- CaretUp = "tabler:caret-up",
201
- CarouselHorizontal = "tabler:carousel-horizontal",
202
- ChartBar = "tabler:chart-bar",
203
- ChartPie = "tabler:chart-pie",
204
- Check = "tabler:check",
205
- ChefHat = "tabler:chef-hat",
206
- ChevronLeft = "tabler:chevron-left",
207
- ChevronsLeft = "tabler:chevrons-left",
208
- ChevronRight = "tabler:chevron-right",
209
- ChevronsRight = "tabler:chevrons-right",
210
- ChevronUp = "tabler:chevron-up",
211
- ChevronsUp = "tabler:chevrons-up",
212
- ChevronDown = "tabler:chevron-down",
213
- ChevronsDown = "tabler:chevrons-down",
214
- Circle = "tabler:circle",
215
- CircleCheck = "tabler:circle-check",
216
- CircleDot = "tabler:circle-dot",
217
- CircleMinus = "tabler:circle-minus",
218
- CircleNumber0 = "tabler:circle-number-0",
219
- CircleNumber1 = "tabler:circle-number-1",
220
- CircleNumber2 = "tabler:circle-number-2",
221
- CircleNumber3 = "tabler:circle-number-3",
222
- CircleNumber4 = "tabler:circle-number-4",
223
- CircleNumber5 = "tabler:circle-number-5",
224
- CircleNumber6 = "tabler:circle-number-6",
225
- CircleNumber7 = "tabler:circle-number-7",
226
- CircleNumber8 = "tabler:circle-number-8",
227
- CircleNumber9 = "tabler:circle-number-9",
228
- CirclePlus = "tabler:circle-plus",
229
- Click = "tabler:click",
230
- ClipboardCopy = "tabler:clipboard-copy",
231
- ClipboardText = "tabler:clipboard-text",
232
- Clock = "tabler:clock",
233
- Clock2 = "tabler:clock-2",
234
- Cloud = "tabler:cloud",
235
- CloudCheck = "tabler:cloud-check",
236
- CloudComputing = "tabler:cloud-computing",
237
- CloudDataConnection = "tabler:cloud-data-connection",
238
- CloudDown = "tabler:cloud-down",
239
- CloudDownload = "tabler:cloud-download",
240
- CloudUp = "tabler:cloud-up",
241
- CloudUpload = "tabler:cloud-upload",
242
- CloudX = "tabler:cloud-x",
243
- Code = "tabler:code",
244
- Coin = "tabler:coin",
245
- Coins = "tabler:coins",
246
- Columns1 = "tabler:columns-1",
247
- Columns2 = "tabler:columns-2",
248
- Columns3 = "tabler:columns-3",
249
- Command = "tabler:command",
250
- Components = "tabler:components",
251
- Confetti = "tabler:confetti",
252
- Contrast = "tabler:contrast",
253
- Copy = "tabler:copy",
254
- CreditCard = "tabler:credit-card",
255
- Dashboard = "tabler:dashboard",
256
- Database = "tabler:database",
257
- DatabaseExport = "tabler:database-export",
258
- Delete = "tabler:x",
259
- Devices = "tabler:devices",
260
- DevicesDollar = "tabler:devices-dollar",
261
- DeviceDesktop = "tabler:device-desktop",
262
- DeviceGamepad = "tabler:device-gamepad",
263
- DeviceMobile = "tabler:device-mobile",
264
- DeviceTablet = "tabler:device-tablet",
265
- DeviceTv = "tabler:device-tv",
266
- Dialpad = "tabler:dialpad",
267
- DirectionSign = "tabler:direction-sign",
268
- Download = "tabler:download",
269
- DragDrop = "tabler:drag-drop",
270
- EditItem = "tabler:edit-circle",
271
- EditPencil = "tabler:edit",
272
- Email = "tabler:mail",
273
- Equal = "tabler:equal",
274
- ExternalLink = "tabler:external-link",
275
- Eye = "tabler:eye",
276
- EyeOff = "tabler:eye-off",
277
- Error404 = "tabler:error-404",
278
- FaceId = "tabler:face-id",
279
- FileText = "tabler:file-text",
280
- FileTypeCss = "tabler:file-type-css",
281
- FileTypeCsv = "tabler:file-type-csv",
282
- FileTypeDoc = "tabler:file-type-doc",
283
- FileTypeDocx = "tabler:file-type-docx",
284
- FileTypeHtml = "tabler:file-type-html",
285
- FileTypePdf = "tabler:file-type-pdf",
286
- FileTypePng = "tabler:file-type-png",
287
- FileTypeJpg = "tabler:file-type-jpg",
288
- FileTypeJs = "tabler:file-type-js",
289
- FileTypeJsx = "tabler:file-type-jsx",
290
- FileTypeSvg = "tabler:file-type-svg",
291
- FileTypeTxt = "tabler:file-type-txt",
292
- FileTypeTs = "tabler:file-type-ts",
293
- FileTypeVue = "tabler:file-type-vue",
294
- Filter = "tabler:filter",
295
- Flag = "tabler:flag",
296
- Flag2 = "tabler:flag-2",
297
- Flag3 = "tabler:flag-3",
298
- Flame = "tabler:flame",
299
- Folder = "tabler:folder",
300
- Forms = "tabler:forms",
301
- Frame = "tabler:frame",
302
- Gps = "tabler:gps",
303
- Gift = "tabler:gift",
304
- Hanger = "tabler:hanger",
305
- HandStop = "tabler:hand-stop",
306
- Heading = "tabler:heading",
307
- Heart = "tabler:heart",
308
- HeartHandShake = "tabler:heart-handshake",
309
- Help = "tabler:help",
310
- HelpCircle = "tabler:help-circle",
311
- HelpSmall = "tabler:help-small",
312
- Home = "tabler:home",
313
- Html = "tabler:html",
314
- Image = "tabler:photo",
315
- Inbox = "tabler:inbox",
316
- InfoCircle = "tabler:info-circle",
317
- InfoSmall = "tabler:info-small",
318
- Grill = "tabler:grill",
319
- GripHorizontal = "tabler:grip-horizontal",
320
- GripVertical = "tabler:grip-vertical",
321
- Key = "tabler:key",
322
- Keyboard = "tabler:keyboard",
323
- Label = "tabler:label",
324
- Layers = "tabler:layers-subtract",
325
- Layout = "tabler:layout",
326
- LayoutBottomBar = "tabler:layout-bottombar",
327
- LayoutDashboard = "tabler:layout-dashboard",
328
- LayoutGrid = "tabler:layout-grid",
329
- LayoutList = "tabler:layout-list",
330
- LayoutNavbar = "tabler:layout-navbar",
331
- LayoutRows = "tabler:layout-rows",
332
- LayoutSidebar = "tabler:layout-sidebar",
333
- LayoutSidebarRight = "tabler:layout-sidebar-right",
334
- Link = "tabler:link",
335
- List = "tabler:list",
336
- ListNumbers = "tabler:list-numbers",
337
- ListTree = "tabler:list-tree",
338
- LoadBalancer = "tabler:load-balancer",
339
- Lock = "tabler:lock",
340
- Location = "tabler:location",
341
- LogIn = "tabler:login",
342
- LogOut = "tabler:logout",
343
- Logs = "tabler:logs",
344
- Luggage = "tabler:luggage",
345
- Map = "tabler:map",
346
- MapPin = "tabler:map-pin",
347
- MapPinPlus = "tabler:map-pin-plus",
348
- MapSearch = "tabler:map-search",
349
- Markdown = "tabler:markdown",
350
- Marquee = "tabler:marquee",
351
- MarqueeOff = "tabler:marquee-off",
352
- Mail = "tabler:mail",
353
- MailPlus = "tabler:mail-plus",
354
- Maximize = "tabler:maximize",
355
- Menu = "tabler:menu-2",
356
- Message = "tabler:message",
357
- Messages = "tabler:messages",
358
- MessageDots = "tabler:message-dots",
359
- MessageOff = "tabler:message-off",
360
- MessagePlus = "tabler:message-plus",
361
- MoneyBag = "tabler:moneybag",
362
- MoodDollar = "tabler:mood-dollar",
363
- MoodHeart = "tabler:mood-heart",
364
- MoodKid = "tabler:mood-kid",
365
- MoodNerd = "tabler:mood-nerd",
366
- MoodNeutral = "tabler:mood-neutral",
367
- MoodPuzzled = "tabler:mood-puzzled",
368
- MoodSadSquint = "tabler:mood-sad-squint",
369
- MoodSmile = "tabler:mood-smile",
370
- MoodTongue = "tabler:mood-tongue",
371
- MoodTongueWink = "tabler:mood-tongue-wink",
372
- MoodTongueWink2 = "tabler:mood-tongue-wink-2",
373
- MoodWink2 = "tabler:mood-wink-2",
374
- MoodWrrr = "tabler:mood-wrrr",
375
- Moon = "tabler:moon",
376
- Mouse = "tabler:mouse",
377
- MoreHorizontal = "tabler:dots",
378
- MoreVertical = "tabler:dots-vertical",
379
- Movie = "tabler:movie",
380
- Music = "tabler:music",
381
- Notes = "tabler:notes",
382
- NewSection = "tabler:new-section",
383
- Palette = "tabler:palette",
384
- Paint = "tabler:paint",
385
- Pencil = "tabler:pencil",
386
- Percentage = "tabler:percentage",
387
- Photo = "tabler:photo",
388
- PhotoPlus = "tabler:photo-plus",
389
- PhotoScan = "tabler:photo-scan",
390
- Phone = "tabler:phone",
391
- PigMoney = "tabler:pig-money",
392
- Pin = "tabler:pin",
393
- Pinned = "tabler:pinned",
394
- Plane = "tabler:plane",
395
- PlusCircle = "tabler:circle-plus",
396
- Plus = "tabler:plus",
397
- Pointer = "tabler:pointer",
398
- Printer = "tabler:printer",
399
- Progress = "tabler:progress",
400
- ProgressHelp = "tabler:progress-help",
401
- QuestionMark = "tabler:question-mark",
402
- Rectangle = "tabler:rectangle",
403
- Receipt = "tabler:receipt",
404
- Receipt2 = "tabler:receipt-2",
405
- Refresh = "tabler:refresh",
406
- Restore = "tabler:restore",
407
- Robot = "tabler:robot",
408
- RobotFace = "tabler:robot-face",
409
- Rocket = "tabler:rocket",
410
- RowInsertTop = "tabler:row-insert-top",
411
- RowInsertBottom = "tabler:row-insert-bottom",
412
- RowRemove = "tabler:row-remove",
413
- Rss = "tabler:rss",
414
- Run = "tabler:run",
415
- Sailboat = "tabler:sailboat",
416
- Scale = "tabler:scale",
417
- School = "tabler:school",
418
- Scissors = "tabler:scissors",
419
- Scoreboard = "tabler:scoreboard",
420
- Seo = "tabler:seo",
421
- ShoppingCart = "tabler:shopping-cart",
422
- ShieldCheck = "tabler:shield-check",
423
- Search = "tabler:search",
424
- Section = "tabler:section",
425
- Select = "tabler:select",
426
- Server = "tabler:server",
427
- Server2 = "tabler:server-2",
428
- Settings = "tabler:settings",
429
- Share = "tabler:share",
430
- Share2 = "tabler:share-2",
431
- Share3 = "tabler:share-3",
432
- Shirt = "tabler:shirt",
433
- Sliders = "tabler:adjustments",
434
- SpeedBoat = "tabler:speedboat",
435
- Sparkles = "tabler:sparkles",
436
- Square = "tabler:square",
437
- SquareCheck = "tabler:square-check",
438
- SquarePlus = "tabler:square-plus",
439
- Stack = "tabler:stack",
440
- Stack2 = "tabler:stack-2",
441
- Stack3 = "tabler:stack-3",
442
- Stethoscope = "tabler:stethoscope",
443
- Sun = "tabler:sun",
444
- Table = "tabler:table",
445
- Tag = "tabler:tag",
446
- TagMinus = "tabler:tag-minus",
447
- TagPlus = "tabler:tag-plus",
448
- Tags = "tabler:tags",
449
- Template = "tabler:template",
450
- Terminal = "tabler:terminal",
451
- Terminal2 = "tabler:terminal-2",
452
- TextSize = "tabler:text-size",
453
- Ticket = "tabler:ticket",
454
- Timeline = "tabler:timeline",
455
- TimelineEvent = "tabler:timeline-event",
456
- TipJar = "tabler:tip-jar",
457
- ToolsKitchen = "tabler:tools-kitchen",
458
- ToolsKitchen2 = "tabler:tools-kitchen-2",
459
- ToolsKitchen3 = "tabler:tools-kitchen-3",
460
- Train = "tabler:train",
461
- Trash = "tabler:trash",
462
- TrashCan = "tabler:trash",
463
- TrashOff = "tabler:trash-off",
464
- TrashX = "tabler:trash-x",
465
- Trekking = "tabler:trekking",
466
- Typography = "tabler:typography",
467
- Upload = "tabler:upload",
468
- Urgent = "tabler:urgent",
469
- User = "tabler:user",
470
- UserCancel = "tabler:user-cancel",
471
- UserCheck = "tabler:user-check",
472
- UserPlus = "tabler:user-plus",
473
- UserQuestion = "tabler:user-question",
474
- UserX = "tabler:user-x",
475
- Users = "tabler:users",
476
- UserCircle = "tabler:user-circle",
477
- UsersGroup = "tabler:users-group",
478
- UsersMinus = "tabler:users-minus",
479
- UsersPlus = "tabler:users-plus",
480
- UserSquareRounded = "tabler:user-square-rounded",
481
- Video = "tabler:video",
482
- Walk = "tabler:walk",
483
- Wallet = "tabler:wallet",
484
- Wifi = "tabler:wifi",
485
- WindowMaximize = "tabler:window-maximize",
486
- WindowMinimize = "tabler:window-minimize",
487
- WorldWww = "tabler:world-www"
488
- }
489
- export type CLInlineTextHtmlTags = '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';
490
- export declare enum CLInputTypes {
491
- Color = "color",
492
- Date = "date",
493
- DateTimeLocal = "datetime-local",
494
- Decimal = "decimal",
495
- Email = "email",
496
- Hidden = "hidden",
497
- File = "file",
498
- None = "none",
499
- Number = "number",
500
- Password = "password",
501
- Search = "search",
502
- Tel = "tel",
503
- Text = "text",
504
- Time = "time",
505
- Url = "url"
506
- }
507
- export declare enum CLLoading {
508
- Eager = "eager",
509
- Lazy = "lazy"
510
- }
511
- export declare enum CLLinkTarget {
512
- Blank = "_blank",
513
- Self = "_self"
514
- }
515
- export declare enum CLMessageType {
516
- Danger = "danger",
517
- Default = "default",
518
- Success = "success",
519
- Warning = "warning"
520
- }
521
- export declare enum CLMode {
522
- Dark = "dark",
523
- Light = "light"
524
- }
525
14
  export interface CLNavItem {
526
15
  /** Sets the aria-label on the NavLink element. */
527
16
  ariaLabel?: string;
@@ -542,110 +31,8 @@ export interface CLNavItem {
542
31
  /** Sets the target attribute on the NavLink element. The property can be one of `CLLinkTarget`, e.g. `CLLinkTarget.Self` */
543
32
  target?: CLLinkTarget;
544
33
  }
545
- export interface CLOption {
546
- label: string;
547
- value: string | number | boolean | null;
548
- disabled?: boolean;
549
- }
550
- export declare enum CLOrder {
551
- After = "after",
552
- Before = "before"
553
- }
554
- export declare enum CLOrientation {
555
- Horizontal = "horizontal",
556
- Vertical = "vertical"
557
- }
558
- export declare enum CLOverflow {
559
- Auto = "auto",
560
- Hidden = "hidden",
561
- Scroll = "scroll",
562
- Visible = "visible"
563
- }
564
- export declare enum CLPaginationType {
565
- Arrows = "arrows",
566
- Dots = "dots",
567
- Hidden = "hidden",
568
- Inline = "inline",
569
- Numbered = "numbered"
570
- }
571
- export interface CLPalette {
572
- primary?: CLShades;
573
- secondary?: CLShades;
574
- neutral?: CLShades;
575
- danger?: CLShades;
576
- warning?: CLShades;
577
- success?: CLShades;
578
- info?: CLShades;
579
- }
580
- export type CLPaletteKeys = keyof CLPalette;
581
- export declare enum CLPlacement {
582
- Bottom = "bottom",
583
- BottomEnd = "bottom-end",
584
- BottomStart = "bottom-start",
585
- Left = "left",
586
- LeftEnd = "left-end",
587
- LeftStart = "left-start",
588
- Right = "right",
589
- RightEnd = "right-end",
590
- RightStart = "right-start",
591
- Top = "top",
592
- TopEnd = "top-end",
593
- TopStart = "top-start"
594
- }
595
- export declare enum CLPosition {
596
- Absolute = "absolute",
597
- Relative = "relative"
598
- }
599
- export declare enum CLDrawerPosition {
600
- Bottom = "bottom",
601
- Left = "left",
602
- Right = "right",
603
- Top = "top"
604
- }
605
- export declare enum CLSizes {
606
- Tiny = "tiny",
607
- Small = "small",
608
- Medium = "medium",
609
- Large = "large",
610
- XL = "xlarge",
611
- XXL = "xxlarge",
612
- XXXL = "xxxlarge",
613
- XXXXL = "xxxxlarge"
614
- }
615
- export type CLShades = Record<number, string>;
616
- export declare enum CLTableTypes {
617
- Condensed = "condensed",
618
- Default = "default",
619
- Plain = "plain"
620
- }
34
+ export type CLInlineTextHtmlTags = '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';
621
35
  export type CLTextHtmlTags = CLBlockTextHtmlTags | CLInlineTextHtmlTags;
622
- export declare enum CLTextTypes {
623
- Body = "body",
624
- Summary = "summary",
625
- Tiny = "tiny",
626
- Small = "small",
627
- Medium = "medium",
628
- Large = "large",
629
- XL = "xlarge",
630
- XXL = "xxlarge",
631
- XXXL = "xxxlarge",
632
- XXXXL = "xxxxlarge"
633
- }
634
- export interface CLThemeConfig {
635
- colors?: CLPalette;
636
- darkMode?: boolean;
637
- fontFamily?: string;
638
- mode?: CLMode;
639
- borderRadius?: CLBorderRadius;
640
- }
641
- export declare enum CLToastPosition {
642
- TopLeft = "top-left",
643
- TopCenter = "top-center",
644
- TopRight = "top-right",
645
- BottomLeft = "bottom-left",
646
- BottomCenter = "bottom-center",
647
- BottomRight = "bottom-right"
648
- }
649
36
  export interface CLToastProps {
650
37
  /** The action label text to be displayed */
651
38
  actionLabel?: string;
package/package.json CHANGED
@@ -17,7 +17,7 @@
17
17
  "ui components",
18
18
  "vuejs"
19
19
  ],
20
- "version": "4.12.1",
20
+ "version": "5.0.0",
21
21
  "license": "MIT",
22
22
  "type": "module",
23
23
  "unpkg": "dist/callaloo.global.js",
@@ -192,6 +192,9 @@
192
192
  "import": "./dist/composables/useToast.js"
193
193
  }
194
194
  },
195
+ "dependencies": {
196
+ "@codeandfunction/callaloo-types": "workspace:*"
197
+ },
195
198
  "devDependencies": {
196
199
  "@chromatic-com/storybook": "^4.1.3",
197
200
  "@floating-ui/vue": "^1.1.10",
@@ -1,2 +0,0 @@
1
- import '../components/Buttons/CLA11yButton/CLA11yButton.css';
2
- import{defineComponent as e,ref as t,computed as o,createElementBlock as a,openBlock as l,withKeys as d,normalizeStyle as n,normalizeClass as r,unref as u,renderSlot as s}from"vue";import{CLColors as i}from"../index.js";import{a as c}from"./utils-rZl51JEP.js";import{useTheme as f}from"../composables/useTheme.js";const p=["data-testid","tabindex"],m=/* @__PURE__ */e({name:"CLA11yButton",__name:"CLA11yButton",props:{color:{default:i.Neutral},enabled:{type:Boolean,default:!1},fluid:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},testId:{default:"clll-a11y__button"}},setup(e){const i=e,m=f(),b=["a","button"],y=t(),_=o(()=>["clll-a11y__button",i.enabled?"--enabled":"",i.rounded?"--rounded":"",i.fluid?"--fluid":""]),x=e=>{if(!i.enabled)return;const{target:t}=e,o=t?t.closest("a,button"):void 0,a=[...y.value?.querySelectorAll("[data-expand-click-area]")??[]];if(a.length){const t=a[0],l=o?b.includes(o.tagName.toLowerCase()):null;o||t===e.target||l||t.click()}};return(t,o)=>(l(),a("div",{ref_key:"refExpandedArea",ref:y,class:r(u(_)),"data-testid":e.testId,tabindex:e.enabled?0:void 0,style:n(u(c)({color:e.color,theme:u(m)})),onClick:x,onKeyup:d(x,["enter"])},[s(t.$slots,"default")],46,p))}});export{m as _};
@@ -1,2 +0,0 @@
1
- import '../components/Buttons/CLButton/CLButton.css';
2
- import{defineComponent as e,useSlots as t,ref as a,computed as o,onMounted as l,nextTick as i,createBlock as d,openBlock as n,resolveDynamicComponent as r,normalizeStyle as s,normalizeClass as u,unref as f,withCtx as c,createCommentVNode as p,createElementBlock as m,renderSlot as y}from"vue";import{_ as v}from"./CLIcon.vue_vue_type_style_index_0_lang-CaZM-HFg.js";import{_ as b}from"./CLSpinner.vue_vue_type_style_index_0_lang-Ch4Vh_y3.js";import{CLColorVariants as $,CLButtonTypes as _,CLLinkTarget as h,CLSizes as g,CLIconSizes as B,CLColors as L,CLAlign as z,CLPosition as C}from"../index.js";import{b as X}from"./utils-rZl51JEP.js";import{useHasSlotContent as S}from"../composables/useHasSlotContent.js";import{useTheme as w}from"../composables/useTheme.js";const k=/* @__PURE__ */e({name:"CLButton",__name:"CLButton",props:{active:{type:Boolean,default:!1},alignContent:{default:z.Center},ariaLabel:{default:void 0},as:{default:"button"},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},color:{default:L.Neutral},disabled:{type:Boolean,default:!1},elevated:{type:Boolean,default:!1},form:{default:void 0},forwardRef:{type:Function,default:void 0},height:{default:"auto"},href:{default:void 0},iconAfter:{default:void 0},iconBefore:{default:void 0},iconFilled:{type:Boolean,default:!1},iconSize:{default:B.Small},onClick:{type:Function,default:void 0},pill:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:g.Small},target:{default:h.Self},testId:{default:"clll-button"},title:{default:void 0},type:{default:_.Button},variant:{default:$.Soft},width:{default:"auto"},wrap:{type:Boolean,default:!1}},setup(e){const $=e,_=w(),h=S();t();const B=a(),L="clll-button",k=o(()=>[L,`${L}--${$.type}`,`${L}--${$.color}--${$.variant}`,`${L}--${$.size}`,`${L}--${$.alignContent}`,$.active?`${L}--active`:"",$.busy?`${L}--busy`:"",$.disabled?`${L}--disabled`:"",$.wrap?`${L}--wrapped`:"",$.rounded?`${L}--rounded`:"",$.borderRadius?`${L}--${$.borderRadius}`:"",h.value?`${L}--has-content`:`${L}--no-content`,$.iconBefore?`${L}--icon-before`:"",$.iconAfter?`${L}--icon-after`:"",$.elevated?`${L}--elevated`:"",$.pill?`${L}--pill`:""]),j=()=>{switch($.size){case g.Medium:case g.Large:return g.Small;case g.XL:case g.XXL:return g.Medium;case g.XXXL:return g.Large;case g.XXXXL:return g.XL;case g.Tiny:default:return g.Tiny}};l(()=>{i(()=>{B.value&&$.forwardRef?.(B.value)})});const R=e=>{$.onClick?.(e)};return(t,a)=>(n(),d(r(e.as),{ref_key:"buttonRef",ref:B,"aria-label":e.ariaLabel,class:u(f(k)),"data-testid":e.testId,disabled:"button"===e.as?e.busy||e.disabled:void 0,form:"button"===e.as?e.form:void 0,href:"a"===e.as?e.href:void 0,target:"a"===e.as?e.target:void 0,title:e.title,type:"button"===e.as?e.type:void 0,style:s({width:e.width,height:e.height,...f(X)({color:e.color,variant:e.variant,theme:f(_)})}),onClick:R},{default:c(()=>[e.iconBefore?(n(),d(f(v),{key:0,filled:e.iconFilled,name:e.iconBefore,size:e.iconSize,"test-id":`${e.testId}-icon-before`},null,8,["filled","name","size","test-id"])):p("",!0),f(h)?(n(),m("span",{key:1,class:u(`${L}__content`)},[y(t.$slots,"default")],2)):p("",!0),e.iconAfter?(n(),d(f(v),{key:2,filled:e.iconFilled,name:e.iconAfter,size:e.iconSize,"test-id":`${e.testId}-icon-after`},null,8,["filled","name","size","test-id"])):p("",!0),e.busy?(n(),d(f(b),{key:3,align:f(z).Center,position:f(C).Absolute,size:j(),color:e.color},null,8,["align","position","size","color"])):p("",!0)]),_:3},8,["aria-label","class","data-testid","disabled","form","href","target","title","type","style"]))}});export{k as _};