Concerts

design-system/primitives/DsHeading.vue

@@ -7,7 +7,8 @@
       `ds-heading--${resolvedsize}`,
       `ds-heading--${resolvedWeight}`,
       `ds-heading--${resolvedspacing}`, //margin-bottom
-      `ds-heading--${tone}`
+      `ds-heading--${tone}`,
+      `ds-heading--${textcase}`
     ]"
   >
     <slot />
@@ -21,6 +22,7 @@
     as: { type: String, default: 'h2' },               // h1/h2/h3/p/span...
     font: { type: String, default: 'roboto' },        // barlow | brandon
     tone: { type: String, default: 'default' },        // default/muted/invert
+    textcase: { type: String, default: 'default' }, // uppercase
   })
 
   const resolvedWeight = computed(() => {
@@ -133,7 +135,8 @@
     &--bleu_fonce { color: var(--c-bleu_fonce); }
     &--bleu_clair { color: var(--c-bleu_clair); }
 
-    
+    // CASE
+    &--uppercase {text-transform: uppercase;}
 
     &--info { color: var(--c-info); }