@linzjs/lui 17.21.1 → 17.23.0

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 (15) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +1 -1
  3. package/dist/assets/icons/arrow_back_left.svg +1 -0
  4. package/dist/assets/icons/arrow_forward_right.svg +1 -0
  5. package/dist/assets/icons/left.svg +1 -0
  6. package/dist/assets/icons/sorting_down_arrow_up.svg +1 -0
  7. package/dist/assets/icons/sorting_up_arrow_up.svg +1 -0
  8. package/dist/assets/icons/subdirectory_arrow_right.svg +1 -0
  9. package/dist/assets/svg-content.d.ts +1 -1
  10. package/dist/assets/svg-content.tsx +42 -0
  11. package/dist/index.js +19 -1
  12. package/dist/index.js.map +1 -1
  13. package/dist/lui.esm.js +19 -1
  14. package/dist/lui.esm.js.map +1 -1
  15. package/package.json +1 -1
package/dist/lui.esm.js CHANGED
@@ -157,6 +157,8 @@ iconMap['ic_arrow_back'] = (React__default.createElement("svg", { xmlns: "http:/
157
157
  React__default.createElement("path", { d: "M20.016 11.016v1.969H7.828l5.578 5.625L12 20.016 3.984 12 12 3.984l1.406 1.406-5.578 5.625h12.188z" })));
158
158
  iconMap['ic_arrow_back_ios'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
159
159
  React__default.createElement("path", { d: "M17.836 3.891 9.727 12l8.109 8.109-1.781 1.781-9.891-9.891 9.891-9.891z" })));
160
+ iconMap['ic_arrow_back_left'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
161
+ React__default.createElement("path", { d: "M18.973 10.95H7.503l5.012-5.144c.4-.412.4-1.086 0-1.498a1.004 1.004 0 0 0-1.448 0L4.3 11.257a1.07 1.07 0 0 0 0 1.486l6.767 6.949c.4.41 1.047.41 1.448 0 .4-.412.4-1.076 0-1.487L7.504 13.06h11.47c.564 0 1.026-.475 1.026-1.055s-.462-1.054-1.027-1.054Z" })));
160
162
  iconMap['ic_arrow_drop_down'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
161
163
  React__default.createElement("path", { d: "M6.984 9.492h10.031l-5.016 5.016z" })));
162
164
  iconMap['ic_arrow_drop_right'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
@@ -165,6 +167,8 @@ iconMap['ic_arrow_drop_up'] = (React__default.createElement("svg", { xmlns: "htt
165
167
  React__default.createElement("path", { d: "M6.984 14.508 12 9.492l5.016 5.016H6.985z" })));
166
168
  iconMap['ic_arrow_forward_ios'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
167
169
  React__default.createElement("path", { d: "m5.93 4.125 2.156-2.109L18.07 12l-9.984 9.984-2.156-2.109L13.852 12z" })));
170
+ iconMap['ic_arrow_forward_right'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
171
+ React__default.createElement("path", { d: "M5.027 13.05h11.47l-5.012 5.144c-.4.412-.4 1.086 0 1.498.4.41 1.048.41 1.448 0l6.767-6.949c.4-.41.4-1.075 0-1.486l-6.767-6.949a1.004 1.004 0 0 0-1.448 0 1.07 1.07 0 0 0 0 1.487l5.011 5.145H5.026c-.564 0-1.026.475-1.026 1.055s.462 1.054 1.027 1.054Z" })));
168
172
  iconMap['ic_attach_file'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
169
173
  React__default.createElement("path", { d: "m19.571 10.586-8.132 8.132a3.999 3.999 0 0 1-5.657 0 3.999 3.999 0 0 1 0-5.657l8.84-8.84a2.501 2.501 0 0 1 3.535 3.536l-7.425 7.425a1.003 1.003 0 0 1-1.414 0 1.003 1.003 0 0 1 0-1.414l6.717-6.718-1.06-1.06-6.718 6.717a2.501 2.501 0 0 0 3.536 3.536l7.425-7.425a3.999 3.999 0 0 0 0-5.657 3.999 3.999 0 0 0-5.657 0L4.72 12a5.497 5.497 0 0 0 0 7.778 5.497 5.497 0 0 0 7.779 0l8.132-8.131-1.06-1.061Z" })));
170
174
  iconMap['ic_attachment'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -287,6 +291,8 @@ iconMap['ic_launch_new window_open'] = (React__default.createElement("svg", { vi
287
291
  React__default.createElement("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1ZM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V3h-6c-.55 0-1 .45-1 1Z" })));
288
292
  iconMap['ic_layers'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
289
293
  React__default.createElement("path", { d: "m11.99 18.54-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74Zm7.37-8.27L12 16l-7.37-5.73L3 9l9-7 9 7-1.64 1.27ZM17.74 9 12 4.53 6.26 9 12 13.47 17.74 9Z" })));
