npm - wex-ui-lib - Versions diffs - 1.1.4 → 1.1.5 - Mend

wex-ui-lib 1.1.4 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -2025,7 +2025,7 @@ function Button(props) {
     }
 }
 var DefaultButton = newStyled.button(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  all: unset; \n  grid-area: button;\n  display: flex;\n  align-items: center;\n  padding: 10px 14px;\n  letter-spacing: 1px;\n  font-size: ", ";\n  font-weight: ", ";\n  cursor: pointer;\n  width: fit-content;\n  grid-area: button;\n  transition: filter 0.3s, background-color 0.3s;\n  gap: 11px;\n  background-color: ", ";\n  color: ", ";\n  position: relative;\n  border: ", ";\n  svg {\n    fill: ", ";\n    transition: all 0.3s;\n  }\n  &:hover{\n    ", ";\n    color: ", ";\n    border-color: ", ";\n    svg {\n      fill: ", ";\n      transform: translateX(5px);\n    }\n    &::after{\n      transform: translateX(4px);\n    }\n  }\n  &::after{\n    display: ", ";\n    content: \"\";\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    transition: all 0.3s;\n    background-color: ", ";\n    left: 0;\n    top: 0;\n    z-index: -1;\n    border-radius: inherit;\n    transform-origin: left;\n  }\n"], ["\n  all: unset; \n  grid-area: button;\n  display: flex;\n  align-items: center;\n  padding: 10px 14px;\n  letter-spacing: 1px;\n  font-size: ", ";\n  font-weight: ", ";\n  cursor: pointer;\n  width: fit-content;\n  grid-area: button;\n  transition: filter 0.3s, background-color 0.3s;\n  gap: 11px;\n  background-color: ", ";\n  color: ", ";\n  position: relative;\n  border: ", ";\n  svg {\n    fill: ", ";\n    transition: all 0.3s;\n  }\n  &:hover{\n    ", ";\n    color: ", ";\n    border-color: ", ";\n    svg {\n      fill: ", ";\n      transform: translateX(5px);\n    }\n    &::after{\n      transform: translateX(4px);\n    }\n  }\n  &::after{\n    display: ", ";\n    content: \"\";\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    transition: all 0.3s;\n    background-color: ", ";\n    left: 0;\n    top: 0;\n    z-index: -1;\n    border-radius: inherit;\n    transform-origin: left;\n  }\n"])), function (props) { var _a; return (_a = props.font) === null || _a === undefined ? undefined : _a.size; }, function (props) { var _a; return (_a = props.font) === null || _a === undefined ? undefined : _a.weight; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.background) || theme.primary; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.text) || theme.white; }, function (props) { var _a, _b; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.border) ? "2px solid ".concat((_b = props.colors) === null || _b === undefined ? undefined : _b.border) : 'none'; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.text) || theme.white; }, function (props) { var _a, _b; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.backgroundHover) ? "background-color: ".concat((_b = props.colors) === null || _b === undefined ? undefined : _b.backgroundHover) : "filter: brightness(1.4)"; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.textHover) || theme.white; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.borderHover) || ''; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.textHover) || theme.white; }, function (props) { return props.hasArrow ? "unset" : "none"; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.background) || theme.primary; });
-var UnderlinedButton = newStyled(DefaultButton)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  background-color: ", ";\n  padding: 10px 0px;\n  letter-spacing: 2px;\n  &::before{\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 99%;\n    height: 2.5px;\n    background-color: ", ";\n    transition: 0.2s;\n  }\n  svg{\n    fill: ", ";\n    path {\n      fill: ", ";\n    }\n  }\n  &::after{\n    display: none;\n  }\n  &:hover{\n    color: ", ";\n    transform: translateY(-1px);\n    svg{\n      transform: translateX(6px);\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n    &::before{\n      transform: translateY(4px);\n    }\n  }\n"], ["\n  background-color: ", ";\n  padding: 10px 0px;\n  letter-spacing: 2px;\n  &::before{\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 99%;\n    height: 2.5px;\n    background-color: ", ";\n    transition: 0.2s;\n  }\n  svg{\n    fill: ", ";\n    path {\n      fill: ", ";\n    }\n  }\n  &::after{\n    display: none;\n  }\n  &:hover{\n    color: ", ";\n    transform: translateY(-1px);\n    svg{\n      transform: translateX(6px);\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n    &::before{\n      transform: translateY(4px);\n    }\n  }\n"])), function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.background) || 'transparent'; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.border) || theme.primary; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.border) || theme.primary; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.border) || theme.primary; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.textHover) || theme.black; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.borderHover) || theme.primary; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.borderHover) || theme.primary; });
+var UnderlinedButton = newStyled(DefaultButton)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  background-color: ", ";\n  padding: 10px 0px;\n  letter-spacing: 2px;\n  border: none!important;\n  &::before{\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 99%;\n    height: 2.5px;\n    background-color: ", ";\n    transition: 0.2s;\n  }\n  svg{\n    fill: ", ";\n    path {\n      fill: ", ";\n    }\n  }\n  &::after{\n    display: none;\n  }\n  &:hover{\n    color: ", ";\n    transform: translateY(-1px);\n    svg{\n      transform: translateX(6px);\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n    &::before{\n      transform: translateY(4px);\n    }\n  }\n"], ["\n  background-color: ", ";\n  padding: 10px 0px;\n  letter-spacing: 2px;\n  border: none!important;\n  &::before{\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 99%;\n    height: 2.5px;\n    background-color: ", ";\n    transition: 0.2s;\n  }\n  svg{\n    fill: ", ";\n    path {\n      fill: ", ";\n    }\n  }\n  &::after{\n    display: none;\n  }\n  &:hover{\n    color: ", ";\n    transform: translateY(-1px);\n    svg{\n      transform: translateX(6px);\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n    &::before{\n      transform: translateY(4px);\n    }\n  }\n"])), function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.background) || 'transparent'; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.border) || theme.primary; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.border) || theme.primary; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.border) || theme.primary; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.textHover) || theme.black; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.borderHover) || theme.primary; }, function (props) { var _a; return ((_a = props.colors) === null || _a === undefined ? undefined : _a.borderHover) || theme.primary; });
 var PillButton = newStyled(DefaultButton)(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  border-radius: 30px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  "], ["\n  border-radius: 30px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  "])));
 var RoundedButton = newStyled(DefaultButton)(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  border-radius: 4px;\n"], ["\n  border-radius: 4px;\n"])));
 var templateObject_1$7, templateObject_2$5, templateObject_3$4, templateObject_4$2;