@codeandfunction/callaloo 1.13.3 → 1.13.4

package/dist/index.d.ts

@@ -1,34 +1,34 @@
 export { Align as CLAlign, BorderRadius as CLBorderRadius, ButtonTypes as CLButtonTypes, CardTypes as CLCardTypes, DarkMode as CLDarkMode, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, IconSizes as CLIconSizes, IconNames as CLIconNames, InputTypes as CLInputTypes, LinkTarget as CLLinkTarget, MessageType as CLMessageType, Orientation as CLOrientation, Order as CLOrder, PaginationType as CLPaginationType, Placement as CLPlacement, Position as CLPosition, Sizes as CLSizes, TableTypes as CLTableTypes, TextTypes as CLTextTypes, Themes as CLThemes, } from './types';
 export type { BadgeThemes as CLBadgeThemes, BannerProps as CLBannerProps, CardProps as CLCardProps, HeadingThemes as CLHeadingThemes, InputThemes as CLInputThemes, GenericFunction as CLGenericFunction, GenericFocusFunction as CLGenericFocusFunction, NavItem as CLNavItem, PillThemes as CLPillThemes, Option as CLOption, SimpleThemes as CLSimpleThemes, SpinnerThemes as CLSpinnerThemes, ToastProps as CLToastProps, TextThemes as CLTextThemes, TextHtmlTags as CLTextHtmlTags, } from './types';
-export { default as CLA11yButton } from './components/Buttons/A11yButton.vue';
-export { default as CLBadge } from './components/Indicators/Badge.vue';
-export { default as CLBanner } from './components/Indicators/Banner.vue';
-export { default as CLButton } from './components/Buttons/Button.vue';
-export { default as CLCard } from './components/Containers/Card.vue';
-export { default as CLCarousel } from './components/Containers/Carousel/Carousel.vue';
-export { default as CLCarouselSlide } from './components/Containers/Carousel/CarouselSlide.vue';
-export { default as CLCheckbox } from './components/Form/Checkbox.vue';
-export { default as CLDisclosure } from './components/Containers/Disclosure.vue';
-export { default as CLHeading } from './components/Typography/Heading.vue';
-export { default as CLIcon } from './components/Assets/Icon.vue';
-export { default as CLInput } from './components/Form/Input.vue';
-export { default as CLLink } from './components/Navigation/Link.vue';
-export { default as CLDropdownMenu } from './components/Popups/DropdownMenu.vue';
+export { default as CLA11yButton } from './components/Buttons/CLA11yButton.vue';
+export { default as CLBadge } from './components/Indicators/CLBadge.vue';
+export { default as CLBanner } from './components/Indicators/CLBanner.vue';
+export { default as CLButton } from './components/Buttons/CLButton.vue';
+export { default as CLCard } from './components/Containers/CLCard.vue';
+export { default as CLCarousel } from './components/Containers/Carousel/CLCarousel.vue';
+export { default as CLCarouselSlide } from './components/Containers/Carousel/CLCarouselSlide.vue';
+export { default as CLCheckbox } from './components/Form/CLCheckbox.vue';
+export { default as CLDisclosure } from './components/Containers/CLDisclosure.vue';
+export { default as CLHeading } from './components/Typography/CLHeading.vue';
+export { default as CLIcon } from './components/Assets/CLIcon.vue';
+export { default as CLInput } from './components/Form/CLInput.vue';
+export { default as CLLink } from './components/Navigation/CLLink.vue';
+export { default as CLDropdownMenu } from './components/Popups/CLDropdownMenu.vue';
 export { default as CLModal } from './components/Modals/CLModal.vue';
-export { default as CLNavLink } from './components/Navigation/NavLink.vue';
-export { default as CLNavSection } from './components/Navigation/NavSection.vue';
+export { default as CLNavLink } from './components/Navigation/CLNavLink.vue';
+export { default as CLNavSection } from './components/Navigation/CLNavSection.vue';
 export { default as CLPill } from './components/Indicators/Pill.vue';
