lucent-ui 0.15.0 → 0.16.0
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/index.cjs +36 -36
- package/dist/index.d.ts +11 -3
- package/dist/index.js +2289 -2227
- package/dist-cli/cli/entry.js +0 -0
- package/dist-cli/cli/index.js +0 -0
- package/dist-server/server/index.js +0 -0
- package/dist-server/src/components/atoms/ColorPicker/ColorPicker.manifest.js +14 -0
- package/dist-server/src/components/atoms/NavLink/NavLink.manifest.js +8 -0
- package/dist-server/src/components/molecules/PageLayout/PageLayout.manifest.js +13 -1
- package/dist-server/src/manifest/validate.test.js +28 -0
- package/package.json +15 -13
package/dist/index.d.ts
CHANGED
|
@@ -277,7 +277,7 @@ export declare interface ColorPalette {
|
|
|
277
277
|
dark: ThemeAnchors;
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
export declare function ColorPicker({ value, onChange, label, disabled, presetGroups, id, style, }: ColorPickerProps): JSX_2.Element;
|
|
280
|
+
export declare function ColorPicker({ value, onChange, label, size, inline, disabled, presetGroups, id, style, }: ColorPickerProps): JSX_2.Element;
|
|
281
281
|
|
|
282
282
|
export declare namespace ColorPicker {
|
|
283
283
|
var displayName: string;
|
|
@@ -287,6 +287,10 @@ export declare interface ColorPickerProps {
|
|
|
287
287
|
value?: string;
|
|
288
288
|
onChange?: (hex: string) => void;
|
|
289
289
|
label?: string;
|
|
290
|
+
/** Swatch trigger size. Default: "md" (40px). */
|
|
291
|
+
size?: 'sm' | 'md';
|
|
292
|
+
/** Place label beside the swatch instead of above it. */
|
|
293
|
+
inline?: boolean;
|
|
290
294
|
disabled?: boolean;
|
|
291
295
|
presetGroups?: ColorPresetGroup[];
|
|
292
296
|
id?: string;
|
|
@@ -807,7 +811,7 @@ export declare interface MultiSelectProps {
|
|
|
807
811
|
|
|
808
812
|
declare type MultiSelectSize = 'sm' | 'md' | 'lg';
|
|
809
813
|
|
|
810
|
-
export declare function NavLink({ children, href, isActive, icon, disabled, onClick, as, style, }: NavLinkProps): JSX_2.Element;
|
|
814
|
+
export declare function NavLink({ children, href, isActive, icon, disabled, inverse, onClick, as, style, }: NavLinkProps): JSX_2.Element;
|
|
811
815
|
|
|
812
816
|
export declare interface NavLinkProps {
|
|
813
817
|
children: ReactNode;
|
|
@@ -815,6 +819,8 @@ export declare interface NavLinkProps {
|
|
|
815
819
|
isActive?: boolean;
|
|
816
820
|
icon?: ReactNode;
|
|
817
821
|
disabled?: boolean;
|
|
822
|
+
/** Uses surface background instead of accent for the active state. */
|
|
823
|
+
inverse?: boolean;
|
|
818
824
|
onClick?: MouseEventHandler;
|
|
819
825
|
/** Polymorphic root element. Defaults to `<a>`. Use e.g. `Link` from react-router. */
|
|
820
826
|
as?: React.ElementType;
|
|
@@ -823,7 +829,7 @@ export declare interface NavLinkProps {
|
|
|
823
829
|
|
|
824
830
|
export declare const oceanPalette: ColorPalette;
|
|
825
831
|
|
|
826
|
-
export declare function PageLayout({ children, header, sidebar, sidebarWidth, headerHeight, sidebarCollapsed, rightSidebar, rightSidebarWidth, rightSidebarCollapsed, footer, footerHeight, mainStyle, style, }: PageLayoutProps): JSX_2.Element;
|
|
832
|
+
export declare function PageLayout({ children, header, sidebar, sidebarWidth, headerHeight, sidebarCollapsed, rightSidebar, rightSidebarWidth, rightSidebarCollapsed, footer, footerHeight, chromeBackground, mainStyle, style, }: PageLayoutProps): JSX_2.Element;
|
|
827
833
|
|
|
828
834
|
export declare interface PageLayoutProps {
|
|
829
835
|
children: ReactNode;
|
|
@@ -845,6 +851,8 @@ export declare interface PageLayoutProps {
|
|
|
845
851
|
footer?: ReactNode;
|
|
846
852
|
/** Footer height in px or any CSS value. Default: 48 */
|
|
847
853
|
footerHeight?: number | string;
|
|
854
|
+
/** Background token for chrome regions (header, sidebar, footer). Default: "bgBase" */
|
|
855
|
+
chromeBackground?: 'bgBase' | 'bgSubtle' | 'surface';
|
|
848
856
|
/** Style overrides for the main content card (border, borderRadius, boxShadow, etc.) */
|
|
849
857
|
mainStyle?: CSSProperties;
|
|
850
858
|
style?: CSSProperties;
|