@linzjs/lui 22.10.2 → 22.10.3

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [22.10.3](https://github.com/linz/lui/compare/v22.10.2...v22.10.3) (2025-04-16)
+
+
+### Bug Fixes
+
+* added comments as I suspect build did not work properly ([#1210](https://github.com/linz/lui/issues/1210)) ([9c6aa50](https://github.com/linz/lui/commit/9c6aa50dde0c3ce8630ab1777f39efdacd2a8837))
+* update default colours and column number for colour palette ([#1213](https://github.com/linz/lui/issues/1213)) ([6804a55](https://github.com/linz/lui/commit/6804a55b15abdbaa034fb37fb4a856d20c6ca9dc))
+
 ## [22.10.2](https://github.com/linz/lui/compare/v22.10.1...v22.10.2) (2025-04-09)
 
 

package/dist/index.js

@@ -32438,7 +32438,9 @@ var LuiFooter = function (props) {
 
 var LuiAppFooterSml = function (props) {
     var currentYear = new Date().getFullYear();
-    return (React__default["default"].createElement("footer", { className: clsx('luiAppFooter-sm', props.className) },
+    return (
+    // comment to commit old changes under fix prefix - works in Storybook, not in prod
+    React__default["default"].createElement("footer", { className: clsx('luiAppFooter-sm', props.className) },
         React__default["default"].createElement("div", { className: "luiAppFooter-grid" },
             React__default["default"].createElement("div", { className: 'luiAppFooter-columnOne' },
                 React__default["default"].createElement("div", { className: 'luiAppFooter-linksCell' },
@@ -59583,24 +59585,22 @@ var LuiBannerV2 = React.forwardRef(function (_a, ref) {
         onDismiss && (React__default["default"].createElement("button", __assign({}, dismissButtonProps, { className: clsx('LuiBannerV2-Dismiss', dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.className), "aria-label": (_b = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps['aria-label']) !== null && _b !== void 0 ? _b : 'Dismiss', type: (_c = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.type) !== null && _c !== void 0 ? _c : 'button', onClick: onDismiss }), (_d = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.children) !== null && _d !== void 0 ? _d : (React__default["default"].createElement(LuiIcon, { size: "md", name: "ic_clear", spanProps: { 'aria-hidden': true }, alt: "Dismiss" }))))));
 });
 
-var css_248z$4 = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.lui-color-picker,\n.lui-input-color-group {\n  display: inline-grid;\n  gap: 0.5rem;\n  grid-template-columns: repeat(7, 1fr);\n}\n\ninput.lui-input-color-radio {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n  word-wrap: normal;\n}\ninput.lui-input-color-radio + label {\n  width: 1.5rem;\n  height: 1.5rem;\n  border-radius: 1rem;\n  cursor: pointer;\n  border: none;\n}\ninput.lui-input-color-radio:checked + label {\n  border: 0.125rem solid #ffffff;\n  box-shadow: 0 0 0.125rem 0.0625rem rgba(0, 0, 0, 0.2509803922);\n  transition: all 0.05s ease;\n}";
+var css_248z$4 = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.lui-color-picker,\n.lui-input-color-group {\n  display: inline-grid;\n  gap: 0.5rem;\n  grid-template-columns: repeat(6, 1fr);\n}\n\ninput.lui-input-color-radio {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n  word-wrap: normal;\n}\ninput.lui-input-color-radio + label {\n  width: 1.5rem;\n  height: 1.5rem;\n  border-radius: 1rem;\n  cursor: pointer;\n  border: none;\n}\ninput.lui-input-color-radio:checked + label {\n  border: 0.125rem solid #ffffff;\n  box-shadow: 0 0 0.125rem 0.0625rem rgba(0, 0, 0, 0.2509803922);\n  transition: all 0.05s ease;\n}";
 styleInject(css_248z$4);
 
 var defaultColours = [
-    { color: '#FF0000', description: 'Red' },
-    { color: '#FF9900', description: 'Orange' },
-    { color: '#FFFF00', description: 'Yellow' },
-    { color: '#00FF00', description: 'Lime' },
-    { color: '#00FFFF', description: 'Cyan' },
-    { color: '#4A86E8', description: 'Cornflower' },
-    { color: '#9900FF', description: 'Violet' },
-    { color: '#CC0100', description: 'Scarlet' },
-    { color: '#B45F06', description: 'Brown' },
-    { color: '#F1C231', description: 'Canary' },
-    { color: '#6AA84F', description: 'Olive' },
-    { color: '#45818E', description: 'Teal' },
-    { color: '#1255CC', description: 'Blue' },
-    { color: '#674EA7', description: 'Purple' },
+    { color: '#CD3433', description: 'Raspberry' },
+    { color: '#BA7A36', description: 'Copper' },
+    { color: '#70AC56', description: 'Olive' },
+    { color: '#54B8CD', description: 'Sea' },
+    { color: '#3B6CC0', description: 'Blue' },
+    { color: '#6C55A7', description: 'Purple' },
+    { color: '#F00', description: 'Red' },
+    { color: '#FFAD33', description: 'Orange' },
+    { color: '#39AF4C', description: 'Green' },
+    { color: '#3EEDF3', description: 'Cyan' },
+    { color: '#4F92FF', description: 'Cornflower' },
+    { color: '#AD33FF', description: 'Violet' },
 ];
 
 var ColorInputGroup = React.forwardRef(function (props, ref) {