origam 2.30.0 → 2.32.0

package/dist/src/assets/css/tokens/dark.css

@@ -427,6 +427,7 @@
   --origam-card--loading---min-width: 240px;
   --origam-card--loading---min-height: 120px;
   --origam-card__asset---aspect-ratio: 16 / 9;
+  --origam-card__content---display: block;
   --origam-card__loader---min-height: 4px;
   --origam-card__skeleton---padding: var(--origam-space---4);
   --origam-card__loader---z-index: 3;
@@ -469,6 +470,9 @@
   --origam-chip---border-radius: var(--origam-radius---full);
   --origam-chip---border-radius-label: var(--origam-radius---sm);
   --origam-chip---font-weight: var(--origam-font__weight---regular);
+  --origam-chip---font-family: initial;
+  --origam-chip---letter-spacing: initial;
+  --origam-chip---text-transform: initial;
   --origam-chip---opacity-disabled: var(--origam-opacity---32);
   --origam-chip---density: 0px;
   --origam-chip---overlay-opacity: var(--origam-opacity---0);
@@ -2376,6 +2380,7 @@
   --origam-title---font-family: var(--origam-font__family---sans);
   --origam-title---font-weight: var(--origam-font__weight---semibold);
   --origam-title---letter-spacing: var(--origam-font__letterSpacing---tight);
+  --origam-title---text-transform: initial;
   --origam-title---line-height: var(--origam-font__lineHeight---tight);
   --origam-title---margin-block-start: var(--origam-space---0);
   --origam-title---margin-block-end: var(--origam-space---0);
@@ -2704,6 +2709,7 @@
   --origam-blockquote---font-weight: var(--origam-font__weight---regular);
   --origam-blockquote---line-height: var(--origam-font__lineHeight---relaxed);
   --origam-blockquote---letter-spacing: var(--origam-font__letterSpacing---normal);
+  --origam-blockquote---text-transform: initial;
   --origam-blockquote---color: var(--origam-color__text---primary);
   --origam-blockquote__accent---color: var(--origam-color__action--primary---bg);
   --origam-blockquote__accent---width: 4px;
@@ -2888,6 +2894,7 @@
   --origam-text-mask---font-size-default: var(--origam-font__size---5xl);
   --origam-text-mask---font-weight-default: var(--origam-font__weight---bold);
   --origam-text-mask---line-height-default: var(--origam-font__lineHeight---tight);
+  --origam-text-mask---text-transform: initial;
   --origam-text-mask__animation---duration-default: 3s;
   --origam-text-mask__animation---easing-default: var(--origam-motion__easing---standard);
   --origam-empty-state---padding-block: var(--origam-space---10);
@@ -3441,6 +3448,7 @@
     --origam-card--loading---min-width: 240px;
     --origam-card--loading---min-height: 120px;
     --origam-card__asset---aspect-ratio: 16 / 9;
+    --origam-card__content---display: block;
     --origam-card__loader---min-height: 4px;
     --origam-card__skeleton---padding: var(--origam-space---4);
     --origam-card__loader---z-index: 3;
@@ -3483,6 +3491,9 @@
     --origam-chip---border-radius: var(--origam-radius---full);
     --origam-chip---border-radius-label: var(--origam-radius---sm);
     --origam-chip---font-weight: var(--origam-font__weight---regular);
+    --origam-chip---font-family: initial;
+    --origam-chip---letter-spacing: initial;
+    --origam-chip---text-transform: initial;
     --origam-chip---opacity-disabled: var(--origam-opacity---32);
     --origam-chip---density: 0px;
     --origam-chip---overlay-opacity: var(--origam-opacity---0);
@@ -5389,6 +5400,7 @@
     --origam-title---font-family: var(--origam-font__family---sans);
     --origam-title---font-weight: var(--origam-font__weight---semibold);
     --origam-title---letter-spacing: var(--origam-font__letterSpacing---tight);
+    --origam-title---text-transform: initial;
     --origam-title---line-height: var(--origam-font__lineHeight---tight);
     --origam-title---margin-block-start: var(--origam-space---0);
     --origam-title---margin-block-end: var(--origam-space---0);
@@ -5717,6 +5729,7 @@
     --origam-blockquote---font-weight: var(--origam-font__weight---regular);
     --origam-blockquote---line-height: var(--origam-font__lineHeight---relaxed);
     --origam-blockquote---letter-spacing: var(--origam-font__letterSpacing---normal);
