@bbl-digital/snorre 4.0.27 → 4.0.29

Sign up to get free protection for your applications and to get access to all the features.
Files changed (102) hide show
  1. package/dist/bundle.js +66 -31
  2. package/esm/core/BoxedTable/TableBody/index.js +10 -0
  3. package/esm/core/BoxedTable/TableBody/styles.js +16 -0
  4. package/esm/core/FileInput/index.js +1 -1
  5. package/esm/core/Header/index.js +3 -1
  6. package/esm/core/Link/Link.stories.js +41 -39
  7. package/esm/core/Link/index.js +5 -1
  8. package/esm/core/List/List.stories.js +119 -105
  9. package/esm/core/List/index.js +6 -3
  10. package/esm/core/ListPager/ListPager.stories.js +4 -4
  11. package/esm/core/ListPager/index.js +4 -0
  12. package/esm/core/ListPager/styles.js +4 -4
  13. package/esm/core/NoticeCard/index.js +2 -0
  14. package/esm/core/NotificationCounter/index.js +5 -1
  15. package/esm/core/NotificationsMenu/index.js +1 -1
  16. package/esm/core/Radio/index.js +7 -2
  17. package/esm/core/Select/index.js +7 -1
  18. package/esm/core/Skeleton/index.js +9 -6
  19. package/esm/core/Spinner/index.js +4 -1
  20. package/esm/core/Spinner/styles.js +5 -5
  21. package/lib/core/BoxedTable/TableBody/index.d.ts +7 -0
  22. package/lib/core/BoxedTable/TableBody/index.d.ts.map +1 -0
  23. package/lib/core/BoxedTable/TableBody/index.js +10 -0
  24. package/lib/core/BoxedTable/TableBody/styles.d.ts +6 -0
  25. package/lib/core/BoxedTable/TableBody/styles.d.ts.map +1 -0
  26. package/lib/core/BoxedTable/TableBody/styles.js +16 -0
  27. package/lib/core/FileInput/index.js +1 -1
  28. package/lib/core/Header/index.d.ts +2 -0
  29. package/lib/core/Header/index.d.ts.map +1 -1
  30. package/lib/core/Header/index.js +3 -1
  31. package/lib/core/Link/Link.stories.d.ts +14 -39
  32. package/lib/core/Link/Link.stories.d.ts.map +1 -1
  33. package/lib/core/Link/Link.stories.js +41 -39
  34. package/lib/core/Link/index.d.ts.map +1 -1
  35. package/lib/core/Link/index.js +5 -1
  36. package/lib/core/List/List.stories.d.ts +14 -39
  37. package/lib/core/List/List.stories.d.ts.map +1 -1
  38. package/lib/core/List/List.stories.js +119 -105
  39. package/lib/core/List/index.d.ts +3 -2
  40. package/lib/core/List/index.d.ts.map +1 -1
  41. package/lib/core/List/index.js +6 -3
  42. package/lib/core/ListPager/ListPager.stories.d.ts +6 -7
  43. package/lib/core/ListPager/ListPager.stories.d.ts.map +1 -1
  44. package/lib/core/ListPager/ListPager.stories.js +4 -4
  45. package/lib/core/ListPager/index.d.ts.map +1 -1
  46. package/lib/core/ListPager/index.js +4 -0
  47. package/lib/core/ListPager/styles.d.ts +1 -1
  48. package/lib/core/ListPager/styles.d.ts.map +1 -1
  49. package/lib/core/ListPager/styles.js +4 -4
  50. package/lib/core/NoticeCard/index.d.ts.map +1 -1
  51. package/lib/core/NoticeCard/index.js +2 -0
  52. package/lib/core/NotificationCounter/index.d.ts.map +1 -1
  53. package/lib/core/NotificationCounter/index.js +5 -1
  54. package/lib/core/NotificationsMenu/index.js +1 -1
  55. package/lib/core/Radio/index.d.ts +1 -1
  56. package/lib/core/Radio/index.d.ts.map +1 -1
  57. package/lib/core/Radio/index.js +7 -2
  58. package/lib/core/Select/index.d.ts.map +1 -1
  59. package/lib/core/Select/index.js +7 -1
  60. package/lib/core/Skeleton/index.d.ts.map +1 -1
  61. package/lib/core/Skeleton/index.js +9 -6
  62. package/lib/core/Spinner/index.d.ts.map +1 -1
  63. package/lib/core/Spinner/index.js +4 -1
  64. package/lib/core/Spinner/styles.d.ts.map +1 -1
  65. package/lib/core/Spinner/styles.js +5 -5
  66. package/package.json +1 -1
  67. package/esm/core/Autocomplete/utils/useHandleOptionsHeight.js +0 -16
  68. package/esm/core/CheckboxController/index.js +0 -22
  69. package/esm/core/Datepicker/yearMonthForm.js +0 -56
  70. package/esm/core/EditorOld/config.js +0 -69
  71. package/esm/core/EditorOld/index.js +0 -147
  72. package/esm/core/EditorOld/styles.js +0 -65
  73. package/esm/core/ImageCarousel/index.js +0 -70
  74. package/esm/core/ImageCarousel/styles.js +0 -58
  75. package/esm/enums/ModifierKey.js +0 -13
  76. package/lib/core/Autocomplete/utils/useHandleOptionsHeight.d.ts +0 -7
  77. package/lib/core/Autocomplete/utils/useHandleOptionsHeight.d.ts.map +0 -1
  78. package/lib/core/Autocomplete/utils/useHandleOptionsHeight.js +0 -16
  79. package/lib/core/CheckboxController/index.d.ts +0 -1
  80. package/lib/core/CheckboxController/index.d.ts.map +0 -1
  81. package/lib/core/CheckboxController/index.js +0 -22
  82. package/lib/core/Datepicker/yearMonthForm.d.ts +0 -10
  83. package/lib/core/Datepicker/yearMonthForm.d.ts.map +0 -1
  84. package/lib/core/Datepicker/yearMonthForm.js +0 -56
  85. package/lib/core/EditorOld/config.d.ts +0 -56
  86. package/lib/core/EditorOld/config.d.ts.map +0 -1
  87. package/lib/core/EditorOld/config.js +0 -69
  88. package/lib/core/EditorOld/index.d.ts +0 -39
  89. package/lib/core/EditorOld/index.d.ts.map +0 -1
  90. package/lib/core/EditorOld/index.js +0 -147
  91. package/lib/core/EditorOld/styles.d.ts +0 -23
  92. package/lib/core/EditorOld/styles.d.ts.map +0 -1
  93. package/lib/core/EditorOld/styles.js +0 -65
  94. package/lib/core/ImageCarousel/index.d.ts +0 -11
  95. package/lib/core/ImageCarousel/index.d.ts.map +0 -1
  96. package/lib/core/ImageCarousel/index.js +0 -70
  97. package/lib/core/ImageCarousel/styles.d.ts +0 -26
  98. package/lib/core/ImageCarousel/styles.d.ts.map +0 -1
  99. package/lib/core/ImageCarousel/styles.js +0 -58
  100. package/lib/enums/ModifierKey.d.ts +0 -12
  101. package/lib/enums/ModifierKey.d.ts.map +0 -1
  102. package/lib/enums/ModifierKey.js +0 -13
