npm - origam - Versions diffs - 2.15.0 → 2.16.0 - Mend

origam 2.15.0 → 2.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (408) hide show

package/dist/src/components/Chart/OrigamChartHeatmap.vue CHANGED Viewed

@@ -245,7 +245,7 @@ const props = defineProps({
   showLabel: { type: Boolean, required: false, default: true },
   showAxis: { type: Boolean, required: false, default: true },
   showGradientLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   xAxisFormat: { type: Function, required: false, default: void 0 },
   yAxisFormat: { type: Function, required: false, default: void 0 },
   series: { type: Array, required: true },
@@ -288,8 +288,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartHoneycomb.vue CHANGED Viewed

@@ -174,7 +174,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -210,8 +210,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartLegend.vue CHANGED Viewed

@@ -40,7 +40,7 @@ defineOptions({
 });
 const props = defineProps({
   items: { type: Array, required: true },
-  position: { type: String, required: false, default: "bottom" }
+  position: { type: null, required: false, default: "bottom" }
 });
 const emit = defineEmits(["legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartMap.vue CHANGED Viewed

@@ -233,7 +233,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -269,8 +269,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartPareto.vue CHANGED Viewed

@@ -328,7 +328,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -364,8 +364,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartPictorial.vue CHANGED Viewed

@@ -315,7 +315,7 @@ const props = defineProps({
   emptyIconColor: { type: String, required: false, default: "rgba(0,0,0,0.1)" },
   iconsPerUnit: { type: Number, required: false, default: 1 },
   direction: { type: null, required: false, default: "vertical" },
-  mode: { type: String, required: false, default: "stack" },
+  mode: { type: null, required: false, default: "stack" },
   showLabel: { type: Boolean, required: false, default: true },
   showAxis: { type: Boolean, required: false, default: true },
   xAxisFormat: { type: Function, required: false, default: void 0 },
@@ -325,7 +325,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -361,8 +361,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartPolar.vue CHANGED Viewed

@@ -182,7 +182,7 @@ defineOptions({
   name: "OrigamChartPolar"
 });
 const props = defineProps({
-  type: { type: String, required: false, default: "pie" },
+  type: { type: null, required: false, default: "pie" },
   donutHoleSize: { type: Number, required: false, default: 0.6 },
   showTooltip: { type: Boolean, required: false, default: true },
   xAxisFormat: { type: Function, required: false, default: void 0 },
@@ -193,7 +193,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
   colorScheme: { type: Array, required: false, default: () => [] },
@@ -228,8 +228,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["drill", "drill-up", "point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartPolarBar.vue CHANGED Viewed

@@ -187,7 +187,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -223,8 +223,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartPyramid.vue CHANGED Viewed

@@ -183,7 +183,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -219,8 +219,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartRadar.vue CHANGED Viewed

@@ -161,7 +161,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -197,8 +197,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartSankey.vue CHANGED Viewed

@@ -197,7 +197,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: false },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -233,8 +233,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartSparkline.vue CHANGED Viewed

@@ -194,8 +194,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 defineEmits(["point-click"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartStreamgraph.vue CHANGED Viewed

@@ -197,7 +197,7 @@ defineOptions({
   name: "OrigamChartStreamgraph"
 });
 const props = defineProps({
-  offsetMode: { type: String, required: false, default: "wiggle" },
+  offsetMode: { type: null, required: false, default: "wiggle" },
   smoothing: { type: String, required: false, default: "curve" },
   showAxis: { type: Boolean, required: false, default: true },
   showGrid: { type: Boolean, required: false, default: false },
@@ -208,7 +208,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -244,8 +244,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartSunburst.vue CHANGED Viewed

@@ -190,7 +190,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -226,8 +226,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartTreemap.vue CHANGED Viewed

@@ -178,7 +178,7 @@ defineOptions({
   name: "OrigamChartTreemap"
 });
 const props = defineProps({
-  algorithm: { type: String, required: false, default: "squarified" },
+  algorithm: { type: null, required: false, default: "squarified" },
   showLabel: { type: Boolean, required: false, default: true },
   yAxisFormat: { type: Function, required: false, default: void 0 },
   series: { type: Array, required: true },
@@ -186,7 +186,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: true },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -222,8 +222,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartVariwide.vue CHANGED Viewed

@@ -266,7 +266,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: false },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -302,8 +302,8 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false }
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Chart/OrigamChartWordCloud.vue CHANGED Viewed

@@ -162,7 +162,7 @@ const props = defineProps({
   title: { type: String, required: false, default: void 0 },
   subtitle: { type: String, required: false, default: void 0 },
   showLegend: { type: Boolean, required: false, default: false },
-  legendPosition: { type: String, required: false, default: "bottom" },
+  legendPosition: { type: null, required: false, default: "bottom" },
   showTooltip: { type: Boolean, required: false, default: true },
   animated: { type: Boolean, required: false, default: true },
   animationDuration: { type: Number, required: false, default: 600 },
@@ -198,7 +198,7 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontSize: { type: String, required: false }
+  fontSize: { type: null, required: false }
 });
 const emit = defineEmits(["point-click", "legend-click", "series-toggle"]);
 defineSlots();

package/dist/src/components/Checkbox/OrigamCheckbox.vue CHANGED Viewed

@@ -139,11 +139,11 @@ const _props = defineProps({
   prependAvatar: { type: String, required: false },
   prependIcon: { type: null, required: false },
   size: { type: null, required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false },
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false },
   indeterminate: { type: Boolean, required: false },
   indeterminateIcon: { type: null, required: false },
   trueValue: { type: null, required: false },

package/dist/src/components/Chip/OrigamChip.vue CHANGED Viewed

@@ -6,7 +6,7 @@
 			:class="chipClasses"
 			:disabled="disabled"
 			:draggable="draggable"
-			:href="link.href"
+			:href="link.href.value"
 			:style="chipStyles"
 			:tabindex="isClickable ? 0 : undefined"
 			@click="handleClick"
@@ -214,11 +214,11 @@ const _props = defineProps({
   active: { type: [Boolean, Object], required: false },
   activeClass: { type: String, required: false },
   hover: { type: [Boolean, Object], required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const props = useDefaults(_props);
 const emits = defineEmits(["update:modelValue", "click", "click:close", "click:append", "click:prepend", "group:selected"]);
@@ -256,7 +256,7 @@ const isLink = computed(() => {
   return props.link && link.isLink.value;
 });
 const isClickable = computed(() => {
-  return !props.disabled && props.link && (!!group || props.link || link.isClickable.value);
+  return !props.disabled && (!!group || props.link || link.isClickable.value);
 });
 const rippleProps = computed(() => {
   return [isClickable.value && props.ripple, null];
@@ -316,6 +316,12 @@ const chipStyles = computed(() => {
 const chipClasses = computed(() => {
   return [
     "origam-chip",
+    // `OrigamChipGroup` declares `selectedClass: 'origam-chip--selected'`
+    // and the chip exposed it to the default slot only, so a chip that
+    // WAS selected carried no class on its root and stayed visually
+    // indistinguishable. Same position as `OrigamBtn`, `OrigamItem`,
+    // `OrigamTab` and `OrigamWindowItem`.
+    group?.selectedClass.value,
     {
       "origam-chip--disabled": props.disabled,
       "origam-chip--label": props.label,
@@ -431,6 +437,11 @@ defineExpose({
 			border-radius: var(--origam-chip---border-radius-label, 4px);
 		}
+		&--selected {
+			background-color: var(--origam-chip--selected---background-color);
+			color: var(--origam-chip--selected---color);
+		}
 		&--size-x-small {
 			font-size: var(--origam-chip---font-size, var(--origam-chip---font-size-xs, 0.625rem));
 			line-height: 1;

package/dist/src/components/Chip/OrigamChipGroup.vue CHANGED Viewed

@@ -16,9 +16,10 @@
 <script lang="ts" setup>
 import { OrigamDefaultsProvider, OrigamSlideGroup } from "../../components";
-import { useBorder, useGroup, useMargin, usePadding, useProps, useRounded, useStyle } from "../../composables";
+import { useBorder, useGroup, useMargin, usePadding, usePassedProps, useProps, useRounded, useStyle } from "../../composables";
 import { ORIGAM_CHIP_GROUP_KEY } from "../../consts";
 import { DIRECTION, MDI_ICONS } from "../../enums";
+import { omitUndefined } from "../../utils";
 import { computed, ref, StyleValue } from "vue";
 const props = defineProps({
   column: { type: Boolean, required: false },
@@ -86,13 +87,14 @@ const { marginClasses, marginStyles } = useMargin(props);
 const { paddingClasses, paddingStyles } = usePadding(props);
 const { borderClasses, borderStyles } = useBorder(props);
 const { roundedClasses, roundedStyles } = useRounded(props);
+const wasPropPassed = usePassedProps(props);
 const slotDefaults = computed(() => ({
-  "origam-chip": {
-    color: props.color,
-    bgColor: props.bgColor,
-    active: props.active,
-    hover: props.hover
-  }
+  "origam-chip": omitUndefined({
+    color: wasPropPassed("color") ? props.color : void 0,
+    bgColor: wasPropPassed("bgColor") ? props.bgColor : void 0,
+    active: wasPropPassed("active") ? props.active : void 0,
+    hover: wasPropPassed("hover") ? props.hover : void 0
+  })
 }));
 const slideGroupProps = computed(() => {
   return origamSlideGroupRef.value?.filterProps(props);

package/dist/src/components/Clipboard/OrigamClipboard.vue CHANGED Viewed

@@ -88,11 +88,11 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const emit = defineEmits(["copy", "error"]);
 defineSlots();

package/dist/src/components/Code/OrigamCode.vue CHANGED Viewed

@@ -148,11 +148,11 @@ const _props = defineProps({
   width: { type: [Number, String], required: false },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const props = useDefaults(_props);
 const emit = defineEmits(["copy"]);

package/dist/src/components/ColorPicker/OrigamColorPicker.vue CHANGED Viewed

@@ -148,7 +148,7 @@ const props = defineProps({
   side: { type: null, required: false },
   swipeable: { type: Boolean, required: false },
   snapPoints: { type: Array, required: false },
-  defaultSnap: { type: [String, Object], required: false },
+  defaultSnap: { type: null, required: false },
   open: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   persistent: { type: Boolean, required: false },
@@ -171,11 +171,11 @@ const props = defineProps({
   activeClass: { type: String, required: false },
   hover: { type: [Boolean, Object], required: false },
   title: { type: String, required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false },
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false },
   colorHsv: { type: [Object, null], required: false },
   dotSize: { type: [String, Number], required: false, default: 10 },
   ariaLabel: { type: String, required: false },

package/dist/src/components/ColorPicker/OrigamColorPickerCanvas.vue CHANGED Viewed

@@ -29,6 +29,7 @@
 <script lang="ts" setup>
 import { useLocale, useProps, useResizeObserver, useStyle } from "../../composables";
+import { COLOR_NULL } from "../../consts";
 import { KEYBOARD_VALUES } from "../../enums";
 import { clamp, convertToUnit, getEventCoordinates, int } from "../../utils";
 import { computed, onMounted, ref, shallowRef, StyleValue, watch } from "vue";
@@ -140,8 +141,7 @@ const STEP_LARGE = 0.05;
 const handleKeyDown = (e) => {
   if (props.disabled) return;
   const step = e.shiftKey ? STEP_LARGE : STEP_SMALL;
-  const hsv = props.colorHsv;
-  if (!hsv) return;
+  const hsv = props.colorHsv ?? COLOR_NULL;
   const { h, a } = hsv;
   let { s, v } = hsv;
   let handled = false;

package/dist/src/components/ColorPickerField/OrigamColorPickerField.vue CHANGED Viewed

@@ -216,11 +216,11 @@ const _props = defineProps({
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false },
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false },
   active: { type: [Boolean, Object], required: false },
   activeClass: { type: String, required: false },
   variant: { type: null, required: false },

package/dist/src/components/CommandPalette/OrigamCommandPalette.vue CHANGED Viewed

@@ -194,11 +194,11 @@ const props = defineProps({
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },
   style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const emit = defineEmits(["update:modelValue", "select", "query"]);
 defineSlots();

package/dist/src/components/ContextualMenu/OrigamContextualMenu.vue CHANGED Viewed

@@ -141,11 +141,11 @@ const props = defineProps({
   prependAvatar: { type: String, required: false },
   prependIcon: { type: null, required: false },
   hover: { type: [Boolean, Object], required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const { filterProps } = useProps(props);
 const modelValue = useVModel(props, "modelValue", false);