@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,398 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- import { Rules } from '../composables/validations';
3
- import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
4
- import { HexColor, isValidColor, CssColor } from '../colors/colors';
5
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
6
- declare const _default: DefineComponent<ExtractPropTypes<{
7
- dataTest: {
8
- type: StringConstructor;
9
- default: string;
10
- };
11
- id: {
12
- type: StringConstructor;
13
- default: undefined;
14
- };
15
- label: {
16
- type: PropType<string | null>;
17
- default: null;
18
- };
19
- required: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- rules: {
24
- type: PropType<Rules<string>>;
25
- default: () => never[];
26
- };
27
- hideLabel: {
28
- type: BooleanConstructor;
29
- default: boolean;
30
- };
31
- hideDetails: {
32
- type: BooleanConstructor;
33
- default: boolean;
34
- };
35
- value: {
36
- type: StringConstructor;
37
- default: string;
38
- };
39
- disabled: {
40
- type: BooleanConstructor;
41
- default: boolean;
42
- };
43
- }>, {
44
- localDay: Ref<string, string>;
45
- localMonth: Ref<string, string>;
46
- localYear: Ref<string, string>;
47
- dayRules: ComputedRef<(() => boolean)[]>;
48
- monthRules: ComputedRef<(() => boolean)[]>;
49
- yearRules: ComputedRef<(() => boolean)[]>;
50
- dayOptions: ComputedRef<{
51
- value: string;
52
- label: string;
53
- }[]>;
54
- monthOptions: {
55
- value: string;
56
- label: string;
57
- }[];
58
- yearOptions: {
59
- value: string;
60
- label: string;
61
- }[];
62
- computedLabel: ComputedRef<string>;
63
- hasError: Ref<boolean, boolean>;
64
- messages: Ref<string[], string[]>;
65
- localValue: ComputedRef<string>;
66
- message: ComputedRef<string>;
67
- emitDate: () => void;
68
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("input" | "focus" | "blur")[], "input" | "focus" | "blur", PublicProps, Readonly< ExtractPropTypes<{
69
- dataTest: {
70
- type: StringConstructor;
71
- default: string;
72
- };
73
- id: {
74
- type: StringConstructor;
75
- default: undefined;
76
- };
77
- label: {
78
- type: PropType<string | null>;
79
- default: null;
80
- };
81
- required: {
82
- type: BooleanConstructor;
83
- default: boolean;
84
- };
85
- rules: {
86
- type: PropType<Rules<string>>;
87
- default: () => never[];
88
- };
89
- hideLabel: {
90
- type: BooleanConstructor;
91
- default: boolean;
92
- };
93
- hideDetails: {
94
- type: BooleanConstructor;
95
- default: boolean;
96
- };
97
- value: {
98
- type: StringConstructor;
99
- default: string;
100
- };
101
- disabled: {
102
- type: BooleanConstructor;
103
- default: boolean;
104
- };
105
- }>> & Readonly<{
106
- onFocus?: ((...args: any[]) => any) | undefined;
107
- onBlur?: ((...args: any[]) => any) | undefined;
108
- onInput?: ((...args: any[]) => any) | undefined;
109
- }>, {
110
- label: string | null;
111
- id: string;
112
- value: string;
113
- dataTest: string;
114
- disabled: boolean;
115
- rules: Rules<string>;
116
- required: boolean;
117
- hideDetails: boolean;
118
- hideLabel: boolean;
119
- }, {}, {
120
- CSelect: DefineComponent<ExtractPropTypes<{
121
- label: {
122
- type: StringConstructor;
123
- default: undefined;
124
- };
125
- ariaLabel: {
126
- type: StringConstructor;
127
- default: undefined;
128
- };
129
- placeholder: {
130
- type: StringConstructor;
131
- default: undefined;
132
- };
133
- id: {
134
- type: StringConstructor;
135
- default: undefined;
136
- };
137
- items: {
138
- type: PropType<{
139
- label: string;
140
- value: string;
141
- disabled?: boolean;
142
- }[]>;
143
- default: () => never[];
144
- };
145
- disabled: {
146
- type: BooleanConstructor;
147
- default: boolean;
148
- };
149
- value: {
150
- type: StringConstructor;
151
- default: string;
152
- };
153
- dataTest: {
154
- type: StringConstructor;
155
- default: string;
156
- };
157
- hideLabel: {
158
- type: BooleanConstructor;
159
- default: boolean;
160
- };
161
- hideDetails: {
162
- type: PropType<boolean | "auto">;
163
- default: boolean;
164
- };
165
- loading: {
166
- type: BooleanConstructor;
167
- default: boolean;
168
- };
169
- rules: {
170
- type: PropType<((value: string) => string | boolean)[]>;
171
- default: () => never[];
172
- };
173
- required: {
174
- type: BooleanConstructor;
175
- default: boolean;
176
- };
177
- }>, {
178
- inputValue: Ref<string, string>;
179
- validationListeners: Record<string, (event: Event) => void>;
180
- validationMessage: Ref<string | null, string | null>;
181
- isValidationValid: Ref<boolean | null, boolean | null>;
182
- select: Ref<HTMLSelectElement | null, HTMLSelectElement | null>;
183
- faChevronDown: IconDefinition;
184
- onInput: (event: Event) => void;
185
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("input" | "focus" | "blur" | "keydown")[], "input" | "focus" | "blur" | "keydown", PublicProps, Readonly< ExtractPropTypes<{
186
- label: {
187
- type: StringConstructor;
188
- default: undefined;
189
- };
190
- ariaLabel: {
191
- type: StringConstructor;
192
- default: undefined;
193
- };
194
- placeholder: {
195
- type: StringConstructor;
196
- default: undefined;
197
- };
198
- id: {
199
- type: StringConstructor;
200
- default: undefined;
201
- };
202
- items: {
203
- type: PropType<{
204
- label: string;
205
- value: string;
206
- disabled?: boolean;
207
- }[]>;
208
- default: () => never[];
209
- };
210
- disabled: {
211
- type: BooleanConstructor;
212
- default: boolean;
213
- };
214
- value: {
215
- type: StringConstructor;
216
- default: string;
217
- };
218
- dataTest: {
219
- type: StringConstructor;
220
- default: string;
221
- };
222
- hideLabel: {
223
- type: BooleanConstructor;
224
- default: boolean;
225
- };
226
- hideDetails: {
227
- type: PropType<boolean | "auto">;
228
- default: boolean;
229
- };
230
- loading: {
231
- type: BooleanConstructor;
232
- default: boolean;
233
- };
234
- rules: {
235
- type: PropType<((value: string) => string | boolean)[]>;
236
- default: () => never[];
237
- };
238
- required: {
239
- type: BooleanConstructor;
240
- default: boolean;
241
- };
242
- }>> & Readonly<{
243
- onFocus?: ((...args: any[]) => any) | undefined;
244
- onBlur?: ((...args: any[]) => any) | undefined;
245
- onInput?: ((...args: any[]) => any) | undefined;
246
- onKeydown?: ((...args: any[]) => any) | undefined;
247
- }>, {
248
- label: string;
249
- id: string;
250
- value: string;
251
- dataTest: string;
252
- placeholder: string;
253
- loading: boolean;
254
- disabled: boolean;
255
- ariaLabel: string;
256
- rules: ((value: string) => string | boolean)[];
257
- required: boolean;
258
- hideDetails: boolean | "auto";
259
- hideLabel: boolean;
260
- items: {
261
- label: string;
262
- value: string;
263
- disabled?: boolean;
264
- }[];
265
- }, {}, {
266
- CLoader: DefineComponent<ExtractPropTypes<{
267
- accessibleText: {
268
- type: StringConstructor;
269
- default: undefined;
270
- };
271
- color: {
272
- type: PropType< HexColor | string>;
273
- default: string;
274
- validator: isValidColor;
275
- };
276
- small: {
277
- type: BooleanConstructor;
278
- default: boolean;
279
- };
280
- size: {
281
- type: PropType<"sm" | "lg" | "md">;
282
- default: string;
283
- };
284
- trackColor: {
285
- type: PropType< HexColor | string>;
286
- default: string;
287
- validator: isValidColor;
288
- };
289
- }>, {
290
- computedSize: ComputedRef<"sm" | "lg" | "md">;
291
- indicatorColorCode: Ref< CssColor | undefined, CssColor | undefined>;
292
- SIZE_TO_FONT_SIZE: Record<"sm" | "lg" | "md", `${number}px`>;
293
- SIZE_TO_TRACK_WIDTH: Record<"sm" | "lg" | "md", `${number}px`>;
294
- trackColorCode: Ref< CssColor | undefined, CssColor | undefined>;
295
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
296
- accessibleText: {
297
- type: StringConstructor;
298
- default: undefined;
299
- };
300
- color: {
301
- type: PropType< HexColor | string>;
302
- default: string;
303
- validator: isValidColor;
304
- };
305
- small: {
306
- type: BooleanConstructor;
307
- default: boolean;
308
- };
309
- size: {
310
- type: PropType<"sm" | "lg" | "md">;
311
- default: string;
312
- };
313
- trackColor: {
314
- type: PropType< HexColor | string>;
315
- default: string;
316
- validator: isValidColor;
317
- };
318
- }>> & Readonly<{}>, {
319
- small: boolean;
320
- size: "sm" | "lg" | "md";
321
- accessibleText: string;
322
- color: string;
323
- trackColor: string;
324
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
325
- CValidationMessage: DefineComponent<ExtractPropTypes<{
326
- dataTest: {
327
- type: StringConstructor;
328
- default: string;
329
- };
330
- validationMessage: {
331
- type: PropType<string | null>;
332
- default: null;
333
- };
334
- hide: {
335
- type: PropType<boolean | "auto">;
336
- default: boolean;
337
- };
338
- }>, {
339
- isHidden: ComputedRef<boolean>;
340
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
341
- dataTest: {
342
- type: StringConstructor;
343
- default: string;
344
- };
345
- validationMessage: {
346
- type: PropType<string | null>;
347
- default: null;
348
- };
349
- hide: {
350
- type: PropType<boolean | "auto">;
351
- default: boolean;
352
- };
353
- }>> & Readonly<{}>, {
354
- dataTest: string;
355
- validationMessage: string | null;
356
- hide: boolean | "auto";
357
- }, {}, {
358
- CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
359
- }, {}, string, ComponentProvideOptions, true, {}, any>;
360
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
361
- }, {}, string, ComponentProvideOptions, true, {}, any>;
362
- CValidationMessage: DefineComponent<ExtractPropTypes<{
363
- dataTest: {
364
- type: StringConstructor;
365
- default: string;
366
- };
367
- validationMessage: {
368
- type: PropType<string | null>;
369
- default: null;
370
- };
371
- hide: {
372
- type: PropType<boolean | "auto">;
373
- default: boolean;
374
- };
375
- }>, {
376
- isHidden: ComputedRef<boolean>;
377
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
378
- dataTest: {
379
- type: StringConstructor;
380
- default: string;
381
- };
382
- validationMessage: {
383
- type: PropType<string | null>;
384
- default: null;
385
- };
386
- hide: {
387
- type: PropType<boolean | "auto">;
388
- default: boolean;
389
- };
390
- }>> & Readonly<{}>, {
391
- dataTest: string;
392
- validationMessage: string | null;
393
- hide: boolean | "auto";
394
- }, {}, {
395
- CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
396
- }, {}, string, ComponentProvideOptions, true, {}, any>;
397
- }, {}, string, ComponentProvideOptions, true, {}, any>;
398
- export default _default;