+    --origam-blockquote---text-transform: initial;
     --origam-blockquote---color: var(--origam-color__text---primary);
     --origam-blockquote__accent---color: var(--origam-color__action--primary---bg);
     --origam-blockquote__accent---width: 4px;
@@ -5901,6 +5914,7 @@
     --origam-text-mask---font-size-default: var(--origam-font__size---5xl);
     --origam-text-mask---font-weight-default: var(--origam-font__weight---bold);
     --origam-text-mask---line-height-default: var(--origam-font__lineHeight---tight);
+    --origam-text-mask---text-transform: initial;
     --origam-text-mask__animation---duration-default: 3s;
     --origam-text-mask__animation---easing-default: var(--origam-motion__easing---standard);
     --origam-empty-state---padding-block: var(--origam-space---10);

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

@@ -327,6 +327,7 @@
   --origam-card--loading---min-width: 240px;
   --origam-card--loading---min-height: 120px;
   --origam-card__asset---aspect-ratio: 16 / 9;
+  --origam-card__content---display: block;
   --origam-card__loader---min-height: 4px;
   --origam-card__skeleton---padding: var(--origam-space---4);
   --origam-card__loader---z-index: 3;
@@ -369,6 +370,9 @@
   --origam-chip---border-radius: var(--origam-radius---full);
   --origam-chip---border-radius-label: var(--origam-radius---sm);
   --origam-chip---font-weight: var(--origam-font__weight---regular);
+  --origam-chip---font-family: initial;
+  --origam-chip---letter-spacing: initial;
+  --origam-chip---text-transform: initial;
   --origam-chip---opacity-disabled: var(--origam-opacity---32);
   --origam-chip---density: 0px;
   --origam-chip---overlay-opacity: var(--origam-opacity---0);
@@ -2290,6 +2294,7 @@
   --origam-title---font-family: var(--origam-font__family---sans);
   --origam-title---font-weight: var(--origam-font__weight---semibold);
   --origam-title---letter-spacing: var(--origam-font__letterSpacing---tight);
+  --origam-title---text-transform: initial;
   --origam-title---line-height: var(--origam-font__lineHeight---tight);
   --origam-title---margin-block-start: var(--origam-space---0);
   --origam-title---margin-block-end: var(--origam-space---0);
@@ -2618,6 +2623,7 @@
   --origam-blockquote---font-weight: var(--origam-font__weight---regular);
   --origam-blockquote---line-height: var(--origam-font__lineHeight---relaxed);
   --origam-blockquote---letter-spacing: var(--origam-font__letterSpacing---normal);
+  --origam-blockquote---text-transform: initial;
   --origam-blockquote---color: var(--origam-color__text---primary);
   --origam-blockquote__accent---color: var(--origam-color__action--primary---bg);
   --origam-blockquote__accent---width: 4px;
@@ -2802,6 +2808,7 @@
   --origam-text-mask---font-size-default: var(--origam-font__size---5xl);
   --origam-text-mask---font-weight-default: var(--origam-font__weight---bold);
   --origam-text-mask---line-height-default: var(--origam-font__lineHeight---tight);
+  --origam-text-mask---text-transform: initial;
   --origam-text-mask__animation---duration-default: 3s;
   --origam-text-mask__animation---easing-default: var(--origam-motion__easing---standard);
   --origam-empty-state---padding-block: var(--origam-space---10);

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

@@ -427,6 +427,7 @@
   --origam-card--loading---min-width: 240px;
   --origam-card--loading---min-height: 120px;
   --origam-card__asset---aspect-ratio: 16 / 9;
+  --origam-card__content---display: block;
   --origam-card__loader---min-height: 4px;
   --origam-card__skeleton---padding: var(--origam-space---4);
   --origam-card__loader---z-index: 3;
@@ -469,6 +470,9 @@
   --origam-chip---border-radius: var(--origam-radius---full);
   --origam-chip---border-radius-label: var(--origam-radius---sm);
   --origam-chip---font-weight: var(--origam-font__weight---regular);
+  --origam-chip---font-family: initial;
+  --origam-chip---letter-spacing: initial;
+  --origam-chip---text-transform: initial;
   --origam-chip---opacity-disabled: var(--origam-opacity---32);
   --origam-chip---density: 0px;
   --origam-chip---overlay-opacity: var(--origam-opacity---0);
