@purple/phoenix-components - npm Package Compare versions

Comparing version 0.0.18 to 0.0.19

dist/bundle.cjs.js

@@ -171,16 +171,18 @@ 'use strict';
 
-var SelectPickerWrapper = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    font-family: 'Roboto', sans-serif;\n"], ["\n    font-family: 'Roboto', sans-serif;\n"])));
-var SelectWrapper = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    display: grid;\n    grid-template-columns: ", ";\n    grid-column-gap: 25px;\n"], ["\n    display: grid;\n    grid-template-columns: ", ";\n    grid-column-gap: 25px;\n"])), function (_a) {
+var SelectPickerWrapper = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  font-family: 'Roboto', sans-serif;\n"], ["\n  font-family: 'Roboto', sans-serif;\n"])));
+var SelectWrapper = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: ", ";\n  grid-column-gap: 25px;\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr;\n    grid-row-gap: 20px;\n    max-width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: ",
+    ";\n  grid-column-gap: 25px;\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr;\n    grid-row-gap: 20px;\n    max-width: 100%;\n  }\n"])), function (_a) {
     var optionsLength = _a.optionsLength;
     return "repeat(" + optionsLength + ", minmax(100px, 200px))";
 });
-var OptionDecription = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    font-size: 12px;\n    color: rgba(0,0,0,0.6);\n    margin-top: 6px;\n"], ["\n    font-size: 12px;\n    color: rgba(0,0,0,0.6);\n    margin-top: 6px;\n"])));
-var SingleCard = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    display: flex;\n    position: relative;\n    min-height: ", ";\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 0;\n    text-align: center;\n    border: 1px solid;\n    background: #fff;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 14px;\n    border-color: ", ";\n    box-shadow: ", ";\n    font-weight: 500;\n    border-radius: 4px;\n    transition: border 0.3s;\n    cursor: ", ";\n    user-select: none;\n\n    &:hover {\n        border-color: #562878;\n    }\n"], ["\n    display: flex;\n    position: relative;\n    min-height: ", ";\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 0;\n    text-align: center;\n    border: 1px solid;\n    background: #fff;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 14px;\n    border-color: ",
-    ";\n    box-shadow: ",
-    ";\n    font-weight: 500;\n    border-radius: 4px;\n    transition: border 0.3s;\n    cursor: ", ";\n    user-select: none;\n\n    &:hover {\n        border-color: #562878;\n    }\n"])), function (_a) {
+var OptionDecription = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.6);\n  margin-top: 6px;\n"], ["\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.6);\n  margin-top: 6px;\n"])));
+var SingleCard = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  min-height: ", ";\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 14px 0;\n  text-align: center;\n  border: 1px solid;\n  background: #fff;\n  color: rgba(0, 0, 0, 0.8);\n  font-size: 14px;\n  border-color: ", ";\n  box-shadow: ", ";\n  font-weight: 500;\n  border-radius: 4px;\n  transition: border 0.3s;\n  cursor: ", ";\n  user-select: none;\n\n  &:hover {\n    border-color: #562878;\n  }\n\n  @media (max-width: 768px) {\n    margin: 0 1.3rem;\n    flex-direction: row;\n    padding: 7px 0;\n    min-height: 60px;\n  }\n"], ["\n  display: flex;\n  position: relative;\n  min-height: ", ";\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 14px 0;\n  text-align: center;\n  border: 1px solid;\n  background: #fff;\n  color: rgba(0, 0, 0, 0.8);\n  font-size: 14px;\n  border-color: ",
+    ";\n  box-shadow: ",
+    ";\n  font-weight: 500;\n  border-radius: 4px;\n  transition: border 0.3s;\n  cursor: ",
+    ";\n  user-select: none;\n\n  &:hover {\n    border-color: #562878;\n  }\n\n  @media (max-width: 768px) {\n    margin: 0 1.3rem;\n    flex-direction: row;\n    padding: 7px 0;\n    min-height: 60px;\n  }\n"])), function (_a) {
     var withImage = _a.withImage;
-    return withImage ? "80px" : "auto";
+    return (withImage ? '80px' : 'auto');
 }, function (_a) {
     var checked = _a.checked;
-    return checked ? "#562878" : 'rgba(95,95,95,0.3)';
+    return checked ? '#562878' : 'rgba(95,95,95,0.3)';
 }, function (_a) {
@@ -191,7 +193,7 @@ var checked = _a.checked;
     var checked = _a.checked, multiSelect = _a.multiSelect;
-    return (checked && !multiSelect ? 'default' : 'pointer');
+    return checked && !multiSelect ? 'default' : 'pointer';
 });
