lau-ecom-design-system 1.0.18 → 1.0.19

package/dist/lau-ecom-design-system.ssr.css

@@ -1,6 +1,6 @@
 .lau-ecom-button[data-v-7cd3bda6]{align-items:center;border-radius:32px;border-width:1px;color:var(--neutral-10);display:flex;gap:.5rem;justify-content:center;padding:14px 16px;text-align:center}.lau-ecom-button--upc[data-v-7cd3bda6]{background-color:var(--primary-60);border-color:var(--primary-60)}.lau-ecom-button--upc[data-v-7cd3bda6]:hover{background-color:var(--primary-70);border-color:var(--primary-70)}.lau-ecom-button--upc[data-v-7cd3bda6]:active{background-color:var(--primary-80);border-color:var(--primary-80)}.lau-ecom-button--large[data-v-7cd3bda6]{height:48px;width:auto}.lau-ecom-button--medium[data-v-7cd3bda6]{height:44px;width:auto}.lau-ecom-button--disabled[data-v-7cd3bda6],.lau-ecom-button--disabled[data-v-7cd3bda6]:active,.lau-ecom-button--disabled[data-v-7cd3bda6]:hover{background-color:var(--neutral-70);border-color:var(--neutral-70)}.lau-ecom-button--secondary[data-v-7cd3bda6],.lau-ecom-button--secondary[data-v-7cd3bda6]:active,.lau-ecom-button--secondary[data-v-7cd3bda6]:hover{background-color:var(--neutral-10)}.lau-ecom-button--secondary-upc[data-v-7cd3bda6]{border-color:var(--primary-60);color:var(--primary-60)}.lau-ecom-button--secondary-upc[data-v-7cd3bda6]:hover{border-color:var(--primary-70);color:var(--primary-70)}.lau-ecom-button--secondary-upc[data-v-7cd3bda6]:active{border-color:var(--primary-80);color:var(--primary-80)}.lau-ecom-button--secondary-upc-disabled[data-v-7cd3bda6],.lau-ecom-button--secondary-upc-disabled[data-v-7cd3bda6]:active,.lau-ecom-button--secondary-upc-disabled[data-v-7cd3bda6]:hover{border-color:var(--neutral-70);color:var(--neutral-70)}.lau-ecom-icon-button[data-v-7cd3bda6]{fill:var(--neutral-10)}.lau-ecom-icon-button-secondary[data-v-7cd3bda6]{fill:var(--primary-60)}.lau-ecom-icon-button-secondary[data-v-7cd3bda6]:hover{fill:var(--primary-70)}.lau-ecom-icon-button-secondary[data-v-7cd3bda6]:active{fill:var(--primary-80)}
 .lau-ecom-radio-button[data-v-1e1b236f]{appearance:none;border-color:var(--neutral-90);border-radius:9999px;border-style:solid;border-width:1px;float:left;height:1.25rem;margin-right:.5rem;position:relative;width:1.25rem}.lau-ecom-radio-button[data-v-1e1b236f]:checked:before{content:var(--tw-content);opacity:.16}.lau-ecom-radio-button[data-v-1e1b236f]:checked:after{border-radius:9999px;height:.75rem;left:50%;position:absolute;top:50%;width:.75rem;--tw-content:"";content:var(--tw-content);transform:translate(-50%,-50%)}.lau-ecom-radio-button[data-v-1e1b236f]:focus:checked:before{content:var(--tw-content);--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lau-ecom-radio-button--upc[data-v-1e1b236f]:checked{border-color:var(--primary-60)}.lau-ecom-radio-button--upc[data-v-1e1b236f]:checked:after{background-color:var(--primary-60);content:var(--tw-content)}.lau-ecom-radio-button--upc[data-v-1e1b236f]:focus:checked,.lau-ecom-radio-button--upc[data-v-1e1b236f]:hover{border-color:var(--primary-60)}.lau-ecom-radio-button--disabled[data-v-1e1b236f]{border-color:var(--neutral-50)!important}.lau-ecom-radio-button--disabled[data-v-1e1b236f]:checked:after{background-color:var(--neutral-50);content:var(--tw-content)}.lau-ecom-radio-button--disabled[data-v-1e1b236f]:disabled{cursor:not-allowed}.lau-ecom-radio-button--required[data-v-1e1b236f]{border-color:var(--primary-60)}
-.lau-ecom-checkbox[data-v-51a6198f]{appearance:none;border-color:var(--neutral-90);border-radius:.25rem;border-width:1px;height:1.25rem;margin-right:.5rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.25rem}.lau-ecom-checkbox[data-v-51a6198f]:after{content:var(--tw-content);height:100%;left:0;position:absolute;top:0;width:100%}.lau-ecom-checkbox[data-v-51a6198f]:focus{outline:2px solid transparent;outline-offset:2px}.lau-ecom-checkbox--upc[data-v-51a6198f]:checked{background-color:var(--primary-60);border-color:var(--primary-60)!important}.lau-ecom-checkbox--upc[data-v-51a6198f]:hover{border-color:var(--primary-80)}.lau-ecom-checkbox--checked[data-v-51a6198f]{cursor:pointer}.lau-ecom-checkbox--checked[data-v-51a6198f]:checked{border-color:var(--primary-60)!important}.dsEcom-group:hover .lau-ecom-checkbox--checked[data-v-51a6198f]{border-color:var(--primary-60)}.lau-ecom-checkbox--disabled[data-v-51a6198f]{border-color:var(--neutral-60)!important}.lau-ecom-checkbox--disabled[data-v-51a6198f]:checked{background-color:var(--neutral-60)!important;border-color:var(--neutral-60)!important}.lau-ecom-label[data-v-51a6198f]{align-items:center;color:var(--neutral-90);display:flex;position:relative}.icon-checkmark[data-v-51a6198f]{display:none;left:2px;position:absolute}.dsEcom-peer:checked~.icon-checkmark[data-v-51a6198f]{display:block!important}
+.lau-ecom-checkbox[data-v-51a6198f]{appearance:none;border-color:var(--neutral-90);border-radius:.25rem;border-width:1px;height:1.25rem;margin-right:.5rem;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.25rem}.lau-ecom-checkbox[data-v-51a6198f]:after{content:var(--tw-content);height:100%;left:0;position:absolute;top:0;width:100%}.lau-ecom-checkbox[data-v-51a6198f]:focus{outline:2px solid transparent;outline-offset:2px}.lau-ecom-checkbox--upc[data-v-51a6198f]:checked{background-color:var(--primary-60);border-color:var(--primary-60)!important}.lau-ecom-checkbox--upc[data-v-51a6198f]:hover{border-color:var(--primary-80)}.lau-ecom-checkbox--checked[data-v-51a6198f]{cursor:pointer}.lau-ecom-checkbox--checked[data-v-51a6198f]:checked{border-color:var(--primary-60)!important}.dsEcom-group:hover .lau-ecom-checkbox--checked[data-v-51a6198f]{border-color:var(--primary-60)}.lau-ecom-checkbox--disabled[data-v-51a6198f]{border-color:var(--neutral-60)!important}.lau-ecom-checkbox--disabled[data-v-51a6198f]:checked{background-color:var(--neutral-60)!important;border-color:var(--neutral-60)!important}.lau-ecom-label[data-v-51a6198f]{align-items:center;color:var(--neutral-90);display:flex;position:relative}.icon-checkmark[data-v-51a6198f]{display:none;left:2px;position:absolute;fill:#fff}.dsEcom-peer:checked~.icon-checkmark[data-v-51a6198f]{display:block!important}
 input[type=number][data-v-df501de2]::-webkit-inner-spin-button,input[type=number][data-v-df501de2]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lau-ecom-label[data-v-df501de2]{color:var(--neutral-100);display:block;font-family:core-font-family-public-sans;font-size:12px;font-weight:800;line-height:18px}.lau-ecom-label--disabled[data-v-df501de2]{color:var(--neutral-70)!important}.lau-ecom-input[data-v-df501de2]{border-color:var(--neutral-80);border-radius:.125rem;border-width:1px;padding-left:.75rem;padding-right:44px;width:100%}.lau-ecom-input[data-v-df501de2]:focus,.lau-ecom-input[data-v-df501de2]:hover{border-color:var(--stroke-secondary-60)}.lau-ecom-input[data-v-df501de2]:focus{color:var(--neutral-100)!important}.lau-ecom-input[data-v-df501de2]:focus-visible{outline:2px solid transparent;outline-offset:2px}.lau-ecom-input[data-v-df501de2]:disabled{background-color:var(--neutral-20);border-color:var(--neutral-70)!important}.lau-ecom-input[data-v-df501de2]:disabled:-ms-input-placeholder{color:var(--neutral-70)}.lau-ecom-input[data-v-df501de2]:disabled::placeholder{color:var(--neutral-70)}.lau-ecom-input--disabled[data-v-df501de2]{color:var(--neutral-70)!important}.lau-ecom-input--error[data-v-df501de2]{border-color:var(--feedback-error-60)!important}.lau-ecom-input-success[data-v-df501de2]{border-color:var(--feedback-success-60)!important}.lau-ecom-input-success[data-v-df501de2]:-ms-input-placeholder{color:var(--neutral-100)!important}.lau-ecom-input-success[data-v-df501de2]::placeholder{color:var(--neutral-100)!important}.lau-ecom-error-message[data-v-df501de2]{align-items:center;color:var(--primary-60);display:flex;justify-content:space-between;margin-top:2px}.lau-ecom-success[data-v-df501de2]{position:absolute;right:.75rem}
 .lau-ecom-step[data-v-5e86a962]{align-items:center;background-color:var(--neutral-10);border-color:var(--neutral-70);border-radius:9999px;border-width:1px;color:var(--neutral-70);display:flex;height:2rem;justify-content:center;width:2rem}.lau-ecom-step--completed-upc[data-v-5e86a962]{background-color:var(--primary-60)!important;border-color:var(--primary-60);color:var(--neutral-10)!important}.lau-ecom-step--current-upc[data-v-5e86a962]{border-color:var(--primary-60);color:var(--primary-60)!important}.lau-ecom-step-trail[data-v-5e86a962]{background-color:var(--neutral-70);flex-grow:1;height:1px!important}.lau-ecom-step-trail--completed-upc[data-v-5e86a962]{background-color:var(--primary-60)!important}.lau-ecom-step-label--upc[data-v-5e86a962]{color:var(--primary-60)}.lau-ecom-step-label--current[data-v-5e86a962]{font-weight:700}.lau-ecom-step-label--disabled[data-v-5e86a962]{color:var(--neutral-70)}
 .lau-ecom-label[data-v-a0473faa]{color:var(--neutral-100)}.lau-ecom-label--disabled[data-v-a0473faa]{color:var(--neutral-70)}.lau-ecom-dropdown[data-v-a0473faa]{background-color:var(--neutral-10);border-color:var(--neutral-80);border-radius:2px;border-width:1px;cursor:pointer;height:auto;padding:11px .75rem;width:100%}.lau-ecom-dropdown[data-v-a0473faa]:focus,.lau-ecom-dropdown[data-v-a0473faa]:hover{border-color:var(--stroke-secondary-60)}.lau-ecom-dropdown[data-v-a0473faa]:focus{outline:2px solid transparent;outline-offset:2px}.lau-ecom-dropdown--disabled[data-v-a0473faa]{background-color:var(--neutral-20)!important;border-color:var(--neutral-70)!important}.lau-ecom-dropdown--error[data-v-a0473faa]{border-color:var(--feedback-error-60)!important}.lau-ecom-dropdown--open[data-v-a0473faa]{border-color:var(--stroke-secondary-60)}.lau-ecom-icon[data-v-a0473faa]{cursor:pointer;position:absolute;right:1rem;top:.75rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.lau-ecom-icon--open[data-v-a0473faa]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lau-ecom-icon--disabled[data-v-a0473faa]{cursor:default}.lau-ecom-dropdown-list[data-v-a0473faa]{background-color:var(--neutral-10);left:0;padding-bottom:.25rem;padding-top:.25rem;position:absolute;top:100%;width:100%;z-index:20;--tw-shadow:0px 2px 16px -2px rgba(89,89,89,.12);--tw-shadow-colored:0px 2px 16px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lau-ecom-dropdown-list-item[data-v-a0473faa]{cursor:pointer;padding:.5rem .75rem}.lau-ecom-dropdown-list-item[data-v-a0473faa]:hover{background-color:var(--neutral-30)}.lau-ecom-dropdown-list-item[data-v-a0473faa]:active,.lau-ecom-dropdown-list-item[data-v-a0473faa]:focus{background-color:var(--neutral-40)}.lau-ecom-dropdown__error[data-v-a0473faa]{align-items:center;color:var(--primary-60);display:flex;margin-top:2px}

package/dist/lau-ecom-design-system.ssr.js

@@ -1074,7 +1074,6 @@ var script$d = /*@__PURE__*/vue.defineComponent({
         onChange: handleChange
       }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_3$7), vue.createVNode(vue.unref(script$B), {
         class: "icon-checkmark",
-        color: "#fff",
         width: "16",
         height: "16"
       }), !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {

package/dist/style.css

@@ -1587,6 +1587,10 @@ video {
   fill: var(--secondary-60);
 }
 
+.dsEcom-fill-white {
+  fill: #fff;
+}
+
 .dsEcom-p-4 {
   padding: 1rem;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lau-ecom-design-system",
   "private": false,
-  "version": "1.0.18",
+  "version": "1.0.19",
   "sourceType": "module",
   "sideEffects": false,
   "main": "dist/lau-ecom-design-system.ssr.js",

package/src/components/LauEcomCheckbox/LauEcomCheckbox.vue

@@ -73,7 +73,6 @@ const textLabelClass = computed(() => {
       />
       <LauEcomUpcIconNavCheckmark
         class="icon-checkmark"
-        color="#fff"
         width="16"
         height="16"
       />
@@ -138,6 +137,7 @@ const textLabelClass = computed(() => {
   @apply dsEcom-absolute
     dsEcom-left-[2px]
     dsEcom-hidden 
+    dsEcom-fill-white
     peer-checked:!dsEcom-block;
 }
 </style>