origam 2.6.2 → 2.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -251,17 +251,6 @@ defineExpose({
251
251
  :root {
252
252
  --origam-btn-group---density: 0;
253
253
 
254
- /*
255
- * Border-radius, border-width and border-color deliberately fall back to
256
- * the matching --origam-btn---* variables so that any theme that overrides
257
- * the btn tokens (radius, border) is automatically reflected on the group
258
- * container — no per-theme duplication required.
259
- *
260
- * Token resolution chain:
261
- * theme override of --origam-btn---border-radius
262
- * → picked up here as --origam-btn-group---border-radius
263
- * → used in .origam-btn-group { border-radius: … }
264
- */
265
254
  --origam-btn-group---border-radius: var(--origam-btn---border-radius, 4px);
266
255
  --origam-btn-group---border-width: var(--origam-btn---border-width, 0);
267
256
  --origam-btn-group---border-style: var(--origam-btn---border-style, solid);
@@ -1,6 +1,5 @@
1
1
  import type { IActiveState, IAdjacentEmits, IAdjacentProps, IBorderProps, IBgColorProps, IColorProps, ICommonsComponentProps, IDensityProps, IDimensionProps, IElevationProps, IGroupEmits, IGroupItemProps, IHoverProps, ILinkProps, ILoaderProps, ILocationProps, IMarginProps, IPaddingProps, IPositionProps, IRippleProps, IRoundedProps, ISizeProps, ITagProps, ITypographyProps, IVariantProps } from '../../interfaces';
2
- import type { TIcon } from '../../types';
3
- import type { TStatus, TStatusPosition } from '../../types';
2
+ import type { TIcon, TStatus, TStatusPosition } from '../../types';
4
3
  /** Btn needs `status` / `statusIconPosition` from IStatusProps but its own
5
4
  * `icon` prop accepts `boolean | TIcon` (boolean = icon-only mode) which is
6
5
  * wider than `IIconProps.icon?: TIcon`. Pulling the two status props in
@@ -11,7 +11,7 @@ export interface ICheckboxSlots {
11
11
  messagesId?: string;
12
12
  isDisabled?: boolean;
13
13
  isReadonly?: boolean;
14
- isValid?: boolean | undefined;
14
+ isValid?: boolean;
15
15
  }) => any;
16
16
  label?: () => any;
17
17
  input?: (data: {
@@ -7,6 +7,4 @@ export interface IDatePickerHeaderProps extends ICommonsComponentProps, IColorPr
7
7
  /** Emits fired by `<OrigamDatePickerHeader>` — click on the header text.
8
8
  * `event` is optional: the handler calls `emits('click')` without forwarding
9
9
  * the originating MouseEvent. */
10
- export interface IDatePickerHeaderEmits {
11
- (e: 'click', event?: MouseEvent): void;
12
- }
10
+ export type IDatePickerHeaderEmits = (e: 'click', event?: MouseEvent) => void;
@@ -21,7 +21,7 @@ function getCurrentInstance(name, message) {
21
21
  }
22
22
  function getCurrentInstanceName(name = "composable") {
23
23
  const vm = getCurrentInstance(name).type;
24
- return (0, _utils.toKebabCase)(vm?.aliasName || vm?.name || vm?.__name);
24
+ return (0, _utils.toKebabCase)(vm?.aliasName ?? vm?.name ?? vm?.__name);
25
25
  }
26
26
  let _uid = 0;
27
27
  let _map = /* @__PURE__ */new WeakMap();
@@ -12,7 +12,7 @@ export function getCurrentInstance(name, message) {
12
12
  }
13
13
  export function getCurrentInstanceName(name = "composable") {
14
14
  const vm = getCurrentInstance(name).type;
15
- return toKebabCase(vm?.aliasName || vm?.name || vm?.__name);
15
+ return toKebabCase(vm?.aliasName ?? vm?.name ?? vm?.__name);
16
16
  }
17
17
  let _uid = 0;
18
18
  let _map = /* @__PURE__ */ new WeakMap();
@@ -75,7 +75,8 @@ function themeSelector(theme) {
75
75
  const hasMode = theme.mode === "light" || theme.mode === "dark";
76
76
  if (!hasName && !hasMode) return ":root";
77
77
  if (!hasName) return `[data-mode="${theme.mode}"]`;
78
- const attrs = `[data-theme="${theme.name}"]${hasMode ? `[data-mode="${theme.mode}"]` : ""}`;
78
+ const modeAttr = hasMode ? `[data-mode="${theme.mode}"]` : "";
79
+ const attrs = `[data-theme="${theme.name}"]${modeAttr}`;
79
80
  return `:root:root${attrs}, ${attrs}`;
80
81
  }
81
82
  function themeToCss(theme) {
@@ -56,7 +56,8 @@ export function themeSelector(theme) {
56
56
  const hasMode = theme.mode === "light" || theme.mode === "dark";
57
57
  if (!hasName && !hasMode) return ":root";
58
58
  if (!hasName) return `[data-mode="${theme.mode}"]`;
59
- const attrs = `[data-theme="${theme.name}"]${hasMode ? `[data-mode="${theme.mode}"]` : ""}`;
59
+ const modeAttr = hasMode ? `[data-mode="${theme.mode}"]` : "";
60
+ const attrs = `[data-theme="${theme.name}"]${modeAttr}`;
60
61
  return `:root:root${attrs}, ${attrs}`;
61
62
  }
62
63
  export function themeToCss(theme) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "origam",
3
- "version": "2.6.2",
3
+ "version": "2.6.3",
4
4
  "type": "module",
5
5
  "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
6
6
  "keywords": [