-var CardImage = styled.img(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    max-width: 40px;\n    margin-bottom: 10px;\n"], ["\n    max-width: 40px;\n    margin-bottom: 10px;\n"])));
-var PickerLabel = styled.label(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n    display: block;\n    margin: 0 auto 30px;\n    text-align: center;\n    line-height: 20px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.7);\n"], ["\n    display: block;\n    margin: 0 auto 30px;\n    text-align: center;\n    line-height: 20px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.7);\n"])));
-var CheckMark = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    background: #562878;\n    border-radius: 2px;\n    top: -15px;\n    right: -15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n"], ["\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    background: #562878;\n    border-radius: 2px;\n    top: -15px;\n    right: -15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n"])));
+var CardImage = styled.img(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  max-width: 40px;\n  margin-bottom: 10px;\n  @media (max-width: 768px) {\n    margin: 0 10px 0 0;\n    max-width: 30px;\n  }\n"], ["\n  max-width: 40px;\n  margin-bottom: 10px;\n  @media (max-width: 768px) {\n    margin: 0 10px 0 0;\n    max-width: 30px;\n  }\n"])));
+var PickerLabel = styled.label(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  display: block;\n  margin: 0 auto 30px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.7);\n"], ["\n  display: block;\n  margin: 0 auto 30px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.7);\n"])));
+var CheckMark = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  background: #562878;\n  border-radius: 2px;\n  top: -15px;\n  right: -15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  background: #562878;\n  border-radius: 2px;\n  top: -15px;\n  right: -15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 var Error$2 = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: rgba(204, 0, 0, 0.82);\n  padding: 5px 0;\n  font-size: 13px;\n  margin-top: 5px;\n"], ["\n  color: rgba(204, 0, 0, 0.82);\n  padding: 5px 0;\n  font-size: 13px;\n  margin-top: 5px;\n"])));
@@ -198,0 +200,0 @@ var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$1, templateObject_7, templateObject_8;

dist/bundle.esm.js

@@ -163,16 +163,18 @@ import React__default, { createElement, useState, useEffect, useCallback } from 'react';
 
-var SelectPickerWrapper = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    font-family: 'Roboto', sans-serif;\n"], ["\n    font-family: 'Roboto', sans-serif;\n"])));
-var SelectWrapper = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    display: grid;\n    grid-template-columns: ", ";\n    grid-column-gap: 25px;\n"], ["\n    display: grid;\n    grid-template-columns: ", ";\n    grid-column-gap: 25px;\n"])), function (_a) {
+var SelectPickerWrapper = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  font-family: 'Roboto', sans-serif;\n"], ["\n  font-family: 'Roboto', sans-serif;\n"])));
+var SelectWrapper = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: ", ";\n  grid-column-gap: 25px;\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr;\n    grid-row-gap: 20px;\n    max-width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: ",
+    ";\n  grid-column-gap: 25px;\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr;\n    grid-row-gap: 20px;\n    max-width: 100%;\n  }\n"])), function (_a) {
     var optionsLength = _a.optionsLength;
     return "repeat(" + optionsLength + ", minmax(100px, 200px))";
 });
