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.
- package/dist/src/components/Btn/OrigamBtnGroup.vue +0 -11
- package/dist/src/interfaces/Btn/btn.interface.d.ts +1 -2
- package/dist/src/interfaces/Checkbox/checkbox.interface.d.ts +1 -1
- package/dist/src/interfaces/DatePicker/date-picker-header.interface.d.ts +1 -3
- package/dist/src/utils/Commons/getCurrentInstance.util.cjs +1 -1
- package/dist/src/utils/Commons/getCurrentInstance.util.js +1 -1
- package/dist/src/utils/Theme/apply-theme.util.cjs +2 -1
- package/dist/src/utils/Theme/apply-theme.util.js +2 -1
- package/package.json +1 -1
|
@@ -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
|
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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) {
|