@vcmap/ui 5.3.2 → 6.0.0-rc.1

package/src/components/form-inputs-controls/VcsWizard.vue

@@ -1,8 +1,8 @@
 <template>
   <v-stepper
     vertical
-    :value="value"
-    @change="(newValue) => $emit('input', newValue)"
+    :model-value="modelValue"
+    @change="(newValue) => $emit('update:modelValue', newValue)"
     class="rounded-0 pb-1"
   >
     <slot />
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-  import { VStepper } from 'vuetify/lib';
+  import { VStepper } from 'vuetify/components';
 
   /**
    * @description Stylized wrapper around {@link https://vuetifyjs.com/en/api/v-stepper/ |vuetify stepper}
@@ -25,7 +25,7 @@
       VStepper,
     },
     props: {
-      value: {
+      modelValue: {
         type: Number,
         default: undefined,
       },
@@ -33,105 +33,99 @@
   };
 </script>
 <style scoped lang="scss">
-  @import '../../styles/shades.scss';
+  /*@import '../../styles/shades.scss';
   .v-stepper {
     &.theme--light {
-      ::v-deep {
-        .v-stepper__step {
+      :deep(.v-stepper__step) {
+        .v-stepper__label {
+          color: map-get($shades, 'black');
+        }
+        &--complete {
           .v-stepper__label {
             color: map-get($shades, 'black');
           }
-          &--complete {
-            .v-stepper__label {
-              color: map-get($shades, 'black');
-            }
-          }
-          &--active {
-            background-color: rgba(34, 34, 34, 0.1);
-            .v-stepper__label {
-              color: var(--v-primary-base);
-            }
-          }
-          .v-stepper__step__step::before {
-            color: map-get($shades, 'white');
+        }
+        &--active {
+          background-color: rgba(34, 34, 34, 0.1);
+          .v-stepper__label {
+            color: var(--v-primary-base);
           }
         }
-        .step-border:not(:last-child) > .v-stepper__content {
-          border-left: 2px solid rgba(0, 0, 0, 0.12);
+        .v-stepper__step__step::before {
+          color: map-get($shades, 'white');
         }
       }
+      :deep(.step-border:not(:last-child) > .v-stepper__content) {
+        border-left: 2px solid rgba(0, 0, 0, 0.12);
+      }
     }
     &.theme--dark {
       background: map-get($shades, 'black');
-      ::v-deep {
-        .v-stepper__step {
+      :deep(.v-stepper__step) {
+        .v-stepper__label {
+          color: map-get($shades, 'white');
+        }
+        &--complete {
           .v-stepper__label {
             color: map-get($shades, 'white');
           }
-          &--complete {
-            .v-stepper__label {
-              color: map-get($shades, 'white');
-            }
-          }
-          &--active {
-            background-color: rgba(255, 255, 255, 0.17);
-            .v-stepper__label {
-              color: var(--v-primary-base);
-            }
-          }
-          .v-stepper__step__step {
-            .v-icon {
-              color: transparent;
-            }
-            &:before {
-              color: map-get($shades, 'black');
-            }
-          }
-          &.v-stepper__step--error {
-            .v-stepper__label {
-              color: var(--v-error-darken2);
-            }
-            .v-stepper__step__step {
-              background-color: var(--v-error-darken1);
-            }
-          }
         }
-        .step-border:not(:last-child) > .v-stepper__content {
-          border-left: 2px solid rgba(255, 255, 255, 0.8);
-        }
-      }
-    }
-    ::v-deep {
-      .v-stepper__step {
-        padding-top: 0;
-        padding-bottom: 0;
-        .v-stepper__label {
-          font-weight: 700;
-          text-shadow: none !important;
+        &--active {
+          background-color: rgba(255, 255, 255, 0.17);
+          .v-stepper__label {
+            color: var(--v-primary-base);
+          }
         }
         .v-stepper__step__step {
-          color: transparent;
-          position: relative;
-          margin-top: 1px;
+          .v-icon {
+            color: transparent;
+          }
           &:before {
-            content: '\25cf';
-            font-size: 18px;
-            position: absolute;
-            top: -9px;
+            color: map-get($shades, 'black');
           }
         }
         &.v-stepper__step--error {
-          .v-stepper__step__step {
-            background-color: var(--v-error-base);
-          }
           .v-stepper__label {
-            color: var(--v-error-base);
+            color: var(--v-error-darken2);
+          }
+          .v-stepper__step__step {
+            background-color: var(--v-error-darken1);
           }
         }
       }
-      .v-stepper__content .v-stepper__wrapper {
-        margin: 4px 0 4px 4px;
+      :deep(.step-border:not(:last-child) > .v-stepper__content) {
+        border-left: 2px solid rgba(255, 255, 255, 0.8);
+      }
+    }
+    :deep(.v-stepper__step) {
+      padding-top: 0;
+      padding-bottom: 0;
+      .v-stepper__label {
+        font-weight: 700;
+        text-shadow: none !important;
+      }
+      .v-stepper__step__step {
+        color: transparent;
+        position: relative;
+        margin-top: 1px;
+        &:before {
+          content: '\25cf';
+          font-size: 18px;
+          position: absolute;
+          top: -9px;
+        }
+      }
+      &.v-stepper__step--error {
+        .v-stepper__step__step {
+          background-color: var(--v-error-base);
+        }
+        .v-stepper__label {
+          color: var(--v-error-base);
+        }
       }
     }
-  }
+    :deep(.v-stepper__content .v-stepper__wrapper) {
+      margin: 4px 0 4px 4px;
+    }
+  }*/
 </style>

