@antadesign/anta 0.1.1-dev.8 → 0.2.0

package/dist/index.d.ts

@@ -22,15 +22,13 @@ export { Text } from './components/Text';
 export type { TextProps } from './components/Text';
 export { Title } from './components/Title';
 export type { TitleProps } from './components/Title';
+export { Tag } from './components/Tag';
+export type { TagProps } from './components/Tag';
 export { Icon } from './components/Icon';
 export type { IconProps } from './components/Icon';
 export { Button } from './components/Button';
 export type { ButtonProps, BaseButtonProps, ContentMode, SubmitMode, PriorityMode, } from './components/Button';
 export { ICON_SHAPES, ICON_SYNONYMS } from './elements/a-icon.shapes';
-export { Sticker } from './components/Sticker';
-export type { StickerProps } from './components/Sticker';
-export { StickerAnimated } from './components/StickerAnimated';
-export type { StickerAnimatedProps } from './components/StickerAnimated';
 export { Tooltip } from './components/Tooltip';
 export type { TooltipProps } from './components/Tooltip';
 export type { BaseProps, BaseAttributes } from './general_types';

package/dist/index.js

@@ -1,11 +1,10 @@
 import { Progress } from "./components/Progress";
 import { Text } from "./components/Text";
 import { Title } from "./components/Title";
+import { Tag } from "./components/Tag";
 import { Icon } from "./components/Icon";
 import { Button } from "./components/Button";
 import { ICON_SHAPES, ICON_SYNONYMS } from "./elements/a-icon.shapes";
