@antadesign/anta 0.1.1-dev.2 → 0.1.1-dev.4

package/dist/{anta_global_tokens.css → tokens.css}

@@ -1,9 +1,20 @@
+/* Anta declares its layer order so consumers don't have to.
+   `base` is below — typically used by resets like Tailwind's
+   preflight (`@layer base`) — so Anta's reset + element styles
+   beat resets but lose to a consumer's own `@layer components`
+   rules. `utilities` sits above everything so utility-class
+   frameworks like Tailwind (`@layer utilities`) can still
+   override single properties when needed. Consumers who load
+   their own layer-order declaration earlier in the cascade
+   override this one — first mention of each layer name wins. */
+@layer base, anta, components, utilities;
+
 :root, .light {
   --sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   --monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
 
   font-size: 15px;
-  font-weight: 390;
+  font-weight: 400;
   font-feature-settings: 'ss02' on, 'ss05' on;
 
   /* Colors imported from Figma library "Anta 0.2" → "Dynamic colors" collection.
@@ -54,7 +65,6 @@
   --text-3: #635b65; --text-3: oklch(0.482 0.019 319);
   --text-4: #878089; --text-4: oklch(0.609 0.016 319);
   --text-5: #9f99a1; --text-5: oklch(0.691 0.013 318);
-  --text-white: #ffffff; --text-white: oklch(1.000 0.000 90);
 
   /* Text — light, Brand */
   --text-1-brand: #2e1e7b; --text-1-brand: oklch(0.324 0.148 282);
@@ -139,66 +149,9 @@
   --link-color-hover: oklch(0.55 0.23 246.95);
 }
 