@@ -51,6 +51,10 @@ const Select = ({
51
51
  toggleOpen(false);
52
52
  };
53
53
  if (open) {
54
+ const firstOption = ref.current?.querySelector('button, a, [tabindex]');
55
+ if (firstOption) {
56
+ firstOption.focus();
57
+ }
54
58
  document.addEventListener('mousedown', handleClickOutside);
55
59
  } else {
56
60
  document.removeEventListener('mousedown', handleClickOutside);
@@ -73,6 +77,8 @@ const Select = ({
73
77
  ref: ref,
74
78
  className: className,
75
79
  css: theme => [styles.default, input && styles.input(theme), input && open && styles.open(theme), type === 'primary10' && styles.primary10(theme), icon && styles.withIcon, type === 'opacity08' && styles.opacity08(theme), width && styles.width(width), maxHeight && styles.maxHeight(maxHeight), customStyle && customStyle, open && customOpenstyle && customOpenstyle, disabled && styles.disabled(theme)],
80
+ "aria-expanded": open,
81
+ "aria-label": label ? label : 'Select',
76
82
  children: [input && label && Label, info && _jsx("span", {
77
83
  css: styles.infoButton,
78
84
  children: _jsx(InfoButton, {
@@ -96,7 +102,7 @@ const Select = ({
96
102
  tabIndex: disabled ? -1 : undefined,
97
103
  children: props.selectedValue ? props.selectedValue : props.text || ''
98
104
  }), _jsx(OptionsWrapper, {
99
- css: [input && styles.inputstyle(!!label), optionsWidth && styles.optionsWidth(optionsWidth), process.env.NODE_ENV === "production" ? "" : ";label:NonNative;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUtRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIFJlYWN0Tm9kZSxcbiAgUmVhY3RFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgY3JlYXRlUmVmLFxuICB1c2VFZmZlY3QsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IE9wdGlvbiBmcm9tICcuL09wdGlvbidcbmltcG9ydCB7IFNlbGVjdFdyYXBwZXIsIE9wdGlvbnNXcmFwcGVyLCBzdHlsZXMsIFN0eWxlZExhYmVsIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW5mb0J1dHRvbiBmcm9tICcuLi9JbmZvQnV0dG9uJ1xuaW1wb3J0IEljb25IZWxwIGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkhlbHAnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBJY29uQ2hldnJvbkRvd24gZnJvbSAnLi4vLi4vaWNvbnMvR2VuZXJhbC9JY29uQ2hldnJvbkRvd24nXG5pbXBvcnQgTGlzdCBmcm9tICcuLi9MaXN0J1xuXG5leHBvcnQgeyBPcHRpb24gfVxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIFRleHQgd2hlbiBubyBvcHRpb24gYXJlIHNlbGVjdGVkICovXG4gIHRleHQ/OiBzdHJpbmdcbiAgLyoqIEN1cnJlbnQgc2VsZWN0ZWQgdmFsdWUuIExlYXZlIGVtcHR5IGZvciBkZWZhdWx0IHRleHQuICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmdcbiAgLyoqIFN0eWxlIGFzIGFuIGlucHV0ICovXG4gIGlucHV0PzogYm9vbGVhblxuICAvKiogQWRkcyBhIGxhYmVsIGlmIGlucHV0IGlzIHNlbGVjdGVkICAqL1xuICBsYWJlbD86IHN0cmluZ1xuICAvKiogQ2FsbGJhY2sgaGFuZGxlciBmb3Igd2hlbiBjbGlja2luZyBvcHRpb24gZWxlbWVudC4gKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gYW55XG4gIC8qKiBPcHRpb24tZWxlbWVudHMsIHNlbGVjdCBsaXN0IGNvbnRlbnQgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVtdXG4gIC8qKiBBZGRzIGljb24gdG8gc2VsZWN0ICAqL1xuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKiBUeXBlIG9mIHNlbGVjdCwgZGVmYXVsdCBpcyB0cmFuc3BhcmVudCwgcHJpbWFyeTEwIGFkZHMgcHJpbWFyeSBiYWNrZ3JvdW5kIHdpdGggMTAgb3BhY2l0eSAqL1xuICB0eXBlPzogJ2RlZmF1bHQnIHwgJ3ByaW1hcnkxMCcgfCAnb3BhY2l0eTA4J1xuICAvKiogVXNlIG5hdGl2ZSBzZWxlY3RvciAqL1xuICBuYXRpdmU/OiBib29sZWFuXG4gIC8qKiBTZWxlY3QgYnV0dG9uIHdpZHRoICovXG4gIHdpZHRoPzogc3RyaW5nXG4gIC8qKiBPcHRpb25zIGNvbnRlbnQgd2lkdGggKi9cbiAgb3B0aW9uc1dpZHRoPzogc3RyaW5nXG4gIC8qKiBPcHRpb25zIG1heCBoZWlnaHQuIElmIHNldCB3aWxsIHNldCBvdmVyZmxvdy15IHRvIHNjcm9sbC4gKi9cbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKiBBdXRvZm9jdXMgKi9cbiAgZm9jdXM/OiBib29sZWFuXG4gIC8qKiBBZGQgY3VzdG9tIGNzcyB0byBzZWxlY3Qgd2hlbiBpbiBvcGVuIHN0YXRlICovXG4gIGN1c3RvbU9wZW5zdHlsZT86IFNlcmlhbGl6ZWRTdHlsZXNcbiAgLyoqIE92ZXJyaWRlIHdpdGggY3VzdG9tIENTUyAqL1xuICBjdXN0b21TdHlsZT86IFNlcmlhbGl6ZWRTdHlsZXNcbiAgLyoqIEFkZCBhIGRhdGEtdHJhY2tpbmctZXZlbnQgYXR0cmlidXRlLiAqL1xuICB0cmFja2luZ0V2ZW50Pzogc3RyaW5nXG4gIC8qKiBBZGQgYSBkYXRhLXRyYWNraW5nLW5hbWUgYXR0cmlidXRlLiAqL1xuICB0cmFja2luZ05hbWU/OiBzdHJpbmdcbiAgLyoqIFNlbGVjdCBpcyBkaXNhYmxlZC4gKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKiBNYW51YWwgY2xvc2UgYnkgY2hhbmdpbmcgY2xvc2VLZXkgZXh0ZXJuYWxseSAqL1xuICBjbG9zZUtleT86IHN0cmluZ1xuICAvKiogQWRkIGNsYXNzbmFtZSAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqIEFkZHMgaW5mby10ZXh0IGJ1dHRvbiAqL1xuICBpbmZvPzogc3RyaW5nXG4gIC8qKiBXaGVyZSB0aGUgaW5mbyB0b29sdGlwIHdpbGwgYmUgcGxhY2VkIHJlbGF0aXZlIHRvIHRoZSBidXR0b24gQGRlZmF1bHQgbGVmdCAqL1xuICBpbmZvUGxhY2VtZW50PzogJ3RvcCcgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdHRvbSdcbn1cblxuY29uc3QgU2VsZWN0OiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgaW5wdXQsXG4gIGljb24sXG4gIHR5cGUgPSAnZGVmYXVsdCcsXG4gIG5hdGl2ZSxcbiAgb3B0aW9uc1dpZHRoLFxuICB3aWR0aCxcbiAgbWF4SGVpZ2h0LFxuICBmb2N1cyxcbiAgY3VzdG9tT3BlbnN0eWxlLFxuICBjdXN0b21TdHlsZSxcbiAgdHJhY2tpbmdFdmVudCxcbiAgdHJhY2tpbmdOYW1lLFxuICBkaXNhYmxlZCxcbiAgbGFiZWwsXG4gIGNsb3NlS2V5LFxuICBjbGFzc05hbWUsXG4gIGluZm8sXG4gIGluZm9QbGFjZW1lbnQgPSAnbGVmdCcsXG4gIC4uLnByb3BzXG59OiBJUHJvcHMpID0+IHtcbiAgY29uc3QgcmVmID0gY3JlYXRlUmVmPEhUTUxTcGFuRWxlbWVudD4oKVxuICBjb25zdCBbb3BlbiwgdG9nZ2xlT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBvbkNsaWNrID0gZnVuY3Rpb24gKCkge1xuICAgIHRvZ2dsZU9wZW4oIW9wZW4gJiYgIWRpc2FibGVkKVxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY2xvc2VLZXkpIHtcbiAgICAgIHRvZ2dsZU9wZW4oZmFsc2UpXG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2Nsb3NlS2V5XSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChlOiBhbnkpID0+IHtcbiAgICAgIGNvbnN0IG5vZGUgPSByZWYuY3VycmVudFxuICAgICAgaWYgKG5vZGUgJiYgbm9kZS5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgICAgcmV0dXJuXG4gICAgICB9XG4gICAgICB0b2dnbGVPcGVuKGZhbHNlKVxuICAgIH1cblxuICAgIGlmIChvcGVuKSB7XG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfSBlbHNlIHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cbiAgfSwgW29wZW4sIHJlZl0pXG5cbiAgY29uc3Qgb25DaGFuZ2UgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgIGlmIChwcm9wcy5vbkNoYW5nZSAmJiAhZGlzYWJsZWQpIHtcbiAgICAgIHByb3BzLm9uQ2hhbmdlKHZhbHVlKVxuICAgICAgdG9nZ2xlT3BlbihmYWxzZSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBMYWJlbCA9IDxTdHlsZWRMYWJlbCB3aXRoSW5mbz17Qm9vbGVhbihpbmZvKX0+e2xhYmVsfTwvU3R5bGVkTGFiZWw+XG5cbiAgY29uc3QgTm9uTmF0aXZlID0gKFxuICAgIDxTZWxlY3RXcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXsodGhlbWUpID0+IFtcbiAgICAgICAgc3R5bGVzLmRlZmF1bHQsXG4gICAgICAgIGlucHV0ICYmIHN0eWxlcy5pbnB1dCh0aGVtZSksXG4gICAgICAgIGlucHV0ICYmIG9wZW4gJiYgc3R5bGVzLm9wZW4odGhlbWUpLFxuICAgICAgICB0eXBlID09PSAncHJpbWFyeTEwJyAmJiBzdHlsZXMucHJpbWFyeTEwKHRoZW1lKSxcbiAgICAgICAgaWNvbiAmJiBzdHlsZXMud2l0aEljb24sXG4gICAgICAgIHR5cGUgPT09ICdvcGFjaXR5MDgnICYmIHN0eWxlcy5vcGFjaXR5MDgodGhlbWUpLFxuICAgICAgICB3aWR0aCAmJiBzdHlsZXMud2lkdGgod2lkdGgpLFxuICAgICAgICBtYXhIZWlnaHQgJiYgc3R5bGVzLm1heEhlaWdodChtYXhIZWlnaHQpLFxuICAgICAgICBjdXN0b21TdHlsZSAmJiBjdXN0b21TdHlsZSxcbiAgICAgICAgb3BlbiAmJiBjdXN0b21PcGVuc3R5bGUgJiYgY3VzdG9tT3BlbnN0eWxlLFxuICAgICAgICBkaXNhYmxlZCAmJiBzdHlsZXMuZGlzYWJsZWQodGhlbWUpLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7aW5wdXQgJiYgbGFiZWwgJiYgTGFiZWx9XG4gICAgICB7aW5mbyAmJiAoXG4gICAgICAgIDxzcGFuIGNzcz17c3R5bGVzLmluZm9CdXR0b259PlxuICAgICAgICAgIDxJbmZvQnV0dG9uIGljb249ezxJY29uSGVscCBwcmltYXJ5IC8+fSBwbGFjZT17aW5mb1BsYWNlbWVudH0+XG4gICAgICAgICAgICB7aW5mb31cbiAgICAgICAgICA8L0luZm9CdXR0b24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8QnV0dG9uXG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgYWZ0ZXJJY29uPXs8SWNvbkNoZXZyb25Eb3duIGZsaXBWZXJ0aWNhbD17b3Blbn0gc2l6ZT17MTR9IC8+fVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBiZWZvcmVJY29uPXtpY29ufVxuICAgICAgICBhdXRvRm9jdXM9e2ZvY3VzfVxuICAgICAgICB0cmFja2luZ05hbWU9e3RyYWNraW5nTmFtZX1cbiAgICAgICAgdHJhY2tpbmdFdmVudD17dHJhY2tpbmdFdmVudH1cbiAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiB1bmRlZmluZWR9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHQgfHwgJyd9XG4gICAgICA8L0J1dHRvbj5cbiAgICAgIDxPcHRpb25zV3JhcHBlclxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXRzdHlsZSghIWxhYmVsKSxcbiAgICAgICAgICBvcHRpb25zV2lkdGggJiYgc3R5bGVzLm9wdGlvbnNXaWR0aChvcHRpb25zV2lkdGgpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7b3BlbiA/IChcbiAgICAgICAgICA8TGlzdCBzZWxlY3RMaXN0PlxuICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVuXG4gICAgICAgICAgICAgIC5maWx0ZXIoKHgpID0+IHgpXG4gICAgICAgICAgICAgIC5tYXAoKGNoaWxkLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkIGFzIFJlYWN0RWxlbWVudCwge1xuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U6IG9uQ2hhbmdlLFxuICAgICAgICAgICAgICAgICAga2V5LFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvTGlzdD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L09wdGlvbnNXcmFwcGVyPlxuICAgIDwvU2VsZWN0V3JhcHBlcj5cbiAgKVxuXG4gIGNvbnN0IE5hdGl2ZSA9IChcbiAgICA8c2VsZWN0XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17KHRoZW1lKSA9PiBbXG4gICAgICAgIHN0eWxlcy5kZWZhdWx0LFxuICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXQodGhlbWUpLFxuICAgICAgICBpbnB1dCAmJiBvcGVuICYmIHN0eWxlcy5vcGVuKHRoZW1lKSxcbiAgICAgICAgdHlwZSA9PT0gJ3ByaW1hcnkxMCcgJiYgc3R5bGVzLnByaW1hcnkxMCh0aGVtZSksXG4gICAgICAgIGljb24gJiYgc3R5bGVzLndpdGhJY29uLFxuICAgICAgXX1cbiAgICAgIHZhbHVlPXtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHQgfHwgJyd9XG4gICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW5cbiAgICAgICAgLmZpbHRlcigoeCkgPT4geClcbiAgICAgICAgLm1hcCgoY2hpbGQ6IGFueSwga2V5OiBhbnkpID0+IHtcbiAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgIH1cbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPG9wdGlvbiBrZXk9e2tleX0gdmFsdWU9e2NoaWxkLnByb3BzLnZhbHVlfT5cbiAgICAgICAgICAgICAge2NoaWxkLnByb3BzLmNoaWxkcmVufVxuICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgKVxuICAgICAgICB9KX1cbiAgICA8L3NlbGVjdD5cbiAgKVxuXG4gIHJldHVybiBuYXRpdmUgPyBOYXRpdmUgOiBOb25OYXRpdmVcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0XG4iXX0= */"],
105
+ css: [input && styles.inputstyle(!!label), optionsWidth && styles.optionsWidth(optionsWidth), process.env.NODE_ENV === "production" ? "" : ";label:NonNative;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUxRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIFJlYWN0Tm9kZSxcbiAgUmVhY3RFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgY3JlYXRlUmVmLFxuICB1c2VFZmZlY3QsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IE9wdGlvbiBmcm9tICcuL09wdGlvbidcbmltcG9ydCB7IFNlbGVjdFdyYXBwZXIsIE9wdGlvbnNXcmFwcGVyLCBzdHlsZXMsIFN0eWxlZExhYmVsIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW5mb0J1dHRvbiBmcm9tICcuLi9JbmZvQnV0dG9uJ1xuaW1wb3J0IEljb25IZWxwIGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkhlbHAnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBJY29uQ2hldnJvbkRvd24gZnJvbSAnLi4vLi4vaWNvbnMvR2VuZXJhbC9JY29uQ2hldnJvbkRvd24nXG5pbXBvcnQgTGlzdCBmcm9tICcuLi9MaXN0J1xuXG5leHBvcnQgeyBPcHRpb24gfVxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIFRleHQgd2hlbiBubyBvcHRpb24gYXJlIHNlbGVjdGVkICovXG4gIHRleHQ/OiBzdHJpbmdcbiAgLyoqIEN1cnJlbnQgc2VsZWN0ZWQgdmFsdWUuIExlYXZlIGVtcHR5IGZvciBkZWZhdWx0IHRleHQuICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmdcbiAgLyoqIFN0eWxlIGFzIGFuIGlucHV0ICovXG4gIGlucHV0PzogYm9vbGVhblxuICAvKiogQWRkcyBhIGxhYmVsIGlmIGlucHV0IGlzIHNlbGVjdGVkICAqL1xuICBsYWJlbD86IHN0cmluZ1xuICAvKiogQ2FsbGJhY2sgaGFuZGxlciBmb3Igd2hlbiBjbGlja2luZyBvcHRpb24gZWxlbWVudC4gKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gYW55XG4gIC8qKiBPcHRpb24tZWxlbWVudHMsIHNlbGVjdCBsaXN0IGNvbnRlbnQgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVtdXG4gIC8qKiBBZGRzIGljb24gdG8gc2VsZWN0ICAqL1xuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKiBUeXBlIG9mIHNlbGVjdCwgZGVmYXVsdCBpcyB0cmFuc3BhcmVudCwgcHJpbWFyeTEwIGFkZHMgcHJpbWFyeSBiYWNrZ3JvdW5kIHdpdGggMTAgb3BhY2l0eSAqL1xuICB0eXBlPzogJ2RlZmF1bHQnIHwgJ3ByaW1hcnkxMCcgfCAnb3BhY2l0eTA4J1xuICAvKiogVXNlIG5hdGl2ZSBzZWxlY3RvciAqL1xuICBuYXRpdmU/OiBib29sZWFuXG4gIC8qKiBTZWxlY3QgYnV0dG9uIHdpZHRoICovXG4gIHdpZHRoPzogc3RyaW5nXG4gIC8qKiBPcHRpb25zIGNvbnRlbnQgd2lkdGggKi9cbiAgb3B0aW9uc1dpZHRoPzogc3RyaW5nXG4gIC8qKiBPcHRpb25zIG1heCBoZWlnaHQuIElmIHNldCB3aWxsIHNldCBvdmVyZmxvdy15IHRvIHNjcm9sbC4gKi9cbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKiBBdXRvZm9jdXMgKi9cbiAgZm9jdXM/OiBib29sZWFuXG4gIC8qKiBBZGQgY3VzdG9tIGNzcyB0byBzZWxlY3Qgd2hlbiBpbiBvcGVuIHN0YXRlICovXG4gIGN1c3RvbU9wZW5zdHlsZT86IFNlcmlhbGl6ZWRTdHlsZXNcbiAgLyoqIE92ZXJyaWRlIHdpdGggY3VzdG9tIENTUyAqL1xuICBjdXN0b21TdHlsZT86IFNlcmlhbGl6ZWRTdHlsZXNcbiAgLyoqIEFkZCBhIGRhdGEtdHJhY2tpbmctZXZlbnQgYXR0cmlidXRlLiAqL1xuICB0cmFja2luZ0V2ZW50Pzogc3RyaW5nXG4gIC8qKiBBZGQgYSBkYXRhLXRyYWNraW5nLW5hbWUgYXR0cmlidXRlLiAqL1xuICB0cmFja2luZ05hbWU/OiBzdHJpbmdcbiAgLyoqIFNlbGVjdCBpcyBkaXNhYmxlZC4gKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKiBNYW51YWwgY2xvc2UgYnkgY2hhbmdpbmcgY2xvc2VLZXkgZXh0ZXJuYWxseSAqL1xuICBjbG9zZUtleT86IHN0cmluZ1xuICAvKiogQWRkIGNsYXNzbmFtZSAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqIEFkZHMgaW5mby10ZXh0IGJ1dHRvbiAqL1xuICBpbmZvPzogc3RyaW5nXG4gIC8qKiBXaGVyZSB0aGUgaW5mbyB0b29sdGlwIHdpbGwgYmUgcGxhY2VkIHJlbGF0aXZlIHRvIHRoZSBidXR0b24gQGRlZmF1bHQgbGVmdCAqL1xuICBpbmZvUGxhY2VtZW50PzogJ3RvcCcgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdHRvbSdcbn1cblxuY29uc3QgU2VsZWN0OiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgaW5wdXQsXG4gIGljb24sXG4gIHR5cGUgPSAnZGVmYXVsdCcsXG4gIG5hdGl2ZSxcbiAgb3B0aW9uc1dpZHRoLFxuICB3aWR0aCxcbiAgbWF4SGVpZ2h0LFxuICBmb2N1cyxcbiAgY3VzdG9tT3BlbnN0eWxlLFxuICBjdXN0b21TdHlsZSxcbiAgdHJhY2tpbmdFdmVudCxcbiAgdHJhY2tpbmdOYW1lLFxuICBkaXNhYmxlZCxcbiAgbGFiZWwsXG4gIGNsb3NlS2V5LFxuICBjbGFzc05hbWUsXG4gIGluZm8sXG4gIGluZm9QbGFjZW1lbnQgPSAnbGVmdCcsXG4gIC4uLnByb3BzXG59OiBJUHJvcHMpID0+IHtcbiAgY29uc3QgcmVmID0gY3JlYXRlUmVmPEhUTUxTcGFuRWxlbWVudD4oKVxuICBjb25zdCBbb3BlbiwgdG9nZ2xlT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBvbkNsaWNrID0gZnVuY3Rpb24gKCkge1xuICAgIHRvZ2dsZU9wZW4oIW9wZW4gJiYgIWRpc2FibGVkKVxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY2xvc2VLZXkpIHtcbiAgICAgIHRvZ2dsZU9wZW4oZmFsc2UpXG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2Nsb3NlS2V5XSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChlOiBhbnkpID0+IHtcbiAgICAgIGNvbnN0IG5vZGUgPSByZWYuY3VycmVudFxuICAgICAgaWYgKG5vZGUgJiYgbm9kZS5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgICAgcmV0dXJuXG4gICAgICB9XG4gICAgICB0b2dnbGVPcGVuKGZhbHNlKVxuICAgIH1cblxuICAgIGlmIChvcGVuKSB7XG4gICAgICBjb25zdCBmaXJzdE9wdGlvbiA9IHJlZi5jdXJyZW50Py5xdWVyeVNlbGVjdG9yKFxuICAgICAgICAnYnV0dG9uLCBhLCBbdGFiaW5kZXhdJ1xuICAgICAgKSBhcyBIVE1MRWxlbWVudFxuICAgICAgaWYgKGZpcnN0T3B0aW9uKSB7XG4gICAgICAgIGZpcnN0T3B0aW9uLmZvY3VzKClcbiAgICAgIH1cbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9IGVsc2Uge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbb3BlbiwgcmVmXSlcblxuICBjb25zdCBvbkNoYW5nZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgaWYgKHByb3BzLm9uQ2hhbmdlICYmICFkaXNhYmxlZCkge1xuICAgICAgcHJvcHMub25DaGFuZ2UodmFsdWUpXG4gICAgICB0b2dnbGVPcGVuKGZhbHNlKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IExhYmVsID0gPFN0eWxlZExhYmVsIHdpdGhJbmZvPXtCb29sZWFuKGluZm8pfT57bGFiZWx9PC9TdHlsZWRMYWJlbD5cblxuICBjb25zdCBOb25OYXRpdmUgPSAoXG4gICAgPFNlbGVjdFdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9eyh0aGVtZSkgPT4gW1xuICAgICAgICBzdHlsZXMuZGVmYXVsdCxcbiAgICAgICAgaW5wdXQgJiYgc3R5bGVzLmlucHV0KHRoZW1lKSxcbiAgICAgICAgaW5wdXQgJiYgb3BlbiAmJiBzdHlsZXMub3Blbih0aGVtZSksXG4gICAgICAgIHR5cGUgPT09ICdwcmltYXJ5MTAnICYmIHN0eWxlcy5wcmltYXJ5MTAodGhlbWUpLFxuICAgICAgICBpY29uICYmIHN0eWxlcy53aXRoSWNvbixcbiAgICAgICAgdHlwZSA9PT0gJ29wYWNpdHkwOCcgJiYgc3R5bGVzLm9wYWNpdHkwOCh0aGVtZSksXG4gICAgICAgIHdpZHRoICYmIHN0eWxlcy53aWR0aCh3aWR0aCksXG4gICAgICAgIG1heEhlaWdodCAmJiBzdHlsZXMubWF4SGVpZ2h0KG1heEhlaWdodCksXG4gICAgICAgIGN1c3RvbVN0eWxlICYmIGN1c3RvbVN0eWxlLFxuICAgICAgICBvcGVuICYmIGN1c3RvbU9wZW5zdHlsZSAmJiBjdXN0b21PcGVuc3R5bGUsXG4gICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy5kaXNhYmxlZCh0aGVtZSksXG4gICAgICBdfVxuICAgICAgYXJpYS1leHBhbmRlZD17b3Blbn1cbiAgICAgIGFyaWEtbGFiZWw9e2xhYmVsID8gbGFiZWwgOiAnU2VsZWN0J31cbiAgICA+XG4gICAgICB7aW5wdXQgJiYgbGFiZWwgJiYgTGFiZWx9XG4gICAgICB7aW5mbyAmJiAoXG4gICAgICAgIDxzcGFuIGNzcz17c3R5bGVzLmluZm9CdXR0b259PlxuICAgICAgICAgIDxJbmZvQnV0dG9uIGljb249ezxJY29uSGVscCBwcmltYXJ5IC8+fSBwbGFjZT17aW5mb1BsYWNlbWVudH0+XG4gICAgICAgICAgICB7aW5mb31cbiAgICAgICAgICA8L0luZm9CdXR0b24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8QnV0dG9uXG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgYWZ0ZXJJY29uPXs8SWNvbkNoZXZyb25Eb3duIGZsaXBWZXJ0aWNhbD17b3Blbn0gc2l6ZT17MTR9IC8+fVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBiZWZvcmVJY29uPXtpY29ufVxuICAgICAgICBhdXRvRm9jdXM9e2ZvY3VzfVxuICAgICAgICB0cmFja2luZ05hbWU9e3RyYWNraW5nTmFtZX1cbiAgICAgICAgdHJhY2tpbmdFdmVudD17dHJhY2tpbmdFdmVudH1cbiAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiB1bmRlZmluZWR9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHQgfHwgJyd9XG4gICAgICA8L0J1dHRvbj5cbiAgICAgIDxPcHRpb25zV3JhcHBlclxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXRzdHlsZSghIWxhYmVsKSxcbiAgICAgICAgICBvcHRpb25zV2lkdGggJiYgc3R5bGVzLm9wdGlvbnNXaWR0aChvcHRpb25zV2lkdGgpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7b3BlbiA/IChcbiAgICAgICAgICA8TGlzdCBzZWxlY3RMaXN0PlxuICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVuXG4gICAgICAgICAgICAgIC5maWx0ZXIoKHgpID0+IHgpXG4gICAgICAgICAgICAgIC5tYXAoKGNoaWxkLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkIGFzIFJlYWN0RWxlbWVudCwge1xuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U6IG9uQ2hhbmdlLFxuICAgICAgICAgICAgICAgICAga2V5LFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvTGlzdD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L09wdGlvbnNXcmFwcGVyPlxuICAgIDwvU2VsZWN0V3JhcHBlcj5cbiAgKVxuXG4gIGNvbnN0IE5hdGl2ZSA9IChcbiAgICA8c2VsZWN0XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17KHRoZW1lKSA9PiBbXG4gICAgICAgIHN0eWxlcy5kZWZhdWx0LFxuICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXQodGhlbWUpLFxuICAgICAgICBpbnB1dCAmJiBvcGVuICYmIHN0eWxlcy5vcGVuKHRoZW1lKSxcbiAgICAgICAgdHlwZSA9PT0gJ3ByaW1hcnkxMCcgJiYgc3R5bGVzLnByaW1hcnkxMCh0aGVtZSksXG4gICAgICAgIGljb24gJiYgc3R5bGVzLndpdGhJY29uLFxuICAgICAgXX1cbiAgICAgIHZhbHVlPXtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHQgfHwgJyd9XG4gICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW5cbiAgICAgICAgLmZpbHRlcigoeCkgPT4geClcbiAgICAgICAgLm1hcCgoY2hpbGQ6IGFueSwga2V5OiBhbnkpID0+IHtcbiAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgIH1cbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPG9wdGlvbiBrZXk9e2tleX0gdmFsdWU9e2NoaWxkLnByb3BzLnZhbHVlfT5cbiAgICAgICAgICAgICAge2NoaWxkLnByb3BzLmNoaWxkcmVufVxuICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgKVxuICAgICAgICB9KX1cbiAgICA8L3NlbGVjdD5cbiAgKVxuXG4gIHJldHVybiBuYXRpdmUgPyBOYXRpdmUgOiBOb25OYXRpdmVcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0XG4iXX0= */"],
100
106
  children: open ? _jsx(List, {
101
107
  selectList: true,
102
108
  children: props.children.filter(x => x).map((child, key) => {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,MAAM;IACrB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAuB9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,MAAM;IACrB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0B9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -8,25 +8,28 @@ const Skeleton = ({
8
8
  rectangle = false,
9
9
  borderRadius = undefined
10
10
  }) => {
11
+ const commonProps = {
12
+ height,
13
+ width,
14
+ 'aria-hidden': true,
15
+ role: 'presentation'
16
+ };
11
17
  if (circle) {
12
18
  return /*#__PURE__*/_jsx(SkeletonCircle, {
13
19
  "data-testid": "skeleton",
14
- height: height,
15
- width: width
20
+ ...commonProps
16
21
  });
17
22
  }
18
23
  if (rectangle) {
19
24
  return /*#__PURE__*/_jsx(SkeletonRectangle, {
20
25
  "data-testid": "skeleton",
21
26
  borderRadius: borderRadius,
22
- height: height,
23
- width: width
27
+ ...commonProps
24
28
  });
25
29
  }
26
30
  return /*#__PURE__*/_jsx(SkeletonRow, {
27
31
  "data-testid": "skeleton",
28
- height: height,
29
- width: width
32
+ ...commonProps
30
33
  });
31
34
  };
32
35
  export default Skeleton;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Spinner/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiB7B,CAAA;AAED,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Spinner/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoB7B,CAAA;AAED,eAAe,OAAO,CAAA"}
@@ -4,7 +4,10 @@ import { styles } from './styles';
4
4
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
5
5
  const Spinner = props => {
6
6
  return _jsx("div", {
7
- css: theme => [styles.default(theme), props.size && styles.size(props.size), props.margin && styles.margin(props.margin), props.color && styles.color(props.color), (props.thickness || props.offsetColor) && styles.border(props.thickness, props.offsetColor, props.color || theme.primary)]
7
+ css: theme => [styles.default(theme), props.size && styles.size(props.size), props.margin && styles.margin(props.margin), props.color && styles.color(props.color), (props.thickness || props.offsetColor) && styles.border(props.thickness, props.offsetColor, props.color || theme.primary)],
8
+ role: "alert",
9
+ "aria-live": "polite",
10
+ "aria-label": "Laster..."
8
11
  });
9
12
  };
10
13
  export default Spinner;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Spinner/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;iBA6Bb,MAAM;qBAOF,MAAM;mBAIR,MAAM;2FASL,MAAM;CAOvB,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Spinner/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;iBAkCb,MAAM;qBAOF,MAAM;mBAIR,MAAM;2FASL,MAAM;CAOvB,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
@@ -1,10 +1,10 @@
1
1
  import { css } from '@emotion/react';
2
2
  const styles = {
3
- default: theme => /*#__PURE__*/css("@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg);}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg);}}position:relative;&::before{animation:1.5s linear infinite spinner;animation-play-state:inherit;border:solid 3px #cfd0d1;border-bottom-color:", theme.primary, ";border-radius:50%;content:'';height:8px;width:8px;position:absolute;top:10%;left:10%;transform:translate3d(-50%, -50%, 0);will-change:transform;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TcGlubmVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMGRlZyk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMzYwZGVnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYW5pbWF0aW9uOiAxLjVzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IGluaGVyaXQ7XG4gICAgICBib3JkZXI6IHNvbGlkIDNweCAjY2ZkMGQxO1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAxMCU7XG4gICAgICBsZWZ0OiAxMCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xuICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
4
- size: size => /*#__PURE__*/css("&::before{width:", size, "px;height:", size, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:size;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICBgLFxuXG4gIHNpemU6IChzaXplOiBudW1iZXIpID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgICAgIGhlaWdodDogJHtzaXplfXB4O1xuICAgIH1cbiAgYCxcblxuICBtYXJnaW46IChtYXJnaW46IHN0cmluZykgPT4gY3NzYFxuICAgIG1hcmdpbjogJHttYXJnaW59O1xuICBgLFxuXG4gIGNvbG9yOiAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAke2NvbG9yfTtcbiAgICB9XG4gIGAsXG5cbiAgYm9yZGVyOiAoXG4gICAgdGhpY2tuZXNzOiBudW1iZXIgPSAzLFxuICAgIG9mZnNldENvbG9yOiBzdHJpbmcgPSAnI2NmZDBkMScsXG4gICAgYm9yZGVyQm90dG9tOiBzdHJpbmdcbiAgKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlcjogJHt0aGlja25lc3N9cHggc29saWQgJHtvZmZzZXRDb2xvcn07XG4gICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAke2JvcmRlckJvdHRvbX07XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
5
- margin: margin => /*#__PURE__*/css("margin:", margin, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:margin;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICBgLFxuXG4gIHNpemU6IChzaXplOiBudW1iZXIpID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgICAgIGhlaWdodDogJHtzaXplfXB4O1xuICAgIH1cbiAgYCxcblxuICBtYXJnaW46IChtYXJnaW46IHN0cmluZykgPT4gY3NzYFxuICAgIG1hcmdpbjogJHttYXJnaW59O1xuICBgLFxuXG4gIGNvbG9yOiAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAke2NvbG9yfTtcbiAgICB9XG4gIGAsXG5cbiAgYm9yZGVyOiAoXG4gICAgdGhpY2tuZXNzOiBudW1iZXIgPSAzLFxuICAgIG9mZnNldENvbG9yOiBzdHJpbmcgPSAnI2NmZDBkMScsXG4gICAgYm9yZGVyQm90dG9tOiBzdHJpbmdcbiAgKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlcjogJHt0aGlja25lc3N9cHggc29saWQgJHtvZmZzZXRDb2xvcn07XG4gICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAke2JvcmRlckJvdHRvbX07XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
6
- color: color => /*#__PURE__*/css("&::before{border-bottom-color:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:color;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICBgLFxuXG4gIHNpemU6IChzaXplOiBudW1iZXIpID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgICAgIGhlaWdodDogJHtzaXplfXB4O1xuICAgIH1cbiAgYCxcblxuICBtYXJnaW46IChtYXJnaW46IHN0cmluZykgPT4gY3NzYFxuICAgIG1hcmdpbjogJHttYXJnaW59O1xuICBgLFxuXG4gIGNvbG9yOiAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAke2NvbG9yfTtcbiAgICB9XG4gIGAsXG5cbiAgYm9yZGVyOiAoXG4gICAgdGhpY2tuZXNzOiBudW1iZXIgPSAzLFxuICAgIG9mZnNldENvbG9yOiBzdHJpbmcgPSAnI2NmZDBkMScsXG4gICAgYm9yZGVyQm90dG9tOiBzdHJpbmdcbiAgKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlcjogJHt0aGlja25lc3N9cHggc29saWQgJHtvZmZzZXRDb2xvcn07XG4gICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAke2JvcmRlckJvdHRvbX07XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
7
- border: (thickness = 3, offsetColor = '#cfd0d1', borderBottom) => /*#__PURE__*/css("&::before{border:", thickness, "px solid ", offsetColor, ";border-bottom-color:", borderBottom, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:border;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TcGlubmVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMGRlZyk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMzYwZGVnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYW5pbWF0aW9uOiAxLjVzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IGluaGVyaXQ7XG4gICAgICBib3JkZXI6IHNvbGlkIDNweCAjY2ZkMGQxO1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAxMCU7XG4gICAgICBsZWZ0OiAxMCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xuICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */")
3
+ default: theme => /*#__PURE__*/css("@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg);}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg);}}position:relative;&::before{animation:1.5s linear infinite spinner;animation-play-state:inherit;border:solid 3px #cfd0d1;border-bottom-color:", theme.primary, ";border-radius:50%;content:'';height:8px;width:8px;position:absolute;top:10%;left:10%;transform:translate3d(-50%, -50%, 0);will-change:transform;}@media (prefers-reduced-motion){&::before{animation:4s linear infinite spinner;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TcGlubmVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMGRlZyk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMzYwZGVnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYW5pbWF0aW9uOiAxLjVzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IGluaGVyaXQ7XG4gICAgICBib3JkZXI6IHNvbGlkIDNweCAjY2ZkMGQxO1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAxMCU7XG4gICAgICBsZWZ0OiAxMCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xuICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbiAgICB9XG4gICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7XG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBhbmltYXRpb246IDRzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgfVxuICAgIH1cbiAgYCxcblxuICBzaXplOiAoc2l6ZTogbnVtYmVyKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICB9XG4gIGAsXG5cbiAgbWFyZ2luOiAobWFyZ2luOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXJnaW46ICR7bWFyZ2lufTtcbiAgYCxcblxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuICBgLFxuXG4gIGJvcmRlcjogKFxuICAgIHRoaWNrbmVzczogbnVtYmVyID0gMyxcbiAgICBvZmZzZXRDb2xvcjogc3RyaW5nID0gJyNjZmQwZDEnLFxuICAgIGJvcmRlckJvdHRvbTogc3RyaW5nXG4gICkgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhpY2tuZXNzfXB4IHNvbGlkICR7b2Zmc2V0Q29sb3J9O1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtib3JkZXJCb3R0b219O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
4
+ size: size => /*#__PURE__*/css("&::before{width:", size, "px;height:", size, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:size;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICAgIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbikge1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiA0cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
5
+ margin: margin => /*#__PURE__*/css("margin:", margin, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:margin;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICAgIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbikge1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiA0cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
6
+ color: color => /*#__PURE__*/css("&::before{border-bottom-color:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:color;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICAgIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbikge1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiA0cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
7
+ border: (thickness = 3, offsetColor = '#cfd0d1', borderBottom) => /*#__PURE__*/css("&::before{border:", thickness, "px solid ", offsetColor, ";border-bottom-color:", borderBottom, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:border;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TcGlubmVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMGRlZyk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMzYwZGVnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYW5pbWF0aW9uOiAxLjVzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IGluaGVyaXQ7XG4gICAgICBib3JkZXI6IHNvbGlkIDNweCAjY2ZkMGQxO1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAxMCU7XG4gICAgICBsZWZ0OiAxMCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xuICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbiAgICB9XG4gICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7XG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBhbmltYXRpb246IDRzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgfVxuICAgIH1cbiAgYCxcblxuICBzaXplOiAoc2l6ZTogbnVtYmVyKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICB9XG4gIGAsXG5cbiAgbWFyZ2luOiAobWFyZ2luOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXJnaW46ICR7bWFyZ2lufTtcbiAgYCxcblxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuICBgLFxuXG4gIGJvcmRlcjogKFxuICAgIHRoaWNrbmVzczogbnVtYmVyID0gMyxcbiAgICBvZmZzZXRDb2xvcjogc3RyaW5nID0gJyNjZmQwZDEnLFxuICAgIGJvcmRlckJvdHRvbTogc3RyaW5nXG4gICkgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhpY2tuZXNzfXB4IHNvbGlkICR7b2Zmc2V0Q29sb3J9O1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtib3JkZXJCb3R0b219O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */")
8
8
  };
9
9
  export default styles;
10
10
  export { styles };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "4.0.27",
3
+ "version": "4.0.29",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",
@@ -1,16 +0,0 @@
1
- import { createRef, useEffect, useState } from 'react';
2
-
3
- const useHandleOptionsHeight = () => {
4
- const [optionsHeight, setOptionsHeight] = useState(0);
5
- const optionsRef = /*#__PURE__*/createRef();
6
- useEffect(() => {
7
- const rect = optionsRef.current?.getBoundingClientRect();
8
- setOptionsHeight(rect?.height || 0); // eslint-disable-next-line react-hooks/exhaustive-deps
9
- }, [optionsRef.current]);
10
- return {
11
- optionsHeight,
12
- optionsRef
13
- };
14
- };
15
-
16
- export default useHandleOptionsHeight;
@@ -1,22 +0,0 @@
1
- // import React from 'react'
2
- // interface IProps {
3
- // /** Function children in which CheckBox components can be rendered. */
4
- // children: (component: React.ComponentType, values: string[], id: string) => void;
5
- // /** Unique name of the field. */
6
- // name: string,;
7
- // /** Callback that is triggered when a child CheckBox is clicked. */
8
- // onChange: (values: string[], event: React.ChangeEvent<HTMLInputElement>) => void;
9
- // /** Default checked values. */
10
- // value?: string,[];
11
- // }
12
- // const CheckboxController: React.FC<IProps> = props => {
13
- // const type: string = 'checkbox'
14
- // const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
15
- // if (props.onChange) {
16
- // props.onChange(e.target.checked)
17
- // }
18
- // }
19
- // return (
20
- // )
21
- // }
22
- // export default Checkbox
@@ -1,56 +0,0 @@
1
- import React from 'react';
2
- import { MONTHS } from '../../utils/dates';
3
- import { StyledSelect, Div } from './styles';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- import { jsxs as _jsxs } from "react/jsx-runtime";
6
-
7
- const YearMonthForm = ({
8
- onChange,
9
- date,
10
- fromDate,
11
- toDate
12
- }) => {
13
- const months = MONTHS;
14
- const years = [];
15
-
16
- for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
17
- years.push(i);
18
- }
19
-
20
- const changeMonth = e => {
21
- let newDate = date;
22
- newDate.setMonth(e.target.value);
23
- if (newDate > toDate) newDate = toDate;
24
- onChange(newDate);
25
- };
26
-
27
- const changeYear = e => {
28
- let newDate = date;
29
- newDate.setFullYear(e.target.value);
30
- if (newDate > toDate) newDate = toDate;
31
- onChange(newDate);
32
- };
33
-
34
- return /*#__PURE__*/_jsxs(Div, {
35
- className: "DayPicker-Caption",
36
- children: [/*#__PURE__*/_jsx(StyledSelect, {
37
- name: "month",
38
- onChange: changeMonth,
39
- value: date.getMonth(),
40
- children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
41
- value: i,
42
- children: month
43
- }, month))
44
- }), /*#__PURE__*/_jsx(StyledSelect, {
45
- name: "year",
46
- onChange: changeYear,
47
- value: date.getFullYear(),
48
- children: years.map(year => /*#__PURE__*/_jsx("option", {
49
- value: year,
50
- children: year
51
- }, year))
52
- })]
53
- });
54
- };
55
-
56
- export default YearMonthForm;
@@ -1,69 +0,0 @@
1
- export const basicToolbar = {
2
- options: ['inline', 'list'],
3
- inline: {
4
- options: ['bold', 'italic', 'underline']
5
- }
6
- };
7
- export const richToolbar = {
8
- options: ['blockType', 'inline', 'list', 'textAlign', 'link'],
9
- inline: {
10
- options: ['bold', 'italic', 'underline']
11
- },
12
- textAlign: {
13
- options: ['left', 'center', 'right', 'justify']
14
- },
15
- blockType: {
16
- inDropdown: true,
17
- options: ['Normal', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6']
18
- },
19
- link: {
20
- showOpenOptionOnHover: true,
21
- defaultTargetOption: '_blank',
22
- options: ['link', 'unlink']
23
- }
24
- };
25
- export const htmlToEntity = (nodeName, node, createEntity) => {
26
- if (nodeName === 'a') {
27
- return createEntity('LINK', 'MUTABLE', {
28
- url: node.href
29
- });
30
- }
31
- };
32
- export const getStrippedHtml = html => {
33
- return html.replace(/<img[^>]*>/g, '');
34
- };
35
- export const editorLabels = {
36
- // Generic
37
- 'generic.add': 'Legg til',
38
- 'generic.cancel': 'Avbryt',
39
- // Inline
40
- 'components.controls.inline.bold': 'Fet',
41
- 'components.controls.inline.italic': 'Kursiv',
42
- 'components.controls.inline.underline': 'Understrek',
43
- // List
44
- 'components.controls.list.unordered': 'Punktliste',
45
- 'components.controls.list.ordered': 'Nummerliste',
46
- 'components.controls.list.indent': 'Innrykk',
47
- 'components.controls.list.outdent': 'Utrykk',
48
- // Text align
49
- 'components.controls.textAlign.left': 'Venstrejuster',
50
- 'components.controls.textAlign.center': 'Midtstill',
51
- 'components.controls.textAlign.right': 'Høyrejuster',
52
- 'components.controls.textAlign.justify': 'Blokkjuster',
53
- // Block type
54
- 'components.controls.blocktype.normal': 'Avsnitt',
55
- 'components.controls.blocktype.h1': 'Overskrift 1',
56
- 'components.controls.blocktype.h2': 'Overskrift 2',
57
- 'components.controls.blocktype.h3': 'Overskrift 3',
58
- 'components.controls.blocktype.h4': 'Overskrift 4',
59
- 'components.controls.blocktype.h5': 'Overskrift 5',
60
- 'components.controls.blocktype.h6': 'Overskrift 6',
61
- // Link
62
- 'components.controls.link.linkTitle': 'Tittel',
63
- 'components.controls.link.linkTarget': 'URL',
64
- 'components.controls.link.linkTargetOption': 'Åpne i ny fane',
65
- 'components.controls.link.link': 'Legg til lenke',
66
- 'components.controls.link.unlink': 'Fjern lenke',
67
- // Remove
68
- 'components.controls.remove.remove': 'Fjern'
69
- };
@@ -1,147 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React, { useState } from 'react';
3
- import { Editor as Wysiwyg } from 'react-draft-wysiwyg';
4
- import { convertToRaw, EditorState, Modifier } from 'draft-js';
5
- import { stateFromHTML } from 'draft-js-import-html';
6
- import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
7
- import { CounterWrapper, ErrorWrapper, Label, RelativeDiv, styles } from './styles';
8
- import { basicToolbar, editorLabels, getStrippedHtml, htmlToEntity, richToolbar } from './config';
9
- import { convertToHTML, convertFromHTML } from 'draft-convert';
10
- import Text from '../Text';
11
- import { useTheme } from '@emotion/react';
12
- import IconErrorOutline from '../../icons/General/IconErrorOutline';
13
- import draftToHtml from 'draftjs-to-html';
14
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
15
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
16
-
17
- /**
18
- *
19
- * TODO: REMOVE AND CLEANUP PACKAGES
20
- *
21
- */
22
- const EditorOld = ({
23
- initialValue,
24
- height = 300,
25
- maxHeight,
26
- maxlength,
27
- maxlengthType = 'plaintext',
28
- maxlengthText,
29
- withCounter,
30
- invalidMessage,
31
- label,
32
- customToolbar,
33
- type = 'basic',
34
- onChange,
35
- onBlur
36
- }) => {
37
- const theme = useTheme();
38
- const [maxlengthError, setMaxlengthError] = useState(null);
39
- const [charCount, setCharCount] = useState(0);
40
- const [editorState, setEditorState] = useState(initialValue ? EditorState.createWithContent(convertFromHTML({
41
- htmlToEntity
42
- })(initialValue)) : EditorState.createEmpty());
43
-
44
- const handleEditorChange = state => {
45
- handleValidity(state);
46
- setEditorState(state);
47
- const plainText = state.getCurrentContent().getPlainText();
48
- const html = draftToHtml(convertToRaw(state.getCurrentContent()));
49
- onChange(plainText.length > 0 ? html : ''); // return empty if no content
50
-
51
- if (withCounter && maxlength) {
52
- setCharCount(maxlengthType === 'html' ? html.length : plainText.length);
53
- }
54
- };
55
-
56
- const handleValidity = state => {
57
- if (!maxlength) {
58
- setMaxlengthError(null);
59
- return;
60
- }
61
-
62
- const plaintext = state.getCurrentContent().getPlainText();
63
- const html = convertToHTML(state.getCurrentContent());
64
-
65
- if (maxlengthType === 'html' && html.length > maxlength) {
66
- setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
67
- return;
68
- }
69
-
70
- if (maxlengthType === 'plaintext' && plaintext.length > maxlength) {
71
- setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
72
- return;
73
- }
74
-
75
- setMaxlengthError(null);
76
- };
77
-
78
- const Counter = _jsx(CounterWrapper, {
79
- children: _jsxs(Text, {
80
- children: [charCount, "/", maxlength]
81
- })
82
- });
83
-
84
- const handlePaste = (text, html, editorState, onChange) => {
85
- if (!html) return false;
86
- const strippedHtml = getStrippedHtml(html);
87
- const blockMap = stateFromHTML(strippedHtml).blockMap;
88
- const newState = Modifier.replaceWithFragment(editorState.getCurrentContent(), editorState.getSelection(), blockMap);
89
- onChange(EditorState.push(editorState, newState, 'insert-fragment'));
90
- return true;
91
- };
92
-
93
- const getToolbar = () => {
94
- switch (type) {
95
- case 'basic':
96
- return basicToolbar;
97
-
98
- case 'rich':
99
- return richToolbar;
100
-
101
- case 'custom':
102
- return customToolbar;
103
-
104
- default:
105
- return undefined;
106
- }
107
- };
108
-
109
- return _jsxs("div", {
110
- css: theme => [styles.default(theme, height), maxHeight && styles.maxHeight(maxHeight)],
111
- children: [label && _jsx(Label, {
112
- children: label
113
- }), _jsxs(RelativeDiv, {
114
- children: [_jsx(Wysiwyg, {
115
- editorState: editorState,
116
- toolbarClassName: "toolbar-wrapper",
117
- wrapperClassName: "editor-wrapper",
118
- editorClassName: "content-wrapper",
119
- onEditorStateChange: handleEditorChange,
120
- toolbar: getToolbar(),
121
- localization: {
122
- locale: 'nb_NO',
123
- translations: editorLabels
124
- },
125
- stripPastedStyles: type !== 'rich',
126
- onBlur: () => onBlur && onBlur(),
127
- handlePastedText: handlePaste
128
- }), maxlength && withCounter && Counter]
129
- }), (maxlengthError || invalidMessage) && _jsxs(ErrorWrapper, {
130
- children: [maxlengthError && _jsxs(Text, {
131
- color: theme.alert,
132
- children: [_jsx(IconErrorOutline, {
133
- size: "16px",
134
- color: theme.alert
135
- }), ' ', maxlengthError]
136
- }), invalidMessage && _jsxs(Text, {
137
- color: theme.alert,
138
- children: [_jsx(IconErrorOutline, {
139
- size: "16px",
140
- color: theme.alert
141
- }), ' ', invalidMessage]
142
- })]
143
- })]
144
- });
145
- };
146
-
147
- export default EditorOld;