ngx-tethys 21.0.12 → 21.0.13

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [21.0.13](github.com/atinc/ngx-tethys/compare/21.0.12...21.0.13) (2026-09-03)
+
+
+### Features
+
+* **style:** add bg-*-subtile token #NEXUS-4936 ([#3885](/github.com/atinc/ngx-tethys/issues/3885)) ([b8b9a4d](github.com/atinc/ngx-tethys/commits/b8b9a4d74e779524c4b1a5177e2aabb0f8278a3a)), closes [#NEXUS-4936](github.com/atinc/ngx-tethys/issues/NEXUS-4936)
+* **style:** add z-index token and overflow-x/y token #NEXUS-4592 ([94660bb](github.com/atinc/ngx-tethys/commits/94660bb6b07a6eb9ad087a85177d5fee243230dc)), closes [#NEXUS-4592](github.com/atinc/ngx-tethys/issues/NEXUS-4592)
+* **styles:** spacing utilities support ms/me and ps/pe #NEXUS-4977 ([#3872](/github.com/atinc/ngx-tethys/issues/3872)) ([701a8ec](github.com/atinc/ngx-tethys/commits/701a8ec472c1e46ee3306ea6110847f900db5172)), closes [#NEXUS-4977](github.com/atinc/ngx-tethys/issues/NEXUS-4977) [#NEXUS-4977](github.com/atinc/ngx-tethys/issues/NEXUS-4977)
+
 ## [21.0.12](github.com/atinc/ngx-tethys/compare/21.0.11...21.0.12) (2026-08-26)
 
 

package/fesm2022/ngx-tethys.mjs

@@ -1,6 +1,6 @@
 import { Version, InjectionToken, makeEnvironmentProviders } from '@angular/core';
 
