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/assets/css/tokens/dark.css CHANGED Viewed

@@ -2718,18 +2718,10 @@
   --origam-blockquote--quoted---glyph-offset-top: -0.1em;
   --origam-blockquote--quoted---glyph-offset-left: -0.05em;
   --origam-blockquote--quoted---glyph-padding-extra: 1rem;
-  --origam-blockquote__elegant---font-family: var(--origam-font__family---serif);
-  --origam-blockquote__elegant---font-size: var(--origam-font__size---xl);
   --origam-blockquote__elegant---font-style: italic;
-  --origam-blockquote__elegant---line-height: var(--origam-font__lineHeight---loose);
   --origam-blockquote__elegant---padding-block: var(--origam-space---6);
-  --origam-blockquote__minimal---font-size: var(--origam-font__size---md);
   --origam-blockquote__minimal---font-style: italic;
   --origam-blockquote__minimal---padding-inline: var(--origam-space---3);
-  --origam-blockquote__pull---font-family: var(--origam-font__family---serif);
-  --origam-blockquote__pull---font-size: var(--origam-font__size---3xl);
-  --origam-blockquote__pull---font-weight: var(--origam-font__weight---medium);
-  --origam-blockquote__pull---line-height: var(--origam-font__lineHeight---snug);
   --origam-blockquote__pull---padding-block: var(--origam-space---6);
   --origam-blockquote__pull---rule-width: 2px;
   --origam-video---background-color: var(--origam-color---black);
@@ -5735,18 +5727,10 @@
     --origam-blockquote--quoted---glyph-offset-top: -0.1em;
     --origam-blockquote--quoted---glyph-offset-left: -0.05em;
     --origam-blockquote--quoted---glyph-padding-extra: 1rem;
-    --origam-blockquote__elegant---font-family: var(--origam-font__family---serif);
-    --origam-blockquote__elegant---font-size: var(--origam-font__size---xl);
     --origam-blockquote__elegant---font-style: italic;
-    --origam-blockquote__elegant---line-height: var(--origam-font__lineHeight---loose);
     --origam-blockquote__elegant---padding-block: var(--origam-space---6);
-    --origam-blockquote__minimal---font-size: var(--origam-font__size---md);
     --origam-blockquote__minimal---font-style: italic;
     --origam-blockquote__minimal---padding-inline: var(--origam-space---3);
-    --origam-blockquote__pull---font-family: var(--origam-font__family---serif);
-    --origam-blockquote__pull---font-size: var(--origam-font__size---3xl);
-    --origam-blockquote__pull---font-weight: var(--origam-font__weight---medium);
-    --origam-blockquote__pull---line-height: var(--origam-font__lineHeight---snug);
     --origam-blockquote__pull---padding-block: var(--origam-space---6);
     --origam-blockquote__pull---rule-width: 2px;
     --origam-video---background-color: var(--origam-color---black);

package/dist/src/assets/css/tokens/light.css CHANGED Viewed

@@ -2634,18 +2634,10 @@
   --origam-blockquote--quoted---glyph-offset-top: -0.1em;
   --origam-blockquote--quoted---glyph-offset-left: -0.05em;
   --origam-blockquote--quoted---glyph-padding-extra: 1rem;
-  --origam-blockquote__elegant---font-family: var(--origam-font__family---serif);
-  --origam-blockquote__elegant---font-size: var(--origam-font__size---xl);
   --origam-blockquote__elegant---font-style: italic;
-  --origam-blockquote__elegant---line-height: var(--origam-font__lineHeight---loose);
   --origam-blockquote__elegant---padding-block: var(--origam-space---6);
-  --origam-blockquote__minimal---font-size: var(--origam-font__size---md);
   --origam-blockquote__minimal---font-style: italic;
   --origam-blockquote__minimal---padding-inline: var(--origam-space---3);
-  --origam-blockquote__pull---font-family: var(--origam-font__family---serif);
-  --origam-blockquote__pull---font-size: var(--origam-font__size---3xl);
-  --origam-blockquote__pull---font-weight: var(--origam-font__weight---medium);
-  --origam-blockquote__pull---line-height: var(--origam-font__lineHeight---snug);
   --origam-blockquote__pull---padding-block: var(--origam-space---6);
   --origam-blockquote__pull---rule-width: 2px;
   --origam-video---background-color: var(--origam-color---black);

package/dist/src/assets/scss/tokens/_dark.scss CHANGED Viewed

@@ -2718,18 +2718,10 @@
   --origam-blockquote--quoted---glyph-offset-top: -0.1em;
   --origam-blockquote--quoted---glyph-offset-left: -0.05em;
   --origam-blockquote--quoted---glyph-padding-extra: 1rem;
