prismify-ui 0.1.0-alpha.11 → 0.1.0-alpha.13
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/CHANGELOG.md +28 -0
- package/README.md +1 -1
- package/dist/components/dashboard/PfDashboardSidebar/index.vue.d.ts +3 -0
- package/dist/components/navigation/PfNavigationMenu/index.vue.d.ts +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/prismify-ui.cjs +2 -2
- package/dist/prismify-ui.cjs.map +1 -1
- package/dist/prismify-ui.js +8266 -8254
- package/dist/prismify-ui.js.map +1 -1
- package/dist/style.css +1 -1
- package/docs/theming.md +2 -1
- package/package.json +1 -1
- package/src/styles/index.scss +6 -0
- package/src/styles/variables/_dashboard.scss +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,34 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
|
6
6
|
|
|
7
7
|
## [Unreleased]
|
|
8
8
|
|
|
9
|
+
## [0.1.0-alpha.13] - 2026-04-10
|
|
10
|
+
|
|
11
|
+
### Added
|
|
12
|
+
|
|
13
|
+
- **PfNavigationMenu**: added **`collapsedSquare`** prop to support square trigger/link controls in collapsed vertical navigation.
|
|
14
|
+
|
|
15
|
+
### Fixed
|
|
16
|
+
|
|
17
|
+
- **PfNavigationMenu (labels)**: empty labels are no longer rendered for section rows, top-level items, and child items.
|
|
18
|
+
- **PfNavigationMenu (vertical child list layout)**: when menu orientation is vertical, child lists now force vertical orientation so submenu items are no longer laid out as horizontal two-column content.
|
|
19
|
+
- **PfNavigationMenu (collapsed vertical alignment)**: improved collapsed vertical link/trigger sizing and centering so icon-only items are no longer visually shifted to the right.
|
|
20
|
+
- **PfDashboardSidebar (collapsed spacing)**: collapsed desktop sidebar now removes horizontal paddings in header/body/footer and centers header/footer content for cleaner compact alignment.
|
|
21
|
+
- **Global styles**: applied **`box-sizing: border-box`** to all elements (including pseudo-elements) from the shared style entry for consistent sizing across Prismify components.
|
|
22
|
+
|
|
23
|
+
## [0.1.0-alpha.12] - 2026-04-10
|
|
24
|
+
|
|
25
|
+
### Added
|
|
26
|
+
|
|
27
|
+
- **PfDashboardSidebar**: added **`mobileMenuOrientation`** (`top`/`bottom`/`left`/`right`) to control mobile drawer direction independently from desktop sidebar side; default is now **`bottom`**.
|
|
28
|
+
- **Dashboard theme tokens**: added **`--pf-dashboard-sidebar-mobile-pad-x`** and **`--pf-dashboard-sidebar-mobile-pad-y`** for mobile sidebar spacing overrides and documented them in **`docs/theming.md`**.
|
|
29
|
+
|
|
30
|
+
### Fixed
|
|
31
|
+
|
|
32
|
+
- **PfDashboardSidebar (mobile drawer layout)**: removed unintended horizontal offset for bottom/top mobile drawer by applying slideover inset only to side directions (**`left`**/**`right`**), disabling background scale for this drawer, and removing extra nested container paddings.
|
|
33
|
+
- **PfDashboardSidebar (mobile content spacing)**: removed inner mobile paddings in header/body/footer wrappers so sidebar slot content aligns to container edges without right shift.
|
|
34
|
+
- **PfToaster (mobile right positions)**: on mobile viewports, **`top-right`** and **`bottom-right`** stacks now align like centered stacks to avoid visual right drift.
|
|
35
|
+
- **PfToast (overflow width)**: added **`box-sizing: border-box`** so toast width includes padding and no longer overflows its container on desktop/mobile.
|
|
36
|
+
|
|
9
37
|
## [0.1.0-alpha.11] - 2026-04-10
|
|
10
38
|
|
|
11
39
|
### Fixed
|
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# prismify-ui v0.1.0-alpha.
|
|
1
|
+
# prismify-ui v0.1.0-alpha.13
|
|
2
2
|
|
|
3
3
|
[](https://github.com/koirodev/prismify-ui/actions/workflows/test.yml) [](https://github.com/koirodev/prismify-ui/actions/workflows/build.yml)
|
|
4
4
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export type PfDashboardSidebarMode = 'drawer' | 'slideover' | 'modal';
|
|
2
|
+
export type PfDashboardSidebarMobileMenuOrientation = 'top' | 'bottom' | 'left' | 'right';
|
|
2
3
|
export interface PfDashboardSidebarUi {
|
|
3
4
|
root?: string;
|
|
4
5
|
header?: string;
|
|
@@ -18,6 +19,7 @@ type __VLS_Props = {
|
|
|
18
19
|
class: string;
|
|
19
20
|
}>;
|
|
20
21
|
toggleSide?: 'left' | 'right';
|
|
22
|
+
mobileMenuOrientation?: PfDashboardSidebarMobileMenuOrientation;
|
|
21
23
|
autoClose?: boolean;
|
|
22
24
|
ui?: PfDashboardSidebarUi;
|
|
23
25
|
id?: string;
|
|
@@ -110,6 +112,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
110
112
|
side: "left" | "right";
|
|
111
113
|
defaultSize: number;
|
|
112
114
|
resizable: boolean;
|
|
115
|
+
mobileMenuOrientation: PfDashboardSidebarMobileMenuOrientation;
|
|
113
116
|
collapsedSize: number;
|
|
114
117
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
115
118
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -110,6 +110,7 @@ type __VLS_Props = {
|
|
|
110
110
|
labelKey?: string;
|
|
111
111
|
modelValue?: string | string[];
|
|
112
112
|
defaultValue?: string | string[];
|
|
113
|
+
collapsedSquare?: boolean;
|
|
113
114
|
tooltip?: boolean;
|
|
114
115
|
popover?: boolean;
|
|
115
116
|
ui?: PfNavigationMenuUi;
|
|
@@ -170,6 +171,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
170
171
|
highlightColor: PfNavigationMenuColor;
|
|
171
172
|
externalIcon: boolean | PfIconName;
|
|
172
173
|
arrow: boolean;
|
|
174
|
+
collapsedSquare: boolean;
|
|
173
175
|
popover: boolean;
|
|
174
176
|
disableHoverTrigger: boolean;
|
|
175
177
|
disableClickTrigger: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -166,7 +166,7 @@ export type { PfDashboardPanelUi } from './components/dashboard/PfDashboardPanel
|
|
|
166
166
|
export type { PfDashboardResizeHandleUi } from './components/dashboard/PfDashboardResizeHandle/index.vue';
|
|
167
167
|
export type { PfDashboardSearchGroup, PfDashboardSearchItem, PfDashboardSearchUi, } from './components/dashboard/PfDashboardSearch/index.vue';
|
|
168
168
|
export type { PfDashboardSearchButtonUi } from './components/dashboard/PfDashboardSearchButton/index.vue';
|
|
169
|
-
export type { PfDashboardSidebarMode, PfDashboardSidebarUi, } from './components/dashboard/PfDashboardSidebar/index.vue';
|
|
169
|
+
export type { PfDashboardSidebarMobileMenuOrientation, PfDashboardSidebarMode, PfDashboardSidebarUi, } from './components/dashboard/PfDashboardSidebar/index.vue';
|
|
170
170
|
export type { PfDashboardSidebarCollapseUi } from './components/dashboard/PfDashboardSidebarCollapse/index.vue';
|
|
171
171
|
export type { PfDashboardSidebarToggleUi } from './components/dashboard/PfDashboardSidebarToggle/index.vue';
|
|
172
172
|
export type { PfDashboardToolbarUi } from './components/dashboard/PfDashboardToolbar/index.vue';
|