@10play/popups - npm Package Compare versions

Comparing version 2.0.47 to 2.0.54

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [2.0.54](https://github.com/QualiNext/client-common/compare/v2.0.53...v2.0.54) (2022-02-03)
+
+**Note:** Version bump only for package @10play/popups
+
+
+
+
+
 ## [2.0.47](https://github.com/QualiNext/client-common/compare/v2.0.46...v2.0.47) (2021-09-06)
@@ -8,0 +16,0 @@

dist/popups.cjs.js

@@ -307,3 +307,3 @@ 'use strict';
 
-var ButtonStyled = styled__default['default'].button(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$1(["\n  ", ";\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n  }\n\n  height: 32px;\n  padding-left: 28px;\n  padding-right: 28px;\n  box-shadow: 0 5px 15px 0 rgba(49, 49, 51, 0.15);\n  cursor: pointer;\n  border-radius: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n\n  font-family: Kanit;\n  font-weight: 300;\n  color: #fff;\n  font-size: 13px;\n  letter-spacing: 0.4px;\n\n  background: linear-gradient(180deg, #1ea3f7 0%, #507df0 100%);\n  position: relative;\n\n  &:after {\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 18px;\n    transition: opacity 0.3s ease-out;\n    z-index: 2;\n    opacity: 0;\n    position: absolute;\n  }\n\n  &:hover:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1b96e3, #4872db);\n  }\n  &:active:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1887cc, #4166c4);\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", ";\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n  }\n\n  height: 32px;\n  padding-left: 28px;\n  padding-right: 28px;\n  box-shadow: 0 5px 15px 0 rgba(49, 49, 51, 0.15);\n  cursor: pointer;\n  border-radius: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n\n  font-family: Kanit;\n  font-weight: 300;\n  color: #fff;\n  font-size: 13px;\n  letter-spacing: 0.4px;\n\n  background: linear-gradient(180deg, #1ea3f7 0%, #507df0 100%);\n  position: relative;\n\n  &:after {\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 18px;\n    transition: opacity 0.3s ease-out;\n    z-index: 2;\n    opacity: 0;\n    position: absolute;\n  }\n\n  &:hover:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1b96e3, #4872db);\n  }\n  &:active:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1887cc, #4166c4);\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var ButtonStyled = styled__default['default'].button(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$1(["\n  ", ";\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n  }\n\n  height: 32px;\n  padding-left: 28px;\n  padding-right: 28px;\n  box-shadow: 0 5px 15px 0 rgba(49, 49, 51, 0.15);\n  cursor: pointer;\n  border-radius: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n\n  font-family: Kanit;\n  font-weight: 300;\n  color: #fff;\n  font-size: 13px;\n\n  background: linear-gradient(180deg, #1ea3f7 0%, #507df0 100%);\n  position: relative;\n\n  &:after {\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 18px;\n    transition: opacity 0.3s ease-out;\n    z-index: 2;\n    opacity: 0;\n    position: absolute;\n  }\n\n  &:hover:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1b96e3, #4872db);\n  }\n  &:active:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1887cc, #4166c4);\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", ";\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n  }\n\n  height: 32px;\n  padding-left: 28px;\n  padding-right: 28px;\n  box-shadow: 0 5px 15px 0 rgba(49, 49, 51, 0.15);\n  cursor: pointer;\n  border-radius: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n\n  font-family: Kanit;\n  font-weight: 300;\n  color: #fff;\n  font-size: 13px;\n\n  background: linear-gradient(180deg, #1ea3f7 0%, #507df0 100%);\n  position: relative;\n\n  &:after {\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 18px;\n    transition: opacity 0.3s ease-out;\n    z-index: 2;\n    opacity: 0;\n    position: absolute;\n  }\n\n  &:hover:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1b96e3, #4872db);\n  }\n  &:active:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1887cc, #4166c4);\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var width = _a.width;
@@ -578,3 +578,3 @@ return (width ? "width: " + width : '');
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var title = styled__default['default'].h3(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 18px;\n  font-weight: 500;\n  font-family: Montserrat;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.33;\n  letter-spacing: normal;\n  color: #3c8cf3;\n  display: block;\n  margin-block-start: 1em;\n  margin-block-end: 1em;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  margin-top: 0;\n"])));
+var title = styled__default['default'].h3(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 18px;\n  font-weight: 500;\n  font-family: Montserrat;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.33;\n  color: #3c8cf3;\n  display: block;\n  margin-block-start: 1em;\n  margin-block-end: 1em;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  margin-top: 0;\n"])));
 var SubTitleContainer = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  margin-bottom: 20px;\n\n  ", "\n"])), function (_ref) {
@@ -641,3 +641,3 @@ var withoutMarginTop = _ref.withoutMarginTop;
   }, ctaTitle || '+ Add') : undefined), open ? children : undefined);
-})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-family: Montserrat;\n  font-size: 14px;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1;\n  letter-spacing: normal;\n  color: #414144;\n  text-transform: uppercase;\n  ", "\n  flex-direction: row;\n  display: flex;\n  text-transform: uppercase;\n"])), function (_ref6) {
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-family: Montserrat;\n  font-size: 14px;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1;\n  color: #414144;\n  text-transform: uppercase;\n  ", "\n  flex-direction: row;\n  display: flex;\n  text-transform: uppercase;\n"])), function (_ref6) {
   var collapse = _ref6.collapse;
