npm - origam - Versions diffs - 2.18.21 → 2.20.0 - Mend

origam 2.18.21 → 2.20.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 (187) hide show

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

@@ -202,12 +202,20 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   focused: { type: Boolean, required: false },
   text: { type: String, required: false },
   floating: { type: Boolean, required: false },
@@ -219,6 +227,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
   paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -226,11 +238,19 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true, default: true },
   roundedTopRight: { type: [Boolean, Number, String], required: false },
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   fontSize: { type: null, required: false },
   fontWeight: { type: null, required: false },
   lineHeight: { type: null, required: false },

package/dist/src/components/ConfirmWrapper/OrigamConfirmWrapper.vue CHANGED Viewed

@@ -180,6 +180,10 @@ const props = defineProps({
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   variant: { type: null, required: false },
   focused: { type: Boolean, required: false }

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

@@ -91,12 +91,20 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   density: { type: null, required: false },
   size: { type: null, required: false },
   rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
@@ -104,6 +112,10 @@ const props = defineProps({
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   selectStrategy: { type: Function, required: false, skipCheck: true },
   openStrategy: { type: null, required: false },
   selected: { type: Array, required: false },
@@ -125,6 +137,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   margin: { type: [Boolean, Number, String], required: false },
   marginTop: { type: [Boolean, Number, String], required: false },
   marginLeft: { type: [Boolean, Number, String], required: false },
@@ -132,6 +148,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   active: { type: Boolean, required: false },
   link: { type: Boolean, required: false },
   subtitle: { type: [String, Number], required: false },

package/dist/src/components/Counter/OrigamCounter.vue CHANGED Viewed

@@ -49,6 +49,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   margin: { type: [Boolean, Number, String], required: false },
   marginTop: { type: [Boolean, Number, String], required: false },
   marginLeft: { type: [Boolean, Number, String], required: false },
@@ -56,6 +60,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
   borderTop: { type: [Boolean, Number, String], required: false },
   borderLeft: { type: [Boolean, Number, String], required: false },
@@ -63,17 +71,29 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
   roundedTopRight: { type: [Boolean, Number, String], required: false },
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   elevation: { type: [Number, String], required: false },

package/dist/src/components/DataList/OrigamDataList.vue CHANGED Viewed

@@ -210,6 +210,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
   paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -217,6 +221,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   density: { type: null, required: false },
   border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
   borderTop: { type: [Boolean, Number, String], required: false },
@@ -225,17 +233,29 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
   roundedTopRight: { type: [Boolean, Number, String], required: false },
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   fontSize: { type: null, required: false },
   fontWeight: { type: null, required: false },

package/dist/src/components/DataList/OrigamDataText.vue CHANGED Viewed

@@ -95,6 +95,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
   paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -102,6 +106,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
 });

package/dist/src/components/DataList/OrigamDataTitle.vue CHANGED Viewed

@@ -98,6 +98,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
   paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -105,6 +109,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
 });

package/dist/src/components/DataTable/OrigamDataTable.vue CHANGED Viewed

@@ -178,17 +178,29 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
   roundedTopRight: { type: [Boolean, Number, String], required: false },
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
@@ -197,6 +209,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   margin: { type: [Boolean, Number, String], required: false },
   marginTop: { type: [Boolean, Number, String], required: false },
   marginLeft: { type: [Boolean, Number, String], required: false },
@@ -204,6 +220,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   hover: { type: [Boolean, Object], required: false },
   hoverClass: { type: String, required: false },
   height: { type: [Number, String], required: false },

package/dist/src/components/DataTable/OrigamDataTableColumnCell.vue CHANGED Viewed

@@ -40,7 +40,11 @@ const props = defineProps({
   paddingBottom: { type: [Boolean, Number, String], required: false },
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
-  paddingInline: { type: [Boolean, Number, String], required: false }
+  paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false }
 });
 defineEmits([]);
 defineSlots();

package/dist/src/components/DataTable/OrigamDataTableFooter.vue CHANGED Viewed

@@ -82,6 +82,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   align: { type: null, required: false },
   alignSm: { type: null, required: false },
   alignMd: { type: null, required: false },

package/dist/src/components/DatePicker/OrigamDatePicker.vue CHANGED Viewed

@@ -124,17 +124,29 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
   roundedTopRight: { type: [Boolean, Number, String], required: false },
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   elevation: { type: [Number, String], required: false },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
@@ -143,6 +155,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   margin: { type: [Boolean, Number, String], required: false },
   marginTop: { type: [Boolean, Number, String], required: false },
   marginLeft: { type: [Boolean, Number, String], required: false },
