ngwr 6.1.1 → 7.0.0

package/icon/styles/vars.scss

@@ -1,3 +0,0 @@
-:root {
-  --wr-icon-size: 1.5rem;
-}

package/input/index.d.ts

@@ -1,43 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { WrAbstractBase } from 'ngwr/cdk';
-import { SafeAny } from 'ngwr/cdk/types';
-
-type WrInputType = 'text' | 'number' | 'password' | 'email';
-
-/**
- * NGWR input component.
- *
- * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/input}
- */
-declare class WrInputComponent extends WrAbstractBase implements ControlValueAccessor {
-    placeholder: string;
-    prefix: string | null;
-    suffix: string | null;
-    rounded: boolean;
-    passwordIcons: boolean;
-    readonly: boolean;
-    type: WrInputType;
-    get elClasses(): SafeAny;
-    protected readonly inputValue: _angular_core.WritableSignal<string | null>;
-    protected value?: string;
-    private readonly cdr;
-    protected readonly eyeOn: _angular_core.WritableSignal<boolean>;
-    protected readonly isFocused: _angular_core.WritableSignal<boolean>;
-    protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
-    onChange: (value: string) => void;
-    onTouch: () => void;
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    writeValue(value: string): void;
-    onPasswordVisibilityChange(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrInputComponent, "wr-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "passwordIcons": { "alias": "passwordIcons"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_rounded: unknown;
-    static ngAcceptInputType_passwordIcons: unknown;
-    static ngAcceptInputType_readonly: unknown;
-}
-
-export { WrInputComponent };
-export type { WrInputType };

package/input/styles/vars.scss

@@ -1,17 +0,0 @@
-:root {
-  --wr-input-color: var(--wr-color-dark);
-  --wr-input-placeholder-color: var(--wr-color-light);
-  --wr-input-suffix-prefix-color: var(--wr-color-medium);
-  --wr-input-bg-color: var(--wr-color-white);
-  --wr-input-border-color: var(--wr-color-light-lighter);
-  --wr-input-border-radius: 0.375rem;
-  --wr-input-box-shadow: none;
-  --wr-input-icon-size: 1.25rem;
-  --wr-input-icon-color: var(--wr-color-medium);
-  --wr-input-font-size: 0.875rem;
-  --wr-input-font-weight: 400;
-  --wr-input-font-family: var(--wr-font-family-base);
-  --wr-input-line-height: 1.25rem;
-  --wr-input-padding-y: 0.375rem;
-  --wr-input-padding-x: 0.825rem;
-}

package/pagination/index.d.ts

@@ -1,34 +0,0 @@
-import * as _angular_core from '@angular/core';
-
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-type WrPaginationPosition = 'start' | 'center' | 'end';
-
-declare class WrPaginationComponent {
-    currentPage: _angular_core.ModelSignal<number>;
-    total: _angular_core.InputSignalWithTransform<number, unknown>;
-    pageSize: _angular_core.ModelSignal<number>;
-    pageSizeOptions: _angular_core.InputSignal<number[]>;
-    showSizeChanger: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    showTotal: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    position: _angular_core.InputSignal<WrPaginationPosition>;
-    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    ofLabel: _angular_core.InputSignal<string>;
-    get hostClasses(): Record<string, boolean>;
-    protected readonly String: StringConstructor;
-    protected readonly totalPages: _angular_core.Signal<number>;
-    protected readonly currentRange: _angular_core.Signal<string>;
-    protected readonly pages: _angular_core.Signal<(number | "...")[]>;
-    protected isCurrentPage(page: number): boolean;
-    protected onPageChange(page: number): void;
-    protected onPageSizeChange(size: number): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrPaginationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrPaginationComponent, "wr-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ofLabel": { "alias": "ofLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; }, never, never, true, never>;
-}
-
-export { WrPaginationComponent };
-export type { WrPaginationPosition };

package/pagination/styles/vars.scss

@@ -1,14 +0,0 @@
-:root {
-  --wr-pagination-gap: 1rem;
-  --wr-pagination-items-gap: 0.5rem;
-  --wr-pagination-font-size: 0.875rem;
-  --wr-pagination-total-color: var(--wr-color-medium);
-  --wr-pagination-ellipsis-color: var(--wr-color-medium);
-
-  --wr-pagination-item-size: 1.625rem;
-  --wr-pagination-item-padding: 0.5rem;
-
-  --wr-pagination-select-option-height: var(--wr-pagination-item-size);
-  --wr-pagination-select-padding-y: 0;
-  --wr-pagination-select-padding-x: 0.825rem;
-}

package/pipes/index.d.ts

@@ -1,17 +0,0 @@
-import * as i0 from '@angular/core';
-import { PipeTransform } from '@angular/core';
-
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-
-declare class NewArrayPipe implements PipeTransform {
-    transform(arrayLength: number): number[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<NewArrayPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<NewArrayPipe, "newArray", true>;
-}
-
-export { NewArrayPipe };

package/progress/index.d.ts

@@ -1,13 +0,0 @@
-import { WrThemeColor, SafeAny } from 'ngwr/cdk/types';
-import * as i0 from '@angular/core';
-
-declare class WrProgressComponent {
-    color: WrThemeColor | null;
-    percent: number;
-    get elClasses(): SafeAny;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrProgressComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrProgressComponent, "wr-progress", never, { "color": { "alias": "color"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_percent: unknown;
-}
-
-export { WrProgressComponent };

package/progress/styles/theming.scss

@@ -1,8 +0,0 @@
-@use '../../styles/maps' as maps;
-
-@each $color in maps.$theme-colors-map {
-  .wr-progress--color-#{$color} {
-    --wr-progress-bg-color: rgba(var(--wr-color-#{$color}-rgb), 0.25);
-    --wr-progress-color: var(--wr-color-#{$color});
-  }
-}

package/progress/styles/vars.scss

@@ -1,6 +0,0 @@
-:root {
-  --wr-progress-color: var(--wr-color-light);
-  --wr-progress-bg-color: rgba(var(--wr-color-light-rgb), 0.25);
-  --wr-progress-height: 0.5rem;
-  --wr-progress-border-radius: 50rem;
-}

package/qr/index.d.ts

@@ -1,127 +0,0 @@
-import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, OnChanges, ElementRef, SimpleChanges } from '@angular/core';
-import { WrAbstractBase } from 'ngwr/cdk';
-import { wrIconName } from 'ngwr/icon';
-
-declare namespace qrcodegen {
-    type bit = number;
-    type byte = number;
-    type int = number;
-    export class QrCode {
-        readonly version: int;
-        readonly errorCorrectionLevel: QrCode.Ecc;
-        static encodeText(text: string, ecl: QrCode.Ecc): QrCode;
-        static encodeBinary(data: readonly byte[], ecl: QrCode.Ecc): QrCode;
-        static encodeSegments(segs: readonly QrSegment[], ecl: QrCode.Ecc, minVersion?: int, maxVersion?: int, mask?: int, boostEcl?: boolean): QrCode;
-        readonly size: int;
-        readonly mask: int;
-        private readonly modules;
-        private readonly isFunction;
-        constructor(version: int, errorCorrectionLevel: QrCode.Ecc, dataCodewords: readonly byte[], msk: int);
-        getModule(x: int, y: int): boolean;
-        private drawFunctionPatterns;
-        private drawFormatBits;
-        private drawVersion;
-        private drawFinderPattern;
-        private drawAlignmentPattern;
-        private setFunctionModule;
-        private addEccAndInterleave;
-        private drawCodewords;
-        private applyMask;
-        private getPenaltyScore;
-        private getAlignmentPatternPositions;
-        private static getNumRawDataModules;
-        private static getNumDataCodewords;
-        private static reedSolomonComputeDivisor;
-        private static reedSolomonComputeRemainder;
-        private static reedSolomonMultiply;
-        private finderPenaltyCountPatterns;
-        private finderPenaltyTerminateAndCount;
-        private finderPenaltyAddHistory;
-        static readonly MIN_VERSION: int;
-        static readonly MAX_VERSION: int;
-        private static readonly PENALTY_N1;
-        private static readonly PENALTY_N2;
-        private static readonly PENALTY_N3;
-        private static readonly PENALTY_N4;
-        private static readonly ECC_CODEWORDS_PER_BLOCK;
-        private static readonly NUM_ERROR_CORRECTION_BLOCKS;
-    }
-    export class QrSegment {
-        readonly mode: QrSegment.Mode;
-        readonly numChars: int;
-        private readonly bitData;
-        static makeBytes(data: readonly byte[]): QrSegment;
-        static makeNumeric(digits: string): QrSegment;
-        static makeAlphanumeric(text: string): QrSegment;
-        static makeSegments(text: string): QrSegment[];
-        static makeEci(assignVal: int): QrSegment;
-        static isNumeric(text: string): boolean;
-        static isAlphanumeric(text: string): boolean;
-        constructor(mode: QrSegment.Mode, numChars: int, bitData: bit[]);
-        getData(): bit[];
-        static getTotalBits(segs: readonly QrSegment[], version: int): number;
-        private static toUtf8ByteArray;
-        private static readonly NUMERIC_REGEX;
-        private static readonly ALPHANUMERIC_REGEX;
-        private static readonly ALPHANUMERIC_CHARSET;
-    }
-    export {};
-}
-declare namespace qrcodegen {
-    namespace QrCode {
-        class Ecc {
-            readonly ordinal: int;
-            readonly formatBits: int;
-            static readonly LOW: Ecc;
-            static readonly MEDIUM: Ecc;
-            static readonly QUARTILE: Ecc;
-            static readonly HIGH: Ecc;
-            private constructor();
-        }
-    }
-    namespace QrSegment {
-        class Mode {
-            readonly modeBits: int;
-            private readonly numBitsCharCount;
-            static readonly NUMERIC: Mode;
-            static readonly ALPHANUMERIC: Mode;
-            static readonly BYTE: Mode;
-            static readonly KANJI: Mode;
-            static readonly ECI: Mode;
-            private constructor();
-            numCharCountBits(ver: int): int;
-        }
-    }
-}
-
-declare const ERROR_LEVEL_MAP: Record<'L' | 'M' | 'Q' | 'H', qrcodegen.QrCode.Ecc>;
-
-declare class WrQrComponent extends WrAbstractBase implements OnInit, AfterViewInit, OnChanges {
-    class: string;
-    canvas: ElementRef<HTMLCanvasElement>;
-    value: string;
-    level: keyof typeof ERROR_LEVEL_MAP;
-    padding: number;
-    color: string;
-    bgColor: string;
-    size: number;
-    icon: wrIconName | null;
-    iconSize: number;
-    private readonly pid;
-    private readonly elRef;
-    private readonly wrIconService;
-    protected readonly isBrowser: i0.WritableSignal<boolean>;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    setElBg(): void;
-    drawCanvas(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrQrComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrQrComponent, "wr-qr", never, { "value": { "alias": "value"; "required": true; }; "level": { "alias": "level"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "color": { "alias": "color"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_padding: unknown;
-    static ngAcceptInputType_size: unknown;
-    static ngAcceptInputType_iconSize: unknown;
-}
-
-export { WrQrComponent };

package/select/index.d.ts

@@ -1,121 +0,0 @@
-import { SafeAny } from 'ngwr/cdk/types';
-import * as _angular_core from '@angular/core';
-import { TemplateRef, AfterContentInit, QueryList, ElementRef } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { WrAbstractBase } from 'ngwr/cdk';
-
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-
-interface WrSelectOption {
-    label: string;
-    value: SafeAny;
-    disabled?: boolean;
-}
-interface WrSelectGroup {
-    label: string;
-    options: WrSelectOption[];
-    disabled?: boolean;
-}
-
-declare class WrOptionComponent {
-    value: SafeAny;
-    label?: string;
-    disabled: boolean;
-    customTemplate?: TemplateRef<SafeAny>;
-    get hostClasses(): Record<string, boolean>;
-    protected readonly context: {
-        $implicit: SafeAny;
-        option: SafeAny;
-    };
-    private readonly selectComponent;
-    get isSelected(): boolean;
-    get isHighlighted(): boolean;
-    get isFiltered(): boolean;
-    select(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrOptionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrOptionComponent, "wr-option", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["customTemplate"], never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-
-declare class WrOptionGroupComponent implements AfterContentInit {
-    label: string;
-    disabled: boolean;
-    options: QueryList<WrOptionComponent>;
-    get hostClasses(): Record<string, boolean>;
-    ngAfterContentInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrOptionGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrOptionGroupComponent, "wr-option-group", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["options"], ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-
-/**
- * NGWR select component.
- *
- * {@tutorial} [How to use wr-select]{@link http://ngwr.dev/docs/components/select}
- */
-declare class WrSelectComponent extends WrAbstractBase implements ControlValueAccessor, AfterContentInit {
-    placeholder: string;
-    noItemsLabel: string;
-    multiple: boolean;
-    searchable: boolean;
-    clearable: boolean;
-    maxMultipleCount?: number;
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    searchInput?: ElementRef<HTMLInputElement>;
-    options: QueryList<WrOptionComponent>;
-    optionGroups: QueryList<WrOptionGroupComponent>;
-    get hostClasses(): Record<string, boolean>;
-    onKeyDown(event: KeyboardEvent): void;
-    onClickOutside(event: MouseEvent): void;
-    protected readonly value: _angular_core.WritableSignal<any>;
-    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
-    protected readonly isFocused: _angular_core.WritableSignal<boolean>;
-    protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
-    protected readonly searchValue: _angular_core.WritableSignal<string>;
-    protected readonly highlightedOptionIndex: _angular_core.WritableSignal<number>;
-    protected readonly selectedOptions: _angular_core.Signal<WrOptionComponent[]>;
-    protected readonly selectedLabel: _angular_core.Signal<any>;
-    protected readonly filteredOptions: _angular_core.Signal<WrOptionComponent[]>;
-    private readonly elementRef;
-    private readonly cdr;
-    get currentValue(): SafeAny;
-    get isMultiple(): boolean;
-    ngAfterContentInit(): void;
-    onChange: (value: string) => void;
-    onTouch: () => void;
-    onOptionSelect(option: WrOptionComponent): void;
-    onSearch(event: Event): void;
-    isHighlightedOption(option: WrOptionComponent): boolean;
-    isFilteredOption(option: WrOptionComponent): boolean;
-    writeValue(value: SafeAny): void;
-    registerOnChange(fn: (value: SafeAny) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    clear(event: Event): void;
-    toggle(): void;
-    private close;
-    private isSelectedOption;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSelectComponent, "wr-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "noItemsLabel": { "alias": "noItemsLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "maxMultipleCount": { "alias": "maxMultipleCount"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["options", "optionGroups"], ["*"], true, never>;
-    static ngAcceptInputType_multiple: unknown;
-    static ngAcceptInputType_searchable: unknown;
-    static ngAcceptInputType_clearable: unknown;
-    static ngAcceptInputType_maxMultipleCount: unknown;
-    static ngAcceptInputType_disabled: unknown;
-}
-
-export { WrOptionComponent, WrOptionGroupComponent, WrSelectComponent };
-export type { WrSelectGroup, WrSelectOption };

package/select/styles/vars.scss

@@ -1,32 +0,0 @@
-:root {
-  --wr-select-color: var(--wr-color-dark);
-  --wr-select-placeholder-color: var(--wr-color-light);
-  --wr-select-bg-color: var(--wr-color-white);
-  --wr-select-border-color: var(--wr-color-light-lighter);
-  --wr-select-border-radius: 0.375rem;
-  --wr-select-box-shadow: none;
-  --wr-select-font-size: 0.875rem;
-  --wr-select-font-weight: 400;
-  --wr-select-line-height: 1.25rem;
-  --wr-select-padding-y: 0.375rem;
-  --wr-select-padding-x: 0.825rem;
-
-  --wr-select-dropdown-bg: var(--wr-color-white);
-  --wr-select-dropdown-border-color: var(--wr-color-light-lighter);
-  --wr-select-dropdown-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  --wr-select-dropdown-max-height: 256px;
-
-  --wr-select-option-hover-bg: rgba(var(--wr-color-light-rgb), 0.2);
-  --wr-select-option-selected-color: var(--wr-color-dark);
-  --wr-select-option-selected-bg: rgba(var(--wr-color-primary-rgb), 0.1);
-  --wr-select-option-disabled-color: var(--wr-color-medium);
-  --wr-select-option-height: 32px;
-
-  --wr-select-group-label-color: var(--wr-color-medium);
-  --wr-select-group-label-font-size: 0.75rem;
-
-  --wr-select-counter-color: var(--wr-color-medium);
-  --wr-select-counter-font-size: 0.775rem;
-
-  --wr-select-tag-line-height: 0.8rem;
-}

package/skeleton/index.d.ts

@@ -1,13 +0,0 @@
-import { WrThemeColor, SafeAny } from 'ngwr/cdk/types';
-import * as i0 from '@angular/core';
-
-declare class WrSkeletonComponent {
-    color: WrThemeColor;
-    animated: boolean;
-    get elClasses(): SafeAny;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrSkeletonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrSkeletonComponent, "wr-skeleton", never, { "color": { "alias": "color"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_animated: unknown;
-}
-
-export { WrSkeletonComponent };

package/spinner/index.d.ts

@@ -1,23 +0,0 @@
-import * as i0 from '@angular/core';
-
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-type WrSpinnerSize = 'small' | 'large';
-
-/**
- * NGWR spinner component.
- *
- * {@tutorial} [How to use wr-spinner]{@link http://ngwr.dev/docs/components/spinner
- */
-declare class WrSpinnerComponent {
-    size: i0.InputSignal<WrSpinnerSize>;
-    get hostClasses(): Record<string, boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrSpinnerComponent, "wr-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { WrSpinnerComponent };

package/styles/animations.scss

@@ -1,92 +0,0 @@
-@keyframes rotate {
-  100% { transform: rotate(360deg); }
-}
-
-@keyframes dash {
-  0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
-  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
-  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
-}
-
-@keyframes shimmer {
-  100% { transform: translateX(100%); }
-}
-
-@keyframes wr-fade-in {
-  0% { opacity: 0 }
-  to { opacity: 1 }
-}
-@keyframes wr-fade-out {
-  0% { opacity: 1 }
-  to { opacity: 0 }
-}
-
-@keyframes wr-zoom-in {
-  0% { transform: scale(.2); opacity: 0 }
-  to { transform: scale(1); opacity: 1 }
-}
-@keyframes wr-zoom-out {
-  0% { transform: scale(1) }
-  to { transform: scale(.2); opacity:0 }
-}
-
-.wr-animation {
-  &-fade {
-    &-enter,
-    &-leave {
-      animation-duration: 0.2s;
-      animation-fill-mode: both;
-      animation-play-state: paused;
-      animation-timing-function: linear;
-    }
-
-    &-enter {
-      opacity: 0;
-
-      &--active {
-        animation-name: wr-fade-in;
-        animation-play-state:running;
-      }
-    }
-
-    &-leave {
-      opacity: 1;
-
-      &--active {
-        animation-name: wr-fade-out;
-        animation-play-state: running;
-        pointer-events: none;
-      }
-    }
-  }
-
-  &-zoom {
-    &-enter,
-    &-leave {
-      animation-duration: 0.2s;
-      animation-fill-mode: both;
-      animation-play-state: paused
-    }
-
-    &-enter {
-      transform: scale(0);
-      opacity: 0;
-      animation-timing-function: cubic-bezier(.08,.82,.17,1);
-
-      &--active {
-        animation-name: wr-zoom-in;
-        animation-play-state:running;
-      }
-    }
-
-    &-leave {
-      animation-timing-function: cubic-bezier(.78,.14,.15,.86);
-
-      &--active {
-        animation-name: wr-zoom-out;
-        animation-play-state: running;
-        pointer-events: none;
-      }
-    }
-  }
-}

package/styles/cdk.scss

@@ -1,5 +0,0 @@
-@use '@angular/cdk/overlay-prebuilt.css';
-
-.wr-backdrop {
-  background: rgba(var(--wr-color-black-rgb), 0.875);
-}

package/styles/colors.scss

@@ -1,72 +0,0 @@
-:root {
-  --wr-color-white: #fff;
-  --wr-color-white-rgb: 255,255,255;
-
-  --wr-color-black: #000;
-  --wr-color-black-rgb: 0,0,0;
-
-  --wr-color-primary: #3969e2;
-  --wr-color-primary-contrast: #f2f4fa;
-  --wr-color-primary-rgb: 57,105,226;
-  --wr-color-primary-dark: #2A5DDF;
-  --wr-color-primary-darker: #2053d5;
-  --wr-color-primary-light: #4E78E4;
-  --wr-color-primary-lighter: #5F86E7;
-
-  --wr-color-secondary: #f51c6a;
-  --wr-color-secondary-contrast: #faf2f4;
-  --wr-color-secondary-rgb: 245,28,106;
-  --wr-color-secondary-dark: #EB0A5C;
-  --wr-color-secondary-darker: #D70955;
-  --wr-color-secondary-light: #F73B80;
-  --wr-color-secondary-lighter: #F84F8D;
-
-  --wr-color-success: #00a400;
-  --wr-color-success-contrast: #e6f6e6;
-  --wr-color-success-rgb: 0,164,0;
-  --wr-color-success-dark: #008F00;
-  --wr-color-success-darker: #007A00;
-  --wr-color-success-light: #00A400;
-  --wr-color-success-lighter: #00B800;
-
-  --wr-color-warning: #ffba00;
-  --wr-color-warning-contrast: #171616;
-  --wr-color-warning-rgb: 255,186,0;
-  --wr-color-warning-dark: #F5B400;
-  --wr-color-warning-darker: #E0A500;
-  --wr-color-warning-light: #FFC31F;
-  --wr-color-warning-lighter: #FFC933;
-
-  --wr-color-danger: #fa383e;
-  --wr-color-danger-contrast: #ffebec;
-  --wr-color-danger-rgb: 250,56,62;
-  --wr-color-danger-dark: #e13238;
-  --wr-color-danger-darker: #d53035;
-  --wr-color-danger-light: #fb565b;
-  --wr-color-danger-lighter: #fb7478;
-
-  --wr-color-light: #cbd5e1;
-  --wr-color-light-contrast: #020617;
-  --wr-color-light-rgb: 203,213,225;
-  --wr-color-light-dark: #BECBDA;
-  --wr-color-light-darker: #B1C0D2;
-  --wr-color-light-light: #D8E0E9;
-  --wr-color-light-lighter: #E5EAF0;
-
-  --wr-color-medium: #8594a4;
-  --wr-color-medium-contrast: #ebf2fa;
-  --wr-color-medium-rgb: 71,85,105;
-  --wr-color-medium-dark: #7E8EA0;
-  --wr-color-medium-darker: #728497;
-  --wr-color-medium-light: #95A3B1;
-  --wr-color-medium-lighter: #A1ADBA;
-
-  --wr-color-dark: #0f172a;
-  --wr-color-dark-contrast: #eff2f8;
-  --wr-color-dark-rgb: 15,23,42;
-  --wr-color-dark-dark: #0B111E;
-  --wr-color-dark-darker: #05080F;
-  --wr-color-dark-light: #16213C;
-  --wr-color-dark-lighter: #1B294B;
-}
-