@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
package/dist/plugin.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { Plugin } from 'vue';
2
- declare const plugin: Plugin;
3
- export default plugin;
@@ -1,17 +0,0 @@
1
- import { ElementAnimation } from '@shoelace-style/shoelace/dist/utilities/animation-registry.js';
2
- export interface AnimationOptions {
3
- /** The starting progress through the animation from 0 to 1 */
4
- start?: number;
5
- /** The duration of the animation in milliseconds */
6
- duration?: number;
7
- /** The easing function to use for the animation */
8
- easing?: string;
9
- /** The endimum distance to slide */
10
- end?: number;
11
- }
12
- export declare function fadeIn({ start, duration, easing, }?: AnimationOptions): ElementAnimation;
13
- export declare function fadeOut({ start, duration, easing, }?: AnimationOptions): ElementAnimation;
14
- export declare function slideUp({ start, duration, easing, }?: AnimationOptions): ElementAnimation;
15
- export declare function slideDown({ start, duration, easing, }?: AnimationOptions): ElementAnimation;
16
- export declare function slideRight({ start, duration, easing, end, }?: AnimationOptions): ElementAnimation;
17
- export declare function slideLeft({ start, duration, easing, end, }?: AnimationOptions): ElementAnimation;
@@ -1,2 +0,0 @@
1
- export { scrollIntoView } from './scroll-into-view';
2
- export { tapAnimation } from './tap-animation';
@@ -1,7 +0,0 @@
1
- import { Directive } from 'vue';
2
- /**
3
- * This directive scrolls the element into view when the input inside it is focused.
4
- *
5
- * It also listens for viewport size changes, so it can scroll again if the keyboard pops up.
6
- */
7
- export declare const scrollIntoView: Directive;
@@ -1,6 +0,0 @@
1
- import { Directive } from 'vue';
2
- interface TapAnimationValue {
3
- bounceAmount?: number;
4
- }
5
- export declare const tapAnimation: Directive<HTMLElement, TapAnimationValue>;
6
- export {};
@@ -1,22 +0,0 @@
1
- /**
2
- * Generates unique IDs for components. Useful for linking labels to inputs.
3
- */
4
- export declare class ID {
5
- private counters;
6
- /**
7
- * Generates a unique ID for a component.
8
- *
9
- * @example
10
- * ```ts
11
- * // From within a component
12
- * id.getID(this.$options.name);
13
- * ```
14
- */
15
- getID(componentName: string): string;
16
- reset(): void;
17
- }
18
- /**
19
- * @deprecated Use the `useId` composable instead.
20
- */
21
- declare const _default: ID;
22
- export default _default;
@@ -1,3 +0,0 @@
1
- import { InjectionKey, Ref } from 'vue';
2
- export declare const FLUID: InjectionKey<Ref<boolean>>;
3
- export declare const ON_TOGGLE: InjectionKey<() => void>;
@@ -1,2 +0,0 @@
1
- import { InjectionKey, Ref } from 'vue';
2
- export declare const ANIMATIONS_DISABLED: InjectionKey<Ref<boolean>>;
@@ -1,4 +0,0 @@
1
- import { InjectionKey, Ref } from 'vue';
2
- export declare const BLOCK: InjectionKey<Ref<boolean>>;
3
- export declare const LARGE: InjectionKey<Ref<boolean>>;
4
- export declare const BOUNCE_AMOUNT: InjectionKey<number>;
@@ -1,6 +0,0 @@
1
- import { InjectionKey } from 'vue';
2
- import { ValidationState } from '../../types/CForm';
3
- export declare const VALIDATIONS: InjectionKey<{
4
- register: (input: ValidationState) => void;
5
- unregister: (id: string) => void;
6
- }>;
@@ -1,3 +0,0 @@
1
- import { InjectionKey, Ref } from 'vue';
2
- export declare const TERTIARY: InjectionKey<Ref<boolean>>;
3
- export declare const INHERIT_COLOR: InjectionKey<Ref<boolean>>;
@@ -1,4 +0,0 @@
1
- import { InjectionKey, Ref } from 'vue';
2
- export declare const SELECTED_VALUE: InjectionKey<Ref<string>>;
3
- export declare const TOGGLE_VALUE: InjectionKey<(value: string | undefined) => void>;
4
- export declare const ROLE: InjectionKey<Ref<string>>;
@@ -1,10 +0,0 @@
1
- import { InjectionKey, Ref } from 'vue';
2
- export interface RadioState {
3
- value: unknown;
4
- invalid: boolean;
5
- name: string;
6
- update: (value: unknown) => void;
7
- register: (value: unknown) => void;
8
- unregister: (value: unknown) => void;
9
- }
10
- export declare const RADIO_STATE: InjectionKey<Ref<RadioState>>;
@@ -1,36 +0,0 @@
1
- import { DefineComponent } from 'vue';
2
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
3
- import { IconDefinition } from '@fortawesome/pro-light-svg-icons';
4
- declare const Icons: {
5
- readonly citrusCheckboxOn: {
6
- readonly component: DefineComponent<FontAwesomeIconProps>;
7
- readonly props: {
8
- readonly icon: IconDefinition;
9
- };
10
- };
11
- readonly citrusCheckboxOff: {
12
- readonly component: DefineComponent<FontAwesomeIconProps>;
13
- readonly props: {
14
- readonly icon: IconDefinition;
15
- };
16
- };
17
- readonly citrusRadioOn: {
18
- readonly component: DefineComponent<FontAwesomeIconProps>;
19
- readonly props: {
20
- readonly icon: IconDefinition;
21
- };
22
- };
23
- readonly citrusRadioOff: {
24
- readonly component: DefineComponent<FontAwesomeIconProps>;
25
- readonly props: {
26
- readonly icon: IconDefinition;
27
- };
28
- };
29
- readonly citrusClear: {
30
- readonly component: DefineComponent<FontAwesomeIconProps>;
31
- readonly props: {
32
- readonly icon: IconDefinition;
33
- };
34
- };
35
- };
36
- export default Icons;
@@ -1,12 +0,0 @@
1
- import { Ref } from 'vue';
2
- import { default as CForm } from '../components/CForm.vue';
3
- export interface ValidationState {
4
- id: string;
5
- validate: () => boolean;
6
- valid: Ref<boolean>;
7
- field?: Ref<HTMLElement | null>;
8
- }
9
- export type CFormRef = typeof CForm & {
10
- validate: () => boolean;
11
- inputs: ValidationState[];
12
- };
@@ -1,5 +0,0 @@
1
- import { IconDefinition, IconName, IconPrefix } from '@fortawesome/fontawesome-svg-core';
2
- import { PropType } from 'vue';
3
- export type FaIconArray = [IconPrefix, IconName];
4
- export type FaIcon = IconName | FaIconArray | IconDefinition;
5
- export type FaPropType = PropType<FaIcon>;
package/dist/types.d.ts DELETED
@@ -1,12 +0,0 @@
1
- export interface SplitInputField {
2
- characters: number;
3
- placeholder?: string;
4
- separator?: string;
5
- }
6
- export type SplitInputRule = (v: string) => string | boolean;
7
- export declare enum InputVariants {
8
- DEFAULT = "default",
9
- CONTAINED = "contained",
10
- SEGMENTED = "segmented"
11
- }
12
- export type ToastVariant = 'info' | 'success' | 'error' | 'warning';