@@ -150,6 +166,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   landscape: { type: Boolean, required: false },
   hideHeader: { type: Boolean, required: false },
   side: { type: null, required: false },

package/dist/src/components/DatePickerField/OrigamDatePickerField.vue CHANGED Viewed

@@ -254,12 +254,20 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   focused: { type: Boolean, required: false },
   text: { type: String, required: false },
   floating: { type: Boolean, required: false },
@@ -271,6 +279,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
   paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -278,11 +290,19 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true, default: true },
   roundedTopRight: { type: [Boolean, Number, String], required: false },
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   fontSize: { type: null, required: false },
   fontWeight: { type: null, required: false },
   lineHeight: { type: null, required: false },

package/dist/src/components/Dialog/OrigamDialog.vue CHANGED Viewed

@@ -221,12 +221,20 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   density: { type: null, required: false },
@@ -243,6 +251,10 @@ const props = defineProps({
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   margin: { type: [Boolean, Number, String], required: false },
   marginTop: { type: [Boolean, Number, String], required: false },
   marginLeft: { type: [Boolean, Number, String], required: false },
@@ -250,6 +262,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
   paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -257,6 +273,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   href: { type: String, required: false },
   replace: { type: Boolean, required: false },
   to: { type: null, required: false },

package/dist/src/components/Dialog/OrigamDialogConfirmation.vue CHANGED Viewed

@@ -197,12 +197,20 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   density: { type: null, required: false },
@@ -219,6 +227,10 @@ const props = defineProps({
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   margin: { type: [Boolean, Number, String], required: false },
   marginTop: { type: [Boolean, Number, String], required: false },
   marginLeft: { type: [Boolean, Number, String], required: false },
@@ -226,6 +238,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
   paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -233,6 +249,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   href: { type: String, required: false },
   replace: { type: Boolean, required: false },
   to: { type: null, required: false },

package/dist/src/components/Divider/OrigamDivider.vue CHANGED Viewed

@@ -33,6 +33,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   direction: { type: null, required: false, default: DIRECTION.HORIZONTAL }
 });
 const { filterProps } = useProps(props);

package/dist/src/components/Drawer/OrigamDrawer.vue CHANGED Viewed

@@ -115,12 +115,20 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { type: [Boolean, Number, String], required: false },
+  borderInlineStart: { type: [Boolean, Number, String], required: false },
+  borderInlineEnd: { type: [Boolean, Number, String], required: false },
+  borderBlockStart: { type: [Boolean, Number, String], required: false },
+  borderBlockEnd: { type: [Boolean, Number, String], required: false },
   borderColor: { type: String, required: false },
   borderStyle: { type: String, required: false },
   borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   elevation: { type: [Number, String], required: false },
   name: { type: String, required: false },
   order: { type: [String, Number], required: false },
@@ -131,6 +139,10 @@ const props = defineProps({
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
+  roundedStartStart: { type: [Boolean, Number, String], required: false },
+  roundedStartEnd: { type: [Boolean, Number, String], required: false },
+  roundedEndStart: { type: [Boolean, Number, String], required: false },
+  roundedEndEnd: { type: [Boolean, Number, String], required: false },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   density: { type: null, required: false },
@@ -141,6 +153,10 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
+  paddingInlineStart: { type: [Boolean, Number, String], required: false },
+  paddingInlineEnd: { type: [Boolean, Number, String], required: false },
+  paddingBlockStart: { type: [Boolean, Number, String], required: false },
+  paddingBlockEnd: { type: [Boolean, Number, String], required: false },
   margin: { type: [Boolean, Number, String], required: false },
   marginTop: { type: [Boolean, Number, String], required: false },
   marginLeft: { type: [Boolean, Number, String], required: false },
@@ -148,6 +164,10 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
+  marginInlineStart: { type: [Boolean, Number, String], required: false },
+  marginInlineEnd: { type: [Boolean, Number, String], required: false },
+  marginBlockStart: { type: [Boolean, Number, String], required: false },
+  marginBlockEnd: { type: [Boolean, Number, String], required: false },
   transition: { type: [Boolean, String, Object], required: false, default: "origam-transition--drawer" },
   scrim: { type: [Boolean, String], required: false, default: true },
   active: { type: [Boolean, Object], required: false },