beathers 5.4.1 → 5.5.0

package/scripts/commands/init.js

@@ -31,6 +31,12 @@ async function getDefaultValues() {
         'guttersValues',
         'bordersValue',
         'radiuses',
+        'glassBlur',
+        'glassColor',
+        'glassBorderThickness',
+        'glassBorder1Color',
+        'glassBorder2Color',
+        'glassLightAngle',
         'useMediaQueries',
         'useIcons',
         'useFontFamilies',
@@ -61,6 +67,7 @@ async function getDefaultValues() {
         'useBorders',
         'useTextBorders',
         'useRadius',
+        'useGlass',
     ]));
 }
 export async function Init() {

package/scripts/helpers/BuildScssVariables.d.ts

@@ -1,3 +1,3 @@
 import { Theme } from '../types.js';
-export declare function BuildScssVariables(theme: Theme): string;
+export declare function BuildScssVariables(theme: Theme, isLocalBuild?: boolean): string;
 //# sourceMappingURL=BuildScssVariables.d.ts.map

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;AAiJnC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAUvD"}
+{"version":3,"file":"BuildScssVariables.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/BuildScssVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAwKnC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,GAAE,OAAe,GAAG,MAAM,CAWtF"}

package/scripts/helpers/BuildScssVariables.js

@@ -15,12 +15,19 @@ function BuildColors(colors) {
         scss += '$colors: ();\n';
     return scss;
 }
-function BuildTypography(typography) {
+function BuildTypography(typography, isLocalBuild = false) {
     let scss = '\n\n// --- Typography ---\n';
     scss += '$defaultFontFamilies:';
     scss += typography?.defaultFontFamilies?.length ? typography.defaultFontFamilies.join(', ').replace(/"/g, '') : 'null';
     scss += ';\n';
-    scss += `$fontMainPath: ${typography?.fontMainPath ? `"${typography.fontMainPath}"` : 'null'};\n`;
+    let fontPath = typography?.fontMainPath || null;
+    if (fontPath && !isLocalBuild) {
+        if (!fontPath.startsWith('/'))
+            fontPath = `../../../${fontPath}`;
+        else
+            fontPath = `../../..${fontPath}`;
+    }
+    scss += `$fontMainPath: ${fontPath ? `"${fontPath}"` : 'null'};\n`;
     scss += `$fontFormat: ${typography?.fontFormat ? `"${typography.fontFormat}"` : 'null'};\n`;
     scss += '$fontWeights: (';
     scss += typography?.fontWeights?.length ? typography.fontWeights.map((fW) => `"${fW}"`).join(', ') : '';
@@ -127,12 +134,28 @@ function BuildRoles(roles) {
         }
     return scss;
 }
-export function BuildScssVariables(theme) {
-    const { colors, roles, settings, typography } = theme;
+function BuildGlass(glass) {
+    if (!glass)
+        return '';
+    let scss = '\n\n// --- Glass ---\n';
+    scss += `$glassBlur: ${glass.blur};\n`;
+    scss += `$glassColorLight: ${glass.glassColor?.light};\n`;
+    scss += `$glassColorDark: ${glass.glassColor?.dark};\n`;
+    scss += `$glassBorderThickness: ${glass.borderThickness};\n`;
+    scss += `$glassBorder1ColorLight: ${glass.border1Color?.light};\n`;
+    scss += `$glassBorder1ColorDark: ${glass.border1Color?.dark};\n`;
+    scss += `$glassBorder2ColorLight: ${glass.border2Color?.light};\n`;
+    scss += `$glassBorder2ColorDark: ${glass.border2Color?.dark};\n`;
+    scss += `$glassLightAngle: ${glass.lightAngle};\n`;
+    return scss;
+}
+export function BuildScssVariables(theme, isLocalBuild = false) {
+    const { colors, roles, settings, typography, glass } = theme;
     let scss = '// Generated by Beathers builder\n // Do not edit this file directly\n\n';
     scss += BuildColors(colors);
-    scss += BuildTypography(typography);
+    scss += BuildTypography(typography, isLocalBuild);
     scss += BuildSettings(settings);
     scss += BuildRoles(roles);
+    scss += BuildGlass(glass);
     return scss;
 }

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,CAmGzG"}
+{"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,CA8GzG"}

package/scripts/helpers/ReadDefaultValues.js

@@ -108,6 +108,8 @@ export async function ReadDefaultValues(files, VariableNames) {
                     result = buildArray(value);
                 else if (['axisDivisions'].includes(name))
                     result = cleanNumber(value);
+                else if (['glassColor', 'glassBorder1Color', 'glassBorder2Color'].includes(name))
+                    result = buildColors(value);
                 else
                     result = cleanString(value);
                 variables[name] = result;
@@ -167,6 +169,15 @@ export async function ReadDefaultValues(files, VariableNames) {
         useBorders: variables?.useBorders,
         useTextBorders: variables?.useTextBorders,
         useRadius: variables?.useRadius,
+        useGlass: variables?.useGlass,
+    };
+    theme.glass = {
+        blur: variables?.glassBlur,
+        glassColor: variables?.glassColor,
+        borderThickness: variables?.glassBorderThickness,
+        border1Color: variables?.glassBorder1Color,
+        border2Color: variables?.glassBorder2Color,
+        lightAngle: variables?.glassLightAngle,
     };
     return theme;
 }

package/scripts/types.d.ts

@@ -1,5 +1,5 @@
 /** CSS size unit values supporting px, rem, em, viewport units, and percentages */
-type SizeUnit = `${number}px` | `${number}rem` | `${number}em` | `${number}vw` | `${number}vh` | `${number}%`;
+type SizeUnit = 0 | `${number}px` | `${number}rem` | `${number}em` | `${number}vw` | `${number}vh` | `${number}%`;
 /** Color configuration object with optional light and dark theme hex values */
 type ColorType = Record<string, {
     light?: `#${string}`;
@@ -71,8 +71,25 @@ interface Settings {
     /** Gutter values for spacing utilities */
     guttersValues?: Record<'auto' | number, 'auto' | SizeUnit>;
 }
+interface Glass {
+    blur?: 0 | `${number}px`;
+    glassColor?: {
+        light?: `#${string}`;
+        dark?: `#${string}`;
+    };
+    borderThickness?: SizeUnit;
+    border1Color?: {
+        light?: `#${string}`;
+        dark?: `#${string}`;
+    };
+    border2Color?: {
+        light?: `#${string}`;
+        dark?: `#${string}`;
+    };
+    lightAngle?: `${number}deg`;
+}
 /** Available feature keys for enabling/disabling CSS utilities */
-type RoleKeys = 'useMediaQueries' | 'useIcons' | 'useFontFamilies' | 'useFontSizes' | 'useFontShapes' | 'useTextAligns' | 'useTextTruncate' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useTransitions' | 'useWrappers' | 'useShadows' | 'useDisplays' | 'useOverflows' | 'useOpacities' | 'useBlur' | 'useObjectFits' | 'usePositions' | 'useInsets' | 'useSizes' | 'useGutters' | 'useBorders' | 'useTextBorders' | 'useRadius';
+type RoleKeys = 'useMediaQueries' | 'useIcons' | 'useFontFamilies' | 'useFontSizes' | 'useFontShapes' | 'useTextAligns' | 'useTextTruncate' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useTransitions' | 'useWrappers' | 'useShadows' | 'useDisplays' | 'useOverflows' | 'useOpacities' | 'useBlur' | 'useObjectFits' | 'usePositions' | 'useInsets' | 'useSizes' | 'useGutters' | 'useBorders' | 'useTextBorders' | 'useRadius' | 'useGlass';
 /** 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 */
@@ -85,6 +102,8 @@ interface Theme {
     settings?: Settings;
     /** Feature flags for controlling which CSS utilities are generated */
     roles?: Roles;
+    /** Optional glassmorphism settings for frosted glass effects */
+    glass?: Glass;
 }
-export type { SizeUnit, ColorType, FontWeight, FontStyle, FontVariant, FontType, Typography, Settings, RoleKeys, Roles, Theme, };
+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

@@ -61,3 +61,4 @@ $useGutters: true;
 $useBorders: true;
 $useTextBorders: true;
 $useRadius: true;
+$useGlass: true;

package/scss/beathers-icons.min.scss

@@ -244,7 +244,7 @@
 
   @font-face {
     font-family: 'beathers';
-    src: url('/fonts/beathers.woff') format('woff');
+    src: url('../public/fonts/beathers.woff') format('woff');
   }
 
   .be {

package/scss/beathers.min.scss

@@ -1,5 +1,5 @@
 /*!
-* Beathers v5.4.1 (https://bhoenixstudio.com/beathers)
+* Beathers v5.5.0 (https://bhoenixstudio.com/beathers)
 * Copyright 2020-2025 Bhoenix Studio
 */
 

package/scss/functions/_typographic.scss

@@ -44,7 +44,7 @@ $fontMainPath: if(vars.$fontMainPath != null, vars.$fontMainPath, defs.$fontMain
 //   //   unicode-range: U+000-5FF;
 //   // }
 //
-@mixin font($title, $weight, $format, $style, $index: 0, $unicode: null, $isLocal: true, $externalUrl: '') {
+@mixin font($key, $title, $weight, $format, $style, $index: 0, $unicode: null, $isLocal: true, $externalUrl: '') {
   // Validate parameters
   $checkedIsLocal: val.boolean($isLocal, '#{$title}.font().local');
   $checkedTitle: val.string($title, '#{$title}.font().title');
@@ -62,7 +62,7 @@ $fontMainPath: if(vars.$fontMainPath != null, vars.$fontMainPath, defs.$fontMain
     $checkedExternalUrl: val.string($externalUrl, 'Typographic.fontFace.externalUrl');
   }
 
-  $name: if($index == 0, $title, '#{$title}-#{$index}');
+  $name: if($index == 0, $title, '#{$key}\:#{$title}');
   $weightValue: map.get(configs.$fontWeightsValues, $weight);
 
   @font-face {

package/scss/settings/_defaults.scss

@@ -68,7 +68,7 @@ $colors: (
   'info': (
     'light': #0c8181,
     'dark': #49d1d1,
-  )
+  ),
 ) !default;
 
 // Typography
@@ -176,3 +176,25 @@ $bordersValue: (1, 2, 3) !default;
 
 // Defines available border-radius values.
 $radiuses: (5, 10) !default;
+
+// Glassmorphism settings
+$glassBlur: 8px !default;
+// Glassmorphism color settings for light and dark modes
+$glassColor: (
+  'light': #ffffff,
+  'dark': #000000,
+) !default;
+// Glassmorphism border thickness
+$glassBorderThickness: 1px !default;
+// Glassmorphism border 1 settings for light and dark modes
+$glassBorder1Color: (
+  'light': #e6e6e6,
+  'dark': #303030,
+) !default;
+// Glassmorphism border 2 settings for light and dark modes
+$glassBorder2Color: (
+  'light': #e6e6e6,
+  'dark': #303030,
+) !default;
+// Glassmorphism light angle
+$glassLightAngle: 45deg !default;

package/scss/settings/_index.scss

@@ -66,3 +66,5 @@ $useBorders: true !default;
 $useTextBorders: true !default;
 // Enables or disables border-radius utilities.
 $useRadius: true !default;
+// Enables or disables glass effect utilities.
+$useGlass: true !default;

package/scss/style/_glass.scss

@@ -0,0 +1,84 @@
+@use '../functions/colors' as colors;
+@use '../settings/index' as settings;
+@use '../settings/defaults' as defs;
+@use '../variables' as vars;
+
+// Definitions
+$useGlass: if(vars.$useGlass != null, vars.$useGlass, settings.$useGlass);
+$useColorsLightMode: if(vars.$useColorsLightMode != null, vars.$useColorsLightMode, settings.$useColorsLightMode);
+$useColorsDarkMode: if(vars.$useColorsDarkMode != null, vars.$useColorsDarkMode, settings.$useColorsDarkMode);
+$glassBlur: if(vars.$glassBlur != null, vars.$glassBlur, defs.$glassBlur);
+$glassColor: if(vars.$glassColor != null, vars.$glassColor, defs.$glassColor);
+$glassBorderThickness: if(vars.$glassBorderThickness != null, vars.$glassBorderThickness, defs.$glassBorderThickness);
+$border1Color: if(vars.$border1Color != null, vars.$border1Color, defs.$border1Color);
+$border2Color: if(vars.$border2Color != null, vars.$border2Color, defs.$border2Color);
+$glassLightAngle: if(vars.$glassLightAngle != null, vars.$glassLightAngle, defs.$glassLightAngle);
+
+@if $useGlass {
+  :root {
+    --glass-blur: #{$glassBlur};
+    --glass-color-light: colors.hexToRgba(map-get($glassColor, 'light'), 0.15, 'Glass.light');
+    --glass-color-dark: colors.hexToRgba(map-get($glassColor, 'dark'), 0.15, 'Glass.dark');
+    --glass-border-thickness: #{$glassBorderThickness};
+    --glass-border-1-color-light: colors.hexToRgba(map-get($border1Color, 'light'), 0.4, 'Glass.light');
+    --glass-border-1-color-dark: colors.hexToRgba(map-get($border1Color, 'dark'), 0.4, 'Glass.dark');
+    --glass-border-2-color-light: colors.hexToRgba(map-get($border2Color, 'light'), 0.1, 'Glass.light');
+    --glass-border-2-color-dark: colors.hexToRgba(map-get($border2Color, 'dark'), 0.1, 'Glass.dark');
+    --glass-light-angle: #{$glassLightAngle};
+  }
+
+  .bg\:glass {
+    position: relative;
+    isolation: isolate;
+    backdrop-filter: blur(var(--glass-blur));
+
+    &::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      border: var(--glass-border-thickness) solid transparent;
+      mask:
+        linear-gradient(black, black) border-box,
+        linear-gradient(black, black) padding-box;
+      mask-composite: subtract;
+      z-index: -1;
+    }
+
+    @if ($useColorsLightMode) {
+      .light &,
+      .light\:#{&},
+      &.light {
+        background: var(--glass-color-light);
+
+        &::before {
+          background: linear-gradient(
+              var(--glass-light-angle),
+              var(--glass-border-2-color-light),
+              var(--glass-border-1-color-light),
+              var(--glass-border-2-color-light)
+            )
+            border-box;
+        }
+      }
+    }
+
+    @if ($useColorsDarkMode) {
+      .dark &,
+      .dark\:#{&},
+      &.dark {
+        background: var(--glass-color-dark);
+
+        &::before {
+          background: linear-gradient(
+              var(--glass-light-angle),
+              var(--glass-border-2-color-dark),
+              var(--glass-border-1-color-dark),
+              var(--glass-border-2-color-dark)
+            )
+            border-box;
+        }
+      }
+    }
+  }
+}

package/scss/style/_resets.scss

@@ -1,9 +1,11 @@
 @use '../settings/configs' as configs;
+@use '../settings/defaults' as defs;
 @use '../variables' as vars;
 @use '../functions/colors' as colors;
 @use '../settings/index' as settings;
 
 // Definitions
+$defaultFontFamilies: if(vars.$defaultFontFamilies != null, vars.$defaultFontFamilies, defs.$defaultFontFamilies);
 $useColors: if(vars.$useColors != null, vars.$useColors, settings.$useColors);
 $useColorsLightMode: if(vars.$useColorsLightMode != null, vars.$useColorsLightMode, settings.$useColorsLightMode);
 $useColorsDarkMode: if(vars.$useColorsDarkMode != null, vars.$useColorsDarkMode, settings.$useColorsDarkMode);
@@ -15,14 +17,14 @@ html {
 
 body {
   position: relative;
-  /* stylelint-disable font-family-no-missing-generic-family-keyword */
-  font-family: 'regular';
+  font-family: 'regular', $defaultFontFamilies;
   overflow-x: hidden;
 }
 
 *,
 ::before,
 ::after {
+  font-family: inherit;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
@@ -51,13 +53,13 @@ a {
 @if $useColors {
   @if $useColorsLightMode {
     .light::selection {
-      background-color: colors.useColorWithMap('custom-2');
+      background-color: colors.useColorWithMap('third');
       color: colors.useColorWithMap('white');
     }
   }
   @if $useColorsDarkMode {
     .dark::selection {
-      background-color: colors.useColorWithMap('custom-2', 'dark');
+      background-color: colors.useColorWithMap('third', 'dark');
       color: colors.useColorWithMap('black');
     }
   }

package/scss/style/_typographic.scss

@@ -112,7 +112,7 @@ $textTruncate: if(vars.$textTruncate != (), vars.$textTruncate, defs.$textTrunca
             $checkedUnicode: val.string($unicode, 'Typographic.fontFace.unicode');
           }
 
-          @include typo.font($title, $weight, $format, $style, $fI, $unicode, $isLocal, $externalUrl);
+          @include typo.font($fontKey, $title, $weight, $format, $style, $fI, $unicode, $isLocal, $externalUrl);
         }
       }
     }
@@ -122,7 +122,7 @@ $textTruncate: if(vars.$textTruncate != (), vars.$textTruncate, defs.$textTrunca
         @each $style in $styles {
           // Font weights
           // Validate parameters
-          $styleClass: if($fI == 0, $weight, '#{$weight}-#{$fI}');
+          $styleClass: if($fI == 0, $weight, '#{$fontKey}\:#{$weight}');
           $weightValue: map.get(configs.$fontWeightsValues, $weight);
 
           $mainClass: if($size, #{$size}#{$divider}#{$styleClass}, $styleClass);
@@ -132,6 +132,7 @@ $textTruncate: if(vars.$textTruncate != (), vars.$textTruncate, defs.$textTrunca
               '#{$styleClass}',
               $defaultFontFamilies if($size, !important, null);
             font-weight: if($size, $weightValue !important, $weightValue);
+
             @if meta.type-of($styles) == 'list' and list.length($styles) > 0 {
               &.#{$style} {
                 font-style: $style;