-export { default as CLRadioButton } from './components/Form/RadioButton.vue';
-export { default as CLSelect } from './components/Form/Select.vue';
-export { default as CLSkeleton } from './components/Loading/Skeleton.vue';
-export { default as CLSpinner } from './components/Loading/Spinner.vue';
-export { default as CLTable } from './components/Table/Table.vue';
-export { default as CLTableBody } from './components/Table/TableBody.vue';
-export { default as CLTableCell } from './components/Table/TableCell.vue';
-export { default as CLTableFooter } from './components/Table/TableFooter.vue';
-export { default as CLTableHeader } from './components/Table/TableHeader.vue';
-export { default as CLTableNestedCell } from './components/Table/TableNestedCell.vue';
-export { default as CLTableRow } from './components/Table/TableRow.vue';
-export { default as CLText } from './components/Typography/Text.vue';
-export { default as CLTextArea } from './components/Form/TextArea.vue';
+export { default as CLRadioButton } from './components/Form/CLRadioButton.vue';
+export { default as CLSelect } from './components/Form/CLSelect.vue';
+export { default as CLSkeleton } from './components/Loading/CLSkeleton.vue';
+export { default as CLSpinner } from './components/Loading/CLSpinner.vue';
+export { default as CLTable } from './components/Table/CLTable.vue';
+export { default as CLTableBody } from './components/Table/CLTableBody.vue';
+export { default as CLTableCell } from './components/Table/CLTableCell.vue';
+export { default as CLTableFooter } from './components/Table/CLTableFooter.vue';
+export { default as CLTableHeader } from './components/Table/CLTableHeader.vue';
+export { default as CLTableNestedCell } from './components/Table/CLTableNestedCell.vue';
+export { default as CLTableRow } from './components/Table/CLTableRow.vue';
+export { default as CLText } from './components/Typography/CLText.vue';
+export { default as CLTextArea } from './components/Form/CLTextArea.vue';
 export { default as CLToast } from './components/Popups/Toast.vue';

package/dist/index.js

@@ -387,7 +387,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLA11yButton"
   },
-  __name: "A11yButton",
+  __name: "CLA11yButton",
   props: {
     enabled: { type: Boolean, default: false },
     fluid: { type: Boolean, default: true },
@@ -443,7 +443,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLBadge"
   },
-  __name: "Badge",
+  __name: "CLBadge",
   props: {
     borderRadius: {},
     count: {},
@@ -488,7 +488,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLBanner"
   },
-  __name: "Banner",
+  __name: "CLBanner",
   props: {
     align: { default: Align.Left },
     ariaLabel: {},
@@ -506,8 +506,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "15c7fd74": _ctx.width,
-      "ed2e918e": _ctx.height
+      "36332bac": _ctx.width,
+      "c3d03d7a": _ctx.height
     }));
     const props = __props;
     const getTextTheme = () => {
@@ -599,7 +599,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 "on-click": _ctx.onDismiss,
                 size: unref(Sizes).Tiny,
                 "test-id": `${prefix$m}__dismiss-button`,
-                theme: unref(Themes).Transparent
+                theme: _ctx.theme
               }, null, 8, ["icon-before", "icon-size", "on-click", "size", "test-id", "theme"])
             ], 2)) : createCommentVNode("", true),
             _ctx.onClick && _ctx.ariaLabel ? (openBlock(), createElementBlock("button", {
@@ -921,8 +921,8 @@ const __default__ = {
 };
 const __injectCSSVars__ = () => {
   useCssVars((_ctx) => ({
-    "a75d9dd0": _ctx.width,
-    "77f40fd6": _ctx.height
+    "2132e270": _ctx.width,
+    "294b1c86": _ctx.height
   }));
 };
 const __setup__ = __default__.setup;
@@ -939,7 +939,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLCard"
   },
-  __name: "Card",
+  __name: "CLCard",
   props: {
     active: { type: Boolean, default: false },
     align: { default: Align.Left },
@@ -969,10 +969,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "3b7caaf9": _ctx.width,
-      "1a49ba54": _ctx.height,
-      "6059ffd8": _ctx.imageWidth,
-      "ddd1fd56": _ctx.imageHeight
+      "724da3d4": _ctx.width,
+      "0b04ca52": _ctx.height,
+      "4ad3e6db": _ctx.imageWidth,
+      "144c0a9c": _ctx.imageHeight
     }));
     const slots = useSlots();
     const props = __props;
@@ -1183,7 +1183,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
 });
 
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  __name: "CarouselNavigation",
+  __name: "CLCarouselNavigation",
   props: {
     currentPage: {},
     enabled: { type: Boolean },
@@ -1292,7 +1292,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLCarousel"
   },
-  __name: "Carousel",
+  __name: "CLCarousel",
   props: {
     controlAlign: { default: Align.Right },
     controlPosition: { default: Order.Before },
@@ -1309,8 +1309,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "16f7868f": _ctx.width,
-      "2550b928": slideWidth.value
+      "102ebf92": _ctx.width,
+      "67da9449": slideWidth.value
     }));
     const props = __props;
     const currentPage = ref(1);
