@dxos/ui-theme 0.8.4-main.fbb7a13 → 0.8.4-staging.ac66bdf99f

package/src/util/size.ts

@@ -0,0 +1,103 @@
+//
+// Copyright 2022 DXOS.org
+//
+
+import { type CSSProperties } from 'react';
+
+import { type Size } from '@dxos/ui-types';
+
+import { mx } from '../util';
+
+// NOTE: Class names must be fully-specified string literals so Tailwind's static scanner can detect them.
+const sizeMap: Record<string, { w: string; h: string }> = {
+  0: { w: 'w-0', h: 'h-0' },
+  px: { w: 'w-px', h: 'h-px' },
+  0.5: { w: 'w-0.5', h: 'h-0.5' },
+  1: { w: 'w-1', h: 'h-1' },
+  1.5: { w: 'w-1.5', h: 'h-1.5' },
+  2: { w: 'w-2', h: 'h-2' },
+  2.5: { w: 'w-2.5', h: 'h-2.5' },
+  3: { w: 'w-3', h: 'h-3' },
+  3.5: { w: 'w-3.5', h: 'h-3.5' },
+  4: { w: 'w-4', h: 'h-4' },
+  5: { w: 'w-5', h: 'h-5' },
+  6: { w: 'w-6', h: 'h-6' },
+  7: { w: 'w-7', h: 'h-7' },
+  8: { w: 'w-8', h: 'h-8' },
+  9: { w: 'w-9', h: 'h-9' },
+  10: { w: 'w-10', h: 'h-10' },
+  11: { w: 'w-11', h: 'h-11' },
+  12: { w: 'w-12', h: 'h-12' },
+  14: { w: 'w-14', h: 'h-14' },
+  16: { w: 'w-16', h: 'h-16' },
+  20: { w: 'w-20', h: 'h-20' },
+  24: { w: 'w-24', h: 'h-24' },
+  28: { w: 'w-28', h: 'h-28' },
+  32: { w: 'w-32', h: 'h-32' },
+  36: { w: 'w-36', h: 'h-36' },
+  40: { w: 'w-40', h: 'h-40' },
+  44: { w: 'w-44', h: 'h-44' },
+  48: { w: 'w-48', h: 'h-48' },
+  52: { w: 'w-52', h: 'h-52' },
+  56: { w: 'w-56', h: 'h-56' },
+  60: { w: 'w-60', h: 'h-60' },
+  64: { w: 'w-64', h: 'h-64' },
+  72: { w: 'w-72', h: 'h-72' },
+  80: { w: 'w-80', h: 'h-80' },
+  96: { w: 'w-96', h: 'h-96' },
+};
+
+const SIZE_VALUES: Size[] = Object.keys(sizeMap).map((key) => (key === 'px' ? 'px' : (Number(key) as Size)));
+
+export const getHeight = (size: Size) => sizeMap[size]?.h;
+export const getWidth = (size: Size) => sizeMap[size]?.w;
+export const getSize = (size: Size) => mx(getHeight(size), getWidth(size));
+
+export const sizeValue = (size: Size): number => (size === 'px' ? 1 : size);
+export const sizeToRem = (size: Size): string => (size === 'px' ? '1px' : `${(size as number) * 0.25}rem`);
+
+export const iconSize = (size: Size | null): CSSProperties =>
+  ({ '--icon-size': size ? sizeToRem(size) : 'initial' }) as CSSProperties;
+
+/**
+ * Snaps an arbitrary numeric value to the nearest valid Tailwind size token.
+ *
+ * The function tries progressively coarser series in order until a match is found:
+ * 1. Exact match — returns the value as-is if it is already a valid `Size`.
+ * 2. Zero or negative — clamps to `0`.
+ * 3. Sub-half values (`< 0.5`) — maps to the `'px'` token (1 px).
+ * 4. Half-step series (0.5 increments, e.g. 1.5, 2.5 …).
+ * 5. Whole-number series (1, 2, 3 …).
+ * 6. Double series (even numbers: 2, 4, 6 …).
+ * 7. Quadruple series (multiples of 4: 4, 8, 12 …).
+ * 8. Falls back to `defaultSize` if no series matches.
+ *
+ * @param value - Numeric size to snap (in Tailwind spacing units, where 1 unit = 0.25 rem).
+ * @param defaultSize - Fallback `Size` token used when no series produces a valid match.
+ * @returns The nearest valid `Size` token.
+ */
+export const snapSize = (value: number, defaultSize: Size): Size => {
+  if (SIZE_VALUES.includes(value as Size)) {
+    return value as Size;
+  } else if (value <= 0) {
+    return 0;
+  } else if (value < 0.5) {
+    return 'px';
+  } else {
+    const wholeSeries = Math.floor(value);
+    const halfSeries = Math.floor(value * 2) / 2;
+    const doubleSeries = Math.floor(value / 2) * 2;
+    const quadrupleSeries = Math.floor(value / 4) * 4;
+    if (SIZE_VALUES.includes(halfSeries as Size)) {
+      return halfSeries as Size;
+    } else if (SIZE_VALUES.includes(wholeSeries as Size)) {
+      return wholeSeries as Size;
+    } else if (SIZE_VALUES.includes(doubleSeries as Size)) {
+      return doubleSeries as Size;
+    } else if (SIZE_VALUES.includes(quadrupleSeries as Size)) {
+      return quadrupleSeries as Size;
+    } else {
+      return defaultSize;
+    }
+  }
+};

