@propelinc/citrus-ui 1.0.0 → 1.0.2

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 (122) hide show
  1. package/README.md +21 -15
  2. package/dist/index.cdn.css +1 -0
  3. package/dist/index.cdn.mjs +21718 -0
  4. package/dist/index.cdn.mjs.map +1 -0
  5. package/dist/styles/main.css +466 -62
  6. package/dist/styles/utils.css +390 -0
  7. package/package.json +5 -2
  8. package/src/components/CTextField.vue +11 -5
  9. package/src/styles/_core.scss +1 -0
  10. package/src/styles/_reset.scss +93 -78
  11. package/src/styles/utils.scss +50 -0
  12. package/dist/colors/colors.d.ts +0 -31
  13. package/dist/colors/theme.d.ts +0 -3
  14. package/dist/colors/util-classes.d.ts +0 -11
  15. package/dist/components/CAccordion.vue.d.ts +0 -21
  16. package/dist/components/CAccordionItem.vue.d.ts +0 -41
  17. package/dist/components/CAppBar.vue.d.ts +0 -156
  18. package/dist/components/CBadge.vue.d.ts +0 -52
  19. package/dist/components/CBottomSheet.vue.d.ts +0 -226
  20. package/dist/components/CButton/CButton.vue.d.ts +0 -231
  21. package/dist/components/CButton/types.d.ts +0 -5
  22. package/dist/components/CButtonStack.vue.d.ts +0 -24
  23. package/dist/components/CCard.vue.d.ts +0 -107
  24. package/dist/components/CCardFooter.vue.d.ts +0 -26
  25. package/dist/components/CCardHeader.vue.d.ts +0 -3
  26. package/dist/components/CCardSection.vue.d.ts +0 -17
  27. package/dist/components/CCheckbox.vue.d.ts +0 -145
  28. package/dist/components/CCol.vue.d.ts +0 -21
  29. package/dist/components/CDivider.vue.d.ts +0 -17
  30. package/dist/components/CDobField.vue.d.ts +0 -2109
  31. package/dist/components/CDobSelect.vue.d.ts +0 -398
  32. package/dist/components/CEmailField.vue.d.ts +0 -699
  33. package/dist/components/CExpandTransition.vue.d.ts +0 -19
  34. package/dist/components/CFadeTransition.vue.d.ts +0 -3
  35. package/dist/components/CFileInput.vue.d.ts +0 -98
  36. package/dist/components/CFixedPageFooter.vue.d.ts +0 -106
  37. package/dist/components/CForm.vue.d.ts +0 -29
  38. package/dist/components/CFormFieldCounter.vue.d.ts +0 -42
  39. package/dist/components/CIconButton.vue.d.ts +0 -390
  40. package/dist/components/CLabel.vue.d.ts +0 -32
  41. package/dist/components/CListItem.vue.d.ts +0 -208
  42. package/dist/components/CListItemContent.vue.d.ts +0 -27
  43. package/dist/components/CListItemIcon.vue.d.ts +0 -54
  44. package/dist/components/CLoader.vue.d.ts +0 -73
  45. package/dist/components/CLogo.vue.d.ts +0 -19
  46. package/dist/components/CMaskedTextField.vue.d.ts +0 -2012
  47. package/dist/components/CMenu.vue.d.ts +0 -6
  48. package/dist/components/CMenuItem.vue.d.ts +0 -170
  49. package/dist/components/CMenuLabel.vue.d.ts +0 -3
  50. package/dist/components/CModal.vue.d.ts +0 -206
  51. package/dist/components/CModalLoading.vue.d.ts +0 -230
  52. package/dist/components/CNotification.vue.d.ts +0 -589
  53. package/dist/components/CPhoneField.vue.d.ts +0 -2088
  54. package/dist/components/CPill.vue.d.ts +0 -42
  55. package/dist/components/CPillGroup.vue.d.ts +0 -70
  56. package/dist/components/CPopup.vue.d.ts +0 -21
  57. package/dist/components/CProgressLinear.vue.d.ts +0 -61
  58. package/dist/components/CProgressRing.vue.d.ts +0 -103
  59. package/dist/components/CRadio.vue.d.ts +0 -73
  60. package/dist/components/CRadioGroup.vue.d.ts +0 -123
  61. package/dist/components/CRebrand.vue.d.ts +0 -28
  62. package/dist/components/CRow.vue.d.ts +0 -67
  63. package/dist/components/CSafeArea.vue.d.ts +0 -18
  64. package/dist/components/CSectionHeader.vue.d.ts +0 -28
  65. package/dist/components/CSelect.vue.d.ts +0 -293
  66. package/dist/components/CSkeleton.vue.d.ts +0 -3
  67. package/dist/components/CSkeletonLoaderCard.vue.d.ts +0 -21
  68. package/dist/components/CSkeletonLoaderCircle.vue.d.ts +0 -5
  69. package/dist/components/CSkeletonLoaderText.vue.d.ts +0 -44
  70. package/dist/components/CSlideFadeTransition.vue.d.ts +0 -58
  71. package/dist/components/CSplitInput.vue.d.ts +0 -2131
  72. package/dist/components/CSquaredIcon.vue.d.ts +0 -47
  73. package/dist/components/CSsnField.vue.d.ts +0 -2083
  74. package/dist/components/CStatusDot.vue.d.ts +0 -27
  75. package/dist/components/CSwitch.vue.d.ts +0 -54
  76. package/dist/components/CSwitchListItem.vue.d.ts +0 -392
  77. package/dist/components/CTextArea.vue.d.ts +0 -240
  78. package/dist/components/CTextField.vue.d.ts +0 -647
  79. package/dist/components/CTextLink.vue.d.ts +0 -55
  80. package/dist/components/CThirdPartyLogo.vue.d.ts +0 -128
  81. package/dist/components/CTimeago.vue.d.ts +0 -12
  82. package/dist/components/CToast.vue.d.ts +0 -458
  83. package/dist/components/CToastsList.vue.d.ts +0 -430
  84. package/dist/components/CValidationMessage.vue.d.ts +0 -45
  85. package/dist/components/CZipcodeField.vue.d.ts +0 -2080
  86. package/dist/components/index.d.ts +0 -66
  87. package/dist/components/internal/CCloseButton.vue.d.ts +0 -14
  88. package/dist/composables/accessibility.d.ts +0 -1
  89. package/dist/composables/animation.d.ts +0 -12
  90. package/dist/composables/binding.d.ts +0 -19
  91. package/dist/composables/colors.d.ts +0 -13
  92. package/dist/composables/elements.d.ts +0 -3
  93. package/dist/composables/fields.d.ts +0 -9
  94. package/dist/composables/gestures.d.ts +0 -53
  95. package/dist/composables/i18n.d.ts +0 -3
  96. package/dist/composables/id.d.ts +0 -11
  97. package/dist/composables/input-mask.d.ts +0 -18
  98. package/dist/composables/router.d.ts +0 -30
  99. package/dist/composables/slots.d.ts +0 -2
  100. package/dist/composables/toast.d.ts +0 -21
  101. package/dist/composables/validations.d.ts +0 -77
  102. package/dist/index.css +0 -1
  103. package/dist/index.d.ts +0 -8
  104. package/dist/index.mjs +0 -11738
  105. package/dist/index.mjs.map +0 -1
  106. package/dist/plugin.d.ts +0 -3
  107. package/dist/services/animation.d.ts +0 -17
  108. package/dist/services/directives/index.d.ts +0 -2
  109. package/dist/services/directives/scroll-into-view.d.ts +0 -7
  110. package/dist/services/directives/tap-animation.d.ts +0 -6
  111. package/dist/services/id.d.ts +0 -22
  112. package/dist/services/injections/accordions.d.ts +0 -3
  113. package/dist/services/injections/animations.d.ts +0 -2
  114. package/dist/services/injections/buttons.d.ts +0 -4
  115. package/dist/services/injections/forms.d.ts +0 -6
  116. package/dist/services/injections/icon-buttons.d.ts +0 -3
  117. package/dist/services/injections/pills.d.ts +0 -4
  118. package/dist/services/injections/radio.d.ts +0 -10
  119. package/dist/theme/icons.d.ts +0 -36
  120. package/dist/types/CForm.d.ts +0 -12
  121. package/dist/types/font-awesome.d.ts +0 -5
  122. package/dist/types.d.ts +0 -12
