@linzjs/lui 17.57.0 → 17.58.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [17.58.0](https://github.com/linz/lui/compare/v17.57.0...v17.58.0) (2023-05-22)
+
+
+### Features
+
+* Add LUI Progress Bar ([#945](https://github.com/linz/lui/issues/945)) ([96c577f](https://github.com/linz/lui/commit/96c577feec47e6d31e33ea87310e4966621a6006))
+
 # [17.57.0](https://github.com/linz/lui/compare/v17.56.0...v17.57.0) (2023-05-17)
 
 

package/dist/components/LuiProgressBar/LuiProgressBar.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './LuiProgressBar.scss';
+export declare type ProgressBarProps = {
+    value?: number;
+    max?: number;
+    error?: boolean;
+    barHeight?: string;
+};
+export declare const LuiProgressBar: ({ value, max, error, barHeight, }: ProgressBarProps) => JSX.Element;

package/dist/index.js

@@ -60278,18 +60278,8 @@ var LuiSidePanelContainer = function (props) {
             top: top,
             width: children ? width !== null && width !== void 0 ? width : '50%' : '0%'
         }, className: clsx('luiSidePanel', classNames) },
-        children && (React__default["default"].createElement("button", { type: "button", "data-testid": "close", title: closeBtnTitleAttr, onClick: onClose, style: {
-                color: '#5e5e61',
-                position: 'absolute',
-                right: 15,
-                top: 14,
-                background: '#e2f3f7',
-                border: 'none',
-                display: 'flex',
-                cursor: 'pointer',
-                borderBottomLeftRadius: '5px'
-            } },
-            React__default["default"].createElement(LuiIcon, { alt: "Close", name: "ic_clear", size: "lg", status: "interactive" }))),
+        children && (React__default["default"].createElement("button", { type: "button", className: "luiSidePanel-CloseBtn", "data-testid": "close", title: closeBtnTitleAttr, onClick: onClose },
+            React__default["default"].createElement(LuiIcon, { alt: "Close", name: "ic_clear", className: "luiSidePanel-CloseIcon", size: "lg", status: "interactive" }))),
         children));
 };
 var LuiSidePanelProvider = function (_a) {
@@ -67932,7 +67922,7 @@ var LuiAccordicardStatic = function (props) {
             React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", title: "Expand and collapse panel", size: "md" }))));
 };
 
-var css_248z$5 = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.lui-accordion {\n  padding: 8px;\n  display: flex;\n  box-shadow: 0px 2px 3px 0px #00000040, 0px 0px 3px 0px #00000026;\n}\n.lui-accordion .accordion-heading {\n  padding: 4px;\n}\n.lui-accordion h4 {\n  padding: 4px;\n}\n.lui-accordion > summary {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.lui-accordion > summary h4 {\n  margin-top: 0;\n  display: inline-block;\n}";
+var css_248z$5 = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.lui-accordion {\n  padding: 8px;\n  display: flex;\n  border-radius: 5px;\n  box-shadow: 0px 2px 3px 0px #00000040, 0px 0px 3px 0px #00000026;\n}\n.lui-accordion .chevron {\n  transition: all 0.3s ease-in-out;\n  transform: rotate(0);\n}\n.lui-accordion .chevron--isOpen {\n  transform: rotate(180deg);\n}\n.lui-accordion .accordion-heading {\n  padding: 4px;\n}\n.lui-accordion h4 {\n  padding: 4px;\n}\n.lui-accordion > summary {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.lui-accordion > summary h4 {\n  margin-top: 0;\n  display: inline-block;\n}";
 styleInject(css_248z$5);
 
 var LuiAccordion = function (props) {
@@ -67948,7 +67938,7 @@ var LuiAccordion = function (props) {
     };
     return (React__default["default"].createElement("details", { style: style, className: clsx('lui-accordion', className), open: open },
         React__default["default"].createElement("summary", { onClick: toggle, "data-testid": "lui-accordion-summary-".concat(open) },
-            React__default["default"].createElement(LuiIcon, { color: iconColor, size: "md", name: open ? 'ic_keyboard_arrow_down' : 'ic_keyboard_arrow_right', alt: open ? 'Close' : 'Expand', "aria-label": open ? 'Expanded' : 'Closed' }),
+            React__default["default"].createElement(LuiIcon, { color: iconColor, size: "md", name: "ic_expand_more", alt: open ? 'Close' : 'Expand', "aria-label": open ? 'Expanded' : 'Closed', className: clsx('chevron', open ? 'chevron--isOpen' : null) }),
             React__default["default"].isValidElement(heading) ? (heading) : (React__default["default"].createElement("h4", { className: "accordion-heading", "data-testid": "lui-accordion-heading-".concat(open) }, heading))),
         children));
 };