@hunter-industries/hunter-components 0.0.82 → 0.0.84

package/dist/hunter-components.js

@@ -2188,7 +2188,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     fill: {},
     stroke: {},
     strokeWidth: {},
-    flipIcon: {}
+    flipIcon: {},
+    aspectSquare: { type: Boolean }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -2215,6 +2216,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       if (flipIcon.value) {
         classes.push(`hcl-flip-icon ${flipIcon.value}`);
       }
+      console.log("SQ", props.aspectSquare);
       return classes;
     });
     __expose({
@@ -2222,7 +2224,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return icon.value ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), mergeProps({ key: 0 }, iconProps.value, {
-        class: ["hcl-icon", [iconClasses.value, iconSizeClass.value, {}]],
+        class: ["hcl-icon", [
+          iconClasses.value,
+          iconSizeClass.value,
+          { "hcl-aspect-square": _ctx.aspectSquare === true }
+        ]],
         style: { width: _ctx.width, height: _ctx.height },
         ref_key: "hunterIcon",
         ref: hunterIcon
@@ -2237,7 +2243,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b1857077"]]);
+const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-4bbd4c4d"]]);
 const unitRegex = /(ch|em|rem|ex|px|cm|mm|in|pt|pc|vh|vw|vmin|vmax|svh|lvh|dvh|svw|lvw|dvw|%)$/i;
 const keywordOrFuncRegex = /^(auto|min-content|max-content|fit-content\(.+\)|calc\(.+\)|clamp\(.+\)|min\(.+\)|max\(.+\)|var\(--[^)]+\))$/i;
 const convertValueToCssSizeProperty = (value) => {
@@ -2342,7 +2348,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     height: {},
     type: {},
     useSlot: { type: Boolean },
-    flipIcon: {}
+    flipIcon: {},
+    iconButtonShape: {},
+    hasShadow: { type: Boolean }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -2380,12 +2388,34 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const buttonHeight = computed(
       () => convertValueToCssSizeProperty(props.height)
     );
+    const isIconButton = computed(() => {
+      var _a;
+      return (_a = props.variant) == null ? void 0 : _a.includes("icon");
+    });
+    const buttonVariant = computed(() => {
+      const v = props.variant;
+      if (isIconButton.value === true && v) {
+        return v.split("-")[1] || "icon_default";
+      }
+      return v || "primary";
+    });
     const buttonClasses = computed(() => {
-      const defaultClass = `hunter-button_${props.variant ? props.variant : "primary"}`;
+      console.log("TEST", isIconButton.value, buttonVariant.value);
+      const defaultClass = buttonVariant.value && `hunter-button_${buttonVariant.value}`;
+      console.log("DEF", defaultClass);
       const statusClass = props.useStatusStyles === true && status.value !== "idle" && !props.disabled ? `hunter-button_${status.value}` : void 0;
       const flipClass = props.icon && iconPosition.value === "left" ? "hunter-button_flip-icon-position" : void 0;
       const ellipsisClass = props.animatePendingEllipsis === true && status.value === "pending" ? "hunter-button_animate-ellipsis" : void 0;
-      return [defaultClass, statusClass, flipClass, ellipsisClass].filter(Boolean);
+      const iconSizeClass = isIconButton.value === true ? `hcl-icon-size_${props.iconSize || "default"}` : void 0;
+      const classes = [
+        defaultClass,
+        statusClass,
+        flipClass,
+        ellipsisClass,
+        iconSizeClass
+      ].filter(Boolean);
+      console.log("CL", classes);
+      return classes;
     });
     const buttonEl = ref(null);
     const buttonSpan = ref(null);
@@ -2399,7 +2429,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("button", {
         ref_key: "buttonEl",
         ref: buttonEl,
-        class: normalizeClass(["hunter-component hunter-button", [_ctx.className, ...buttonClasses.value, { disabled: _ctx.disabled }]]),
+        class: normalizeClass(["hunter-component hunter-button", [
+          _ctx.className,
+          ...buttonClasses.value,
+          {
+            disabled: _ctx.disabled,
+            "hunter-button_icon_circle": _ctx.iconButtonShape === "circle",
+            "with-shadow": _ctx.hasShadow,
+            "hunter-button_icon": isIconButton.value
+          }
+        ]]),
         style: normalizeStyle({
           width: buttonWidth.value,
           height: buttonHeight.value,
@@ -2411,25 +2450,22 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         onMouseover: _cache[0] || (_cache[0] = ($event) => isHovered.value = true),
         onMouseleave: _cache[1] || (_cache[1] = ($event) => isHovered.value = false)
       }, [
-        _ctx.variant !== "icon" && !_ctx.useSlot ? (openBlock(), createElementBlock("span", {
+        !isIconButton.value && !_ctx.useSlot ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: "hunter-button__label",
           ref_key: "buttonSpan",
           ref: buttonSpan
         }, toDisplayString(displayText.value), 513)) : createCommentVNode("", true),
-        _ctx.variant !== "icon" && _ctx.useSlot === true ? renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true) : createCommentVNode("", true),
+        !isIconButton.value && _ctx.useSlot === true ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("", true),
         _ctx.icon ? (openBlock(), createBlock(Icon, {
           key: 2,
           ref_key: "buttonIcon",
           ref: buttonIcon,
           name: _ctx.icon,
           size: _ctx.iconSize || "default",
-          class: normalizeClass([
-            {
-              "hunter-button_icon": _ctx.variant === "icon"
-            },
+          class: normalizeClass(["hunter-button__icon", [
             isHovered.value === true && _ctx.iconHoverClass ? [_ctx.iconHoverClass].flat().join(" ") : ""
-          ]),
+          ]]),
           flipIcon: _ctx.flipIcon,
           className: unref(iconClass),
           width: _ctx.iconWidth,
@@ -2442,7 +2478,6 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-d65b8412"]]);
 const _hoisted_1$b = ["id"];
 const _hoisted_2$9 = { key: 0 };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
@@ -2558,7 +2593,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       var _a;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["hunter-component hc__card", {
-          "horizontal": _ctx.variant === "horizontal",
+          horizontal: _ctx.variant === "horizontal",
           "selected-card": isActive.value === true
         }]),
         id: cardId.value
@@ -2589,19 +2624,18 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_7, toDisplayString(_ctx.description), 1)
           ]),
           !_ctx.hideToggleButton ? (openBlock(), createElementBlock("div", _hoisted_8, [
-            withDirectives(createVNode(unref(Button), {
-              variant: "icon",
+            withDirectives(createVNode(unref(_sfc_main$k), {
+              variant: "icon-primary",
+              "icon-button-shape": "circle",
               icon: "add",
-              class: "hc__card__buttons__button_add",
               onClick: handleSetActive
             }, null, 512), [
               [vShow, !isActive.value]
             ]),
-            withDirectives(createVNode(unref(Button), {
-              variant: "icon",
+            withDirectives(createVNode(unref(_sfc_main$k), {
+              variant: "icon-primary",
+              "icon-button-shape": "circle",
               icon: "delete",
-              class: "hc__card__buttons__button_delete",
-              iconClass: "delete-button-icon",
               onClick: handleSetActive
             }, null, 512), [
               [vShow, isActive.value]
@@ -3014,13 +3048,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     height: {},
     type: {},
     useSlot: { type: Boolean },
-    flipIcon: {}
+    flipIcon: {},
+    iconButtonShape: {},
+    hasShadow: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const { collapsed } = toRefs(props);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Button, mergeProps(props, {
+      return openBlock(), createBlock(_sfc_main$k, mergeProps(props, {
         class: ["hunter-button_dropdown", {
           disabled: _ctx.disabled
         }],
@@ -3195,7 +3231,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     height: {},
     type: {},
     useSlot: { type: Boolean },
-    flipIcon: {}
+    flipIcon: {},
+    iconButtonShape: {},
+    hasShadow: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -3587,14 +3625,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ])
         ]),
         createElementVNode("div", _hoisted_6, [
-          createVNode(Button, mergeProps(unref(cancelButtonProps), {
+          createVNode(_sfc_main$k, mergeProps(unref(cancelButtonProps), {
             variant: "tertiary",
             className: "form-button",
             text: _ctx.cancelButtonText,
             disabled: status.value === "pending" || status.value === "success",
             onClick: handleCancelFormClick
           }), null, 16, ["text", "disabled"]),
-          createVNode(Button, mergeProps({
+          createVNode(_sfc_main$k, mergeProps({
             class: ["form-button form-button_submit", {
               "form-button_pointer-events-none": status.value === "success" && unref(successSubmitButtonDisabled) === true
             }]
@@ -3745,7 +3783,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             variant: _ctx.variant === "light" ? "light" : "dark",
             onClick: _cache[0] || (_cache[0] = ($event) => emit("button-click", informationEl.value))
           }, null, 8, ["text", "type", "variant"])) : createCommentVNode("", true),
-          _ctx.buttonType === "close" ? (openBlock(), createBlock(Button, {
+          _ctx.buttonType === "close" ? (openBlock(), createBlock(_sfc_main$k, {
             key: 1,
             variant: "icon",
             onClick: _cache[1] || (_cache[1] = ($event) => emit("close", informationEl.value)),
@@ -3912,7 +3950,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "hunter-search-input-dropdown",
             onSelectOption: _cache[3] || (_cache[3] = (value) => handleSelectedOption(value))
           }, null, 8, ["options", "option-key", "collapsed", "filter-value"]),
-          !_ctx.hideSearchButton ? (openBlock(), createBlock(Button, {
+          !_ctx.hideSearchButton ? (openBlock(), createBlock(_sfc_main$k, {
             key: 0,
             ref_key: "searchButtonEl",
             ref: searchButtonEl,
@@ -3925,7 +3963,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["icon-fill"])) : createCommentVNode("", true)
         ], 4),
         !_ctx.hideClearButton ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          createVNode(Button, {
+          createVNode(_sfc_main$k, {
             class: "underline clear-button",
             variant: "link",
             text: "Clear",
@@ -3938,7 +3976,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-603385ac"]]);
 export {
-  Button as HunterButton,
+  _sfc_main$k as HunterButton,
   ButtonIcon as HunterButtonIcon,
   _sfc_main$i as HunterButtonToast,
   _sfc_main$h as HunterCard,