npm - origam - Versions diffs - 2.19.0 → 2.21.0 - Mend

origam 2.19.0 → 2.21.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 (184) hide show

package/dist/src/components/BottomNav/OrigamBottomNav.vue CHANGED Viewed

@@ -81,6 +81,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 },
   border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
   borderTop: { type: [Boolean, Number, String], required: false },
   borderLeft: { type: [Boolean, Number, String], required: false },
@@ -88,12 +92,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 },
   margin: { type: [Boolean, Number, String], required: false },
   marginTop: { type: [Boolean, Number, String], required: false },
@@ -102,6 +114,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 },
   height: { type: [Number, String], required: false },
   maxHeight: { type: [Number, String], required: false },
   maxWidth: { type: [Number, String], required: false },
@@ -114,6 +130,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 },
   name: { type: String, required: false, default: "bottom-navigation" },
   order: { type: [String, Number], required: false },
   absolute: { type: Boolean, required: false },

package/dist/src/components/Bracket/OrigamBracket.vue CHANGED Viewed

@@ -292,12 +292,16 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { 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 },
+  borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   height: { type: [Number, String], required: false },
   maxHeight: { type: [Number, String], required: false },
   maxWidth: { type: [Number, String], required: false },
@@ -312,6 +316,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 },
@@ -319,6 +327,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 },
   fontSize: { type: null, required: false },
   fontWeight: { type: null, required: false },
   letterSpacing: { type: null, required: false }

package/dist/src/components/Bracket/OrigamBracketCompetitor.vue CHANGED Viewed

@@ -93,6 +93,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 },
   border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
   borderTop: { type: [Boolean, Number, String], required: false },
@@ -101,12 +105,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 },
   height: { type: [Number, String], required: false },
   maxHeight: { type: [Number, String], required: false },
@@ -121,6 +133,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 },
@@ -128,6 +144,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 },
   fontSize: { type: null, required: false },
   fontWeight: { type: null, required: false }
 });

package/dist/src/components/Bracket/OrigamBracketMatch.vue CHANGED Viewed

@@ -124,6 +124,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 },
   border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
   borderTop: { type: [Boolean, Number, String], required: false },
@@ -132,12 +136,16 @@ const props = defineProps({
   borderRight: { type: [Boolean, Number, String], required: false },
   borderBlock: { type: [Boolean, Number, String], required: false },
   borderInline: { 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 },
+  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 },
   height: { type: [Number, String], required: false },
   maxHeight: { type: [Number, String], required: false },
@@ -152,13 +160,21 @@ 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 },
   marginBottom: { type: [Boolean, Number, String], required: false },
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
-  marginInline: { 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 }
 });
 const emit = defineEmits(["click", "competitor-click", "winner-click", "update:active"]);
 defineSlots();
@@ -335,14 +351,26 @@ defineExpose({
 		border-block-width: var(--origam-bracket-match---border-block-width, var(--origam-bracket-match---border-width, 1px));
 		border-inline-width: var(--origam-bracket-match---border-inline-width, var(--origam-bracket-match---border-width, 1px));
-		border-top-width: var(--origam-bracket-match---border-top-width, var(--origam-bracket-match---border-block-width, var(--origam-bracket-match---border-width, 1px)));
+		// #1013 — le rung `---border-block-{start,end}-*` s'insere ICI, entre
+		// le physique (plus specifique, gagne) et l'axe (moins specifique).
+		// L'ordre de la chaine de repli EST la table de precedence de
+		// `useBorder` : physique par cote > logique par cote > axe > global.
+		//
+		// ⛔ Seul l'axe de BLOC est servi. `block-start`/`block-end` valent
+		// invariablement `top`/`bottom` en `horizontal-tb`, hypothese que ces
+		// deux lignes faisaient DEJA pour `---border-block-width`. Les aretes
+		// INLINE basculent en RTL et aucune chaine `var()` ne peut l'exprimer
+		// (la substitution est aveugle au mode d'ecriture) : les 4 props
+		// inline sont retirees de la surface de Bracket par `Omit<>` plutot
+		// que declarees et ignorees. Voir `IBracketSurfaceInput`.
+		border-top-width: var(--origam-bracket-match---border-top-width, var(--origam-bracket-match---border-block-start-width, var(--origam-bracket-match---border-block-width, var(--origam-bracket-match---border-width, 1px))));
 		border-right-width: var(--origam-bracket-match---border-right-width, var(--origam-bracket-match---border-inline-width, var(--origam-bracket-match---border-width, 1px)));
-		border-bottom-width: var(--origam-bracket-match---border-bottom-width, var(--origam-bracket-match---border-block-width, var(--origam-bracket-match---border-width, 1px)));
+		border-bottom-width: var(--origam-bracket-match---border-bottom-width, var(--origam-bracket-match---border-block-end-width, var(--origam-bracket-match---border-block-width, var(--origam-bracket-match---border-width, 1px))));
 		border-left-width: var(--origam-bracket-match---border-left-width, var(--origam-bracket-match---border-inline-width, var(--origam-bracket-match---border-width, 1px)));
-		border-top-color: var(--origam-bracket-match---border-top-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12))));
+		border-top-color: var(--origam-bracket-match---border-top-color, var(--origam-bracket-match---border-block-start-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12)))));
 		border-right-color: var(--origam-bracket-match---border-right-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12))));
