@propelinc/citrus-ui 1.0.1 → 1.0.3

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 (123) hide show
  1. package/README.md +22 -23
  2. package/dist/index.cdn.css +1 -0
  3. package/dist/index.cdn.mjs +18905 -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 +10 -4
  8. package/src/colors/theme.ts +1 -4
  9. package/src/components/CTextField.vue +11 -5
  10. package/src/styles/_core.scss +1 -0
  11. package/src/styles/_reset.scss +93 -78
  12. package/src/styles/utils.scss +50 -0
  13. package/dist/colors/colors.d.ts +0 -31
  14. package/dist/colors/theme.d.ts +0 -3
  15. package/dist/colors/util-classes.d.ts +0 -11
  16. package/dist/components/CAccordion.vue.d.ts +0 -21
  17. package/dist/components/CAccordionItem.vue.d.ts +0 -41
  18. package/dist/components/CAppBar.vue.d.ts +0 -156
  19. package/dist/components/CBadge.vue.d.ts +0 -52
  20. package/dist/components/CBottomSheet.vue.d.ts +0 -226
  21. package/dist/components/CButton/CButton.vue.d.ts +0 -231
  22. package/dist/components/CButton/types.d.ts +0 -5
  23. package/dist/components/CButtonStack.vue.d.ts +0 -24
  24. package/dist/components/CCard.vue.d.ts +0 -107
  25. package/dist/components/CCardFooter.vue.d.ts +0 -26
  26. package/dist/components/CCardHeader.vue.d.ts +0 -3
  27. package/dist/components/CCardSection.vue.d.ts +0 -17
  28. package/dist/components/CCheckbox.vue.d.ts +0 -145
  29. package/dist/components/CCol.vue.d.ts +0 -21
  30. package/dist/components/CDivider.vue.d.ts +0 -17
  31. package/dist/components/CDobField.vue.d.ts +0 -2109
  32. package/dist/components/CDobSelect.vue.d.ts +0 -398
  33. package/dist/components/CEmailField.vue.d.ts +0 -699
  34. package/dist/components/CExpandTransition.vue.d.ts +0 -19
  35. package/dist/components/CFadeTransition.vue.d.ts +0 -3
  36. package/dist/components/CFileInput.vue.d.ts +0 -98
  37. package/dist/components/CFixedPageFooter.vue.d.ts +0 -106
  38. package/dist/components/CForm.vue.d.ts +0 -29
  39. package/dist/components/CFormFieldCounter.vue.d.ts +0 -42
  40. package/dist/components/CIconButton.vue.d.ts +0 -390
  41. package/dist/components/CLabel.vue.d.ts +0 -32
  42. package/dist/components/CListItem.vue.d.ts +0 -208
  43. package/dist/components/CListItemContent.vue.d.ts +0 -27
  44. package/dist/components/CListItemIcon.vue.d.ts +0 -54
  45. package/dist/components/CLoader.vue.d.ts +0 -73
  46. package/dist/components/CLogo.vue.d.ts +0 -19
  47. package/dist/components/CMaskedTextField.vue.d.ts +0 -2012
  48. package/dist/components/CMenu.vue.d.ts +0 -6
  49. package/dist/components/CMenuItem.vue.d.ts +0 -170
  50. package/dist/components/CMenuLabel.vue.d.ts +0 -3
  51. package/dist/components/CModal.vue.d.ts +0 -206
  52. package/dist/components/CModalLoading.vue.d.ts +0 -230
  53. package/dist/components/CNotification.vue.d.ts +0 -589
  54. package/dist/components/CPhoneField.vue.d.ts +0 -2088
  55. package/dist/components/CPill.vue.d.ts +0 -42
  56. package/dist/components/CPillGroup.vue.d.ts +0 -70
  57. package/dist/components/CPopup.vue.d.ts +0 -21
  58. package/dist/components/CProgressLinear.vue.d.ts +0 -61
  59. package/dist/components/CProgressRing.vue.d.ts +0 -103
  60. package/dist/components/CRadio.vue.d.ts +0 -73
  61. package/dist/components/CRadioGroup.vue.d.ts +0 -123
  62. package/dist/components/CRebrand.vue.d.ts +0 -28
  63. package/dist/components/CRow.vue.d.ts +0 -67
  64. package/dist/components/CSafeArea.vue.d.ts +0 -18
  65. package/dist/components/CSectionHeader.vue.d.ts +0 -28
  66. package/dist/components/CSelect.vue.d.ts +0 -293
  67. package/dist/components/CSkeleton.vue.d.ts +0 -3
  68. package/dist/components/CSkeletonLoaderCard.vue.d.ts +0 -21
  69. package/dist/components/CSkeletonLoaderCircle.vue.d.ts +0 -5
  70. package/dist/components/CSkeletonLoaderText.vue.d.ts +0 -44
  71. package/dist/components/CSlideFadeTransition.vue.d.ts +0 -58
  72. package/dist/components/CSplitInput.vue.d.ts +0 -2131
  73. package/dist/components/CSquaredIcon.vue.d.ts +0 -47
  74. package/dist/components/CSsnField.vue.d.ts +0 -2083
  75. package/dist/components/CStatusDot.vue.d.ts +0 -27
  76. package/dist/components/CSwitch.vue.d.ts +0 -54
  77. package/dist/components/CSwitchListItem.vue.d.ts +0 -392
  78. package/dist/components/CTextArea.vue.d.ts +0 -240
  79. package/dist/components/CTextField.vue.d.ts +0 -647
  80. package/dist/components/CTextLink.vue.d.ts +0 -55
  81. package/dist/components/CThirdPartyLogo.vue.d.ts +0 -128
  82. package/dist/components/CTimeago.vue.d.ts +0 -12
  83. package/dist/components/CToast.vue.d.ts +0 -458
  84. package/dist/components/CToastsList.vue.d.ts +0 -430
  85. package/dist/components/CValidationMessage.vue.d.ts +0 -45
  86. package/dist/components/CZipcodeField.vue.d.ts +0 -2080
  87. package/dist/components/index.d.ts +0 -66
  88. package/dist/components/internal/CCloseButton.vue.d.ts +0 -14
  89. package/dist/composables/accessibility.d.ts +0 -1
  90. package/dist/composables/animation.d.ts +0 -12
  91. package/dist/composables/binding.d.ts +0 -19
  92. package/dist/composables/colors.d.ts +0 -13
  93. package/dist/composables/elements.d.ts +0 -3
  94. package/dist/composables/fields.d.ts +0 -9
  95. package/dist/composables/gestures.d.ts +0 -53
  96. package/dist/composables/i18n.d.ts +0 -3
  97. package/dist/composables/id.d.ts +0 -11
  98. package/dist/composables/input-mask.d.ts +0 -18
  99. package/dist/composables/router.d.ts +0 -30
  100. package/dist/composables/slots.d.ts +0 -2
  101. package/dist/composables/toast.d.ts +0 -21
  102. package/dist/composables/validations.d.ts +0 -77
  103. package/dist/index.css +0 -1
  104. package/dist/index.d.ts +0 -8
  105. package/dist/index.mjs +0 -4999
  106. package/dist/index.mjs.map +0 -1
  107. package/dist/plugin.d.ts +0 -3
  108. package/dist/services/animation.d.ts +0 -17
  109. package/dist/services/directives/index.d.ts +0 -2
  110. package/dist/services/directives/scroll-into-view.d.ts +0 -7
  111. package/dist/services/directives/tap-animation.d.ts +0 -6
  112. package/dist/services/id.d.ts +0 -22
  113. package/dist/services/injections/accordions.d.ts +0 -3
  114. package/dist/services/injections/animations.d.ts +0 -2
  115. package/dist/services/injections/buttons.d.ts +0 -4
  116. package/dist/services/injections/forms.d.ts +0 -6
  117. package/dist/services/injections/icon-buttons.d.ts +0 -3
  118. package/dist/services/injections/pills.d.ts +0 -4
  119. package/dist/services/injections/radio.d.ts +0 -10
  120. package/dist/theme/icons.d.ts +0 -36
  121. package/dist/types/CForm.d.ts +0 -12
  122. package/dist/types/font-awesome.d.ts +0 -5
  123. package/dist/types.d.ts +0 -12