@@ -1598,11 +1598,11 @@ function _sfc_render(_ctx, _cache) {
     renderSlot(_ctx.$slots, "default")
   ]))
 }
-const CarouselSlide = /*#__PURE__*/_export_sfc(_sfc_main$q, [['render',_sfc_render]]);
+const CLCarouselSlide = /*#__PURE__*/_export_sfc(_sfc_main$q, [['render',_sfc_render]]);
 
 const cssPrefix$5 = "clll-input__message";
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  __name: "InputMessages",
+  __name: "CLInputMessages",
   props: {
     id: {},
     messages: {},
@@ -1654,7 +1654,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLCheckbox"
   },
-  __name: "Checkbox",
+  __name: "CLCheckbox",
   props: {
     ariaLabel: {},
     borderRadius: {},
@@ -1793,7 +1793,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLDisclosure"
   },
-  __name: "Disclosure",
+  __name: "CLDisclosure",
   props: {
     borderRadius: { default: BorderRadius.Medium },
     compact: { type: Boolean },
@@ -1973,7 +1973,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLIcon"
   },
-  __name: "Icon",
+  __name: "CLIcon",
   props: {
     name: {},
     size: { default: IconSizes.Small },
@@ -1981,7 +1981,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "dcfdeb8a": iconSizes[_ctx.size]
+      "2ffe45b4": iconSizes[_ctx.size]
     }));
     const iconSizes = {
       [IconSizes.Tiny]: 18,
@@ -2023,7 +2023,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLInput"
   },
-  __name: "Input",
+  __name: "CLInput",
   props: {
     ariaLabel: {},
     autoComplete: { type: Boolean },
@@ -2235,7 +2235,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLLink"
   },
-  __name: "Link",
+  __name: "CLLink",
   props: {
     ariaLabel: {},
     external: { type: Boolean, default: false },
@@ -3975,7 +3975,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLDropdownMenu"
   },
-  __name: "DropdownMenu",
+  __name: "CLDropdownMenu",
   props: {
     buttonAriaLabel: {},
     buttonBorderRadius: {},
@@ -3997,7 +3997,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "0303caea": _ctx.zIndex
+      "1c71c52c": _ctx.zIndex
     }));
     const props = __props;
     let toggleElem = ref();
@@ -4233,7 +4233,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLNavLink"
   },
-  __name: "NavLink",
+  __name: "CLNavLink",
   props: {
     ariaLabel: {},
     external: { type: Boolean, default: false },
@@ -4277,7 +4277,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLNavSection"
   },
-  __name: "NavSection",
+  __name: "CLNavSection",
   props: {
     navItems: {},
     testId: { default: "clll-nav-section" },
@@ -4414,7 +4414,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLRadioButton"
   },
-  __name: "RadioButton",
+  __name: "CLRadioButton",
   props: {
     ariaLabel: {},
     borderRadius: {},
@@ -4528,7 +4528,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLSelect"
   },
-  __name: "Select",
+  __name: "CLSelect",
   props: {
     ariaLabel: {},
     borderRadius: {},
@@ -4655,7 +4655,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLSkeleton"
   },
-  __name: "Skeleton",
+  __name: "CLSkeleton",
   props: {
     borderRadius: {},
     height: { default: "100%" },
@@ -4665,8 +4665,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "6e020419": _ctx.width,
-      "386f8534": _ctx.height
+      "0bc2c4df": _ctx.width,
+      "52c6dd2e": _ctx.height
     }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -4690,7 +4690,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLSpinner"
   },
-  __name: "Spinner",
+  __name: "CLSpinner",
   props: {
     align: { default: Align.Left },
     position: { default: Position.Absolute },
@@ -4743,7 +4743,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLTable"
   },
-  __name: "Table",
+  __name: "CLTable",
   props: {
     bordered: { type: Boolean },
     borderRadius: {},
@@ -4758,7 +4758,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "5efe810c": _ctx.rowHeight
+      "514abee8": _ctx.rowHeight
     }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -4801,7 +4801,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLTableBody"
   },