@@ -716,3 +716,3 @@ return collapse ? 'cursor: pointer;' : '';
 });
-var StepIndicatorText = styled__default['default'].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: #606063;\n    font-family: $kanit;\n    font-size: 21px;\n    font-stretch: normal;\n    font-style: normal;\n    font-weight: normal;\n    letter-spacing: 0.9px;\n    line-height: 55px;\n    ", "\n"], ["\n    color: #606063;\n    font-family: $kanit;\n    font-size: 21px;\n    font-stretch: normal;\n    font-style: normal;\n    font-weight: normal;\n    letter-spacing: 0.9px;\n    line-height: 55px;\n    ", "\n"])), function (_a) {
+var StepIndicatorText = styled__default['default'].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: #606063;\n    font-family: $kanit;\n    font-size: 21px;\n    font-stretch: normal;\n    font-style: normal;\n    font-weight: normal;\n    line-height: 55px;\n    ", "\n"], ["\n    color: #606063;\n    font-family: $kanit;\n    font-size: 21px;\n    font-stretch: normal;\n    font-style: normal;\n    font-weight: normal;\n    line-height: 55px;\n    ", "\n"])), function (_a) {
     var active = _a.active, visited = _a.visited;
@@ -719,0 +719,0 @@ return "\n        -webkit-background-clip: text;\n        -webkit-background-clip: text;\n        background-clip: text;\n        background-clip: text;\n        " + getBackgroundImage(active, visited) + "\n        -webkit-text-fill-color: transparent;\n    ";

dist/popups.esm.js

@@ -278,3 +278,3 @@ import * as React from 'react';
 
-var ButtonStyled = styled.button(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$1(["\n  ", ";\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n  }\n\n  height: 32px;\n  padding-left: 28px;\n  padding-right: 28px;\n  box-shadow: 0 5px 15px 0 rgba(49, 49, 51, 0.15);\n  cursor: pointer;\n  border-radius: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n\n  font-family: Kanit;\n  font-weight: 300;\n  color: #fff;\n  font-size: 13px;\n  letter-spacing: 0.4px;\n\n  background: linear-gradient(180deg, #1ea3f7 0%, #507df0 100%);\n  position: relative;\n\n  &:after {\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 18px;\n    transition: opacity 0.3s ease-out;\n    z-index: 2;\n    opacity: 0;\n    position: absolute;\n  }\n\n  &:hover:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1b96e3, #4872db);\n  }\n  &:active:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1887cc, #4166c4);\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", ";\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n  }\n\n  height: 32px;\n  padding-left: 28px;\n  padding-right: 28px;\n  box-shadow: 0 5px 15px 0 rgba(49, 49, 51, 0.15);\n  cursor: pointer;\n  border-radius: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n\n  font-family: Kanit;\n  font-weight: 300;\n  color: #fff;\n  font-size: 13px;\n  letter-spacing: 0.4px;\n\n  background: linear-gradient(180deg, #1ea3f7 0%, #507df0 100%);\n  position: relative;\n\n  &:after {\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 18px;\n    transition: opacity 0.3s ease-out;\n    z-index: 2;\n    opacity: 0;\n    position: absolute;\n  }\n\n  &:hover:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1b96e3, #4872db);\n  }\n  &:active:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1887cc, #4166c4);\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var ButtonStyled = styled.button(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$1(["\n  ", ";\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n  }\n\n  height: 32px;\n  padding-left: 28px;\n  padding-right: 28px;\n  box-shadow: 0 5px 15px 0 rgba(49, 49, 51, 0.15);\n  cursor: pointer;\n  border-radius: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n\n  font-family: Kanit;\n  font-weight: 300;\n  color: #fff;\n  font-size: 13px;\n\n  background: linear-gradient(180deg, #1ea3f7 0%, #507df0 100%);\n  position: relative;\n\n  &:after {\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 18px;\n    transition: opacity 0.3s ease-out;\n    z-index: 2;\n    opacity: 0;\n    position: absolute;\n  }\n\n  &:hover:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1b96e3, #4872db);\n  }\n  &:active:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1887cc, #4166c4);\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", ";\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n  }\n\n  height: 32px;\n  padding-left: 28px;\n  padding-right: 28px;\n  box-shadow: 0 5px 15px 0 rgba(49, 49, 51, 0.15);\n  cursor: pointer;\n  border-radius: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n\n  font-family: Kanit;\n  font-weight: 300;\n  color: #fff;\n  font-size: 13px;\n\n  background: linear-gradient(180deg, #1ea3f7 0%, #507df0 100%);\n  position: relative;\n\n  &:after {\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 18px;\n    transition: opacity 0.3s ease-out;\n    z-index: 2;\n    opacity: 0;\n    position: absolute;\n  }\n\n  &:hover:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1b96e3, #4872db);\n  }\n  &:active:after {\n    opacity: 1;\n    background: linear-gradient(to left, #1887cc, #4166c4);\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var width = _a.width;
@@ -549,3 +549,3 @@ return (width ? "width: " + width : '');
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var title = styled.h3(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 18px;\n  font-weight: 500;\n  font-family: Montserrat;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.33;\n  letter-spacing: normal;\n  color: #3c8cf3;\n  display: block;\n  margin-block-start: 1em;\n  margin-block-end: 1em;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  margin-top: 0;\n"])));
+var title = styled.h3(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 18px;\n  font-weight: 500;\n  font-family: Montserrat;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.33;\n  color: #3c8cf3;\n  display: block;\n  margin-block-start: 1em;\n  margin-block-end: 1em;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  margin-top: 0;\n"])));
 var SubTitleContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  margin-bottom: 20px;\n\n  ", "\n"])), function (_ref) {
@@ -612,3 +612,3 @@ var withoutMarginTop = _ref.withoutMarginTop;
   }, ctaTitle || '+ Add') : undefined), open ? children : undefined);