-const VERSION = new Version('21.0.12');
+const VERSION = new Version('21.0.13');
 
 const THY_GLOBAL_CONFIG = new InjectionToken('thy-global-config');
 function getOverlayGlobalConfig(globalConfig) {

package/fesm2022/ngx-tethys.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/core/global-config.ts","../../../src/core/provide.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('21.0.12');\n","import { InjectionToken } from '@angular/core';\n\nexport interface ThyOverlayGlobalConfig {\n    /**\n     * Whether overlay-based components can automatically choose a better position\n     * from their fallback positions when the preferred placement does not fit.\n     */\n    flexiblePosition?: boolean;\n\n    /**\n     * Whether overlay-based components can be pushed on-screen if none of the provided positions fit.\n     */\n    canPush?: boolean;\n}\n\nexport interface ThyGlobalConfig {\n    overlay?: ThyOverlayGlobalConfig;\n}\n\nexport const THY_GLOBAL_CONFIG = new InjectionToken<ThyGlobalConfig>('thy-global-config');\n\nexport function getOverlayGlobalConfig(globalConfig?: ThyGlobalConfig | null): ThyOverlayGlobalConfig {\n    return globalConfig?.overlay ?? {};\n}\n","import { EnvironmentProviders, Provider, makeEnvironmentProviders } from '@angular/core';\nimport { THY_GLOBAL_CONFIG, ThyGlobalConfig } from './global-config';\n\nexport type ThyTethysFeature = Provider | EnvironmentProviders;\n\nexport function provideTethys(...features: ThyTethysFeature[]): EnvironmentProviders {\n    return makeEnvironmentProviders(features);\n}\n\nexport function withGlobalConfig(config: ThyGlobalConfig): EnvironmentProviders {\n    return makeEnvironmentProviders([{ provide: THY_GLOBAL_CONFIG, useValue: config }]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,SAAS;;MCiB/B,iBAAiB,GAAG,IAAI,cAAc,CAAkB,mBAAmB;AAElF,SAAU,sBAAsB,CAAC,YAAqC,EAAA;AACxE,IAAA,OAAO,YAAY,EAAE,OAAO,IAAI,EAAE;AACtC;;AClBM,SAAU,aAAa,CAAC,GAAG,QAA4B,EAAA;AACzD,IAAA,OAAO,wBAAwB,CAAC,QAAQ,CAAC;AAC7C;AAEM,SAAU,gBAAgB,CAAC,MAAuB,EAAA;AACpD,IAAA,OAAO,wBAAwB,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AACvF;;ACXA;;AAEG;;;;"}
+{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/core/global-config.ts","../../../src/core/provide.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('21.0.13');\n","import { InjectionToken } from '@angular/core';\n\nexport interface ThyOverlayGlobalConfig {\n    /**\n     * Whether overlay-based components can automatically choose a better position\n     * from their fallback positions when the preferred placement does not fit.\n     */\n    flexiblePosition?: boolean;\n\n    /**\n     * Whether overlay-based components can be pushed on-screen if none of the provided positions fit.\n     */\n    canPush?: boolean;\n}\n\nexport interface ThyGlobalConfig {\n    overlay?: ThyOverlayGlobalConfig;\n}\n\nexport const THY_GLOBAL_CONFIG = new InjectionToken<ThyGlobalConfig>('thy-global-config');\n\nexport function getOverlayGlobalConfig(globalConfig?: ThyGlobalConfig | null): ThyOverlayGlobalConfig {\n    return globalConfig?.overlay ?? {};\n}\n","import { EnvironmentProviders, Provider, makeEnvironmentProviders } from '@angular/core';\nimport { THY_GLOBAL_CONFIG, ThyGlobalConfig } from './global-config';\n\nexport type ThyTethysFeature = Provider | EnvironmentProviders;\n\nexport function provideTethys(...features: ThyTethysFeature[]): EnvironmentProviders {\n    return makeEnvironmentProviders(features);\n}\n\nexport function withGlobalConfig(config: ThyGlobalConfig): EnvironmentProviders {\n    return makeEnvironmentProviders([{ provide: THY_GLOBAL_CONFIG, useValue: config }]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,SAAS;;MCiB/B,iBAAiB,GAAG,IAAI,cAAc,CAAkB,mBAAmB;AAElF,SAAU,sBAAsB,CAAC,YAAqC,EAAA;AACxE,IAAA,OAAO,YAAY,EAAE,OAAO,IAAI,EAAE;AACtC;;AClBM,SAAU,aAAa,CAAC,GAAG,QAA4B,EAAA;AACzD,IAAA,OAAO,wBAAwB,CAAC,QAAQ,CAAC;AAC7C;AAEM,SAAU,gBAAgB,CAAC,MAAuB,EAAA;AACpD,IAAA,OAAO,wBAAwB,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AACvF;;ACXA;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-tethys",
-  "version": "21.0.12",
+  "version": "21.0.13",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/atinc/ngx-tethys.git"

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "21.0.12";
+export declare const VERSION = "21.0.13";

package/schematics/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '21.0.12';
+exports.VERSION = '21.0.13';

package/styles/bootstrap/_variables.scss

@@ -197,6 +197,13 @@ $form-feedback-invalid-color: functions.theme-color('danger') !default;
 
 $zindex-sticky: 1020 !default;
 $zindex-fixed: 1030 !default;
+$zindex-levels: (
+    n1: -1,
+    0: 0,
+    1: 1,
+    2: 2,
+    3: 3
+) !default;
 
 $pagination-focus-outline: 0 !default;
 
@@ -220,6 +227,6 @@ $pre-color: variables.$gray-800 !default;
 $pre-scrollable-max-height: 340px !default;
 
 $displays: none, inline, inline-block, block, table, table-row, table-cell, flex, contents, inline-flex !default;
-$overflows: auto, hidden !default;
+$overflows: auto, hidden, visible, scroll !default;
 $positions: static, relative, absolute, fixed, sticky !default;
 $user-selects: all, auto, none !default;

package/styles/bootstrap/utilities/_background.scss

@@ -23,10 +23,29 @@ $bg-colors: map.merge(
     $bg-colors
 );
 
+$bg-subtle-colors: () !default;
+$bg-subtle-colors: map.merge(
+    (
+        '.bg-primary-subtle': color-mix(in srgb, variables.$bg-primary 10%, transparent),
+        '.bg-secondary-subtle': color-mix(in srgb, variables.$bg-secondary 10%, transparent),
+        '.bg-success-subtle': color-mix(in srgb, variables.$bg-success 10%, transparent),
+        '.bg-info-subtle': color-mix(in srgb, variables.$bg-info 10%, transparent),
+        '.bg-warning-subtle': color-mix(in srgb, variables.$bg-warning 10%, transparent),
+        '.bg-danger-subtle': color-mix(in srgb, variables.$bg-danger 10%, transparent),
+        '.bg-light-subtle': color-mix(in srgb, variables.$bg-light 10%, transparent),
+        '.bg-dark-subtle': color-mix(in srgb, variables.$bg-dark 10%, transparent)
+    ),
+    $bg-subtle-colors
+);
+
 @each $color, $value in $bg-colors {
     @include background-variant.bg-variant($color, $value, true);
 }
 
+@each $color, $value in $bg-subtle-colors {
+    @include background-variant.bg-variant($color, $value, true);
+}
+
 @if variables.$enable-gradients {
     @each $color, $value in functions-variables.$theme-colors {
         @include background-variant.bg-gradient-variant('.bg-gradient-#{$color}', $value, true);

package/styles/bootstrap/utilities/_overflow.scss

@@ -6,4 +6,12 @@
     .overflow-#{$value} {
         overflow: $value !important;
     }
+
+    .overflow-x-#{$value} {
+        overflow-x: $value !important;
+    }
+
+    .overflow-y-#{$value} {
+        overflow-y: $value !important;
+    }
 }

package/styles/bootstrap/utilities/_position.scss

@@ -9,6 +9,12 @@
     }
 }
 
+@each $name, $value in variables.$zindex-levels {
+    .z-#{$name} {
+        z-index: $value !important;
+    }
+}
+
 // Shorthand
 
 .fixed-top {

package/styles/bootstrap/utilities/_spacing.scss

@@ -31,6 +31,12 @@
                 .#{$abbrev}x#{$infix}-#{$size} {
                     #{$prop}-left: $length !important;
                 }
+                .#{$abbrev}s#{$infix}-#{$size} {
+                    #{$prop}-inline-start: $length !important;
+                }
+                .#{$abbrev}e#{$infix}-#{$size} {
+                    #{$prop}-inline-end: $length !important;
+                }
             }
         }
 
@@ -56,6 +62,12 @@
                 .mx#{$infix}-n#{$size} {
                     margin-left: -$length !important;
                 }
+                .ms#{$infix}-n#{$size} {
+                    margin-inline-start: -$length !important;
+                }
+                .me#{$infix}-n#{$size} {
+                    margin-inline-end: -$length !important;
+                }
             }
         }
 
@@ -79,5 +91,11 @@
         .mx#{$infix}-auto {
             margin-left: auto !important;
         }
+        .ms#{$infix}-auto {
+            margin-inline-start: auto !important;
+        }
+        .me#{$infix}-auto {
+            margin-inline-end: auto !important;
+        }
     }
 }