@rypen-dev/shared-components 5.0.6 → 5.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@rypen-dev/shared-components",
 	"description": "Shared styles and Vuejs ui components for Rypen projects.",
-	"version": "5.0.6",
+	"version": "5.0.8",
 	"main": "./dist/index.js",
 	"scripts": {
 		"build": "webpack --config ./webpack.config.js",

package/scss/_variables.scss

@@ -143,6 +143,7 @@ $checkbox-image: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGlu
 $checkbox-image-disabled: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiPg0KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjZGNkNmU4Ij4NCiAgICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik04IDE3bDUgNSA5LTEzIi8+DQogICAgPC9nPg0KPC9zdmc+DQo=" !default;
 $checkbox-image-secondary: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMzAgMzAiPg0KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjYTZkNmQ2Ij4NCiAgICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik04IDE3bDUgNSA5LTEzIi8+DQogICAgPC9nPg0KPC9zdmc+DQo=" !default;
 $checkbox-image-warning: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI2ZmYjUzYiI+DQogICAgICAgIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNOCAxN2w1IDUgOS0xMyIvPg0KICAgIDwvZz4NCjwvc3ZnPg0K" !default;
+$checkbox-image-success-alt: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDMwIDMwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzNBOEE4MSI+DQogICAgICAgIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNOCAxN2w1IDUgOS0xMyIvPg0KICAgIDwvZz4NCjwvc3ZnPg0K" !default;
 
 // Fonts
 $body-font-family: 'Open Sans', sans-serif !default;

package/scss/partials/_forms.scss

@@ -109,6 +109,7 @@ select {
 
     input:disabled + label {
         color: $medium-gray !important;
+        cursor: default;
     }
 
     &.no-margin {
@@ -169,7 +170,7 @@ select {
     }
 
     input:checked:disabled + label::after {
-        background-image: url($checkbox-image-disabled);
+        background-image: url($checkbox-image-disabled) !important;
     }
     
     &.secondary {
@@ -192,6 +193,26 @@ select {
         }
     }
 
+    &.success-alt {
+        label {
+            &::before {
+                border-color: $success-alt;
+            }
+        }
+
+        input:checked + label::after {
+            background-image: url($checkbox-image-success-alt);
+        }
+
+        input:focus + label::before {
+            border-color: $primary;
+        }
+
+        &:not(.plain-label) label {
+            color: $success-alt;
+        }
+    }
+
     &.warning {
         label {
             &::before {
@@ -1427,13 +1448,46 @@ body.hover-capable {
         vertical-align: middle;
         background-repeat: no-repeat;
         background-size: 100% auto;
-        margin-right: 0.5rem;
+        margin-right: 6px;
+    }
+
+    &.cash,
+    &.other,
+    &.wire-transfer,
+    &.square-terminal {
+        span {
+            display: none;
+        }
+    }
+
+    &.check {
+
+    }
+
+    &.ach {
+
+    }
+
+    &.affirm {
+
+    }
+
+    &.apple-pay {
+
+    }
+
+    &.google-pay {
+
+    }
+
+    &.shop-pay {
+
     }
 
     &.paypal {
         span {
-            width: 30px;
-            height: 30px;
+            width: 35px;
+            height: 35px;
             background-image: url('/assets/images/pp258.png');
         }
     }

package/scss/partials/_typography.scss

@@ -250,6 +250,22 @@ h5 {
             margin-bottom: 10px;
             padding-bottom: 12px;
         }
+
+        &.color-secondary {
+            color: $secondary;
+        }
+
+        &.color-secondary-alt {
+            color: $secondary-alt;
+        }
+
+        &.color-success-alt {
+            color: $success-alt;
+        }
+
+        &.color-warning {
+            color: $warning;
+        }
     }
 
     &.card-style {

package/scss/proposals.scss

@@ -811,9 +811,5 @@ a.color-callout {
     font-weight: 600;
 }
 
-.strike {
-    text-decoration: line-through;
-}
-
 @import './partials/proposalsgallery';
 @import './partials/proposalsmodals';

package/scss/proposalsshared.scss

@@ -20,7 +20,7 @@
         margin-bottom: 30px;
     }
 
-    @media (min-width: map-get($breakpoints, medium)) {
+    @media screen and (min-width: map-get($breakpoints, medium)) {
         margin-top: 50px;
         display: flex;
         justify-content: space-between;