@cuby-ui/core 0.0.468 → 0.0.469

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@cuby-ui/core",
-  "version": "0.0.468",
+  "version": "0.0.469",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
     "@angular/elements": ">=18.0.0",
     "@angular/forms": ">=18.0.0",
-    "@cuby-ui/api": "^0.0.468",
-    "@cuby-ui/cdk": "^0.0.468",
-    "@cuby-ui/icons": "^0.0.468",
+    "@cuby-ui/api": "^0.0.469",
+    "@cuby-ui/cdk": "^0.0.469",
+    "@cuby-ui/icons": "^0.0.469",
     "@editorjs/editorjs": "2.29.1",
     "@editorjs/header": "^2.8.1",
     "@editorjs/list": "^1.9.0",

package/styles/direcive/flex-container.scss

@@ -1,3 +1,3 @@
-.cui-flex-container {
-    display: flex;
-}
+.cui-flex-container {
+    display: flex;
+}

package/styles/fonts.scss

@@ -1,69 +1,69 @@
-@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: Nunito_Italic;
-    font-style: italic;
-    font-weight: 800;
-    src: url('../fonts/Nunito-ExtraBoldItalic.eot');
-    src:
-        url('../fonts/Nunito-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
-        url('../fonts/Nunito-ExtraBoldItalic.woff2') format('woff2'),
-        url('../fonts/Nunito-ExtraBoldItalic.woff') format('woff'),
-        url('../fonts/Nunito-ExtraBoldItalic.ttf') format('truetype'),
-        url('../fonts/Nunito-ExtraBoldItalic.svg#Nunito-ExtraBold') format('svg'),
-        url('../fonts/Nunito-ExtraBoldItalic.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');
+}
+
+@font-face {
+    font-family: Nunito_Italic;
+    font-style: italic;
+    font-weight: 800;
+    src: url('../fonts/Nunito-ExtraBoldItalic.eot');
+    src:
+        url('../fonts/Nunito-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Nunito-ExtraBoldItalic.woff2') format('woff2'),
+        url('../fonts/Nunito-ExtraBoldItalic.woff') format('woff'),
+        url('../fonts/Nunito-ExtraBoldItalic.ttf') format('truetype'),
+        url('../fonts/Nunito-ExtraBoldItalic.svg#Nunito-ExtraBold') format('svg'),
+        url('../fonts/Nunito-ExtraBoldItalic.otf') format('otf');
+}

package/styles/global.scss

@@ -1,10 +1,10 @@
-@forward 'mixins/buttons';
-@forward 'mixins/flex';
-@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/flex';
+@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/flex.scss

@@ -1,21 +1,21 @@
-@mixin cui-flex($gap: 0, $direction: row) {
-    display: flex;
-
-    @if ($direction != row) {
-        flex-direction: $direction;
-    }
-
-    @if ($gap != 0) {
-        gap: $gap;
-    }
-}
-
-@mixin cui-flex-alignment($alignItems: stretch, $justifyContent: flex-start) {
-    @if ($alignItems != stretch) {
-        align-items: $alignItems;
-    }
-
-    @if ($justifyContent != flex-start) {
-        justify-content: $justifyContent;
-    }
-}
+@mixin cui-flex($gap: 0, $direction: row) {
+    display: flex;
+
+    @if ($direction != row) {
+        flex-direction: $direction;
+    }
+
+    @if ($gap != 0) {
+        gap: $gap;
+    }
+}
+
+@mixin cui-flex-alignment($alignItems: stretch, $justifyContent: flex-start) {
+    @if ($alignItems != stretch) {
+        align-items: $alignItems;
+    }
+
+    @if ($justifyContent != flex-start) {
+        justify-content: $justifyContent;
+    }
+}

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;
+    }
+}