@cuby-ui/core 0.0.163 → 0.0.165

package/index.d.ts

@@ -1,6 +1,6 @@
-export * from './components';
-export * from './directives';
-export * from './interfaces';
-export * from './services';
-export * from './types';
-export * from './utils';
+export * from './components';
+export * from './directives';
+export * from './interfaces';
+export * from './services';
+export * from './types';
+export * from './utils';

package/interfaces/context-menu-item.d.ts

@@ -1,7 +1,7 @@
-import type { CuiIcon } from '@cuby-ui/icons';
-export interface CuiContextMenuItem {
-    readonly label: string;
-    readonly icon?: CuiIcon | string;
-    readonly color?: string;
-    readonly command?: () => void;
-}
+import type { CuiIcon } from '@cuby-ui/icons';
+export interface CuiContextMenuItem {
+    readonly label: string;
+    readonly icon?: CuiIcon | string;
+    readonly color?: string;
+    readonly command?: () => void;
+}

package/interfaces/index.d.ts

@@ -1,2 +1,2 @@
-export * from './context-menu-item';
-export * from './option';
+export * from './context-menu-item';
+export * from './option';

package/interfaces/option.d.ts

@@ -1,5 +1,5 @@
-export interface CuiOption {
-    readonly label: string;
-    readonly value: unknown;
-    readonly isDisabled?: boolean;
-}
+export interface CuiOption {
+    readonly label: string;
+    readonly value: unknown;
+    readonly isDisabled?: boolean;
+}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@cuby-ui/core",
-  "version": "0.0.163",
+  "version": "0.0.165",
   "peerDependencies": {
     "@angular/common": ">=15.0.0",
     "@angular/core": ">=15.0.0",
     "@angular/forms": ">=15.0.0",
-    "@cuby-ui/cdk": "^0.0.163",
-    "@cuby-ui/icons": "^0.0.163",
+    "@cuby-ui/cdk": "^0.0.165",
+    "@cuby-ui/icons": "^0.0.165",
     "@maskito/angular": "^2.5.0",
     "@maskito/core": "^2.5.0",
     "@maskito/kit": "^2.5.0",

package/services/index.d.ts

@@ -1,2 +1,2 @@
-export * from './theme.options';
-export * from './theme.service';
+export * from './theme.options';
+export * from './theme.service';

package/services/theme.options.d.ts

@@ -1,5 +1,5 @@
-export type CuiTheme = 'light' | 'dark';
-export declare const CUI_THEME_STORAGE_DEFAULT_KEY = "cuiTheme";
-export declare const CUI_DEFAULT_THEME: CuiTheme;
-export declare const CUI_THEME_STORAGE_KEY: import("@angular/core").InjectionToken<string>;
-export declare const CUI_THEME: import("@angular/core").InjectionToken<CuiTheme>;
+export type CuiTheme = 'light' | 'dark';
+export declare const CUI_THEME_STORAGE_DEFAULT_KEY = "cuiTheme";
+export declare const CUI_DEFAULT_THEME: CuiTheme;
+export declare const CUI_THEME_STORAGE_KEY: import("@angular/core").InjectionToken<string>;
+export declare const CUI_THEME: import("@angular/core").InjectionToken<CuiTheme>;

package/services/theme.service.d.ts

@@ -1,12 +1,12 @@
-import { BehaviorSubject } from 'rxjs';
-import type { CuiTheme } from './theme.options';
-import * as i0 from "@angular/core";
-export declare class CuiThemeService extends BehaviorSubject<CuiTheme> {
-    private readonly localStorage;
-    private readonly key;
-    constructor();
-    next(theme: CuiTheme): void;
-    switch(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuiThemeService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<CuiThemeService>;
-}
+import { BehaviorSubject } from 'rxjs';
+import type { CuiTheme } from './theme.options';
+import * as i0 from "@angular/core";
+export declare class CuiThemeService extends BehaviorSubject<CuiTheme> {
+    private readonly localStorage;
+    private readonly key;
+    constructor();
+    next(theme: CuiTheme): void;
+    switch(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuiThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CuiThemeService>;
+}

package/styles/fonts.scss

@@ -1,51 +1,51 @@
-@font-face {
-  font-family: Inter;
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/Inter-Regular.eot');
-  src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/Inter-Regular.woff2') format('woff2'),
-       url('../fonts/Inter-Regular.woff') format('woff'),
-       url('../fonts/Inter-Regular.ttf') format('truetype'),
-       url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg'),
-       url('../fonts/Inter-Regular.otf') format('otf');
-}
-
-@font-face {
-  font-family: Inter;
-  font-style: normal;
-  font-weight: 500;
-  src: url('../fonts/Inter-Medium.eot');
-  src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/Inter-Medium.woff2') format('woff2'),
-       url('../fonts/Inter-Medium.woff') format('woff'),
-       url('../fonts/Inter-Medium.ttf') format('truetype'),
-       url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg'),
-       url('../fonts/Inter-Medium.otf') format('otf');
-}
-
-@font-face {
-  font-family: Inter;
-  font-style: normal;
-  font-weight: 600;
-  src: url('../fonts/Inter-SemiBold.eot');
-  src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/Inter-SemiBold.woff2') format('woff2'),
-       url('../fonts/Inter-SemiBold.woff') format('woff'),
-       url('../fonts/Inter-SemiBold.ttf') format('truetype'),
-       url('../fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg'),
-       url('../fonts/Inter-SemiBold.otf') format('otf');
-}
-
-@font-face {
-  font-family: Inter;
-  font-style: normal;
-  font-weight: 700;
-  src: url('../fonts/Inter-Bold.eot');
-  src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/Inter-Bold.woff2') format('woff2'),
-       url('../fonts/Inter-Bold.woff') format('woff'),
-       url('../fonts/Inter-Bold.ttf') format('truetype'),
-       url('../fonts/Inter-Bold.svg#Inter-Bold') format('svg'),
-       url('../fonts/Inter-Bold.otf') format('otf');
-}
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/Inter-Regular.eot');
+  src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/Inter-Regular.woff2') format('woff2'),
+       url('../fonts/Inter-Regular.woff') format('woff'),
+       url('../fonts/Inter-Regular.ttf') format('truetype'),
+       url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg'),
+       url('../fonts/Inter-Regular.otf') format('otf');
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 500;
+  src: url('../fonts/Inter-Medium.eot');
+  src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/Inter-Medium.woff2') format('woff2'),
+       url('../fonts/Inter-Medium.woff') format('woff'),
+       url('../fonts/Inter-Medium.ttf') format('truetype'),
+       url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg'),
+       url('../fonts/Inter-Medium.otf') format('otf');
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 600;
+  src: url('../fonts/Inter-SemiBold.eot');
+  src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/Inter-SemiBold.woff2') format('woff2'),
+       url('../fonts/Inter-SemiBold.woff') format('woff'),
+       url('../fonts/Inter-SemiBold.ttf') format('truetype'),
+       url('../fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg'),
+       url('../fonts/Inter-SemiBold.otf') format('otf');
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 700;
+  src: url('../fonts/Inter-Bold.eot');
+  src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/Inter-Bold.woff2') format('woff2'),
+       url('../fonts/Inter-Bold.woff') format('woff'),
+       url('../fonts/Inter-Bold.ttf') format('truetype'),
+       url('../fonts/Inter-Bold.svg#Inter-Bold') format('svg'),
+       url('../fonts/Inter-Bold.otf') format('otf');
+}

package/styles/global.scss

@@ -1,9 +1,9 @@
-@forward 'mixins/buttons';
-@forward 'mixins/headings';
-@forward 'mixins/inputs';
-@forward 'mixins/lists';
-@forward 'mixins/paddings';
-@forward 'mixins/shadows';
-@forward 'mixins/texts';
-@forward 'variables/colors';
-@forward 'variables/fonts';
+@forward 'mixins/buttons';
+@forward 'mixins/headings';
+@forward 'mixins/inputs';
+@forward 'mixins/lists';
+@forward 'mixins/paddings';
+@forward 'mixins/shadows';
+@forward 'mixins/texts';
+@forward 'variables/colors';
+@forward 'variables/fonts';

package/styles/mixins/buttons.scss

@@ -1,13 +1,13 @@
-@mixin cui-clear-button() {
-  padding: 0;
-  border: 0;
-  flex-shrink: 0;
-  outline: none;
-  cursor: pointer;
-  appearance: none;
-  color: inherit;
-  font: inherit;
-  background: inherit;
-  text-decoration: none;
-  -webkit-tap-highlight-color: transparent;
-}
+@mixin cui-clear-button() {
+  padding: 0;
+  border: 0;
+  flex-shrink: 0;
+  outline: none;
+  cursor: pointer;
+  appearance: none;
+  color: inherit;
+  font: inherit;
+  background: inherit;
+  text-decoration: none;
+  -webkit-tap-highlight-color: transparent;
+}

package/styles/mixins/headings.scss

@@ -1,115 +1,115 @@
-@mixin cui-heading-xs {
-    font-size: 24px;
-    line-height: 32px;
-}
-
-@mixin cui-heading-xs-regular {
-    font-weight: 400;
-    font-size: 24px;
-    line-height: 32px;
-}
-
-@mixin cui-heading-xs-medium {
-    font-weight: 500;
-    font-size: 24px;
-    line-height: 32px;
-}
-
-@mixin cui-heading-xs-semi-bold {
-    font-weight: 600;
-    font-size: 24px;
-    line-height: 32px;
-}
-
-@mixin cui-heading-xs-bold {
-    font-weight: 700;
-    font-size: 24px;
-    line-height: 32px;
-}
-
-@mixin cui-heading-sm {
-    font-size: 30px;
-    line-height: 38px;
-}
-
-@mixin cui-heading-sm-regular {
-    font-weight: 400;
-    font-size: 30px;
-    line-height: 38px;
-}
-
-@mixin cui-heading-sm-medium {
-    font-weight: 500;
-    font-size: 30px;
-    line-height: 38px;
-}
-
-@mixin cui-heading-sm-semi-bold {
-    font-weight: 600;
-    font-size: 30px;
-    line-height: 38px;
-}
-
-@mixin cui-heading-sm-bold {
-    font-weight: 700;
-    font-size: 30px;
-    line-height: 38px;
-}
-
-@mixin cui-heading-md {
-    font-size: 36px;
-    line-height: 44px;
-}
-
-@mixin cui-heading-md-regular {
-    font-weight: 400;
-    font-size: 36px;
-    line-height: 44px;
-}
-
-@mixin cui-heading-md-medium {
-    font-weight: 500;
-    font-size: 36px;
-    line-height: 44px;
-}
-
-@mixin cui-heading-md-semi-bold {
-    font-weight: 600;
-    font-size: 36px;
-    line-height: 44px;
-}
-
-@mixin cui-heading-md-bold {
-    font-weight: 700;
-    font-size: 36px;
-    line-height: 44px;
-}
-
-@mixin cui-heading-lg {
-    font-size: 48px;
-    line-height: 60px;
-}
-
-@mixin cui-heading-lg-regular {
-    font-weight: 400;
-    font-size: 48px;
-    line-height: 60px;
-}
-
-@mixin cui-heading-lg-medium {
-    font-weight: 500;
-    font-size: 48px;
-    line-height: 60px;
-}
-
-@mixin cui-heading-lg-semi-bold {
-    font-weight: 600;
-    font-size: 48px;
-    line-height: 60px;
-}
-
-@mixin cui-heading-lg-bold {
-    font-weight: 700;
-    font-size: 48px;
-    line-height: 60px;
-}
+@mixin cui-heading-xs {
+    font-size: 24px;
+    line-height: 32px;
+}
+
+@mixin cui-heading-xs-regular {
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 32px;
+}
+
+@mixin cui-heading-xs-medium {
+    font-weight: 500;
+    font-size: 24px;
+    line-height: 32px;
+}
+
+@mixin cui-heading-xs-semi-bold {
+    font-weight: 600;
+    font-size: 24px;
+    line-height: 32px;
+}
+
+@mixin cui-heading-xs-bold {
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 32px;
+}
+
+@mixin cui-heading-sm {
+    font-size: 30px;
+    line-height: 38px;
+}
+
+@mixin cui-heading-sm-regular {
+    font-weight: 400;
+    font-size: 30px;
+    line-height: 38px;
+}
+
+@mixin cui-heading-sm-medium {
+    font-weight: 500;
+    font-size: 30px;
+    line-height: 38px;
+}
+
+@mixin cui-heading-sm-semi-bold {
+    font-weight: 600;
+    font-size: 30px;
+    line-height: 38px;
+}
+
+@mixin cui-heading-sm-bold {
+    font-weight: 700;
+    font-size: 30px;
+    line-height: 38px;
+}
+
+@mixin cui-heading-md {
+    font-size: 36px;
+    line-height: 44px;
+}
+
+@mixin cui-heading-md-regular {
+    font-weight: 400;
+    font-size: 36px;
+    line-height: 44px;
+}
+
+@mixin cui-heading-md-medium {
+    font-weight: 500;
+    font-size: 36px;
+    line-height: 44px;
+}
+
+@mixin cui-heading-md-semi-bold {
+    font-weight: 600;
+    font-size: 36px;
+    line-height: 44px;
+}
+
+@mixin cui-heading-md-bold {
+    font-weight: 700;
+    font-size: 36px;
+    line-height: 44px;
+}
+
+@mixin cui-heading-lg {
+    font-size: 48px;
+    line-height: 60px;
+}
+
+@mixin cui-heading-lg-regular {
+    font-weight: 400;
+    font-size: 48px;
+    line-height: 60px;
+}
+
+@mixin cui-heading-lg-medium {
+    font-weight: 500;
+    font-size: 48px;
+    line-height: 60px;
+}
+
+@mixin cui-heading-lg-semi-bold {
+    font-weight: 600;
+    font-size: 48px;
+    line-height: 60px;
+}
+
+@mixin cui-heading-lg-bold {
+    font-weight: 700;
+    font-size: 48px;
+    line-height: 60px;
+}

package/styles/mixins/inputs.scss

@@ -1,91 +1,91 @@
-@use '../variables/colors' as colors;
-@use '../variables/fonts' as fonts;
-@use './texts' as texts;
-@use './paddings' as paddings;
-@use './shadows' as shadows;
-@use './buttons' as buttons;
-
-@mixin cui-clear-input() {
-  padding: 0;
-  outline: none;
-  margin: 0;
-  border-width: 0;
-  appearance: none;
-  caret-color: currentColor;
-  background: none;
-  color: inherit;
-  font: inherit;
-  line-height: inherit;
-}
-
-@mixin cui-default-input() {
-  :host {
-    $border-width: 1px;
-
-    @include paddings.cui-padding(horizontal, 1.75, $border-width);
-    @include texts.cui-text-sm-regular();
-
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    border: $border-width solid colors.$cui-base-200;
-    border-radius: 8px;
-    cursor: text;
-    background: colors.$cui-input;
-    color: colors.$cui-base-900;
-    font-family: fonts.$cui-main-font;
-
-    &:hover {
-      border-color: colors.$cui-base-300;
-    }
-
-    &:focus-within {
-      @include shadows.cui-shadow-focused();
-
-      border-color: colors.$cui-info;
-    }
-
-    &[data-size='sm'] {
-      @include paddings.cui-padding(vertical, 1, $border-width);
-    }
-
-    &[data-size='md'] {
-      @include paddings.cui-padding(vertical, 1.125, $border-width);
-    }
-
-    &._disabled {
-      cursor: not-allowed;
-      opacity: 0.5;
-      background: colors.$cui-base-50;
-      border-color: colors.$cui-base-200;
-    }
-
-    &._with-error {
-      border-color: colors.$cui-danger;
-
-      &:focus-within {
-        @include shadows.cui-shadow-error-focused();
-      }
-    }
-  }
-
-  .c-input {
-    @include cui-clear-input();
-
-    width: 100%;
-
-    &:disabled {
-      cursor: not-allowed;
-    }
-
-    &::placeholder {
-      color: colors.$cui-base-400;
-    }
-  }
-
-  .c-button {
-    @include buttons.cui-clear-button();
-
-    display: flex;
-  }
-}
+@use '../variables/colors' as colors;
+@use '../variables/fonts' as fonts;
+@use './texts' as texts;
+@use './paddings' as paddings;
+@use './shadows' as shadows;
+@use './buttons' as buttons;
+
+@mixin cui-clear-input() {
+  padding: 0;
+  outline: none;
+  margin: 0;
+  border-width: 0;
+  appearance: none;
+  caret-color: currentColor;
+  background: none;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+}
+
+@mixin cui-default-input() {
+  :host {
+    $border-width: 1px;
+
+    @include paddings.cui-padding(horizontal, 1.75, $border-width);
+    @include texts.cui-text-sm-regular();
+
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    border: $border-width solid colors.$cui-base-200;
+    border-radius: 8px;
+    cursor: text;
+    background: colors.$cui-input;
+    color: colors.$cui-base-900;
+    font-family: fonts.$cui-main-font;
+
+    &:hover {
+      border-color: colors.$cui-base-300;
+    }
+
+    &:focus-within {
+      @include shadows.cui-shadow-focused();
+
+      border-color: colors.$cui-info;
+    }
+
+    &[data-size='sm'] {
+      @include paddings.cui-padding(vertical, 1, $border-width);
+    }
+
+    &[data-size='md'] {
+      @include paddings.cui-padding(vertical, 1.125, $border-width);
+    }
+
+    &._disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+      background: colors.$cui-base-50;
+      border-color: colors.$cui-base-200;
+    }
+
+    &._with-error {
+      border-color: colors.$cui-danger;
+
+      &:focus-within {
+        @include shadows.cui-shadow-error-focused();
+      }
+    }
+  }
+
+  .c-input {
+    @include cui-clear-input();
+
+    width: 100%;
+
+    &:disabled {
+      cursor: not-allowed;
+    }
+
+    &::placeholder {
+      color: colors.$cui-base-400;
+    }
+  }
+
+  .c-button {
+    @include buttons.cui-clear-button();
+
+    display: flex;
+  }
+}