archcss 3.0.0-beta.1 → 3.0.0-beta.2

package/{webfonts → dist/webfonts}/googleapis/fonts.css

@@ -68,4 +68,4 @@
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Crimson+pro:wght@300;400;500;600;700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Crimson+pro:wght@300;400;500;600;700&display=swap");

package/dist/webfonts/googleapis/fonts.min.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=PT+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Droid+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cabin:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Arimo:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Text:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Gugi:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Play:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Alegreya:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pinyon+Script:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Indie+Flower:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bitter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Abril+Fatface:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald+Stencil:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Arvo:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Monda:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=PT+Serif:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo+Black:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bree+Serif:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Mono+One:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Abel:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Questrial:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rokkitt:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Droid+Serif:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+pro:wght@300;400;500;600;700&display=swap";

package/license.md

@@ -0,0 +1,32 @@
+# Architect CSS Framework v3
+
+![Architect CSS Framework](https://img.shields.io/badge/ArchCSS%20Framework-v3-blueviolet?style=for-the-badge&logo=sass)
+![License: MIT](https://img.shields.io/badge/license-MIT-green?style=for-the-badge)
+![License: MPL-2.0](https://img.shields.io/badge/license-MPL--2.0-orange?style=for-the-badge)
+
+MIT License (for compiled assets in /dist/):
+--------------------------------------------
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of the compiled CSS/JS of this software (the "Software"), to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the
+compiled Software, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND.
+
+MPL-2.0 License (for source code in /src/):
+-------------------------------------------
+The source SCSS and TypeScript code are licensed under the Mozilla Public License 2.0.
+
+You are free to use, modify, and distribute the source code, but:
+- Any modified version that is distributed must also be shared under MPL-2.0.
+- You must disclose your changes and include this license.
+
+This ensures the framework stays open and benefits the community.
+
+For commercial licensing or custom terms, contact: [Arch. CSS Dev Team](mailto:dev@archcss.com)
+
+---
+Copyright (c) 2025 [Beba Godfried A.](https://bebagodfried.com)

package/package.json

@@ -1,32 +1,65 @@
 {
   "name": "archcss",
-  "version": "3.0.0-beta.1",
-  "description": "The Architect CSS, is utility-first CSS framework that allows you to quickly create and design your websites and applications with flexible, easy-to-use classes without writing any custom CSS.",
-  "main": "index.js",
-  "style": "ui/style.css",
-  "jsdelivr": "ui/style.css",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/archcss-dev/archcss.git"
+  "version": "3.0.0-beta.2",
+  "description": "Modular CSS framework based on Sass, featuring CSS utilities, a ready-to-use responsive system and an extensible structure. Designed for fast, clean and efficient integration into any modern frontend project.",
+  "main": "dist/index.css",
+  "style": "dist/index.css",
+  "jsdelivr": "dist/index.css",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "tag": "beta"
   },
   "keywords": [
-    "javascript",
+    "archcss",
     "opensource",
-    "framework",
     "ui",
     "ux",
+    "css",
+    "css3",
+    "javascript",
+    "scss",
+    "sass",
+    "typescript",
+    "framework",
     "css-framework",
-    "architect",
-    "architect-ui",
-    "archcss"
+    "sass-framework",
+    "scss-framework",
+    "npm",
+    "npm-package",
+    "style",
+    "styles",
+    "stylesheets",
+    "styles-css",
+    "bebagodfried"
   ],
-  "author": "Beba Godfried",
-  "license": "MIT",
+  "author": "Beba Godfried from ArchCSS Dev Team",
+  "license": "MIT+MPL-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/archcss-dev/archcss.git"
+  },
   "bugs": {
-    "url": "https://github.com/bebagodfried/archcss/issues"
+    "url": "https://github.com/archcss-dev/archcss/issues"
   },
   "homepage": "https://github.com/archcss-dev/archcss#readme",
+  "devDependencies": {
+    "postcss-scss": "^4.0.9",
+    "sass": "^1.89.2",
+    "stylelint": "^16.21.1",
+    "stylelint-config-standard": "^38.0.0",
+    "stylelint-config-standard-scss": "^15.0.1",
+    "stylelint-scss": "^6.12.1",
+    "typescript": "^5.8.3"
+  },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "sass:build": "sass src/libs:dist/ --no-source-map && sass src/scss:dist/ --no-source-map && rm -rf dist/webfonts && mkdir -p dist/webfonts && cp -r src/libs/webfonts/fontawesome src/libs/webfonts/googleapis src/libs/webfonts/lucide dist/webfonts/ && node scripts/inline-fonts.mjs dist/index.css && mkdir -p dist/css dist/ui && cp dist/index.css dist/css/main.css && cp dist/index.css dist/ui/style.css && node scripts/relocate-fonts.mjs dist/css/main.css && node scripts/relocate-fonts.mjs dist/ui/style.css",
+    "sass:watch": "sass --watch src/scss:dist/css",
+    "sass:lint": "stylelint \"src/scss/**/*.scss\"",
+    "ts:build": "tsc",
+    "dev": "pnpm run sass:watch & pnpm run ts:build --watch",
+    "dev:build": "pnpm run sass:build && pnpm run ts:build",
+    "commit": "pnpm run sass:lint && pnpm run sass:build && pnpm run ts:build"
   }
 }

package/readme.md

@@ -1,176 +1,107 @@
-<p align="center">
-  <a href="https://archcss.com/">
-    <img src="https://get.archcss.com/brand/banner/banner.webp" alt="Architect CSS logo" height="320" width="640">
-  </a>
-</p>
-
-<h2 align="center">Architect CSS</h2>
-
-<p align="center">
-  <b>Utility-first CSS framework for building fast, flexible, and modern UIs directly in your HTML.</b>
-  <br>
-  <a href="https://archcss.com"><strong>Explore Documentation »</strong></a>
-  <br>
-  <a href="https://github.com/archcss-dev/archcss/issues/new?assignees=-&labels=bug&template=bug_report.yml">Report bug</a>
-  ·
-  <a href="https://github.com/archcss-dev/archcss/issues/new?assignees=&labels=feature&template=feature_request.yml">Request feature</a>
-</p>
-
-<p align="center">
-  <a href="https://www.npmjs.com/package/archcss"><img src="https://img.shields.io/npm/v/archcss.svg?style=flat-square" alt="npm version"></a>
-  <a href="https://github.com/archcss-dev/archcss/blob/main/license"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="MIT License"></a>
-  <a href="https://cdn.jsdelivr.net/npm/archcss"><img src="https://data.jsdelivr.com/v1/package/npm/archcss/badge" alt="jsdelivr"></a>
-</p>
-
----
-
-## Features
-
-- **Utility-first architecture**: Compose any layout and design directly in your HTML without custom CSS.
-- **Mobile-first responsive design**: Clean breakpoint variants (sm:, md:, lg:, xl:, xxl:).
-- **State variants**: Built-in hover:, focus:, and active: pseudo-variants for colors, borders, and shadows.
-- **Modern CSS Grid & Flexbox**: Complete flexbox controls, equal-width columns (grid-cols-*), and responsive auto-fit/fill scales (grid-fill-*, grid-fit-*).
-- **Rich color & gradient palette**: Extensive theme colors, bidirectional tints/shades, alpha opacity utilities, directional gradients, and 3-color linear gradients.
-- **TypeScript DOM Plugin**: Fast, lightweight helper methods for modals, triggers, smooth scrolling, and clipboard copying.
-- **Bundled Icon Fonts**: Local Lucide Icons and FontAwesome webfonts included out of the box.
-
----
 
-## What's Included
+# Architect CSS framework V3
+![Architect CSS Framework](https://img.shields.io/badge/ArchCSS%20Framework-v3-blueviolet?style=for-the-badge&logo=sass)
+![License: MIT](https://img.shields.io/badge/license-MIT-green?style=for-the-badge)
+![License: MPL-2.0](https://img.shields.io/badge/license-MPL--2.0-orange?style=for-the-badge)
 
-```text
-archcss/
-├── ui/
-│   └── style.css             # Main stylesheet (CDN entrypoint)
-├── css/
-│   ├── arch.css              # Full compiled CSS framework
-│   └── attribution.css       # Standalone origin watermark
-├── js/
-│   └── plugin.js             # Compiled TypeScript DOM plugin
-├── webfonts/
-│   ├── fontawesome/          # FontAwesome CSS, min.css, and webfonts
-│   ├── googleapis/           # Google Fonts CSS and min.css
-│   └── lucide/               # Lucide icon fonts, CSS, min.css, and JS
-├── index.js                  # Package entrypoint
-├── package.json
-└── changelog
-```
+> Modular CSS framework based on Sass, featuring CSS utilities, a ready-to-use responsive system and an extensible structure. Designed for fast, clean and efficient integration into any modern frontend project.
 
----
+## What's Included
 
-## Installation
+- Compiled `CSS` from modular SCSS,
+- Utility-first Sass structure applied to CSS,
+- TypeScript DOM plugin for triggers and manipulation,
+- Invisible CSS watermark (framework origin tracking).
 
-### 1. Package Manager
+## Quick start project
+```
+pnpm init
+pnpm add -D sass stylelint stylelint-scss stylelint-config-standard typescript
+npx tsc --init
+```
 
-Install ArchCSS via npm, pnpm, or yarn:
+## Installation
 
+1. Using NPM
 ```bash
-# npm
 npm install archcss
-
-# pnpm
-pnpm add archcss
-
-# yarn
-yarn add archcss
 ```
 
-### 2. CDN (jsDelivr)
+2. Using PNPM
+```bash
+pnpm install archcss
+```
 
-Link the stylesheet and optional scripts directly in your HTML:
+3. Using Yarn
+```bash
+yarn install archcss
+```
 
-```html
-<!-- ArchCSS Core Stylesheet -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/archcss/ui/style.css">
+> Note: This package only includes **compiled CSS and JS**. Source SCSS is private.
 
-<!-- Optional: Lucide Icons -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/archcss/webfonts/lucide/css/lucide.min.css">
+## NPM Scripts
 
-<!-- Optional: ArchCSS DOM Plugin -->
-<script src="https://cdn.jsdelivr.net/npm/archcss/js/plugin.js"></script>
+### Build Sass
+```bash
+pnpm run sass:build
 ```
+> Compile `src/scss/` into `dist/` (no sourcemaps), ship the `dist/webfonts/` assets and inline the icon font stylesheets.
 
-### 3. Git Clone or Download
-
+### Watch Sass Changes
 ```bash
-git clone https://github.com/archcss-dev/archcss.git
+pnpm run sass:watch
 ```
+> Watch for SCSS file changes and rebuild automatically.
 
-You can also download [the latest release archive](https://github.com/archcss-dev/archcss/releases).
-
----
-
-## Usage Examples
-
-### 1. HTML with Utility Classes
+### Lint SCSS
+```bash
+pnpm run sass:lint
+```
+> Check Sass code style and errors using `stylelint`.
 
-```html
-<div class="flex items-center justify-between p-3 bg-light rounded-5 border-1 border-light">
-  <h2 class="font-20 fw-700 text-dark m-0">Architect CSS</h2>
-  <button class="bg-primary text-light px-3 py-1 rounded-full hover:bg-primary-200 transition-all">
-    Get Started
-  </button>
-</div>
+### Commit Before Release
+```bash
+pnpm run commit
 ```
+> Run Sass lint and build. Fails if linting fails.
 
-### 2. Responsive Grid
+## Usage Example
 
+### Include CSS
 ```html
-<div class="grid grid-cols-1 md:grid-cols-3 gap-2">
-  <div class="p-3 bg-white rounded-5 shadow-sm">Card 1</div>
-  <div class="p-3 bg-white rounded-5 shadow-sm">Card 2</div>
-  <div class="p-3 bg-white rounded-5 shadow-sm">Card 3</div>
-</div>
+<link rel="stylesheet" href="node_modules/archcss/dist/index.css">
 ```
 
-### 3. DOM Plugin
+The compiled `dist/index.css` already inlines the FontAwesome and Lucide
+icon stylesheets and bundles the Google Fonts imports, so a single file is
+enough. The icon font files ship under `dist/webfonts/` and are referenced
+with paths relative to the stylesheet, so CSS and icon fonts work in the
+browser and in bundlers (Next.js, Vite, webpack) without extra config.
 
-Use the included DOM plugin helpers in your scripts:
+> If you only need part of it, the individual assets are available at
+> `dist/webfonts/fontawesome/css/fontawessome.min.css` and
+> `dist/webfonts/lucide/css/lucide.min.css`.
 
+### Use DOM Plugin (modals)
 ```html
-<!-- Trigger modal display -->
-<button onclick="display('#my-modal')">Open Modal</button>
-
-<!-- Modal element -->
-<div id="my-modal" class="hidden fixed inset-0 flex items-center justify-center bg-dark-alpha-50">
-  <div class="bg-white p-4 rounded-10 shadow-lg">
-    <p class="m-0 text-dark">Hello from ArchCSS!</p>
-    <button class="mt-2 px-3 py-1 bg-secondary text-light rounded-5" onclick="hide('#my-modal')">
-      Close
-    </button>
-  </div>
-</div>
+<button onclick="display('#modal-1')">Open Modal</button>
+<div id="modal-1" class="hidden">Hello, I am modal</div>
 ```
 
-```javascript
-// Copy to clipboard helper
-strcopy('npm install archcss', () => {
-  console.log('Copied to clipboard!');
-});
-
-// Smooth scroll to an element with offset
-scroll_to('#features', 60);
+```ts
+import Modal from 'archcss/dist/js/plugin.js';
+let modal = new Modal();
 ```
 
----
-
-## Community & Support
-
-- Read the documentation: [https://archcss.com](https://archcss.com)
-- Ask questions and share feedback in [GitHub Discussions](https://github.com/archcss-dev/archcss/discussions)
-- Report bugs or request features via [GitHub Issues](https://github.com/archcss-dev/archcss/issues)
-- If publishing packages that extend Architect CSS on npm, include the `archcss` keyword for discoverability.
-
----
+## License
 
-## Creator
+This project is dual-licensed:
 
-**Beba Godfried A.**
-- GitHub: [@bebagodfried](https://github.com/bebagodfried)
-- Website: [https://archcss.com](https://archcss.com)
+- **MIT**: applies to the compiled assets (`dist`)
+- **MPL-2.0**: applies to the source code (`src/scss`, `src/ts`)
 
----
+> You may use, modify, and redistribute freely. However, if you modify and distribute the **source code**, you must also publish your changes under the same MPL-2.0 license.
 
-## License
+This ensures the framework stays open and protected.
 
-Code released under the [MIT License](https://github.com/archcss-dev/archcss/blob/main/license). Documentation released under [Creative Commons BY 3.0](https://creativecommons.org/licenses/by/3.0/).
+For licensing inquiries: **dev@archcss.com**

package/changelog

@@ -1,166 +0,0 @@
-# 3.0.0-beta.1
-**3.0.0-beta.1**
-**Full Changelog**: https://github.com/archcss-dev/archcss/compare/v2.0.0...v3.0.0-beta.1
-
-[css]
-- new modular SCSS architecture with separated layers (attribution, libs, config, utilities, base, elements, helpers)
-- new atomic mixin generation system (generate-utils, generate-state-utils, responsive-class, theme-colors)
-- new responsive pseudo-state variants for hover:, focus:, and active:
-- new equal-width CSS Grid columns grid-cols-<1..12> using repeat(n, 1fr)
-- new responsive auto-fill and auto-fit grid scales grid-fill-<100..300> and grid-fit-<100..300> (minmax in 20px steps)
-- new grid placement and alignment utilities (col-start-*, col-end-*, row-start-*, row-end-*, justify-items-*, justify-self-*)
-- new directional gradients .gradient-to-<side>-<color_1>-<color_2> for 8 directions
-- new radial gradients .gradient-radial-<color_1>-<color_2>
-- new rem-based positioning family inset-<0|x|y|t|r|b|l>-<value>
-- new alpha opacity utilities bg-<color>-alpha-<10..90> and text-<color>-alpha-<10..90>
-- new flex utilities flex-grow-<0|1> and flex-shrink-<0|1>
-- new form elements and classes (form-block, form-control, form-check, searchbox, checkbox)
-
-- add 3-color linear gradient support gradient-<color_1>-<color_2>-<color_3>
-- add half-step values to spacing scale
-- add base margin-auto utilities for all directions (m-auto, mx-auto, my-auto, mt-auto, mr-auto, mb-auto, ml-auto)
-- add pixel-based font scale font-<7..96> aligned with standard typography increments
-- add oblique font-style utility font-oblique
-- add invisible CSS watermark attribution tracking (css/attribution.css)
-
-- now support Lucide icon utilities and webfonts locally bundled under webfonts/lucide/
-- now support styling input[type=button/reset/submit] identically to <button>
-- now support bidirectional shade and tint generation via shade-or-tint() across all color utilities and states
-- now support universal border reset (border-width: 0; border-style: solid;) ensuring border width classes display properly
-- now support ui/style.css stylesheet entrypoint for CDN and bundler distribution
-
-- remove arch.dev.css and arch.min.css in favor of consolidated arch.css
-- remove external Google Fonts loading by default for offline-first performance
-- remove title-* font-size duplicates in favor of standardized fs-* and h1-h6 classes
-
-- update FontAwesome webfonts to local bundle under webfonts/fontawesome/
-- update Google Fonts location to webfonts/googleapis/
-- update gap utility naming from g-<n> to gap-<n>
-- update css/architect.css renamed to css/attribution.css
-- update headings h1 through h6 component styles and font-size utilities
-- update button and form controls spacing and alignment
-
-- replace .deleted invalid text-decoration keyword with standard line-through (aliasing .strike)
-- replace legacy js/dom.js with TypeScript-compiled js/plugin.js
-
-- fix to-rgba() percentage calculation ensuring bg-*-alpha-* utilities render with intended opacity
-- fix row-start-* and row-end-* grid utilities using line index instead of width percentage
-- fix shade/tint logic in hover:, focus:, and active: pseudo-variants for border, outline, link, and background
-- fix button :empty(*) selector to standard :empty
-- fix progress bar width mismatch caused by display: flex on <progress>
-- fix duplicate rounded-{side}-{radius} CSS rule emission
-- fix @keyframes glow values and turn fraction
-- fix divider and list-divider mixins setting height to border-style keyword
-- fix dead a:hover rule and LVHA link state ordering in base styles
-- fix duplicate $deep-purple color definition
-- fix fractional RGB channels produced by color mixing via channel rounding
-
-[js]
-- new unified DOM plugin (js/plugin.js) compiled from TypeScript (src/ts/plugin.ts)
-- new HttpRequest AJAX utility for XMLHttpRequest handling
-- new strcopy(text, callback) clipboard copy helper
-- new smooth navigation helper scroll_to(el, offset)
-- new event listener helper on(event, listener)
-- update display() to support element arrays (e.g. display(['#id1', '#id2']))
-- update hide() to support element arrays (e.g. hide(['#id1', '#id2']))
-- update toggle() for toggling visibility of single or multiple elements
-- update at_scroll() scroll position listener with element triggers
-- update global $_ getter and setter for document, BOM, and location properties
-- update frame modal, overlay, and pop-up controller
-- update framework version identification to v3.0.0-beta
-
-[webfonts]
-- add Lucide icon font family (webfonts/lucide/css/lucide.css, webfonts/lucide/css/lucide.min.css, webfonts/lucide/js/lucide.min.js)
-- add FontAwesome webfont assets (fa-brands-400, fa-regular-400, fa-solid-900, fa-v4compatibility in TTF and WOFF2)
-- update FontAwesome structure under webfonts/fontawesome/
-- update Google Fonts structure under webfonts/googleapis/
-
-# 2.1.0-preview
-[js]
-- prefer method `display()` instead of `pop()` for `frame` object
-
-# 2.0.1
-**2.0.1-beta-1**
-- fix shadow offset
-- fix transform `.scale-5` value
-- fix transform axis syntax
-- fix margin redundancy for `.m-audio`, `.m<axis>-auto`
-- fixed some latency by removing font libraries (@fontawesome & @googleapis) from `min` and `dev` files
-- update readme.md
-
-# 2.0.0
-[css]
-- new folders structure
-- new gradient synthax `gradient`-<color_1>-<color_2>-<color_3>
-- new radius synthax rounnded-<pill|full|1|2|3|4|5|6>
-
-- add 12 sass brand colors
-- add 3 elementor brand colors
-- add `scrollbar`-<0>
-- add `fancy` option as class for table
-- add `slate` color 
-- add `font-style reset` by d-none 
-
-- now support for flex order as [items-<order>] (from `1` to `12`)
-- now support auto color on simple brand class
-- now support auto uppercase and center for buttons
-- now support for elements visibility 
-- now support <h1...6> `class` similar to heading title
-
-- remove `flex-span` class to [flexspan]
-- remove `bc`-<color> class to `brand-color`-<brand_name>-<color_number>
-- remove `border` as bordered class to `border`-<all>
-- remove `shadow` class to [box-shadow]
-- remove `rounded`-<sm|md|lg|xl>
-- remove shadow on `translate`-<top|left|bottom|right>
-- remove litterals gap (narrow, small, normal, large, wide)
-
-- update Font Awesome to 6.5.1
-- update generic `b` and `em` font-weight
-- update naming list-style-type as class
-- update `-row` elements (width: 100%)
-- update `-row` elements for mobile-first
-- update <hidden> class
-- update <divider> (add shadow, add opacity)
-- update <rounded> (now support from `1` to `12`px )
-- update `scrollbar` width to `3px`
-- update `grid` (gutter)
-- update `table` (width, padding) and `td`, `th` (border)
-- update `spacing` rest (apply to responsive)
-- update `positions` rest (apply to responsive)
-- update `spacing` (from .25rem to 3rem)
-- update `elements` weight (font-weight)
-- update `font-*` utility supported size from `7px` to `96px` as common word-processor
-- update global `font-size` for `h1` to `h6`
-- update global `font-size` classname `fs-`<size> instead of `font`-<size>
-
-- replace `flex`-<length> with `flexspan`-<length>
-- replace `flex-col-reverse` with [flex-column-reverse]
-- replace `flex flex-col-reverse` with [flex-column-reverse]
-- replace `flex flex-column` twith [flex-column]
-- replace `flex flex-row` with [flex-row] and fix items at position
-- replace `self`-<axis> with align-self-<axis> and (add flex: 1 !!!no more need `flexspan`/`flexspan-1`)
-- replace `translate-middle` with `translate-center`
-
-- fix row items position
-- fix margin auto property
-- fix padding auto property
-- fix/update @googleapis font
-
-[js]
-- update
-- remove history
-- splite GLOBALS ($_) in `getter` (get) & `setter` (set)
-- replace `DOM()` with `dom()`
-- remove attrib
-- replace `set_attrib()` to `set_attribute()`
-- update listener [on(event: string, listener: Function)]
-- update `display()` (now support `arrayList`) _eg: display(['#elementId1','#elementId2'])_
-- update `hide()` (now support `arrayList`) _eg: hide(['#elementId1','#elementId2'])_
-- remove `onClick()`, `onDblClick()`
-- replace `on_scroll()` to `at_scroll()` [on_scroll(el: string, add_list: Array<string>, rm_list: Array<string> = [], offset: number = 0)]
-- replace and update `popUp` to `pop` with frame object
-- add/update listener [scroll_to(el: string)]
-
-# 1.0.0
-**Full Changelog**: https://github.com/archcss-dev/archcss/commits/v1.0.0

package/index.js

@@ -1,16 +0,0 @@
-document.addEventListener('DOMContentLoaded', function () {
-   // css
-   var link = document.createElement('link');
-   link.rel = 'stylesheet';
-   link.type = 'text/css';
-   link.href = 'https://cdn.jsdelivr.net/npm/archcss/ui/style.css';
-   document.head.appendChild(link);
-
-   // js
-   var script = document.createElement('script');
-   script.src = 'https://cdn.jsdelivr.net/npm/archcss/js/plugin.js';
-   document.body.appendChild(script);
-
-});
-
-console.log("framework: archcss v3.0.0-beta.1\n\ngit\: https://github.com/archcss-dev/archcss.git")

package/license

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 Béba Godfried
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/ui/attribution.css

@@ -1,6 +0,0 @@
-/*!
- * Name     : ArchCSS - Modern CSS framework for responsive and attractive websites and applications.
- * Version  : 3.0.0 [beta]
- * Author   : @bebagodfried - [archCSS dev.](https://archcss.com/team/@bebagodfried)
- * License  : MIT license
- */