package/src/components/form-inputs-controls/VcsWizard.vue.d.ts

@@ -1,14 +1,14 @@
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: NumberConstructor;
         default: undefined;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    value: {
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: NumberConstructor;
         default: undefined;
     };
 }>>, {
-    value: number;
-}>;
+    modelValue: number;
+}, {}>;
 export default _default;

package/src/components/form-inputs-controls/VcsWizardStep.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="step-border">
-    <v-stepper-step
+    <v-stepper-vertical-item
       :step="step"
       :editable="editable"
       :complete="complete"
@@ -10,7 +10,7 @@
       <div class="d-flex justify-space-between align-center">
         <slot name="header" />
         <div v-if="!$slots.header" class="step-label-wrap">
-          <span>{{ $t(heading) }}</span>
+          <span>{{ $st(heading) }}</span>
         </div>
         <VcsActionButtonList
           v-if="Number(step) === Number(value)"
@@ -21,7 +21,7 @@
           @keydown.stop
         />
       </div>
-    </v-stepper-step>
+    </v-stepper-vertical-item>
     <v-stepper-content v-if="$slots.content" class="pr-4" :step="step">
       <VcsHelp :text="helpText" :show="showHelp">
         <slot name="help" />
@@ -33,7 +33,7 @@
 
 <script>
   import { computed, reactive, watch } from 'vue';
-  import { VStepperStep, VStepperContent } from 'vuetify/lib';
+  import { VStepperVerticalItem } from 'vuetify/labs/VStepperVertical';
   import VcsActionButtonList from '../buttons/VcsActionButtonList.vue';
   import VcsHelp from '../notification/VcsHelp.vue';
 
@@ -56,8 +56,7 @@
   export default {
     name: 'VcsWizardStep',
     components: {
-      VStepperStep,
-      VStepperContent,
+      VStepperVerticalItem,
       VcsActionButtonList,
       VcsHelp,
     },
@@ -95,7 +94,7 @@
         type: String,
         default: undefined,
       },
