origam 2.17.0 → 2.18.0

package/dist/src/interfaces/RatingField/rating-field-item.interface.d.ts

@@ -28,10 +28,25 @@ export interface IRatingFieldItemProps extends ICommonsComponentProps, ITagProps
     length?: number | string;
 }
 /** Emits fired by `<OrigamRatingFieldItem>` — click + hover surface
- *  (pointer enter / leave drive the half-rating preview). */
+ *  (pointer enter / leave drive the half-rating preview), plus the two
+ *  KEYBOARD channels added by #812.
+ *
+ *  `change` is the native `<input type="radio">` change event. It is the only
+ *  signal a keyboard selection produces: the browser's own radio-group
+ *  navigation (arrows, `Space`) fires `click` + `change` on the newly selected
+ *  radio and never touches the star `<div>` the pointer path goes through. Not
+ *  forwarding it is exactly why arrows moved nothing before #812.
+ *
+ *  `keydown` carries the keys the platform does NOT implement for a radio
+ *  group — measured in Chromium: `Home` and `End` are plain no-ops natively,
+ *  so the WAI-ARIA radiogroup pattern's "go to first / last" has to be
+ *  written. The parent also uses this channel to cancel the native arrow /
+ *  `Space` default while `readonly`. */
 export interface IRatingFieldItemEmits extends IClickEmits {
     (e: 'mouseenter', event: MouseEvent): void;
     (e: 'mouseleave', event: MouseEvent): void;
+    (e: 'change', event: Event): void;
+    (e: 'keydown', event: KeyboardEvent): void;
 }
 /** Slot signatures for `<OrigamRatingFieldItem>`. */
 export interface IRatingFieldItemSlots {

package/dist/src/interfaces/index.cjs

@@ -894,6 +894,17 @@ Object.keys(_margin).forEach(function (key) {
     }
   });
 });
+var _message = require("./Commons/message.interface.cjs");
+Object.keys(_message).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _message[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _message[key];
+    }
+  });
+});
 var _nested = require("./Commons/nested.interface.cjs");
 Object.keys(_nested).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/src/interfaces/index.d.ts

@@ -79,6 +79,7 @@ export * from './Commons/loader.interface';
 export * from './Commons/location.interface';
 export * from './Commons/locale.interface';
 export * from './Commons/margin.interface';
+export * from './Commons/message.interface';
 export * from './Commons/nested.interface';
 export * from './Commons/padding.interface';
 export * from './Commons/position.interface';

package/dist/src/interfaces/index.js

@@ -79,6 +79,7 @@ export * from "./Commons/loader.interface.js";
 export * from "./Commons/location.interface.js";
 export * from "./Commons/locale.interface.js";
 export * from "./Commons/margin.interface.js";
+export * from "./Commons/message.interface.js";
 export * from "./Commons/nested.interface.js";
 export * from "./Commons/padding.interface.js";
 export * from "./Commons/position.interface.js";

package/dist/src/themes/origam.theme.cjs

@@ -74,18 +74,18 @@ const origamLightTheme = exports.origamLightTheme = {
           border: "#2563eb"
         },
         success: {
-          bg: "#16a34a",
+          bg: "#15803d",
           bgSubtle: "rgba(22, 163, 74, 0.08)",
           fg: "#ffffff",
           fgSubtle: "#15803d",
-          border: "#16a34a"
+          border: "#15803d"
         },
         warning: {
-          bg: "#d97706",
+          bg: "#b45309",
           bgSubtle: "rgba(217, 119, 6, 0.08)",
           fg: "#ffffff",
           fgSubtle: "#b45309",
-          border: "#d97706"
+          border: "#b45309"
         }
       }
     },
@@ -341,9 +341,6 @@ const origamLightTheme = exports.origamLightTheme = {
       tag: "div",
       density: "compact"
     },
-    "origam-list-item": {
-      density: "compact"
-    },
     "origam-loader": {
       tag: "span"
     },
