@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,27 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- count: {
4
- type: PropType<number | null>;
5
- default: null;
6
- };
7
- bordered: {
8
- type: BooleanConstructor;
9
- default: boolean;
10
- };
11
- }>, {
12
- displayCount: ComputedRef<number | "9+" | null>;
13
- hasCount: ComputedRef<boolean>;
14
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
15
- count: {
16
- type: PropType<number | null>;
17
- default: null;
18
- };
19
- bordered: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- }>> & Readonly<{}>, {
24
- count: number | null;
25
- bordered: boolean;
26
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
27
- export default _default;
@@ -1,54 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** When true, the slot label is visually rendered before the control (label left, switch right) */
4
- labelFirst: {
5
- type: BooleanConstructor;
6
- default: boolean;
7
- };
8
- /** Whether the switch is in an "on" or "off" state */
9
- value: {
10
- type: BooleanConstructor;
11
- default: boolean;
12
- };
13
- /** Prevents the user from interacting with the switch */
14
- disabled: {
15
- type: BooleanConstructor;
16
- default: boolean;
17
- };
18
- /** Label for screen-readers. This hides and overrides the normal label. */
19
- ariaLabel: {
20
- type: StringConstructor;
21
- default: string;
22
- };
23
- }>, {
24
- internalValue: Ref<boolean, boolean>;
25
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
26
- /** When true, the slot label is visually rendered before the control (label left, switch right) */
27
- labelFirst: {
28
- type: BooleanConstructor;
29
- default: boolean;
30
- };
31
- /** Whether the switch is in an "on" or "off" state */
32
- value: {
33
- type: BooleanConstructor;
34
- default: boolean;
35
- };
36
- /** Prevents the user from interacting with the switch */
37
- disabled: {
38
- type: BooleanConstructor;
39
- default: boolean;
40
- };
41
- /** Label for screen-readers. This hides and overrides the normal label. */
42
- ariaLabel: {
43
- type: StringConstructor;
44
- default: string;
45
- };
46
- }>> & Readonly<{
47
- onInput?: ((...args: any[]) => any) | undefined;
48
- }>, {
49
- value: boolean;
50
- disabled: boolean;
51
- ariaLabel: string;
52
- labelFirst: boolean;
53
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
54
- export default _default;
@@ -1,392 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComputedRef } from 'vue';
2
- import { FaPropType, FaIcon } from '../types/font-awesome';
3
- import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
4
- import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
5
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
6
- import { CssColor } from '../colors/colors';
7
- declare const _default: DefineComponent<ExtractPropTypes<{
8
- /** Alignment of the content */
9
- align: {
10
- type: PropType<"top" | "center">;
11
- default: string;
12
- };
13
- /** Prevents the user from interacting with the switch */
14
- disabled: {
15
- type: BooleanConstructor;
16
- default: boolean;
17
- };
18
- /** Font Awesome icon to render on the left side of the component */
19
- icon: {
20
- type: FaPropType;
21
- default: null;
22
- };
23
- /** Color of the icon background */
24
- iconColor: {
25
- type: StringConstructor;
26
- default: string;
27
- };
28
- /** Plain body copy. Overridden by the default slot. */
29
- label: {
30
- type: StringConstructor;
31
- default: undefined;
32
- };
33
- /** Emphasized text above body text. Overridden by the default slot. */
34
- title: {
35
- type: StringConstructor;
36
- default: undefined;
37
- };
38
- /** Whether the switch is in an "on" or "off" state */
39
- value: {
40
- type: BooleanConstructor;
41
- default: boolean;
42
- };
43
- }>, {
44
- iconSlotHasContent: Ref<boolean, boolean>;
45
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
46
- /** Alignment of the content */
47
- align: {
48
- type: PropType<"top" | "center">;
49
- default: string;
50
- };
51
- /** Prevents the user from interacting with the switch */
52
- disabled: {
53
- type: BooleanConstructor;
54
- default: boolean;
55
- };
56
- /** Font Awesome icon to render on the left side of the component */
57
- icon: {
58
- type: FaPropType;
59
- default: null;
60
- };
61
- /** Color of the icon background */
62
- iconColor: {
63
- type: StringConstructor;
64
- default: string;
65
- };
66
- /** Plain body copy. Overridden by the default slot. */
67
- label: {
68
- type: StringConstructor;
69
- default: undefined;
70
- };
71
- /** Emphasized text above body text. Overridden by the default slot. */
72
- title: {
73
- type: StringConstructor;
74
- default: undefined;
75
- };
76
- /** Whether the switch is in an "on" or "off" state */
77
- value: {
78
- type: BooleanConstructor;
79
- default: boolean;
80
- };
81
- }>> & Readonly<{
82
- onInput?: ((...args: any[]) => any) | undefined;
83
- }>, {
84
- label: string;
85
- title: string;
86
- value: boolean;
87
- icon: FaIcon;
88
- disabled: boolean;
89
- iconColor: string;
90
- align: "center" | "top";
91
- }, {}, {
92
- CSwitch: DefineComponent<ExtractPropTypes<{
93
- labelFirst: {
94
- type: BooleanConstructor;
95
- default: boolean;
96
- };
97
- value: {
98
- type: BooleanConstructor;
99
- default: boolean;
100
- };
101
- disabled: {
102
- type: BooleanConstructor;
103
- default: boolean;
104
- };
105
- ariaLabel: {
106
- type: StringConstructor;
107
- default: string;
108
- };
109
- }>, {
110
- internalValue: Ref<boolean, boolean>;
111
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
112
- labelFirst: {
113
- type: BooleanConstructor;
114
- default: boolean;
115
- };
116
- value: {
117
- type: BooleanConstructor;
118
- default: boolean;
119
- };
120
- disabled: {
121
- type: BooleanConstructor;
122
- default: boolean;
123
- };
124
- ariaLabel: {
125
- type: StringConstructor;
126
- default: string;
127
- };
128
- }>> & Readonly<{
129
- onInput?: ((...args: any[]) => any) | undefined;
130
- }>, {
131
- value: boolean;
132
- disabled: boolean;
133
- ariaLabel: string;
134
- labelFirst: boolean;
135
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
136
- CListItem: DefineComponent<ExtractPropTypes<{
137
- icon: {
138
- type: FaPropType;
139
- default: null;
140
- };
141
- actionIcon: {
142
- type: FaPropType;
143
- default: null;
144
- };
145
- iconColor: {
146
- type: StringConstructor;
147
- default: string;
148
- };
149
- title: {
150
- type: StringConstructor;
151
- default: undefined;
152
- };
153
- label: {
154
- type: StringConstructor;
155
- default: undefined;
156
- };
157
- to: {
158
- type: PropType< RouteLocationRaw>;
159
- default: undefined;
160
- };
161
- target: {
162
- type: StringConstructor;
163
- default: undefined;
164
- };
165
- href: {
166
- type: StringConstructor;
167
- default: undefined;
168
- };
169
- align: {
170
- type: PropType<"top" | "center">;
171
- default: string;
172
- };
173
- hideAction: {
174
- type: BooleanConstructor;
175
- default: boolean;
176
- };
177
- }>, {
178
- allAttrs: ComputedRef<{
179
- [x: string]: unknown;
180
- }>;
181
- faChevronRight: IconDefinition;
182
- iconSlotHasContent: Ref<boolean, boolean>;
183
- isTappable: ComputedRef<boolean>;
184
- navigate: (event: MouseEvent) => Promise<void>;
185
- renderActionSlot: ComputedRef<boolean>;
186
- routerDestinationOrHref: ComputedRef<string | undefined>;
187
- tag: ComputedRef<"div" | "button" | "a">;
188
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
189
- icon: {
190
- type: FaPropType;
191
- default: null;
192
- };
193
- actionIcon: {
194
- type: FaPropType;
195
- default: null;
196
- };
197
- iconColor: {
198
- type: StringConstructor;
199
- default: string;
200
- };
201
- title: {
202
- type: StringConstructor;
203
- default: undefined;
204
- };
205
- label: {
206
- type: StringConstructor;
207
- default: undefined;
208
- };
209
- to: {
210
- type: PropType< RouteLocationRaw>;
211
- default: undefined;
212
- };
213
- target: {
214
- type: StringConstructor;
215
- default: undefined;
216
- };
217
- href: {
218
- type: StringConstructor;
219
- default: undefined;
220
- };
221
- align: {
222
- type: PropType<"top" | "center">;
223
- default: string;
224
- };
225
- hideAction: {
226
- type: BooleanConstructor;
227
- default: boolean;
228
- };
229
- }>> & Readonly<{}>, {
230
- label: string;
231
- title: string;
232
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
233
- icon: FaIcon;
234
- target: string;
235
- href: string;
236
- iconColor: string;
237
- actionIcon: FaIcon;
238
- align: "center" | "top";
239
- hideAction: boolean;
240
- }, {}, {
241
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
242
- CListItemIcon: DefineComponent<ExtractPropTypes<{
243
- icon: any;
244
- iconColor: any;
245
- }>, {
246
- iconSlotHasContent: Ref<boolean, boolean>;
247
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
248
- icon: any;
249
- iconColor: any;
250
- }>> & Readonly<{}>, {
251
- icon: any;
252
- iconColor: any;
253
- }, {}, {
254
- CSquaredIcon: DefineComponent<ExtractPropTypes<{
255
- icon: {
256
- type: FaPropType;
257
- default: null;
258
- };
259
- color: {
260
- type: StringConstructor;
261
- default: string;
262
- };
263
- large: {
264
- type: BooleanConstructor;
265
- default: boolean;
266
- };
267
- }>, {
268
- cssColor: Ref< CssColor | undefined, CssColor | undefined>;
269
- useWhiteIcon: ComputedRef<boolean>;
270
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
271
- icon: {
272
- type: FaPropType;
273
- default: null;
274
- };
275
- color: {
276
- type: StringConstructor;
277
- default: string;
278
- };
279
- large: {
280
- type: BooleanConstructor;
281
- default: boolean;
282
- };
283
- }>> & Readonly<{}>, {
284
- icon: FaIcon;
285
- color: string;
286
- large: boolean;
287
- }, {}, {
288
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
289
- }, {}, string, ComponentProvideOptions, true, {}, any>;
290
- }, {}, string, ComponentProvideOptions, true, {}, any>;
291
- CListItemContent: DefineComponent<ExtractPropTypes<{
292
- title: {
293
- type: StringConstructor;
294
- default: string;
295
- };
296
- label: {
297
- type: StringConstructor;
298
- default: string;
299
- };
300
- }>, {
301
- titleSlotHasContent: Ref<boolean, boolean>;
302
- labelSlotHasContent: Ref<boolean, boolean>;
303
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
304
- title: {
305
- type: StringConstructor;
306
- default: string;
307
- };
308
- label: {
309
- type: StringConstructor;
310
- default: string;
311
- };
312
- }>> & Readonly<{}>, {
313
- label: string;
314
- title: string;
315
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
316
- }, {}, string, ComponentProvideOptions, true, {}, any>;
317
- CListItemContent: DefineComponent<ExtractPropTypes<{
318
- title: {
319
- type: StringConstructor;
320
- default: string;
321
- };
322
- label: {
323
- type: StringConstructor;
324
- default: string;
325
- };
326
- }>, {
327
- titleSlotHasContent: Ref<boolean, boolean>;
328
- labelSlotHasContent: Ref<boolean, boolean>;
329
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
330
- title: {
331
- type: StringConstructor;
332
- default: string;
333
- };
334
- label: {
335
- type: StringConstructor;
336
- default: string;
337
- };
338
- }>> & Readonly<{}>, {
339
- label: string;
340
- title: string;
341
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
342
- CListItemIcon: DefineComponent<ExtractPropTypes<{
343
- icon: any;
344
- iconColor: any;
345
- }>, {
346
- iconSlotHasContent: Ref<boolean, boolean>;
347
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
348
- icon: any;
349
- iconColor: any;
350
- }>> & Readonly<{}>, {
351
- icon: any;
352
- iconColor: any;
353
- }, {}, {
354
- CSquaredIcon: DefineComponent<ExtractPropTypes<{
355
- icon: {
356
- type: FaPropType;
357
- default: null;
358
- };
359
- color: {
360
- type: StringConstructor;
361
- default: string;
362
- };
363
- large: {
364
- type: BooleanConstructor;
365
- default: boolean;
366
- };
367
- }>, {
368
- cssColor: Ref< CssColor | undefined, CssColor | undefined>;
369
- useWhiteIcon: ComputedRef<boolean>;
370
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
371
- icon: {
372
- type: FaPropType;
373
- default: null;
374
- };
375
- color: {
376
- type: StringConstructor;
377
- default: string;
378
- };
379
- large: {
380
- type: BooleanConstructor;
381
- default: boolean;
382
- };
383
- }>> & Readonly<{}>, {
384
- icon: FaIcon;
385
- color: string;
386
- large: boolean;
387
- }, {}, {
388
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
389
- }, {}, string, ComponentProvideOptions, true, {}, any>;
390
- }, {}, string, ComponentProvideOptions, true, {}, any>;
391
- }, {}, string, ComponentProvideOptions, true, {}, any>;
392
- export default _default;