-      value: {
+      modelValue: {
         type: [String, Number],
         required: true,
       },
@@ -108,15 +107,18 @@
         icon: 'mdi-help-circle',
         callback() {
           this.active = !this.active;
-          if (Number(props.value) !== Number(props.step) && props.editable) {
-            emit('input', props.step);
+          if (
+            Number(props.modelValue) !== Number(props.step) &&
+            props.editable
+          ) {
+            emit('update:modelValue', props.step);
           }
         },
       });
       const showHelp = computed(() => helpAction.active);
       // deactivate help when leaving a step
       watch(
-        () => props.value,
+        () => props.modelValue,
         (currentStep, previousStep) => {
           if (Number(previousStep) === Number(props.step)) {
             helpAction.active = false;
@@ -145,10 +147,8 @@
     background-color: transparent;
   }
   .v-stepper__step {
-    ::v-deep {
-      .v-ripple__container {
-        display: none !important;
-      }
+    :deep(.v-ripple__container) {
+      display: none !important;
     }
   }
   .v-stepper__content {

package/src/components/form-inputs-controls/VcsWizardStep.vue.d.ts

@@ -32,14 +32,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    value: {
+    modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
 }, {
     showHelp: import("vue").ComputedRef<boolean>;
     actions: import("vue").ComputedRef<VcsAction>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     step: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    value: {
+    modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
@@ -85,5 +85,5 @@ declare const _default: import("vue").DefineComponent<{
     actionButtonListOverflowCount: number;
     helpText: string;
     editable: boolean;
-}>;
+}, {}>;
 export default _default;

package/src/components/form-inputs-controls/vcsTextField.scss

@@ -0,0 +1,78 @@
+:deep(.v-field) {
+  --v-field-padding-start: 8px;
+  --v-field-padding-end: 8px;
+}
+.v-input--density-compact :deep(.v-field) {
+  --v-input-control-height: calc(var(--v-vcs-item-height) - 8px);
+  --v-field-padding-bottom: 0px;
+  --v-field-input-padding-top: 0px;
+  --v-input-padding-top: 0px;
+}
+
+:deep(.v-field--focused .v-field__outline *) {
+  --v-field-border-width: 1px;
+}
+
+// set the border color on focused to primary, but not on error
+:deep(.v-field--focused:not(.v-field--error) .v-field__outline *) {
+  border-color: rgb(var(--v-theme-primary));
+}
+// Not color, just used if label is given
+:deep(.v-field--focused:not(.v-field--error) .v-field__outline *::after) {
+  border-color: rgb(var(--v-theme-primary));
+}
+
+// remove outline, if not focused, hovered or an error
+:deep(.v-field:not(.v-field--focused):not(.v-field--error):not(:hover)) {
+  .v-field__outline * {
+    border-width: 0 0 1px 0;
+    border-radius: 0;
+  }
+  .v-field__outline {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  .v-field__loader {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  .v-field__outline *::before {
+    border-width: 0;
+    border-radius: 0;
+  }
+  .v-field__outline * label {
+    color: rgb(var(--v-theme-primary));
+    margin-left: -4px;
+  }
+}
+
+// move unit to the right
+:deep(.v-field--appended) {
+  padding-inline-end: 8px;
+}
+
+// remove margin from prepended Icon
+.v-input--horizontal :deep(.v-input__prepend) {
+  margin-inline-end: 4px;
+}
+.primary--placeholder {
+  :deep(input::placeholder) {
+    color: rgb(var(--v-theme-primary));
+    font-style: italic;
+    opacity: 1;
+    padding: 0 3px 0 0;
+  }
+  :deep(input::-moz-placeholder) {
+    font-style: initial;
+  }
+}
+
+// remove details
+:deep(.v-input__details) {
+  display: none;
+}
+
+// Progress Bar
+:deep(.v-field__loader) {
+  top: calc(100% - 2px);
+}

package/src/components/form-output/VcsFormattedNumber.vue

@@ -1,16 +1,17 @@
 <template>
-  <span
-    class="vcs-formatted-number"
-    :class="{ 'vcs-formatted-number-dense': dense, 'px-2': !noPadding }"
-  >
-    <span v-if="prefix" class="pr-1">{{ prefix }}</span>
+  <span class="vcs-formatted-number" :class="{ 'py-1': !paddingProvided }">
+    <slot name="prepend">
+      <span v-if="prefix" class="pr-1">{{ prefix }}</span>
+    </slot>
     {{ formatted }}
-    <span v-if="unit === SpecialUnits.SQM"> m<sup>2</sup> </span>
-    <span v-else-if="unit === SpecialUnits.CBM"> m<sup>3</sup> </span>
-    <span v-else-if="unit === SpecialUnits.DEG"> ° </span>
-    <span v-else>
-      {{ unit }}
-    </span>
+    <slot name="append">
+      <span v-if="unit === SpecialUnits.SQM"> m<sup>2</sup> </span>
+      <span v-else-if="unit === SpecialUnits.CBM"> m<sup>3</sup> </span>
+      <span v-else-if="unit === SpecialUnits.DEG"> ° </span>
+      <span v-else>
+        {{ unit }}
+      </span>
+    </slot>
   </span>
 </template>
 <style lang="scss" scoped>
@@ -18,15 +19,13 @@
   @import '../../styles/vcsFont';
   .vcs-formatted-number,
   .vcs-formatted-number span {
-    font-size: $vcs-font-size;
-    line-height: $line-height-base;
-  }
-  .vcs-formatted-number-dense {
+    font-size: var(--v-vcs-font-size);
     line-height: $line-height-dense;
   }
 </style>
 <script>
   import { computed } from 'vue';
+  import { usePadding } from '../composables.js';
 
   /**
    * @description Converts a number (e.g. 12345678,9) to a locale-aware and
@@ -67,7 +66,7 @@
    * @description Formatted number display, optionally with unit
    * @vue-prop {string|SpecialUnits} [unit=undefined]
    * @vue-prop {number} [fractionDigits=undefined]
-   * @vue-prop {number} value
+   * @vue-prop {number} modelValue
    * @vue-prop {string|number} prefix
    * @vue-prop {boolean} [dense=true] - default line height is 32px (dense). If set false, height is 40px.
    * @vue-prop {boolean} noPadding    - Padding is required for usage within rows. For standalone usage this prop removes class.
@@ -84,7 +83,7 @@
         type: Number,
         default: 2,
       },
-      value: {
+      modelValue: {
         type: Number,
         default: 0,
       },
@@ -92,22 +91,16 @@
         type: [String, Number],
         default: undefined,
       },
-      dense: {
-        type: Boolean,
-        default: true,
-      },
-      noPadding: {
-        type: Boolean,
-        default: false,
-      },
     },
-    setup(props) {
+    setup(props, { attrs }) {
       const formatted = computed(() =>
-        numberToLocaleString(props.value, props.fractionDigits),
+        numberToLocaleString(props.modelValue, props.fractionDigits),
       );
+      const paddingProvided = usePadding(attrs);
       return {
         SpecialUnits,
         formatted,
+        paddingProvided,
       };
     },
   };

package/src/components/form-output/VcsFormattedNumber.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    value: {
+    modelValue: {
         type: NumberConstructor;
         default: number;
     };
@@ -32,14 +32,6 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    dense: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noPadding: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
     SpecialUnits: {
         SQM: string;
@@ -47,7 +39,8 @@ declare const _default: import("vue").DefineComponent<{
         DEG: string;
     };
     formatted: import("vue").ComputedRef<string | number>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    paddingProvided: import("vue").ComputedRef<boolean>;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     unit: {
         type: StringConstructor[];
         default: undefined;
@@ -56,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    value: {
+    modelValue: {
         type: NumberConstructor;
         default: number;
     };
@@ -64,22 +57,12 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    dense: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noPadding: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>>, {
-    value: number;
+    modelValue: number;
+    prefix: string | number;
     unit: string;
-    noPadding: boolean;
-    dense: boolean;
     fractionDigits: number;
-    prefix: string | number;
-}>;
+}, {}>;
 export default _default;
 export namespace VcsFormattedNumber {
     /**

package/src/components/icons/+all.js

@@ -481,7 +481,7 @@ const prefixed = (iconMap) => {
   return Object.entries(iconMap).reduce(
     (previousValue, [key, value]) => ({
       ...previousValue,
-      [`vcs${nameCapitalized(key)}`]: value,
+      [`vcs${nameCapitalized(key)}`]: value.component,
     }),
     {},
   );

package/src/components/icons/2DAreaIcon.vue

@@ -1,13 +1,7 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
-    <rect id="size" width="24" height="24" fill="none" />
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path
       id="Path_681"
       d="M-10.08-3.448h1.088A2.381,2.381,0,0,1-8.948-3.9,1.4,1.4,0,0,1-8.8-4.316a.866.866,0,0,1,.276-.3.734.734,0,0,1,.42-.116.833.833,0,0,1,.6.228.843.843,0,0,1,.236.636.892.892,0,0,1-.116.456,1.555,1.555,0,0,1-.288.36,2.607,2.607,0,0,1-.38.292q-.208.132-.392.26-.36.248-.684.488a3.324,3.324,0,0,0-.564.524,2.256,2.256,0,0,0-.38.644,2.335,2.335,0,0,0-.14.848H-6.1V-.976H-8.744a2.535,2.535,0,0,1,.48-.5q.272-.216.56-.4t.572-.38a3.06,3.06,0,0,0,.508-.428,1.912,1.912,0,0,0,.36-.54,1.774,1.774,0,0,0,.136-.728A1.692,1.692,0,0,0-6.284-4.7a1.634,1.634,0,0,0-.42-.552,1.886,1.886,0,0,0-.612-.344,2.23,2.23,0,0,0-.732-.12,2.182,2.182,0,0,0-.892.172,1.74,1.74,0,0,0-.644.48,2.076,2.076,0,0,0-.384.72A2.687,2.687,0,0,0-10.08-3.448Zm5.96,2.392v-3.6h.9a2.028,2.028,0,0,1,.78.132,1.224,1.224,0,0,1,.508.38,1.556,1.556,0,0,1,.276.6,3.33,3.33,0,0,1,.084.78,2.34,2.34,0,0,1-.12.8,1.467,1.467,0,0,1-.32.532,1.162,1.162,0,0,1-.456.292A1.613,1.613,0,0,1-3-1.056ZM-5.376-5.712V0h2.464a2.734,2.734,0,0,0,1.14-.22,2.268,2.268,0,0,0,.808-.6A2.535,2.535,0,0,0-.48-1.736,3.957,3.957,0,0,0-.32-2.888a3.56,3.56,0,0,0-.2-1.24,2.438,2.438,0,0,0-.544-.88,2.231,2.231,0,0,0-.824-.528,2.941,2.941,0,0,0-1.028-.176Z"

package/src/components/icons/2DAreaIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/src/components/icons/2DDistanceIcon.vue

@@ -1,13 +1,7 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
-    <rect id="size" width="24" height="24" fill="none" />
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path
       id="Path_682"
       d="M-10.08-3.448h1.088A2.381,2.381,0,0,1-8.948-3.9,1.4,1.4,0,0,1-8.8-4.316a.866.866,0,0,1,.276-.3.734.734,0,0,1,.42-.116.833.833,0,0,1,.6.228.843.843,0,0,1,.236.636.892.892,0,0,1-.116.456,1.555,1.555,0,0,1-.288.36,2.607,2.607,0,0,1-.38.292q-.208.132-.392.26-.36.248-.684.488a3.324,3.324,0,0,0-.564.524,2.256,2.256,0,0,0-.38.644,2.335,2.335,0,0,0-.14.848H-6.1V-.976H-8.744a2.535,2.535,0,0,1,.48-.5q.272-.216.56-.4t.572-.38a3.06,3.06,0,0,0,.508-.428,1.912,1.912,0,0,0,.36-.54,1.774,1.774,0,0,0,.136-.728A1.692,1.692,0,0,0-6.284-4.7a1.634,1.634,0,0,0-.42-.552,1.886,1.886,0,0,0-.612-.344,2.23,2.23,0,0,0-.732-.12,2.182,2.182,0,0,0-.892.172,1.74,1.74,0,0,0-.644.48,2.076,2.076,0,0,0-.384.72A2.687,2.687,0,0,0-10.08-3.448Zm5.96,2.392v-3.6h.9a2.028,2.028,0,0,1,.78.132,1.224,1.224,0,0,1,.508.38,1.556,1.556,0,0,1,.276.6,3.33,3.33,0,0,1,.084.78,2.34,2.34,0,0,1-.12.8,1.467,1.467,0,0,1-.32.532,1.162,1.162,0,0,1-.456.292A1.613,1.613,0,0,1-3-1.056ZM-5.376-5.712V0h2.464a2.734,2.734,0,0,0,1.14-.22,2.268,2.268,0,0,0,.808-.6A2.535,2.535,0,0,0-.48-1.736,3.957,3.957,0,0,0-.32-2.888a3.56,3.56,0,0,0-.2-1.24,2.438,2.438,0,0,0-.544-.88,2.231,2.231,0,0,0-.824-.528,2.941,2.941,0,0,0-1.028-.176Z"

package/src/components/icons/2DDistanceIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/src/components/icons/2DHeightObliqueIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/src/components/icons/2DPointIcon.vue

@@ -6,7 +6,6 @@
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
   >
-    <rect id="size" x="0" y="0" width="24" height="24" fill="none" />
     <path
       id="ruler"
       d="M.5,14.24c-.48-.6-.37-1.48.23-1.95h0L15.72.45c.6-.48,1.48-.37,1.95.23l2.15,2.72c.48.6.37,1.48-.23,1.95h0l-15,11.84c-.6.48-1.48.37-1.95-.23L.5,14.25h0ZM16.32,1.75L1.87,13.16c-.15.12-.18.34-.06.49l1.72,2.18c.12.15.34.18.49.06l1.77-1.39c.15-.12.18-.34.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.18.48.06l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.56-.44c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.12-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.54-.43c.15-.12.18-.34.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06h0l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l.55-.43c.15-.12.17-.33.06-.48l-.43-.55c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l1.77-1.4c.15-.12.18-.34.06-.49l-1.72-2.18c-.12-.15-.34-.18-.49-.06ZM16.14,3.21c.3-.24.73-.18.97.11s.18.73-.11.97-.73.18-.97-.11-.18-.73.11-.97h0Z"

package/src/components/icons/2DPointIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;