@tempoxyz/ds 0.3.11 → 0.3.13

package/dist/oxlint/rules/PreferSurface.js

@@ -0,0 +1,55 @@
+import * as Docs from '../internal/Docs.js';
+import * as Styles from '../internal/Styles.js';
+// Elements that render a card's container. Inline elements and controls draw other components.
+const tags = new Set(['article', 'aside', 'div', 'li', 'section']);
+// Values that draw nothing, so the declaration does not make the element a card.
+const empty = /^(?:0(?:\.0+)?(?:px|rem)?|initial|none|transparent|unset)$/;
+/**
+ * Reports an `article`, `aside`, `div`, `li`, or `section` whose styles draw a card: a corner
+ * radius and padding with a border or a background. A pill radius, such as `full`, and a
+ * positioned element, such as a hand-built popover, pass.
+ */
+export const rule = {
+    meta: {
+        docs: { description: 'Use `Surface` instead of a native element styled as a card.' },
+        messages: {
+            surface: "Use 'Surface' from '@tempoxyz/ds' instead of styling <{{element}}> as a card. It sets the radius and padding together. See {{url}}",
+        },
+        schema: [],
+        type: 'suggestion',
+    },
+    create(context) {
+        return Styles.visit((element) => {
+            if (!tags.has(element.tag))
+                return;
+            const declarations = element.declarations;
+            function set(property) {
+                const node = declarations.get(property);
+                if (!node)
+                    return false;
+                const value = Styles.text(node);
+                return value === undefined || !empty.test(value);
+            }
+            const properties = [...declarations.keys()];
+            const position = Styles.text(declarations.get('position'));
+            const radius = properties.some((property) => {
+                if (!property.endsWith('Radius') || !set(property))
+                    return false;
+                const value = Styles.text(declarations.get(property));
+                return value === undefined || !/^(?:50%|9{3,}(?:px)?|full)$/.test(value);
+            });
+            const padding = properties.some((property) => property.startsWith('padding') && set(property));
+            const border = properties.some((property) => /^border(?:Block|Bottom|Inline|Left|Right|Top)?(?:End|Start)?(?:Style|Width)?$/.test(property) && set(property));
+            const background = set('background') || set('backgroundColor');
+            if (position === 'absolute' || position === 'fixed' || position === 'sticky')
+                return;
+            if (radius && padding && (border || background))
+                context.report({
+                    data: { element: element.tag, url: Docs.component('Surface') },
+                    messageId: 'surface',
+                    node: element.node,
+                });
+        });
+    },
+};
+//# sourceMappingURL=PreferSurface.js.map

package/dist/oxlint/rules/PreferSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferSurface.js","sourceRoot":"","sources":["../../../src/oxlint/rules/PreferSurface.ts"],"names":[],"mappings":"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"}