@@ -536,8 +533,8 @@ const origamDarkTheme = exports.origamDarkTheme = {
       },
       action: {
         primary: {
-          bg: "#8b5cf6",
-          bgHover: "#7c3aed",
+          bg: "#7c3aed",
+          bgHover: "#6d28d9",
           bgDisabled: "#262626",
           bgSubtle: "rgba(124, 58, 237, 0.14)",
           fg: "#ffffff",
@@ -583,14 +580,14 @@ const origamDarkTheme = exports.origamDarkTheme = {
           border: "#60a5fa"
         },
         success: {
-          bg: "#16a34a",
+          bg: "#15803d",
           bgSubtle: "rgba(22, 163, 74, 0.12)",
           fg: "#ffffff",
           fgSubtle: "#6ee7b7",
           border: "#6ee7b7"
         },
         warning: {
-          bg: "#d97706",
+          bg: "#b45309",
           bgSubtle: "rgba(217, 119, 6, 0.12)",
           fg: "#ffffff",
           fgSubtle: "#fbbf24",
@@ -750,9 +747,6 @@ const origamDarkTheme = exports.origamDarkTheme = {
       tag: "div",
       density: "compact"
     },
-    "origam-list-item": {
-      density: "compact"
-    },
     "origam-loader": {
       tag: "span"
     },

package/dist/src/themes/origam.theme.js

@@ -55,8 +55,8 @@ export const origamLightTheme = {
       feedback: {
         danger: { bg: "#dc2626", bgSubtle: "rgba(220, 38, 38, 0.08)", fg: "#ffffff", fgSubtle: "#b91c1c", border: "#dc2626" },
         info: { bg: "#2563eb", bgSubtle: "rgba(37, 99, 235, 0.08)", fg: "#ffffff", fgSubtle: "#1d4ed8", border: "#2563eb" },
-        success: { bg: "#16a34a", bgSubtle: "rgba(22, 163, 74, 0.08)", fg: "#ffffff", fgSubtle: "#15803d", border: "#16a34a" },
-        warning: { bg: "#d97706", bgSubtle: "rgba(217, 119, 6, 0.08)", fg: "#ffffff", fgSubtle: "#b45309", border: "#d97706" }
+        success: { bg: "#15803d", bgSubtle: "rgba(22, 163, 74, 0.08)", fg: "#ffffff", fgSubtle: "#15803d", border: "#15803d" },
+        warning: { bg: "#b45309", bgSubtle: "rgba(217, 119, 6, 0.08)", fg: "#ffffff", fgSubtle: "#b45309", border: "#b45309" }
       }
     },
     rounded: {
@@ -191,7 +191,6 @@ export const origamLightTheme = {
     "origam-input": { density: "default" },
     "origam-kbd": { variant: "outlined" },
     "origam-list": { tag: "div", density: "compact" },
-    "origam-list-item": { density: "compact" },
     "origam-loader": { tag: "span" },
     "origam-main": { tag: "main" },
     "origam-masonry": { tag: "div", gap: "md", align: "top" },
@@ -262,8 +261,8 @@ export const origamDarkTheme = {
       },
       action: {
         primary: {
-          bg: "#8b5cf6",
-          bgHover: "#7c3aed",
+          bg: "#7c3aed",
+          bgHover: "#6d28d9",
           bgDisabled: "#262626",
           bgSubtle: "rgba(124, 58, 237, 0.14)",
           fg: "#ffffff",
@@ -296,8 +295,8 @@ export const origamDarkTheme = {
       feedback: {
         danger: { bg: "#dc2626", bgSubtle: "rgba(220, 38, 38, 0.12)", fg: "#ffffff", fgSubtle: "#f87171", border: "#f87171" },
         info: { bg: "#2563eb", bgSubtle: "rgba(37, 99, 235, 0.12)", fg: "#ffffff", fgSubtle: "#60a5fa", border: "#60a5fa" },
-        success: { bg: "#16a34a", bgSubtle: "rgba(22, 163, 74, 0.12)", fg: "#ffffff", fgSubtle: "#6ee7b7", border: "#6ee7b7" },
-        warning: { bg: "#d97706", bgSubtle: "rgba(217, 119, 6, 0.12)", fg: "#ffffff", fgSubtle: "#fbbf24", border: "#fbbf24" }
+        success: { bg: "#15803d", bgSubtle: "rgba(22, 163, 74, 0.12)", fg: "#ffffff", fgSubtle: "#6ee7b7", border: "#6ee7b7" },
+        warning: { bg: "#b45309", bgSubtle: "rgba(217, 119, 6, 0.12)", fg: "#ffffff", fgSubtle: "#fbbf24", border: "#fbbf24" }
       }
     },
     shadow: {
@@ -353,7 +352,6 @@ export const origamDarkTheme = {
     "origam-input": { density: "default" },
     "origam-kbd": { variant: "outlined" },
     "origam-list": { tag: "div", density: "compact" },
-    "origam-list-item": { density: "compact" },
     "origam-loader": { tag: "span" },
     "origam-main": { tag: "main" },
     "origam-masonry": { tag: "div", gap: "md", align: "top" },

package/dist/src/types/Commons/color.type.d.ts

@@ -44,12 +44,13 @@ export type TColorType = string | number | THSVA | TRGBA | THSLA;
 /**
  * Interaction role for state-aware color resolution.
  *
- * Used by `useColorEffect` (and its helpers) to pick the right token
- * rung / math-derivation for a given visual state:
+ * Used by `useColorEffect` / `useStateEffect` (and their helpers) to pick
+ * the right token rung / math-derivation for a given visual state:
  *
  *   • `default`  → resting bgColor (no transformation)
  *   • `hover`    → cascading `var(bgHover, color-mix(bg, black 20%))`
  *   • `active`   → cascading `var(bgActive, color-mix(bg, black 30%))`
- *   • `disabled` → resting `bgDisabled` token (per-intent)
+ *
+ * No `disabled` rung — see `BG_FG_ROLE` (#823).
  */
 export type TBgFgRole = `${BG_FG_ROLE}`;

package/dist/src/types/Commons/commons.type.d.ts

@@ -3,6 +3,39 @@ import { CLIENT_POSITION, FOCUS_LOCATION } from '../../enums/Commons/commons.enu
 import { IOrigamPluginOptionsObject } from '../../interfaces/Commons/commons.interface';
 export type TNotAUnion<T> = [T] extends [infer U] ? _TNotAUnion<U, U> : never;
 export type _TNotAUnion<T, U> = U extends any ? [T] extends [U] ? unknown : never : never;
+/*********************************************************
+ * TAnyString — `string` qui n'absorbe pas ses litteraux voisins
+ *
+ * @description
+ * A utiliser partout ou une prop accepte un vocabulaire documente ET une
+ * chaine arbitraire (extensions de marque, noms de theme maison, cles
+ * definies par le consommateur) : `'a' | 'b' | TAnyString`.
+ *
+ * @description
+ * LE PROBLEME. `'a' | 'b' | string` est reduit par le compilateur a `string`
+ * tout court, ce qui detruit l'autocompletion de `'a'` / `'b'` — l'union ne
+ * se souvient plus qu'ils ont ete nommes. Mesure, `tsc --strict` :
+ * @description
+ *   type C = 'a' | 'b' | string          const c: C = 42
+ *   -> Type 'number' is not assignable to type 'string'.   // effondree
+ * @description
+ *   type E = 'a' | 'b' | (string & Len)  const e: E = 42
+ *   -> Type '42' is not assignable to type 'E'.            // union tenue
+ *
+ * @description
+ * Intersecter `string` avec n'importe quel type objet differe cette
+ * reduction : les litteraux survivent et toute chaine reste assignable.
+ * @description
+ * L'idiome s'ecrit d'ordinaire `string & {}`, mais une intersection avec un
+ * type SANS MEMBRE est ailleurs un vrai defaut, et SonarQube la remonte en
+ * BUG/CRITICAL (« Remove this type without members or change this type
+ * intersection » — #771). `{ readonly length: number }` est le meme tour
+ * avec un membre que TOUTE chaine possede deja : comportement identique,
+ * plus rien de vide a signaler.
+ ********************************************************/
+export type TAnyString = string & {
+    readonly length: number;
+};
 export type TEventProp<T extends Array<any> = Array<any>, F = (...args: T) => void> = F;
 export type TInnerVal<T> = T extends Array<any> ? Readonly<T> : T;
 export type TSelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | Readonly<Array<(string | number)>> | ((item: T, fallback?: any) => any);

package/dist/src/types/Commons/theme.type.d.ts

@@ -1,4 +1,5 @@
 import { COLOR_MODE } from '../../enums/Commons/theme.enum';
+import type { TAnyString } from './commons.type';
 /**
  * Runtime theme (brand) name applied to `<html data-theme="…">` (or to a
  * sub-tree via `<OrigamThemeProvider>`).
@@ -13,7 +14,7 @@ import { COLOR_MODE } from '../../enums/Commons/theme.enum';
  * - any other string is treated as a custom theme (e.g. `'brand-a'`) — the
  *   matching CSS file must be loaded by the consumer.
  */
-export type TTheme = `${COLOR_MODE}` | (string & {});
+export type TTheme = `${COLOR_MODE}` | TAnyString;
 /**
  * Concrete (resolved) theme — what `data-theme` actually equals after
  * resolving `'auto'`. Useful for components that need to know the

package/dist/src/types/Sheet/sheet.type.d.ts

@@ -1,5 +1,6 @@
 import OrigamSheet from '../../components/Sheet/OrigamSheet.vue';
 import { SHEET_SNAP_ID } from '../../enums/Sheet/sheet.enum';
+import type { TAnyString } from '../Commons/commons.type';
 export type TOrigamSheet = InstanceType<typeof OrigamSheet>;
 /**
  * Sheet bottom-swipe snap-point typings.
@@ -18,7 +19,7 @@ export type TOrigamSheet = InstanceType<typeof OrigamSheet>;
  * `sheetSwipe.composable.spec.ts`, the `Bottom — swipeable` story Variant
  * and `tests/e2e/sheet.spec.ts`.
  */
-export type TSheetSnapId = `${SHEET_SNAP_ID}` | (string & {});
+export type TSheetSnapId = `${SHEET_SNAP_ID}` | TAnyString;
 export type TSheetSnapPoint = {
     id: TSheetSnapId;
     height: number | string;

package/dist/src/types/index.cjs

@@ -47,6 +47,17 @@ Object.keys(_avatar).forEach(function (key) {
     }
   });
 });
+var _avatarGroup = require("./Avatar/avatar-group.type.cjs");
+Object.keys(_avatarGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _avatarGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _avatarGroup[key];
+    }
+  });
+});
 var _badge = require("./Badge/badge.type.cjs");
 Object.keys(_badge).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -2038,6 +2049,17 @@ Object.keys(_snackbarGroup).forEach(function (key) {
     }
   });
 });