@@ -2376,6 +2380,7 @@
   --origam-title---font-family: var(--origam-font__family---sans);
   --origam-title---font-weight: var(--origam-font__weight---semibold);
   --origam-title---letter-spacing: var(--origam-font__letterSpacing---tight);
+  --origam-title---text-transform: initial;
   --origam-title---line-height: var(--origam-font__lineHeight---tight);
   --origam-title---margin-block-start: var(--origam-space---0);
   --origam-title---margin-block-end: var(--origam-space---0);
@@ -2704,6 +2709,7 @@
   --origam-blockquote---font-weight: var(--origam-font__weight---regular);
   --origam-blockquote---line-height: var(--origam-font__lineHeight---relaxed);
   --origam-blockquote---letter-spacing: var(--origam-font__letterSpacing---normal);
+  --origam-blockquote---text-transform: initial;
   --origam-blockquote---color: var(--origam-color__text---primary);
   --origam-blockquote__accent---color: var(--origam-color__action--primary---bg);
   --origam-blockquote__accent---width: 4px;
@@ -2888,6 +2894,7 @@
   --origam-text-mask---font-size-default: var(--origam-font__size---5xl);
   --origam-text-mask---font-weight-default: var(--origam-font__weight---bold);
   --origam-text-mask---line-height-default: var(--origam-font__lineHeight---tight);
+  --origam-text-mask---text-transform: initial;
   --origam-text-mask__animation---duration-default: 3s;
   --origam-text-mask__animation---easing-default: var(--origam-motion__easing---standard);
   --origam-empty-state---padding-block: var(--origam-space---10);
@@ -3441,6 +3448,7 @@
     --origam-card--loading---min-width: 240px;
     --origam-card--loading---min-height: 120px;
     --origam-card__asset---aspect-ratio: 16 / 9;
+    --origam-card__content---display: block;
     --origam-card__loader---min-height: 4px;
     --origam-card__skeleton---padding: var(--origam-space---4);
     --origam-card__loader---z-index: 3;
@@ -3483,6 +3491,9 @@
     --origam-chip---border-radius: var(--origam-radius---full);
     --origam-chip---border-radius-label: var(--origam-radius---sm);
     --origam-chip---font-weight: var(--origam-font__weight---regular);
+    --origam-chip---font-family: initial;
+    --origam-chip---letter-spacing: initial;
+    --origam-chip---text-transform: initial;
     --origam-chip---opacity-disabled: var(--origam-opacity---32);
     --origam-chip---density: 0px;
     --origam-chip---overlay-opacity: var(--origam-opacity---0);
@@ -5389,6 +5400,7 @@
     --origam-title---font-family: var(--origam-font__family---sans);
     --origam-title---font-weight: var(--origam-font__weight---semibold);
     --origam-title---letter-spacing: var(--origam-font__letterSpacing---tight);
+    --origam-title---text-transform: initial;
     --origam-title---line-height: var(--origam-font__lineHeight---tight);
     --origam-title---margin-block-start: var(--origam-space---0);
     --origam-title---margin-block-end: var(--origam-space---0);
@@ -5717,6 +5729,7 @@
     --origam-blockquote---font-weight: var(--origam-font__weight---regular);
     --origam-blockquote---line-height: var(--origam-font__lineHeight---relaxed);
     --origam-blockquote---letter-spacing: var(--origam-font__letterSpacing---normal);
+    --origam-blockquote---text-transform: initial;
     --origam-blockquote---color: var(--origam-color__text---primary);
     --origam-blockquote__accent---color: var(--origam-color__action--primary---bg);
     --origam-blockquote__accent---width: 4px;
@@ -5901,6 +5914,7 @@
     --origam-text-mask---font-size-default: var(--origam-font__size---5xl);
     --origam-text-mask---font-weight-default: var(--origam-font__weight---bold);
     --origam-text-mask---line-height-default: var(--origam-font__lineHeight---tight);
+    --origam-text-mask---text-transform: initial;
     --origam-text-mask__animation---duration-default: 3s;
     --origam-text-mask__animation---easing-default: var(--origam-motion__easing---standard);
     --origam-empty-state---padding-block: var(--origam-space---10);

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

