@zipify/wysiwyg 1.0.0-dev.94 → 1.0.0-dev.95

package/dist/wysiwyg.css

@@ -240,7 +240,7 @@
     --zw-range-thumb-box-shadow: 0 0 0 12px rgba(240, 240, 240, 0.15);
 }
 
-.zw-number-field[data-v-746d73f1] {
+.zw-number-field[data-v-2e210d91] {
     --border-color: rgb(var(--zw-color-n60));
     --text-color: rgb(var(--zw-color-n85));
     --buttons-color: rgb(var(--zw-color-n70));
@@ -250,16 +250,16 @@
     align-items: stretch;
     display: flex;
 }
-.zw-number-field[data-v-746d73f1]:hover {
+.zw-number-field[data-v-2e210d91]:hover {
     --border-color: rgb(var(--zw-color-n80));
     --text-color: rgb(var(--zw-color-n85));
 }
-.zw-number-field[data-v-746d73f1]:focus,
-.zw-number-field[data-v-746d73f1]:focus-within {
+.zw-number-field[data-v-2e210d91]:focus,
+.zw-number-field[data-v-2e210d91]:focus-within {
     --border-color: rgb(var(--zw-color-white));
     --text-color: rgb(var(--zw-color-white));
 }
-.zw-number-field__input[data-v-746d73f1] {
+.zw-number-field__input[data-v-2e210d91] {
     color: var(--text-color);
     background-color: rgb(var(--zw-color-n15));
     border: 0;
@@ -270,60 +270,60 @@
     font-size: var(--zw-font-size-xs);
     -moz-appearance: textfield;
 }
-.zw-number-field__buttons[data-v-746d73f1] {
+.zw-number-field__buttons[data-v-2e210d91] {
     display: none;
     flex-direction: column;
     height: 100%;
 }
-.zw-number-field:hover .zw-number-field__buttons[data-v-746d73f1],
-.zw-number-field:focus .zw-number-field__buttons[data-v-746d73f1],
-.zw-number-field:focus-within .zw-number-field__buttons[data-v-746d73f1] {
+.zw-number-field:hover .zw-number-field__buttons[data-v-2e210d91],
+.zw-number-field:focus .zw-number-field__buttons[data-v-2e210d91],
+.zw-number-field:focus-within .zw-number-field__buttons[data-v-2e210d91] {
     display: flex;
 }
-.zw-number-field__input[data-v-746d73f1]::placeholder {
+.zw-number-field__input[data-v-2e210d91]::placeholder {
     color: var(--text-color);
 }
-.zw-number-field__input[data-v-746d73f1]::-webkit-outer-spin-button,
-.zw-number-field__input[data-v-746d73f1]::-webkit-inner-spin-button {
+.zw-number-field__input[data-v-2e210d91]::-webkit-outer-spin-button,
+.zw-number-field__input[data-v-2e210d91]::-webkit-inner-spin-button {
     color: var(--text-color);
     -webkit-appearance: none;
 }
-.zw-number-field__controls[data-v-746d73f1] {
+.zw-number-field__controls[data-v-2e210d91] {
     min-width: var(--zw-offset-sm);
 }
-.zw-number-field--disabled[data-v-746d73f1] {
+.zw-number-field--disabled[data-v-2e210d91] {
     opacity: 0.5;
 }
-.zw-number-field--disabled[data-v-746d73f1],
-.zw-number-field--disabled .zw-number-field__input[data-v-746d73f1] {
+.zw-number-field--disabled[data-v-2e210d91],
+.zw-number-field--disabled .zw-number-field__input[data-v-2e210d91] {
     cursor: not-allowed;
 }
-.zw-number-field__increment-button[data-v-746d73f1],
-.zw-number-field__decrement-button[data-v-746d73f1] {
+.zw-number-field__increment-button[data-v-2e210d91],
+.zw-number-field__decrement-button[data-v-2e210d91] {
     width: 100%;
     height: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.zw-number-field__increment-button[data-v-746d73f1]::after,
-.zw-number-field__decrement-button[data-v-746d73f1]::after {
+.zw-number-field__increment-button[data-v-2e210d91]::after,
+.zw-number-field__decrement-button[data-v-2e210d91]::after {
     content: "";
     border-left: 3px solid transparent;
     border-right: 3px solid transparent;
 }
-.zw-number-field__increment-button[data-v-746d73f1]::after {
+.zw-number-field__increment-button[data-v-2e210d91]::after {
     border-bottom: 3px solid var(--buttons-color);
 }
-.zw-number-field__decrement-button[data-v-746d73f1]::after {
+.zw-number-field__decrement-button[data-v-2e210d91]::after {
     border-top: 3px solid var(--buttons-color);
 }
-.zw-number-field__increment-button[data-v-746d73f1]:hover,
-.zw-number-field__decrement-button[data-v-746d73f1]:hover {
+.zw-number-field__increment-button[data-v-2e210d91]:hover,
+.zw-number-field__decrement-button[data-v-2e210d91]:hover {
     background-color: rgb(var(--zw-color-n20));
     --buttons-color: rgb(var(--zw-color-white));
 }
-.zw-number-field__units[data-v-746d73f1] {
+.zw-number-field__units[data-v-2e210d91] {
     color: rgb(var(--zw-color-n70));
     font-size: var(--zw-font-size-xs);
     line-height: var(--zw-line-height-md);
@@ -331,8 +331,8 @@
     display: inline-block;
     width: 100%;
 }
-.zw-number-field:hover .zw-number-field__units[data-v-746d73f1],
-.zw-number-field:focus .zw-number-field__units[data-v-746d73f1] {
+.zw-number-field:hover .zw-number-field__units[data-v-2e210d91],
+.zw-number-field:focus .zw-number-field__units[data-v-2e210d91] {
     display: none;
 }
 

package/dist/wysiwyg.mjs

@@ -19256,7 +19256,7 @@ var render$A = function __render__10() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", {
+  return _c("label", {
     staticClass: "zw-number-field",
     "class": _vm.elementClasses
   }, [_c("input", {
@@ -19379,7 +19379,7 @@ var __component__$A = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$A,
   false,
   __vue2_injectStyles$A,
-  "746d73f1",
+  "2e210d91",
   null,
   null
 );

package/lib/components/base/NumberField.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="elementClasses" class="zw-number-field">
+    <label :class="elementClasses" class="zw-number-field">
         <input
             type="number"
             class="zw-number-field__input"
@@ -32,7 +32,7 @@
                 {{ units }}
             </p>
         </div>
-    </div>
+    </label>
 </template>
 
 <script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "1.0.0-dev.94",
+  "version": "1.0.0-dev.95",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "repository": {