-  --origam-blockquote__elegant---font-family: var(--origam-font__family---serif);
-  --origam-blockquote__elegant---font-size: var(--origam-font__size---xl);
   --origam-blockquote__elegant---font-style: italic;
-  --origam-blockquote__elegant---line-height: var(--origam-font__lineHeight---loose);
   --origam-blockquote__elegant---padding-block: var(--origam-space---6);
-  --origam-blockquote__minimal---font-size: var(--origam-font__size---md);
   --origam-blockquote__minimal---font-style: italic;
   --origam-blockquote__minimal---padding-inline: var(--origam-space---3);
-  --origam-blockquote__pull---font-family: var(--origam-font__family---serif);
-  --origam-blockquote__pull---font-size: var(--origam-font__size---3xl);
-  --origam-blockquote__pull---font-weight: var(--origam-font__weight---medium);
-  --origam-blockquote__pull---line-height: var(--origam-font__lineHeight---snug);
   --origam-blockquote__pull---padding-block: var(--origam-space---6);
   --origam-blockquote__pull---rule-width: 2px;
   --origam-video---background-color: var(--origam-color---black);
@@ -5735,18 +5727,10 @@
     --origam-blockquote--quoted---glyph-offset-top: -0.1em;
     --origam-blockquote--quoted---glyph-offset-left: -0.05em;
     --origam-blockquote--quoted---glyph-padding-extra: 1rem;
-    --origam-blockquote__elegant---font-family: var(--origam-font__family---serif);
-    --origam-blockquote__elegant---font-size: var(--origam-font__size---xl);
     --origam-blockquote__elegant---font-style: italic;
-    --origam-blockquote__elegant---line-height: var(--origam-font__lineHeight---loose);
     --origam-blockquote__elegant---padding-block: var(--origam-space---6);
-    --origam-blockquote__minimal---font-size: var(--origam-font__size---md);
     --origam-blockquote__minimal---font-style: italic;
     --origam-blockquote__minimal---padding-inline: var(--origam-space---3);
-    --origam-blockquote__pull---font-family: var(--origam-font__family---serif);
-    --origam-blockquote__pull---font-size: var(--origam-font__size---3xl);
-    --origam-blockquote__pull---font-weight: var(--origam-font__weight---medium);
-    --origam-blockquote__pull---line-height: var(--origam-font__lineHeight---snug);
     --origam-blockquote__pull---padding-block: var(--origam-space---6);
     --origam-blockquote__pull---rule-width: 2px;
     --origam-video---background-color: var(--origam-color---black);

package/dist/src/assets/scss/tokens/_light.scss CHANGED Viewed

@@ -2634,18 +2634,10 @@
   --origam-blockquote--quoted---glyph-offset-top: -0.1em;
   --origam-blockquote--quoted---glyph-offset-left: -0.05em;
   --origam-blockquote--quoted---glyph-padding-extra: 1rem;
-  --origam-blockquote__elegant---font-family: var(--origam-font__family---serif);
-  --origam-blockquote__elegant---font-size: var(--origam-font__size---xl);
   --origam-blockquote__elegant---font-style: italic;
-  --origam-blockquote__elegant---line-height: var(--origam-font__lineHeight---loose);
   --origam-blockquote__elegant---padding-block: var(--origam-space---6);
-  --origam-blockquote__minimal---font-size: var(--origam-font__size---md);
   --origam-blockquote__minimal---font-style: italic;
   --origam-blockquote__minimal---padding-inline: var(--origam-space---3);
-  --origam-blockquote__pull---font-family: var(--origam-font__family---serif);
-  --origam-blockquote__pull---font-size: var(--origam-font__size---3xl);
-  --origam-blockquote__pull---font-weight: var(--origam-font__weight---medium);
-  --origam-blockquote__pull---line-height: var(--origam-font__lineHeight---snug);
   --origam-blockquote__pull---padding-block: var(--origam-space---6);
   --origam-blockquote__pull---rule-width: 2px;
   --origam-video---background-color: var(--origam-color---black);

package/dist/src/components/Alert/OrigamAlert.vue CHANGED Viewed

@@ -152,12 +152,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 },
   height: { type: [Number, String], required: false },
   maxHeight: { type: [Number, String], required: false },
   maxWidth: { type: [Number, String], required: false },
@@ -171,6 +179,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 },
@@ -178,6 +190,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, default: DENSITY.DEFAULT },
   elevation: { type: [Number, String], required: false },
   location: { type: null, required: false },
@@ -191,6 +207,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 },
   status: { type: null, required: false },
   statusIconPosition: { type: null, required: false },
   icon: { type: null, required: false },

