JezK

Edit File: sc-badge-notice.entry.js.map

{"file":"sc-badge-notice.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,seAAse,CAAC;AAChgB,4BAAe,gBAAgB;;MCMlB,aAAa;;;oBAC0D,SAAS;;oBAE9C,OAAO;;IAEpD,MAAM;QACJ,QACE,4DACE,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,kBAAkB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;gBACzC,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBAC3C,kBAAkB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;gBACzC,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBAC1C,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBAC1C,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBAC1C,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACxC,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;aAC3C,IAED,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IACrC,IAAI,CAAC,KAAK,CACJ,EACT,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"sources":["src/components/ui/badge-notice/sc-badge-notice.scss?tag=sc-badge-notice&encapsulation=shadow","src/components/ui/badge-notice/sc-badge-notice.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.notice {\n background: var(--sc-badge-notice-background-color, var(--sc-color-white));\n color: var(--sc-badge-notice-text-color, var(--sc-color-gray-950));\n border: solid 1px var(--sc-badge-notice-border-color, var(--sc-color-white));\n border-radius: var(--sc-border-radius-small);\n padding: var(--sc-spacing-small);\n font-size: var(--sc-font-size-x-small);\n display: flex;\n gap: 0.5em;\n line-height: 1;\n}\n\n.notice--warning {\n background: var(--sc-color-warning-50);\n color: var(--sc-color-warning-700);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sc-badge-notice',\n styleUrl: 'sc-badge-notice.scss',\n shadow: true,\n})\nexport class ScBadgeNotice {\n @Prop() type: 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'default' = 'primary';\n @Prop() label: string;\n @Prop() size: 'small' | 'medium' | 'large' = 'small';\n\n render() {\n return (\n <div\n class={{\n 'notice': true,\n 'notice--is-small': this.size === 'small',\n 'notice--is-medium': this.size === 'medium',\n 'notice--is-large': this.size === 'large',\n 'notice--primary': this.type === 'primary',\n 'notice--success': this.type === 'success',\n 'notice--warning': this.type === 'warning',\n 'notice--danger': this.type === 'danger',\n 'notice--default': this.type === 'default',\n }}\n >\n <sc-tag size={this.size} type={this.type}>\n {this.label}\n </sc-tag>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}