@linzjs/windows 15.0.0 → 16.1.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/LuiModalAsync/LuiModalAsyncContextProvider.js +3 -1
- package/dist/LuiModalAsync/LuiModalAsyncContextProvider.js.map +1 -1
- package/dist/LuiModalAsync/LuiModalAsyncHeader.js +3 -2
- package/dist/LuiModalAsync/LuiModalAsyncHeader.js.map +1 -1
- package/dist/common/useConstFunction.js +1 -0
- package/dist/common/useConstFunction.js.map +1 -1
- package/dist/index.js +61 -61
- package/dist/index.js.map +1 -1
- package/dist/index.scss +0 -1
- package/dist/panel/Panel.d.ts +1 -1
- package/dist/panel/Panel.js +21 -10
- package/dist/panel/Panel.js.map +1 -1
- package/dist/panel/Panel.scss +19 -7
- package/dist/panel/PanelHeaderButton.js +3 -2
- package/dist/panel/PanelHeaderButton.js.map +1 -1
- package/dist/panel/PanelInstanceContextProvider.js +3 -0
- package/dist/panel/PanelInstanceContextProvider.js.map +1 -1
- package/package.json +4 -4
- package/dist/ribbon/stories/RibbonDemo.scss +0 -30
package/dist/index.scss
CHANGED
package/dist/panel/Panel.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../index.scss';
|
|
2
2
|
import { ReactElement } from 'react';
|
|
3
|
-
import { PanelProps } from './types
|
|
3
|
+
import { PanelProps } from './types';
|
|
4
4
|
export declare const Panel: (props: PanelProps) => ReactElement;
|
|
5
5
|
export interface PanelContentProps {
|
|
6
6
|
className?: string | undefined;
|
package/dist/panel/Panel.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import '../index.scss';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { isEqual, pick } from 'lodash-es';
|
|
@@ -17,8 +17,9 @@ export const Panel = (props) => {
|
|
|
17
17
|
const { dockElements, nextStackPosition } = useContext(PanelsContext);
|
|
18
18
|
const { panelPoppedOut, uniqueId, setTitle, dockId, docked, hidden } = useContext(PanelInstanceContext);
|
|
19
19
|
const savedState = useRestoreStateFrom({ uniqueId, panelPoppedOut: false });
|
|
20
|
-
const lastPanelHeightRef = useRef(
|
|
21
|
-
|
|
20
|
+
const lastPanelHeightRef = useRef(400);
|
|
21
|
+
// oxlint-disable-next-line react/refs
|
|
22
|
+
lastPanelHeightRef.current = panelRef.current?.clientHeight ?? lastPanelHeightRef.current;
|
|
22
23
|
useEffect(() => {
|
|
23
24
|
setTitle(title);
|
|
24
25
|
}, [setTitle, title]);
|
|
@@ -31,6 +32,13 @@ export const Panel = (props) => {
|
|
|
31
32
|
}
|
|
32
33
|
}
|
|
33
34
|
}, [title]);
|
|
35
|
+
// set inert imperatively: React 18 drops the boolean prop and React 19 rejects
|
|
36
|
+
// the string form, and this library supports both.
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
if (panelRef.current) {
|
|
39
|
+
panelRef.current.inert = hidden ?? false;
|
|
40
|
+
}
|
|
41
|
+
}, [hidden, panelPoppedOut]);
|
|
34
42
|
const [panelPosition, setPanelPosition] = useState(() => {
|
|
35
43
|
if (dynamicBounds) {
|
|
36
44
|
const result = dynamicBounds();
|
|
@@ -106,15 +114,18 @@ export const Panel = (props) => {
|
|
|
106
114
|
}, [dynamicResize]);
|
|
107
115
|
useInterval(dynamicResize, dynamicBounds ? 250 : null);
|
|
108
116
|
const dockElement = docked && dockId && dockElements[dockId];
|
|
109
|
-
return (_jsx(_Fragment, { children: dockElement && dockElement.isConnected ? (createPortal(children, dockElement)) : panelPoppedOut ? (
|
|
117
|
+
return (_jsx(_Fragment, { children: dockElement && dockElement.isConnected ? (createPortal(children, dockElement)) : panelPoppedOut ? (_jsxs(PopoutWindow, { name: uniqueId, title: title,
|
|
118
|
+
// oxlint-disable-next-line react/refs
|
|
119
|
+
size: { width: size.width, height: lastPanelHeightRef.current }, popInPanelPosition: panelPosition, popInPanelSize: {
|
|
110
120
|
width: panelSize.width,
|
|
121
|
+
// oxlint-disable-next-line react/refs
|
|
111
122
|
height: panelSize.height === 'auto' ? lastPanelHeightRef.current : panelSize.height,
|
|
112
|
-
}, children: _jsx("div", { ref: panelRef, style: {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
123
|
+
}, children: [hidden && _jsx("div", { className: 'PopoutWindowContainer--hidden' }), _jsx("div", { ref: panelRef, style: {
|
|
124
|
+
display: 'flex',
|
|
125
|
+
flexDirection: 'column',
|
|
126
|
+
width: '100%',
|
|
127
|
+
height: '100%',
|
|
128
|
+
}, className: className, children: children })] })) : (_jsx(PopinWindow, { ...props, panelPosition: panelPosition, setPanelPosition: setPanelPosition, panelSize: panelSize, setPanelSize: setPanelSize, setInitialPanelSize: setInitialPanelSize, hidden: hidden, children: children })) }));
|
|
118
129
|
};
|
|
119
130
|
export const PanelContent = forwardRef(function PanelContentFr({ children, className }, ref) {
|
|
120
131
|
return (_jsx("div", { className: clsx(`WindowPanel-content`, className), ref: ref, children: children }));
|
package/dist/panel/Panel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../src/panel/Panel.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EACL,UAAU,EAGV,WAAW,EACX,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../src/panel/Panel.tsx"],"names":[],"mappings":"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"}
|
package/dist/panel/Panel.scss
CHANGED
|
@@ -1,13 +1,22 @@
|
|
|
1
|
-
@use
|
|
2
|
-
@use
|
|
1
|
+
@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as colors;
|
|
2
|
+
@use '@linzjs/lui/dist/scss/Foundation/Variables/FontVars' as fonts;
|
|
3
3
|
|
|
4
|
-
.WindowPanel,
|
|
4
|
+
.WindowPanel,
|
|
5
|
+
.PopoutWindowContainer {
|
|
5
6
|
@include fonts.font-regular();
|
|
6
7
|
font-size: fonts.$base-font-size;
|
|
7
8
|
line-height: fonts.$base-line-height;
|
|
8
9
|
color: colors.$base-type-color;
|
|
9
10
|
}
|
|
10
11
|
|
|
12
|
+
.PopoutWindowContainer .PopoutWindowContainer--hidden {
|
|
13
|
+
position: absolute;
|
|
14
|
+
inset: 0;
|
|
15
|
+
backdrop-filter: blur(4px);
|
|
16
|
+
background-color: rgb(69 69 69 / 15%);
|
|
17
|
+
z-index: 10000;
|
|
18
|
+
}
|
|
19
|
+
|
|
11
20
|
.LuiCheckboxInput--nomargin {
|
|
12
21
|
margin: 0;
|
|
13
22
|
}
|
|
@@ -60,12 +69,14 @@
|
|
|
60
69
|
padding-right: 7px;
|
|
61
70
|
}
|
|
62
71
|
|
|
63
|
-
.LuiTab--active::after,
|
|
72
|
+
.LuiTab--active::after,
|
|
73
|
+
.LuiTab--active:focus::after {
|
|
64
74
|
padding: 0;
|
|
65
75
|
}
|
|
66
76
|
}
|
|
67
77
|
|
|
68
|
-
.lui-button + .lui-button,
|
|
78
|
+
.lui-button + .lui-button,
|
|
79
|
+
a.lui-button + .lui-button {
|
|
69
80
|
margin-left: 0 !important;
|
|
70
81
|
}
|
|
71
82
|
}
|
|
@@ -76,7 +87,6 @@
|
|
|
76
87
|
display: flex;
|
|
77
88
|
flex-direction: row;
|
|
78
89
|
padding: 12px;
|
|
79
|
-
width: 100%;
|
|
80
90
|
|
|
81
91
|
.WindowPanel-footer-left {
|
|
82
92
|
flex: 1;
|
|
@@ -90,7 +100,9 @@
|
|
|
90
100
|
.WindowPanel {
|
|
91
101
|
box-sizing: border-box;
|
|
92
102
|
|
|
93
|
-
box-shadow:
|
|
103
|
+
box-shadow:
|
|
104
|
+
0 1px 6px 0 #00000026,
|
|
105
|
+
0 6px 10px 0 #00000040;
|
|
94
106
|
background-color: #fff;
|
|
95
107
|
display: flex;
|
|
96
108
|
flex-direction: column;
|
|
@@ -3,10 +3,11 @@ import { LuiButton, LuiIcon } from '@linzjs/lui';
|
|
|
3
3
|
import { useLayoutEffect, useState } from 'react';
|
|
4
4
|
export const PanelHeaderButton = ({ 'aria-label': ariaLabel, href, icon, onClick }) => {
|
|
5
5
|
const [disabled, setDisabled] = useState(true);
|
|
6
|
-
// Dialogs
|
|
6
|
+
// Dialogs autofocus buttons even when flagged not to
|
|
7
7
|
// On initial display the header buttons are disable to prevent this
|
|
8
8
|
useLayoutEffect(() => {
|
|
9
|
-
|
|
9
|
+
// oxlint-disable-next-line react/set-state-in-effect
|
|
10
|
+
setDisabled(false);
|
|
10
11
|
}, []);
|
|
11
12
|
return (_jsx(LuiButton, { level: 'plain-text', className: 'lui-button-icon-only', size: 'sm', href: href, disabled: disabled, onClick: onClick, openInNewTab: !!href, title: ariaLabel, buttonProps: {
|
|
12
13
|
onTouchStart: onClick,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanelHeaderButton.js","sourceRoot":"","sources":["../../src/panel/PanelHeaderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAA0B,EAAE,EAAE;IAC5G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,
|
|
1
|
+
{"version":3,"file":"PanelHeaderButton.js","sourceRoot":"","sources":["../../src/panel/PanelHeaderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAA0B,EAAE,EAAE;IAC5G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,qDAAqD;IACrD,oEAAoE;IACpE,eAAe,CAAC,GAAG,EAAE;QACnB,qDAAqD;QACrD,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,CAAC,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE;YACX,YAAY,EAAE,OAAO;YACrB,kBAAkB,EAAE,IAAI;SACzB,YAED,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,GACzC,CACb,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -13,6 +13,7 @@ export const PanelInstanceContextProvider = ({ panelInstance, bounds, hidden, ch
|
|
|
13
13
|
const savedState = useRestoreStateFrom({ uniqueId: panelInstance.uniqueId });
|
|
14
14
|
const [poppedOut, setPoppedOut] = useState(savedState?.panelPoppedOut ?? panelInstance.poppedOut);
|
|
15
15
|
const togglePopOut = useCallback(() => {
|
|
16
|
+
// oxlint-disable-next-line react/immutability
|
|
16
17
|
panelInstance.window = null;
|
|
17
18
|
setPoppedOut(!poppedOut);
|
|
18
19
|
}, [panelInstance, poppedOut]);
|
|
@@ -30,12 +31,14 @@ export const PanelInstanceContextProvider = ({ panelInstance, bounds, hidden, ch
|
|
|
30
31
|
bounds,
|
|
31
32
|
panelClose: () => {
|
|
32
33
|
panelInstance.window?.close();
|
|
34
|
+
// oxlint-disable-next-line react/immutability
|
|
33
35
|
panelInstance.window = null;
|
|
34
36
|
closePanel(uniqueId);
|
|
35
37
|
},
|
|
36
38
|
panelTogglePopout: togglePopOut,
|
|
37
39
|
panelPoppedOut: poppedOut,
|
|
38
40
|
setPanelWindow: (w) => {
|
|
41
|
+
// oxlint-disable-next-line react/immutability
|
|
39
42
|
panelInstance.window = w;
|
|
40
43
|
},
|
|
41
44
|
bringPanelToFront: () => bringPanelToFront(uniqueId),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanelInstanceContextProvider.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContextProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAiB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,GAC6C,EAAgB,EAAE;IACvE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE/C,MAAM,UAAU,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,cAAc,IAAI,aAAa,CAAC,SAAS,CAAC,CAAC;IAElG,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;QAC5B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAAU,EAAE,EAAE;QACb,IAAI,SAAS;YAAE,YAAY,EAAE,CAAC;QAC9B,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,UAAU,EAAE,GAAG,EAAE;gBACf,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;gBAC9B,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;gBAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,iBAAiB,EAAE,YAAY;YAC/B,cAAc,EAAE,SAAS;YACzB,cAAc,EAAE,CAAC,CAAS,EAAE,EAAE;gBAC5B,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YACpD,MAAM,EAAE,aAAa,CAAC,MAAM;YAC5B,MAAM,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;YACxD,MAAM;YACN,IAAI;YACJ,MAAM;YACN,MAAM;SACP,YAEA,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"PanelInstanceContextProvider.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContextProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAiB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,GAC6C,EAAgB,EAAE;IACvE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE/C,MAAM,UAAU,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,cAAc,IAAI,aAAa,CAAC,SAAS,CAAC,CAAC;IAElG,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,8CAA8C;QAC9C,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;QAC5B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAAU,EAAE,EAAE;QACb,IAAI,SAAS;YAAE,YAAY,EAAE,CAAC;QAC9B,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,UAAU,EAAE,GAAG,EAAE;gBACf,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;gBAC9B,8CAA8C;gBAC9C,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;gBAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,iBAAiB,EAAE,YAAY;YAC/B,cAAc,EAAE,SAAS;YACzB,cAAc,EAAE,CAAC,CAAS,EAAE,EAAE;gBAC5B,8CAA8C;gBAC9C,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YACpD,MAAM,EAAE,aAAa,CAAC,MAAM;YAC5B,MAAM,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;YACxD,MAAM;YACN,IAAI;YACJ,MAAM;YACN,MAAM;SACP,YAEA,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
"./dist/index.scss": "./dist/index.scss"
|
|
23
23
|
},
|
|
24
|
-
"version": "
|
|
24
|
+
"version": "16.1.0",
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"@linzjs/lui": ">=23",
|
|
27
27
|
"react": ">=18",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"build": "node -e \"require('fs').mkdirSync('./dist',{recursive:true})\" && npm run clean && npm run lintall && npm run bundle",
|
|
42
42
|
"yalc": "npm run clean && npm run bundle && yalc push",
|
|
43
43
|
"clean": "node -e \"fs.rmSync('dist', { recursive: true, force: true })\"",
|
|
44
|
-
"bundle": "tsc && rollup -c",
|
|
44
|
+
"bundle": "tsc -p tsconfig.build.json && rollup -c",
|
|
45
45
|
"test": "vitest run",
|
|
46
46
|
"test:watch": "vitest --watch",
|
|
47
47
|
"lintall": "npm run lint:style && npm run lint:oxlint",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"storybook": "storybook dev -p 6006",
|
|
52
52
|
"build-storybook": "storybook build",
|
|
53
53
|
"chromatic": "chromatic --exit-zero-on-changes",
|
|
54
|
-
"
|
|
54
|
+
"update": "npx npm-check-updates -i --format group -c 1d"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
57
|
"@emotion/cache": "^11.14.0",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
64
|
"@chromatic-com/storybook": "^5.3.0",
|
|
65
|
-
"@linzjs/lui": "^
|
|
65
|
+
"@linzjs/lui": "^26.0.0",
|
|
66
66
|
"@linzjs/step-ag-grid": "^32.4.1",
|
|
67
67
|
"@rollup/plugin-commonjs": "^29.0.3",
|
|
68
68
|
"@rollup/plugin-json": "^6.1.0",
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
|
|
2
|
-
|
|
3
|
-
.RibbonDemoContent {
|
|
4
|
-
padding: 20px 24px 24px 16px;
|
|
5
|
-
gap: 12px;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.RibbonDemoSwitch {
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: row;
|
|
11
|
-
gap: 12px;
|
|
12
|
-
align-items: start;
|
|
13
|
-
padding: 12px 0 0;
|
|
14
|
-
|
|
15
|
-
div:first-child {
|
|
16
|
-
display: flex;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.RibbonDemoSwitch-textHeader {
|
|
21
|
-
line-height: 20px;
|
|
22
|
-
font-weight: 600;
|
|
23
|
-
font-size: 16px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.RibbonDemoSwitch-textDescription {
|
|
27
|
-
font-weight: 400;
|
|
28
|
-
font-size: 14px;
|
|
29
|
-
color: lui.$fuscous;
|
|
30
|
-
}
|