package/dist/src/components/App/OrigamAppBar.vue CHANGED Viewed

@@ -87,17 +87,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 },
   density: { type: null, required: false, default: DENSITY.DEFAULT },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
@@ -109,6 +121,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 },
@@ -116,6 +132,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 },
   position: { type: null, required: false },
   top: { type: [Number, String], required: false },
   bottom: { type: [Number, String], required: false },

package/dist/src/components/Audio/OrigamAudio.vue CHANGED Viewed

@@ -305,6 +305,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 },
@@ -312,12 +316,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 },
   height: { type: [Number, String], required: false },
   maxHeight: { type: [Number, String], required: false },
   maxWidth: { type: [Number, String], required: false },
@@ -331,6 +343,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 },
@@ -338,6 +354,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 },
   elevation: { type: [Number, String], required: false },
   position: { type: null, required: false, default: "relative" },
   top: { type: [Number, String], required: false, default: void 0 },

package/dist/src/components/Avatar/OrigamAvatar.vue CHANGED Viewed

@@ -71,6 +71,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 },
   size: { type: null, required: false, default: "default" },
   tag: { type: String, required: false, default: "div" },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
@@ -82,6 +86,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 },
@@ -89,6 +97,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 },
@@ -96,12 +108,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/Avatar/OrigamAvatarGroup.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 },
   size: { type: null, required: false },
   tag: { type: String, required: false, default: "div" },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
@@ -92,6 +96,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 },
@@ -99,6 +107,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 },
@@ -106,12 +118,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/Badge/OrigamBadge.vue CHANGED Viewed

@@ -126,12 +126,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 },
   location: { type: null, required: false, default: "top right" },
@@ -140,6 +148,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 },
   transition: { type: [Boolean, String, Object], required: false, default: () => ({ component: OrigamFade }) },
   status: { type: null, required: false },
   statusIconPosition: { type: null, required: false },

package/dist/src/components/Blockquote/OrigamBlockquote.vue CHANGED Viewed

@@ -7,7 +7,7 @@
 			:style="blockquoteStyles"
 	>
 		<span
-				v-if="showQuoteMark"
+				v-if="quoteMark"
 				class="origam-blockquote__mark origam-blockquote__mark--bg"
 				aria-hidden="true"
 		>{{ openMark }}</span>
@@ -68,7 +68,8 @@ const props = defineProps({
   source: { type: String, required: false },
   cite: { type: String, required: false },
   lang: { type: null, required: false, default: "auto" },
-  align: { type: null, required: false },
+  align: { type: null, required: false, default: "left" },
+  quoteMark: { type: Boolean, required: false },
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },
   style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
@@ -81,6 +82,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 },
@@ -89,12 +94,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 },
@@ -102,6 +115,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 },
@@ -109,6 +126,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 },
   fontFamily: { type: null, required: false },
   fontSize: { type: null, required: false },
   fontWeight: { type: null, required: false },
@@ -140,14 +161,9 @@ const effectiveLang = computed(() => {
 });
 const openMark = computed(() => QUOTE_MARKS_BY_LANG[effectiveLang.value].open);
 const closeMark = computed(() => QUOTE_MARKS_BY_LANG[effectiveLang.value].close);
-const showQuoteMark = computed(() => props.variant === "quoted");
 const hasAuthor = computed(() => Boolean(slots.author) || (props.author?.length ?? 0) > 0);
 const hasSource = computed(() => Boolean(slots.source) || (props.source?.length ?? 0) > 0);
 const hasAttribution = computed(() => hasAuthor.value || hasSource.value);
-const effectiveAlign = computed(() => {
-  if (props.align) return props.align;
-  return props.variant === "pull" ? "center" : "left";
-});
 const { roundedClasses, roundedStyles } = useRounded(props);
 const { elevationClasses } = useElevation(props);
 const { borderClasses, borderStyles } = useBorder(props);
