JezK

Edit File: sc-heading2.js.map

{"file":"sc-heading2.js","mappings":";;AAAA,MAAM,YAAY,GAAG,6hBAA6hB,CAAC;AACnjB,wBAAe,YAAY;;MCMd,SAAS;;;;;oBAEyB,QAAQ;;IAErD,MAAM;QACJ,QACE,4DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;gBACvC,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACzC,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;aACxC,IAED,4DAAK,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,IACjC,4DAAK,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,IACtC,8DAAa,CACT,EACN,4DAAK,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAC,aAAa,IAClD,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC5B,CACF,EACN,6DAAM,IAAI,EAAC,KAAK,GAAQ,CACpB,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/heading/sc-heading.scss?tag=sc-heading&encapsulation=shadow","src/components/ui/heading/sc-heading.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.heading {\n font-family: var(--sc-font-sans);\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n &--small .heading__title {\n font-size: var(--sc-font-size-small);\n text-transform: uppercase;\n }\n}\n\n.heading__text {\n width: 100%;\n}\n\n.heading__title {\n font-size: var(--sc-font-size-x-large);\n font-weight: var(--sc-font-weight-bold);\n line-height: var(--sc-line-height-dense);\n white-space: normal;\n}\n\n.heading__description {\n font-size: var(--sc-font-size-normal);\n line-height: var(--sc-line-height-dense);\n color: var(--sc-color-gray-500);\n}\n","import { Component, h, Element, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sc-heading',\n styleUrl: 'sc-heading.scss',\n shadow: true,\n})\nexport class ScHeading {\n @Element() el: HTMLElement;\n @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n render() {\n return (\n <div\n part=\"base\"\n class={{\n 'heading': true,\n 'heading--small': this.size === 'small',\n 'heading--medium': this.size === 'medium',\n 'heading--large': this.size === 'large',\n }}\n >\n <div class={{ heading__text: true }}>\n <div class=\"heading__title\" part=\"title\">\n <slot></slot>\n </div>\n <div class=\"heading__description\" part=\"description\">\n <slot name=\"description\"></slot>\n </div>\n </div>\n <slot name=\"end\"></slot>\n </div>\n );\n }\n}\n"],"version":3}