diff --git a/src/components/customerCases/customerCase/CustomerCase.tsx b/src/components/customerCases/customerCase/CustomerCase.tsx index 68622a143..441823ef5 100644 --- a/src/components/customerCases/customerCase/CustomerCase.tsx +++ b/src/components/customerCases/customerCase/CustomerCase.tsx @@ -78,7 +78,7 @@ export default function CustomerCase({ customerCase }: CustomerCaseProps) {
{section.images?.map((image) => (
diff --git a/src/components/richText/RichText.tsx b/src/components/richText/RichText.tsx index acd79337b..fc39a3728 100644 --- a/src/components/richText/RichText.tsx +++ b/src/components/richText/RichText.tsx @@ -144,7 +144,10 @@ const GroupedBlogText = ({ value }: GroupedBlogTextProps) => { // Render h2 titles, h3 subtitles, and paragraphs within a div wrapper for other groups return ( -
+
{group.title && ( = { "h4", "h5", "h6", - "h7", "labelSmall", "labelLight", "labelRegular", @@ -94,13 +93,6 @@ export const H6: Story = { }, }; -export const H7: Story = { - args: { - type: "h7", - children: "This is an H7 text", - }, -}; - export const LabelSmall: Story = { args: { type: "labelSmall", diff --git a/src/components/text/Text.tsx b/src/components/text/Text.tsx index 8d9b0ebf0..24e32a9ce 100644 --- a/src/components/text/Text.tsx +++ b/src/components/text/Text.tsx @@ -7,7 +7,6 @@ export type TextType = | "h4" | "h5" | "h6" - | "h7" | "desktopLink" | "labelSmall" | "labelLight" @@ -25,14 +24,13 @@ export type TextType = | "mobileH1" | "mobileBodyNormal"; -const elementMap: { [key in TextType]: string } = { +const elementMap: { [key in TextType]: keyof JSX.IntrinsicElements } = { h1: "h1", h2: "h2", h3: "h3", h4: "h4", h5: "h5", h6: "h6", - h7: "h7", desktopLink: "p", labelSmall: "p", labelLight: "p", @@ -57,7 +55,6 @@ const classMap: { [key in TextType]?: string } = { h4: styles.h4, h5: styles.h5, h6: styles.h6, - h7: styles.h7, desktopLink: styles.desktopLink, labelSmall: styles.labelSmall, labelLight: styles.labelLight, @@ -86,8 +83,8 @@ const Text = ({ id?: string; className?: string; }) => { - const Element = elementMap[type] as keyof JSX.IntrinsicElements; - const generatedClassName = `${classMap[type]} ${className ? className : ""}`; + const Element = elementMap[type]; + const generatedClassName = `${classMap[type]} ${className ?? ""}`; return ( diff --git a/src/components/text/text.module.css b/src/components/text/text.module.css index 0f56e2db5..118c21ba4 100644 --- a/src/components/text/text.module.css +++ b/src/components/text/text.module.css @@ -5,7 +5,6 @@ .h4, .h5, .h6, -.h7, .bodyXl { color: var(--primary-black); font-family: var(--font-britti-sans); @@ -61,7 +60,7 @@ } } -/* TODO: we need to add sizes og h4-h7 */ +/* TODO: we need to add sizes og h4-h6 */ .desktopLink { font-size: 10rem; diff --git a/studio/studioConfig.tsx b/studio/studioConfig.tsx index 864d58438..03554f2e1 100644 --- a/studio/studioConfig.tsx +++ b/studio/studioConfig.tsx @@ -19,7 +19,7 @@ const SUPPORTED_LANGUAGES_QUERY = `*[_type == "languageSettings" && !(_id in pat const config: WorkspaceOptions = { name: "studio", title: "Studio", - subtitle: "Our Own Space", + subtitle: "Variant Norge", icon: () => , basePath: "/studio", projectId,