294
+ iconMap['ic_left'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
295
+ React__default.createElement("path", { d: "m14.5 7.5-5 5 5 5v-10Z" })));
290
296
  iconMap['ic_left_col'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
291
297
  React__default.createElement("path", { d: "M17.8 12c0 .5-.4 1-1 1h-6v1.8c0 .4-.5.7-.9.3l-2.8-2.8c-.2-.2-.2-.5 0-.7l2.8-2.8c.3-.3.9-.1.9.3V11h6c.5 0 1 .4 1 1ZM21 5v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2Zm-2 7c0-1.1-.9-2-2-2h-4V6c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h6c.6 0 1-.4 1-1v-4h4c1.1 0 2-.9 2-2Z" })));
292
298
  iconMap['ic_line_arc'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -405,8 +411,14 @@ iconMap['ic_send_email_dart'] = (React__default.createElement("svg", { viewBox:
405
411
  React__default.createElement("path", { d: "M1.5 21v-6.984L16.5 12l-15-2.016V3l21 9-21 9Z" })));
406
412
  iconMap['ic_separator'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
407
413
  React__default.createElement("path", { d: "M11 3h2v18h-2z" })));
414
+ iconMap['ic_sorting_down_arrow_up'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
415
+ React__default.createElement("path", { d: "M18.3 14.29a.996.996 0 0 0-1.41 0L13 18.17V3c0-.55-.45-1-1-1s-1 .45-1 1v15.18L7.12 14.3a.996.996 0 1 0-1.41 1.41l5.59 5.59c.39.39 1.02.39 1.41 0l5.59-5.59c.38-.39.38-1.03 0-1.42Z" })));
416
+ iconMap['ic_sorting_up_arrow_up'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
417
+ React__default.createElement("path", { d: "M5.71 9.7c.39.39 1.02.39 1.41 0L11 5.83V21c0 .55.45 1 1 1s1-.45 1-1V5.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 2.7a.996.996 0 0 0-1.41 0L5.71 8.29a.996.996 0 0 0 0 1.41Z" })));
408
418
  iconMap['ic_square_selection'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
409
419
  React__default.createElement("path", { d: "M17 5h-2V3h2v2Zm2 4h2V7h-2v2Zm0 4h2v-2h-2v2Zm-8 8h2v-2h-2v2ZM7 5h2V3H7v2ZM3 17h2v-2H3v2Zm2 4v-2H3c0 1.1.9 2 2 2ZM19 3v2h2c0-1.1-.9-2-2-2Zm-8 2h2V3h-2v2ZM3 9h2V7H3v2Zm4 12h2v-2H7v2Zm-4-8h2v-2H3v2Zm0-8h2V3c-1.1 0-2 .9-2 2Zm18.02 12H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" })));
420
+ iconMap['ic_subdirectory_arrow_right'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
421
+ React__default.createElement("path", { d: "m18.29 15.71-4.58 4.58c-.39.39-1.03.39-1.42 0-.39-.39-.39-1.03 0-1.42L15.17 16H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v9h9.17l-2.88-2.87c-.39-.39-.39-1.03 0-1.42.39-.39 1.03-.39 1.42 0l4.58 4.58c.39.39.39 1.03 0 1.42Z" })));
410
422
  iconMap['ic_submit'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
411
423
  React__default.createElement("path", { d: "M2.01 21 23 12 2.01 3 2 10l15 2-15 2 .01 7Z" })));
412
424
  iconMap['ic_survey'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -28195,7 +28207,13 @@ var LuiModal = function (props) {
28195
28207
  })),
28196
28208
  React__default.createElement("div", { ref: node, className: clsx('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },
28197
28209
  props.headingText && (React__default.createElement(LuiModalHeader, { headingText: props.headingText, onClose: props.onClose })),
28198
- React__default.createElement("div", { className: clsx(props.headingText && 'lui-modal-container') }, props.children))));
28210
+ React__default.createElement("div", { className: clsx(props.headingText && 'lui-modal-container'), ref: function (element) {
28211
+ if (element &&
28212
+ !element.contains(element.ownerDocument.activeElement)) {
28213
+ var firstFocusableElement = element.querySelector('input,button');
28214
+ firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
28215
+ }
28216
+ } }, props.children))));
28199
28217
  };
28200
28218
  var LuiAlertModal = function (props) {
28201
28219
  var materialIcon = getMaterialIconForLevel(props.level);