-h1, h2, h3, h4, h5, h6 {
-  font-weight: 600;
-}
-
-strong {
-  font-weight: 600;
-}
-
-/* Prose lists (ul, ol) get a tight 3ch left padding so markers hug the
-   text, and items get a small bottom margin so consecutive ones breathe.
-   Markers are toned all the way down to --text-5 since they are visual
-   scaffolding, not content. */
-ul, ol {
-  padding-left: 3ch;
-}
-:is(ul, ol) > li {
-  margin-bottom: 0.5em;
-}
-:is(ul, ol) > li::marker {
-  color: var(--text-5);
-}
-
-/* `<menu>` is for command/option lists, not prose. By default browsers
-   render it like a `<ul>` (disc markers, 40px padding); we strip all of
-   that so it's a clean semantic container ready to be styled. */
-menu {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-menu > li {
-  margin: 0;
-}
-
-/* Global link defaults. Hairline underline at 75% alpha; underline goes
-   to currentColor (100%) and 1px on hover. Color comes from --link-color
-   tokens, which auto-flip in dark mode. Components or specific contexts
-   (nav, headings, buttons) should override as needed. */
-a, a:link, a:visited {
-  color: var(--link-color);
-  text-decoration: underline;
-  text-decoration-style: solid;
-  text-decoration-color: color-mix(in oklch, currentColor 75%, transparent);
-  text-decoration-thickness: 0.5px;
-  text-underline-offset: 3px;
-}
-a:hover {
-  color: var(--link-color-hover);
-  /* Underline color set to the hover token directly (rather than
-     `currentColor`) so it repaints in lockstep with `color` — a few
-     browsers latch onto the old currentColor value otherwise. */
-  text-decoration-color: var(--link-color-hover);
-  text-decoration-thickness: 1px;
-}
-a:active {
-  text-decoration-color: color-mix(in oklch, currentColor 75%, transparent);
-}
 
 .dark {
-  font-weight: 350;
+  font-weight: 400;
 
   /* Backgrounds — dark, neutral */
   --bg-base: #100e11; --bg-base: oklch(0.168 0.007 315);
@@ -243,7 +196,6 @@ a:active {
   --text-3: #9f99a1; --text-3: oklch(0.691 0.013 318);
   --text-4: #776e77; --text-4: oklch(0.549 0.018 326);
   --text-5: #635b65; --text-5: oklch(0.482 0.019 319);
-  --text-white: #ffffff; --text-white: oklch(1.000 0.000 90);
 
   /* Text — dark, Brand */
   --text-1-brand: #c5baff; --text-1-brand: oklch(0.822 0.097 291);
@@ -255,23 +207,23 @@ a:active {
   /* Text — dark, Success */
   --text-1-success: #9ddeb1; --text-1-success: oklch(0.845 0.091 154);
   --text-2-success: #74cd8e; --text-2-success: oklch(0.776 0.125 152);
-  --text-3-success: #71d08ecc; --text-3-success: oklch(0.782 0.131 152 / 0.80);
-  --text-4-success: #71d08e99; --text-4-success: oklch(0.782 0.131 152 / 0.60);
-  --text-5-success: #71d08e66; --text-5-success: oklch(0.782 0.131 152 / 0.40);
+  --text-3-success: #74cd8ecc; --text-3-success: oklch(0.776 0.125 152 / 0.80);
+  --text-4-success: #74cd8e99; --text-4-success: oklch(0.776 0.125 152 / 0.60);
+  --text-5-success: #74cd8e66; --text-5-success: oklch(0.776 0.125 152 / 0.40);
 
   /* Text — dark, Critical */
   --text-1-critical: #ffabac; --text-1-critical: oklch(0.823 0.099 19);
   --text-2-critical: #e78e90; --text-2-critical: oklch(0.740 0.108 19);
-  --text-3-critical: #e49091cc; --text-3-critical: oklch(0.740 0.102 19 / 0.80);
-  --text-4-critical: #e4909199; --text-4-critical: oklch(0.740 0.102 19 / 0.60);
-  --text-5-critical: #e4909166; --text-5-critical: oklch(0.740 0.102 19 / 0.40);
+  --text-3-critical: #e78e90cc; --text-3-critical: oklch(0.740 0.108 19 / 0.80);
+  --text-4-critical: #e78e9099; --text-4-critical: oklch(0.740 0.108 19 / 0.60);
+  --text-5-critical: #e78e9066; --text-5-critical: oklch(0.740 0.108 19 / 0.40);
 
   /* Text — dark, Warning */
   --text-1-warning: #f0bf75; --text-1-warning: oklch(0.833 0.108 77);
   --text-2-warning: #e1a452; --text-2-warning: oklch(0.761 0.122 72);
-  --text-3-warning: #e9a135cc; --text-3-warning: oklch(0.762 0.145 73 / 0.80);
-  --text-4-warning: #e9a13599; --text-4-warning: oklch(0.762 0.145 73 / 0.60);
-  --text-5-warning: #e9a13566; --text-5-warning: oklch(0.762 0.145 73 / 0.40);
+  --text-3-warning: #e1a452cc; --text-3-warning: oklch(0.761 0.122 72 / 0.80);
+  --text-4-warning: #e1a45299; --text-4-warning: oklch(0.761 0.122 72 / 0.60);
+  --text-5-warning: #e1a45266; --text-5-warning: oklch(0.761 0.122 72 / 0.40);
 
   /* Text — dark, Info */
   --text-1-info: #9ed2ff; --text-1-info: oklch(0.844 0.083 245);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antadesign/anta",
-  "version": "0.1.1-dev.2",
+  "version": "0.1.1-dev.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,7 +26,8 @@
       "types": "./dist/elements/*.d.ts",
       "default": "./dist/elements/*.js"
     },
-    "./anta_global_tokens.css": "./dist/anta_global_tokens.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./reset.css": "./dist/reset.css",
     "./generate-icons.mjs": "./dist/generate-icons.mjs",
     "./*": {
       "types": "./dist/*.d.ts",
@@ -35,12 +36,14 @@
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:css && pnpm run build:types",
-    "build:css": "cp src/elements/a-progress.css src/elements/a-text.css src/elements/a-icon.css src/elements/a-icon.shapes.css dist/elements/ && cp src/components/Progress.module.css src/components/Text.module.css dist/components/ && cp src/anta_global_tokens.css dist/ && cp scripts/generate-icons.mjs dist/",
+    "build:css": "cp src/elements/a-progress.css src/elements/a-text.css src/elements/a-icon.css src/elements/a-icon.shapes.css dist/elements/ && cp src/components/Progress.module.css src/components/Text.module.css dist/components/ && cp src/tokens.css src/reset.css dist/ && cp scripts/generate-icons.mjs dist/",
     "build:js": "esbuild src/components/Progress.tsx src/components/Text.tsx src/components/Icon.tsx src/index.ts src/jsx-runtime.ts src/general_types.ts src/anta_helpers.ts src/elements/index.ts src/elements/a-progress.ts src/elements/a-text.ts src/elements/a-icon.ts src/elements/a-icon.shapes.ts --outdir=dist --outbase=src --jsx=automatic --jsx-import-source=@antadesign/anta --format=esm --target=ES2022 --loader:.module.css=local-css --loader:.css=global-css",
     "build:types": "tsc -p src/tsconfig.json",
     "typecheck": "tsc --noEmit -p src/tsconfig.json",
     "icons": "node scripts/generate-icons.mjs --input src/elements/icons --output src/elements --name a-icon.shapes --internal",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "prepare": "pnpm run build",
+    "prepublishOnly": "pnpm run build"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",