-})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-family: Montserrat;\n  font-size: 14px;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1;\n  letter-spacing: normal;\n  color: #414144;\n  text-transform: uppercase;\n  ", "\n  flex-direction: row;\n  display: flex;\n  text-transform: uppercase;\n"])), function (_ref6) {
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-family: Montserrat;\n  font-size: 14px;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1;\n  color: #414144;\n  text-transform: uppercase;\n  ", "\n  flex-direction: row;\n  display: flex;\n  text-transform: uppercase;\n"])), function (_ref6) {
   var collapse = _ref6.collapse;
@@ -687,3 +687,3 @@ return collapse ? 'cursor: pointer;' : '';
 });
-var StepIndicatorText = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: #606063;\n    font-family: $kanit;\n    font-size: 21px;\n    font-stretch: normal;\n    font-style: normal;\n    font-weight: normal;\n    letter-spacing: 0.9px;\n    line-height: 55px;\n    ", "\n"], ["\n    color: #606063;\n    font-family: $kanit;\n    font-size: 21px;\n    font-stretch: normal;\n    font-style: normal;\n    font-weight: normal;\n    letter-spacing: 0.9px;\n    line-height: 55px;\n    ", "\n"])), function (_a) {
+var StepIndicatorText = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: #606063;\n    font-family: $kanit;\n    font-size: 21px;\n    font-stretch: normal;\n    font-style: normal;\n    font-weight: normal;\n    line-height: 55px;\n    ", "\n"], ["\n    color: #606063;\n    font-family: $kanit;\n    font-size: 21px;\n    font-stretch: normal;\n    font-style: normal;\n    font-weight: normal;\n    line-height: 55px;\n    ", "\n"])), function (_a) {
     var active = _a.active, visited = _a.visited;
@@ -690,0 +690,0 @@ return "\n        -webkit-background-clip: text;\n        -webkit-background-clip: text;\n        background-clip: text;\n        background-clip: text;\n        " + getBackgroundImage(active, visited) + "\n        -webkit-text-fill-color: transparent;\n    ";

lib/popup-collection/MainPopup/title.js

@@ -14,3 +14,2 @@ import React, { useEffect, useState } from 'react';
   line-height: 1.33;
-  letter-spacing: normal;
   color: #3c8cf3;
@@ -98,3 +97,2 @@ display: block;
   line-height: 1;
-  letter-spacing: normal;
   color: #414144;
@@ -101,0 +99,0 @@ text-transform: uppercase;

package.json

 {
   "name": "@10play/popups",
-  "version": "2.0.47",
+  "version": "2.0.54",
   "description": "Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth is in ya face when ya hear the British cannons go / BOOM",
@@ -42,3 +42,3 @@ "keywords": [],
     "@10play/icons": "^2.0.47",
-    "@10play/phoenix-button": "^2.0.47"
+    "@10play/phoenix-button": "^2.0.54"
   },
@@ -49,3 +49,3 @@ "peerDependencies": {
   },
-  "gitHead": "2a4f882c6ccb4197204d7b68ca0b6a37769a3ef3"
+  "gitHead": "3bc9ddc42c2f22ef14f655b7a2902776ae770533"
 }

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

Worsened metrics

Total package byte prevSize

129259

decreased by-0.19%

Lines of code

2302

decreased by-0.13%

Dependency changes

• Updated@10play/phoenix-button@^2.0.54