krl-alfred 2.23.1 → 2.23.3

package/dist/components/ProductCardHorizontalSm/ProductCardHorizontalSm.styled.js

@@ -23,7 +23,7 @@ exports.ProductCardHorizontalSmStyled = styled_components_1.default.div(template
     return props.$hasBordeHover &&
         "\n      @media ((hover: hover) and (pointer: fine)) {\n        cursor: pointer;\n        &:hover {\n          ".concat(exports.Border, " {\n            border-color: var(--primary);\n            border-width: 2px;\n          }\n        }\n      }\n  ");
 }, exports.Title, exports.Title);
-exports.HorizontalSmWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  text-decoration: none;\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  min-height: 66px;\n  padding-right: 0.5rem;\n"], ["\n  text-decoration: none;\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  min-height: 66px;\n  padding-right: 0.5rem;\n"])));
+exports.HorizontalSmWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  text-decoration: none;\n  display: grid;\n  grid-template-columns: auto 1fr 1fr;\n  align-items: center;\n  min-height: 66px;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-right: 0.5rem;\n\n  @media only screen and ", " {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n"], ["\n  text-decoration: none;\n  display: grid;\n  grid-template-columns: auto 1fr 1fr;\n  align-items: center;\n  min-height: 66px;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-right: 0.5rem;\n\n  @media only screen and ", " {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n"])), devices_1.devices.sm);
 exports.ImgWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  border: ", ";\n  border-radius: ", ";\n  position: relative;\n  overflow: hidden;\n  width: ", ";\n  height: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 1rem;\n  background: white;\n  transform: translateZ(0);\n\n  img {\n    vertical-align: middle !important;\n    display: block !important;\n    object-fit: cover !important;\n    border-radius: ", " !important;\n  }\n"], ["\n  border: ", ";\n  border-radius: ", ";\n  position: relative;\n  overflow: hidden;\n  width: ", ";\n  height: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 1rem;\n  background: white;\n  transform: translateZ(0);\n\n  img {\n    vertical-align: middle !important;\n    display: block !important;\n    object-fit: cover !important;\n    border-radius: ", " !important;\n  }\n"])), function (props) { return (props.$hasImageBorder ? "1px solid var(--dark-opacity-5)" : "none"); }, function (props) { return (props.$hasImageRounded ? "0.5rem" : "0"); }, function (props) { return (props.$imageWidth ? props.$imageWidth : "71px"); }, function (props) { return (props.$imageHeight ? props.$imageHeight : "50px"); }, function (props) { return (props.$hasImageRounded ? "0.5rem" : "0"); });
 exports.TextWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding-right: ", ";\n"], ["\n  padding-right: ", ";\n"])), function (props) { return (props.$hasPeriod ? "1rem" : "0.5rem"); });
 exports.PriceContent = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {

package/dist/components/ProductCardVertical/ProductCardVertical.styled.js

@@ -38,7 +38,7 @@ exports.ImageSection = styled_components_1.default.div(templateObject_5 || (temp
 }, function (props) {
     return props.$isResponsive &&
         responsiveSm(props.$hasSquareFillImage
-            ? "height: auto; aspect-ratio: 1 / 1;"
+            ? "\n    height: auto;\n    aspect-ratio: 1 / 1;\n    img {\n      width: calc(100% - 3rem) !important;\n      height: calc(100% - 3rem) !important;\n      border-radius: 0.5rem;\n      margin: 1.5rem;\n    }\n  "
             : "height: 215px;");
 });
 exports.OutOfStock = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100% !important;\n  height: 100% !important;\n  background-color: #babbc280;\n  position: absolute;\n  inset: 0;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  > div {\n    height: 17px !important;\n    aspect-ratio: initial !important;\n  }\n"], ["\n  width: 100% !important;\n  height: 100% !important;\n  background-color: #babbc280;\n  position: absolute;\n  inset: 0;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  > div {\n    height: 17px !important;\n    aspect-ratio: initial !important;\n  }\n"])));

package/dist/components/RadioButton/layouts/horizontal/Horizontal.styled.js

@@ -22,7 +22,7 @@ var getIndicatorSize = function (size) {
     }
 };
 exports.HorizontalLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  align-items: stretch;\n  justify-content: center;\n  cursor: inherit;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  align-items: stretch;\n  justify-content: center;\n  cursor: inherit;\n"])));
-exports.Inner = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  padding: 0 1.5rem;\n  min-height: 70px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n\n  @media only screen and ", " {\n    padding: 0 1rem;\n  }\n"], ["\n  width: 100%;\n  padding: 0 1.5rem;\n  min-height: 70px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n\n  @media only screen and ", " {\n    padding: 0 1rem;\n  }\n"])), devices_1.devices.sm);
+exports.Inner = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  padding: 1rem 1.5rem;\n  min-height: 70px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n\n  @media only screen and ", " {\n    padding: 0 1rem;\n  }\n"], ["\n  width: 100%;\n  padding: 1rem 1.5rem;\n  min-height: 70px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n\n  @media only screen and ", " {\n    padding: 0 1rem;\n  }\n"])), devices_1.devices.sm);
 exports.LeftContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: auto;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: auto;\n  position: relative;\n"])));
 exports.Indicator = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 0 0 auto;\n  background-image: url('", "');\n  background-size: 100% 100%;\n  display: block;\n  position: relative;\n  margin: 0 ", " 0 0;\n  width: ", ";\n  height: ", ";\n"], ["\n  flex: 0 0 auto;\n  background-image: url('", "');\n  background-size: 100% 100%;\n  display: block;\n  position: relative;\n  margin: 0 ", " 0 0;\n  width: ", ";\n  height: ", ";\n"])), function (props) { return props.$disabled ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#C2C3CE", name: "RadioButtonElementDisabled" })) : (props.$valid ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#9763F6", name: "RadioButtonElementUnchecked" })) : (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#FF1F1F", name: "RadioButtonElementInvalid" }))); }, function (props) { return props.$labelOffset || "0.5rem"; }, function (props) { return getIndicatorSize(props.$size); }, function (props) { return getIndicatorSize(props.$size); });
 exports.LabelContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: grid;\n  align-items: center;\n  justify-content: flex-start;\n"], ["\n  display: grid;\n  align-items: center;\n  justify-content: flex-start;\n"])));
@@ -36,5 +36,9 @@ exports.Price = styled_components_1.default.strong(templateObject_12 || (templat
 exports.TotalPrice = styled_components_1.default.strong(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: block;\n  color: var(--dark-opacity-50);\n  font: var(--caption-semi-bold-12-15);\n"], ["\n  display: block;\n  color: var(--dark-opacity-50);\n  font: var(--caption-semi-bold-12-15);\n"])));
 exports.TotalLabel = styled_components_1.default.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  @media only screen and ", " {\n    display: none;\n  }\n"], ["\n  @media only screen and ", " {\n    display: none;\n  }\n"])), devices_1.devices.sm);
 exports.ContentArea = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  width: 100%;\n  padding: 0 1.5rem 1.5rem;\n  box-sizing: border-box;\n  cursor: default;\n\n  @media only screen and ", " {\n    padding: 0 1rem 1rem;\n  }\n"], ["\n  width: 100%;\n  padding: 0 1.5rem 1.5rem;\n  box-sizing: border-box;\n  cursor: default;\n\n  @media only screen and ", " {\n    padding: 0 1rem 1rem;\n  }\n"])), devices_1.devices.sm);
-exports.HorizontalBoxStyled = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: block;\n  position: relative;\n  flex: none !important;\n  border: ", ";\n  border-radius: 0.5rem;\n  min-height: 70px;\n  height: ", ";\n  background-color: ", ";\n  box-sizing: border-box;\n\n  ", "\n\n  ", " {\n    cursor: ", ";\n  }\n\n  input[type=\"radio\"] {\n    height: 0;\n    width: 0;\n    opacity: 0;\n    z-index: -1;\n    position: absolute;\n\n    &:checked ~ ", " {\n      background-image: url('", "');\n    }\n\n    ", "\n  }\n"], ["\n  display: block;\n  position: relative;\n  flex: none !important;\n  border: ", ";\n  border-radius: 0.5rem;\n  min-height: 70px;\n  height: ", ";\n  background-color: ", ";\n  box-sizing: border-box;\n\n  ", "\n\n  ", " {\n    cursor: ", ";\n  }\n\n  input[type=\"radio\"] {\n    height: 0;\n    width: 0;\n    opacity: 0;\n    z-index: -1;\n    position: absolute;\n\n    &:checked ~ ", " {\n      background-image: url('", "');\n    }\n\n    ", "\n  }\n"])), function (props) { return props.$disabled ? 'var(--grey-10)' : props.checked ? '2px solid var(--primary)' : '1px solid var(--dark-opacity-10)'; }, function (props) { return props.checked && props.$hasContent ? 'auto' : '70px'; }, function (props) { return props.$disabled ? 'var(--dark-opacity-3)' : 'white'; }, function (props) { return !props.checked && !props.$disabled && "\n    @media only screen and ".concat(devices_1.devices.lgUp, " {\n      &:hover {\n        border: 1px solid var(--primary);\n      }\n    }\n  "); }, exports.HorizontalLabel, function (props) { return props.$disabled ? 'not-allowed' : 'pointer'; }, exports.Indicator, function (props) { return (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: props.$color || "#9763F6", name: "RadioButtonElementChecked" })); }, function (props) { return props.$disabled ? "\n      pointer-events: none;\n      user-select:none;\n    " : ""; });
+exports.HorizontalBoxStyled = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: block;\n  position: relative;\n  flex: none !important;\n  border: 1px solid transparent;\n  border-radius: 0.5rem;\n  background-color: ", ";\n  box-sizing: border-box;\n\n  &:before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    border: ", ";\n    box-sizing: border-box;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  ", "\n\n  ", " {\n    cursor: ", ";\n  }\n\n  input[type=\"radio\"] {\n    height: 0;\n    width: 0;\n    opacity: 0;\n    z-index: -1;\n    position: absolute;\n\n    &:checked ~ ", " {\n      background-image: url('", "');\n    }\n\n    ", "\n  }\n"], ["\n  display: block;\n  position: relative;\n  flex: none !important;\n  border: 1px solid transparent;\n  border-radius: 0.5rem;\n  background-color: ", ";\n  box-sizing: border-box;\n\n  &:before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    border: ", ";\n    box-sizing: border-box;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  ", "\n\n  ", " {\n    cursor: ", ";\n  }\n\n  input[type=\"radio\"] {\n    height: 0;\n    width: 0;\n    opacity: 0;\n    z-index: -1;\n    position: absolute;\n\n    &:checked ~ ", " {\n      background-image: url('", "');\n    }\n\n    ", "\n  }\n"])), function (props) { return props.$disabled ? 'var(--dark-opacity-3)' : 'white'; }, function (props) { return props.$disabled
+    ? '1px solid var(--grey-10)'
+    : props.checked
+        ? '2px solid var(--primary)'
+        : '1px solid var(--dark-opacity-10)'; }, function (props) { return !props.checked && !props.$disabled && "\n    @media only screen and ".concat(devices_1.devices.lgUp, " {\n      &:hover:before {\n        border: 1px solid var(--primary);\n      }\n    }\n  "); }, exports.HorizontalLabel, function (props) { return props.$disabled ? 'not-allowed' : 'pointer'; }, exports.Indicator, function (props) { return (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: props.$color || "#9763F6", name: "RadioButtonElementChecked" })); }, function (props) { return props.$disabled ? "\n      pointer-events: none;\n      user-select:none;\n    " : ""; });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.23.1",
+  "version": "2.23.3",
   "files": [
     "dist"
   ],