@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,145 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComputedRef, ComponentProvideOptions } from 'vue';
2
- import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
3
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
4
- declare const _default: DefineComponent<ExtractPropTypes<{
5
- /** Assigns the checkbox's id */
6
- id: {
7
- type: PropType<string | null>;
8
- default: null;
9
- };
10
- /** The label text for the checkbox. */
11
- label: {
12
- type: StringConstructor;
13
- default: undefined;
14
- };
15
- /** Whether the checkbox is checked */
16
- value: {
17
- type: BooleanConstructor;
18
- default: boolean;
19
- };
20
- /** A custom data-test selector */
21
- dataTest: {
22
- type: StringConstructor;
23
- default: string;
24
- };
25
- /**
26
- * An array of functions that either return either true / false or a string
27
- * containing an error message. The component passes the input value as an
28
- * argument. The input field will enter an error state if a function does
29
- * not return true.
30
- * */
31
- rules: {
32
- type: PropType<((value: boolean) => string | boolean)[]>;
33
- default: () => never[];
34
- };
35
- /** Hides the validation message area. */
36
- hideDetails: {
37
- type: PropType<boolean | "auto">;
38
- default: boolean;
39
- };
40
- /** Controls the appearance of the checkbox. */
41
- variant: {
42
- type: PropType<"contained" | "minimal">;
43
- default: string;
44
- };
45
- }>, {
46
- checkbox: Ref<HTMLInputElement | null, HTMLInputElement | null>;
47
- faCheck: IconDefinition;
48
- idWithFallback: Ref<string, string>;
49
- internalValue: Ref<boolean, boolean>;
50
- onChange: (event: Event) => void;
51
- validationMessage: Ref<string | null, string | null>;
52
- isValidationValid: Ref<boolean | null, boolean | null>;
53
- validationListeners: Record<string, (event: Event) => void>;
54
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "focus" | "blur")[], "change" | "focus" | "blur", PublicProps, Readonly< ExtractPropTypes<{
55
- /** Assigns the checkbox's id */
56
- id: {
57
- type: PropType<string | null>;
58
- default: null;
59
- };
60
- /** The label text for the checkbox. */
61
- label: {
62
- type: StringConstructor;
63
- default: undefined;
64
- };
65
- /** Whether the checkbox is checked */
66
- value: {
67
- type: BooleanConstructor;
68
- default: boolean;
69
- };
70
- /** A custom data-test selector */
71
- dataTest: {
72
- type: StringConstructor;
73
- default: string;
74
- };
75
- /**
76
- * An array of functions that either return either true / false or a string
77
- * containing an error message. The component passes the input value as an
78
- * argument. The input field will enter an error state if a function does
79
- * not return true.
80
- * */
81
- rules: {
82
- type: PropType<((value: boolean) => string | boolean)[]>;
83
- default: () => never[];
84
- };
85
- /** Hides the validation message area. */
86
- hideDetails: {
87
- type: PropType<boolean | "auto">;
88
- default: boolean;
89
- };
90
- /** Controls the appearance of the checkbox. */
91
- variant: {
92
- type: PropType<"contained" | "minimal">;
93
- default: string;
94
- };
95
- }>> & Readonly<{
96
- onChange?: ((...args: any[]) => any) | undefined;
97
- onFocus?: ((...args: any[]) => any) | undefined;
98
- onBlur?: ((...args: any[]) => any) | undefined;
99
- }>, {
100
- label: string;
101
- id: string | null;
102
- value: boolean;
103
- dataTest: string;
104
- variant: "contained" | "minimal";
105
- rules: ((value: boolean) => string | boolean)[];
106
- hideDetails: boolean | "auto";
107
- }, {}, {
108
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
109
- CValidationMessage: DefineComponent<ExtractPropTypes<{
110
- dataTest: {
111
- type: StringConstructor;
112
- default: string;
113
- };
114
- validationMessage: {
115
- type: PropType<string | null>;
116
- default: null;
117
- };
118
- hide: {
119
- type: PropType<boolean | "auto">;
120
- default: boolean;
121
- };
122
- }>, {
123
- isHidden: ComputedRef<boolean>;
124
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
125
- dataTest: {
126
- type: StringConstructor;
127
- default: string;
128
- };
129
- validationMessage: {
130
- type: PropType<string | null>;
131
- default: null;
132
- };
133
- hide: {
134
- type: PropType<boolean | "auto">;
135
- default: boolean;
136
- };
137
- }>> & Readonly<{}>, {
138
- dataTest: string;
139
- validationMessage: string | null;
140
- hide: boolean | "auto";
141
- }, {}, {
142
- CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
143
- }, {}, string, ComponentProvideOptions, true, {}, any>;
144
- }, {}, string, ComponentProvideOptions, true, {}, any>;
145
- export default _default;
@@ -1,21 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** Sets the default number of columns the component extends.
4
- * Available options are: 1 -> 12 and auto. */
5
- cols: {
6
- type: StringConstructor;
7
- default: null;
8
- validator: (value: string) => boolean;
9
- };
10
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
11
- /** Sets the default number of columns the component extends.
12
- * Available options are: 1 -> 12 and auto. */
13
- cols: {
14
- type: StringConstructor;
15
- default: null;
16
- validator: (value: string) => boolean;
17
- };
18
- }>> & Readonly<{}>, {
19
- cols: string;
20
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
21
- export default _default;
@@ -1,17 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** Displays dividers vertically. */
4
- vertical: {
5
- type: BooleanConstructor;
6
- default: boolean;
7
- };
8
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
9
- /** Displays dividers vertically. */
10
- vertical: {
11
- type: BooleanConstructor;
12
- default: boolean;
13
- };
14
- }>> & Readonly<{}>, {
15
- vertical: boolean;
16
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
17
- export default _default;