@nextrap/style-utils 1.0.5 → 1.0.10

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+## 1.0.10 (2025-08-24)
+
+This was a version bump only for style-utils to align it with other projects, there were no code changes.
+
+## 1.0.9 (2025-08-24)
+
+### 🧱 Updated Dependencies
+
+- Updated style-reset to 1.0.0
+- Updated style-base to 1.1.11
+
+## 1.0.8 (2025-07-31)
+
+### 🧱 Updated Dependencies
+
+- Updated style-base to 1.1.10
+
+## 1.0.7 (2025-07-24)
+
+### 🧱 Updated Dependencies
+
+- Updated style-base to 1.1.9
+
+## 1.0.6 (2025-07-24)
+
+### 🧱 Updated Dependencies
+
+- Updated style-base to 1.1.8
+
 ## 1.0.5 (2025-07-24)
 
 This was a version bump only for style-utils to align it with other projects, there were no code changes.

package/README.md

@@ -2,12 +2,20 @@
 
 This library was generated with [Nx](https://nx.dev).
 
-## Building
+## Synopsis
 
-Run `nx build style-utils` to build the library.
+This library provides the utility classes known from Bootstrap but without the Media Queries.
 
-## Running unit tests
+The can be used in combination with [TrunkJS Responsive](https://github.com/trunkjs/trunkjs-monorepo/tree/main/packages/responsive).
 
-Run `nx test style-utils` to execute the unit tests via [Vitest](https://vitest.dev/).
+- [Utility Classes](https://getbootstrap.com/docs/5.3/utilities/)
 
-## Typography
+
+
+## Contents
+
+### Background
+
+- `.bg-primary`
+- `.bg-secondary`
+- `.bg-success`

package/index.css

@@ -1 +1 @@
-.m-1{margin:var(--nt-space-1)!important}.mt-1{margin-top:var(--nt-space-1)!important}.me-1{margin-right:var(--nt-space-1)!important}.mb-1{margin-bottom:var(--nt-space-1)!important}.ms-1{margin-left:var(--nt-space-1)!important}.mx-1{margin-inline:var(--nt-space-1)!important}.my-1{margin-block:var(--nt-space-1)!important}.p-1{padding:var(--nt-space-1)!important}.pt-1{padding-top:var(--nt-space-1)!important}.pe-1{padding-right:var(--nt-space-1)!important}.pb-1{padding-bottom:var(--nt-space-1)!important}.ps-1{padding-left:var(--nt-space-1)!important}.px-1{padding-inline:var(--nt-space-1)!important}.py-1{padding-block:var(--nt-space-1)!important}.m-2{margin:var(--nt-space-2)!important}.mt-2{margin-top:var(--nt-space-2)!important}.me-2{margin-right:var(--nt-space-2)!important}.mb-2{margin-bottom:var(--nt-space-2)!important}.ms-2{margin-left:var(--nt-space-2)!important}.mx-2{margin-inline:var(--nt-space-2)!important}.my-2{margin-block:var(--nt-space-2)!important}.p-2{padding:var(--nt-space-2)!important}.pt-2{padding-top:var(--nt-space-2)!important}.pe-2{padding-right:var(--nt-space-2)!important}.pb-2{padding-bottom:var(--nt-space-2)!important}.ps-2{padding-left:var(--nt-space-2)!important}.px-2{padding-inline:var(--nt-space-2)!important}.py-2{padding-block:var(--nt-space-2)!important}.m-3{margin:var(--nt-space-3)!important}.mt-3{margin-top:var(--nt-space-3)!important}.me-3{margin-right:var(--nt-space-3)!important}.mb-3{margin-bottom:var(--nt-space-3)!important}.ms-3{margin-left:var(--nt-space-3)!important}.mx-3{margin-inline:var(--nt-space-3)!important}.my-3{margin-block:var(--nt-space-3)!important}.p-3{padding:var(--nt-space-3)!important}.pt-3{padding-top:var(--nt-space-3)!important}.pe-3{padding-right:var(--nt-space-3)!important}.pb-3{padding-bottom:var(--nt-space-3)!important}.ps-3{padding-left:var(--nt-space-3)!important}.px-3{padding-inline:var(--nt-space-3)!important}.py-3{padding-block:var(--nt-space-3)!important}.m-4{margin:var(--nt-space-4)!important}.mt-4{margin-top:var(--nt-space-4)!important}.me-4{margin-right:var(--nt-space-4)!important}.mb-4{margin-bottom:var(--nt-space-4)!important}.ms-4{margin-left:var(--nt-space-4)!important}.mx-4{margin-inline:var(--nt-space-4)!important}.my-4{margin-block:var(--nt-space-4)!important}.p-4{padding:var(--nt-space-4)!important}.pt-4{padding-top:var(--nt-space-4)!important}.pe-4{padding-right:var(--nt-space-4)!important}.pb-4{padding-bottom:var(--nt-space-4)!important}.ps-4{padding-left:var(--nt-space-4)!important}.px-4{padding-inline:var(--nt-space-4)!important}.py-4{padding-block:var(--nt-space-4)!important}.m-5{margin:var(--nt-space-5)!important}.mt-5{margin-top:var(--nt-space-5)!important}.me-5{margin-right:var(--nt-space-5)!important}.mb-5{margin-bottom:var(--nt-space-5)!important}.ms-5{margin-left:var(--nt-space-5)!important}.mx-5{margin-inline:var(--nt-space-5)!important}.my-5{margin-block:var(--nt-space-5)!important}.p-5{padding:var(--nt-space-5)!important}.pt-5{padding-top:var(--nt-space-5)!important}.pe-5{padding-right:var(--nt-space-5)!important}.pb-5{padding-bottom:var(--nt-space-5)!important}.ps-5{padding-left:var(--nt-space-5)!important}.px-5{padding-inline:var(--nt-space-5)!important}.py-5{padding-block:var(--nt-space-5)!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.me-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ms-0{margin-left:0!important}.mx-0{margin-inline:0!important}.my-0{margin-block:0!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pe-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.ps-0{padding-left:0!important}.px-0{padding-inline:0!important}.py-0{padding-block:0!important}.content-space-top-0{margin-top:0!important}.content-space-bottom-0{margin-bottom:0!important}.content-space-0{margin-block:0!important}.content-space-top-0{margin-top:calc(var(--content-space-0) * 0)!important}.content-space-bottom-0{margin-bottom:calc(var(--content-space-0) * 0)!important}.content-space-0{margin-block:calc(var(--content-space-0) * 0)!important}.content-space-top-1{margin-top:calc(var(--content-space-1) * 1)!important}.content-space-bottom-1{margin-bottom:calc(var(--content-space-1) * 1)!important}.content-space-1{margin-block:calc(var(--content-space-1) * 1)!important}.content-space-top-2{margin-top:calc(var(--content-space-2) * 2)!important}.content-space-bottom-2{margin-bottom:calc(var(--content-space-2) * 2)!important}.content-space-2{margin-block:calc(var(--content-space-2) * 2)!important}.content-space-top-3{margin-top:calc(var(--content-space-3) * 3)!important}.content-space-bottom-3{margin-bottom:calc(var(--content-space-3) * 3)!important}.content-space-3{margin-block:calc(var(--content-space-3) * 3)!important}.content-space-top-4{margin-top:calc(var(--content-space-4) * 4)!important}.content-space-bottom-4{margin-bottom:calc(var(--content-space-4) * 4)!important}.content-space-4{margin-block:calc(var(--content-space-4) * 4)!important}.content-space-top-5{margin-top:calc(var(--content-space-5) * 5)!important}.content-space-bottom-5{margin-bottom:calc(var(--content-space-5) * 5)!important}.content-space-5{margin-block:calc(var(--content-space-5) * 5)!important}.bg-primary{background-color:var(--nt-primary)!important;--background-color: var(--nt-primary) !important;--text-color: var(--nt-text-on-primary) !important}.text-primary{--text-color: var(--nt-primary) !important;color:var(--nt-primary)!important}.border-primary{--border-color: var(--nt-primary) !important;border-color:var(--nt-primary)!important}.bg-accent{background-color:var(--nt-accent)!important;--background-color: var(--nt-accent) !important;--text-color: var(--nt-text-on-accent) !important}.text-accent{--text-color: var(--nt-accent) !important;color:var(--nt-accent)!important}.border-accent{--border-color: var(--nt-accent) !important;border-color:var(--nt-accent)!important}.bg-secondary{background-color:var(--nt-secondary)!important;--background-color: var(--nt-secondary) !important;--text-color: var(--nt-text-on-secondary) !important}.text-secondary{--text-color: var(--nt-secondary) !important;color:var(--nt-secondary)!important}.border-secondary{--border-color: var(--nt-secondary) !important;border-color:var(--nt-secondary)!important}.bg-success{background-color:var(--nt-success)!important;--background-color: var(--nt-success) !important;--text-color: var(--nt-text-on-success) !important}.text-success{--text-color: var(--nt-success) !important;color:var(--nt-success)!important}.border-success{--border-color: var(--nt-success) !important;border-color:var(--nt-success)!important}.bg-info{background-color:var(--nt-info)!important;--background-color: var(--nt-info) !important;--text-color: var(--nt-text-on-info) !important}.text-info{--text-color: var(--nt-info) !important;color:var(--nt-info)!important}.border-info{--border-color: var(--nt-info) !important;border-color:var(--nt-info)!important}.bg-warning{background-color:var(--nt-warning)!important;--background-color: var(--nt-warning) !important;--text-color: var(--nt-text-on-warning) !important}.text-warning{--text-color: var(--nt-warning) !important;color:var(--nt-warning)!important}.border-warning{--border-color: var(--nt-warning) !important;border-color:var(--nt-warning)!important}.bg-danger{background-color:var(--nt-danger)!important;--background-color: var(--nt-danger) !important;--text-color: var(--nt-text-on-danger) !important}.text-danger{--text-color: var(--nt-danger) !important;color:var(--nt-danger)!important}.border-danger{--border-color: var(--nt-danger) !important;border-color:var(--nt-danger)!important}.bg-light{background-color:var(--nt-light)!important;--background-color: var(--nt-light) !important;--text-color: var(--nt-text-on-light) !important}.text-light{--text-color: var(--nt-light) !important;color:var(--nt-light)!important}.border-light{--border-color: var(--nt-light) !important;border-color:var(--nt-light)!important}.bg-dark{background-color:var(--nt-dark)!important;--background-color: var(--nt-dark) !important;--text-color: var(--nt-text-on-dark) !important}.text-dark{--text-color: var(--nt-dark) !important;color:var(--nt-dark)!important}.border-dark{--border-color: var(--nt-dark) !important;border-color:var(--nt-dark)!important}.bg-white{background-color:var(--nt-white)!important;--background-color: var(--nt-white) !important;--text-color: var(--nt-text-on-white) !important}.text-white{--text-color: var(--nt-white) !important;color:var(--nt-white)!important}.border-white{--border-color: var(--nt-white) !important;border-color:var(--nt-white)!important}.bg-black{background-color:var(--nt-black)!important;--background-color: var(--nt-black) !important;--text-color: var(--nt-text-on-black) !important}.text-black{--text-color: var(--nt-black) !important;color:var(--nt-black)!important}.border-black{--border-color: var(--nt-black) !important;border-color:var(--nt-black)!important}.bg-soft-primary{background-color:var(--background-color)!important;--background-color: var(--nt-soft-primary) !important;--text-color: var(--nt-text-on-soft-primary) !important}.bg-soft-accent{background-color:var(--background-color)!important;--background-color: var(--nt-soft-accent) !important;--text-color: var(--nt-text-on-soft-accent) !important}.bg-soft-secondary{background-color:var(--background-color)!important;--background-color: var(--nt-soft-secondary) !important;--text-color: var(--nt-text-on-soft-secondary) !important}.bg-soft-success{background-color:var(--background-color)!important;--background-color: var(--nt-soft-success) !important;--text-color: var(--nt-text-on-soft-success) !important}.bg-soft-info{background-color:var(--background-color)!important;--background-color: var(--nt-soft-info) !important;--text-color: var(--nt-text-on-soft-info) !important}.bg-soft-warning{background-color:var(--background-color)!important;--background-color: var(--nt-soft-warning) !important;--text-color: var(--nt-text-on-soft-warning) !important}.bg-soft-danger{background-color:var(--background-color)!important;--background-color: var(--nt-soft-danger) !important;--text-color: var(--nt-text-on-soft-danger) !important}.bg-soft-light{background-color:var(--background-color)!important;--background-color: var(--nt-soft-light) !important;--text-color: var(--nt-text-on-soft-light) !important}.bg-soft-dark{background-color:var(--background-color)!important;--background-color: var(--nt-soft-dark) !important;--text-color: var(--nt-text-on-soft-dark) !important}.text-auto{color:var(--text-color)!important}.fs-1{font-size:var(--nt-fs-1)!important;line-height:var(--nt-line-height)!important}.fs-2{font-size:var(--nt-fs-2)!important;line-height:var(--nt-line-height)!important}.fs-3{font-size:var(--nt-fs-3)!important;line-height:var(--nt-line-height)!important}.fs-4{font-size:var(--nt-fs-4)!important;line-height:var(--nt-line-height)!important}.fs-5{font-size:var(--nt-fs-5)!important;line-height:var(--nt-line-height)!important}.fs-6{font-size:var(--nt-fs-6)!important;line-height:var(--nt-line-height)!important}
+.m-1{margin:var(--nt-space-1)!important}.mt-1{margin-top:var(--nt-space-1)!important}.me-1{margin-right:var(--nt-space-1)!important}.mb-1{margin-bottom:var(--nt-space-1)!important}.ms-1{margin-left:var(--nt-space-1)!important}.mx-1{margin-inline:var(--nt-space-1)!important}.my-1{margin-block:var(--nt-space-1)!important}.p-1{padding:var(--nt-space-1)!important}.pt-1{padding-top:var(--nt-space-1)!important}.pe-1{padding-right:var(--nt-space-1)!important}.pb-1{padding-bottom:var(--nt-space-1)!important}.ps-1{padding-left:var(--nt-space-1)!important}.px-1{padding-inline:var(--nt-space-1)!important}.py-1{padding-block:var(--nt-space-1)!important}.m-2{margin:var(--nt-space-2)!important}.mt-2{margin-top:var(--nt-space-2)!important}.me-2{margin-right:var(--nt-space-2)!important}.mb-2{margin-bottom:var(--nt-space-2)!important}.ms-2{margin-left:var(--nt-space-2)!important}.mx-2{margin-inline:var(--nt-space-2)!important}.my-2{margin-block:var(--nt-space-2)!important}.p-2{padding:var(--nt-space-2)!important}.pt-2{padding-top:var(--nt-space-2)!important}.pe-2{padding-right:var(--nt-space-2)!important}.pb-2{padding-bottom:var(--nt-space-2)!important}.ps-2{padding-left:var(--nt-space-2)!important}.px-2{padding-inline:var(--nt-space-2)!important}.py-2{padding-block:var(--nt-space-2)!important}.m-3{margin:var(--nt-space-3)!important}.mt-3{margin-top:var(--nt-space-3)!important}.me-3{margin-right:var(--nt-space-3)!important}.mb-3{margin-bottom:var(--nt-space-3)!important}.ms-3{margin-left:var(--nt-space-3)!important}.mx-3{margin-inline:var(--nt-space-3)!important}.my-3{margin-block:var(--nt-space-3)!important}.p-3{padding:var(--nt-space-3)!important}.pt-3{padding-top:var(--nt-space-3)!important}.pe-3{padding-right:var(--nt-space-3)!important}.pb-3{padding-bottom:var(--nt-space-3)!important}.ps-3{padding-left:var(--nt-space-3)!important}.px-3{padding-inline:var(--nt-space-3)!important}.py-3{padding-block:var(--nt-space-3)!important}.m-4{margin:var(--nt-space-4)!important}.mt-4{margin-top:var(--nt-space-4)!important}.me-4{margin-right:var(--nt-space-4)!important}.mb-4{margin-bottom:var(--nt-space-4)!important}.ms-4{margin-left:var(--nt-space-4)!important}.mx-4{margin-inline:var(--nt-space-4)!important}.my-4{margin-block:var(--nt-space-4)!important}.p-4{padding:var(--nt-space-4)!important}.pt-4{padding-top:var(--nt-space-4)!important}.pe-4{padding-right:var(--nt-space-4)!important}.pb-4{padding-bottom:var(--nt-space-4)!important}.ps-4{padding-left:var(--nt-space-4)!important}.px-4{padding-inline:var(--nt-space-4)!important}.py-4{padding-block:var(--nt-space-4)!important}.m-5{margin:var(--nt-space-5)!important}.mt-5{margin-top:var(--nt-space-5)!important}.me-5{margin-right:var(--nt-space-5)!important}.mb-5{margin-bottom:var(--nt-space-5)!important}.ms-5{margin-left:var(--nt-space-5)!important}.mx-5{margin-inline:var(--nt-space-5)!important}.my-5{margin-block:var(--nt-space-5)!important}.p-5{padding:var(--nt-space-5)!important}.pt-5{padding-top:var(--nt-space-5)!important}.pe-5{padding-right:var(--nt-space-5)!important}.pb-5{padding-bottom:var(--nt-space-5)!important}.ps-5{padding-left:var(--nt-space-5)!important}.px-5{padding-inline:var(--nt-space-5)!important}.py-5{padding-block:var(--nt-space-5)!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.me-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ms-0{margin-left:0!important}.mx-0{margin-inline:0!important}.my-0{margin-block:0!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pe-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.ps-0{padding-left:0!important}.px-0{padding-inline:0!important}.py-0{padding-block:0!important}.content-space-top-0{margin-top:0!important}.content-space-bottom-0{margin-bottom:0!important}.content-space-0{margin-block:0!important}.content-space-top-0{margin-top:calc(var(--content-space-0) * 0)!important}.content-space-bottom-0{margin-bottom:calc(var(--content-space-0) * 0)!important}.content-space-0{margin-block:calc(var(--content-space-0) * 0)!important}.content-space-top-1{margin-top:calc(var(--content-space-1) * 1)!important}.content-space-bottom-1{margin-bottom:calc(var(--content-space-1) * 1)!important}.content-space-1{margin-block:calc(var(--content-space-1) * 1)!important}.content-space-top-2{margin-top:calc(var(--content-space-2) * 2)!important}.content-space-bottom-2{margin-bottom:calc(var(--content-space-2) * 2)!important}.content-space-2{margin-block:calc(var(--content-space-2) * 2)!important}.content-space-top-3{margin-top:calc(var(--content-space-3) * 3)!important}.content-space-bottom-3{margin-bottom:calc(var(--content-space-3) * 3)!important}.content-space-3{margin-block:calc(var(--content-space-3) * 3)!important}.content-space-top-4{margin-top:calc(var(--content-space-4) * 4)!important}.content-space-bottom-4{margin-bottom:calc(var(--content-space-4) * 4)!important}.content-space-4{margin-block:calc(var(--content-space-4) * 4)!important}.content-space-top-5{margin-top:calc(var(--content-space-5) * 5)!important}.content-space-bottom-5{margin-bottom:calc(var(--content-space-5) * 5)!important}.content-space-5{margin-block:calc(var(--content-space-5) * 5)!important}.bg-primary{background-color:var(--nt-primary)!important;--background-color: var(--nt-primary) !important;--text-color: var(--nt-text-on-primary) !important}.text-primary{--text-color: var(--nt-primary) !important;color:var(--nt-primary)!important}.border-primary{--border-color: var(--nt-primary) !important;border-color:var(--nt-primary)!important}.bg-accent{background-color:var(--nt-accent)!important;--background-color: var(--nt-accent) !important;--text-color: var(--nt-text-on-accent) !important}.text-accent{--text-color: var(--nt-accent) !important;color:var(--nt-accent)!important}.border-accent{--border-color: var(--nt-accent) !important;border-color:var(--nt-accent)!important}.bg-secondary{background-color:var(--nt-secondary)!important;--background-color: var(--nt-secondary) !important;--text-color: var(--nt-text-on-secondary) !important}.text-secondary{--text-color: var(--nt-secondary) !important;color:var(--nt-secondary)!important}.border-secondary{--border-color: var(--nt-secondary) !important;border-color:var(--nt-secondary)!important}.bg-success{background-color:var(--nt-success)!important;--background-color: var(--nt-success) !important;--text-color: var(--nt-text-on-success) !important}.text-success{--text-color: var(--nt-success) !important;color:var(--nt-success)!important}.border-success{--border-color: var(--nt-success) !important;border-color:var(--nt-success)!important}.bg-info{background-color:var(--nt-info)!important;--background-color: var(--nt-info) !important;--text-color: var(--nt-text-on-info) !important}.text-info{--text-color: var(--nt-info) !important;color:var(--nt-info)!important}.border-info{--border-color: var(--nt-info) !important;border-color:var(--nt-info)!important}.bg-warning{background-color:var(--nt-warning)!important;--background-color: var(--nt-warning) !important;--text-color: var(--nt-text-on-warning) !important}.text-warning{--text-color: var(--nt-warning) !important;color:var(--nt-warning)!important}.border-warning{--border-color: var(--nt-warning) !important;border-color:var(--nt-warning)!important}.bg-danger{background-color:var(--nt-danger)!important;--background-color: var(--nt-danger) !important;--text-color: var(--nt-text-on-danger) !important}.text-danger{--text-color: var(--nt-danger) !important;color:var(--nt-danger)!important}.border-danger{--border-color: var(--nt-danger) !important;border-color:var(--nt-danger)!important}.bg-light{background-color:var(--nt-light)!important;--background-color: var(--nt-light) !important;--text-color: var(--nt-text-on-light) !important}.text-light{--text-color: var(--nt-light) !important;color:var(--nt-light)!important}.border-light{--border-color: var(--nt-light) !important;border-color:var(--nt-light)!important}.bg-dark{background-color:var(--nt-dark)!important;--background-color: var(--nt-dark) !important;--text-color: var(--nt-text-on-dark) !important}.text-dark{--text-color: var(--nt-dark) !important;color:var(--nt-dark)!important}.border-dark{--border-color: var(--nt-dark) !important;border-color:var(--nt-dark)!important}.bg-white{background-color:var(--nt-white)!important;--background-color: var(--nt-white) !important;--text-color: var(--nt-text-on-white) !important}.text-white{--text-color: var(--nt-white) !important;color:var(--nt-white)!important}.border-white{--border-color: var(--nt-white) !important;border-color:var(--nt-white)!important}.bg-black{background-color:var(--nt-black)!important;--background-color: var(--nt-black) !important;--text-color: var(--nt-text-on-black) !important}.text-black{--text-color: var(--nt-black) !important;color:var(--nt-black)!important}.border-black{--border-color: var(--nt-black) !important;border-color:var(--nt-black)!important}.bg-soft-primary{background-color:var(--background-color)!important;--background-color: var(--nt-soft-primary) !important;--text-color: var(--nt-text-on-soft-primary) !important}.bg-soft-accent{background-color:var(--background-color)!important;--background-color: var(--nt-soft-accent) !important;--text-color: var(--nt-text-on-soft-accent) !important}.bg-soft-secondary{background-color:var(--background-color)!important;--background-color: var(--nt-soft-secondary) !important;--text-color: var(--nt-text-on-soft-secondary) !important}.bg-soft-success{background-color:var(--background-color)!important;--background-color: var(--nt-soft-success) !important;--text-color: var(--nt-text-on-soft-success) !important}.bg-soft-info{background-color:var(--background-color)!important;--background-color: var(--nt-soft-info) !important;--text-color: var(--nt-text-on-soft-info) !important}.bg-soft-warning{background-color:var(--background-color)!important;--background-color: var(--nt-soft-warning) !important;--text-color: var(--nt-text-on-soft-warning) !important}.bg-soft-danger{background-color:var(--background-color)!important;--background-color: var(--nt-soft-danger) !important;--text-color: var(--nt-text-on-soft-danger) !important}.bg-soft-light{background-color:var(--background-color)!important;--background-color: var(--nt-soft-light) !important;--text-color: var(--nt-text-on-soft-light) !important}.bg-soft-dark{background-color:var(--background-color)!important;--background-color: var(--nt-soft-dark) !important;--text-color: var(--nt-text-on-soft-dark) !important}.text-auto{color:var(--text-color)!important}.fs-1{font-size:var(--nt-fs-1)!important;line-height:var(--nt-line-height)!important}.fs-2{font-size:var(--nt-fs-2)!important;line-height:var(--nt-line-height)!important}.fs-3{font-size:var(--nt-fs-3)!important;line-height:var(--nt-line-height)!important}.fs-4{font-size:var(--nt-fs-4)!important;line-height:var(--nt-line-height)!important}.fs-5{font-size:var(--nt-fs-5)!important;line-height:var(--nt-line-height)!important}.fs-6{font-size:var(--nt-fs-6)!important;line-height:var(--nt-line-height)!important}.row{--gutter-x: var(--nt-gap, 1rem);--gutter-y: 0;display:flex;flex-direction:row;flex-wrap:wrap}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gutter-x) * .5);padding-left:calc(var(--gutter-x) * .5);margin-top:var(--gutter-y)}.row-cols-1>*{flex:0 0 100%;width:100%}.row-cols-2>*{flex:0 0 50%;width:50%}.row-cols-3>*{flex:0 0 33.3333333333%;width:33.3333333333%}.row-cols-4>*{flex:0 0 25%;width:25%}.row-cols-5>*{flex:0 0 20%;width:20%}.row-cols-6>*{flex:0 0 16.6666666667%;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col{flex:1 0 0}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.g-0{--gutter-y: calc(0 * var(--nt-base-gap, 1rem));--gutter-x: calc(0 * var(--nt-base-gap, 1rem))}.gx-0{--nt-gap: 0;--gutter-x: calc(0 * var(--nt-base-gap, 1rem))}.gy-0{--nt-gap: calc(0 * var(--nt-base-gap, 1rem));--gutter-y: 0}.g-1{--gutter-y: calc(1 * var(--nt-base-gap, 1rem));--gutter-x: calc(1 * var(--nt-base-gap, 1rem))}.gx-1{--nt-gap: 0;--gutter-x: calc(1 * var(--nt-base-gap, 1rem))}.gy-1{--nt-gap: calc(1 * var(--nt-base-gap, 1rem));--gutter-y: 0}.g-2{--gutter-y: calc(2 * var(--nt-base-gap, 1rem));--gutter-x: calc(2 * var(--nt-base-gap, 1rem))}.gx-2{--nt-gap: 0;--gutter-x: calc(2 * var(--nt-base-gap, 1rem))}.gy-2{--nt-gap: calc(2 * var(--nt-base-gap, 1rem));--gutter-y: 0}.g-3{--gutter-y: calc(3 * var(--nt-base-gap, 1rem));--gutter-x: calc(3 * var(--nt-base-gap, 1rem))}.gx-3{--nt-gap: 0;--gutter-x: calc(3 * var(--nt-base-gap, 1rem))}.gy-3{--nt-gap: calc(3 * var(--nt-base-gap, 1rem));--gutter-y: 0}.g-4{--gutter-y: calc(4 * var(--nt-base-gap, 1rem));--gutter-x: calc(4 * var(--nt-base-gap, 1rem))}.gx-4{--nt-gap: 0;--gutter-x: calc(4 * var(--nt-base-gap, 1rem))}.gy-4{--nt-gap: calc(4 * var(--nt-base-gap, 1rem));--gutter-y: 0}.g-5{--gutter-y: calc(5 * var(--nt-base-gap, 1rem));--gutter-x: calc(5 * var(--nt-base-gap, 1rem))}.gx-5{--nt-gap: 0;--gutter-x: calc(5 * var(--nt-base-gap, 1rem))}.gy-5{--nt-gap: calc(5 * var(--nt-base-gap, 1rem));--gutter-y: 0}.g-6{--gutter-y: calc(6 * var(--nt-base-gap, 1rem));--gutter-x: calc(6 * var(--nt-base-gap, 1rem))}.gx-6{--nt-gap: 0;--gutter-x: calc(6 * var(--nt-base-gap, 1rem))}.gy-6{--nt-gap: calc(6 * var(--nt-base-gap, 1rem));--gutter-y: 0}.border{--border-width: var(--nt-border-width, 1px);--border-style: solid;--border-color: var(--nt-primary);border:var(--border-width) var(--border-style) var(--border-color)!important}.border-top{border-top:var(--nt-border-width) solid rgb(from var(--border-color, var(--nt-dark)) r g b/var(--border-opacity, 1))!important}.border-end{border-inline-end:var(--nt-border-width) solid rgb(from var(--border-color, var(--nt-dark)) r g b/var(--border-opacity, 1))!important}.border-bottom{border-bottom:var(--nt-border-width) solid rgb(from var(--border-color, var(--nt-dark)) r g b/var(--border-opacity, 1))!important}.border-start{border-inline-start:var(--nt-border-width) solid rgb(from var(--border-color, var(--nt-dark)) r g b/var(--border-opacity, 1))!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-end-0{border-inline-end:0!important}.border-bottom-0{border-bottom:0!important}.border-start-0{border-inline-start:0!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-primary{--border-color: rgb(from var(--nt-primary) r g b / var(--border-opacity, 1)) !important}.border-secondary{--border-color: rgb(from var(--nt-secondary) r g b / var(--border-opacity, 1)) !important}.border-accent{--border-color: rgb(from var(--nt-accent) r g b / var(--border-opacity, 1)) !important}.border-success{--border-color: rgb(from var(--nt-success) r g b / var(--border-opacity, 1)) !important}.border-info{--border-color: rgb(from var(--nt-info) r g b / var(--border-opacity, 1)) !important}.border-warning{--border-color: rgb(from var(--nt-warning) r g b / var(--border-opacity, 1)) !important}.border-danger{--border-color: rgb(from var(--nt-danger) r g b / var(--border-opacity, 1)) !important}.border-light{--border-color: rgb(from var(--nt-light) r g b / var(--border-opacity, 1)) !important}.border-dark{--border-color: rgb(from var(--nt-dark) r g b / var(--border-opacity, 1)) !important}.border-white{--border-color: rgb(from var(--nt-white) r g b / var(--border-opacity, 1)) !important}.border-black{--border-color: rgb(from var(--nt-black) r g b / var(--border-opacity, 1)) !important}.border-opacity-10{--border-opacity: .1}.border-opacity-25{--border-opacity: .25}.border-opacity-50{--border-opacity: .5}.border-opacity-75{--border-opacity: .75}.border-opacity-100{--border-opacity: 1}.rounded{border-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-0{border-radius:calc(var(--nt-border-radius) * 0)!important}.rounded-1{border-radius:calc(var(--nt-border-radius) * .25)!important}.rounded-2{border-radius:calc(var(--nt-border-radius) * .5)!important}.rounded-3{border-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-4{border-radius:calc(var(--nt-border-radius) * 1.5)!important}.rounded-5{border-radius:calc(var(--nt-border-radius) * 3)!important}.rounded-top{border-top-left-radius:calc(var(--nt-border-radius) * 1)!important;border-top-right-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-end{border-top-right-radius:calc(var(--nt-border-radius) * 1)!important;border-bottom-right-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-bottom{border-bottom-right-radius:calc(var(--nt-border-radius) * 1)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-start{border-top-left-radius:calc(var(--nt-border-radius) * 1)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top-0{border-top-left-radius:calc(var(--nt-border-radius) * 0)!important;border-top-right-radius:calc(var(--nt-border-radius) * 0)!important}.rounded-end-0{border-top-right-radius:calc(var(--nt-border-radius) * 0)!important;border-bottom-right-radius:calc(var(--nt-border-radius) * 0)!important}.rounded-bottom-0{border-bottom-right-radius:calc(var(--nt-border-radius) * 0)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 0)!important}.rounded-start-0{border-top-left-radius:calc(var(--nt-border-radius) * 0)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 0)!important}.rounded-circle-0{border-radius:50%!important}.rounded-pill-0{border-radius:50rem!important}.rounded-top-1{border-top-left-radius:calc(var(--nt-border-radius) * .25)!important;border-top-right-radius:calc(var(--nt-border-radius) * .25)!important}.rounded-end-1{border-top-right-radius:calc(var(--nt-border-radius) * .25)!important;border-bottom-right-radius:calc(var(--nt-border-radius) * .25)!important}.rounded-bottom-1{border-bottom-right-radius:calc(var(--nt-border-radius) * .25)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * .25)!important}.rounded-start-1{border-top-left-radius:calc(var(--nt-border-radius) * .25)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * .25)!important}.rounded-circle-1{border-radius:50%!important}.rounded-pill-1{border-radius:50rem!important}.rounded-top-2{border-top-left-radius:calc(var(--nt-border-radius) * .5)!important;border-top-right-radius:calc(var(--nt-border-radius) * .5)!important}.rounded-end-2{border-top-right-radius:calc(var(--nt-border-radius) * .5)!important;border-bottom-right-radius:calc(var(--nt-border-radius) * .5)!important}.rounded-bottom-2{border-bottom-right-radius:calc(var(--nt-border-radius) * .5)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * .5)!important}.rounded-start-2{border-top-left-radius:calc(var(--nt-border-radius) * .5)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * .5)!important}.rounded-circle-2{border-radius:50%!important}.rounded-pill-2{border-radius:50rem!important}.rounded-top-3{border-top-left-radius:calc(var(--nt-border-radius) * 1)!important;border-top-right-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-end-3{border-top-right-radius:calc(var(--nt-border-radius) * 1)!important;border-bottom-right-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-bottom-3{border-bottom-right-radius:calc(var(--nt-border-radius) * 1)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-start-3{border-top-left-radius:calc(var(--nt-border-radius) * 1)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 1)!important}.rounded-circle-3{border-radius:50%!important}.rounded-pill-3{border-radius:50rem!important}.rounded-top-4{border-top-left-radius:calc(var(--nt-border-radius) * 1.5)!important;border-top-right-radius:calc(var(--nt-border-radius) * 1.5)!important}.rounded-end-4{border-top-right-radius:calc(var(--nt-border-radius) * 1.5)!important;border-bottom-right-radius:calc(var(--nt-border-radius) * 1.5)!important}.rounded-bottom-4{border-bottom-right-radius:calc(var(--nt-border-radius) * 1.5)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 1.5)!important}.rounded-start-4{border-top-left-radius:calc(var(--nt-border-radius) * 1.5)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 1.5)!important}.rounded-circle-4{border-radius:50%!important}.rounded-pill-4{border-radius:50rem!important}.rounded-top-5{border-top-left-radius:calc(var(--nt-border-radius) * 3)!important;border-top-right-radius:calc(var(--nt-border-radius) * 3)!important}.rounded-end-5{border-top-right-radius:calc(var(--nt-border-radius) * 3)!important;border-bottom-right-radius:calc(var(--nt-border-radius) * 3)!important}.rounded-bottom-5{border-bottom-right-radius:calc(var(--nt-border-radius) * 3)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 3)!important}.rounded-start-5{border-top-left-radius:calc(var(--nt-border-radius) * 3)!important;border-bottom-left-radius:calc(var(--nt-border-radius) * 3)!important}.rounded-circle-5{border-radius:50%!important}.rounded-pill-5{border-radius:50rem!important}.container{width:var(--nt-container-width);margin:0 auto}.container-fluid{width:100%;margin:0 auto}

package/package.json

@@ -1,9 +1,9 @@
 {
     "name": "@nextrap/style-utils",
-    "version": "1.0.5",
+    "version": "1.0.10",
     "main": "./index.js",
     "devDependencies": {
-        "@nextrap/style-base": "1.1.7"
+        "@nextrap/style-base": "^1.1.11"
     },
     "type": "module",
     "types": "./index.d.ts"