@microbit/ui 0.1.1 → 0.2.1

package/lang/ui.ar.json

@@ -36,7 +36,7 @@
     "description": "Shown in a Select's trigger while nothing is chosen and the app supplies no placeholder"
   },
   "ui.select-row-action": {
-    "defaultMessage": "تحديد",
+    "defaultMessage": "حدّد",
     "description": "Accessible label for a row-selection checkbox in a list or table; screen readers read it together with the row's content"
   },
   "ui.toast-region": {

package/lang/ui.ga-ie.json

@@ -1,6 +1,6 @@
 {
   "ui.breadcrumb": {
-    "defaultMessage": "Mionrian",
+    "defaultMessage": "Grabhróg aráin",
     "description": "Accessible label for the breadcrumb navigation trail (the WAI-ARIA APG's conventional name)"
   },
   "ui.close-action": {
@@ -8,11 +8,11 @@
     "description": "Close button text or label"
   },
   "ui.combobox-listbox": {
-    "defaultMessage": "Suggestions",
+    "defaultMessage": "Moltaí",
     "description": "Accessible label for a ComboBox's dropdown list of suggestions"
   },
   "ui.combobox-trigger": {
-    "defaultMessage": "Show suggestions",
+    "defaultMessage": "Taispeáin moltaí",
     "description": "Accessible label for the button that opens a ComboBox's suggestions dropdown"
   },
   "ui.loading": {
@@ -24,15 +24,15 @@
     "description": "Visually hidden suffix on links that open a new tab, announced by screen readers"
   },
   "ui.numberfield-decrease": {
-    "defaultMessage": "Decrease {fieldLabel}",
+    "defaultMessage": "Laghdaigh {fieldLabel}",
     "description": "Accessible label for a number field's decrement stepper; fieldLabel is the field's label and may be empty"
   },
   "ui.numberfield-increase": {
-    "defaultMessage": "Increase {fieldLabel}",
+    "defaultMessage": "Méadaigh {fieldLabel}",
     "description": "Accessible label for a number field's increment stepper; fieldLabel is the field's label and may be empty"
   },
   "ui.select-placeholder": {
-    "defaultMessage": "Select an item",
+    "defaultMessage": "Roghnaigh mír",
     "description": "Shown in a Select's trigger while nothing is chosen and the app supplies no placeholder"
   },
   "ui.select-row-action": {
@@ -40,7 +40,7 @@
     "description": "Accessible label for a row-selection checkbox in a list or table; screen readers read it together with the row's content"
   },
   "ui.toast-region": {
-    "defaultMessage": "{count, plural, one {# notification} other {# notifications}}.",
+    "defaultMessage": "{count, plural, one {# fógra} two {# fhógra} few {# fógraí} many {# notifications} other {# fógraí}}.",
     "description": "Accessible label for the notifications area; count is the number of notifications showing"
   },
   "ui.toast-status-error": {
@@ -48,11 +48,11 @@
     "description": "Announced by screen readers before an error notification"
   },
   "ui.toast-status-info": {
-    "defaultMessage": "Information",
+    "defaultMessage": "Eolas",
     "description": "Announced by screen readers before an informational notification"
   },
   "ui.toast-status-success": {
-    "defaultMessage": "D'éirigh leis",
+    "defaultMessage": "Rath",
     "description": "Announced by screen readers before a success notification"
   },
   "ui.toast-status-warning": {

package/lang/ui.lol.json

@@ -1,22 +1,22 @@
 {
   "ui.breadcrumb": {
-    "defaultMessage": "Breadcrumb",
+    "defaultMessage": "crwdns370036:0crwdne370036:0",
     "description": "Accessible label for the breadcrumb navigation trail (the WAI-ARIA APG's conventional name)"
   },
   "ui.close-action": {
-    "defaultMessage": "crwdns362700:0crwdne362700:0",
+    "defaultMessage": "crwdns370038:0crwdne370038:0",
     "description": "Close button text or label"
   },
   "ui.combobox-listbox": {
-    "defaultMessage": "Suggestions",
+    "defaultMessage": "crwdns370040:0crwdne370040:0",
     "description": "Accessible label for a ComboBox's dropdown list of suggestions"
   },
   "ui.combobox-trigger": {
-    "defaultMessage": "Show suggestions",
+    "defaultMessage": "crwdns370042:0crwdne370042:0",
     "description": "Accessible label for the button that opens a ComboBox's suggestions dropdown"
   },
   "ui.loading": {
-    "defaultMessage": "Loading",
+    "defaultMessage": "crwdns370044:0crwdne370044:0",
     "description": "Announced by screen readers for a button showing a loading spinner"
   },
   "ui.new-tab-notice": {
@@ -24,39 +24,39 @@
     "description": "Visually hidden suffix on links that open a new tab, announced by screen readers"
   },
   "ui.numberfield-decrease": {
-    "defaultMessage": "Decrease {fieldLabel}",
+    "defaultMessage": "crwdns370046:0{fieldLabel}crwdne370046:0",
     "description": "Accessible label for a number field's decrement stepper; fieldLabel is the field's label and may be empty"
   },
   "ui.numberfield-increase": {
-    "defaultMessage": "Increase {fieldLabel}",
+    "defaultMessage": "crwdns370048:0{fieldLabel}crwdne370048:0",
     "description": "Accessible label for a number field's increment stepper; fieldLabel is the field's label and may be empty"
   },
   "ui.select-placeholder": {
-    "defaultMessage": "Select an item",
+    "defaultMessage": "crwdns370050:0crwdne370050:0",
     "description": "Shown in a Select's trigger while nothing is chosen and the app supplies no placeholder"
   },
   "ui.select-row-action": {
-    "defaultMessage": "Select",
+    "defaultMessage": "crwdns370052:0crwdne370052:0",
     "description": "Accessible label for a row-selection checkbox in a list or table; screen readers read it together with the row's content"
   },
   "ui.toast-region": {
-    "defaultMessage": "{count, plural, one {# notification} other {# notifications}}.",
+    "defaultMessage": "crwdns370054:0count={count}crwdne370054:0",
     "description": "Accessible label for the notifications area; count is the number of notifications showing"
   },
   "ui.toast-status-error": {
-    "defaultMessage": "Error",
+    "defaultMessage": "crwdns370056:0crwdne370056:0",
     "description": "Announced by screen readers before an error notification"
   },
   "ui.toast-status-info": {
-    "defaultMessage": "Information",
+    "defaultMessage": "crwdns370058:0crwdne370058:0",
     "description": "Announced by screen readers before an informational notification"
   },
   "ui.toast-status-success": {
-    "defaultMessage": "Success",
+    "defaultMessage": "crwdns370060:0crwdne370060:0",
     "description": "Announced by screen readers before a success notification"
   },
   "ui.toast-status-warning": {
-    "defaultMessage": "Warning",
+    "defaultMessage": "crwdns370062:0crwdne370062:0",
     "description": "Announced by screen readers before a warning notification"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microbit/ui",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "micro:bit design-system primitives: react-aria-components + Panda CSS with a design language ported from Chakra UI v2. Ships as source; see README for the consumption setup.",
   "license": "MIT",
   "type": "module",

package/src/Breadcrumb.tsx

@@ -110,5 +110,6 @@ export const BreadcrumbLink = (props: BreadcrumbLinkProps) => {
       </CurrentPageText>
     );
   }
-  return <Link {...props} />;
+  // The trail is navigation, so the prose underline stays off by default.
+  return <Link variant="standalone" {...props} />;
 };

package/src/Link.recipe.ts

@@ -0,0 +1,36 @@
+/**
+ * (c) 2026, Micro:bit Educational Foundation and contributors
+ *
+ * SPDX-License-Identifier: MIT
+ */
+import { defineRecipe } from "@pandacss/dev";
+
+/**
+ * Link recipe — underlined by default: a link in prose must be marked by
+ * more than colour (WCAG 1.4.1). `standalone` drops the underline until
+ * hover, for links whose context already shows they are links (navigation,
+ * menus, cards, icon links).
+ *
+ * Registered in the base preset (base-preset.ts).
+ */
+export const link = defineRecipe({
+  className: "link",
+  jsx: ["Link"],
+  base: {
+    cursor: "pointer",
+    textDecoration: "underline",
+    outline: "none",
+    transitionProperty:
+      "background-color, border-color, color, fill, stroke, opacity, box-shadow, transform",
+    transitionDuration: "normal",
+    _focusVisible: { focusRing: "outline" },
+  },
+  variants: {
+    variant: {
+      standalone: {
+        textDecoration: "none",
+        _hover: { textDecoration: "underline" },
+      },
+    },
+  },
+});

package/src/Link.tsx

@@ -4,20 +4,11 @@
  * SPDX-License-Identifier: MIT
  */
 import { styled } from "styled-system/jsx";
+import { link } from "styled-system/recipes";
 
 /**
- * Link — a styled anchor (no underline until hover, focus ring on keyboard
- * focus). Accepts Panda style props for colour etc.
+ * Link — a styled anchor, underlined by default (see Link.recipe.ts).
+ * Pass `variant="standalone"` for links whose context already shows they
+ * are links. Accepts Panda style props for colour etc.
  */
-export const Link = styled("a", {
-  base: {
-    cursor: "pointer",
-    textDecoration: "none",
-    outline: "none",
-    transitionProperty:
-      "background-color, border-color, color, fill, stroke, opacity, box-shadow, transform",
-    transitionDuration: "normal",
-    _hover: { textDecoration: "underline" },
-    _focusVisible: { focusRing: "outline" },
-  },
-});
+export const Link = styled("a", link);

package/src/base-preset.ts

@@ -33,6 +33,7 @@ import { drawer } from "./Drawer.recipe";
 import { gridList } from "./GridList.recipe";
 import { heading } from "./Heading.recipe";
 import { input } from "./Input.recipe";
+import { link } from "./Link.recipe";
 import { listBox } from "./ListBox.recipe";
 import { numberField } from "./NumberField.recipe";
 import { menu } from "./Menu.recipe";
@@ -295,6 +296,7 @@ export const basePreset = definePreset({
       button,
       heading,
       input,
+      link,
       text,
       tooltip,
     },
@@ -439,6 +441,7 @@ export const basePreset = definePreset({
       drawer: ["*"],
       field: ["*"],
       gridList: ["*"],
+      link: ["*"],
       listBox: ["*"],
       input: ["*"],
       numberField: ["*"],