dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
6 lines (5 loc) • 2.32 kB
JavaScript
const d = ":host{display:inline-block;--dds-badge-color-normal: var(--dds-text-brand-subtle);--dds-badge-color-inverted: var(--dds-text-neutral-on-inverted);--dds-badge-padding-sm: var(--dds-spacing-200) var(--dds-spacing-300);--dds-badge-padding-lg: var(--dds-spacing-400);--dds-badge-border-width: var(--dds-border-width-base);--dds-badge-border-color: var(--dds-border-neutral-divider);--dds-badge-border-radius: var(--dds-radius-base);--dds-badge-gap: var(--dds-spacing-200);--dds-badge-font-size-sm: var(--dds-font-xs);--dds-badge-font-size-lg: var(--dds-font-xs);--dds-badge-font-weight: var(--dds-font-weight-medium);--dds-badge-line-height: var(--dds-font-line-height-large);--dds-badge-border-color-normal: var(--dds-border-neutral-divider);--dds-badge-background-color-normal: var(--dds-background-neutral-subtle);--dds-badge-border-color-inverted: var(--dds-border-neutral-divider-inverted);--dds-badge-background-color-inverted: var( --dds-background-brand-base-inverted )}.dap-badge{display:inline-flex;align-items:center;border-radius:var(--dds-badge-border-radius);font-weight:var(--dds-badge-font-weight);line-height:var(--dds-badge-line-height)}.dap-badge--normal{border:1px solid var(--dds-badge-border-color-normal);background:var(--dds-badge-background-color-normal);color:var(--dds-badge-color-normal)}.dap-badge--inverted{border:1px solid var(--dds-badge-border-color-inverted);background:var(--dds-badge-background-color-inverted);color:var(--dds-badge-color-inverted)}.dap-badge--sm{padding:var(--dds-badge-padding-sm);font-size:var(--dds-badge-font-size-sm)}.dap-badge--lg{padding:var(--dds-badge-padding-lg);font-size:var(--dds-badge-font-size-lg);line-height:var(--dds-font-line-height-large)}.dap-badge__icon-container{display:flex;align-items:center;gap:var(--dds-spacing-200)}.dap-badge__icon-container--sm{margin-right:var(--dds-spacing-200)}.dap-badge__icon-container--lg{margin-right:var(--dds-spacing-400);padding-right:var(--dds-spacing-400);border-right:var(--dds-border-width-base) solid var(--dds-transparent-black-medium)}.dap-badge__icon-container--normal{border-right-color:var(--dds-transparent-black-medium)}.dap-badge__icon-container--inverted{border-right-color:var(--dds-transparent-white-medium)}";
export {
d as default
};
//# sourceMappingURL=dap-badge.scss.js.map