@@ -182,7 +198,7 @@ const blockquoteClasses = computed(() => {
   return [
     "origam-blockquote",
     `origam-blockquote--variant-${props.variant}`,
-    `origam-blockquote--align-${effectiveAlign.value}`,
+    `origam-blockquote--align-${props.align}`,
     {
       [`origam-blockquote--color-${props.color}`]: colorIsIntent.value,
       [`origam-blockquote--accent-${resolvedAccentColor.value}`]: accentIsIntent.value,
@@ -209,10 +225,8 @@ const blockquoteStyles = computed(() => {
 });
 defineExpose({
   effectiveLang,
-  effectiveAlign,
   openMark,
   closeMark,
-  showQuoteMark,
   hasAttribution
 });
 </script>
@@ -239,14 +253,13 @@ defineExpose({
 		// win the cascade. Without it the scoped compiler pushes this rule
 		// to (0,2,0) and beats the utility's (0,1,0).
 		//
-		// ⚠️ Deliberately PARTIAL. The `--variant-*` rules further down are
-		// modifiers and keep their (0,2,0) per #950's decision — and
-		// `variant` defaults to `'default'`, so
-		// `.origam-blockquote--variant-default` is ALWAYS present and owns
-		// `padding-inline-start`. After this change `padding-block-*` and
-		// `padding-inline-end` answer the utility; `padding-inline-start`
-		// stays held by the active variant. That is the intended trade:
-		// the variant's accent-bar offset must not lose to a utility.
+		// ⚠️ #950's caveat about a competing variant rule is OBSOLETE since
+		// ADR-005 D7 (lot #1015): there is no longer any variant rule to
+		// compete with. A variant's spacing now arrives as an INLINE
+		// declaration from its props preset, which outranks both this rule
+		// and the utility class — so the accent-bar offset still cannot
+		// lose to a utility, by a stronger mechanism than specificity.
+		// This rule is what a variant that sets no spacing falls back to.
 		:where(&) {
 			margin: 0;
 			padding-block: var(--origam-blockquote---resolved-padding-block);
@@ -315,53 +328,10 @@ defineExpose({
 		text-align: right;
 	}
-	.origam-blockquote--variant-default {
-		border-inline-start: var(--origam-blockquote__accent---width, 4px) solid var(--origam-blockquote---resolved-accent-color);
-		padding-inline-start: calc(var(--origam-blockquote---resolved-padding-inline) + var(--origam-blockquote__accent---width, 4px));
-	}
-	.origam-blockquote--variant-elegant {
-		font-family: var(--origam-blockquote__elegant---font-family, Georgia, 'Times New Roman', serif);
-		font-size: var(--origam-blockquote__elegant---font-size, 1.125rem);
-		font-style: var(--origam-blockquote__elegant---font-style, italic);
-		line-height: var(--origam-blockquote__elegant---line-height, 2);
-		padding-block: var(--origam-blockquote__elegant---padding-block, 24px);
-		border-inline-start: var(--origam-blockquote__accent---width, 4px) solid var(--origam-blockquote---resolved-accent-color);
-		padding-inline-start: calc(var(--origam-blockquote---resolved-padding-inline) + var(--origam-blockquote__accent---width, 4px));
-	}
-	.origam-blockquote--variant-quoted {
-		padding-top: calc(var(--origam-blockquote---resolved-padding-block) + var(--origam-blockquote--quoted---glyph-padding-extra, 1rem));
-		.origam-blockquote__body {
-			position: relative;
-			z-index: 1;
-		}
-		.origam-blockquote__attribution {
-			position: relative;
-			z-index: 1;
-		}
-	}
-	.origam-blockquote--variant-minimal {
-		font-size: var(--origam-blockquote__minimal---font-size, 0.875rem);
-		font-style: var(--origam-blockquote__minimal---font-style, italic);
-		padding-inline: var(--origam-blockquote__minimal---padding-inline, 12px);
-		padding-block: 0;
-		border-inline-start: var(--origam-blockquote--minimal---accent-width, 2px) solid var(--origam-blockquote---resolved-accent-color);
-		padding-inline-start: calc(var(--origam-blockquote__minimal---padding-inline, 12px) + var(--origam-blockquote--minimal---accent-width, 2px));
-	}
-	.origam-blockquote--variant-pull {
-		font-family: var(--origam-blockquote__pull---font-family, Georgia, 'Times New Roman', serif);
-		font-size: var(--origam-blockquote__pull---font-size, 1.5rem);
-		font-weight: var(--origam-blockquote__pull---font-weight, 500);
-		line-height: var(--origam-blockquote__pull---line-height, 1.375);
-		padding-block: var(--origam-blockquote__pull---padding-block, 24px);
-		padding-inline: var(--origam-blockquote---resolved-padding-inline);
-		border-block-start: var(--origam-blockquote__pull---rule-width, 2px) solid var(--origam-blockquote---resolved-accent-color);
-		border-block-end: var(--origam-blockquote__pull---rule-width, 2px) solid var(--origam-blockquote---resolved-accent-color);
+	.origam-blockquote__mark--bg + .origam-blockquote__body,
+	.origam-blockquote__mark--bg ~ .origam-blockquote__attribution {
+		position: relative;
+		z-index: 1;
 	}
 	.origam-blockquote--accent-primary {