beathers 5.6.2 → 5.7.0

package/docs/typography.md

@@ -0,0 +1,124 @@
+# Typography Documentation
+
+> Simple guide to using typography utilities in Beathers CSS framework
+
+## Table of Contents
+
+- [Font Sizes](#font-sizes)
+- [Text Transformations](#text-transformations)
+- [Text Decorations](#text-decorations)
+- [Text Alignment](#text-alignment)
+- [Text Truncation](#text-truncation)
+
+---
+
+## Font Sizes
+
+### Normal State
+
+```html
+<h1 class="h1">Heading 1 (96px)</h1>
+<h2 class="h2">Heading 2 (60px)</h2>
+<h3 class="h3">Heading 3 (40px)</h3>
+<h4 class="h4">Heading 4 (34px)</h4>
+<h5 class="h5">Heading 5 (24px)</h5>
+<h6 class="h6">Heading 6 (20px)</h6>
+
+<p class="subtitle1">Subtitle 1 (16px)</p>
+<p class="subtitle2">Subtitle 2 (14px)</p>
+<p class="body1">Body 1 (16px)</p>
+<p class="body2">Body 2 (14px)</p>
+<p class="button">Button (14px)</p>
+<p class="caption">Caption (12px)</p>
+<p class="overline">Overline (10px)</p>
+```
+
+### Responsive Sizes
+
+```html
+<h1 class="h1 md:h2 lg:h3">Responsive heading</h1>
+<p class="body1 sm:subtitle1 md:h6">Responsive text</p>
+<span class="caption lg:body2">Responsive small text</span>
+```
+
+---
+
+## Text Transformations
+
+### Normal State
+
+```html
+<p class="uppercase">UPPERCASE TEXT</p>
+<p class="lowercase">lowercase text</p>
+<p class="capitalize">Capitalize Text</p>
+```
+
+### Responsive Transformations
+
+```html
+<p class="capitalize md:uppercase">Responsive transform</p>
+<p class="lowercase lg:capitalize">Mobile lowercase, desktop capitalize</p>
+```
+
+---
+
+## Text Decorations
+
+### Normal State
+
+```html
+<p class="underline">Underlined text</p>
+<p class="line-through">Strikethrough text</p>
+<p class="wavy">Wavy decoration</p>
+<p class="double">Double decoration</p>
+<p class="dotted">Dotted decoration</p>
+<p class="dashed">Dashed decoration</p>
+```
+
+### Combined Decorations
+
+```html
+<p class="underline capitalize">Underlined and capitalized</p>
+<p class="line-through uppercase">Strikethrough and uppercase</p>
+```
+
+---
+
+## Text Alignment
+
+### Normal State
+
+```html
+<p class="text-left">Left aligned text</p>
+<p class="text-start">Start aligned text</p>
+<p class="text-center">Center aligned text</p>
+<p class="text-right">Right aligned text</p>
+<p class="text-end">End aligned text</p>
+<p class="text-justify">Justified text</p>
+```
+
+### Responsive Alignment
+
+```html
+<p class="text-left md:text-center lg:text-right">Responsive alignment</p>
+<p class="text-center sm:text-left">Mobile center, desktop left</p>
+```
+
+---
+
+## Text Truncation
+
+### Normal State
+
+```html
+<p class="text-lines:1">Single line truncation with ellipsis...</p>
+<p class="text-lines:2">Two line truncation with ellipsis after second line...</p>
+<p class="text-lines:3">Three line truncation with ellipsis after third line...</p>
+```
+
+### Responsive Truncation
+
+```html
+<p class="text-lines:2 md:text-lines:3 lg:text-lines:1">Responsive truncation</p>
+<p class="text-lines:1 sm:text-lines:2">Mobile 1 line, desktop 2 lines</p>
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beathers",
-  "version": "5.6.2",
+  "version": "5.7.0",
   "type": "module",
   "description": "Beather is a lightweight SCSS library that serves as a comprehensive design system for your projects. It offers a structured and consistent approach to manage colors, fonts, and other design related variables, making it easier to maintain a cohesive visual identity across your application.",
   "main": "index.js",
@@ -81,7 +81,8 @@
     "scss/**/*.scss",
     "public/images/logo.png",
     "public/fonts/*.{woff,woff2}",
-    "docs/*.{md}",
+    "docs/",
+    "docs/**/*.md",
     "CHANGELOG",
     "readme.md"
   ],

package/readme.md

@@ -240,7 +240,10 @@ You can create one of these files in your project root:
 | `useTextBordersMediaQueries` <br /> Include responsive text border utilities      | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
 | `useRadius` <br /> Include border radius utilities                                | `boolean`                                                                                                                                                                                                         | `true`                                                                                                                                                         |
 | `useRadiusMediaQueries` <br /> Include responsive border radius utilities         | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
-| `useGlass` <br /> Include glassmorphism utilities                                 | `boolean`                                                                                                                                                                                                         | `true`                                                                                                                                                         |
+| `useGlass` <br /> Include glassmorphism utilities                                 | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
+| `useLoader` <br /> Include loader utilities                                       | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
+| `useDialog` <br /> Include dialog utilities                                       | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
+| `useButton` <br /> Include button utilities                                       | `boolean`                                                                                                                                                                                                         | `false`                                                                                                                                                        |
 
 ### TypeScript Configuration Example
 

package/scripts/commands/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/build.ts"],"names":[],"mappings":"AAiIA,wBAAsB,KAAK,kBAmC1B"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/build.ts"],"names":[],"mappings":"AAoIA,wBAAsB,KAAK,kBAmC1B"}

package/scripts/commands/build.js

@@ -75,6 +75,9 @@ async function defaultTheme() {
             'useRadius',
             'useRadiusMediaQueries',
             'useGlass',
+            'useLoader',
+            'useDialog',
+            'useButton',
         ]);
     }
     catch (error) {

package/scripts/commands/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/init.ts"],"names":[],"mappings":"AAgGA,wBAAsB,IAAI,kBA6DzB"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/scripts/commands/init.ts"],"names":[],"mappings":"AAsGA,wBAAsB,IAAI,kBA6DzB"}

package/scripts/commands/init.js

@@ -37,6 +37,9 @@ async function getDefaultValues() {
         'glassBorder1Color',
         'glassBorder2Color',
         'glassLightAngle',
+        'loaderColorMain',
+        'loaderColorSecond',
+        'loaderDuration',
         'useFontFamilies',
         'useFontFamiliesMediaQueries',
         'useFontSizes',
@@ -84,6 +87,9 @@ async function getDefaultValues() {
         'useRadius',
         'useRadiusMediaQueries',
         'useGlass',
+        'useLoader',
+        'useDialog',
+        'useButton',
     ]));
 }
 export async function Init() {

package/scripts/helpers/BuildScssVariables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BuildScssVariables.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/BuildScssVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAgLnC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,GAAE,OAAe,GAAG,MAAM,CAWtF"}
+{"version":3,"file":"BuildScssVariables.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/BuildScssVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAmMnC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,GAAE,OAAe,GAAG,MAAM,CAYtF"}

package/scripts/helpers/BuildScssVariables.js

@@ -151,14 +151,30 @@ function BuildGlass(glass) {
     scss += ');\n';
     return scss;
 }
+function BuildLoader(loader) {
+    if (!loader)
+        return '';
+    let scss = '\n\n// --- Loader ---\n';
+    scss += '$loaderColorMain: (\n';
+    scss += `  'light': ${loader?.colorMain?.light ?? '#ffffff'},\n`;
+    scss += `  'dark': ${loader?.colorMain?.dark ?? '#1a1d21'},\n`;
+    scss += ');\n';
+    scss += '$loaderColorSecond: (\n';
+    scss += `  'light': ${loader?.colorSecond?.light ?? '#f4f4f4'},\n`;
+    scss += `  'dark': ${loader?.colorSecond?.dark ?? '#2e2e3f'},\n`;
+    scss += ');\n';
+    scss += `$loaderDuration: ${loader?.duration ?? 'null'};\n`;
+    return scss;
+}
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function BuildScssVariables(theme, isLocalBuild = false) {
-    const { colors, roles, settings, typography, glass } = theme;
+    const { colors, roles, settings, typography, glass, loader } = theme;
     let scss = '// Generated by Beathers builder\n // Do not edit this file directly\n\n';
     scss += BuildColors(colors);
     scss += BuildTypography(typography);
     scss += BuildSettings(settings);
     scss += BuildRoles(roles);
     scss += BuildGlass(glass);
+    scss += BuildLoader(loader);
     return scss;
 }

package/scripts/helpers/LoadUserConfigs.d.ts

@@ -1,3 +1,3 @@
 import { Theme } from '../types.js';
-export declare function LoadUserConfigs(projectPath?: string): Promise<Theme | null>;
+export declare function LoadUserConfigs<T extends object = object>(projectPath?: string, extra?: T): Promise<(Theme & T) | null>;
 //# sourceMappingURL=LoadUserConfigs.d.ts.map

package/scripts/helpers/LoadUserConfigs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadUserConfigs.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/LoadUserConfigs.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAgCnC,wBAAsB,eAAe,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,CAYjF"}
+{"version":3,"file":"LoadUserConfigs.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/LoadUserConfigs.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAgCnC,wBAAsB,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC7D,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,CAAC,GACR,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAY7B"}

package/scripts/helpers/LoadUserConfigs.js

@@ -30,15 +30,15 @@ function loadJsonConfig(filePath) {
         throw new Error(`Failed to parse JSON config from ${filePath}: ${error}`);
     }
 }
-export async function LoadUserConfigs(projectPath) {
+export async function LoadUserConfigs(projectPath, extra) {
     const basePath = projectPath ?? process.cwd();
     const configFilePath = findConfigFile(basePath);
     if (!configFilePath)
         return null;
     const extension = path.extname(configFilePath);
     if (extension === '.json')
-        return loadJsonConfig(configFilePath);
+        return { ...loadJsonConfig(configFilePath), ...extra };
     if (['.js', '.ts'].includes(extension))
-        return await loadJsOrTsConfig(configFilePath);
+        return { ...(await loadJsOrTsConfig(configFilePath)), ...extra };
     throw new Error(`Unsupported config file format: ${extension}`);
 }

package/scripts/helpers/ReadDefaultValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReadDefaultValues.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/ReadDefaultValues.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2C,KAAK,EAAE,MAAM,aAAa,CAAA;AAmF5E,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CA8HzG"}
+{"version":3,"file":"ReadDefaultValues.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/ReadDefaultValues.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2C,KAAK,EAAE,MAAM,aAAa,CAAA;AAmF5E,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CA2IzG"}

package/scripts/helpers/ReadDefaultValues.js

@@ -108,7 +108,7 @@ export async function ReadDefaultValues(files, VariableNames) {
                     result = buildArray(value);
                 else if (['axisDivisions'].includes(name))
                     result = cleanNumber(value);
-                else if (['glassColor', 'glassBorder1Color', 'glassBorder2Color'].includes(name))
+                else if (['glassColor', 'glassBorder1Color', 'glassBorder2Color', 'loaderColorMain', 'loaderColorSecond'].includes(name))
                     result = buildColors(value);
                 else
                     result = cleanString(value);
@@ -187,6 +187,9 @@ export async function ReadDefaultValues(files, VariableNames) {
         useRadius: variables?.useRadius,
         useRadiusMediaQueries: variables?.useRadiusMediaQueries,
         useGlass: variables?.useGlass,
+        useLoader: variables?.useLoader,
+        useDialog: variables?.useDialog,
+        useButton: variables?.useButton,
     };
     theme.glass = {
         blur: variables?.glassBlur,
@@ -196,5 +199,10 @@ export async function ReadDefaultValues(files, VariableNames) {
         border2Color: variables?.glassBorder2Color,
         lightAngle: variables?.glassLightAngle,
     };
+    theme.loader = {
+        colorMain: variables?.loaderColorMain,
+        colorSecond: variables?.loaderColorSecond,
+        duration: variables?.loaderDuration,
+    };
     return theme;
 }

package/scripts/types.d.ts

@@ -88,8 +88,19 @@ interface Glass {
     };
     lightAngle?: `${number}deg`;
 }
+interface Loader {
+    colorMain?: {
+        light?: `#${string}`;
+        dark?: `#${string}`;
+    };
+    colorSecond?: {
+        light?: `#${string}`;
+        dark?: `#${string}`;
+    };
+    duration?: `${number}s` | `${number}ms`;
+}
 /** Available feature keys for enabling/disabling CSS utilities */
-type RoleKeys = 'useFontFamilies' | 'useFontFamiliesMediaQueries' | 'useFontSizes' | 'useFontSizesMediaQueries' | 'useFontShapes' | 'useFontShapesMediaQueries' | 'useTextAligns' | 'useTextAlignsMediaQueries' | 'useTextTruncate' | 'useTextTruncateMediaQueries' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useGridMediaQueries' | 'useWrappers' | 'useShadows' | 'useShadowsMediaQueries' | 'useDisplays' | 'useDisplaysMediaQueries' | 'useOverflows' | 'useOverflowsMediaQueries' | 'useOpacities' | 'useOpacitiesMediaQueries' | 'useBlur' | 'useBlurMediaQueries' | 'useObjectFits' | 'useObjectFitsMediaQueries' | 'usePositions' | 'usePositionsMediaQueries' | 'useInsets' | 'useInsetsMediaQueries' | 'useSizes' | 'useSizesMediaQueries' | 'useGutters' | 'useGuttersMediaQueries' | 'useBorders' | 'useBordersMediaQueries' | 'useTextBorders' | 'useTextBordersMediaQueries' | 'useRadius' | 'useRadiusMediaQueries' | 'useGlass';
+type RoleKeys = 'useFontFamilies' | 'useFontFamiliesMediaQueries' | 'useFontSizes' | 'useFontSizesMediaQueries' | 'useFontShapes' | 'useFontShapesMediaQueries' | 'useTextAligns' | 'useTextAlignsMediaQueries' | 'useTextTruncate' | 'useTextTruncateMediaQueries' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useGridMediaQueries' | 'useWrappers' | 'useShadows' | 'useShadowsMediaQueries' | 'useDisplays' | 'useDisplaysMediaQueries' | 'useOverflows' | 'useOverflowsMediaQueries' | 'useOpacities' | 'useOpacitiesMediaQueries' | 'useBlur' | 'useBlurMediaQueries' | 'useObjectFits' | 'useObjectFitsMediaQueries' | 'usePositions' | 'usePositionsMediaQueries' | 'useInsets' | 'useInsetsMediaQueries' | 'useSizes' | 'useSizesMediaQueries' | 'useGutters' | 'useGuttersMediaQueries' | 'useBorders' | 'useBordersMediaQueries' | 'useTextBorders' | 'useTextBordersMediaQueries' | 'useRadius' | 'useRadiusMediaQueries' | 'useGlass' | 'useLoader' | 'useDialog' | 'useButton';
 /** Feature toggles for enabling/disabling CSS utility generation. @default all true */
 type Roles = Partial<Record<RoleKeys, boolean>>;
 /** Main theme configuration object containing all design system settings */
@@ -106,6 +117,8 @@ interface Theme {
     roles?: Roles;
     /** Optional glassmorphism settings for frosted glass effects */
     glass?: Glass;
+    /** Optional loader animation settings */
+    loader?: Loader;
 }
 export type { SizeUnit, ColorType, FontWeight, FontStyle, FontVariant, FontType, Typography, Settings, RoleKeys, Glass, Roles, Theme, };
 //# sourceMappingURL=types.d.ts.map

package/scripts/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/scripts/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/scripts/types.ts"],"names":[],"mappings":"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"}

package/scss/_variables.scss

@@ -72,7 +72,10 @@ $useTextBorders: true;
 $useTextBordersMediaQueries: false;
 $useRadius: true;
 $useRadiusMediaQueries: false;
-$useGlass: true;
+$useGlass: false;
+$useLoader: false;
+$useDialog: false;
+$useButton: false;
 
 // --- Glass ---
 $glassBlur: null;
@@ -90,3 +93,14 @@ $glassBorder2Color: (
   'dark': #303030,
 );
 $glassLightAngle: null;
+
+// --- Loader ---
+$loaderColorMain: (
+  'light': #ffffff,
+  'dark': #1a1d21,
+);
+$loaderColorSecond: (
+  'light': #f4f4f4,
+  'dark': #2e2e3f,
+);
+$loaderDuration: 2s;

package/scss/beathers.min.scss

@@ -1,5 +1,5 @@
 /*!
-* Beathers v5.6.2 (https://bhoenixstudio.com/beathers)
+* Beathers v5.7.0 (https://bhoenixstudio.com/beathers)
 * Copyright 2020-2025 Bhoenix Studio
 */
 
@@ -10,3 +10,6 @@
 @use './style/grid';
 @use './style/shaping';
 @use './style/glass';
+@use './style/loader';
+@use './style/dialog';
+@use './style/button';

package/scss/settings/_defaults.scss

@@ -198,3 +198,17 @@ $glassBorder2Color: (
 ) !default;
 // Glassmorphism light angle
 $glassLightAngle: 45deg !default;
+
+// Loader/Skeleton settings
+// Loader main color settings for light and dark modes
+$loaderColorMain: (
+  'light': #ffffff,
+  'dark': #1a1d21,
+) !default;
+// Loader second color settings for light and dark modes
+$loaderColorSecond: (
+  'light': #f4f4f4,
+  'dark': #2e2e3f,
+) !default;
+// Loader duration
+$loaderDuration: 2s !default;

package/scss/settings/_index.scss

@@ -81,4 +81,10 @@ $useTextBordersMediaQueries: false !default;
 $useRadius: true !default;
 $useRadiusMediaQueries: false !default;
 // Enables or disables glass effect utilities.
-$useGlass: true !default;
+$useGlass: false !default;
+// Enables or disables loader/skeleton utilities.
+$useLoader: false !default;
+// Enables or disables dialog/modal utilities.
+$useDialog: false !default;
+// Enables or disables button utilities.
+$useButton: false !default;

package/scss/style/_button.scss

@@ -0,0 +1,101 @@
+$corners: (
+  'rounded': 0.25rem,
+  'circle': 100vw,
+  'sharp': 0,
+) !default;
+
+button {
+  cursor: pointer;
+  background: transparent;
+  border: none;
+
+  &.btn {
+    position: relative;
+    isolation: isolate;
+    appearance: none;
+    display: flex;
+    flex-wrap: nowrap;
+    cursor: pointer;
+    transition: 250ms ease-in-out;
+
+    &:not([class*='justify-content:']) {
+      justify-content: center;
+    }
+    &:not([class*='align-items:']) {
+      align-items: center;
+    }
+    &:not([class*='text-start'], [class*='text-left'], [class*='text-end'], [class*='text-right']) {
+      text-align: center;
+    }
+    &:not([class*='border:']) {
+      border-width: 0.15em;
+      border-style: solid;
+    }
+    &:not([class*='bg:']) {
+      background-color: unset;
+    }
+    &:not([class*='radius:']) {
+      @each $corner, $value in $corners {
+        &.btn-#{$corner} {
+          border-radius: $value;
+        }
+      }
+
+      &:is(.btn-circle) {
+        aspect-ratio: 1;
+      }
+    }
+
+    &:is([disabled]) {
+      cursor: not-allowed;
+      opacity: 0.7;
+    }
+
+    &::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      pointer-events: none;
+      z-index: -1;
+      transition: 250ms ease-in-out;
+      opacity: 0;
+    }
+
+    &:is(.loading) .loader-icon {
+      animation: rotate 4s ease-in-out infinite;
+
+      @keyframes rotate {
+        0% {
+          transform: rotate(0deg);
+        }
+        100% {
+          transform: rotate(360deg);
+        }
+      }
+    }
+
+    &:is(:focus-visible, :hover) {
+      transform: translateY(-0.1em);
+
+      &:is(.text-variant) {
+        text-shadow: 0 0.05em rgba(0, 0, 0, 0.4);
+      }
+
+      &:not(.text-variant) {
+        box-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.4);
+
+        &::before {
+          background-color: rgba(0, 0, 0, 0.15);
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+
+:focus,
+button:focus {
+  outline: unset;
+  box-shadow: unset;
+}