-		border-bottom-color: var(--origam-bracket-match---border-bottom-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12))));
+		border-bottom-color: var(--origam-bracket-match---border-bottom-color, var(--origam-bracket-match---border-block-end-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12)))));
 		border-left-color: var(--origam-bracket-match---border-left-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12))));
 		border-top-left-radius: var(--origam-bracket-match---border-top-left-radius, var(--origam-bracket-match---border-radius, 6px));

package/dist/src/components/Breadcrumb/OrigamBreadcrumb.vue CHANGED Viewed

@@ -81,6 +81,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 },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
   paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -88,6 +92,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 },
@@ -95,6 +103,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 },
@@ -102,12 +114,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 },
   hover: { type: [Boolean, Object], required: false },
   hoverClass: { type: String, required: false },

package/dist/src/components/Breadcrumb/OrigamBreadcrumbDivider.vue CHANGED Viewed

@@ -42,6 +42,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 },
@@ -49,6 +53,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 },
   density: { type: null, 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/Breadcrumb/OrigamBreadcrumbItem.vue CHANGED Viewed

@@ -95,12 +95,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 },
   padding: { type: [Boolean, Number, String], required: false },
   paddingTop: { type: [Boolean, Number, String], required: false },
   paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -108,6 +116,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 },
@@ -115,11 +127,19 @@ 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 },
   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 },
   href: { type: String, required: false },
   replace: { type: Boolean, required: false },
   to: { type: null, required: false },

package/dist/src/components/Btn/OrigamBtn.vue CHANGED Viewed

@@ -176,12 +176,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, default: DENSITY.DEFAULT },
   height: { type: [Number, String], required: false },
   maxHeight: { type: [Number, String], required: false },
@@ -195,6 +203,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 },
   tag: { type: String, required: false, default: "button" },
   size: { type: null, required: false, default: SIZES.DEFAULT },
   href: { type: String, required: false },
@@ -220,6 +232,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 },
@@ -227,6 +243,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 },
   appendAvatar: { type: String, required: false },
   appendIcon: { type: null, required: false },
   prependAvatar: { type: String, required: false },

package/dist/src/components/Btn/OrigamBtnGroup.vue CHANGED Viewed

@@ -50,6 +50,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 },
   border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
   borderTop: { type: [Boolean, Number, String], required: false },
   borderLeft: { type: [Boolean, Number, String], required: false },
@@ -57,12 +61,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, default: DENSITY.DEFAULT },
   elevation: { type: [Number, String], required: false },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
@@ -74,6 +86,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 },
@@ -81,6 +97,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 },
   hover: { type: [Boolean, Object], required: false },
   hoverClass: { type: String, required: false },
   active: { type: [Boolean, Object], required: false },

package/dist/src/components/Btn/OrigamBtnToggle.vue CHANGED Viewed

@@ -48,6 +48,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 },
   border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
   borderTop: { type: [Boolean, Number, String], required: false },
   borderLeft: { type: [Boolean, Number, String], required: false },
@@ -55,12 +59,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, default: DENSITY.DEFAULT },
   elevation: { type: [Number, String], required: false },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
@@ -72,6 +84,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 },
@@ -79,6 +95,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 },
   hover: { type: [Boolean, Object], required: false },
   hoverClass: { type: String, required: false },
   active: { type: [Boolean, Object], required: false },

package/dist/src/components/Calendar/OrigamCalendar.vue CHANGED Viewed

@@ -410,6 +410,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 },
   border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
   borderTop: { type: [Boolean, Number, String], required: false },
@@ -418,12 +422,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 },
   height: { type: [Number, String], required: false },
   maxHeight: { type: [Number, String], required: false },
@@ -438,13 +450,21 @@ 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 },
   marginBottom: { type: [Boolean, Number, String], required: false },
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
-  marginInline: { 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 }
 });
 const emit = defineEmits(["update:view", "update:currentDate", "event-click", "date-click", "range-select", "create-event-request", "view-change", "navigate"]);
 defineSlots();

package/dist/src/components/Card/OrigamCard.vue CHANGED Viewed

@@ -194,12 +194,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, default: DENSITY.DEFAULT },
@@ -223,6 +231,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 },
@@ -230,6 +242,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 },
@@ -237,6 +253,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 },