{"version":3,"sourceRoot":null,"mappings":"AEKA,6fAcE,yBAAkB,ggBA4BpB,0CAIA,0CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,8CAIA,8CAKA,8CAIA,gDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,oDAIA,sDAKA,6CAIA,6CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,iDAIA,iDAKA,iDAIA,mDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,uDAIA,yDF1OA,2DAGE,mIAKA,mIAMF,2CAGE,2GAKA,2GAMF,2CAGE,2GAKA,2GAMF,2CAGE,2GAKA,2GAMF,uDAGE,6HAKA,6HAMF,+CAGE,iHAKA,iHAMF,2DAGE,mIAKA,mIAMF,2DAGE,mIAKA,mIAMF,uEAGE,qJAKA,qJAMF,yDAGE,gIAKA,gIAMF,qEAGE,kJAKA,kJAMF,qDAIA,iEAYI,uGAOF,6EAOA,2FAQE,8GAGE,yBAAkB,+GAKpB,gHAGE,yBAAkB","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/text/text.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/text/../spacing/spacing.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/text/../_custom-media.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/text/../spacing/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n@import url(\"../spacing/spacing.css\");\n\n/**\n * Text utility classes\n *\n * Sets the following values:\n * - Font family (always \"Posten Sans\")\n * - Font weight\n * - Font size\n * - Line height\n */\n.hds-text-h1-display {\n  font: var(--hds-typography-h1-display);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-h1-display-min);\n    line-height: var(--hds-line-height-h1-display-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-h1-display-max);\n    line-height: var(--hds-line-height-h1-display-max);\n  }\n}\n\n.hds-text-h1 {\n  font: var(--hds-typography-h1);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-h1-min);\n    line-height: var(--hds-line-height-h1-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-h1-max);\n    line-height: var(--hds-line-height-h1-max);\n  }\n}\n\n.hds-text-h2 {\n  font: var(--hds-typography-h2);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-h2-min);\n    line-height: var(--hds-line-height-h2-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-h2-max);\n    line-height: var(--hds-line-height-h2-max);\n  }\n}\n\n.hds-text-h3 {\n  font: var(--hds-typography-h3);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-h3-min);\n    line-height: var(--hds-line-height-h3-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-h3-max);\n    line-height: var(--hds-line-height-h3-max);\n  }\n}\n\n.hds-text-h3-title {\n  font: var(--hds-typography-h3-title);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-h3-title-min);\n    line-height: var(--hds-line-height-h3-title-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-h3-title-max);\n    line-height: var(--hds-line-height-h3-title-max);\n  }\n}\n\n.hds-text-body {\n  font: var(--hds-typography-body);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-body-min);\n    line-height: var(--hds-line-height-body-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-body-max);\n    line-height: var(--hds-line-height-body-max);\n  }\n}\n\n.hds-text-body-title {\n  font: var(--hds-typography-body-title);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-body-title-min);\n    line-height: var(--hds-line-height-body-title-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-body-title-max);\n    line-height: var(--hds-line-height-body-title-max);\n  }\n}\n\n.hds-text-body-small {\n  font: var(--hds-typography-body-small);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-body-small-min);\n    line-height: var(--hds-line-height-body-small-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-body-small-max);\n    line-height: var(--hds-line-height-body-small-max);\n  }\n}\n\n.hds-text-body-small-title {\n  font: var(--hds-typography-body-small-title);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-body-small-title-min);\n    line-height: var(--hds-line-height-body-small-title-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-body-small-title-max);\n    line-height: var(--hds-line-height-body-small-title-max);\n  }\n}\n\n.hds-text-technical {\n  font: var(--hds-typography-technical);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-technical-min);\n    line-height: var(--hds-line-height-technical-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-technical-max);\n    line-height: var(--hds-line-height-technical-max);\n  }\n}\n\n.hds-text-technical-title {\n  font: var(--hds-typography-technical-title);\n\n  &.hds-text--min {\n    font-size: var(--hds-font-size-technical-title-min);\n    line-height: var(--hds-line-height-technical-title-min);\n  }\n\n  &.hds-text--max {\n    font-size: var(--hds-font-size-technical-title-max);\n    line-height: var(--hds-line-height-technical-title-max);\n  }\n}\n\n.hds-text-caption {\n  font: var(--hds-typography-caption);\n}\n\n.hds-text-caption-title {\n  font: var(--hds-typography-caption-title);\n}\n\n/**\n * 🚧 Spacing\n * 🚨 WORK IN PROGRESS - MIGHT BREAK 🚨\n * Meant for article content, ui content might need different spacing.\n */\n.hds-text-h1,\n.hds-text-h2 {\n  &.hds-text--spacing {\n    &:not(:first-child) {\n      margin-top: var(--hds-spacing-48-64);\n    }\n  }\n}\n\n.hds-text-h1 + .hds-text-h2 {\n  &.hds-text--spacing {\n    margin-top: var(--hds-spacing-32);\n  }\n}\n\n.hds-text-h3,\n.hds-text-h3-title {\n  &.hds-text--spacing {\n    margin-top: var(--hds-spacing-40-48);\n  }\n}\n\n.hds-text-body,\n.hds-text-body-title {\n  &.hds-text--spacing {\n    &:not(:first-child) {\n      margin-top: var(--hds-spacing-16);\n\n      @media (--large) {\n        margin-top: var(--hds-spacing-24);\n      }\n    }\n\n    &:not(:last-child) {\n      margin-bottom: var(--hds-spacing-16);\n\n      @media (--large) {\n        margin-bottom: var(--hds-spacing-24);\n      }\n    }\n  }\n}\n","@import url(\"../_custom-media.css\");\n\n/**\n * Responsive extension of the spacing css variables\n */\n:root {\n  --hds-spacing-4-8: var(--hds-spacing-4);\n  --hds-spacing-8-12: var(--hds-spacing-8);\n  --hds-spacing-12-16: var(--hds-spacing-12);\n  --hds-spacing-16-20: var(--hds-spacing-16);\n  --hds-spacing-20-24: var(--hds-spacing-20);\n  --hds-spacing-24-32: var(--hds-spacing-24);\n  --hds-spacing-32-40: var(--hds-spacing-32);\n  --hds-spacing-40-48: var(--hds-spacing-40);\n  --hds-spacing-48-64: var(--hds-spacing-48);\n  --hds-spacing-64-80: var(--hds-spacing-64);\n  --hds-spacing-80-120: var(--hds-spacing-80);\n  --hds-spacing-120-160: var(--hds-spacing-120);\n\n  @media (--large) {\n    --hds-spacing-4-8: var(--hds-spacing-8);\n    --hds-spacing-8-12: var(--hds-spacing-12);\n    --hds-spacing-12-16: var(--hds-spacing-16);\n    --hds-spacing-16-20: var(--hds-spacing-20);\n    --hds-spacing-20-24: var(--hds-spacing-24);\n    --hds-spacing-24-32: var(--hds-spacing-32);\n    --hds-spacing-32-40: var(--hds-spacing-40);\n    --hds-spacing-40-48: var(--hds-spacing-48);\n    --hds-spacing-48-64: var(--hds-spacing-64);\n    --hds-spacing-64-80: var(--hds-spacing-80);\n    --hds-spacing-80-120: var(--hds-spacing-120);\n    --hds-spacing-120-160: var(--hds-spacing-160);\n  }\n}\n\n/**\n * Utility classes for margin top and bottom\n * Based upon [tailwind](https://tailwindcss.com/docs/margin)\n * \n * We start of by just adding the margin top and bottom classes.\n * we will see if there becomes a need for left and right. X, Y axis, padding etc...\n *\n * If the consumer wish to primarly use utility classes, the recommended approach is to use tailwind with the\n * provided tailwind configuration file.\n */\n\n/* Margin top */\n.hds-mt-4 {\n  margin-top: var(--hds-spacing-4);\n}\n\n.hds-mt-8 {\n  margin-top: var(--hds-spacing-8);\n}\n\n.hds-mt-12 {\n  margin-top: var(--hds-spacing-12);\n}\n\n.hds-mt-16 {\n  margin-top: var(--hds-spacing-16);\n}\n\n.hds-mt-20 {\n  margin-top: var(--hds-spacing-20);\n}\n\n.hds-mt-24 {\n  margin-top: var(--hds-spacing-24);\n}\n\n.hds-mt-32 {\n  margin-top: var(--hds-spacing-32);\n}\n\n.hds-mt-40 {\n  margin-top: var(--hds-spacing-40);\n}\n\n.hds-mt-48 {\n  margin-top: var(--hds-spacing-48);\n}\n\n.hds-mt-64 {\n  margin-top: var(--hds-spacing-64);\n}\n\n.hds-mt-80 {\n  margin-top: var(--hds-spacing-80);\n}\n\n.hds-mt-120 {\n  margin-top: var(--hds-spacing-120);\n}\n\n.hds-mt-160 {\n  margin-top: var(--hds-spacing-160);\n}\n\n/* Responsive margin top. Mobile first, meaning it jumps up on larger screens */\n.hds-mt-4-8 {\n  margin-top: var(--hds-spacing-4-8);\n}\n\n.hds-mt-8-12 {\n  margin-top: var(--hds-spacing-8-12);\n}\n\n.hds-mt-12-16 {\n  margin-top: var(--hds-spacing-12-16);\n}\n\n.hds-mt-16-20 {\n  margin-top: var(--hds-spacing-16-20);\n}\n\n.hds-mt-20-24 {\n  margin-top: var(--hds-spacing-20-24);\n}\n\n.hds-mt-24-32 {\n  margin-top: var(--hds-spacing-24-32);\n}\n\n.hds-mt-32-40 {\n  margin-top: var(--hds-spacing-32-40);\n}\n\n.hds-mt-40-48 {\n  margin-top: var(--hds-spacing-40-48);\n}\n\n.hds-mt-48-64 {\n  margin-top: var(--hds-spacing-48-64);\n}\n\n.hds-mt-64-80 {\n  margin-top: var(--hds-spacing-64-80);\n}\n\n.hds-mt-80-120 {\n  margin-top: var(--hds-spacing-80-120);\n}\n\n.hds-mt-120-160 {\n  margin-top: var(--hds-spacing-120-160);\n}\n\n/* Margin bottom */\n.hds-mb-4 {\n  margin-bottom: var(--hds-spacing-4);\n}\n\n.hds-mb-8 {\n  margin-bottom: var(--hds-spacing-8);\n}\n\n.hds-mb-12 {\n  margin-bottom: var(--hds-spacing-12);\n}\n\n.hds-mb-16 {\n  margin-bottom: var(--hds-spacing-16);\n}\n\n.hds-mb-20 {\n  margin-bottom: var(--hds-spacing-20);\n}\n\n.hds-mb-24 {\n  margin-bottom: var(--hds-spacing-24);\n}\n\n.hds-mb-32 {\n  margin-bottom: var(--hds-spacing-32);\n}\n\n.hds-mb-40 {\n  margin-bottom: var(--hds-spacing-40);\n}\n\n.hds-mb-48 {\n  margin-bottom: var(--hds-spacing-48);\n}\n\n.hds-mb-64 {\n  margin-bottom: var(--hds-spacing-64);\n}\n\n.hds-mb-80 {\n  margin-bottom: var(--hds-spacing-80);\n}\n\n.hds-mb-120 {\n  margin-bottom: var(--hds-spacing-120);\n}\n\n.hds-mb-160 {\n  margin-bottom: var(--hds-spacing-160);\n}\n\n/* Responsive margin bottom. Mobile first, meaning it jumps up on larger screens */\n.hds-mb-4-8 {\n  margin-bottom: var(--hds-spacing-4-8);\n}\n\n.hds-mb-8-12 {\n  margin-bottom: var(--hds-spacing-8-12);\n}\n\n.hds-mb-12-16 {\n  margin-bottom: var(--hds-spacing-12-16);\n}\n\n.hds-mb-16-20 {\n  margin-bottom: var(--hds-spacing-16-20);\n}\n\n.hds-mb-20-24 {\n  margin-bottom: var(--hds-spacing-20-24);\n}\n\n.hds-mb-24-32 {\n  margin-bottom: var(--hds-spacing-24-32);\n}\n\n.hds-mb-32-40 {\n  margin-bottom: var(--hds-spacing-32-40);\n}\n\n.hds-mb-40-48 {\n  margin-bottom: var(--hds-spacing-40-48);\n}\n\n.hds-mb-48-64 {\n  margin-bottom: var(--hds-spacing-48-64);\n}\n\n.hds-mb-64-80 {\n  margin-bottom: var(--hds-spacing-64-80);\n}\n\n.hds-mb-80-120 {\n  margin-bottom: var(--hds-spacing-80-120);\n}\n\n.hds-mb-120-160 {\n  margin-bottom: var(--hds-spacing-120-160);\n}\n","/**\n * Reusable media queries using the hedwig breakpoint\n *\n * As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n *\n * https://www.w3.org/TR/mediaqueries-5/#custom-mq\n */\n\n/* Mobile first */\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/* Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n","/**\n * Reusable media queries using the hedwig breakpoint\n *\n * As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n *\n * https://www.w3.org/TR/mediaqueries-5/#custom-mq\n */\n\n/* Mobile first */\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/* Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n"],"names":[]}