-var OptionDecription = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    font-size: 12px;\n    color: rgba(0,0,0,0.6);\n    margin-top: 6px;\n"], ["\n    font-size: 12px;\n    color: rgba(0,0,0,0.6);\n    margin-top: 6px;\n"])));
-var SingleCard = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    display: flex;\n    position: relative;\n    min-height: ", ";\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 0;\n    text-align: center;\n    border: 1px solid;\n    background: #fff;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 14px;\n    border-color: ", ";\n    box-shadow: ", ";\n    font-weight: 500;\n    border-radius: 4px;\n    transition: border 0.3s;\n    cursor: ", ";\n    user-select: none;\n\n    &:hover {\n        border-color: #562878;\n    }\n"], ["\n    display: flex;\n    position: relative;\n    min-height: ", ";\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 0;\n    text-align: center;\n    border: 1px solid;\n    background: #fff;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 14px;\n    border-color: ",
-    ";\n    box-shadow: ",
-    ";\n    font-weight: 500;\n    border-radius: 4px;\n    transition: border 0.3s;\n    cursor: ", ";\n    user-select: none;\n\n    &:hover {\n        border-color: #562878;\n    }\n"])), function (_a) {
+var OptionDecription = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.6);\n  margin-top: 6px;\n"], ["\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.6);\n  margin-top: 6px;\n"])));
+var SingleCard = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  min-height: ", ";\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 14px 0;\n  text-align: center;\n  border: 1px solid;\n  background: #fff;\n  color: rgba(0, 0, 0, 0.8);\n  font-size: 14px;\n  border-color: ", ";\n  box-shadow: ", ";\n  font-weight: 500;\n  border-radius: 4px;\n  transition: border 0.3s;\n  cursor: ", ";\n  user-select: none;\n\n  &:hover {\n    border-color: #562878;\n  }\n\n  @media (max-width: 768px) {\n    margin: 0 1.3rem;\n    flex-direction: row;\n    padding: 7px 0;\n    min-height: 60px;\n  }\n"], ["\n  display: flex;\n  position: relative;\n  min-height: ", ";\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 14px 0;\n  text-align: center;\n  border: 1px solid;\n  background: #fff;\n  color: rgba(0, 0, 0, 0.8);\n  font-size: 14px;\n  border-color: ",
+    ";\n  box-shadow: ",
+    ";\n  font-weight: 500;\n  border-radius: 4px;\n  transition: border 0.3s;\n  cursor: ",
+    ";\n  user-select: none;\n\n  &:hover {\n    border-color: #562878;\n  }\n\n  @media (max-width: 768px) {\n    margin: 0 1.3rem;\n    flex-direction: row;\n    padding: 7px 0;\n    min-height: 60px;\n  }\n"])), function (_a) {
     var withImage = _a.withImage;
-    return withImage ? "80px" : "auto";
+    return (withImage ? '80px' : 'auto');
 }, function (_a) {
     var checked = _a.checked;
-    return checked ? "#562878" : 'rgba(95,95,95,0.3)';
+    return checked ? '#562878' : 'rgba(95,95,95,0.3)';
 }, function (_a) {
@@ -183,7 +185,7 @@ var checked = _a.checked;
     var checked = _a.checked, multiSelect = _a.multiSelect;
-    return (checked && !multiSelect ? 'default' : 'pointer');
+    return checked && !multiSelect ? 'default' : 'pointer';
 });