@@ -327,6 +327,7 @@
   --origam-card--loading---min-width: 240px;
   --origam-card--loading---min-height: 120px;
   --origam-card__asset---aspect-ratio: 16 / 9;
+  --origam-card__content---display: block;
   --origam-card__loader---min-height: 4px;
   --origam-card__skeleton---padding: var(--origam-space---4);
   --origam-card__loader---z-index: 3;
@@ -369,6 +370,9 @@
   --origam-chip---border-radius: var(--origam-radius---full);
   --origam-chip---border-radius-label: var(--origam-radius---sm);
   --origam-chip---font-weight: var(--origam-font__weight---regular);
+  --origam-chip---font-family: initial;
+  --origam-chip---letter-spacing: initial;
+  --origam-chip---text-transform: initial;
   --origam-chip---opacity-disabled: var(--origam-opacity---32);
   --origam-chip---density: 0px;
   --origam-chip---overlay-opacity: var(--origam-opacity---0);
@@ -2290,6 +2294,7 @@
   --origam-title---font-family: var(--origam-font__family---sans);
   --origam-title---font-weight: var(--origam-font__weight---semibold);
   --origam-title---letter-spacing: var(--origam-font__letterSpacing---tight);
+  --origam-title---text-transform: initial;
   --origam-title---line-height: var(--origam-font__lineHeight---tight);
   --origam-title---margin-block-start: var(--origam-space---0);
   --origam-title---margin-block-end: var(--origam-space---0);
@@ -2618,6 +2623,7 @@
   --origam-blockquote---font-weight: var(--origam-font__weight---regular);
   --origam-blockquote---line-height: var(--origam-font__lineHeight---relaxed);
   --origam-blockquote---letter-spacing: var(--origam-font__letterSpacing---normal);
+  --origam-blockquote---text-transform: initial;
   --origam-blockquote---color: var(--origam-color__text---primary);
   --origam-blockquote__accent---color: var(--origam-color__action--primary---bg);
   --origam-blockquote__accent---width: 4px;
@@ -2802,6 +2808,7 @@
   --origam-text-mask---font-size-default: var(--origam-font__size---5xl);
   --origam-text-mask---font-weight-default: var(--origam-font__weight---bold);
   --origam-text-mask---line-height-default: var(--origam-font__lineHeight---tight);
+  --origam-text-mask---text-transform: initial;
   --origam-text-mask__animation---duration-default: 3s;
   --origam-text-mask__animation---easing-default: var(--origam-motion__easing---standard);
   --origam-empty-state---padding-block: var(--origam-space---10);

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

@@ -135,7 +135,8 @@ const props = defineProps({
   fontWeight: { type: null, required: false },
   lineHeight: { type: null, required: false },
   letterSpacing: { type: null, required: false },
-  fontStyle: { type: String, required: false }
+  fontStyle: { type: String, required: false },
+  textTransform: { type: null, required: false }
 });
 defineEmits([]);
 defineSlots();
