@linzjs/lui 22.10.3-0 → 22.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.
package/dist/lui.esm.js CHANGED
@@ -59556,24 +59556,22 @@ var LuiBannerV2 = forwardRef$1(function (_a, ref) {
59556
59556
  onDismiss && (React__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.createElement(LuiIcon, { size: "md", name: "ic_clear", spanProps: { 'aria-hidden': true }, alt: "Dismiss" }))))));
59557
59557
  });
59558
59558
 
59559
- 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}";
59559
+ 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}";
59560
59560
  styleInject(css_248z$4);
59561
59561
 
59562
59562
  var defaultColours = [
59563
- { color: '#FF0000', description: 'Red' },
59564
- { color: '#FF9900', description: 'Orange' },
59565
- { color: '#FFFF00', description: 'Yellow' },
59566
- { color: '#00FF00', description: 'Lime' },
59567
- { color: '#00FFFF', description: 'Cyan' },
59568
- { color: '#4A86E8', description: 'Cornflower' },
59569
- { color: '#9900FF', description: 'Violet' },
59570
- { color: '#CC0100', description: 'Scarlet' },
59571
- { color: '#B45F06', description: 'Brown' },
59572
- { color: '#F1C231', description: 'Canary' },
59573
- { color: '#6AA84F', description: 'Olive' },
59574
- { color: '#45818E', description: 'Teal' },
59575
- { color: '#1255CC', description: 'Blue' },
59576
- { color: '#674EA7', description: 'Purple' },
59563
+ { color: '#CD3433', description: 'Raspberry' },
59564
+ { color: '#BA7A36', description: 'Copper' },
59565
+ { color: '#70AC56', description: 'Olive' },
59566
+ { color: '#54B8CD', description: 'Sea' },
59567
+ { color: '#3B6CC0', description: 'Blue' },
59568
+ { color: '#6C55A7', description: 'Purple' },
59569
+ { color: '#F00', description: 'Red' },
59570
+ { color: '#FFAD33', description: 'Orange' },
59571
+ { color: '#39AF4C', description: 'Green' },
59572
+ { color: '#3EEDF3', description: 'Cyan' },
59573
+ { color: '#4F92FF', description: 'Cornflower' },
59574
+ { color: '#AD33FF', description: 'Violet' },
59577
59575
  ];
59578
59576
 
59579
59577
  var ColorInputGroup = forwardRef$1(function (props, ref) {