@linzjs/lui 17.10.2 → 17.10.3

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.
Files changed (12) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/components/LuiAccordicard/LuiAccordicard.d.ts +1 -0
  3. package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.d.ts +1 -0
  4. package/dist/index.js +7 -3
  5. package/dist/index.js.map +1 -1
  6. package/dist/lui.css +70 -4
  7. package/dist/lui.css.map +1 -1
  8. package/dist/lui.esm.js +7 -3
  9. package/dist/lui.esm.js.map +1 -1
  10. package/dist/scss/Components/LuiAccordicard/LuiAccordicard.scss +40 -2
  11. package/dist/scss/Components/LuiAccordicardStatic/LuiAccordicardStatic.scss +40 -2
  12. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,5 @@
1
+ ## [17.10.3](https://github.com/linz/lui/compare/v17.10.2...v17.10.3) (2022-08-17)
2
+
1
3
  ## [17.10.2](https://github.com/linz/lui/compare/v17.10.1...v17.10.2) (2022-08-17)
2
4
 
3
5
 
package/dist/components/LuiAccordicard/LuiAccordicard.d.ts CHANGED
@@ -4,5 +4,6 @@ export interface IAccordicard {
4
4
  children: React.ReactNode;
5
5
  headerContent: React.ReactNode;
6
6
  className?: string;
7
+ warning?: boolean;
7
8
  }
8
9
  export declare const LuiAccordicard: (props: IAccordicard) => JSX.Element;
package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.d.ts CHANGED
@@ -4,5 +4,6 @@ export interface IAccordicardStatic {
4
4
  children: React.ReactNode;
5
5
  headerContent: React.ReactNode;
6
6
  className?: string;
7
+ warning?: boolean;
7
8
  }
8
9
  export declare const LuiAccordicardStatic: (props: IAccordicardStatic) => JSX.Element;
package/dist/index.js CHANGED
@@ -40443,7 +40443,7 @@ var LuiAccordicard = function (props) {
40443
40443
  var _a = props.defaultToOpen, defaultToOpen = _a === void 0 ? false : _a, children = props.children, headerContent = props.headerContent;
40444
40444
  var _b = React.useState(defaultToOpen), isOpen = _b[0], setIsOpen = _b[1];
40445
40445
  var AccordicardContent = function () {
40446
- return (React__default["default"].createElement(motion.div, { key: "content", initial: ['collapsed'], animate: "open", exit: "collapsed", variants: {
40446
+ return (React__default["default"].createElement(motion.div, { className: "LuiAccordicard-contentWrapper", key: "content", initial: ['collapsed'], animate: "open", exit: "collapsed", variants: {
40447
40447
  open: {
40448
40448
  opacity: 1,
40449
40449
  height: 'auto',
@@ -40479,7 +40479,9 @@ var LuiAccordicard = function (props) {
40479
40479
  } },
40480
40480
  React__default["default"].createElement("div", { className: clsx('LuiAccordicard-content', isOpen ? 'LuiAccordicard-content--isOpen' : null) }, isOpen ? children : React__default["default"].createElement(React__default["default"].Fragment, null))));
40481
40481
  };
40482
- return (React__default["default"].createElement(motion.div, { initial: false, className: clsx('LuiAccordicard', props.className, isOpen ? 'LuiAccordicard--isOpen' : null) },
40482
+ return (React__default["default"].createElement(motion.div, { initial: false, className: clsx('LuiAccordicard', props.className, isOpen ? 'LuiAccordicard--isOpen' : null, props.warning ? 'LuiAccordicard--warning' : null) },
40483
+ props.warning && (React__default["default"].createElement("div", { className: "LuiAccordicard-sideBar" },
40484
+ React__default["default"].createElement(LuiIcon, { className: "LuiAccordicard-warningIcon", alt: "Accordicard warning", name: 'ic_warning', size: 'md' }))),
40483
40485
  React__default["default"].createElement(motion.header, { layout: true, initial: false, className: "LuiAccordicard-header" },
40484
40486
  React__default["default"].createElement("div", { className: "LuiAccordicard-headerContent" }, headerContent)),
40485
40487
  React__default["default"].createElement(AnimatePresence, { initial: false }, isOpen && React__default["default"].createElement(AccordicardContent, null)),
@@ -40490,7 +40492,9 @@ var LuiAccordicard = function (props) {
40490
40492
  var LuiAccordicardStatic = function (props) {
40491
40493
  var _a = props.defaultToOpen, defaultToOpen = _a === void 0 ? false : _a, children = props.children, headerContent = props.headerContent;
40492
40494
  var _b = React.useState(defaultToOpen), isOpen = _b[0], setIsOpen = _b[1];
40493
- return (React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic', isOpen ? 'LuiAccordicardStatic--isOpen' : null, props.className) },
40495
+ return (React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic', isOpen ? 'LuiAccordicardStatic--isOpen' : null, props.warning ? 'LuiAccordicardStatic--warning' : null, props.className) },
40496
+ props.warning && (React__default["default"].createElement("div", { className: "LuiAccordicardStatic-sideBar" },
40497
+ React__default["default"].createElement(LuiIcon, { className: "LuiAccordicardStatic-warningIcon", alt: "Accordicard warning", name: 'ic_warning', size: 'md' }))),
40494
40498
  React__default["default"].createElement("div", { className: "LuiAccordicardStatic-header" },
40495
40499
  React__default["default"].createElement("div", { className: "LuiAccordicardStatic-headerContent" }, headerContent)),
40496
40500
  React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic-contentWrapper', isOpen ? 'LuiAccordicardStatic-contentWrapper--isOpen' : null) },