-var CardImage = styled.img(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    max-width: 40px;\n    margin-bottom: 10px;\n"], ["\n    max-width: 40px;\n    margin-bottom: 10px;\n"])));
-var PickerLabel = styled.label(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n    display: block;\n    margin: 0 auto 30px;\n    text-align: center;\n    line-height: 20px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.7);\n"], ["\n    display: block;\n    margin: 0 auto 30px;\n    text-align: center;\n    line-height: 20px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.7);\n"])));
-var CheckMark = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    background: #562878;\n    border-radius: 2px;\n    top: -15px;\n    right: -15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n"], ["\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    background: #562878;\n    border-radius: 2px;\n    top: -15px;\n    right: -15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n"])));
+var CardImage = styled.img(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  max-width: 40px;\n  margin-bottom: 10px;\n  @media (max-width: 768px) {\n    margin: 0 10px 0 0;\n    max-width: 30px;\n  }\n"], ["\n  max-width: 40px;\n  margin-bottom: 10px;\n  @media (max-width: 768px) {\n    margin: 0 10px 0 0;\n    max-width: 30px;\n  }\n"])));
+var PickerLabel = styled.label(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  display: block;\n  margin: 0 auto 30px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.7);\n"], ["\n  display: block;\n  margin: 0 auto 30px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.7);\n"])));
+var CheckMark = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  background: #562878;\n  border-radius: 2px;\n  top: -15px;\n  right: -15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  background: #562878;\n  border-radius: 2px;\n  top: -15px;\n  right: -15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 var Error$2 = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: rgba(204, 0, 0, 0.82);\n  padding: 5px 0;\n  font-size: 13px;\n  margin-top: 5px;\n"], ["\n  color: rgba(204, 0, 0, 0.82);\n  padding: 5px 0;\n  font-size: 13px;\n  margin-top: 5px;\n"])));
@@ -190,0 +192,0 @@ var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$1, templateObject_7, templateObject_8;

dist/bundle.umd.js

@@ -167,16 +167,18 @@ (function (global, factory) {
 
-    var SelectPickerWrapper = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    font-family: 'Roboto', sans-serif;\n"], ["\n    font-family: 'Roboto', sans-serif;\n"])));
-    var SelectWrapper = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    display: grid;\n    grid-template-columns: ", ";\n    grid-column-gap: 25px;\n"], ["\n    display: grid;\n    grid-template-columns: ", ";\n    grid-column-gap: 25px;\n"])), function (_a) {
+    var SelectPickerWrapper = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  font-family: 'Roboto', sans-serif;\n"], ["\n  font-family: 'Roboto', sans-serif;\n"])));
+    var SelectWrapper = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: ", ";\n  grid-column-gap: 25px;\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr;\n    grid-row-gap: 20px;\n    max-width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: ",
+        ";\n  grid-column-gap: 25px;\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr;\n    grid-row-gap: 20px;\n    max-width: 100%;\n  }\n"])), function (_a) {
         var optionsLength = _a.optionsLength;
         return "repeat(" + optionsLength + ", minmax(100px, 200px))";
     });
