@ds-mo/ui 2.11.2 → 2.13.0

package/dist/types/utils/control-width.d.ts

@@ -0,0 +1,5 @@
+/** Shared width fit for interactive controls (buttons, select, …). */
+export type ControlWidth = 'hug' | 'fill';
+/** Host / control class map for `width="hug" | "fill"`. */
+export declare function controlWidthClass(width: ControlWidth): Record<string, boolean>;
+//# sourceMappingURL=control-width.d.ts.map

package/dist/types/utils/index.d.ts

@@ -7,4 +7,6 @@ export { SCROLL_EDGE_FADE_DEFAULT_SIZE, SCROLL_EDGE_FADE_SIZE_VAR, isScrollAtEdg
 export type { ScrollEdgeFadeEdge, ScrollEdgeFadeOptions, ScrollEdgeFadeSize, ScrollEdgeFadeSizeToken, } from './scroll-edge-fade';
 export { TOKEN_DEFAULTS, TOKEN_CSS_LENGTHS } from './token-defaults';
 export type { TokenDefaultKey } from './token-defaults';
+export { controlWidthClass } from './control-width';
+export type { ControlWidth } from './control-width';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utils/token-defaults.d.ts

@@ -5,6 +5,7 @@ export declare const TOKEN_DEFAULTS: {
     readonly radius025: "--dimension-radius-025";
     readonly size200: "--dimension-size-200";
     readonly size300: "--dimension-size-300";
+    readonly size400: "--dimension-size-400";
     readonly size600: "--dimension-size-600";
     readonly size800: "--dimension-size-800";
     readonly iconographyMd: "--dimension-iconography-md";
@@ -23,13 +24,19 @@ export declare const TOKEN_DEFAULTS: {
     readonly motionShort3: "--effect-motion-short-3";
     readonly animationDurationShort3: "--effect-animation-duration-short-3";
     readonly animationDurationMedium1: "--effect-animation-duration-medium-1";
+    readonly animationDelayInstant: "--effect-animation-delay-instant";
     readonly animationDelayMedium1: "--effect-animation-delay-medium-1";
+    readonly animationDelayMedium3: "--effect-animation-delay-medium-3";
     readonly animationDelayShort2: "--effect-animation-delay-short-2";
     readonly animationDelayLong2: "--effect-animation-delay-long-2";
     /** Unmeasured menu height fallback: 20× base (160px at default scale). */
     readonly menuFallbackHeight: "calc(var(--dimension-size-base) * 20)";
     /** Unmeasured tooltip width fallback: size-800 + size-200 (80px). */
     readonly tooltipFallbackWidth: "calc(var(--dimension-size-800) + var(--dimension-size-200))";
+    /** Fill-mode donut diameter floor: 16× size-base (128px). */
+    readonly donutFillMin: "calc(var(--dimension-size-base) * 16)";
+    /** Fill-mode donut diameter ceiling: 24× size-base (192px). */
+    readonly donutFillMax: "calc(var(--dimension-size-base) * 24)";
 };
 export type TokenDefaultKey = keyof typeof TOKEN_DEFAULTS;
 /** Valid CSS length strings for overlay offset props — bind on `sideOffset` / `alignOffset` in hosts. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "2.11.2",
+  "version": "2.13.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -67,7 +67,7 @@
     "prebuild": "node scripts/generate-icon-catalog.mjs",
     "pretypecheck": "node scripts/generate-icon-catalog.mjs",
     "pretest": "node scripts/generate-icon-catalog.mjs",
-    "build": "stencil build && node scripts/patch-index-types.mjs && node scripts/patch-components-d-exports.mjs && node scripts/verify-icons-externalized.mjs && node scripts/write-build-stamp.mjs && node scripts/build-lib-exports.mjs",
+    "build": "stencil build && node scripts/patch-index-types.mjs && node scripts/verify-icons-externalized.mjs && node scripts/write-build-stamp.mjs && node scripts/build-lib-exports.mjs",
     "verify:pack": "node scripts/verify-npm-pack.mjs && node scripts/verify-nav-import.mjs",
     "test": "node --import tsx/esm --test tests/panel-nav-utils.test.ts tests/panel-tools.test.ts tests/shell-shortcuts.test.ts tests/shell-gradient-presets.test.ts tests/shell-view-transition.test.ts tests/shell-gradient.test.ts tests/shell-chrome-metrics.test.ts tests/shell-chrome-layer.test.ts tests/chrome-transition.test.ts tests/bar-nav-overflow-hysteresis.test.ts tests/badge-gradient-ring.test.ts tests/scroll-edge-fade.test.ts tests/resolve-css-length-px.test.ts tests/resolve-css-time-ms.test.ts tests/overlay-positioning.test.ts tests/menu-position.test.ts tests/menu-placement.test.ts tests/bar-nav-utils.test.ts tests/bar-nav-tabs-menu-utils.test.ts tests/bar-nav-dom-utils.test.ts tests/icon-catalog.test.ts tests/icon-cache.test.ts tests/icon-svg.test.ts",
     "test:e2e": "npm run build && playwright test",
@@ -80,7 +80,8 @@
     "storybook:build": "storybook build",
     "clean": "rm -rf dist",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint src/",
+    "lint": "eslint src/ && npm run lint:css",
+    "lint:css": "stylelint \"src/wc/components/**/*.css\" \"src/wc/utils/**/*.css\"",
     "registry:build": "node scripts/build-registry.mjs",
     "mcp": "node scripts/mcp-server.mjs",
     "figma:connect:help": "figma connect --help",
@@ -105,7 +106,7 @@
   },
   "devDependencies": {
     "@ds-mo/icons": "^6.1.2",
-    "@ds-mo/tokens": "^2.12.1",
+    "@ds-mo/tokens": "^2.14.0",
     "@eslint/js": "^10.0.1",
     "@figma/code-connect": "^1.4.8",
     "@modelcontextprotocol/sdk": "^1.29.0",
@@ -130,6 +131,8 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "storybook": "^10.4.2",
+    "stylelint": "^17.14.0",
+    "stylelint-config-standard": "^40.0.0",
     "tsx": "^4.20.3",
     "typescript": "~6.0.3",
     "typescript-eslint": "^8.59.1",

package/src/angular/index.ts

@@ -2,15 +2,14 @@
 import * as d from './proxies';
 
 export const DIRECTIVES = [
-  d.DsAccordion,
   d.DsAppShell,
   d.DsBadge,
   d.DsBanner,
   d.DsBarNav,
-  d.DsBreadcrumb,
   d.DsButtonFilled,
-  d.DsButtonUnfilledIcon,
-  d.DsCardDataViz,
+  d.DsButtonUnfilled,
+  d.DsCard,
+  d.DsCardDataVizDonut,
   d.DsCardSetting,
   d.DsChartBar,
   d.DsChartDonut,
@@ -20,9 +19,7 @@ export const DIRECTIVES = [
   d.DsChip,
   d.DsDivider,
   d.DsEmptyState,
-  d.DsFade,
   d.DsField,
-  d.DsHeader,
   d.DsIcon,
   d.DsInput,
   d.DsLoader,
@@ -32,19 +29,16 @@ export const DIRECTIVES = [
   d.DsPanelNav,
   d.DsPanelTools,
   d.DsRadioGroup,
-  d.DsScrollbar,
   d.DsSelect,
   d.DsShellGradientPicker,
   d.DsShellGradientSwatch,
   d.DsSkeleton,
   d.DsSlider,
-  d.DsSurface,
   d.DsTabGroup,
   d.DsTabGroupNav,
   d.DsTable,
   d.DsTag,
   d.DsText,
-  d.DsToastProvider,
   d.DsToggle,
   d.DsTooltip,
   d.DsTooltipDataViz