dap-design-system 0.60.2 → 0.61.0

package/dist/components/combobox/combobox.component.d.ts

@@ -84,5 +84,6 @@ import { default as ComboboxBaseElement } from './comboboxBase';
  * @slot - The default slot for the options.
  */
 export default class DapDSCombobox extends ComboboxBaseElement {
+    static tagName: string;
     render(): import('lit-html').TemplateResult;
 }

package/dist/components/combobox/combobox.component.js

@@ -0,0 +1,12 @@
+import r from "./comboboxBase.js";
+const e = class e extends r {
+  render() {
+    return this.renderCombobox();
+  }
+};
+e.tagName = "dap-ds-combobox";
+let t = e;
+export {
+  t as default
+};
+//# sourceMappingURL=combobox.component.js.map

package/dist/components/combobox/combobox.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.component.js","sources":["../../../src/components/combobox/combobox.component.ts"],"sourcesContent":["import ComboboxBaseElement from './comboboxBase'\n\n/**\n * `dap-ds-combobox`\n * @summary A select is a form element that allows the user to select one option from a set.\n * @element dap-ds-combobox\n * @title - Combobox\n *\n * @event {{ value }} dds-change - Fired when the select value changes.\n * @event {{ void }} dds-blur - Emitted when the select loses focus.\n * @event {{ void }} dds-focus - Emitted when the select gains focus.\n * @event {{ void }} dds-clear - Emitted when the select is cleared.\n * @event {{ search: string }} dds-search - Emitted when the manual input value changes.\n * @event {{ input: string, originalEvent: Event }} dds-input - Emitted when typing happens in the input.\n *\n * @property {string} value - The value of the select.\n * @property {string} placeholder - The placeholder of the select.\n * @property { 'top' | 'top-start' | 'top-end' | 'right' | 'right-start'| 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'} placement - The placement of the select dropdown. Default is 'bottom-start'.\n * @property {boolean} opened - Whether the select dropdown is opened.\n * @property {boolean} sync - The sync mode of the select dropdown. How the dropdown item size is synced to the trigger element'.\n * @property {string} label - The label of the select.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description of the select.\n * @property {string} tooltip - The tooltip of the select.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the select. Default is 'sm'.\n * @property {boolean} disabled - Whether the select is disabled.\n * @property {boolean} required - Whether the select is required.\n * @property {boolean} readonly - Whether the select is readonly.\n * @property {boolean} autofocus - Whether the select is autofocus.\n * @property {string} feedback - The feedback content of the select.\n * @property {'negative' | 'positive' | 'warning' | 'info'} feedbackType - The feedback type of the select.\n * @property {'none' | 'typehead' | 'autocomplete' | 'manual'} searchMode - The search mode of the select.\n * @property {boolean} openOnEmpty - Whether the combobox should open on empty results.\n * @property {boolean} allowManualInput - Whether the combobox allows manual input, or free text.\n * @property {boolean} searchForText - Whether the combobox should search for the selected item text.\n * @property {boolean} textComplete - Whether the combobox should complete the text.\n * @property {string} searchButtonAriaLabel - The aria label of the search button.\n * @property {string} selectable - Show the selected item check mark in the dropdown. 'true' or 'false'\n * @property {boolean} noAnimation - Whether the combobox open indicator should be animated.\n * @property {boolean} multiselect - Whether the combobox is multiselect.\n * @property {number} maxSelections - The maximum number of selections allowed.\n *\n * @csspart base - The main select container.\n * @csspart trigger - The trigger button of the select.\n * @csspart label - The label of the select.\n * @csspart description - The description of the select.\n * @csspart feedback - The feedback of the select.\n * @csspart tooltip - The tooltip of the select.\n * @csspart option-list - The option list of the select.\n * @csspart input - The input of the select.\n *\n * @cssproperty --dds-combobox-background - The background color of the combobox. (default: var(--dds-fields-background-default))\n * @cssproperty --dds-combobox-border-color - The border color of the combobox. (default: var(--dds-border-neutral-base))\n * @cssproperty --dds-combobox-border-width - The border width of the combobox. (default: var(--dds-border-width-base, 1px))\n * @cssproperty --dds-combobox-border-radius - The border radius of the combobox. (default: var(--dds-radius-base))\n * @cssproperty --dds-combobox-text-color - The text color of the combobox. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-combobox-placeholder-color - The placeholder text color. (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-combobox-disabled-background - The background color when disabled. (default: var(--dds-background-neutral-stronger))\n * @cssproperty --dds-combobox-disabled-text - The text color when disabled. (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-combobox-error-border - The border color for error state. (default: var(--dds-border-negative-base))\n * @cssproperty --dds-combobox-success-border - The border color for success state. (default: var(--dds-border-positive-base))\n * @cssproperty --dds-combobox-icon-color - The color of the icons. (default: var(--dds-text-icon-neutral-subtle))\n * @cssproperty --dds-combobox-loading-spinner-color - The color of the loading spinner. (default: var(--dds-icon-neutral-base))\n * @cssproperty --dds-combobox-clear-icon-color - The color of the clear icon. (default: var(--dds-button-subtle-icon-neutral-enabled))\n * @cssproperty --dds-combobox-popup-background - The background color of the popup. (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-combobox-popup-shadow - The box shadow of the popup. (default: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.06))\n * @cssproperty --dds-combobox-icon-opened-transform - The transform of the icon when the combobox is opened (default: rotate(90deg)).\n * @cssproperty --dds-combobox-padding-xs - The padding for extra small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-sm - The padding for small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-lg - The padding for large size. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-horizontal - The horizontal padding. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-vertical - The vertical padding. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-gap - The gap between elements. (default: var(--dds-spacing-100))\n * @cssproperty --dds-combobox-icon-gap - The gap between icons. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-gap - The gap between action elements. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-padding - The padding for action elements. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-clear-icon-width - The width of the clear icon. (default: var(--dds-spacing-800))\n * @cssproperty --dds-combobox-dropdown-icon-right - The right position of the dropdown icon. (default: var(--dds-spacing-600))\n * @cssproperty --dds-combobox-min-width - The minimum width of the combobox. (default: 7.5rem)\n * @cssproperty --dds-combobox-chips-gap - The gap between chips. (default: var(--dds-spacing-100))\n * @cssproperty --dds-combobox-chips-padding - The padding for chips. (default: var(--dds-spacing-100))\n * @cssproperty --dds-combobox-chips-max-height - The maximum height of the chips. (default: 120px)\n *\n * @slot - The default slot for the options.\n */\nexport default class DapDSCombobox extends ComboboxBaseElement {\n  static tagName = 'dap-ds-combobox'\n\n  render() {\n    return this.renderCombobox()\n  }\n}\n"],"names":["_DapDSCombobox","ComboboxBaseElement","DapDSCombobox"],"mappings":";AAsFA,MAAqBA,IAArB,MAAqBA,UAAsBC,EAAoB;AAAA,EAG7D,SAAS;AACP,WAAO,KAAK,eAAe;AAAA,EAAA;AAE/B;AALED,EAAO,UAAU;AADnB,IAAqBE,IAArBF;"}