package/src/util/valence.ts

@@ -0,0 +1,33 @@
+//
+// Copyright 2022 DXOS.org
+//
+
+import { type MessageValence } from '@dxos/ui-types';
+
+export const textValence = (valence?: MessageValence) => {
+  switch (valence) {
+    case 'success':
+      return 'font-medium text-success-text';
+    case 'info':
+      return 'font-medium text-info-text';
+    case 'warning':
+      return 'font-medium text-warning-text';
+    case 'error':
+      return 'font-medium text-error-text';
+  }
+};
+
+export const messageValence = (valence?: MessageValence) => {
+  switch (valence) {
+    case 'success':
+      return 'font-medium text-success-text border-success-text bg-success-surface';
+    case 'info':
+      return 'font-medium text-info-text border-info-text bg-info-surface';
+    case 'warning':
+      return 'font-medium text-warning-text border-warning-text bg-warning-surface';
+    case 'error':
+      return 'font-medium text-error-text border-error-text bg-error-surface';
+    default:
+      return 'font-medium text-neutral-text border-neutral-text bg-neutral-surface';
+  }
+};

package/dist/plugin/node-cjs/chunk-UUMDOU7E.cjs

@@ -1,79 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_UUMDOU7E_exports = {};
-__export(chunk_UUMDOU7E_exports, {
-  resolveKnownPeers: () => resolveKnownPeers
-});
-module.exports = __toCommonJS(chunk_UUMDOU7E_exports);
-var import_node_util = require("node:util");
-var import_glob = __toESM(require("glob"));
-var glob = (0, import_node_util.promisify)(import_glob.default.glob);
-var knownIndirectPeers = [
-  "@dxos/devtools",
-  "@dxos/react-*",
-  "@dxos/react-ui-*",
-  // TODO(thure): glob v7 runs out of memory if we do a `**` search, and this is (hopefully) the only L3 content package; find a better solution.
-  "@dxos/react-ui-table/node_modules/@dxos/react-ui-searchlist",
-  "@dxos/shell"
-];
-var knownDirectPeers = [
-  "@dxos/plugin-*",
-  ...knownIndirectPeers
-];
-var packageNamePattern = /.*node_modules\/(.+?)$/;
-var packageName = (path) => path.match(packageNamePattern)?.[1];
-var flatten = (acc, group) => [
-  ...acc,
-  ...group
-];
-var dedupe = (acc, path) => {
-  const name = packageName(path);
-  if (name && !acc[name]) {
-    acc[name] = path;
-  }
-  return acc;
-};
-var resolveKnownPeers = async (content, cwd) => {
-  const globOptions = {
-    cwd,
-    absolute: true
-  };
-  const directPeers = await Promise.all(knownDirectPeers.map((peer) => glob(`./node_modules/${peer}`, globOptions)));
-  const indirectPeers = await Promise.all(knownIndirectPeers.map((peer) => glob(`./node_modules/@dxos/plugin-*/node_modules/${peer}`, globOptions)));
-  const knownPeerContent = Object.values(indirectPeers.reduce(flatten, []).reduce(dedupe, directPeers.reduce(flatten, []).reduce(dedupe, {}))).map((value) => `${value}/dist/lib/**/*.mjs`);
-  return [
-    ...content,
-    ...knownPeerContent
-  ];
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  resolveKnownPeers
-});
-//# sourceMappingURL=chunk-UUMDOU7E.cjs.map

