@ardium-ui/ui 5.0.0-alpha.9 → 5.0.0-alpha.91

package/lib/statebox/index.d.ts

@@ -1,4 +0,0 @@
-export * from './statebox.component';
-export * from './statebox.defaults';
-export * from './statebox.module';
-export { StateboxState, StateboxValue } from './statebox.types';

package/lib/statebox/statebox.component.d.ts

@@ -1,26 +0,0 @@
-import { ControlValueAccessor } from '@angular/forms';
-import { _NgModelComponentBase } from './../_internal/ngmodel-component';
-import { ClickStrategy } from './../types/utility.types';
-import { ArdStateboxDefaults } from './statebox.defaults';
-import { StateboxState, StateboxValue, _StateboxInternalState } from './statebox.types';
-import * as i0 from "@angular/core";
-export declare class ArdiumStateboxComponent extends _NgModelComponentBase implements ControlValueAccessor {
-    protected readonly _DEFAULTS: ArdStateboxDefaults;
-    constructor(defaults: ArdStateboxDefaults);
-    readonly states: import("@angular/core").InputSignal<StateboxState[]>;
-    readonly _states: import("@angular/core").Signal<_StateboxInternalState[]>;
-    readonly _defaultState: import("@angular/core").Signal<_StateboxInternalState>;
-    readonly clickStrategy: import("@angular/core").InputSignal<ClickStrategy>;
-    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
-    readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly state: import("@angular/core").ModelSignal<StateboxValue>;
-    private readonly _stateIndex;
-    readonly internalState: import("@angular/core").Signal<_StateboxInternalState>;
-    writeValue(v: StateboxValue): void;
-    private _stateMapFn;
-    onClick(): void;
-    protected _emitChange(): void;
-    readonly ngStyle: import("@angular/core").Signal<Record<string, any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStateboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStateboxComponent, "ard-statebox", never, { "states": { "alias": "states"; "required": false; "isSignal": true; }; "clickStrategy": { "alias": "clickStrategy"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "state": "stateChange"; }, never, never, false, never>;
-}

package/lib/statebox/statebox.defaults.d.ts

@@ -1,10 +0,0 @@
-import { InjectionToken, Provider } from '@angular/core';
-import { _NgModelComponentDefaults } from '../_internal/ngmodel-component';
-import { ClickStrategy } from './../types/utility.types';
-import { StateboxState } from './statebox.types';
-export interface ArdStateboxDefaults extends _NgModelComponentDefaults {
-    clickStrategy: ClickStrategy;
-    states: StateboxState[];
-}
-export declare const ARD_STATEBOX_DEFAULTS: InjectionToken<ArdStateboxDefaults>;
-export declare function provideStateboxDefaults(config: Partial<ArdStateboxDefaults>): Provider;

package/lib/statebox/statebox.module.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./statebox.component";
-import * as i2 from "@angular/common";
-export declare class ArdiumStateboxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStateboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumStateboxModule, [typeof i1.ArdiumStateboxComponent], [typeof i2.CommonModule], [typeof i1.ArdiumStateboxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumStateboxModule>;
-}

package/lib/statebox/statebox.types.d.ts

@@ -1,26 +0,0 @@
-import { ComponentColor } from '../types/colors.types';
-export type StateboxValue = string | boolean | number | null | undefined;
-export interface StateboxState {
-    value: StateboxValue;
-    icon?: string;
-    character?: string;
-    color?: ComponentColor;
-    customColor?: string;
-    colorOnCustom?: string;
-    filled?: boolean;
-    keepFrame?: boolean;
-}
-export interface _StateboxInternalState {
-    value: StateboxValue;
-    display: string;
-    displayAsIcon: boolean;
-    color: string;
-    useCustomColor: boolean;
-    colorOnCustom?: string;
-    filled: boolean;
-    keepFrame: boolean;
-}
-export interface _StateboxInternalStateData {
-    state: _StateboxInternalState;
-    index: number;
-}

package/lib/tabber/tab/tab.defaults.d.ts

@@ -1,6 +0,0 @@
-import { InjectionToken, Provider } from '@angular/core';
-export interface ArdTabDefaults {
-    disabled: boolean;
-}
-export declare const ARD_TAB_DEFAULTS: InjectionToken<ArdTabDefaults>;
-export declare function provideTabDefaults(config: Partial<ArdTabDefaults>): Provider;

package/prebuilt-themes/default/calendar-OLD.css

@@ -1,294 +0,0 @@
-.ard-calendar {
-  width: 18.5rem;
-  background: var(--ard-bg);
-  user-select: none;
-}
-.ard-calendar.ard-color-none {
-  --ard-cmpcl--bg: var(--ard-bg);
-  --ard-cmpcl--bg-colored: var(--ard-bg-alt);
-  --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
-  --ard-cmpcl--bg-header: var(--ard-bg-filled);
-  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
-  --ard-cmpcl--on-bg: var(--ard-text);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: var(--ard-text);
-  --ard-cmpcl--border-light: var(--ard-text2);
-  --ard-cmpcl--content: var(--ard-text);
-  --ard-cmpcl--content-light: var(--ard-text-alt);
-  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
-}
-.ard-calendar.ard-color-primary {
-  --ard-cmpcl--bg: rgb(var(--ard-primary-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
-  --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-primary-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
-  --ard-cmpcl--content: rgb(var(--ard-primary-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
-}
-.ard-calendar.ard-color-secondary {
-  --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
-  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
-}
-.ard-calendar.ard-color-warn {
-  --ard-cmpcl--bg: rgb(var(--ard-warn-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-warn-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
-  --ard-cmpcl--content: rgb(var(--ard-warn-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
-  --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
-}
-.ard-calendar.ard-color-danger {
-  --ard-cmpcl--bg: rgb(var(--ard-danger-700));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
-  --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-danger-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
-  --ard-cmpcl--content: rgb(var(--ard-danger-900));
-  --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
-  --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
-}
-.ard-calendar.ard-color-success {
-  --ard-cmpcl--bg: rgb(var(--ard-success-700));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-success-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
-  --ard-cmpcl--content: rgb(var(--ard-success-900));
-  --ard-cmpcl--content-light: rgb(var(--ard-success-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-success-700);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
-}
-.ard-calendar.ard-color-info {
-  --ard-cmpcl--bg: rgb(var(--ard-info-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-info-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
-  --ard-cmpcl--content: rgb(var(--ard-info-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-info-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-info-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
-}
-.ard-calendar.ard-color-currentColor {
-  --ard-cmpcl--bg: var(--ard-bg);
-  --ard-cmpcl--bg-colored: currentColor;
-  --ard-cmpcl--on-bg: currentColor;
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: currentColor;
-  --ard-cmpcl--border-light: currentColor;
-  --ard-cmpcl--content: currentColor;
-  --ard-cmpcl--content-light: currentColor;
-  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: currentColor;
-  --ard-cmpcl--overlay-colored-light: currentColor;
-}
-.ard-calendar .ard-calendar-header-container {
-  display: flex;
-  align-items: center;
-  justify-content: stretch;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-header-button .ard-button-content {
-  display: flex;
-  gap: 0.375rem;
-  align-items: center;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-header-button .ard-button-content .ard-dropdown-arrow {
-  width: var(--ard-dropdown-button-size);
-  height: var(--ard-dropdown-button-size);
-  border: calc(var(--ard-dropdown-button-size) / 2) solid transparent;
-  position: relative;
-  border-bottom-color: var(--ard-detail);
-  border-right-color: var(--ard-detail);
-  transform: rotate(45deg) translate(-17.67771%, -17.67771%);
-  box-sizing: border-box;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-arrows {
-  display: flex;
-  gap: 0.375rem;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-arrows > ard-fab {
-  margin: 0;
-}
-.ard-calendar .ard-calendar-main-container {
-  padding: 0.375rem;
-  padding-top: 0;
-}
-.ard-calendar .ard-calendar-entry {
-  z-index: 1;
-  cursor: pointer;
-  outline: none;
-}
-.ard-calendar .ard-calendar-entry .ard-calendar-entry-button {
-  background: transparent;
-  border: 1px solid transparent;
-  width: calc(100% - 0.25rem);
-  height: calc(100% - 0.25rem);
-  padding: 0;
-  position: relative;
-  border-radius: 9999px;
-  cursor: pointer;
-  margin: 0.125rem;
-}
-.ard-calendar .ard-calendar-entry .ard-calendar-entry-button .ard-focus-overlay {
-  position: absolute;
-  top: -0;
-  bottom: -0;
-  left: -0;
-  right: -0;
-  opacity: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  transition: opacity 0.2s ease;
-  z-index: -1;
-  background: var(--ard-cmpcl--bg-colored);
-  border: 2px solid transparent;
-  transition: border-color 0.2s ease, opacity 0.2s ease;
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-empty {
-  cursor: default;
-  pointer-events: none;
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-today .ard-calendar-entry-button {
-  border-color: var(--ard-detail);
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-highlighted .ard-focus-overlay {
-  opacity: 20%;
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected .ard-calendar-entry-button {
-  color: var(--ard-cmpcl--on-bg-colored);
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected .ard-focus-overlay {
-  opacity: 100%;
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected.ard-calendar-today .ard-focus-overlay {
-  border-color: var(--ard-bg);
-}
-.ard-calendar .ard-calendar-grid {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-}
-.ard-calendar .ard-calendar-grid > * {
-  max-width: 100%;
-  box-sizing: border-box;
-  aspect-ratio: 1;
-}
-.ard-calendar .ard-calendar-day-labels {
-  font-size: 0.8125rem;
-  color: var(--ard-text3);
-  height: 1.25rem;
-  position: relative;
-}
-.ard-calendar .ard-calendar-day-labels > * {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  aspect-ratio: unset;
-}
-.ard-calendar .ard-calendar-day-labels::after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 1px;
-  background: var(--ard-detail-ultralight);
-  bottom: 0;
-}
-.ard-calendar .ard-calendar-main-grid {
-  position: relative;
-}
-.ard-calendar .ard-calendar-main-grid.ard-reserve-top-row {
-  padding-top: 100%/7;
-}
-.ard-calendar .ard-calendar-main-grid .ard-calendar-floating-month {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  box-sizing: border-box;
-  aspect-ratio: 7;
-  padding-left: 0.5rem;
-  display: flex;
-  align-items: center;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--ard-text3);
-  letter-spacing: 0.5px;
-}
-.ard-calendar .ard-calendar-simple-grid {
-  border-top: 1px solid var(--ard-detail-ultralight);
-  margin-top: 0.25rem;
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  grid-template-rows: repeat(6, 1fr);
-}
-.ard-calendar .ard-calendar-simple-grid > * {
-  max-width: 100%;
-  box-sizing: border-box;
-  aspect-ratio: 7/4;
-}
-.ard-calendar.ard-calendar-nointeract .ard-calendar-main-container {
-  pointer-events: none;
-}
-.ard-calendar.ard-calendar-static-height {
-  height: 19.5rem;
-}
-
-/*# sourceMappingURL=calendar-OLD.css.map */

package/prebuilt-themes/default/calendar-OLD.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar-OLD.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EAEE;EACA,YCRG;EDSH;;AENA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF3HF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EGvBN,OFqCqB;EEpCrB,QFoCqB;EEnCrB;EACA;EACA,qBFSO;EERP,oBFQO;EEPP;EACA;;AHoBI;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QATU;;AAWV;EIlDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJ2CM;EACA;EACA;EACA,YACE;;AAIN;EACE;EACA;;AAGA;EACE,cC/DC;;ADmEH;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,cCjGL;;ADuGH;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;EACA,OC1GI;ED2GJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,YChHc;EDiHd;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC/IE;EDgJF;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAOF;EACE;;AAIJ;EACE","file":"calendar-OLD.css"}

package/prebuilt-themes/default/inputs/search-bar.css

@@ -1,118 +0,0 @@
-/**
- * Should be applied to the first element in the component's template.
- */
-.ard-search-bar {
-  position: relative;
-  font-family: "Roboto", sans-serif;
-  display: flex;
-  align-items: center;
-  justify-content: stretch;
-  gap: 0.625em;
-  cursor: text;
-  box-sizing: border-box;
-  font-size: 1rem;
-  line-height: 1.25em;
-  padding: 0 0.375rem;
-  min-width: 10rem;
-  max-width: 100%;
-}
-.ard-search-bar .ard-input-container {
-  flex-grow: 1;
-  text-size-adjust: 100%;
-  display: flex;
-  align-items: center;
-}
-.ard-search-bar .ard-input-container .ard-placeholder {
-  font: inherit;
-  opacity: 60%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  pointer-events: none;
-}
-.ard-search-bar .ard-input-container input {
-  border: none;
-  background: transparent;
-  outline: none;
-  font: inherit;
-  padding: 0;
-  display: block;
-  width: 100%;
-}
-.ard-search-bar.ard-compact {
-  height: 1.5625em;
-  font-size: 0.85em;
-  line-height: 1;
-}
-.ard-search-bar ard-clear-button {
-  height: var(--ard-clear-button-size);
-  width: var(--ard-clear-button-size);
-  position: relative;
-}
-.ard-search-bar .ard-clear-btn-wrapper {
-  cursor: pointer;
-  font-size: medium;
-  color: var(--ard-detail);
-  width: var(--ard-clear-button-size);
-  height: var(--ard-clear-button-size);
-  line-height: 1em;
-  border-radius: 999px;
-  border: none;
-  padding: 0;
-  background: transparent;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  outline: none;
-  color: inherit;
-}
-.ard-search-bar .ard-clear-btn-wrapper .ard-hitbox {
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  top: -1px;
-  bottom: -1px;
-}
-.ard-search-bar .ard-clear-btn-wrapper .ard-focus-overlay {
-  position: absolute;
-  top: -1px;
-  bottom: -1px;
-  left: -1px;
-  right: -1px;
-  opacity: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  transition: opacity 0.2s ease;
-  background: currentColor;
-}
-.ard-search-bar .ard-clear-btn-wrapper .ard-clear-btn {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.ard-search-bar .ard-clear-btn-wrapper .ard-clear-btn::before {
-  content: "close";
-  font-family: "Material Symbols Outlined";
-  font-size: 1.5em;
-  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 48;
-  font-size: 70%;
-}
-.ard-search-bar .ard-clear-btn-wrapper:hover .ard-focus-overlay {
-  opacity: 5%;
-}
-.ard-search-bar .ard-clear-btn-wrapper:focus .ard-focus-overlay {
-  opacity: 8%;
-}
-.ard-search-bar .ard-clear-btn-wrapper:active .ard-focus-overlay {
-  opacity: 15%;
-}
-
-.ard-disabled .ard-search-bar {
-  pointer-events: none;
-  opacity: 50%;
-}
-
-/*# sourceMappingURL=search-bar.css.map */

package/prebuilt-themes/default/inputs/search-bar.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/search-bar.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EEvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA,yBACE;EF4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;ADtDN;EACE;EACA","file":"search-bar.css"}