@linzjs/lui 17.9.1 → 17.9.2

package/CHANGELOG.md

@@ -1,3 +1,5 @@
+## [17.9.2](https://github.com/linz/lui/compare/v17.9.1...v17.9.2) (2022-08-11)
+
 ## [17.9.1](https://github.com/linz/lui/compare/v17.9.0...v17.9.1) (2022-08-11)
 
 

package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IAccordicardStatic {
+    defaultToOpen?: boolean;
+    children: React.ReactNode;
+    headerContent: React.ReactNode;
+    className?: string;
+}
+export declare const LuiAccordicardStatic: (props: IAccordicardStatic) => JSX.Element;

package/dist/index.d.ts

@@ -57,5 +57,6 @@ export { LuiBadge } from './components/LuiBadge/LuiBadge';
 export { LuiShadow } from './components/LuiShadow/LuiShadow';
 export { LuiSidePanel } from './components/LuiSidePanel/LuiSidePanel';
 export { LuiSidePanelProvider } from './components/LuiSidePanel/LuiSidePanel';
-export { LuiAccordicard } from './components/LuiAccordicard/LuiAccordicard';
 export { LuiSwitchButton } from './components/LuiSwitchButton/LuiSwitchButton';
+export { LuiAccordicard } from './components/LuiAccordicard/LuiAccordicard';
+export { LuiAccordicardStatic } from './components/LuiAccordicardStatic/LuiAccordicardStatic';

package/dist/index.js

@@ -32894,6 +32894,17 @@ var LuiSidePanelProvider = function (_a) {
         React__default["default"].createElement(LuiSidePanelContainer, __assign({}, props))));
 };
 
+var css_248z = ".lui-switch-checkbox {\n  height: 0;\n  width: 0;\n  visibility: hidden;\n}\n\n.lui-switch-label {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  width: 40px;\n  height: 20px;\n  background: grey;\n  border-radius: 40px;\n  position: relative;\n  transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 16px;\n  border-radius: 18px;\n  transition: 0.2s;\n  background: #fff;\n  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-checkbox:checked + .lui-switch-label .lui-switch-button {\n  left: calc(100% - 2px);\n  transform: translateX(-100%);\n}\n\n.lui-switch-label:active .lui-switch-button {\n  width: 20px;\n}";
+styleInject(css_248z);
+
+var LuiSwitchButton = function (props) {
+    var generatedId = useGenerateOrDefaultId();
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("input", __assign({ className: "lui-switch-checkbox", type: "checkbox", "data-testid": 'lui-switch-new', id: generatedId }, props)),
+        React__default["default"].createElement("label", { "data-testid": "label", style: { background: props.checked ? '#007198' : 'gray' }, className: "lui-switch-label", htmlFor: generatedId },
+            React__default["default"].createElement("span", { className: "lui-switch-button" }))));
+};
+
 var createDefinition = function (propNames) { return ({
     isEnabled: function (props) { return propNames.some(function (name) { return !!props[name]; }); },
 }); };
@@ -40499,15 +40510,16 @@ var LuiAccordicard = function (props) {
             React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicard-chevron', isOpen ? 'LuiAccordicard-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", size: "md" }))));
 };
 
-var css_248z = ".lui-switch-checkbox {\n  height: 0;\n  width: 0;\n  visibility: hidden;\n}\n\n.lui-switch-label {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  width: 40px;\n  height: 20px;\n  background: grey;\n  border-radius: 40px;\n  position: relative;\n  transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 16px;\n  border-radius: 18px;\n  transition: 0.2s;\n  background: #fff;\n  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-checkbox:checked + .lui-switch-label .lui-switch-button {\n  left: calc(100% - 2px);\n  transform: translateX(-100%);\n}\n\n.lui-switch-label:active .lui-switch-button {\n  width: 20px;\n}";
-styleInject(css_248z);
-
-var LuiSwitchButton = function (props) {
-    var generatedId = useGenerateOrDefaultId();
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("input", __assign({ className: "lui-switch-checkbox", type: "checkbox", "data-testid": 'lui-switch-new', id: generatedId }, props)),
-        React__default["default"].createElement("label", { "data-testid": "label", style: { background: props.checked ? '#007198' : 'gray' }, className: "lui-switch-label", htmlFor: generatedId },
-            React__default["default"].createElement("span", { className: "lui-switch-button" }))));
+var LuiAccordicardStatic = function (props) {
+    var _a = props.defaultToOpen, defaultToOpen = _a === void 0 ? false : _a, children = props.children, headerContent = props.headerContent;
+    var _b = React.useState(defaultToOpen), isOpen = _b[0], setIsOpen = _b[1];
+    return (React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic', isOpen ? 'LuiAccordicardStatic--isOpen' : null) },
+        React__default["default"].createElement("div", { className: "LuiAccordicardStatic-header" },
+            React__default["default"].createElement("div", { className: "LuiAccordicardStatic-headerContent" }, headerContent)),
+        React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic-contentWrapper', isOpen ? 'LuiAccordicardStatic-contentWrapper--isOpen' : null) },
+            React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic-content', isOpen ? 'LuiAccordicardStatic-content--isOpen' : null) }, isOpen ? children : React__default["default"].createElement(React__default["default"].Fragment, null))),
+        React__default["default"].createElement("button", { "aria-label": isOpen ? 'Expanded' : 'Closed', className: "LuiAccordicardStatic-trigger", onClick: function () { return setIsOpen(!isOpen); } },
+            React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", size: "md" }))));
 };
 
 exports.FIRM_KEY = FIRM_KEY;
@@ -40527,6 +40539,7 @@ exports.LOLUserContext = LOLUserContext;
 exports.LOLUserContextProvider = LOLUserContextProvider;
 exports.LOLUserLastLogin = LOLUserLastLogin;
 exports.LuiAccordicard = LuiAccordicard;
+exports.LuiAccordicardStatic = LuiAccordicardStatic;
 exports.LuiAlertModal = LuiAlertModal;
 exports.LuiAlertModalButtons = LuiAlertModalButtons;
 exports.LuiBadge = LuiBadge;