package/dist/plugin/node-cjs/chunk-UUMDOU7E.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/plugins/resolveContent.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { promisify } from 'node:util';\n\nimport Glob from 'glob';\n\nconst glob = promisify(Glob.glob);\n\n// TODO(burdon): Comment.\nconst knownIndirectPeers = [\n  '@dxos/devtools',\n  '@dxos/react-*',\n  '@dxos/react-ui-*',\n  // TODO(thure): glob v7 runs out of memory if we do a `**` search, and this is (hopefully) the only L3 content package; find a better solution.\n  '@dxos/react-ui-table/node_modules/@dxos/react-ui-searchlist',\n  '@dxos/shell',\n];\n\nconst knownDirectPeers = ['@dxos/plugin-*', ...knownIndirectPeers];\n\nconst packageNamePattern = /.*node_modules\\/(.+?)$/;\nconst packageName = (path: string) => path.match(packageNamePattern)?.[1];\n\nconst flatten = (acc: string[], group: string[]) => [...acc, ...group];\nconst dedupe = (acc: Record<string, string>, path: string) => {\n  const name = packageName(path);\n  if (name && !acc[name]) {\n    acc[name] = path;\n  }\n\n  return acc;\n};\n\nexport const resolveKnownPeers = async (content: string[], cwd: string): Promise<string[]> => {\n  const globOptions = { cwd, absolute: true };\n\n  const directPeers = await Promise.all(knownDirectPeers.map((peer) => glob(`./node_modules/${peer}`, globOptions)));\n\n  // NOTE(thure): With glob v7, JS runs out of memory if `**` is used, so this limits the search to @dxos/plugin-*/node_modules\n  const indirectPeers = await Promise.all(\n    knownIndirectPeers.map((peer) => glob(`./node_modules/@dxos/plugin-*/node_modules/${peer}`, globOptions)),\n  );\n\n  const knownPeerContent = Object.values(\n    indirectPeers.reduce(flatten, []).reduce(dedupe, directPeers.reduce(flatten, []).reduce(dedupe, {})),\n  ).map((value) => `${value}/dist/lib/**/*.mjs`);\n\n  return [...content, ...knownPeerContent];\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,uBAA0B;AAE1B,kBAAiB;AAEjB,IAAMA,WAAOC,4BAAUC,YAAAA,QAAKF,IAAI;AAGhC,IAAMG,qBAAqB;EACzB;EACA;EACA;;EAEA;EACA;;AAGF,IAAMC,mBAAmB;EAAC;KAAqBD;;AAE/C,IAAME,qBAAqB;AAC3B,IAAMC,cAAc,CAACC,SAAiBA,KAAKC,MAAMH,kBAAAA,IAAsB,CAAA;AAEvE,IAAMI,UAAU,CAACC,KAAeC,UAAoB;KAAID;KAAQC;;AAChE,IAAMC,SAAS,CAACF,KAA6BH,SAAAA;AAC3C,QAAMM,OAAOP,YAAYC,IAAAA;AACzB,MAAIM,QAAQ,CAACH,IAAIG,IAAAA,GAAO;AACtBH,QAAIG,IAAAA,IAAQN;EACd;AAEA,SAAOG;AACT;AAEO,IAAMI,oBAAoB,OAAOC,SAAmBC,QAAAA;AACzD,QAAMC,cAAc;IAAED;IAAKE,UAAU;EAAK;AAE1C,QAAMC,cAAc,MAAMC,QAAQC,IAAIjB,iBAAiBkB,IAAI,CAACC,SAASvB,KAAK,kBAAkBuB,IAAAA,IAAQN,WAAAA,CAAAA,CAAAA;AAGpG,QAAMO,gBAAgB,MAAMJ,QAAQC,IAClClB,mBAAmBmB,IAAI,CAACC,SAASvB,KAAK,8CAA8CuB,IAAAA,IAAQN,WAAAA,CAAAA,CAAAA;AAG9F,QAAMQ,mBAAmBC,OAAOC,OAC9BH,cAAcI,OAAOnB,SAAS,CAAA,CAAE,EAAEmB,OAAOhB,QAAQO,YAAYS,OAAOnB,SAAS,CAAA,CAAE,EAAEmB,OAAOhB,QAAQ,CAAC,CAAA,CAAA,CAAA,EACjGU,IAAI,CAACO,UAAU,GAAGA,KAAAA,oBAAyB;AAE7C,SAAO;OAAId;OAAYU;;AACzB;",
-  "names": ["glob", "promisify", "Glob", "knownIndirectPeers", "knownDirectPeers", "packageNamePattern", "packageName", "path", "match", "flatten", "acc", "group", "dedupe", "name", "resolveKnownPeers", "content", "cwd", "globOptions", "absolute", "directPeers", "Promise", "all", "map", "peer", "indirectPeers", "knownPeerContent", "Object", "values", "reduce", "value"]
-}