-import { Sticker } from "./components/Sticker";
-import { StickerAnimated } from "./components/StickerAnimated";
 import { Tooltip } from "./components/Tooltip";
 import { configure } from "./jsx-runtime";
 export {
@@ -14,8 +13,7 @@ export {
   ICON_SYNONYMS,
   Icon,
   Progress,
-  Sticker,
-  StickerAnimated,
+  Tag,
   Text,
   Title,
   Tooltip,

package/dist/jsx-runtime.d.ts

@@ -22,9 +22,9 @@ export declare function configure(jsx: JsxFunction, Fragment?: ComponentType): v
 export declare function jsx(type: ComponentType, props: Record<string, unknown> | null, key?: string | number): unknown;
 export declare function jsxs(type: ComponentType, props: Record<string, unknown> | null, key?: string | number): unknown;
 export { _Fragment as Fragment };
-import type { AProgressAttributes, ATextAttributes, ATitleAttributes, AIconAttributes, AButtonAttributes, AStickerAttributes, AStickerAnimatedAttributes, ATooltipAttributes, BaseAttributes } from './general_types';
+import type { AProgressAttributes, ATextAttributes, ATitleAttributes, ATagAttributes, AIconAttributes, AButtonAttributes, ATooltipAttributes, BaseAttributes } from './general_types';
 export declare namespace JSX {
-    type IntrinsicElements = React.JSX.IntrinsicElements & {
+    interface IntrinsicElements extends React.JSX.IntrinsicElements {
         'a-progress': AProgressAttributes;
         'a-progress-label': BaseAttributes;
         'a-progress-number': BaseAttributes;
@@ -32,11 +32,12 @@ export declare namespace JSX {
         'a-progress-hint': BaseAttributes;
         'a-text': ATextAttributes;
         'a-title': ATitleAttributes;
+        'a-tag': ATagAttributes;
+        'a-tag-label': BaseAttributes;
+        'a-tag-value': BaseAttributes;
         'a-icon': AIconAttributes;
         'a-button': AButtonAttributes;
         'a-button-label': BaseAttributes;
-        'a-sticker': AStickerAttributes;
-        'a-sticker-animated': AStickerAnimatedAttributes;
         'a-tooltip': ATooltipAttributes;
-    };
+    }
 }

package/dist/reset.css

@@ -108,14 +108,18 @@
   /* 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.
-     `:not([role="button"])` excludes anchor-buttons (`<a role="button">`,
+     `:not(:where([role="button"]))` excludes anchor-buttons (`<a role="button">`,
      e.g. `<Button href>`): `a:link`/`a:visited` are pseudo-classes with the
      same (0,1,1) specificity as `a[role="button"]`, so without the exclusion
      they'd tie and win on source order, giving buttons link colour +
-     underline. Other contexts (nav, headings) still override as needed. */
-  a:not([role="button"]),
-  a:not([role="button"]):link,
-  a:not([role="button"]):visited {
+     underline. The `:where()` keeps the exclusion specificity-neutral so this
+     base rule stays at (0,0,1)/(0,1,1) — a bare `:not([role="button"])` would
+     add an attribute selector's weight and out-specify prose-link overrides
+     like `a-text a` / the <Button> prose-link rule, leaving their links stuck
+     on the global blue. Other contexts (nav, headings) still override as needed. */
+  a:not(:where([role="button"])),
+  a:not(:where([role="button"])):link,
+  a:not(:where([role="button"])):visited {
     color: var(--link-color);
     text-decoration: underline;
     text-decoration-style: solid;
@@ -126,14 +130,14 @@
   /* Hover only on real-pointer devices — gating avoids the sticky hover
      color that lingers after a tap on touch screens. */
   @media (hover: hover) and (pointer: fine) {
-    a:not([role="button"]):hover {
+    a:not(:where([role="button"])):hover {
       color: var(--link-color-hover);
       /* Underline color is left as the resting hairline (the base rule's
          `currentColor` mix) — only the thickness grows on hover. */
       text-decoration-thickness: 1px;
     }
   }
-  a:not([role="button"]):active {
+  a:not(:where([role="button"])):active {
     text-decoration-color: color-mix(in srgb, currentColor 75%, transparent);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antadesign/anta",
-  "version": "0.1.1-dev.8",
+  "version": "0.2.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,18 +26,17 @@
       "types": "./dist/elements/*.d.ts",
       "default": "./dist/elements/*.js"
     },
+    "./anta_helpers": {
+      "types": "./dist/anta_helpers.d.ts",
+      "default": "./dist/anta_helpers.js"
+    },
+    "./general_types": {
+      "types": "./dist/general_types.d.ts",
+      "default": "./dist/general_types.js"
+    },
     "./tokens.css": "./dist/tokens.css",
     "./reset.css": "./dist/reset.css",
     "./generate-icons.mjs": "./dist/generate-icons.mjs",
-    "./generate-stickers.mjs": "./dist/generate-stickers.mjs",
-    "./stickers": {
-      "types": "./dist/components/__generated__/stickers/index.d.ts",
-      "default": "./dist/components/__generated__/stickers/index.js"
-    },
-    "./stickers/*": {
-      "types": "./dist/components/__generated__/stickers/*.d.ts",
-      "default": "./dist/components/__generated__/stickers/*.js"
-    },
     "./*": {
       "types": "./dist/*.d.ts",
       "default": "./dist/*"
@@ -45,13 +44,13 @@
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:css && pnpm run build:types",
-    "build:css": "find src -name '*.css' | while IFS= read -r f; do d=\"dist/${f#src/}\"; mkdir -p \"$(dirname \"$d\")\"; cp \"$f\" \"$d\"; done && cp scripts/generate-icons.mjs scripts/generate-stickers.mjs dist/",
+    "build:css": "find src -name '*.css' | while IFS= read -r f; do d=\"dist/${f#src/}\"; mkdir -p \"$(dirname \"$d\")\"; cp \"$f\" \"$d\"; done && cp scripts/generate-icons.mjs dist/",
     "build:js": "esbuild $(find src \\( -name '*.ts' -o -name '*.tsx' \\) ! -name '*.d.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",
-    "dev": "nodemon -w src -e ts,tsx,css -x 'pnpm run build && pnpm --filter anta-site run docs' & pnpm --filter anta-site run dev & wait",
+    "dev": "echo $$ > .dev.pid; trap 'rm -f .dev.pid' EXIT; nodemon -w src -w stickers/src -e ts,tsx,css -x 'pnpm run build && pnpm --filter @antadesign/stickers run build && pnpm --filter anta-site run docs' & pnpm --filter anta-site run dev & wait",
+    "stop": "node scripts/dev-stop.mjs",
     "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",
-    "stickers": "node scripts/generate-stickers.mjs --input src/elements/stickers --output src/components/__generated__/stickers --internal",
     "clean": "rm -rf dist",
     "prepare": "pnpm run build",
     "prepublishOnly": "pnpm run build"
@@ -64,8 +63,7 @@
   },
   "dependencies": {
     "clsx": "^2.1.0",
-    "es-toolkit": "^1.47.0",
-    "lottie-web": "^5.13.0"
+    "es-toolkit": "^1.47.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"