@codeandfunction/callaloo 3.12.1 → 3.12.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 (81) hide show
  1. package/dist/assets/styles.css +1 -1
  2. package/dist/components/Assets/{CLIcon.vue.d.ts → CLIcon/CLIcon.vue.d.ts} +4 -3
  3. package/dist/components/Assets/CLIcon/index.d.ts +4 -0
  4. package/dist/components/Assets/index.d.ts +1 -2
  5. package/dist/components/Buttons/{CLA11yButton.vue.d.ts → CLA11yButton/CLA11yButton.vue.d.ts} +8 -17
  6. package/dist/components/Buttons/CLA11yButton/index.d.ts +4 -0
  7. package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +99 -0
  8. package/dist/components/Buttons/CLButton/index.d.ts +4 -0
  9. package/dist/components/Buttons/index.d.ts +2 -4
  10. package/dist/components/Containers/CLCard/CLCard.vue.d.ts +105 -0
  11. package/dist/components/Containers/CLCard/index.d.ts +4 -0
  12. package/dist/components/Containers/{Carousel → CLCarousel}/CLCarousel.vue.d.ts +9 -20
  13. package/dist/components/Containers/CLCarousel/CLCarouselNavigation.vue.d.ts +37 -0
  14. package/dist/components/Containers/CLCarousel/index.d.ts +11 -0
  15. package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts +70 -0
  16. package/dist/components/Containers/CLDisclosure/index.d.ts +4 -0
  17. package/dist/components/Containers/index.d.ts +3 -9
  18. package/dist/components/Form/{CLCheckbox.vue.d.ts → CLCheckbox/CLCheckbox.vue.d.ts} +26 -13
  19. package/dist/components/Form/CLCheckbox/index.d.ts +4 -0
  20. package/dist/components/Form/{CLInput.vue.d.ts → CLInput/CLInput.vue.d.ts} +42 -17
  21. package/dist/components/Form/CLInput/index.d.ts +4 -0
  22. package/dist/components/Form/{CLRadioButton.vue.d.ts → CLRadioButton/CLRadioButton.vue.d.ts} +9 -9
  23. package/dist/components/Form/CLRadioButton/index.d.ts +4 -0
  24. package/dist/components/Form/{CLSelect.vue.d.ts → CLSelect/CLSelect.vue.d.ts} +9 -9
  25. package/dist/components/Form/CLSelect/index.d.ts +4 -0
  26. package/dist/components/Form/{CLTextArea.vue.d.ts → CLTextArea/CLTextArea.vue.d.ts} +18 -18
  27. package/dist/components/Form/CLTextArea/index.d.ts +4 -0
  28. package/dist/components/Form/index.d.ts +5 -10
  29. package/dist/components/Indicators/{CLBadge.vue.d.ts → CLBadge/CLBadge.vue.d.ts} +6 -6
  30. package/dist/components/Indicators/CLBadge/index.d.ts +4 -0
  31. package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts +49 -0
  32. package/dist/components/Indicators/CLBanner/index.d.ts +4 -0
  33. package/dist/components/Indicators/{CLPill.vue.d.ts → CLPill/CLPill.vue.d.ts} +4 -4
  34. package/dist/components/Indicators/CLPill/index.d.ts +4 -0
  35. package/dist/components/Indicators/CLProgress/CLProgress.vue.d.ts +32 -0
  36. package/dist/components/Indicators/CLProgress/index.d.ts +4 -0
  37. package/dist/components/Indicators/index.d.ts +4 -9
  38. package/dist/components/Loading/{CLSkeleton.vue.d.ts → CLSkeleton/CLSkeleton.vue.d.ts} +3 -3
  39. package/dist/components/Loading/CLSkeleton/index.d.ts +4 -0
  40. package/dist/components/Loading/{CLSpinner.vue.d.ts → CLSpinner/CLSpinner.vue.d.ts} +4 -4
  41. package/dist/components/Loading/CLSpinner/index.d.ts +4 -0
  42. package/dist/components/Loading/index.d.ts +2 -4
  43. package/dist/components/Modals/{CLModal.vue.d.ts → CLModal/CLModal.vue.d.ts} +16 -24
  44. package/dist/components/Modals/CLModal/index.d.ts +4 -0
  45. package/dist/components/Modals/index.d.ts +1 -2
  46. package/dist/components/Navigation/{CLLink.vue.d.ts → CLLink/CLLink.vue.d.ts} +6 -14
  47. package/dist/components/Navigation/CLLink/index.d.ts +4 -0
  48. package/dist/components/Navigation/{CLNavLink.vue.d.ts → CLNavLink/CLNavLink.vue.d.ts} +10 -14
  49. package/dist/components/Navigation/CLNavLink/index.d.ts +4 -0
  50. package/dist/components/Navigation/{CLNavSection.vue.d.ts → CLNavSection/CLNavSection.vue.d.ts} +3 -3
  51. package/dist/components/Navigation/CLNavSection/index.d.ts +4 -0
  52. package/dist/components/Navigation/index.d.ts +3 -6
  53. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +204 -0
  54. package/dist/components/Popups/CLDropdownMenu/index.d.ts +4 -0
  55. package/dist/components/Popups/{CLToast.vue.d.ts → CLToast/CLToast.vue.d.ts} +1 -1
  56. package/dist/components/Popups/CLToast/index.d.ts +4 -0
  57. package/dist/components/Popups/index.d.ts +2 -5
  58. package/dist/components/Table/CLTable.vue.d.ts +5 -13
  59. package/dist/components/Table/CLTableCell.vue.d.ts +8 -16
  60. package/dist/components/Table/CLTableNestedCell.vue.d.ts +5 -12
  61. package/dist/components/Table/CLTableRow.vue.d.ts +4 -12
  62. package/dist/components/Table/index.d.ts +32 -15
  63. package/dist/components/Typography/CLHeading/CLHeading.vue.d.ts +33 -0
  64. package/dist/components/Typography/CLHeading/index.d.ts +4 -0
  65. package/dist/components/Typography/CLText/CLText.vue.d.ts +43 -0
  66. package/dist/components/Typography/CLText/index.d.ts +4 -0
  67. package/dist/components/Typography/index.d.ts +2 -5
  68. package/dist/index.d.ts +2 -2
  69. package/dist/index.js +3109 -3232
  70. package/dist/types.d.ts +14 -114
  71. package/package.json +6 -4
  72. package/dist/components/Buttons/CLButton.vue.d.ts +0 -288
  73. package/dist/components/Containers/CLCard.vue.d.ts +0 -51
  74. package/dist/components/Containers/CLDisclosure.vue.d.ts +0 -77
  75. package/dist/components/Containers/Carousel/CLCarouselNavigation.vue.d.ts +0 -22
  76. package/dist/components/Indicators/CLBanner.vue.d.ts +0 -13
  77. package/dist/components/Indicators/Progress/CLProgress.vue.d.ts +0 -45
  78. package/dist/components/Popups/CLDropdownMenu.vue.d.ts +0 -595
  79. package/dist/components/Typography/CLHeading.vue.d.ts +0 -85
  80. package/dist/components/Typography/CLText.vue.d.ts +0 -119
  81. /package/dist/components/Containers/{Carousel → CLCarousel}/CLCarouselSlide.vue.d.ts +0 -0
