dap-design-system/dist/components/chip/chip.scss.js

Official design system for the DÁP (dap.gov.hu)

const d = ":host{display:inline-flex;--dds-chip-border: var(--dds-border-width-base) solid var(--dds-transparent-black-base);--dds-chip-border-radius: var(--dds-radius-small);--dds-chip-font-weight: var(--dds-font-weight-bold);--dds-chip-line-height: 1.5;--dds-chip-transition: all .2s ease-in-out;--dds-chip-padding-sm: var(--dds-spacing-100) var(--dds-spacing-200);--dds-chip-padding-lg: var(--dds-spacing-200) var(--dds-spacing-300);--dds-chip-font-size-sm: var(--dds-font-xs);--dds-chip-font-size-lg: var(--dds-font-xs);--dds-chip-background-color: var(--dds-background-neutral-base);--dds-chip-text-color: var(--dds-text-neutral-base);--dds-chip-hover-background-color: var(--dds-background-neutral-medium);--dds-chip-active-background-color: var(--dds-background-neutral-strong);--dds-chip-selected-background-color: var(--dds-background-brand-medium);--dds-chip-selected-text-color: var(--dds-text-brand-subtle);--dds-chip-selected-border-color: var(--dds-border-brand-base);--dds-chip-disabled-background-color: var(--dds-background-neutral-medium);--dds-chip-disabled-text-color: var(--dds-text-neutral-subtle)}.chip{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:inline-flex;align-items:center;transition:var(--dds-chip-transition);border:var(--dds-chip-border);border-radius:var(--dds-chip-border-radius);outline-offset:calc(-1 * var(--dds-spacing-50));background-color:var(--dds-chip-background-color);color:var(--dds-chip-text-color);font-weight:var(--dds-chip-font-weight);line-height:var(--dds-chip-line-height);cursor:pointer}.chip:focus-visible{outline-style:solid}.chip:not(:focus-visible){outline:none}.chip:hover:not(.chip--disabled){background-color:var(--dds-chip-hover-background-color)}.chip:active:not(.chip--disabled){background-color:var(--dds-chip-active-background-color)}.chip--sm{padding:var(--dds-chip-padding-sm);font-size:var(--dds-chip-font-size-sm)}.chip--lg{padding:var(--dds-chip-padding-lg);font-size:var(--dds-chip-font-size-lg)}.chip--selected{border-color:var(--dds-chip-selected-border-color);background-color:var(--dds-chip-selected-background-color);color:var(--dds-chip-selected-text-color)}.chip--disabled{background-color:var(--dds-chip-disabled-background-color);color:var(--dds-chip-disabled-text-color);cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}";
export {
  d as default
};
//# sourceMappingURL=chip.scss.js.map