prismify-ui 0.1.0-alpha.11 → 0.1.0-alpha.12
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 +14 -0
- package/README.md +1 -1
- package/dist/components/dashboard/PfDashboardSidebar/index.vue.d.ts +3 -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 +2928 -2925
- 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/variables/_dashboard.scss +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,20 @@ 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.12] - 2026-04-10
|
|
10
|
+
|
|
11
|
+
### Added
|
|
12
|
+
|
|
13
|
+
- **PfDashboardSidebar**: added **`mobileMenuOrientation`** (`top`/`bottom`/`left`/`right`) to control mobile drawer direction independently from desktop sidebar side; default is now **`bottom`**.
|
|
14
|
+
- **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`**.
|
|
15
|
+
|
|
16
|
+
### Fixed
|
|
17
|
+
|
|
18
|
+
- **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.
|
|
19
|
+
- **PfDashboardSidebar (mobile content spacing)**: removed inner mobile paddings in header/body/footer wrappers so sidebar slot content aligns to container edges without right shift.
|
|
20
|
+
- **PfToaster (mobile right positions)**: on mobile viewports, **`top-right`** and **`bottom-right`** stacks now align like centered stacks to avoid visual right drift.
|
|
21
|
+
- **PfToast (overflow width)**: added **`box-sizing: border-box`** so toast width includes padding and no longer overflows its container on desktop/mobile.
|
|
22
|
+
|
|
9
23
|
## [0.1.0-alpha.11] - 2026-04-10
|
|
10
24
|
|
|
11
25
|
### Fixed
|
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# prismify-ui v0.1.0-alpha.
|
|
1
|
+
# prismify-ui v0.1.0-alpha.12
|
|
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"]>;
|
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';
|