apirocket 0.6.3 → 0.6.4

package/dist/ecommerce.css

@@ -199,6 +199,7 @@
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
+  width: 100%;
 }
 
 .apirocket-cart-item-col-image {
@@ -226,13 +227,17 @@
 }
 
 .apirocket-cart-item-col-description-text {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
 	font-size: var(--cart-item-description-font-size, 14px);
 	font-weight: var(--cart-item-description-font-weight, lighter);
 	color: var(--cart-item-description-font-color, #000);
 }
 
 .apirocket-cart-item-col-delete {
-	flex: 1 0 auto;
+	flex: 24px 0 auto;
 	align-self: flex-start;
 	color: var(--cart-item-delete-icon-color, #404040);
 	width: var(--cart-item-delete-icon-size, 24px);
@@ -704,6 +709,11 @@
 	margin-top: 48px;
 }
 
+.apirocket-checkout-section-divider {
+  display: block;
+  height: 16px;
+}
+
 .apirocket-checkout-section-header {
 	margin-bottom: 24px;
 }
@@ -1144,6 +1154,15 @@
 	margin-bottom: 16px;
 }
 
+.apirocket-summary-section-customer-order {
+	font-size: 16px;
+	font-weight: bold;
+	line-height: 1;
+	color: #404040;
+	margin-bottom: 16px;
+  margin-top: -16px;
+}
+
 .apirocket-summary-section-text {
 	font-size: 14px;
 	font-weight: normal;
@@ -1505,12 +1524,20 @@ button.apirocket-button-primary:disabled {
 	position: relative;
 	justify-content: center;
 	border-bottom: 1px solid #e5e5e5;
-	overflow-x: auto;
+
+}
+
+.apirocket-tabs-group {
+	display: flex;
+	position: relative;
+	justify-content: space-around;
+  width: 100%;
+  max-width: 800px;
 }
 
 .apirocket-tab {
 	color: #737373;
-	padding: 16px 24px 13px 24px;
+	padding: 16px 16px 13px 16px;
 	font-size: 16px;
 	border-bottom: 3px solid #fff;
 	cursor: pointer;
@@ -1531,6 +1558,30 @@ button.apirocket-button-primary:disabled {
 	color: #404040;
 }
 
+.apirocket-tab-menu-icon {
+  position: absolute;
+  right: 0px;
+  z-index: 1001;
+}
+
+.apirocket-tab-menu-items {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  z-index: 1000;
+  right: -16px;
+  top: -32px;
+  background-color: #f5f5f5;
+  padding: 64px 32px 24px 32px;
+  text-wrap: nowrap;
+}
+
+.apirocket-tab-menu-items:not(.apirocket-tab-menu-items-active) {
+  display: none !important;
+}
+
+
 .apirocket-tab-panel { 
 	display: none; 
 	padding: 32px;
@@ -1554,6 +1605,10 @@ button.apirocket-button-primary:disabled {
 		padding-right: 32px;
 	}
 
+  .apirocket-tabs-group {
+    justify-content: start;
+  }  
+
 	
 	.apirocket-tab {
 		border-bottom-color: #fff;