@@ -1,430 +0,0 @@
1
- import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComputedRef, ComponentProvideOptions } from 'vue';
2
- import { Toast } from '../composables/toast';
3
- import { ToastVariant } from '..';
4
- import { SlAlert } from '@shoelace-style/shoelace';
5
- import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
6
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
7
- import { ButtonLevel, ButtonSize, ButtonVariant, ButtonIconPosition, ButtonShoelaceVariant } from './CButton/types';
8
- import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
9
- declare const _default: DefineComponent<{}, {
10
- toasts: Ref< Toast[], Toast[]>;
11
- dismissToast: (id: Toast["id"]) => void;
12
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
13
- CToast: DefineComponent<ExtractPropTypes<{
14
- value: {
15
- type: BooleanConstructor;
16
- default: boolean;
17
- };
18
- message: {
19
- type: StringConstructor;
20
- default: string;
21
- };
22
- error: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- deprecated: boolean;
26
- };
27
- success: {
28
- type: BooleanConstructor;
29
- default: boolean;
30
- deprecated: boolean;
31
- };
32
- warning: {
33
- type: BooleanConstructor;
34
- default: boolean;
35
- deprecated: boolean;
36
- };
37
- variant: {
38
- type: PropType<ToastVariant>;
39
- default: string;
40
- };
41
- dismissible: {
42
- type: PropType<boolean | undefined>;
43
- default: undefined;
44
- };
45
- dataTest: {
46
- type: StringConstructor;
47
- default: string;
48
- };
49
- }>, {
50
- duration: ComputedRef<number>;
51
- alert: Ref< SlAlert | null, SlAlert | null>;
52
- icon: ComputedRef<IconDefinition>;
53
- faXmark: IconDefinition;
54
- isOpen: Ref<boolean, boolean>;
55
- computedVariant: ComputedRef<ToastVariant>;
56
- close: () => Promise<void>;
57
- onHide: () => void;
58
- transform: ComputedRef<string>;
59
- resetAnimation: () => void;
60
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("input" | "hide")[], "input" | "hide", PublicProps, Readonly< ExtractPropTypes<{
61
- value: {
62
- type: BooleanConstructor;
63
- default: boolean;
64
- };
65
- message: {
66
- type: StringConstructor;
67
- default: string;
68
- };
69
- error: {
70
- type: BooleanConstructor;
71
- default: boolean;
72
- deprecated: boolean;
73
- };
74
- success: {
75
- type: BooleanConstructor;
76
- default: boolean;
77
- deprecated: boolean;
78
- };
79
- warning: {
80
- type: BooleanConstructor;
81
- default: boolean;
82
- deprecated: boolean;
83
- };
84
- variant: {
85
- type: PropType<ToastVariant>;
86
- default: string;
87
- };
88
- dismissible: {
89
- type: PropType<boolean | undefined>;
90
- default: undefined;
91
- };
92
- dataTest: {
93
- type: StringConstructor;
94
- default: string;
95
- };
96
- }>> & Readonly<{
97
- onInput?: ((...args: any[]) => any) | undefined;
98
- onHide?: ((...args: any[]) => any) | undefined;
99
- }>, {
100
- value: boolean;
101
- dataTest: string;
102
- error: boolean;
103
- message: string;
104
- variant: ToastVariant;
105
- warning: boolean;
106
- dismissible: boolean | undefined;
107
- success: boolean;
108
- }, {}, {
109
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
110
- CIconButton: DefineComponent<ExtractPropTypes<{
111
- ariaLabel: {
112
- type: StringConstructor;
113
- default: undefined;
114
- };
115
- ariaLabelledby: {
116
- type: StringConstructor;
117
- default: undefined;
118
- };
119
- disabled: {
120
- type: BooleanConstructor;
121
- default: boolean;
122
- };
123
- href: {
124
- type: StringConstructor;
125
- default: undefined;
126
- };
127
- icon: {
128
- type: PropType<string | string[] | IconDefinition>;
129
- default: undefined;
130
- };
131
- large: {
132
- type: BooleanConstructor;
133
- default: boolean;
134
- deprecated: boolean;
135
- };
136
- level: {
137
- type: PropType<ButtonLevel>;
138
- default: string;
139
- };
140
- loading: {
141
- type: BooleanConstructor;
142
- default: boolean;
143
- };
144
- secondary: {
145
- type: BooleanConstructor;
146
- default: boolean;
147
- deprecated: boolean;
148
- };
149
- size: {
150
- type: PropType<ButtonSize>;
151
- default: string;
152
- };
153
- spinIcon: {
154
- type: BooleanConstructor;
155
- default: boolean;
156
- };
157
- target: {
158
- type: StringConstructor;
159
- default: undefined;
160
- };
161
- tertiary: {
162
- type: BooleanConstructor;
163
- default: boolean;
164
- deprecated: boolean;
165
- };
166
- to: {
167
- type: PropType<RouteLocationRaw>;
168
- default: undefined;
169
- };
170
- variant: {
171
- type: PropType<ButtonVariant>;
172
- default: string;
173
- };
174
- }>, {
175
- computedSize: ComputedRef<ButtonSize>;
176
- computedVariant: ComputedRef<ButtonVariant>;
177
- inheritColor: Ref<boolean, boolean> | undefined;
178
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
179
- ariaLabel: {
180
- type: StringConstructor;
181
- default: undefined;
182
- };
183
- ariaLabelledby: {
184
- type: StringConstructor;
185
- default: undefined;
186
- };
187
- disabled: {
188
- type: BooleanConstructor;
189
- default: boolean;
190
- };
191
- href: {
192
- type: StringConstructor;
193
- default: undefined;
194
- };
195
- icon: {
196
- type: PropType<string | string[] | IconDefinition>;
197
- default: undefined;
198
- };
199
- large: {
200
- type: BooleanConstructor;
201
- default: boolean;
202
- deprecated: boolean;
203
- };
204
- level: {
205
- type: PropType<ButtonLevel>;
206
- default: string;
207
- };
208
- loading: {
209
- type: BooleanConstructor;
210
- default: boolean;
211
- };
212
- secondary: {
213
- type: BooleanConstructor;
214
- default: boolean;
215
- deprecated: boolean;
216
- };
217
- size: {
218
- type: PropType<ButtonSize>;
219
- default: string;
220
- };
221
- spinIcon: {
222
- type: BooleanConstructor;
223
- default: boolean;
224
- };
225
- target: {
226
- type: StringConstructor;
227
- default: undefined;
228
- };
229
- tertiary: {
230
- type: BooleanConstructor;
231
- default: boolean;
232
- deprecated: boolean;
233
- };
234
- to: {
235
- type: PropType<RouteLocationRaw>;
236
- default: undefined;
237
- };
238
- variant: {
239
- type: PropType<ButtonVariant>;
240
- default: string;
241
- };
242
- }>> & Readonly<{
243
- onFocus?: ((...args: any[]) => any) | undefined;
244
- onBlur?: ((...args: any[]) => any) | undefined;
245
- onClick?: ((...args: any[]) => any) | undefined;
246
- }>, {
247
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
248
- size: ButtonSize;
249
- icon: string | string[] | IconDefinition;
250
- target: string;
251
- tertiary: boolean;
252
- loading: boolean;
253
- large: boolean;
254
- disabled: boolean;
255
- ariaLabel: string;
256
- secondary: boolean;
257
- href: string;
258
- level: ButtonLevel;
259
- variant: ButtonVariant;
260
- ariaLabelledby: string;
261
- spinIcon: boolean;
262
- }, {}, {
263
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
264
- CButton: DefineComponent<ExtractPropTypes<{
265
- block: {
266
- type: BooleanConstructor;
267
- default: boolean;
268
- };
269
- disabled: {
270
- type: BooleanConstructor;
271
- default: boolean;
272
- };
273
- href: {
274
- type: StringConstructor;
275
- default: undefined;
276
- };
277
- icon: {
278
- type: PropType<string | string[] | IconDefinition>;
279
- default: undefined;
280
- };
281
- iconPosition: {
282
- type: PropType<ButtonIconPosition>;
283
- default: string;
284
- validator: (value: string) => boolean;
285
- };
286
- large: {
287
- type: BooleanConstructor;
288
- default: boolean;
289
- deprecated: boolean;
290
- };
291
- level: {
292
- type: PropType<ButtonLevel>;
293
- default: string;
294
- validator: (value: string) => boolean;
295
- };
296
- loading: {
297
- type: BooleanConstructor;
298
- default: boolean;
299
- };
300
- secondary: {
301
- type: BooleanConstructor;
302
- default: boolean;
303
- deprecated: boolean;
304
- };
305
- size: {
306
- type: PropType<ButtonSize>;
307
- default: string;
308
- validator: (value: string) => boolean;
309
- };
310
- target: {
311
- type: StringConstructor;
312
- default: undefined;
313
- };
314
- tertiary: {
315
- type: BooleanConstructor;
316
- default: boolean;
317
- deprecated: boolean;
318
- };
319
- to: {
320
- type: PropType<RouteLocationRaw>;
321
- default: undefined;
322
- };
323
- variant: {
324
- type: PropType<ButtonVariant>;
325
- default: string;
326
- validator: (value: string) => boolean;
327
- };
328
- }>, {
329
- animationListeners: Record<string, () => void>;
330
- button: Ref<HTMLElement | null, HTMLElement | null>;
331
- computedSize: ComputedRef<ButtonSize>;
332
- computedVariant: ComputedRef<ButtonVariant>;
333
- dataBlock: ComputedRef<true | undefined>;
334
- dataLoading: ComputedRef<true | undefined>;
335
- hasIcon: ComputedRef<boolean>;
336
- injectedOrPropBlock: ComputedRef<boolean>;
337
- injectedOrPropsLarge: ComputedRef<boolean>;
338
- onClick: (event: MouseEvent) => void;
339
- routerDestinationOrHref: ComputedRef<string | undefined>;
340
- shoelaceVariant: ComputedRef<ButtonShoelaceVariant>;
341
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
342
- block: {
343
- type: BooleanConstructor;
344
- default: boolean;
345
- };
346
- disabled: {
347
- type: BooleanConstructor;
348
- default: boolean;
349
- };
350
- href: {
351
- type: StringConstructor;
352
- default: undefined;
353
- };
354
- icon: {
355
- type: PropType<string | string[] | IconDefinition>;
356
- default: undefined;
357
- };
358
- iconPosition: {
359
- type: PropType<ButtonIconPosition>;
360
- default: string;
361
- validator: (value: string) => boolean;
362
- };
363
- large: {
364
- type: BooleanConstructor;
365
- default: boolean;
366
- deprecated: boolean;
367
- };
368
- level: {
369
- type: PropType<ButtonLevel>;
370
- default: string;
371
- validator: (value: string) => boolean;
372
- };
373
- loading: {
374
- type: BooleanConstructor;
375
- default: boolean;
376
- };
377
- secondary: {
378
- type: BooleanConstructor;
379
- default: boolean;
380
- deprecated: boolean;
381
- };
382
- size: {
383
- type: PropType<ButtonSize>;
384
- default: string;
385
- validator: (value: string) => boolean;
386
- };
387
- target: {
388
- type: StringConstructor;
389
- default: undefined;
390
- };
391
- tertiary: {
392
- type: BooleanConstructor;
393
- default: boolean;
394
- deprecated: boolean;
395
- };
396
- to: {
397
- type: PropType<RouteLocationRaw>;
398
- default: undefined;
399
- };
400
- variant: {
401
- type: PropType<ButtonVariant>;
402
- default: string;
403
- validator: (value: string) => boolean;
404
- };
405
- }>> & Readonly<{
406
- onFocus?: ((...args: any[]) => any) | undefined;
407
- onBlur?: ((...args: any[]) => any) | undefined;
408
- onClick?: ((...args: any[]) => any) | undefined;
409
- }>, {
410
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
411
- size: ButtonSize;
412
- icon: string | string[] | IconDefinition;
413
- target: string;
414
- tertiary: boolean;
415
- loading: boolean;
416
- block: boolean;
417
- large: boolean;
418
- disabled: boolean;
419
- secondary: boolean;
420
- href: string;
421
- iconPosition: ButtonIconPosition;
422
- level: ButtonLevel;
423
- variant: ButtonVariant;
424
- }, {}, {
425
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
426
- }, {}, string, ComponentProvideOptions, true, {}, any>;
427
- }, {}, string, ComponentProvideOptions, true, {}, any>;
428
- }, {}, string, ComponentProvideOptions, true, {}, any>;
429
- }, {}, string, ComponentProvideOptions, true, {}, any>;
430
- export default _default;
@@ -1,45 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** Test selector for the component */
4
- dataTest: {
5
- type: StringConstructor;
6
- default: string;
7
- };
8
- /** Validation message to display */
9
- validationMessage: {
10
- type: PropType<string | null>;
11
- default: null;
12
- };
13
- /** Whether to hide the component. If "auto", the component will automatically
14
- * hide itself if it has no content. */
15
- hide: {
16
- type: PropType<boolean | "auto">;
17
- default: boolean;
18
- };
19
- }>, {
20
- isHidden: ComputedRef<boolean>;
21
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
22
- /** Test selector for the component */
23
- dataTest: {
24
- type: StringConstructor;
25
- default: string;
26
- };
27
- /** Validation message to display */
28
- validationMessage: {
29
- type: PropType<string | null>;
30
- default: null;
31
- };
32
- /** Whether to hide the component. If "auto", the component will automatically
33
- * hide itself if it has no content. */
34
- hide: {
35
- type: PropType<boolean | "auto">;
36
- default: boolean;
37
- };
38
- }>> & Readonly<{}>, {
39
- dataTest: string;
40
- validationMessage: string | null;
41
- hide: boolean | "auto";
42
- }, {}, {
43
- CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
44
- }, {}, string, ComponentProvideOptions, true, {}, any>;
45
- export default _default;