package/dist/oxlint/rules/RequireAccessibleName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequireAccessibleName.d.ts","sourceRoot":"","sources":["../../../src/oxlint/rules/RequireAccessibleName.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,OAAO,KAAK,EAAU,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAwBnD;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,IAqGlB,CAAA"}
+{"version":3,"file":"RequireAccessibleName.d.ts","sourceRoot":"","sources":["../../../src/oxlint/rules/RequireAccessibleName.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,OAAO,KAAK,EAAU,IAAI,EAAE,MAAM,iBAAiB,CAAA;AA0BnD;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,IAqGlB,CAAA"}

package/dist/oxlint/rules/RequireAccessibleName.js

@@ -2,8 +2,10 @@ import * as Imports from '../internal/Imports.js';
 const list = new Intl.ListFormat('en', { type: 'disjunction' });
 const web = ['aria-label', 'aria-labelledby'];
 const mobile = ['accessibilityLabel', 'accessibilityLabelledBy', 'aria-label', 'aria-labelledby'];
-// Components from each surface whose rendered output has no text to name it.
+// Components from each surface whose rendered output has no text to name it. Marketing ships no
+// components yet.
 const targets = {
+    marketing: {},
     mobile: { IconButton: { names: mobile } },
     web: {
         Button: { names: web, when: { attribute: 'shape', value: 'icon' } },

package/dist/oxlint/rules/RequireAccessibleName.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequireAccessibleName.js","sourceRoot":"","sources":["../../../src/oxlint/rules/RequireAccessibleName.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"RequireAccessibleName.js","sourceRoot":"","sources":["../../../src/oxlint/rules/RequireAccessibleName.ts"],"names":[],"mappings":"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"}

package/dist/oxlint/rules/RequireScrollRegion.d.ts

@@ -0,0 +1,11 @@
+/** Requires a name, a role, and a tab stop on native scroll containers. @module */
+import type { Rule } from '@oxlint/plugins';
+/**
+ * Reports a native element that scrolls, through `overflow` set to `auto` or `scroll`, without
+ * `role`, `tabIndex`, and `aria-label` or `aria-labelledby`. Keyboards scroll only a focusable
+ * region, and screen readers announce the region by its name. An element with a spread that the
+ * rule cannot read passes, since the spread can supply the attributes, and so does a container whose
+ * content holds a link, a button, a field, or an element with `tabIndex`.
+ */
+export declare const rule: Rule;
+//# sourceMappingURL=RequireScrollRegion.d.ts.map

package/dist/oxlint/rules/RequireScrollRegion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequireScrollRegion.d.ts","sourceRoot":"","sources":["../../../src/oxlint/rules/RequireScrollRegion.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,OAAO,KAAK,EAAU,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAYnD;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,EAAE,IAuElB,CAAA"}

package/dist/oxlint/rules/RequireScrollRegion.js

@@ -0,0 +1,71 @@
+import * as Docs from '../internal/Docs.js';
+import * as Styles from '../internal/Styles.js';
+const list = new Intl.ListFormat('en', { type: 'conjunction' });
+// Native elements and component names that take focus, so the region's content holds a tab stop.
+const focusable = /^(?:a|button|input|select|summary|textarea|.*(?:Button|Input|Link|Select|Trigger))$/;
+const overflows = ['overflow', 'overflowBlock', 'overflowInline', 'overflowX', 'overflowY'];
+/**
+ * Reports a native element that scrolls, through `overflow` set to `auto` or `scroll`, without
+ * `role`, `tabIndex`, and `aria-label` or `aria-labelledby`. Keyboards scroll only a focusable
+ * region, and screen readers announce the region by its name. An element with a spread that the
+ * rule cannot read passes, since the spread can supply the attributes, and so does a container whose
+ * content holds a link, a button, a field, or an element with `tabIndex`.
+ */
+export const rule = {
+    meta: {
+        docs: { description: 'Name scroll containers and make them focusable.' },
+        messages: {
+            region: 'This scrolling <{{element}}> needs {{missing}}, so keyboard and screen reader users can reach and identify it. See {{url}}',
+        },
+        schema: [],
+        type: 'problem',
+    },
+    create(context) {
+        function attribute(node, names) {
+            return node.attributes.some((attribute) => attribute.type === 'JSXAttribute' &&
+                attribute.name.type === 'JSXIdentifier' &&
+                names.includes(attribute.name.name));
+        }
+        // Whether the JSX inside `node` renders an element that takes focus.
+        function interactive(node) {
+            if (node.type === 'JSXOpeningElement') {
+                const name = context.sourceCode.getText(node.name).split('.').at(-1) ?? '';
+                if (focusable.test(name) || attribute(node, ['href', 'tabIndex']))
+                    return true;
+            }
+            return (context.sourceCode.visitorKeys[node.type] ?? []).some((field) => {
+                const value = Reflect.get(node, field);
+                return (Array.isArray(value) ? value : [value]).some((child) => child && typeof child === 'object' && 'type' in child && interactive(child));
+            });
+        }
+        return Styles.visit((element) => {
+            if (element.spread)
+                return;
+            const scrolls = overflows.some((property) => {
+                const value = Styles.text(element.declarations.get(property));
+                return value !== undefined && /\b(?:auto|scroll)\b/.test(value);
+            });
+            if (!scrolls)
+                return;
+            if (element.node.parent.type === 'JSXElement' &&
+                element.node.parent.children.some(interactive))
+                return;
+            const missing = [
+                ...(attribute(element.node, ['role']) ? [] : ['role="region"']),
+                ...(attribute(element.node, ['tabIndex']) ? [] : ['tabIndex={0}']),
+                ...(attribute(element.node, ['aria-label', 'aria-labelledby']) ? [] : ['an aria-label']),
+            ];
+            if (missing.length > 0)
+                context.report({
+                    data: {
+                        element: element.tag,
+                        missing: list.format(missing),
+                        url: Docs.page('patterns/responsive-layout#scroll-wide-content-inside-its-own-region'),
+                    },
+                    messageId: 'region',
+                    node: element.node,
+                });
+        });
+    },
+};
+//# sourceMappingURL=RequireScrollRegion.js.map

package/dist/oxlint/rules/RequireScrollRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequireScrollRegion.js","sourceRoot":"","sources":["../../../src/oxlint/rules/RequireScrollRegion.ts"],"names":[],"mappings":"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"}

package/dist/web/icons/index.js.zyzz.json

@@ -0,0 +1 @@
+{"classRules":{},"exports":{},"stylesheets":[],"themes":{},"version":31}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tempoxyz/ds",
   "type": "module",
-  "version": "0.3.11",
+  "version": "0.3.13",
   "license": "MIT",
   "files": [
     "DESIGN.md",
@@ -1428,6 +1428,11 @@
       "src": "./src/web/icons/svg/ZoomOut.svg",
       "default": "./dist/web/icons/svg/ZoomOut.svg"
     },
+    "./marketing": {
+      "src": "./src/marketing/index.ts",
+      "types": "./dist/marketing/index.d.ts",
+      "default": "./dist/marketing/index.js"
+    },
     "./mobile": {
       "src": "./src/mobile/index.ts",
       "types": "./dist/mobile/index.d.ts",

package/src/marketing/README.md

@@ -0,0 +1,21 @@
+# Marketing
+
+Use `@tempoxyz/ds/marketing` with a Zyzz plugin for Tempo's marketing websites, such as the home page, campaign landing pages, and launch pages. Marketing is Web only.
+
+```tsx
+import { style } from '@tempoxyz/ds/marketing'
+
+namespace styles {
+  export const hero = style({
+    color: 'content.primary',
+    paddingBlock: '64',
+    typography: 'heading.h1',
+  })
+}
+
+;<section {...styles.hero()} />
+```
+
+The Marketing variables start as a copy of the Web variables and change as the Marketing designs define their own values. Marketing ships no components yet. An app uses one surface: a marketing site imports `@tempoxyz/ds/marketing`, and a product interface imports `@tempoxyz/ds`.
+
+The Marketing surface shares the Zyzz plugin setup of the [Web surface](../web/README.md#setup).

package/src/marketing/index.ts

@@ -0,0 +1,3 @@
+/** Marketing surface: the variables and authoring helpers for Tempo's marketing websites. @module */
+export { style, variants, vars } from './zyzz.config.js'
+export { variables } from './vars.js'