Merged in chore/sw-3145-move-subtitle (pull request #2516)

chore(SW-3145): Move Title and Subtitle to design-system * Move Title and Subtitle to design-system * Fix export Approved-by: Linus Flood
2025-07-04 06:22:28 +00:00
parent 80057264d9
commit 923206ee4c
99 changed files with 231 additions and 227 deletions
@@ -0,0 +1,92 @@
+.subtitle {
+  margin: var(--Spacing-x0);
+  padding: var(--Spacing-x0);
+}
+
+.one {
+  font-family: var(--typography-Subtitle-1-fontFamily);
+  font-size: clamp(
+    var(--typography-Subtitle-1-Mobile-fontSize),
+    0.3vw + 15px,
+    var(--typography-Subtitle-1-Desktop-fontSize)
+  );
+  font-weight: 500;
+  letter-spacing: var(--typography-Subtitle-1-letterSpacing);
+  line-height: var(--typography-Subtitle-1-lineHeight);
+}
+
+.two {
+  font-family: var(--typography-Subtitle-2-fontFamily);
+  font-size: clamp(
+    var(--typography-Subtitle-2-Mobile-fontSize),
+    0.3vw + 15px,
+    var(--typography-Subtitle-2-Desktop-fontSize)
+  );
+  font-weight: 500;
+  letter-spacing: var(--typography-Subtitle-2-letterSpacing);
+  line-height: var(--typography-Subtitle-2-lineHeight);
+}
+
+.regular {
+  text-transform: none;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.capitalize {
+  text-transform: capitalize;
+}
+
+.center {
+  text-align: center;
+}
+
+.left {
+  text-align: left;
+}
+
+.right {
+  text-align: right;
+}
+
+.black {
+  color: var(--Main-Grey-100);
+}
+
+.burgundy {
+  color: var(--Scandic-Brand-Burgundy);
+}
+
+.pale {
+  color: var(--Scandic-Brand-Pale-Peach);
+}
+
+.baseTextHighContrast {
+  color: var(--Base-Text-High-contrast);
+}
+
+.uiTextHighContrast {
+  color: var(--UI-Text-High-contrast);
+}
+
+.uiTextMediumContrast {
+  color: var(--UI-Text-Medium-contrast);
+}
+
+.uiTextPlaceholder {
+  color: var(--UI-Text-Placeholder);
+}
+
+.red {
+  color: var(--Scandic-Brand-Scandic-Red);
+}
+
+.baseTextDisabled {
+  color: var(--Base-Text-Disabled);
+}
+
+.mainGrey60 {
+  color: var(--Main-Grey-60);
+}