@stories-js/core
Version:
Stories web components to build stories
25 lines (19 loc) • 1.66 kB
JavaScript
/*!
* (C) StoriesJS https://storiesjs.org - GPL-2.0 License
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
const index = require('./index-c25eada5.js');
const utils = require('./utils-7cb355d6.js');
const badgeCss = ":host{--background:var(--stories-color-primary, #3880ff);--color:var(--stories-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--stories-font-family, inherit);font-size:13px;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.stories-color){background:var(--stories-color-base);color:var(--stories-color-contrast)}:host(:empty){display:none}";
const Badge = class {
constructor(hostRef) {
index.registerInstance(this, hostRef);
}
render() {
return (index.h(index.Host, { class: utils.createColorClasses(this.color, {}) }, index.h("slot", null)));
}
};
Badge.style = badgeCss;
exports.stories_badge = Badge;
//# sourceMappingURL=stories-badge.cjs.entry.js.map