@@ -1,5 +1,5 @@
1
- import { CLColors, CLIconNames, CLIconSizes } from '../../index.ts';
2
- interface Props {
1
+ import { CLColors, CLIconNames, CLIconSizes } from '../../../index.ts';
2
+ export interface CLIconProps {
3
3
  /** Sets the color of the icon. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
4
4
  color?: CLColors;
5
5
  /** The name of the icon in the icon set to display. */
@@ -9,8 +9,9 @@ interface Props {
9
9
  /** Sets a custom ID used for unit tests. */
10
10
  testId?: string;
11
11
  }
12
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
12
+ declare const _default: import('vue').DefineComponent<CLIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLIconProps> & Readonly<{}>, {
13
13
  color: CLColors;
14
+ testId: string;
14
15
  size: CLIconSizes;
15
16
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
16
17
  export default _default;
@@ -0,0 +1,4 @@
1
+ import { default as CLIconComponent } from './CLIcon.vue';
2
+ export { CLIconComponent as CLIcon };
3
+ export default CLIconComponent;
4
+ export type CLIcon = InstanceType<typeof CLIconComponent>;
@@ -1,3 +1,2 @@
1
- import { default as CLIcon } from './CLIcon.vue';
1
+ import { CLIcon } from './CLIcon';
2
2
  export { CLIcon };
3
- export type CLIcon = InstanceType<typeof CLIcon>;
@@ -1,5 +1,5 @@
1
- import { CLColors } from '../../types';
2
- export interface Props {
1
+ import { CLColors } from '../../../index.ts';
2
+ export interface CLA11yButtonProps {
3
3
  /** Sets the color of the focus outline. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
4
4
  color?: CLColors;
5
5
  /** When set to `false` it will mimic the disabled state of a standard `<button />`. */
@@ -7,30 +7,21 @@ export interface Props {
7
7
  /** When set to true, sets the width of the A11yButton to 100% of it's parent. */
8
8
  fluid?: boolean;
9
9
  /** When set to `false` it will not render with rounded corners. */
10
- rounded: boolean;
10
+ rounded?: boolean;
11
11
  /** Sets a custom ID used for unit tests. */
12
12
  testId?: string;
13
13
  }
14
- declare function __VLS_template(): {
15
- attrs: Partial<{}>;
16
- slots: {
17
- default?(_: {}): any;
18
- };
19
- refs: {
20
- refExpandedArea: HTMLDivElement;
21
- };
22
- rootEl: HTMLDivElement;
23
- };
24
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
25
- declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
14
+ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLA11yButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLA11yButtonProps> & Readonly<{}>, {
26
15
  color: CLColors;
27
16
  testId: string;
17
+ rounded: boolean;
28
18
  enabled: boolean;
29
19
  fluid: boolean;
30
20
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
31
21
  refExpandedArea: HTMLDivElement;
32
- }, HTMLDivElement>;
33
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
22
+ }, HTMLDivElement>, {
23
+ default?(_: {}): any;
24
+ }>;
34
25
  export default _default;
35
26
  type __VLS_WithTemplateSlots<T, S> = T & {
36
27
  new (): {
@@ -0,0 +1,4 @@
1
+ import { default as CLA11yButtonComponent } from './CLA11yButton.vue';
2
+ export { CLA11yButtonComponent as CLA11yButton };
3
+ export default CLA11yButtonComponent;
4
+ export type CLA11yButton = InstanceType<typeof CLA11yButtonComponent>;
@@ -0,0 +1,99 @@
1
+ import { CLAlign, CLBorderRadius, CLButtonTypes, CLButtonTags, CLButtonForwardRefFunction, CLColors, CLColorVariants, CLIconNames, CLIconSizes, CLLinkTarget, CLSizes } from '../../../index.ts';
2
+ export interface CLButtonProps {
3
+ /** Sets the active state of the button. When set to true, the button will no longer receive pointer events */
4
+ active?: boolean;
5
+ /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
6
+ alignContent?: CLAlign;
7
+ /** Sets the aria-label on the button It should be used when there is no discernable text present, or if this is an icon only */
8
+ ariaLabel?: string;
9
+ /** Set the HTML tag of the text element. The property can be one of `CLButtonTags`, e.g. `button`. */
10
+ as?: CLButtonTags;
11
+ /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
12
+ borderRadius?: CLBorderRadius;
13
+ /** A `boolean` value which dictates the busy state of the button */
14
+ busy?: boolean;
15
+ /** Sets the color of the button. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
16
+ color?: CLColors;
17
+ /** A `boolean` value which dictates the disabled state of the button */
18
+ disabled?: boolean;
19
+ /** The `elevated` property displays a shadow to indicate elevation. */
20
+ elevated?: boolean;
21
+ /** The form whom the button belongs to. Useful for when buttons are not within a `form` element. */
22
+ form?: string;
23
+ /** A callback function which provides a reference to the button */
24
+ forwardRef?: CLButtonForwardRefFunction;
25
+ /** Sets the height of the button, it's default value is `auto`. */
26
+ height?: string;
27
+ /** Sets the href attribute on the button element. This is useful when the button acts as a link. */
28
+ href?: string;
29
+ /** Sets the icon which is positioned after the button's slot content. */
30
+ iconAfter?: CLIconNames;
31
+ /** Sets the icon which is positioned before the button's slot content. */
32
+ iconBefore?: CLIconNames;
33
+ /** Sets the `iconAfter` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
34
+ iconAfterSize?: CLIconSizes;
35
+ /** Sets the `iconBefore` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
36
+ iconSize?: CLIconSizes;
37
+ /** A callback function to handle click events. */
38
+ onClick?: (event?: Event) => void;
39
+ /** When set to `true` it will display the button as a `CLPill`. This prop is explicity used by `CLPill` and has no effect when used independently. */
40
+ pill?: boolean;
41
+ /** When set to `false` it will not render with rounded corners. */
42
+ rounded?: boolean;
43
+ /** Sets the button size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
44
+ size?: CLSizes;
45
+ /** Sets the target attribute on the Link element. The property can be one of `CLLinkTarget`, e.g. `CLLinkTarget.Self` */
46
+ target?: CLLinkTarget;
47
+ /** Sets a custom ID used for unit tests. */
48
+ testId?: string;
49
+ /** Sets the title attribute. */
50
+ title?: string;
51
+ /** Sets the button type. The property can be one of `CLButtonTypes`, e.g. `CLButtonTypes.Submit`. */
52
+ type?: CLButtonTypes;
53
+ /** Sets the color variant. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
54
+ variant?: CLColorVariants;
55
+ /** Sets the width of the button, it's default value is `auto`. */
56
+ width?: string;
57
+ /** When set to `true`, it will remove any horizontal and vertical padding of the slot content. */
58
+ wrap?: boolean;
59
+ }
60
+ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLButtonProps> & Readonly<{}>, {
61
+ title: string;
62
+ color: CLColors;
63
+ width: string;
64
+ height: string;
65
+ form: string;
66
+ variant: CLColorVariants;
67
+ borderRadius: CLBorderRadius;
68
+ elevated: boolean;
69
+ testId: string;
70
+ type: CLButtonTypes;
71
+ onClick: (event?: Event) => void;
72
+ ariaLabel: string;
73
+ busy: boolean;
74
+ rounded: boolean;
75
+ active: boolean;
76
+ alignContent: CLAlign;
77
+ as: CLButtonTags;
78
+ disabled: boolean;
79
+ forwardRef: CLButtonForwardRefFunction;
80
+ href: string;
81
+ iconAfter: CLIconNames;
82
+ iconBefore: CLIconNames;
83
+ iconAfterSize: CLIconSizes;
84
+ iconSize: CLIconSizes;
85
+ pill: boolean;
86
+ size: CLSizes;
87
+ target: CLLinkTarget;
88
+ wrap: boolean;
89
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
90
+ buttonRef: unknown;
91
+ }, any>, {
92
+ default?(_: {}): any;
93
+ }>;
94
+ export default _default;
95
+ type __VLS_WithTemplateSlots<T, S> = T & {
96
+ new (): {
97
+ $slots: S;
98
+ };
99
+ };
@@ -0,0 +1,4 @@
1
+ import { default as CLButtonComponent } from './CLButton.vue';
2
+ export { CLButtonComponent as CLButton };
3
+ export default CLButtonComponent;
4
+ export type CLButton = InstanceType<typeof CLButtonComponent>;
@@ -1,5 +1,3 @@
1
- import { default as CLA11yButton } from './CLA11yButton.vue';
2
- import { default as CLButton } from './CLButton.vue';
1
+ import { CLA11yButton } from './CLA11yButton';
2
+ import { CLButton } from './CLButton';
3
3
  export { CLA11yButton, CLButton };
4
- export type CLA11yButton = InstanceType<typeof CLA11yButton>;
5
- export type CLButton = InstanceType<typeof CLButton>;
@@ -0,0 +1,105 @@
1
+ import { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLGenericFunction, CLHeadingLevels, CLHeadingTypes, CLLinkTarget, CLLoading, CLOrder } from '../../../index.ts';
2
+ export interface CLCardProps {
3
+ /** When set to `true`, it elevates the card to indicate its active state */
4
+ active?: boolean;
5
+ /** Set the horizontal alignment of content */
6
+ align?: CLAlign;
7
+ /** Sets the aria-label if the `onClick` or `href` property has been set */
8
+ ariaLabel?: string;
9
+ /** The border radius size */
10
+ borderRadius?: CLBorderRadius;
11
+ /** When set to `true`, adds a border to the card */
12
+ bordered?: boolean;
13
+ /** When set to `true`, utilizes the `<CLSkeleton />` component for loading state */
14
+ busy?: boolean;
15
+ /** Appears below the title for meta data like time and date */
16
+ byline?: string;
17
+ /** Sets the color of the Card */
18
+ color?: CLColors;
19
+ /** When set to `true`, utilizes a more compact layout */
20
+ compact?: boolean;
21
+ /** Displays a shadow to indicate elevation */
22
+ elevated?: boolean;
23
+ /** Callback function which provides a reference to the element */
24
+ forwardRef?: (elem: HTMLDivElement) => void;
25
+ /** Sets the height of the Card */
26
+ height?: string;
27
+ /** Provide a URL for the entire Card to behave as a link */
28
+ href?: string;
29
+ /** Provide a URL/relative path to an image to be displayed */
30
+ image?: string;
31
+ /** Set the alt text for an image */
32
+ imageAltText?: string;
33
+ /** Sets the height of the image */
34
+ imageHeight?: string;
35
+ /** Indicates how the browser should load the image */
36
+ imageLoading?: CLLoading;
37
+ /** Set the position of the image relative to content */
38
+ imageOrder?: CLOrder;
39
+ /** Sets the width of the image */
40
+ imageWidth?: string;
41
+ /** Callback function to handle click events */
42
+ onClick?: CLGenericFunction;
43
+ /** When set to `false`, removes horizontal and vertical padding */
44
+ padded?: boolean;
45
+ /** When set to `false`, renders a Card without rounded corners */
46
+ rounded?: boolean;
47
+ /** Sets where to display the linked URL */
48
+ target?: CLLinkTarget;
49
+ /** Sets a custom ID used for unit tests */
50
+ testId?: string;
51
+ /** Set the text of the title to be displayed */
52
+ title?: string;
53
+ /** Set the title heading level */
54
+ titleHLevel?: CLHeadingLevels;
55
+ /** Set the title type */
56
+ titleType?: CLHeadingTypes;
57
+ /** When set to `true`, truncate the title if it overflows its container */
58
+ truncateTitle?: boolean;
59
+ /** Sets the Card type/size */
60
+ type?: CLCardTypes;
61
+ /** Sets the color variant */
62
+ variant?: CLColorVariants;
63
+ /** Sets the width of the Card */
64
+ width?: string;
65
+ }
66
+ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLCardProps> & Readonly<{}>, {
67
+ color: CLColors;
68
+ width: string;
69
+ height: string;
70
+ variant: CLColorVariants;
71
+ elevated: boolean;
72
+ testId: string;
73
+ type: CLCardTypes;
74
+ align: CLAlign;
75
+ bordered: boolean;
76
+ busy: boolean;
77
+ rounded: boolean;
78
+ active: boolean;
79
+ target: CLLinkTarget;
80
+ compact: boolean;
81
+ imageAltText: string;
82
+ imageHeight: string;
83
+ imageLoading: CLLoading;
84
+ imageWidth: string;
85
+ padded: boolean;
86
+ titleHLevel: CLHeadingLevels;
87
+ titleType: CLHeadingTypes;
88
+ truncateTitle: boolean;
89
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
90
+ refExpandedArea: HTMLDivElement;
91
+ slotContent: HTMLDivElement;
92
+ }, HTMLDivElement>, {
93
+ heading?(_: {}): any;
94
+ heading?(_: {}): any;
95
+ byline?(_: {}): any;
96
+ default?(_: {}): any;
97
+ footer?(_: {}): any;
98
+ image?(_: {}): any;
99
+ }>;
100
+ export default _default;
101
+ type __VLS_WithTemplateSlots<T, S> = T & {
102
+ new (): {
103
+ $slots: S;
104
+ };
105
+ };
@@ -0,0 +1,4 @@
1
+ import { default as CLCardComponent } from './CLCard.vue';
2
+ export { CLCardComponent as CLCard };
3
+ export default CLCardComponent;
4
+ export type CLCard = InstanceType<typeof CLCardComponent>;
@@ -1,5 +1,5 @@
1
- import { CLAlign, CLColors, CLColorVariants, CLPaginationType, CLOrder } from '../../../index';
2
- export interface Props {
1
+ import { CLAlign, CLColors, CLColorVariants, CLPaginationType, CLOrder } from '../../../index.ts';
2
+ export interface CLCarouselProps {
3
3
  /** Sets the color of the carousel navigation components. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
4
4
  color?: CLColors;
5
5
  /** Set the horizontal alignment of the controls. The property can be one of `CLAlign`, e.g. `CLAlign.Right` */
@@ -22,25 +22,12 @@ export interface Props {
22
22
  testId?: string;
23
23
  /** Sets the title of the carousel. */
24
24
  title?: string;
25
- /** Explicity set a width for the carousel. Default is 100% of it's parent container. */
26
- width?: string;
27
25
  /** Sets the color variant which will be applied to pagination buttons. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
28
26
  variant?: CLColorVariants;
27
+ /** Explicity set a width for the carousel. Default is 100% of it's parent container. */
28
+ width?: string;
29
29
  }
30
- declare function __VLS_template(): {
31
- attrs: Partial<{}>;
32
- slots: {
33
- title?(_: {}): any;
34
- default?(_: {}): any;
35
- };
36
- refs: {
37
- beforeControls: HTMLDivElement;
38
- scrollContainer: HTMLDivElement;
39
- };
40
- rootEl: HTMLDivElement;
41
- };
42
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
43
- declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
30
+ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLCarouselProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLCarouselProps> & Readonly<{}>, {
44
31
  color: CLColors;
45
32
  width: string;
46
33
  variant: CLColorVariants;
@@ -54,8 +41,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
54
41
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
55
42
  beforeControls: HTMLDivElement;
56
43
  scrollContainer: HTMLDivElement;
57
- }, HTMLDivElement>;
58
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
44
+ }, HTMLDivElement>, {
45
+ title?(_: {}): any;
46
+ default?(_: {}): any;
47
+ }>;
59
48
  export default _default;
60
49
  type __VLS_WithTemplateSlots<T, S> = T & {
61
50
  new (): {
@@ -0,0 +1,37 @@
1
+ import { CLColors, CLColorVariants, CLGenericFunction, CLPaginationType } from '../../../index.ts';
2
+ export interface CLCarouselNavigationProps {
3
+ /** Sets the color of the navigation components. */
4
+ color: CLColors;
5
+ /** The current active page number. */
6
+ currentPage: number;
7
+ /** Whether the navigation controls are enabled. */
8
+ enabled: boolean;
9
+ /** Function to navigate to a specific page. */
10
+ gotoPage: (index: number) => void;
11
+ /** ARIA label for the more button. */
12
+ moreAriaLabel?: string;
13
+ /** Label text for the more button. */
14
+ moreLabel: string;
15
+ /** Whether the next page button is enabled. */
16
+ nextPageEnabled: boolean;
17
+ /** The type of pagination display to use. */
18
+ paginationType: CLPaginationType;
19
+ /** CSS class prefix for styling. */
20
+ prefix: string;
21
+ /** Whether the previous page button is enabled. */
22
+ prevPageEnabled: boolean;
23
+ /** Function to handle showing more items. */
24
+ showMore?: CLGenericFunction;
25
+ /** Function to show next page items. */
26
+ showNextItems?: CLGenericFunction;
27
+ /** Function to show previous page items. */
28
+ showPrevItems?: CLGenericFunction;
29
+ /** Total number of pages available. */
30
+ totalPages: number;
31
+ /** Color variant style for the navigation components. */
32
+ variant: CLColorVariants;
33
+ }
34
+ declare const _default: import('vue').DefineComponent<CLCarouselNavigationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLCarouselNavigationProps> & Readonly<{}>, {
35
+ moreAriaLabel: string;
36
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
37
+ export default _default;
@@ -0,0 +1,11 @@
1
+ import { default as CLCarouselComponent } from './CLCarousel.vue';
2
+ import { default as CLCarouselSlideComponent } from './CLCarouselSlide.vue';
3
+ declare const CLCarousel: typeof CLCarouselComponent & {
4
+ Slide: typeof CLCarouselSlideComponent;
5
+ };
6
+ export { CLCarousel };
7
+ export default CLCarousel;
8
+ export type CLCarousel = InstanceType<typeof CLCarouselComponent & {
9
+ Slide: typeof CLCarouselSlideComponent;
10
+ }>;
11
+ export type CLCarouselSlide = InstanceType<typeof CLCarouselSlideComponent>;
@@ -0,0 +1,70 @@
1
+ import { CLBorderRadius, CLColors, CLColorVariants, CLHeadingLevels, CLHeadingTypes, CLIconNames, CLIconSizes, CLSizes, CLTextTypes } from '../../../index.ts';
2
+ export interface CLDisclosureProps {
3
+ /** When set to `true` adds borders to the disclosure's trigger container and content */
4
+ bordered?: boolean;
5
+ /** The border radius size */
6
+ borderRadius?: CLBorderRadius;
7
+ /** Sets the color of the Disclosure */
8
+ color?: CLColors;
9
+ /** When set to `true`, removes horizontal padding and overrides vertical padding */
10
+ compact?: boolean;
11
+ /** When set to `false`, removes horizontal and vertical padding */
12
+ contentSpacing?: boolean;
13
+ /** A unique identifier, required for proper handling of multiple disclosures */
14
+ disclosureId: string;
15
+ /** Set the expanded state of the disclosure */
16
+ expanded?: boolean;
17
+ /** Set the icon to display when the disclosure is expanded */
18
+ expandedIcon?: CLIconNames;
19
+ /** Set the text of the heading displayed in the trigger */
20
+ heading?: string;
21
+ /** Set the heading level */
22
+ headingLevel?: CLHeadingLevels;
23
+ /** Set the heading type */
24
+ headingType?: CLHeadingTypes;
25
+ /** Set the icon to display when the disclosure is collapsed */
26
+ iconAfter?: CLIconNames;
27
+ /** Set the size of the icon after the heading text */
28
+ iconAfterSize?: CLIconSizes;
29
+ /** Set the icon to display before the heading text */
30
+ iconBefore?: CLIconNames;
31
+ /** Set the size of the icon before the heading text */
32
+ iconBeforeSize?: CLIconSizes;
33
+ /** Set the rounded state of the disclosure */
34
+ rounded?: boolean;
35
+ /** Set the text of the sub-heading displayed after the heading */
36
+ subHeading?: string;
37
+ /** Set the sub-heading text type */
38
+ subHeadingType?: CLTextTypes;
39
+ /** Sets a custom ID used for unit tests */
40
+ testId?: string;
41
+ /** Set the size of the trigger button */
42
+ triggerButtonSize?: CLSizes;
43
+ /** Sets the color variant */
44
+ variant?: CLColorVariants;
45
+ }
46
+ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLDisclosureProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLDisclosureProps> & Readonly<{}>, {
47
+ color: CLColors;
48
+ variant: CLColorVariants;
49
+ borderRadius: CLBorderRadius;
50
+ testId: string;
51
+ bordered: boolean;
52
+ rounded: boolean;
53
+ iconAfter: CLIconNames;
54
+ iconAfterSize: CLIconSizes;
55
+ compact: boolean;
56
+ contentSpacing: boolean;
57
+ expanded: boolean;
58
+ expandedIcon: CLIconNames;
59
+ headingType: CLHeadingTypes;
60
+ subHeadingType: CLTextTypes;
61
+ triggerButtonSize: CLSizes;
62
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
63
+ default?(_: {}): any;
64
+ }>;
65
+ export default _default;
66
+ type __VLS_WithTemplateSlots<T, S> = T & {
67
+ new (): {
68
+ $slots: S;
69
+ };
70
+ };
@@ -0,0 +1,4 @@
1
+ import { default as CLDisclosureComponent } from './CLDisclosure.vue';
2
+ export { CLDisclosureComponent as CLDisclosure };
3
+ export default CLDisclosureComponent;
4
+ export type CLDisclosure = InstanceType<typeof CLDisclosureComponent>;
@@ -1,9 +1,3 @@
1
- import { default as CLCard } from './CLCard.vue';
2
- import { default as CLCarousel } from './Carousel/CLCarousel.vue';
3
- import { default as CLCarouselSlide } from './Carousel/CLCarouselSlide.vue';
4
- import { default as CLDisclosure } from './CLDisclosure.vue';
5
- export { CLCard, CLCarousel, CLCarouselSlide, CLDisclosure };
6
- export type CLCard = InstanceType<typeof CLCard>;
7
- export type CLCarousel = InstanceType<typeof CLCarousel>;
8
- export type CLCarouselSlide = InstanceType<typeof CLCarouselSlide>;
9
- export type CLDisclosure = InstanceType<typeof CLDisclosure>;
1
+ export { CLCard } from './CLCard';
2
+ export { CLCarousel } from './CLCarousel';
3
+ export { CLDisclosure } from './CLDisclosure';
@@ -1,5 +1,5 @@
1
- import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFunction, CLGenericFocusFunction, CLSizes } from '../../index.ts';
2
- interface Props {
1
+ import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFunction, CLGenericFocusFunction, CLSizes } from '../../../index.ts';
2
+ export interface CLCheckboxProps {
3
3
  /** Sets the aria-label on the input. It should be used when there is no label present. */
4
4
  ariaLabel?: string;
5
5
  /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
@@ -22,6 +22,12 @@ interface Props {
22
22
  messageType?: CLColors;
23
23
  /** A string representing name of the checkbox. The name is submitted along with the checkbox value when the form it belongs to is submitted. */
24
24
  name: string;
25
+ /** A callback function which handles when the checkbox loses focus. */
26
+ onBlur?: CLGenericFocusFunction;
27
+ /** A callback function which handles when the checkbox is clicked. */
28
+ onChange?: CLGenericFunction;
29
+ /** A callback function which handles when the checkbox gains focus. */
30
+ onFocus?: CLGenericFocusFunction;
25
31
  /** Set the required state. */
26
32
  required?: boolean;
27
33
  /** When set to `false` it will not render with rounded corners. */
@@ -34,29 +40,36 @@ interface Props {
34
40
  value?: string | number | boolean;
35
41
  /** Sets the color variant. The property can be one of `CLColorVariants.Outline | CLColorVariants.Ghost`, e.g `CLColorVariants.Outline`. */
36
42
  variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
37
- /** A callback function which handles when the checkbox loses focus. */
38
- onBlur?: CLGenericFocusFunction;
39
- /** A callback function which handles when the checkbox is clicked. */
40
- onChange?: CLGenericFunction;
41
- /** A callback function which handles when the checkbox gains focus. */
42
- onFocus?: CLGenericFocusFunction;
43
43
  }
44
- type __VLS_Props = Props;
45
- type __VLS_PublicProps = {
44
+ declare const _default: import('vue').DefineComponent<{
46
45
  modelValue?: boolean;
47
- } & __VLS_Props;
48
- declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
46
+ } & CLCheckboxProps, {
49
47
  checkboxRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
50
48
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
51
49
  "update:modelValue": (value: boolean) => any;
52
- }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
50
+ }, string, import('vue').PublicProps, Readonly<{
51
+ modelValue?: boolean;
52
+ } & CLCheckboxProps> & Readonly<{
53
53
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
54
54
  }>, {
55
55
  color: CLColors;
56
+ form: string;
57
+ label: string;
56
58
  variant: CLColorVariants.Outline | CLColorVariants.Ghost;
59
+ borderRadius: CLBorderRadius;
57
60
  testId: string;
61
+ required: boolean;
62
+ onFocus: CLGenericFocusFunction;
63
+ onBlur: CLGenericFocusFunction;
64
+ onChange: CLGenericFunction;
65
+ ariaLabel: string;
66
+ busy: boolean;
58
67
  rounded: boolean;
68
+ disabled: boolean;
59
69
  size: CLSizes;
70
+ value: string | number | boolean;
71
+ messages: string[];
72
+ messageType: CLColors;
60
73
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
61
74
  'checkbox-ref': HTMLInputElement;
62
75
  }, HTMLDivElement>;
@@ -0,0 +1,4 @@
1
+ import { default as CLCheckboxComponent } from './CLCheckbox.vue';
2
+ export { CLCheckboxComponent as CLCheckbox };
3
+ export default CLCheckboxComponent;
4
+ export type CLCheckbox = InstanceType<typeof CLCheckboxComponent>;