@vector-crystal-web/atoms 1.25.1 → 1.25.2

package/CHANGELOG.md

@@ -1,4 +1,4 @@
-# RELEASES - [VECTOR-CRYSTAL-WEB/ATOMS] - VERSION: [1.25.1] - LAST-UPDATE: [2026/03/03]
+# RELEASES - [VECTOR-CRYSTAL-WEB/ATOMS] - VERSION: [1.25.2] - LAST-UPDATE: [2026/03/03]
 
 ---
 
@@ -94,6 +94,7 @@
 
 ### ♻️ Refactor
 
+- 2026/03/03 (Diogo Ribeiro): **crystal-web/build:** change path of imports with new styleIncludePaths variables
 - 2026/02/25 (Diogo Ribeiro): **atoms/radio:** adjusting the use of the crystal-radio component controller
 - 2026/02/15 (Diogo Ribeiro): **atoms/popover:** complete rewrite and refactoring of the component and story popover
 - 2026/02/13 (Diogo Ribeiro): **atoms/popover:** merge develop into feat/atoms/popover
@@ -124,11 +125,13 @@
 
 ### 🩹 Fixes
 
+- 2026/03/03 (Diogo Ribeiro): **atoms/bundle:** enhancement of the bundle and build process and package generation for NPM
 - 2026/03/03 (Diogo Ribeiro): **crystal-web/bundle:** enhancement of the bundle and build process and package generation for NPM
 - 2025/11/09 (Diogo Ribeiro): **atoms/crystal-radio:** code review adjustment behavior and css
 
 ### 🔧 Chore
 
+- 2026/03/03 (Diogo Ribeiro): **tokens/bundle:** update package version, dependencies and logs
 - 2026/03/03 (Diogo Ribeiro): **shared/bundle:** update package version, dependencies, scripts and logs.
 - 2026/03/03 (Diogo Ribeiro): **tokens/bundle:** update package version, dependencies, scripts and logs.
 - 2026/02/26 (Diogo Ribeiro): **tokens/modal:** update package versions, peer dependecies and logs