package/dist/components/combobox/combobox.d.ts

@@ -1,5 +1,5 @@
-import { default as DapDSCombobox } from './combobox.component.js';
-export * from './combobox.component.js';
+import { default as DapDSCombobox } from './combobox.component';
+export * from './combobox.component';
 export default DapDSCombobox;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/combobox/combobox.js

@@ -0,0 +1,6 @@
+import o from "./combobox.component.js";
+o.define();
+export {
+  o as default
+};
+//# sourceMappingURL=combobox.js.map

package/dist/components/combobox/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sources":["../../../src/components/combobox/combobox.ts"],"sourcesContent":["import DapDSCombobox from './combobox.component'\n\nexport * from './combobox.component'\nexport default DapDSCombobox\n\nDapDSCombobox.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-combobox': DapDSCombobox\n  }\n}\n"],"names":["DapDSCombobox"],"mappings":";AAKAA,EAAc,OAAO;"}

package/dist/components/combobox/combobox.scss.js

@@ -0,0 +1,5 @@
+const d = '*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}:host{--dds-combobox-background: var(--dds-fields-background-default);--dds-combobox-border-color: var(--dds-border-neutral-base);--dds-combobox-border-width: var(--dds-border-width-base, 1px);--dds-combobox-border-radius: var(--dds-radius-base);--dds-combobox-text-color: var(--dds-text-neutral-base);--dds-combobox-placeholder-color: var(--dds-text-neutral-subtle);--dds-combobox-disabled-background: var(--dds-background-neutral-stronger);--dds-combobox-disabled-text: var(--dds-text-neutral-disabled);--dds-combobox-error-border: var(--dds-border-negative-base);--dds-combobox-success-border: var(--dds-border-positive-base);--dds-combobox-icon-color: var(--dds-text-icon-neutral-base);--dds-combobox-clear-icon-color: var( --dds-button-subtle-icon-neutral-enabled );--dds-combobox-popup-background: var(--dds-background-neutral-subtle);--dds-combobox-popup-shadow: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%);--dds-combobox-loading-spinner-color: var(--dds-icon-neutral-base);--dds-combobox-padding-xs: var(--dds-spacing-200);--dds-combobox-padding-sm: var(--dds-spacing-200);--dds-combobox-padding-lg: var(--dds-spacing-300);--dds-combobox-padding-horizontal: var(--dds-spacing-300);--dds-combobox-padding-vertical: var(--dds-spacing-200);--dds-combobox-gap: var(--dds-spacing-100);--dds-combobox-icon-gap: var(--dds-spacing-200);--dds-combobox-action-gap: var(--dds-spacing-200);--dds-combobox-action-padding: var(--dds-spacing-300);--dds-combobox-clear-icon-width: var(--dds-spacing-800);--dds-combobox-dropdown-icon-right: var(--dds-spacing-600);--dds-combobox-min-width: 7.5rem;--dds-combobox-icon-opened-transform: rotate(180deg);--dds-combobox-chips-gap: var(--dds-spacing-100);--dds-combobox-chips-padding: var(--dds-spacing-100);--dds-combobox-chips-max-height: 120px;--dds-input-height-xs: var(--dds-spacing-800);--dds-input-height-sm: var(--dds-spacing-1000);--dds-input-height-lg: var(--dds-spacing-1200);--dds-input-padding-xs: 0 var(--dds-spacing-200);--dds-input-padding-sm: 0 var(--dds-spacing-300);--dds-input-padding-lg: 0 var(--dds-spacing-400);--dds-input-font-size-xs: var(--dds-font-sm);--dds-input-font-size-sm: var(--dds-font-base);--dds-input-font-size-lg: var(--dds-font-lg);--dds-input-border: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-background: var(--dds-fields-background-default);--dds-input-text-color: var(--dds-text-neutral-base);--dds-input-border-radius: var(--dds-radius-base);--dds-input-disabled-border: 0 solid var(--dds-border-neutral-disabled);--dds-input-disabled-background: var(--dds-fields-background-disabled);--dds-input-disabled-text: var(--dds-text-neutral-disabled);--dds-input-readonly-border: 0 solid var(--dds-border-neutral-subtle);--dds-input-readonly-background: var(--dds-fields-background-read-only);--dds-input-readonly-text: var(--dds-text-neutral-subtle);--dds-input-success-border: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-error-border: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-background: var(--dds-fields-background-default);--dds-input-addon-success-background: var(--dds-fields-background-default);--dds-input-addon-error-background: var(--dds-fields-background-default);--dds-input-addon-border-before: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-addon-border-after: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-addon-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-input-addon-success-border: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-before: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-after: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-success-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-input-addon-error-border-before: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-error-border-after: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-error-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-error-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}.select{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:flex;flex-direction:row;align-items:center;width:100%;min-width:var(--dds-combobox-min-width);column-gap:var(--dds-combobox-gap);border:var(--dds-combobox-border-width) solid var(--dds-combobox-border-color);border-radius:var(--dds-combobox-border-radius);background-color:var(--dds-combobox-background)}.select:focus-within{outline-style:solid}.select:active{border-color:var(--dds-border-brand-medium)}.select--disabled{border-color:var(--dds-combobox-disabled-background);background-color:var(--dds-combobox-disabled-background);color:var(--dds-combobox-disabled-text);cursor:not-allowed}.select--readonly{border:var(--dds-input-readonly-border);background:var(--dds-input-readonly-background);color:var(--dds-input-readonly-text)}.select--error{border-color:var(--dds-combobox-error-border)}.select--success{border-color:var(--dds-combobox-success-border)}.select--xs{height:var(--dds-spacing-800)}.select--sm{height:var(--dds-spacing-1000)}.select--lg{height:var(--dds-spacing-1200)}.select--lg .icon{position:absolute;right:var(--dds-combobox-dropdown-icon-right);color:var(--dds-text-icon-neutral-subtle);pointer-events:none}.select--multiselect{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:var(--dds-spacing-1000);padding:var(--dds-spacing-100)}.select--multiselect.select--xs{min-height:var(--dds-spacing-800)}.select--multiselect.select--lg{min-height:var(--dds-spacing-1200)}.select--opened:not(.select--no-animation) .indicator-icon{transform:var(--dds-combobox-icon-opened-transform)}.select .indicator-icon{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:flex;align-items:center;color:var(--dds-combobox-icon-color)}.select .indicator-icon--loading{animation:dds-spin 1s linear infinite;fill:var(--dds-combobox-loading-spinner-color);color:var(--dds-combobox-loading-spinner-color)}.select .clear-icon{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:flex;visibility:visible;align-items:center;justify-content:center;min-width:var(--dds-combobox-clear-icon-width);cursor:pointer}.select:has(input:placeholder-shown) .clear-icon{visibility:hidden}.select .clear-icon--hidden{visibility:hidden}.select .clear-icon dap-ds-icon-button::part(icon-base){fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}.combobox__chips{display:flex;flex-wrap:wrap;align-items:center;max-height:var(--dds-combobox-chips-max-height);overflow:hidden auto;gap:var(--dds-combobox-chips-gap)}.input{width:100%;border-width:0;border-radius:var(--dds-combobox-border-radius);background-color:transparent;color:var(--dds-combobox-text-color);line-height:1;text-overflow:ellipsis}.input::placeholder{color:var(--dds-combobox-placeholder-color)}.input--xs{padding:var(--dds-combobox-padding-xs);font-size:var(--dds-font-sm)}.input--sm{padding:var(--dds-combobox-padding-sm)}.input--lg{padding:var(--dds-combobox-padding-lg);font-size:var(--dds-font-lg)}.input--disabled{cursor:not-allowed}.input::-webkit-search-cancel-button{display:none}.input--readonly{border:var(--dds-input-readonly-border);background:var(--dds-input-readonly-background);color:var(--dds-input-readonly-text)}.input--multiselect{flex:1;min-width:120px;padding:var(--dds-spacing-100)}.select-action{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--dds-combobox-action-gap);padding:0 var(--dds-combobox-action-padding);color:var(--dds-combobox-icon-color)}.select-action--disabled{color:var(--dds-icon-neutral-disabled);cursor:not-allowed;pointer-events:none}.select-action--xs{min-width:90px}.select-action--sm{min-width:94px}.select-action--lg{min-width:98px}.select-action--multiselect{align-self:center}.select-popup::part(popup){background-color:var(--dds-combobox-popup-background);box-shadow:var(--dds-combobox-popup-shadow)}.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=combobox.scss.js.map

package/dist/components/combobox/combobox.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}