{"version":3,"sources":["../../../../src/components/typography/a/a.scss","../../../../src/components/typography/body/body.scss","../../../../src/components/typography/h1/h1.scss","../../../../src/components/typography/h2/h2.scss","../../../../src/components/typography/h3/h3.scss","../../../../src/components/typography/hr/hr.scss","../../../../src/components/typography/p/p.scss","../../../../src/components/typography/placeholder/placeholder.scss","../../../../src/components/typography/ul/ul.scss","../../../../src/components/badge/badge.scss"],"names":[],"mappings":"AAAA,QAEE,kBAAA,CACA,kCAAA,CACA,mBAAA,CACA,mBAAA,CACA,iBAAA,CAEA,mBAAA,CACA,QAAA,CAFA,sBAAA,CANA,gDAAA,CASA,iBACF,CACE,iGAOE,oDAAA,CACA,4CAAA,CACA,gDADJ,CAKI,0GAOE,6CAAA,CACA,iDALN,CASE,8BACE,oBAPJ,CASI,iEACE,yBAPN,CAWE,cACE,oBATJ,CAYE,sBACE,mCAVJ,CAaE,sBACE,8CAXJ,CCzCA,WACE,2DADF,CASI,6NACE,0CAFN,CAME,2BACE,eAJJ,CAOE,2BACE,eALJ,CAQE,wBACE,WANJ,CASE,oCA1BF,WA2BI,2DANF,CACF,CCxBA,SAKE,wCAAA,CAEA,4CAGF,CCVA,kBDCE,kBAAA,CACA,+BAAA,CACA,YAAA,CACA,2CAAA,CAEA,iDAAA,CAGA,kBAAA,CADA,oBCEF,CAVA,SAKE,wCAAA,CAEA,4CAGF,CCVA,SACE,kBAAA,CACA,+BAAA,CACA,YAAA,CAEA,8CAAA,CACA,wCAAA,CACA,iDAAA,CACA,4CAAA,CAEA,kBAAA,CADA,oBACF,CCVA,SACE,QAAA,CACA,sDAAA,CACA,QACF,CACE,oBACE,kCACJ,CAEE,mBACE,iCAAJ,CAGE,mBACE,iCADJ,CCbA,QACE,kCAAA,CACA,8CAAA,CACA,4CAAA,CACA,gDAAA,CACA,gDAAA,CAEA,kBAAA,CADA,oBAEF,CACE,cACE,8CACJ,CAEE,eACE,mCAAJ,CAGE,iBACE,6CAAA,CACA,iDADJ,CAIE,8BACE,oBAFJ,CAOE,+BACE,sBAAA,CACA,iBALJ,CCzBA,kBACE,gEAAA,CACA,kEAAA,CAEA,2GAAA,CAEA,2IAAA,CAMA,yBAAA,CACA,WAAA,CACA,iBAAA,CACA,oBAAA,CACA,UAAA,CACA,QAAA,CACA,eAAA,CACA,iBAAA,CACA,UANF,CASA,4BACE,GACE,uBANF,CAQA,GACE,0BANF,CACF,CCvBA,SAEE,kCAAA,CACA,8CAAA,CACA,4CAAA,CACA,gDAAA,CACA,gDAAA,CACA,0BAAA,CANA,QAAA,CAOA,sBACF,CACE,kBACE,8CACJ,CCZA,YACE,+DAAA,CACA,qCAAA,CACA,mDAAA,CAKA,kBAAA,CACA,mBAAA,CAJA,mDAAA,CACA,+CAAA,CAIA,0CAAA,CAHA,kCAAA,CAIA,mBAAA,CACA,aAAA,CACA,8CAAA,CACA,6CAAA,CACA,8CAAA,CACA,sBAAA,CACA,iDAAA,CACA,eAAA,CACA,mCAAA,CACA,iBAAA,CACA,2BAAF,CAEE,6BACE,6DAAA,CACA,qDAAA,CACA,iDAAJ,CAGE,+BACE,+DAAA,CACA,uDAAA,CACA,mDADJ,CAIE,4BACE,4DAAA,CACA,oDAAA,CACA,gDAFJ,CAKE,6BACE,6DAAA,CACA,qDAAA,CACA,iDAHJ,CAME,0BACE,0DAAA,CACA,kDAAA,CACA,8CAJJ,CAOE,6BACE,6DAAA,CACA,qDAAA,CACA,iDALJ,CAQE,6BACE,6DAAA,CACA,qDAAA,CACA,iDANJ,CASE,4BACE,4DAAA,CACA,oDAAA,CACA,gDAPJ,CAUE,iEAEE,UAAA,CACA,WAAA,CACA,MAAA,CACA,iBAAA,CACA,KAAA,CACA,UATJ,CAYE,mBAEE,UAVJ,CAaE,qCAJE,mDAJJ,CAQE,kBAGE,YAAA,CAFA,UATJ,CAcE,qBACE,iDAZJ,CAeE,uBACE,2CAbJ","file":"badge.css","sourcesContent":[".mykn-a {\n  line-height: var(--typography-line-height-body-s);\n  align-items: center;\n  color: var(--typography-color-link);\n  display: inline-flex;\n  font-family: inherit;\n  font-size: inherit;\n  justify-content: center;\n  font-weight: inherit;\n  gap: 0.5em;\n  width: fit-content;\n\n  &:not(\n    .mykn-h1 .mykn-a,\n    .mykn-h2 .mykn-a,\n    .mykn-h3 .mykn-a,\n    .mykn-li .mykn-a,\n    .mykn-p .mykn-a\n  ) {\n    font-family: var(--typography-font-family-body), serif;\n    font-size: var(--typography-font-size-body-s);\n    line-height: var(--typography-line-height-body-s);\n  }\n\n  &--size-xs {\n    &:not(\n      .mykn-h1 .mykn-a,\n      .mykn-h2 .mykn-a,\n      .mykn-h3 .mykn-a,\n      .mykn-li .mykn-a,\n      .mykn-p .mykn-a\n    ) {\n      font-size: var(--typography-font-size-body-xs);\n      line-height: var(--typography-line-height-body-xs);\n    }\n  }\n\n  &--text-decoration-none {\n    text-decoration: none;\n\n    &#{&}:hover {\n      text-decoration: underline;\n    }\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &#{&}--muted {\n    color: var(--typography-color-muted);\n  }\n\n  &[aria-current] {\n    font-weight: var(--typography-font-weight-bold);\n  }\n}\n","@use \"../../../settings/constants\";\n\n.mykn-body {\n  padding: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n\n  .mykn-h1,\n  .mykn-h2,\n  .mykn-h3,\n  .mykn-p,\n  .mykn-ol,\n  .mykn-ul {\n    &:not(:last-child) {\n      margin-block-end: var(--sizes-spacing-xs-v);\n    }\n  }\n\n  &--allow-scroll-h {\n    overflow-x: auto;\n  }\n\n  &--allow-scroll-v {\n    overflow-y: auto;\n  }\n\n  &--full-height {\n    height: 100%;\n  }\n\n  @media screen and (min-width: constants.$breakpoint-desktop) {\n    padding: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n  }\n}\n",".mykn-h1 {\n  align-items: center;\n  color: var(--typography-color-h);\n  display: flex;\n  font-family: var(--typography-font-family-h);\n  font-size: var(--typography-font-size-h1);\n  font-weight: var(--typography-font-weight-heading);\n  line-height: var(--typography-line-height-h1);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n",".mykn-h2 {\n  align-items: center;\n  color: var(--typography-color-h);\n  display: flex;\n  font-family: var(--typography-font-family-h);\n  font-size: var(--typography-font-size-h2);\n  font-weight: var(--typography-font-weight-heading);\n  line-height: var(--typography-line-height-h2);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n",".mykn-h3 {\n  align-items: center;\n  color: var(--typography-color-h);\n  display: flex;\n  //font-family: var(--typography-font-family-h);\n  font-family: var(--typography-font-family-body); // TODO: Configurable?\n  font-size: var(--typography-font-size-h3);\n  font-weight: var(--typography-font-weight-heading);\n  line-height: var(--typography-line-height-h3);\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n",".mykn-hr {\n  border: 0;\n  border-bottom: 1px solid var(--typography-color-border);\n  margin: 0;\n\n  &--margin-xs {\n    margin: var(--sizes-spacing-xs-v) 0;\n  }\n\n  &--margin-s {\n    margin: var(--sizes-spacing-s-v) 0;\n  }\n\n  &--margin-m {\n    margin: var(--sizes-spacing-m-v) 0;\n  }\n}\n",".mykn-p {\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-s);\n  font-weight: var(--typography-font-weight-normal);\n  line-height: var(--typography-line-height-body-s);\n  margin-block-start: 0;\n  margin-block-end: 0;\n\n  &--bold {\n    font-weight: var(--typography-font-weight-bold);\n  }\n\n  &--muted {\n    color: var(--typography-color-muted);\n  }\n\n  &--size-xs {\n    font-size: var(--typography-font-size-body-xs);\n    line-height: var(--typography-line-height-body-xs);\n  }\n\n  &--word-break-break-all {\n    word-break: break-all;\n  }\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#syntax\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word\n  &--word-break-break-word {\n    overflow-wrap: anywhere;\n    word-break: normal;\n  }\n}\n",".mykn-placeholder {\n  --mykn-placeholder-color-dark: var(--placeholder-background-dark);\n  --mykn-placeholder-color-light: var(--placeholder-background-light);\n\n  animation: shift-background var(--animation-duration-slow) infinite\n    var(--animation-timing-function) reverse;\n  background: linear-gradient(\n    90deg,\n    var(--mykn-placeholder-color-dark),\n    var(--mykn-placeholder-color-light),\n    var(--mykn-placeholder-color-dark)\n  );\n  background-size: 200% 100%;\n  border: none;\n  border-radius: 1em;\n  display: inline-block;\n  height: 1em;\n  margin: 0;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n@keyframes shift-background {\n  0% {\n    background-position: 0% 0%;\n  }\n  100% {\n    background-position: 200% 0%;\n  }\n}\n",".mykn-ul {\n  margin: 0;\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-s);\n  font-weight: var(--typography-font-weight-normal);\n  line-height: var(--typography-line-height-body-s);\n  list-style-position: inside;\n  padding-inline-start: 0;\n\n  .mykn-ul {\n    padding-inline-start: var(--sizes-spacing-xs-h);\n  }\n}\n",".mykn-badge {\n  --mykn-badge-color-background: var(--badge-secondary-background);\n  --mykn-badge-color-border: transparent;\n  --mykn-badge-color-text: var(--badge-secondary-text);\n\n  background-color: var(--mykn-badge-color-background);\n  border: 1px solid var(--mykn-badge-color-border);\n  color: var(--mykn-badge-color-text);\n  align-items: center;\n  align-self: baseline; // Prevent the badge from unwanted stretching in flex content (use case: Kanban title toolbar).\n  border-radius: var(--sizes-border-radius-s);\n  display: inline-flex;\n  flex-shrink: 0;\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-xs);\n  font-weight: var(--typography-font-weight-bold);\n  justify-content: center;\n  line-height: var(--typography-line-height-body-xs);\n  overflow: hidden;\n  padding: 0 var(--sizes-spacing-xs-h);\n  position: relative;\n  transform-style: preserve-3d;\n\n  &--variant-primary {\n    --mykn-badge-color-background: var(--badge-primary-background);\n    --mykn-badge-color-border: var(--badge-primary-border);\n    --mykn-badge-color-text: var(--badge-primary-text);\n  }\n\n  &--variant-secondary {\n    --mykn-badge-color-background: var(--badge-secondary-background);\n    --mykn-badge-color-border: var(--badge-secondary-border);\n    --mykn-badge-color-text: var(--badge-secondary-text);\n  }\n\n  &--variant-accent {\n    --mykn-badge-color-background: var(--badge-accent-background);\n    --mykn-badge-color-border: var(--badge-accent-border);\n    --mykn-badge-color-text: var(--badge-accent-text);\n  }\n\n  &--variant-outline {\n    --mykn-badge-color-background: var(--badge-outline-background);\n    --mykn-badge-color-border: var(--badge-outline-border);\n    --mykn-badge-color-text: var(--badge-outline-text);\n  }\n\n  &--variant-info {\n    --mykn-badge-color-background: var(--badge-info-background);\n    --mykn-badge-color-border: var(--badge-info-border);\n    --mykn-badge-color-text: var(--badge-info-text);\n  }\n\n  &--variant-success {\n    --mykn-badge-color-background: var(--badge-success-background);\n    --mykn-badge-color-border: var(--badge-success-border);\n    --mykn-badge-color-text: var(--badge-success-text);\n  }\n\n  &--variant-warning {\n    --mykn-badge-color-background: var(--badge-warning-background);\n    --mykn-badge-color-border: var(--badge-warning-border);\n    --mykn-badge-color-text: var(--badge-warning-text);\n  }\n\n  &--variant-danger {\n    --mykn-badge-color-background: var(--badge-danger-background);\n    --mykn-badge-color-border: var(--badge-danger-border);\n    --mykn-badge-color-text: var(--badge-danger-text);\n  }\n\n  &[class*=\"level\"]:before,\n  &[class*=\"level\"]:after {\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:before {\n    background-color: var(--mykn-badge-color-background);\n    z-index: -2;\n  }\n\n  &:after {\n    z-index: -1;\n    background-color: var(--mykn-badge-color-background);\n    opacity: 0.025;\n  }\n\n  &--rounded {\n    border-radius: var(--typography-font-size-body-xs);\n  }\n\n  .mykn-icon {\n    margin-inline-end: var(--sizes-spacing-xs-h);\n  }\n}\n"]}