@bolttech/atoms-button 0.2.1 → 0.2.3

package/index.js

@@ -1092,10 +1092,21 @@ var SizeVariant;
   SizeVariant["ghost"] = "ghost";
 })(SizeVariant || (SizeVariant = {}));
 
-const Container = /*#__PURE__*/styled.div.withConfig({
-  displayName: "atoms-buttonstyles__Container",
-  componentId: "i4bzba-0"
-})(["display:flex;align-items:center;gap:", ";.left-img-btn,.right-img-btn,svg{width:", ";height:", ";}"], ({
+let _ = t => t,
+  _t,
+  _t2,
+  _t3;
+const Container = styled.div(_t || (_t = _`
+  display: flex;
+  align-items: center;
+  gap: ${0};
+  .left-img-btn,
+  .right-img-btn,
+  svg {
+    width: ${0};
+    height: ${0};
+  }
+`), ({
   theme,
   size
 }) => theme.components.button[size].generic.gap, ({
@@ -1105,10 +1116,40 @@ const Container = /*#__PURE__*/styled.div.withConfig({
   theme,
   size
 }) => theme.components.button[size].icon.size);
-const Button$1 = /*#__PURE__*/styled.button.withConfig({
-  displayName: "atoms-buttonstyles__Button",
-  componentId: "i4bzba-1"
-})(["background-color:", ";border-radius:", ";border:1px solid ", ";box-shadow:", ";color:", ";fill:", ";padding:", ";:active:enabled{background-color:", ";border:1px solid ", ";color:", ";fill:", ";}:disabled{background-color:", ";border:1px solid ", ";color:", ";fill:", ";}:hover:enabled{background-color:", ";border:1px solid ", ";color:", ";fill:", ";}"], ({
+const Button$1 = styled.button(_t2 || (_t2 = _`
+  background-color: ${0};
+  border-radius: ${0};
+  border: 1px solid
+    ${0};
+  box-shadow: ${0};
+  color: ${0};
+  fill: ${0};
+  padding: ${0};
+
+  :active:enabled {
+    background-color: ${0};
+    border: 1px solid
+      ${0};
+    color: ${0};
+    fill: ${0};
+  }
+
+  :disabled {
+    background-color: ${0};
+    border: 1px solid
+      ${0};
+    color: ${0};
+    fill: ${0};
+  }
+
+  :hover:enabled {
+    background-color: ${0};
+    border: 1px solid
+      ${0};
+    color: ${0};
+    fill: ${0};
+  }
+`), ({
   theme,
   variant
 }) => theme.components.button[variant].container.color.default, ({
@@ -1171,10 +1212,15 @@ const Button$1 = /*#__PURE__*/styled.button.withConfig({
   theme,
   variant
 }) => theme.components.button[variant].icon.color.hover);
-const ButtonTitle = /*#__PURE__*/styled.label.withConfig({
-  displayName: "atoms-buttonstyles__ButtonTitle",
-  componentId: "i4bzba-2"
-})(["font-size:", ";font-weight:", ";letter-spacing:", ";line-height:", ";text-decoration:", ";text-indent:", ";text-transform:", ";"], ({
+const ButtonTitle = styled.label(_t3 || (_t3 = _`
+  font-size: ${0};
+  font-weight: ${0};
+  letter-spacing: ${0};
+  line-height: ${0};
+  text-decoration: ${0};
+  text-indent: ${0};
+  text-transform: ${0};
+`), ({
   theme,
   size,
   sizeVariant

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/atoms-button",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "module": "./index.js",
   "main": "./index.js",
   "type": "module",