apirocket 0.0.12 → 0.0.13

package/dist/ecommerce.css

@@ -378,118 +378,154 @@
 		width: 100%;
 		box-shadow: none;
 	}
-}.apirocket-summary {}
+}.apirocket-modal *,
+.apirocket-modal *::before,
+.apirocket-modal *::after { box-sizing: border-box; }
 
-.apirocket-summary-top {
-	margin-top: 56px;
-	margin-bottom: 32px;
+.apirocket-modal {
+	display: flex;
+	justify-content: center;
+	align-items: flex-start;
+	position: fixed;
+	z-index: 10001;
+	right: 0;
+	top: 0;
+	overflow: hidden;
+	overflow-y: auto;
+	width: 100%;
+	height: 100vh;
+	font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
+	background-color: #f5f5f5;	
 }
 
-.apirocket-summary-header {
+.apirocket-modal-nav {
+	position: absolute;
 	display: flex;
-	justify-content: flex-start;
-	align-items: center;	
-	margin-bottom: 32px;
+	align-items: center;
+	width: 90%;
+	max-width: 1100px;
+	height: 96px;
 }
 
-.apirocket-summary-header-icon {
-	flex: 0 1;	
-	margin-right: 16px;
+.apirocket-modal-nav > div {
+	display: block;
+	text-align: left;
+	color: #737373;
+	font-size: 16px;
+	font-weight: normal;
+	cursor: pointer;
 }
 
-.apirocket-summary-header-content {}
+.apirocket-modal-nav > div svg { margin-right: 16px; } 
 
-.apirocket-summary-header-title {
-	font-size: 24px;
+.apirocket-modal-content {
+	display: flex;
+	flex-flow: column;
+	width: 480px;
+	height: auto;
+	padding: 32px;
+	background-color: #fff;
+	margin-top: 96px;
+	margin-bottom: 32px;
+}
+
+.apirocket-modal-header {
+	position: relative;
+	padding-bottom: 32px;
+}
+
+.apirocket-modal-title {
+	font-size: 18px;
 	font-weight: bold;
-	line-height: 1.2;
+	line-height: 1;
 	color: #404040;
-	margin-bottom: 4px;
+	margin-bottom: 8px;
 }
 
-.apirocket-summary-header-subtitle {
-	font-size: 18px;
+.apirocket-modal-subtitle {
+	font-size: 14px;
 	font-weight: normal;
-	line-height: 1.2;
+	line-height: 16px;
 	color: #737373;
 }
 
-.apirocket-summary-section {
-	margin-top: 16px;
-	border: 1px solid #d9d9d9;
-	border-radius: 4px;
-	padding: 24px;
+.apirocket-modal-close {
+	position: absolute;
+	right: -16px;
+	top: -16px;
 }
 
-.apirocket-summary-section .apirocket-checkout-row { margin-bottom: 32px; }
-.apirocket-summary-section .apirocket-checkout-row:last-child { margin-bottom: 0px; }
-
-.apirocket-summary-section-title {
-	font-size: 18px;
-	font-weight: bold;
-	line-height: 1.2;
-	color: #404040;
-	margin-bottom: 24px;
+.apirocket-modal-close-icon {
+	height: var(--cart-header-text-close-icon-size, 24px);
+	width: var(--cart-header-text-close-icon-size, 24px);
+	color: var(--cart-header-text-close-icon-color, #a3a3a3);
+	cursor: pointer;
 }
 
-.apirocket-summary-section-subtitle {
-	font-size: 16px;
-	font-weight: bold;
-	line-height: 1;
+.apirocket-modal-body-text-password {
 	color: #404040;
-	margin-bottom: 16px;
+	font-size: 14px;
+	font-weight: normal;
+	line-height: 16px;
+	margin-top: -8px;text-align: right;
+	cursor: pointer;
 }
 
-.apirocket-summary-section-text {
+.apirocket-modal-body-text-password:hover { text-decoration: underline; }
+
+.apirocket-modal-footer-text {
+	color: #a3a3a3;
 	font-size: 14px;
 	font-weight: normal;
-	line-height: 18px;
-	color: #404040;
+	line-height: 16px;
+	text-align: center;
+	margin-top: 16px;
 }
 
-.apirocket-summary-help {
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;	
+.apirocket-modal-footer-text span { 
+	color: #404040; 
+	cursor: pointer;
 }
 
-.apirocket-summary-help-icon { 
-	flex: 0 1;
-	padding-right: 12px;
-}
+.apirocket-modal-footer-text span:hover { text-decoration: underline; }
 
-.apirocket-summary-help-content {
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 1.2;
-	color: #404040;
+
+.apirocket-modal-body {}
+
+.apirocket-modal-footer {
+	padding-top: 32px;
 }
 
-.apirocket-summary-help-content a {
-	display: block;
-	color: #737373;
+.apirocket-modal-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-start;
 }
 
-@media (max-width: 1000px) {
-	.apirocket-summary-top { display: none; }
-	.apirocket-summary-header { margin-top: 32px; }
+.apirocket-modal-row > * {
+	flex: 1 1;
+	margin-right: 16px;
 }
 
-@media (max-width: 720px) {	
-	.apirocket-summary-section-subtitle { margin-top: 24px; }
-	.apirocket-summary-header { 
-		flex-direction: column;
-		align-items: center;
-		text-align: center; 
-	}
-	.apirocket-summary-header-icon {
-		margin-right: 0px;
-		margin-bottom: 16px;
-	}
-	.apirocket-summary-header-title { 
-		font-size: 28px;
-		margin-bottom: 8px;
+.apirocket-modal-row > *:last-child { margin-right: 0; }
+
+
+@media (max-width: 720px) {
+	.apirocket-modal-row { display: block; }
+	.apirocket-modal-row > * { margin-right: 0; }
+
+	.apirocket-modal-nav { display: none; }
+
+	.apirocket-modal-content {
+		width: 95%;
+		margin-top: 32px;
+		padding: 24px;
 	}
+
+	.apirocket-modal-close {
+		right: -8px;
+		top: -8px;
+	}	
 }.apirocket-checkout * { box-sizing: content-box; }
 
 .apirocket-checkout {
@@ -1121,69 +1157,247 @@
 }
 
 
+.apirocket-summary {}
 
-
-
-
-.form-input {
-	display: block;
-	position: relative;
-	margin-bottom: 16px;
-}
-
-.form-input input {
-	appearance: none;
-	-moz-appearance: none;
-	-webkit-appearance: none;	
-	outline: none;
-	width: 100%;
-	height: 46px;
-	background: #fff;
-	border-radius: 4px;
-	border: 1px solid #D9D9D9;
-	font-size: 14px;
-	line-height: 1;
-	padding-left: 14px;
-	padding-right: 14px;
-	padding-top: 14px;
-	padding-bottom: 14px;
-	transition:  all 0.3s ease;
-	box-sizing: border-box;
+.apirocket-summary-top {
+	margin-top: 56px;
+	margin-bottom: 32px;
 }
 
-.form-input input:focus {
-	border-color: #404040;
-	box-shadow: 0 0 0 1px #404040;
+.apirocket-summary-header {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;	
+	margin-bottom: 32px;
 }
 
-.form-input input:not(:placeholder-shown) {
-	padding-top: 22px;
-	padding-bottom: 6px;
+.apirocket-summary-header-icon {
+	flex: 0 1;	
+	margin-right: 16px;
 }
 
-.form-input input:disabled { background-color: #f5f5f5; opacity: 0.8; color: #404040; } 
+.apirocket-summary-header-content {}
 
-.form-input-placeholder {
-	position: absolute;
-	font-size: 12px;
-	line-height: 1;
-	color: #737373;
-	transform: translateY(50%);
-	opacity: 0;
-	top: 8px;
-	left: 15px;
-	transition:  all 0.3s ease;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
+.apirocket-summary-header-title {
+	font-size: 24px;
+	font-weight: bold;
+	line-height: 1.2;
+	color: #404040;
+	margin-bottom: 4px;
 }
 
-.form-input input:not(:placeholder-shown) ~ span.form-input-placeholder {
-	opacity: 1;
-	transform: translateY(0%);
+.apirocket-summary-header-subtitle {
+	font-size: 18px;
+	font-weight: normal;
+	line-height: 1.2;
+	color: #737373;
 }
 
-.form-input .form-input-error-message {
+.apirocket-summary-section {
+	margin-top: 16px;
+	border: 1px solid #d9d9d9;
+	border-radius: 4px;
+	padding: 24px;
+}
+
+.apirocket-summary-section .apirocket-checkout-row { margin-bottom: 32px; }
+.apirocket-summary-section .apirocket-checkout-row:last-child { margin-bottom: 0px; }
+
+.apirocket-summary-section-title {
+	font-size: 18px;
+	font-weight: bold;
+	line-height: 1.2;
+	color: #404040;
+	margin-bottom: 24px;
+}
+
+.apirocket-summary-section-subtitle {
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 1;
+	color: #404040;
+	margin-bottom: 16px;
+}
+
+.apirocket-summary-section-text {
+	font-size: 14px;
+	font-weight: normal;
+	line-height: 18px;
+	color: #404040;
+}
+
+.apirocket-summary-help {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;	
+}
+
+.apirocket-summary-help-icon { 
+	flex: 0 1;
+	padding-right: 12px;
+}
+
+.apirocket-summary-help-content {
+	font-size: 14px;
+	font-weight: normal;
+	line-height: 1.2;
+	color: #404040;
+}
+
+.apirocket-summary-help-content a {
+	display: block;
+	color: #737373;
+}
+
+@media (max-width: 1000px) {
+	.apirocket-summary-top { display: none; }
+	.apirocket-summary-header { margin-top: 32px; }
+}
+
+@media (max-width: 720px) {	
+	.apirocket-summary-section-subtitle { margin-top: 24px; }
+	.apirocket-summary-header { 
+		flex-direction: column;
+		align-items: center;
+		text-align: center; 
+	}
+	.apirocket-summary-header-icon {
+		margin-right: 0px;
+		margin-bottom: 16px;
+	}
+	.apirocket-summary-header-title { 
+		font-size: 28px;
+		margin-bottom: 8px;
+	}
+}
+.apirocket-button {
+	box-sizing: border-box !important;
+	display: block;
+	width: 100%;
+	padding: var(--cart-button-padding-y, 16px) var(--cart-button-padding-x, 16px);
+	margin: 0px;
+	border-radius: var(--cart-button-border-radius, 4px);
+	background-color: var(--cart-button-background-color, transparent);
+	border: 1px solid var(--cart-button-border-color, #e5e5e5);
+	color: var(--cart-button-font-color, #737373);
+	line-height: 1;
+	font-size: var(--cart-button-font-size, 16px);
+	font-weight: var(--cart-button-font-weight, normal);
+	text-align: center;
+	transition-property: color, border-color, background-color, box-shadow;
+	transition-timing-function: ease;
+	transition-duration: 350ms;
+	cursor: pointer;
+}
+
+.apirocket-button:hover {
+	background-color: var(--cart-button-background-color-hover, transparent);
+	border-color: var(--cart-button-border-color-hover, #404040);
+	color: var(--cart-button-font-color-hover, #404040);
+}
+
+.apirocket-button-link {
+	display: block;
+	text-align: left;
+	justify-content: flex-start;
+	align-items: center;
+	border: none;
+	padding-left: 0;
+	padding-right: 0;
+	width: auto;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+.apirocket-button-link span {
+	margin-left: 16px;
+	margin-right: 16px;
+}
+
+.apirocket-button-primary {
+	background-color: var(--cart-button-primary-background-color, #1d4ed8);
+	border-color: var(--cart-button-primary-border-color, #1d4ed8);
+	color: var(--cart-button-primary-text-color, #fff);
+}
+
+.apirocket-button-primary:hover {
+	background-color: var(--cart-button-primary-background-color-hover, #1d4ed8);
+	border-color: var(--cart-button-primary-border-color-hover, #1d4ed8);
+	color: var(--cart-button-primary-text-color-hover, #fff);
+	box-shadow: var(--cart-shadow-button-primary-hover, none);
+}
+
+
+@media (max-width: 720px) {
+
+	.apirocket-button-link { 
+		width: 100%;
+		text-align: center;
+	}
+
+}
+
+
+
+.form-input {
+	display: block;
+	position: relative;
+	margin-bottom: 16px;
+}
+
+.form-input input {
+	appearance: none;
+	-moz-appearance: none;
+	-webkit-appearance: none;	
+	outline: none;
+	width: 100%;
+	height: 46px;
+	background: #fff;
+	border-radius: 4px;
+	border: 1px solid #D9D9D9;
+	font-size: 14px;
+	line-height: 1;
+	padding-left: 14px;
+	padding-right: 14px;
+	padding-top: 14px;
+	padding-bottom: 14px;
+	transition:  all 0.3s ease;
+	box-sizing: border-box;
+}
+
+.form-input input:focus {
+	border-color: #404040;
+	box-shadow: 0 0 0 1px #404040;
+}
+
+.form-input input:not(:placeholder-shown) {
+	padding-top: 22px;
+	padding-bottom: 6px;
+}
+
+.form-input input:disabled { background-color: #f5f5f5; opacity: 0.8; color: #404040; } 
+
+.form-input-placeholder {
+	position: absolute;
+	font-size: 12px;
+	line-height: 1;
+	color: #737373;
+	transform: translateY(50%);
+	opacity: 0;
+	top: 8px;
+	left: 15px;
+	transition:  all 0.3s ease;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.form-input input:not(:placeholder-shown) ~ span.form-input-placeholder {
+	opacity: 1;
+	transform: translateY(0%);
+}
+
+.form-input .form-input-error-message {
 	display: none;
 	font-size: 14px;
 	line-height: 1.2;
@@ -1500,218 +1714,3 @@
 .form-select.invalid.touched .form-select-placeholder { color: #dc2626; }
 .form-select.invalid.touched .form-select-error-message { display: block; }
 
-.apirocket-modal *,
-.apirocket-modal *::before,
-.apirocket-modal *::after { box-sizing: border-box; }
-
-.apirocket-modal {
-	display: flex;
-	justify-content: center;
-	align-items: flex-start;
-	position: fixed;
-	z-index: 10001;
-	right: 0;
-	top: 0;
-	overflow: hidden;
-	overflow-y: auto;
-	width: 100%;
-	height: 100vh;
-	font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
-	background-color: #f5f5f5;	
-}
-
-.apirocket-modal-nav {
-	position: absolute;
-	display: flex;
-	align-items: center;
-	width: 90%;
-	max-width: 1100px;
-	height: 96px;
-}
-
-.apirocket-modal-nav > div {
-	display: block;
-	text-align: left;
-	color: #737373;
-	font-size: 16px;
-	font-weight: normal;
-	cursor: pointer;
-}
-
-.apirocket-modal-nav > div svg { margin-right: 16px; } 
-
-.apirocket-modal-content {
-	display: flex;
-	flex-flow: column;
-	width: 480px;
-	height: auto;
-	padding: 32px;
-	background-color: #fff;
-	margin-top: 96px;
-	margin-bottom: 32px;
-}
-
-.apirocket-modal-header {
-	position: relative;
-	padding-bottom: 32px;
-}
-
-.apirocket-modal-title {
-	font-size: 18px;
-	font-weight: bold;
-	line-height: 1;
-	color: #404040;
-	margin-bottom: 8px;
-}
-
-.apirocket-modal-subtitle {
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 16px;
-	color: #737373;
-}
-
-.apirocket-modal-close {
-	position: absolute;
-	right: -16px;
-	top: -16px;
-}
-
-.apirocket-modal-close-icon {
-	height: var(--cart-header-text-close-icon-size, 24px);
-	width: var(--cart-header-text-close-icon-size, 24px);
-	color: var(--cart-header-text-close-icon-color, #a3a3a3);
-	cursor: pointer;
-}
-
-.apirocket-modal-body-text-password {
-	color: #404040;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 16px;
-	margin-top: -8px;text-align: right;
-	cursor: pointer;
-}
-
-.apirocket-modal-body-text-password:hover { text-decoration: underline; }
-
-.apirocket-modal-footer-text {
-	color: #a3a3a3;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 16px;
-	text-align: center;
-	margin-top: 16px;
-}
-
-.apirocket-modal-footer-text span { 
-	color: #404040; 
-	cursor: pointer;
-}
-
-.apirocket-modal-footer-text span:hover { text-decoration: underline; }
-
-
-.apirocket-modal-body {}
-
-.apirocket-modal-footer {
-	padding-top: 32px;
-}
-
-.apirocket-modal-row {
-	display: flex;
-	justify-content: space-between;
-	align-items: flex-start;
-}
-
-.apirocket-modal-row > * {
-	flex: 1 1;
-	margin-right: 16px;
-}
-
-.apirocket-modal-row > *:last-child { margin-right: 0; }
-
-
-@media (max-width: 720px) {
-	.apirocket-modal-row { display: block; }
-	.apirocket-modal-row > * { margin-right: 0; }
-
-	.apirocket-modal-nav { display: none; }
-
-	.apirocket-modal-content {
-		width: 95%;
-		margin-top: 32px;
-		padding: 24px;
-	}
-
-	.apirocket-modal-close {
-		right: -8px;
-		top: -8px;
-	}	
-}
-.apirocket-button {
-	box-sizing: border-box !important;
-	display: block;
-	width: 100%;
-	padding: var(--cart-button-padding-y, 16px) var(--cart-button-padding-x, 16px);
-	margin: 0px;
-	border-radius: var(--cart-button-border-radius, 4px);
-	background-color: var(--cart-button-background-color, transparent);
-	border: 1px solid var(--cart-button-border-color, #e5e5e5);
-	color: var(--cart-button-font-color, #737373);
-	line-height: 1;
-	font-size: var(--cart-button-font-size, 16px);
-	font-weight: var(--cart-button-font-weight, normal);
-	text-align: center;
-	transition-property: color, border-color, background-color, box-shadow;
-	transition-timing-function: ease;
-	transition-duration: 350ms;
-	cursor: pointer;
-}
-
-.apirocket-button:hover {
-	background-color: var(--cart-button-background-color-hover, transparent);
-	border-color: var(--cart-button-border-color-hover, #404040);
-	color: var(--cart-button-font-color-hover, #404040);
-}
-
-.apirocket-button-link {
-	display: block;
-	text-align: left;
-	justify-content: flex-start;
-	align-items: center;
-	border: none;
-	padding-left: 0;
-	padding-right: 0;
-	width: auto;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-}
-.apirocket-button-link span {
-	margin-left: 16px;
-	margin-right: 16px;
-}
-
-.apirocket-button-primary {
-	background-color: var(--cart-button-primary-background-color, #1d4ed8);
-	border-color: var(--cart-button-primary-border-color, #1d4ed8);
-	color: var(--cart-button-primary-text-color, #fff);
-}
-
-.apirocket-button-primary:hover {
-	background-color: var(--cart-button-primary-background-color-hover, #1d4ed8);
-	border-color: var(--cart-button-primary-border-color-hover, #1d4ed8);
-	color: var(--cart-button-primary-text-color-hover, #fff);
-	box-shadow: var(--cart-shadow-button-primary-hover, none);
-}
-
-
-@media (max-width: 720px) {
-
-	.apirocket-button-link { 
-		width: 100%;
-		text-align: center;
-	}
-
-}