+var _systemBar = require("./SystemBar/system-bar.type.cjs");
+Object.keys(_systemBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _systemBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _systemBar[key];
+    }
+  });
+});
 var _commandPalette = require("./CommandPalette/command-palette.type.cjs");
 Object.keys(_commandPalette).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -2,6 +2,7 @@ export * from './Alert/alert.type';
 export * from './App/app.type';
 export * from './App/app-bar.type';
 export * from './Avatar/avatar.type';
+export * from './Avatar/avatar-group.type';
 export * from './Badge/badge.type';
 export * from './Blockquote/blockquote.type';
 export * from './BottomNav/bottom-nav.type';
@@ -183,6 +184,7 @@ export * from './SliderField/slider-field-track.type';
 export * from './Snackbar/snackbar.type';
 export * from './Snackbar/snackbar-item.type';
 export * from './Snackbar/snackbar-group.type';
+export * from './SystemBar/system-bar.type';
 export * from './CommandPalette/command-palette.type';
 export * from './Switch/switch.type';
 export * from './Switch/switch-track.type';

package/dist/src/types/index.js

@@ -2,6 +2,7 @@ export * from "./Alert/alert.type.js";
 export * from "./App/app.type.js";
 export * from "./App/app-bar.type.js";
 export * from "./Avatar/avatar.type.js";
+export * from "./Avatar/avatar-group.type.js";
 export * from "./Badge/badge.type.js";
 export * from "./Blockquote/blockquote.type.js";
 export * from "./BottomNav/bottom-nav.type.js";
@@ -183,6 +184,7 @@ export * from "./SliderField/slider-field-track.type.js";
 export * from "./Snackbar/snackbar.type.js";
 export * from "./Snackbar/snackbar-item.type.js";
 export * from "./Snackbar/snackbar-group.type.js";
+export * from "./SystemBar/system-bar.type.js";
 export * from "./CommandPalette/command-palette.type.js";
 export * from "./Switch/switch.type.js";
 export * from "./Switch/switch-track.type.js";