-  __name: "TableBody",
+  __name: "CLTableBody",
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("tbody", {
@@ -4820,7 +4820,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLTableCell"
   },
-  __name: "TableCell",
+  __name: "CLTableCell",
   props: {
     colSpan: { default: 1 },
     isAction: { type: Boolean, default: false },
@@ -4881,7 +4881,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLTableFooter"
   },
-  __name: "TableFooter",
+  __name: "CLTableFooter",
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("tfoot", {
@@ -4898,7 +4898,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLTableHeader"
   },
-  __name: "TableHeader",
+  __name: "CLTableHeader",
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("thead", {
@@ -4912,7 +4912,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 
 const prefix$3 = "clll-table__nested-cell";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "TableNestedCell",
+  __name: "CLTableNestedCell",
   props: {
     truncate: { type: Boolean }
   },
@@ -4940,7 +4940,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLTableRow"
   },
-  __name: "TableRow",
+  __name: "CLTableRow",
   props: {
     onClick: { type: Function }
   },
@@ -5022,7 +5022,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CLTextArea"
   },
-  __name: "TextArea",
+  __name: "CLTextArea",
   props: {
     ariaLabel: {},
     autoComplete: { type: Boolean },
@@ -5359,5 +5359,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 })();
 
-export { _sfc_main$w as CLA11yButton, Align as CLAlign, _sfc_main$v as CLBadge, _sfc_main$u as CLBanner, BorderRadius as CLBorderRadius, __default__ as CLButton, ButtonTypes as CLButtonTypes, _sfc_main$t as CLCard, CardTypes as CLCardTypes, _sfc_main$r as CLCarousel, CarouselSlide as CLCarouselSlide, _sfc_main$o as CLCheckbox, DarkMode as CLDarkMode, _sfc_main$n as CLDisclosure, _sfc_main$i as CLDropdownMenu, _sfc_main$m as CLHeading, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, _sfc_main$l as CLIcon, IconNames as CLIconNames, IconSizes as CLIconSizes, _sfc_main$k as CLInput, InputTypes as CLInputTypes, _sfc_main$j as CLLink, LinkTarget as CLLinkTarget, MessageType as CLMessageType, _sfc_main$h as CLModal, _sfc_main$g as CLNavLink, _sfc_main$f as CLNavSection, Order as CLOrder, Orientation as CLOrientation, PaginationType as CLPaginationType, _sfc_main$e as CLPill, Placement as CLPlacement, Position as CLPosition, _sfc_main$d as CLRadioButton, _sfc_main$c as CLSelect, Sizes as CLSizes, _sfc_main$b as CLSkeleton, _sfc_main$a as CLSpinner, _sfc_main$9 as CLTable, _sfc_main$8 as CLTableBody, _sfc_main$7 as CLTableCell, _sfc_main$6 as CLTableFooter, _sfc_main$5 as CLTableHeader, _sfc_main$4 as CLTableNestedCell, _sfc_main$3 as CLTableRow, TableTypes as CLTableTypes, _sfc_main$2 as CLText, _sfc_main$1 as CLTextArea, TextTypes as CLTextTypes, Themes as CLThemes, _sfc_main as CLToast };
+export { _sfc_main$w as CLA11yButton, Align as CLAlign, _sfc_main$v as CLBadge, _sfc_main$u as CLBanner, BorderRadius as CLBorderRadius, __default__ as CLButton, ButtonTypes as CLButtonTypes, _sfc_main$t as CLCard, CardTypes as CLCardTypes, _sfc_main$r as CLCarousel, CLCarouselSlide, _sfc_main$o as CLCheckbox, DarkMode as CLDarkMode, _sfc_main$n as CLDisclosure, _sfc_main$i as CLDropdownMenu, _sfc_main$m as CLHeading, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, _sfc_main$l as CLIcon, IconNames as CLIconNames, IconSizes as CLIconSizes, _sfc_main$k as CLInput, InputTypes as CLInputTypes, _sfc_main$j as CLLink, LinkTarget as CLLinkTarget, MessageType as CLMessageType, _sfc_main$h as CLModal, _sfc_main$g as CLNavLink, _sfc_main$f as CLNavSection, Order as CLOrder, Orientation as CLOrientation, PaginationType as CLPaginationType, _sfc_main$e as CLPill, Placement as CLPlacement, Position as CLPosition, _sfc_main$d as CLRadioButton, _sfc_main$c as CLSelect, Sizes as CLSizes, _sfc_main$b as CLSkeleton, _sfc_main$a as CLSpinner, _sfc_main$9 as CLTable, _sfc_main$8 as CLTableBody, _sfc_main$7 as CLTableCell, _sfc_main$6 as CLTableFooter, _sfc_main$5 as CLTableHeader, _sfc_main$4 as CLTableNestedCell, _sfc_main$3 as CLTableRow, TableTypes as CLTableTypes, _sfc_main$2 as CLText, _sfc_main$1 as CLTextArea, TextTypes as CLTextTypes, Themes as CLThemes, _sfc_main as CLToast };
 //# sourceMappingURL=index.js.map