package/accordion/src/accordion.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-accordionpanel {

package/avatar/src/avatar.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host {
   display: inline-block;

package/badge/src/badge.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .cw-badge {

package/button/index.d.ts

@@ -22,7 +22,7 @@ declare class CrystalButton {
     readonly rounded: _angular_core.InputSignal<boolean>;
     readonly text: _angular_core.InputSignal<boolean>;
     readonly icon: _angular_core.InputSignal<string>;
-    readonly iconPos: _angular_core.InputSignal<"left" | "right">;
+    readonly iconPos: _angular_core.InputSignal<"right" | "left">;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly shadow: _angular_core.InputSignal<shadowType>;
     readonly cwClick: _angular_core.OutputEmitterRef<Event>;

package/button/src/button.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-button {

package/checkbox/src/checkbox.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .cw-checkbox__label {

package/chip/src/chip.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-chip {

package/datepicker/src/datepicker.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 @mixin mixin-input-focus {
   &:focus {

package/divider/index.d.ts

@@ -1,8 +1,8 @@
 import * as _angular_core from '@angular/core';
 
 declare class CrystalDivider {
-    typeLine: _angular_core.InputSignal<"solid" | "dotted" | "dashed">;
-    layout: _angular_core.InputSignal<"horizontal" | "vertical">;
+    typeLine: _angular_core.InputSignal<"solid" | "dashed" | "dotted">;
+    layout: _angular_core.InputSignal<"vertical" | "horizontal">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CrystalDivider, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CrystalDivider, "cw-divider", never, { "typeLine": { "alias": "typeLine"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/divider/src/divider.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-divider {

package/dropdown/src/dropdown.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-autocomplete {

package/hint/src/hint.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-message {

package/label/src/label.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 ::ng-deep .p-tooltip {
   padding: 1em !important;

package/message/src/message.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-message {

package/multiselect/src/multiselect.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 @mixin multiselect-option-checkbox {
   .p-checkbox {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vector-crystal-web/atoms",
-  "version": "1.25.1",
+  "version": "1.25.2",
   "description": "Atomic components for the Crystal Design System (Angular, PrimeNG)",
   "keywords": [
     "angular",
@@ -18,7 +18,7 @@
     "primeng": "^20.0.0",
     "primeflex": "^3.3.1",
     "@phosphor-icons/web": "^2.1.2",
-    "@vector-crystal-web/tokens": "^1.8.1",
+    "@vector-crystal-web/tokens": "^1.8.2",
     "@vector-crystal-web/shared": "^1.1.1"
   },
   "sideEffects": false,
@@ -39,6 +39,10 @@
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-accordion.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/vector-crystal-web-atoms-button.mjs"
+    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-avatar.mjs"
@@ -47,10 +51,6 @@
       "types": "./badge/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-badge.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/vector-crystal-web-atoms-button.mjs"
-    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-checkbox.mjs"
@@ -71,10 +71,6 @@
       "types": "./dropdown/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-dropdown.mjs"
     },
-    "./hint": {
-      "types": "./hint/index.d.ts",
-      "default": "./fesm2022/vector-crystal-web-atoms-hint.mjs"
-    },
     "./label": {
       "types": "./label/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-label.mjs"
@@ -83,6 +79,10 @@
       "types": "./message/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-message.mjs"
     },
+    "./hint": {
+      "types": "./hint/index.d.ts",
+      "default": "./fesm2022/vector-crystal-web-atoms-hint.mjs"
+    },
     "./multiselect": {
       "types": "./multiselect/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-multiselect.mjs"
@@ -91,10 +91,6 @@
       "types": "./paginator/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-paginator.mjs"
     },
-    "./panel": {
-      "types": "./panel/index.d.ts",
-      "default": "./fesm2022/vector-crystal-web-atoms-panel.mjs"
-    },
     "./popover": {
       "types": "./popover/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-popover.mjs"
@@ -103,6 +99,10 @@
       "types": "./radio/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-radio.mjs"
     },
+    "./panel": {
+      "types": "./panel/index.d.ts",
+      "default": "./fesm2022/vector-crystal-web-atoms-panel.mjs"
+    },
     "./segment-control": {
       "types": "./segment-control/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-segment-control.mjs"
@@ -119,22 +119,22 @@
       "types": "./switch/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-switch.mjs"
     },
-    "./tabs": {
-      "types": "./tabs/index.d.ts",
-      "default": "./fesm2022/vector-crystal-web-atoms-tabs.mjs"
-    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-tag.mjs"
     },
-    "./textarea": {
-      "types": "./textarea/index.d.ts",
-      "default": "./fesm2022/vector-crystal-web-atoms-textarea.mjs"
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "default": "./fesm2022/vector-crystal-web-atoms-tabs.mjs"
     },
     "./text-field": {
       "types": "./text-field/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-text-field.mjs"
     },
+    "./textarea": {
+      "types": "./textarea/index.d.ts",
+      "default": "./fesm2022/vector-crystal-web-atoms-textarea.mjs"
+    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/vector-crystal-web-atoms-toast.mjs"

package/paginator/src/paginator.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host {
   .cw-paginator {

package/panel/src/panel.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-panel {

package/popover/src/popover.scss

@@ -1 +1 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;

package/radio/src/radio.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .cw-radio-container {

package/segment-control/src/segment-control.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-selectbutton {

package/snackbar/src/snackbar.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 .cw-snackbar-container {
   position: fixed;

package/stepper/src/stepper.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-step-number {

package/tabs/src/tabs.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-tablist-tab-list {

package/tag/src/tag.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .p-tag {

package/text-field/src/text-field.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host ::ng-deep {
   .container-block {

package/textarea/src/textarea.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 @mixin textarea-focused {
   &:focus,

package/toast/src/toast.scss

@@ -1,4 +1,4 @@
-@use '@vector-crystal-web/tokens/src/lib/tokens' as tokens;
+@use '@vector-crystal-web/tokens/variables' as tokens;
 
 :host {
   .cw-toast-container {