@bookklik/senangstart-css 0.1.7 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/docs/.vitepress/config.js +3 -3
  2. package/docs/.vitepress/theme/custom.css +0 -1
  3. package/docs/index.md +8 -20
  4. package/docs/ms/index.md +8 -20
  5. package/package.json +3 -3
package/docs/.vitepress/config.js CHANGED
@@ -13,7 +13,7 @@ const sharedThemeConfig = {
13
13
  ],
14
14
  footer: {
15
15
  message: 'Released under the MIT License.',
16
- copyright: 'Copyright © 2026 SenangStart'
16
+ copyright: 'Copyright © 2026 Bookklik Technologies'
17
17
  }
18
18
  }
19
19
 
@@ -762,7 +762,7 @@ export default defineConfig({
762
762
  label: 'English',
763
763
  lang: 'en',
764
764
  title: 'SenangStart CSS',
765
- description: 'The Intent-First CSS Engine - Speak Human, Compile to Logic',
765
+ description: 'Fluent Style Utilities for Humans and AI',
766
766
  themeConfig: {
767
767
  ...sharedThemeConfig,
768
768
  nav: [
@@ -784,7 +784,7 @@ export default defineConfig({
784
784
  label: 'Bahasa Melayu',
785
785
  lang: 'ms',
786
786
  title: 'SenangStart CSS',
787
- description: 'Enjin CSS Intent-First - Cakap Manusia, Kompil ke Logik',
787
+ description: 'Utiliti Gaya Fasih untuk Manusia dan AI',
788
788
  themeConfig: {
789
789
  ...sharedThemeConfig,
790
790
  nav: [
package/docs/.vitepress/theme/custom.css CHANGED
@@ -11,7 +11,6 @@
11
11
  --vp-c-brand-1: #2563EB;
12
12
  --vp-c-brand-2: #3B82F6;
13
13
  --vp-c-brand-3: #DBEAFE;
14
- --vp-c-brand-soft: #DBEAFE;
15
14
 
16
15
  /* Override default colors */
17
16
  --vp-c-default-1: #3E4A5D;
package/docs/index.md CHANGED
@@ -3,8 +3,8 @@ layout: home
3
3
 
4
4
  hero:
5
5
  name: SenangStart CSS
6
- text: The Intent-First CSS Engine
7
- tagline: Speak Human. Compile to Logic.
6
+ text: Natural Language Engine
7
+ tagline: Fluent Style Utilities for Humans and AI
8
8
  image:
9
9
  src: https://senangstart.com/img/use_senangstart.svg
10
10
  alt: SenangStart CSS
@@ -17,38 +17,26 @@ hero:
17
17
  link: https://github.com/bookklik-technologies/senangstart-css
18
18
 
19
19
  features:
20
- - icon: 🧠
20
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"></path></svg>
21
21
  title: Natural Language
22
22
  details: Use tiny, small, medium, big, giant, vast — words you already know. No more memorizing px-4, px-8, px-16.
23
- - icon: 🎯
23
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z M3 9h18 M12 9v12"></path></svg>
24
24
  title: Separation of Concerns
25
25
  details: layout for structure, space for sizing, visual for appearance. Clean, semantic, maintainable.
26
- - icon: 🤖
26
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 6h12a2.25 2.25 0 0 1 2.25 2.25v7.5A2.25 2.25 0 0 1 18 18H6a2.25 2.25 0 0 1-2.25-2.25v-7.5A2.25 2.25 0 0 1 6 6zM12 3v3M9 3h6M8.25 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM15.75 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM9 15h6M7.5 18v3M16.5 18v3"></path></svg>
27
27
  title: AI-Friendly
28
28
  details: Generates context files for LLMs. Say "tighten it up" and AI knows to scale down spacing.
29
- - icon: ⚡
29
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h5L12 8 18 8 8.5 22l3.5-10h-6l2-9z"></path></svg>
30
30
  title: Zero Build Option
31
31
  details: Use the CDN JIT runtime for instant styling. No build step required for prototyping.
32
- - icon: 📱
32
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"></path></svg>
33
33
  title: Responsive by Design
34
34
  details: Mobile-first breakpoints with intuitive prefixes like mob:, tab:, lap:, desk:.
35
- - icon: 🎨
35
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 00-1.72 0L2.36 18.64a1.21 1.21 0 000 1.72l1.28 1.28a1.2 1.2 0 001.72 0L21.64 5.36a1.2 1.2 0 000-1.72M10.5 10.5l3 3M5 6v4M19 15v4M10 3v2M7 8H3M21 17h-4M11 4H9"></path></svg>
36
36
  title: Fully Customizable
37
37
  details: Override any scale, add custom colors, extend the theme to match your brand.
38
38
  ---
39
39
 
40
- <style>
41
- :root {
42
- --vp-home-hero-name-color: transparent;
43
- --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #2563EB 30%, #3B82F6);
44
- --vp-home-hero-image-background-image: linear-gradient(-45deg, #2563EB 50%, #3B82F6 50%);
45
- --vp-home-hero-image-filter: blur(44px);
46
- --vp-c-brand-1: #2563EB;
47
- --vp-c-brand-2: #3B82F6;
48
- --vp-c-brand-3: #DBEAFE;
49
- }
50
- </style>
51
-
52
40
  ## Quick Example
53
41
 
54
42
  ```html
package/docs/ms/index.md CHANGED
@@ -3,8 +3,8 @@ layout: home
3
3
 
4
4
  hero:
5
5
  name: SenangStart CSS
6
- text: Enjin CSS Niat Nan Utama
7
- tagline: Cakap Manusia. Kompil ke Logik.
6
+ text: Enjin Bahasa Natural
7
+ tagline: Stail Utiliti yang Fasih untuk Manusia dan AI
8
8
  image:
9
9
  src: https://senangstart.com/img/use_senangstart.svg
10
10
  alt: SenangStart CSS
@@ -17,38 +17,26 @@ hero:
17
17
  link: https://github.com/bookklik-technologies/senangstart-css
18
18
 
19
19
  features:
20
- - icon: 🧠
20
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"></path></svg>
21
21
  title: Bahasa Semula Jadi
22
22
  details: Guna tiny, small, medium, big, giant, vast — perkataan yang anda sudah tahu. Tak perlu hafal px-4, px-8, px-16.
23
- - icon: 🎯
23
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z M3 9h18 M12 9v12"></path></svg>
24
24
  title: Pengasingan Tanggungjawab
25
25
  details: layout untuk struktur, space untuk saiz, visual untuk penampilan. Bersih, semantik, mudah diselenggara.
26
- - icon: 🤖
26
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 6h12a2.25 2.25 0 0 1 2.25 2.25v7.5A2.25 2.25 0 0 1 18 18H6a2.25 2.25 0 0 1-2.25-2.25v-7.5A2.25 2.25 0 0 1 6 6zM12 3v3M9 3h6M8.25 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM15.75 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM9 15h6M7.5 18v3M16.5 18v3"></path></svg>
27
27
  title: Mesra AI
28
28
  details: Menghasilkan fail konteks untuk LLM. Cakap "ketatkan" dan AI tahu untuk kurangkan jarak.
29
- - icon: ⚡
29
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h5L12 8 18 8 8.5 22l3.5-10h-6l2-9z"></path></svg>
30
30
  title: Pilihan Tanpa Bina
31
31
  details: Guna CDN JIT runtime untuk stail serta-merta. Tiada langkah bina diperlukan untuk prototaip.
32
- - icon: 📱
32
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"></path></svg>
33
33
  title: Responsif Secara Rekaan
34
34
  details: Titik Henti mobile-first dengan prefiks intuitif seperti mob:, tab:, lap:, desk:.
35
- - icon: 🎨
35
+ - icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 00-1.72 0L2.36 18.64a1.21 1.21 0 000 1.72l1.28 1.28a1.2 1.2 0 001.72 0L21.64 5.36a1.2 1.2 0 000-1.72M10.5 10.5l3 3M5 6v4M19 15v4M10 3v2M7 8H3M21 17h-4M11 4H9"></path></svg>
36
36
  title: Boleh Disesuaikan Sepenuhnya
37
37
  details: Tindih ganti mana-mana skala, tambah warna tersuai, lanjutkan tema untuk padankan jenama anda.
38
38
  ---
39
39
 
40
- <style>
41
- :root {
42
- --vp-home-hero-name-color: transparent;
43
- --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #2563EB 30%, #3B82F6);
44
- --vp-home-hero-image-background-image: linear-gradient(-45deg, #2563EB 50%, #3B82F6 50%);
45
- --vp-home-hero-image-filter: blur(44px);
46
- --vp-c-brand-1: #2563EB;
47
- --vp-c-brand-2: #3B82F6;
48
- --vp-c-brand-3: #DBEAFE;
49
- }
50
- </style>
51
-
52
40
  ## Contoh Pantas
53
41
 
54
42
  ```html
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bookklik/senangstart-css",
3
- "version": "0.1.7",
4
- "description": "The Intent-First CSS Engine - Speak Human, Compile to Logic",
3
+ "version": "0.1.8",
4
+ "description": "Fluent Style Utilities for Humans and AI",
5
5
  "type": "module",
6
6
  "main": "src/index.js",
7
7
  "bin": {
@@ -31,7 +31,7 @@
31
31
  "natural-language",
32
32
  "intent-first"
33
33
  ],
34
- "author": "",
34
+ "author": "a-hakim",
35
35
  "license": "MIT",
36
36
  "dependencies": {
37
37
  "chokidar": "^3.5.3",