-    var OptionDecription = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    font-size: 12px;\n    color: rgba(0,0,0,0.6);\n    margin-top: 6px;\n"], ["\n    font-size: 12px;\n    color: rgba(0,0,0,0.6);\n    margin-top: 6px;\n"])));
-    var SingleCard = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    display: flex;\n    position: relative;\n    min-height: ", ";\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 0;\n    text-align: center;\n    border: 1px solid;\n    background: #fff;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 14px;\n    border-color: ", ";\n    box-shadow: ", ";\n    font-weight: 500;\n    border-radius: 4px;\n    transition: border 0.3s;\n    cursor: ", ";\n    user-select: none;\n\n    &:hover {\n        border-color: #562878;\n    }\n"], ["\n    display: flex;\n    position: relative;\n    min-height: ", ";\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 0;\n    text-align: center;\n    border: 1px solid;\n    background: #fff;\n    color: rgba(0, 0, 0, 0.8);\n    font-size: 14px;\n    border-color: ",
-        ";\n    box-shadow: ",
-        ";\n    font-weight: 500;\n    border-radius: 4px;\n    transition: border 0.3s;\n    cursor: ", ";\n    user-select: none;\n\n    &:hover {\n        border-color: #562878;\n    }\n"])), function (_a) {
+    var OptionDecription = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.6);\n  margin-top: 6px;\n"], ["\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.6);\n  margin-top: 6px;\n"])));
+    var SingleCard = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  min-height: ", ";\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 14px 0;\n  text-align: center;\n  border: 1px solid;\n  background: #fff;\n  color: rgba(0, 0, 0, 0.8);\n  font-size: 14px;\n  border-color: ", ";\n  box-shadow: ", ";\n  font-weight: 500;\n  border-radius: 4px;\n  transition: border 0.3s;\n  cursor: ", ";\n  user-select: none;\n\n  &:hover {\n    border-color: #562878;\n  }\n\n  @media (max-width: 768px) {\n    margin: 0 1.3rem;\n    flex-direction: row;\n    padding: 7px 0;\n    min-height: 60px;\n  }\n"], ["\n  display: flex;\n  position: relative;\n  min-height: ", ";\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 14px 0;\n  text-align: center;\n  border: 1px solid;\n  background: #fff;\n  color: rgba(0, 0, 0, 0.8);\n  font-size: 14px;\n  border-color: ",
+        ";\n  box-shadow: ",
+        ";\n  font-weight: 500;\n  border-radius: 4px;\n  transition: border 0.3s;\n  cursor: ",
+        ";\n  user-select: none;\n\n  &:hover {\n    border-color: #562878;\n  }\n\n  @media (max-width: 768px) {\n    margin: 0 1.3rem;\n    flex-direction: row;\n    padding: 7px 0;\n    min-height: 60px;\n  }\n"])), function (_a) {
         var withImage = _a.withImage;
-        return withImage ? "80px" : "auto";
+        return (withImage ? '80px' : 'auto');
     }, function (_a) {
         var checked = _a.checked;
-        return checked ? "#562878" : 'rgba(95,95,95,0.3)';
+        return checked ? '#562878' : 'rgba(95,95,95,0.3)';
     }, function (_a) {
@@ -187,7 +189,7 @@ var checked = _a.checked;
         var checked = _a.checked, multiSelect = _a.multiSelect;
-        return (checked && !multiSelect ? 'default' : 'pointer');
+        return checked && !multiSelect ? 'default' : 'pointer';
     });
-    var CardImage = styled.img(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    max-width: 40px;\n    margin-bottom: 10px;\n"], ["\n    max-width: 40px;\n    margin-bottom: 10px;\n"])));
-    var PickerLabel = styled.label(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n    display: block;\n    margin: 0 auto 30px;\n    text-align: center;\n    line-height: 20px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.7);\n"], ["\n    display: block;\n    margin: 0 auto 30px;\n    text-align: center;\n    line-height: 20px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.7);\n"])));
-    var CheckMark = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    background: #562878;\n    border-radius: 2px;\n    top: -15px;\n    right: -15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n"], ["\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    background: #562878;\n    border-radius: 2px;\n    top: -15px;\n    right: -15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n"])));
+    var CardImage = styled.img(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  max-width: 40px;\n  margin-bottom: 10px;\n  @media (max-width: 768px) {\n    margin: 0 10px 0 0;\n    max-width: 30px;\n  }\n"], ["\n  max-width: 40px;\n  margin-bottom: 10px;\n  @media (max-width: 768px) {\n    margin: 0 10px 0 0;\n    max-width: 30px;\n  }\n"])));
+    var PickerLabel = styled.label(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  display: block;\n  margin: 0 auto 30px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.7);\n"], ["\n  display: block;\n  margin: 0 auto 30px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.7);\n"])));
+    var CheckMark = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  background: #562878;\n  border-radius: 2px;\n  top: -15px;\n  right: -15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  background: #562878;\n  border-radius: 2px;\n  top: -15px;\n  right: -15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
     var Error$2 = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: rgba(204, 0, 0, 0.82);\n  padding: 5px 0;\n  font-size: 13px;\n  margin-top: 5px;\n"], ["\n  color: rgba(204, 0, 0, 0.82);\n  padding: 5px 0;\n  font-size: 13px;\n  margin-top: 5px;\n"])));
@@ -194,0 +196,0 @@ var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$1, templateObject_7, templateObject_8;

package.json

 {
   "name": "@purple/phoenix-components",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

141441

increased by1.04%

Lines of code

1676

increased by0.9%

No dependency changes