@gemboss/gem-framework 0.6.0 → 0.9.0

package/dist/tokens.css

@@ -0,0 +1,67 @@
+:root {
+  --gem-color-background: #f6f6f3;
+  --gem-color-surface: #ffffff;
+  --gem-color-text: #202223;
+  --gem-color-muted: #656c79;
+  --gem-color-accent: #008060;
+  --gem-color-accent-text: #ffffff;
+  --gem-color-border: #d2d5d8;
+  --gem-color-success: #008060;
+  --gem-color-warning: #b7791f;
+  --gem-color-danger: #d72c0d;
+  --gem-font-body: Inter, system-ui, sans-serif;
+  --gem-font-heading: Inter, system-ui, sans-serif;
+  --gem-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
+  --gem-space-xs: calc(4px * var(--gem-style-space, 1));
+  --gem-space-sm: calc(8px * var(--gem-style-space, 1));
+  --gem-space-md: calc(16px * var(--gem-style-space, 1));
+  --gem-space-lg: calc(24px * var(--gem-style-space, 1));
+  --gem-space-xl: calc(32px * var(--gem-style-space, 1));
+  --gem-space-2xl: calc(48px * var(--gem-style-space, 1));
+  --gem-space-3xl: calc(64px * var(--gem-style-space, 1));
+  --gem-space-2xs: calc(var(--gem-space-md) * 0.125);
+  --gem-space-ms: calc(var(--gem-space-md) * 0.75);
+  --gem-space-4xl: calc(var(--gem-space-md) * 7);
+  --gem-radius-sm: calc(4px * var(--gem-style-radius, 1));
+  --gem-radius-md: calc(8px * var(--gem-style-radius, 1));
+  --gem-radius-lg: calc(16px * var(--gem-style-radius, 1));
+  --gem-radius-pill: calc(999px * var(--gem-style-radius, 1));
+  --gem-border-subtle: calc(1px * var(--gem-style-border, 1)) solid var(--gem-color-border);
+  --gem-border-strong: calc(1px * var(--gem-style-border, 1)) solid color-mix(in srgb, var(--gem-color-text) 28%, transparent);
+  --gem-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.08);
+  --gem-shadow-md: 0 8px 24px rgb(0 0 0 / 0.10);
+  --gem-motion-duration: 160ms;
+  --gem-motion-easing: ease;
+  --gem-ease-soft: cubic-bezier(.45,0,.25,1);
+  --gem-ambient-slow: 9s;
+  --gem-ambient-mid: 7s;
+  --gem-ambient-fast: 5.5s;
+  --gem-ambient-amp: 7px;
+  --gem-layout-page: 1180px;
+  --gem-layout-gutter: 32px;
+  --gem-layout-section: 64px;
+  --gem-component-header-height: 72px;
+  --gem-component-card-padding: 16px;
+  --gem-component-button-padding-inline: 18px;
+  --gem-component-button-padding-block: 12px;
+  --gem-component-input-height: 44px;
+  --gem-morphology-campaign-density: balanced;
+  --gem-morphology-media-rhythm: standard;
+  --gem-morphology-proof-intensity: standard;
+  --gem-morphology-commerce-emphasis: balanced;
+  --gem-morphology-policy-tone: standard;
+  --gem-type-base: 1rem;
+  --gem-type-scale: 1.22;
+  --gem-text-sm: calc(var(--gem-type-base) / var(--gem-type-scale));
+  --gem-body: var(--gem-type-base);
+  --gem-h6: calc(var(--gem-type-base) * var(--gem-type-scale));
+  --gem-h5: calc(var(--gem-h6) * var(--gem-type-scale));
+  --gem-h4: calc(var(--gem-h5) * var(--gem-type-scale));
+  --gem-h3: calc(var(--gem-h4) * var(--gem-type-scale));
+  --gem-h2: calc(var(--gem-h3) * var(--gem-type-scale));
+  --gem-h1: calc(var(--gem-h2) * var(--gem-type-scale));
+  --gem-focus-ring: 2px solid var(--gem-color-accent);
+  --gem-tap-min: 44px;
+  --gem-focus-offset: 3px;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gemboss/gem-framework",
-  "version": "0.6.0",
+  "version": "0.9.0",
   "description": "gem-framework của GemTheme (CSS, runtime, token, bộ kiểm) cộng đúng bộ kiểm section gemtheme dùng khi duyệt. Build từ gemtheme, không sửa ở đây.",
   "type": "module",
   "main": "./dist/index.js",
@@ -10,7 +10,27 @@
     "./section-gate": "./dist/section-gate.js",
     "./settings-schema": "./dist/settings-schema.js",
     "./gem-framework.css": "./dist/gem-framework.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./primitives.css": "./dist/primitives.css",
+    "./sections.css": "./dist/sections.css",
+    "./popup-shell.css": "./dist/popup-shell.css",
     "./gem-runtime.js": "./dist/gem-runtime.js",
+    "./runtime-core": {
+      "types": "./dist/runtime-core.d.ts",
+      "default": "./dist/runtime-core.js"
+    },
+    "./runtime-core.js": {
+      "types": "./dist/runtime-core.d.ts",
+      "default": "./dist/runtime-core.js"
+    },
+    "./plugins/*.js": {
+      "types": "./dist/plugins/*.d.ts",
+      "default": "./dist/plugins/*.js"
+    },
+    "./plugins/*": {
+      "types": "./dist/plugins/*.d.ts",
+      "default": "./dist/plugins/*.js"
+    },
     "./SOURCE.json": "./dist/SOURCE.json"
   },
   "files": [