@@ -272,6 +273,7 @@ defineExpose({
 		font-weight: var(--origam-blockquote---resolved-font-weight);
 		line-height: var(--origam-blockquote---resolved-line-height);
 		letter-spacing: var(--origam-blockquote---resolved-letter-spacing);
+		text-transform: var(--origam-blockquote---text-transform, inherit);
 		color: var(--origam-blockquote---color, var(--origam-color__text---primary, #171717));
 		box-sizing: border-box;
 	}

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

@@ -162,7 +162,10 @@
 					</div>
 				</template>
 
-				<div class="origam-card__content">
+				<div
+						class="origam-card__content"
+						:style="contentStyles"
+				>
 					<template v-if="hasText">
 						<slot name="text">
 							<origam-card-text
@@ -214,9 +217,9 @@ import { PROGRESS_TYPE } from "../../enums/Progress/progress.enum";
 import { splitSkeletonOverrides } from "../../utils/Skeleton/skeleton.util";
 import { computed, ref, StyleValue, toRef, useAttrs, useSlots } from "vue";
 const props = defineProps({
+  contentDisplay: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   flat: { type: Boolean, required: false },
-  hover: { type: Boolean, required: false },
   image: { type: String, required: false },
   link: { type: Boolean, required: false },
   subtitle: { type: [String, Number], required: false },
@@ -310,7 +313,9 @@ const props = defineProps({
   prependAriaLabel: { type: String, required: false },
   appendAriaLabel: { type: String, required: false },
   active: { type: [Boolean, Object], required: false },
-  activeClass: { type: String, required: false }
+  activeClass: { type: String, required: false },
+  hover: { type: [Boolean, Object], required: false },
+  hoverClass: { type: String, required: false }
 });
 defineEmits(["click:append", "click:prepend", "update:active", "update:hover"]);
 defineSlots();
@@ -419,6 +424,7 @@ const cardStyles = computed(() => {
     props.style
   ];
 });
+const contentStyles = computed(() => props.contentDisplay ? { display: props.contentDisplay } : void 0);
 const cardProgressClasses = computed(() => {
   return [
     "origam-card__progress",
@@ -516,6 +522,10 @@ defineExpose({
 		border-end-end-radius: var(--origam-card---border-end-end-radius, 0);
 		border-end-start-radius: var(--origam-card---border-end-start-radius, 0);
 
+		&__content {
+			display: var(--origam-card__content---display, block);
+		}
+
 		&__asset {
 			aspect-ratio: var(--origam-card__asset---aspect-ratio, 16 / 9);
 			overflow: hidden;

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

@@ -245,8 +245,11 @@ const props = defineProps({
   activeClass: { type: String, required: false },
   hover: { type: [Boolean, Object], required: false },
   hoverClass: { type: String, required: false },
+  fontFamily: { type: null, required: false },
   fontSize: { type: null, required: false },
-  fontWeight: { type: null, required: false }
+  fontWeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false },
+  textTransform: { type: null, required: false }
 });
 const emits = defineEmits(["update:modelValue", "click", "click:close", "click:append", "click:prepend", "group:selected"]);
 defineSlots();
@@ -423,7 +426,16 @@ defineExpose({
 		// Pinning `content-box` here keeps the token math identical no
 		// matter which tag ends up on the root.
 		box-sizing: content-box;
+		// #1101 — `font-family` / `letter-spacing` : lus par le var GENERIQUE
+		// que `useTypography` emet en inline quand la prop est posee. Le
+		// generique n'est volontairement declare dans AUCUNE feuille (meme
+		// regle que `---font-size`) : un token statique porteur de ce nom
+		// gagnerait toujours et figerait la valeur heritee du contexte. Sans
+		// prop, le repli `inherit` laisse le chip heriter, comme avant.
+		font-family: var(--origam-chip---font-family, inherit);
 		font-weight: var(--origam-chip---font-weight, 400);
+		letter-spacing: var(--origam-chip---letter-spacing, inherit);
+		text-transform: var(--origam-chip---text-transform, inherit);
 		max-width: 100%;
 		min-width: 0;
 		overflow: hidden;

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

@@ -204,8 +204,8 @@ const props = defineProps({
   transition: { type: [Boolean, String, Object], required: false, default: () => ({ component: OrigamTranslateScale }) },
   scrim: { type: [Boolean, String], required: false, default: true },
   attach: { type: [Boolean, String, null], required: false, skipCheck: true },
+  contentDisplay: { type: null, required: false },
   flat: { type: Boolean, required: false },
-  hover: { type: Boolean, required: false },
   image: { type: String, required: false },
   link: { type: Boolean, required: false },
   subtitle: { type: [String, Number], required: false },
@@ -290,6 +290,8 @@ const props = defineProps({
   appendAriaLabel: { type: String, required: false },
   active: { type: [Boolean, Object], required: false },
   activeClass: { type: String, required: false },
+  hover: { type: [Boolean, Object], required: false },
+  hoverClass: { type: String, required: false },
   status: { type: null, required: false },
   statusIconPosition: { type: null, required: false },
   icon: { type: null, required: false }

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

@@ -180,8 +180,8 @@ const props = defineProps({
   transition: { type: [Boolean, String, Object], required: false },
   scrim: { type: [Boolean, String], required: false },
   attach: { type: [Boolean, String, null], required: false, skipCheck: true },
+  contentDisplay: { type: null, required: false },
   flat: { type: Boolean, required: false },
-  hover: { type: Boolean, required: false },
   image: { type: String, required: false },
   link: { type: Boolean, required: false },
   subtitle: { type: [String, Number], required: false },
@@ -266,6 +266,8 @@ const props = defineProps({
   appendAriaLabel: { type: String, required: false },
   active: { type: [Boolean, Object], required: false },
   activeClass: { type: String, required: false },
+  hover: { type: [Boolean, Object], required: false },
+  hoverClass: { type: String, required: false },
   status: { type: null, required: false },
   statusIconPosition: { type: null, required: false },
   icon: { type: null, required: false }

package/dist/src/components/TextMask/OrigamTextMask.vue

@@ -34,7 +34,8 @@ const props = defineProps({
   fontWeight: { type: null, required: false },
   lineHeight: { type: null, required: false },
   letterSpacing: { type: null, required: false },
-  fontStyle: { type: String, required: false }
+  fontStyle: { type: String, required: false },
+  textTransform: { type: null, required: false }
 });
 defineEmits([]);
 defineSlots();
@@ -89,6 +90,7 @@ defineExpose({
 		font-family:    var(--origam-text-mask---font-family, inherit);
 		line-height:    var(--origam-text-mask---line-height, var(--origam-text-mask---line-height-default));
 		letter-spacing: var(--origam-text-mask---letter-spacing, normal);
+		text-transform: var(--origam-text-mask---text-transform, inherit);
 	}
 
 	.origam-text-mask--align-left {

package/dist/src/components/Title/OrigamTitle.vue

@@ -83,7 +83,8 @@ const props = defineProps({
   fontWeight: { type: null, required: false },
   lineHeight: { type: null, required: false },
   letterSpacing: { type: null, required: false },
-  fontStyle: { type: String, required: false }
+  fontStyle: { type: String, required: false },
+  textTransform: { type: null, required: false }
 });
 const { filterProps } = useProps(props);
 defineEmits([]);
@@ -137,6 +138,7 @@ defineExpose({
 		font-size:      var(--origam-title---font-size, var(--origam-title---font-size-md));
 		font-weight:    var(--origam-title---font-weight);
 		letter-spacing: var(--origam-title---letter-spacing);
+		text-transform: var(--origam-title---text-transform, inherit);
 		line-height:    var(--origam-title---line-height);
 		// ⛔ #950 — zero-specificity default. `:where(&)` compiles to
 		// `:where(.origam-title[data-v-hash])` = (0,0,0), so the

package/dist/src/composables/Commons/typography.composable.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTypography = useTypography;
 var _vue = require("vue");
 const TYPOGRAPHY_TOKEN_MAP = [["fontFamily", "font-family", "font__family"], ["fontSize", "font-size", "font__size"], ["fontWeight", "font-weight", "font__weight"], ["lineHeight", "line-height", "font__lineHeight"], ["letterSpacing", "letter-spacing", "font__letterSpacing"]];
-const TYPOGRAPHY_PASSTHROUGH_MAP = [["fontStyle", "font-style"]];
+const TYPOGRAPHY_PASSTHROUGH_MAP = [["fontStyle", "font-style"], ["textTransform", "text-transform"]];
 function useTypography(props, varPrefix) {
   const typographyStyles = (0, _vue.computed)(() => {
     const styles = {};

package/dist/src/composables/Commons/typography.composable.js

@@ -7,7 +7,8 @@ const TYPOGRAPHY_TOKEN_MAP = [
   ["letterSpacing", "letter-spacing", "font__letterSpacing"]
 ];
 const TYPOGRAPHY_PASSTHROUGH_MAP = [
-  ["fontStyle", "font-style"]
+  ["fontStyle", "font-style"],
+  ["textTransform", "text-transform"]
 ];
 export function useTypography(props, varPrefix) {
   const typographyStyles = computed(() => {

package/dist/src/enums/Card/card.enum.cjs

@@ -3,9 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CARD_TYPE = void 0;
+exports.CARD_TYPE = exports.CARD_CONTENT_DISPLAY = void 0;
 var CARD_TYPE = exports.CARD_TYPE = /* @__PURE__ */(CARD_TYPE2 => {
   CARD_TYPE2["GRID"] = "grid";
   CARD_TYPE2["LIST"] = "list";
   return CARD_TYPE2;
-})(CARD_TYPE || {});
+})(CARD_TYPE || {});
+var CARD_CONTENT_DISPLAY = exports.CARD_CONTENT_DISPLAY = /* @__PURE__ */(CARD_CONTENT_DISPLAY2 => {
+  CARD_CONTENT_DISPLAY2["BLOCK"] = "block";
+  CARD_CONTENT_DISPLAY2["CONTENTS"] = "contents";
+  CARD_CONTENT_DISPLAY2["FLEX"] = "flex";
+  CARD_CONTENT_DISPLAY2["GRID"] = "grid";
+  return CARD_CONTENT_DISPLAY2;
+})(CARD_CONTENT_DISPLAY || {});

package/dist/src/enums/Card/card.enum.d.ts

@@ -2,3 +2,9 @@ export declare enum CARD_TYPE {
     GRID = "grid",
     LIST = "list"
 }
+export declare enum CARD_CONTENT_DISPLAY {
+    BLOCK = "block",
+    CONTENTS = "contents",
+    FLEX = "flex",
+    GRID = "grid"
+}

package/dist/src/enums/Card/card.enum.js

@@ -3,3 +3,10 @@ export var CARD_TYPE = /* @__PURE__ */ ((CARD_TYPE2) => {
   CARD_TYPE2["LIST"] = "list";
   return CARD_TYPE2;
 })(CARD_TYPE || {});
+export var CARD_CONTENT_DISPLAY = /* @__PURE__ */ ((CARD_CONTENT_DISPLAY2) => {
+  CARD_CONTENT_DISPLAY2["BLOCK"] = "block";
+  CARD_CONTENT_DISPLAY2["CONTENTS"] = "contents";
+  CARD_CONTENT_DISPLAY2["FLEX"] = "flex";
+  CARD_CONTENT_DISPLAY2["GRID"] = "grid";
+  return CARD_CONTENT_DISPLAY2;
+})(CARD_CONTENT_DISPLAY || {});

package/dist/src/enums/Commons/text-transform.enum.cjs

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEXT_TRANSFORM = void 0;
+var TEXT_TRANSFORM = exports.TEXT_TRANSFORM = /* @__PURE__ */(TEXT_TRANSFORM2 => {
+  TEXT_TRANSFORM2["NONE"] = "none";
+  TEXT_TRANSFORM2["UPPERCASE"] = "uppercase";
+  TEXT_TRANSFORM2["LOWERCASE"] = "lowercase";
+  TEXT_TRANSFORM2["CAPITALIZE"] = "capitalize";
+  return TEXT_TRANSFORM2;
+})(TEXT_TRANSFORM || {});

package/dist/src/enums/Commons/text-transform.enum.d.ts

@@ -0,0 +1,13 @@
+/*********************************************************
+ * TEXT_TRANSFORM
+ *
+ * @description
+ * Mots-cles `text-transform` acceptes par `ITypographyProps.textTransform`,
+ * emis verbatim (aucune echelle de design, aucun groupe de tokens).
+ ********************************************************/
+export declare enum TEXT_TRANSFORM {
+    NONE = "none",
+    UPPERCASE = "uppercase",
+    LOWERCASE = "lowercase",
+    CAPITALIZE = "capitalize"
+}

package/dist/src/enums/Commons/text-transform.enum.js

@@ -0,0 +1,7 @@
+export var TEXT_TRANSFORM = /* @__PURE__ */ ((TEXT_TRANSFORM2) => {
+  TEXT_TRANSFORM2["NONE"] = "none";
+  TEXT_TRANSFORM2["UPPERCASE"] = "uppercase";
+  TEXT_TRANSFORM2["LOWERCASE"] = "lowercase";
+  TEXT_TRANSFORM2["CAPITALIZE"] = "capitalize";
+  return TEXT_TRANSFORM2;
+})(TEXT_TRANSFORM || {});

package/dist/src/enums/index.cjs

@@ -553,6 +553,17 @@ Object.keys(_letterSpacing).forEach(function (key) {
     }
   });
 });
+var _textTransform = require("./Commons/text-transform.enum.cjs");
+Object.keys(_textTransform).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _textTransform[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _textTransform[key];
+    }
+  });
+});
 var _lineHeight = require("./Commons/line-height.enum.cjs");
 Object.keys(_lineHeight).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/src/enums/index.d.ts

@@ -48,6 +48,7 @@ export * from './Commons/font-family.enum';
 export * from './Commons/font-size.enum';
 export * from './Commons/font-weight.enum';
 export * from './Commons/letter-spacing.enum';
+export * from './Commons/text-transform.enum';
 export * from './Commons/line-height.enum';
 export * from './Commons/loader.enum';
 export * from './Commons/theme.enum';

package/dist/src/enums/index.js

@@ -48,6 +48,7 @@ export * from "./Commons/font-family.enum.js";
 export * from "./Commons/font-size.enum.js";
 export * from "./Commons/font-weight.enum.js";
 export * from "./Commons/letter-spacing.enum.js";
+export * from "./Commons/text-transform.enum.js";
 export * from "./Commons/line-height.enum.js";
 export * from "./Commons/loader.enum.js";
 export * from "./Commons/theme.enum.js";

package/dist/src/interfaces/Card/card.interface.d.ts

@@ -6,7 +6,7 @@ import type { ICommonsComponentProps, ITagProps } from '../Commons/commons.inter
 import type { IDensityProps } from '../Commons/density.interface';
 import type { IDimensionProps } from '../Commons/dimension.interface';
 import type { IElevationProps } from '../Commons/elevation.interface';
-import type { IHoverEmits } from '../Commons/hover.interface';
+import type { IHoverEmits, IHoverProps } from '../Commons/hover.interface';
 import type { ILinkProps } from '../Commons/router.interface';
 import type { ILoaderProps } from '../Commons/loader.interface';
 import type { ILocationProps } from '../Commons/location.interface';
@@ -15,11 +15,19 @@ import type { IPaddingProps } from '../Commons/padding.interface';
 import type { IPositionProps } from '../Commons/position.interface';
 import type { IRippleProps } from '../Commons/ripple.interface';
 import type { IRoundedProps } from '../Commons/rounded.interface';
-import type { TCardType } from '../../types/Card/card.type';
-export interface ICardProps extends ICommonsComponentProps, ITagProps, IBorderProps, IColorProps, IBgColorProps, IDensityProps, IDimensionProps, IElevationProps, ILoaderProps, ILocationProps, IPositionProps, IRoundedProps, IMarginProps, IPaddingProps, ILinkProps, IRippleProps, IAdjacentProps, IActiveProps {
+import type { TCardContentDisplay, TCardType } from '../../types/Card/card.type';
+export interface ICardProps extends ICommonsComponentProps, ITagProps, IBorderProps, IColorProps, IBgColorProps, IDensityProps, IDimensionProps, IElevationProps, ILoaderProps, ILocationProps, IPositionProps, IRoundedProps, IMarginProps, IPaddingProps, ILinkProps, IRippleProps, IAdjacentProps, IActiveProps, IHoverProps {
+    /*********************************************************
+     * contentDisplay
+     *
+     * @description
+     * `display` of the `.origam-card__content` wrapper around the default and `text` slots (#1100).
+     * `contents` flattens it so the slotted children become direct items of the card's own grid / flex layout.
+     * Defaults to the `--origam-card__content---display` token (`block`).
+     ********************************************************/
+    contentDisplay?: TCardContentDisplay;
     disabled?: boolean;
     flat?: boolean;
-    hover?: boolean;
     image?: string;
     link?: boolean;
     subtitle?: string | number;

package/dist/src/interfaces/Chip/chip.interface.d.ts

@@ -15,7 +15,7 @@ import type { IRoundedProps } from '../Commons/rounded.interface';
 import type { ISizeProps } from '../Commons/size.interface';
 import type { ITypographyProps } from '../Commons/typography.interface';
 import type { TIcon } from '../../types/Icon/icon.type';
-export interface IChipProps extends ICommonsComponentProps, IAdjacentProps, ITagProps, IColorProps, IBgColorProps, IRippleProps, IBorderProps, IRoundedProps, IPaddingProps, IMarginProps, IDensityProps, IGroupItemProps, ILinkProps, ISizeProps, IElevationProps, IActiveProps, IHoverProps, Pick<ITypographyProps, 'fontSize' | 'fontWeight'> {
+export interface IChipProps extends ICommonsComponentProps, IAdjacentProps, ITagProps, IColorProps, IBgColorProps, IRippleProps, IBorderProps, IRoundedProps, IPaddingProps, IMarginProps, IDensityProps, IGroupItemProps, ILinkProps, ISizeProps, IElevationProps, IActiveProps, IHoverProps, Pick<ITypographyProps, 'fontFamily' | 'fontSize' | 'fontWeight' | 'letterSpacing' | 'textTransform'> {
     closable?: boolean;
     closeIcon?: TIcon;
     closeLabel?: string;