@@ -1,32 +0,0 @@
1
- import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
2
- import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
4
- declare const _default: DefineComponent<ExtractPropTypes<{
5
- /** Specifies the label's icon, overwritten if icon slot is used */
6
- icon: {
7
- type: PropType<string | string[] | IconDefinition>;
8
- default: null;
9
- };
10
- /** A custom data test string */
11
- dataTest: {
12
- type: StringConstructor;
13
- default: string;
14
- };
15
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
16
- /** Specifies the label's icon, overwritten if icon slot is used */
17
- icon: {
18
- type: PropType<string | string[] | IconDefinition>;
19
- default: null;
20
- };
21
- /** A custom data test string */
22
- dataTest: {
23
- type: StringConstructor;
24
- default: string;
25
- };
26
- }>> & Readonly<{}>, {
27
- icon: string | string[] | IconDefinition;
28
- dataTest: string;
29
- }, {}, {
30
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
31
- }, {}, string, ComponentProvideOptions, true, {}, any>;
32
- export default _default;
@@ -1,208 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
3
- import { FaPropType, FaIcon } from '../types/font-awesome';
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
- /** The Font Awesome icon to display */
9
- icon: {
10
- type: FaPropType;
11
- default: null;
12
- };
13
- /** The icon to display on the right side for clickable items, defaulting to right arrow */
14
- actionIcon: {
15
- type: FaPropType;
16
- default: null;
17
- };
18
- /** Color of the icon background */
19
- iconColor: {
20
- type: StringConstructor;
21
- default: string;
22
- };
23
- /** Emphasized text above body text. Overridden by the default slot. */
24
- title: {
25
- type: StringConstructor;
26
- default: undefined;
27
- };
28
- /** Plain body copy. Overridden by the default slot. */
29
- label: {
30
- type: StringConstructor;
31
- default: undefined;
32
- };
33
- /** Router location for links within the app */
34
- to: {
35
- type: PropType<RouteLocationRaw>;
36
- default: undefined;
37
- };
38
- /** HTML target attribute for links to outside the app */
39
- target: {
40
- type: StringConstructor;
41
- default: undefined;
42
- };
43
- /** Location for links to outside the app */
44
- href: {
45
- type: StringConstructor;
46
- default: undefined;
47
- };
48
- /** Changes alignment of icon and action icon */
49
- align: {
50
- type: PropType<"top" | "center">;
51
- default: string;
52
- };
53
- /** Overrides default behavior to display a chevron in the action slot */
54
- hideAction: {
55
- type: BooleanConstructor;
56
- default: boolean;
57
- };
58
- }>, {
59
- allAttrs: ComputedRef<{
60
- [x: string]: unknown;
61
- }>;
62
- faChevronRight: IconDefinition;
63
- iconSlotHasContent: Ref<boolean, boolean>;
64
- isTappable: ComputedRef<boolean>;
65
- navigate: (event: MouseEvent) => Promise<void>;
66
- renderActionSlot: ComputedRef<boolean>;
67
- routerDestinationOrHref: ComputedRef<string | undefined>;
68
- tag: ComputedRef<"div" | "button" | "a">;
69
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
70
- /** The Font Awesome icon to display */
71
- icon: {
72
- type: FaPropType;
73
- default: null;
74
- };
75
- /** The icon to display on the right side for clickable items, defaulting to right arrow */
76
- actionIcon: {
77
- type: FaPropType;
78
- default: null;
79
- };
80
- /** Color of the icon background */
81
- iconColor: {
82
- type: StringConstructor;
83
- default: string;
84
- };
85
- /** Emphasized text above body text. Overridden by the default slot. */
86
- title: {
87
- type: StringConstructor;
88
- default: undefined;
89
- };
90
- /** Plain body copy. Overridden by the default slot. */
91
- label: {
92
- type: StringConstructor;
93
- default: undefined;
94
- };
95
- /** Router location for links within the app */
96
- to: {
97
- type: PropType<RouteLocationRaw>;
98
- default: undefined;
99
- };
100
- /** HTML target attribute for links to outside the app */
101
- target: {
102
- type: StringConstructor;
103
- default: undefined;
104
- };
105
- /** Location for links to outside the app */
106
- href: {
107
- type: StringConstructor;
108
- default: undefined;
109
- };
110
- /** Changes alignment of icon and action icon */
111
- align: {
112
- type: PropType<"top" | "center">;
113
- default: string;
114
- };
115
- /** Overrides default behavior to display a chevron in the action slot */
116
- hideAction: {
117
- type: BooleanConstructor;
118
- default: boolean;
119
- };
120
- }>> & Readonly<{}>, {
121
- label: string;
122
- title: string;
123
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
124
- icon: FaIcon;
125
- target: string;
126
- href: string;
127
- iconColor: string;
128
- actionIcon: FaIcon;
129
- align: "center" | "top";
130
- hideAction: boolean;
131
- }, {}, {
132
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
133
- CListItemIcon: DefineComponent<ExtractPropTypes<{
134
- icon: any;
135
- iconColor: any;
136
- }>, {
137
- iconSlotHasContent: Ref<boolean, boolean>;
138
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
139
- icon: any;
140
- iconColor: any;
141
- }>> & Readonly<{}>, {
142
- icon: any;
143
- iconColor: any;
144
- }, {}, {
145
- CSquaredIcon: DefineComponent<ExtractPropTypes<{
146
- icon: {
147
- type: FaPropType;
148
- default: null;
149
- };
150
- color: {
151
- type: StringConstructor;
152
- default: string;
153
- };
154
- large: {
155
- type: BooleanConstructor;
156
- default: boolean;
157
- };
158
- }>, {
159
- cssColor: Ref< CssColor | undefined, CssColor | undefined>;
160
- useWhiteIcon: ComputedRef<boolean>;
161
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
162
- icon: {
163
- type: FaPropType;
164
- default: null;
165
- };
166
- color: {
167
- type: StringConstructor;
168
- default: string;
169
- };
170
- large: {
171
- type: BooleanConstructor;
172
- default: boolean;
173
- };
174
- }>> & Readonly<{}>, {
175
- icon: FaIcon;
176
- color: string;
177
- large: boolean;
178
- }, {}, {
179
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
180
- }, {}, string, ComponentProvideOptions, true, {}, any>;
181
- }, {}, string, ComponentProvideOptions, true, {}, any>;
182
- CListItemContent: DefineComponent<ExtractPropTypes<{
183
- title: {
184
- type: StringConstructor;
185
- default: string;
186
- };
187
- label: {
188
- type: StringConstructor;
189
- default: string;
190
- };
191
- }>, {
192
- titleSlotHasContent: Ref<boolean, boolean>;
193
- labelSlotHasContent: Ref<boolean, boolean>;
194
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
195
- title: {
196
- type: StringConstructor;
197
- default: string;
198
- };
199
- label: {
200
- type: StringConstructor;
201
- default: string;
202
- };
203
- }>> & Readonly<{}>, {
204
- label: string;
205
- title: string;
206
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
207
- }, {}, string, ComponentProvideOptions, true, {}, any>;
208
- export default _default;
@@ -1,27 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- title: {
4
- type: StringConstructor;
5
- default: string;
6
- };
7
- label: {
8
- type: StringConstructor;
9
- default: string;
10
- };
11
- }>, {
12
- titleSlotHasContent: Ref<boolean, boolean>;
13
- labelSlotHasContent: Ref<boolean, boolean>;
14
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
15
- title: {
16
- type: StringConstructor;
17
- default: string;
18
- };
19
- label: {
20
- type: StringConstructor;
21
- default: string;
22
- };
23
- }>> & Readonly<{}>, {
24
- label: string;
25
- title: string;
26
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
27
- export default _default;
@@ -1,54 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComputedRef, ComponentProvideOptions } from 'vue';
2
- import { FaPropType, FaIcon } from '../types/font-awesome';
3
- import { CssColor } from '../colors/colors';
4
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
5
- declare const _default: DefineComponent<ExtractPropTypes<{
6
- icon: any;
7
- iconColor: any;
8
- }>, {
9
- iconSlotHasContent: Ref<boolean, boolean>;
10
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
11
- icon: any;
12
- iconColor: any;
13
- }>> & Readonly<{}>, {
14
- icon: any;
15
- iconColor: any;
16
- }, {}, {
17
- CSquaredIcon: DefineComponent<ExtractPropTypes<{
18
- icon: {
19
- type: FaPropType;
20
- default: null;
21
- };
22
- color: {
23
- type: StringConstructor;
24
- default: string;
25
- };
26
- large: {
27
- type: BooleanConstructor;
28
- default: boolean;
29
- };
30
- }>, {
31
- cssColor: Ref< CssColor | undefined, CssColor | undefined>;
32
- useWhiteIcon: ComputedRef<boolean>;
33
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
34
- icon: {
35
- type: FaPropType;
36
- default: null;
37
- };
38
- color: {
39
- type: StringConstructor;
40
- default: string;
41
- };
42
- large: {
43
- type: BooleanConstructor;
44
- default: boolean;
45
- };
46
- }>> & Readonly<{}>, {
47
- icon: FaIcon;
48
- color: string;
49
- large: boolean;
50
- }, {}, {
51
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
52
- }, {}, string, ComponentProvideOptions, true, {}, any>;
53
- }, {}, string, ComponentProvideOptions, true, {}, any>;
54
- export default _default;
@@ -1,73 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- import { default as Colors, HexColor, isValidColor, CssColor } from '../colors/colors';
3
- type Size = 'sm' | 'md' | 'lg';
4
- declare const _default: DefineComponent<ExtractPropTypes<{
5
- /** Customizes screen reader only text alternative, should be translated */
6
- accessibleText: {
7
- type: StringConstructor;
8
- default: undefined;
9
- };
10
- /** Sets the color of the indicator of the loader */
11
- color: {
12
- type: PropType<HexColor | keyof typeof Colors>;
13
- default: string;
14
- validator: typeof isValidColor;
15
- };
16
- /** @deprecated Shows a smaller version of the loading icon */
17
- small: {
18
- type: BooleanConstructor;
19
- default: boolean;
20
- };
21
- /** Sets the size of the loader */
22
- size: {
23
- type: PropType<Size>;
24
- default: string;
25
- };
26
- /** Sets the color of the track of the loader */
27
- trackColor: {
28
- type: PropType<HexColor | keyof typeof Colors>;
29
- default: string;
30
- validator: typeof isValidColor;
31
- };
32
- }>, {
33
- computedSize: ComputedRef<Size>;
34
- indicatorColorCode: Ref< CssColor | undefined, CssColor | undefined>;
35
- SIZE_TO_FONT_SIZE: Record<Size, `${number}px`>;
36
- SIZE_TO_TRACK_WIDTH: Record<Size, `${number}px`>;
37
- trackColorCode: Ref< CssColor | undefined, CssColor | undefined>;
38
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
39
- /** Customizes screen reader only text alternative, should be translated */
40
- accessibleText: {
41
- type: StringConstructor;
42
- default: undefined;
43
- };
44
- /** Sets the color of the indicator of the loader */
45
- color: {
46
- type: PropType<HexColor | keyof typeof Colors>;
47
- default: string;
48
- validator: typeof isValidColor;
49
- };
50
- /** @deprecated Shows a smaller version of the loading icon */
51
- small: {
52
- type: BooleanConstructor;
53
- default: boolean;
54
- };
55
- /** Sets the size of the loader */
56
- size: {
57
- type: PropType<Size>;
58
- default: string;
59
- };
60
- /** Sets the color of the track of the loader */
61
- trackColor: {
62
- type: PropType<HexColor | keyof typeof Colors>;
63
- default: string;
64
- validator: typeof isValidColor;
65
- };
66
- }>> & Readonly<{}>, {
67
- small: boolean;
68
- size: Size;
69
- accessibleText: string;
70
- color: string;
71
- trackColor: string;
72
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
73
- export default _default;
@@ -1,19 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** Show just the orange icon */
4
- icon: {
5
- type: BooleanConstructor;
6
- default: boolean;
7
- };
8
- }>, {
9
- src: ComputedRef<string>;
10
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
11
- /** Show just the orange icon */
12
- icon: {
13
- type: BooleanConstructor;
14
- default: boolean;
15
- };
16
- }>> & Readonly<{}>, {
17
- icon: boolean;
18
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
19
- export default _default;