@bolio-ui/core 3.0.0 → 3.0.2

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 (145) hide show
  1. package/dist/BolioUIProvider/index.js +2 -2
  2. package/dist/CssBaseline/index.js +2 -2
  3. package/dist/{chunk-WIIDIZYK.js → chunk-5BESEB77.js} +4 -0
  4. package/dist/{chunk-4DH6SOK4.js → chunk-6ASDJ72V.js} +8 -17
  5. package/dist/css/Avatar-AvatarGroup.css +1 -1
  6. package/dist/css/Avatar-AvatarSkeleton.css +1 -1
  7. package/dist/css/Badge-BadgeAnchor.css +1 -1
  8. package/dist/css/Button-ButtonDrip.css +1 -1
  9. package/dist/css/Button-ButtonIcon.css +1 -1
  10. package/dist/css/Button-ButtonLoading.css +1 -1
  11. package/dist/css/ButtonDropdown-ButtonDropdownItem.css +1 -1
  12. package/dist/css/ButtonDropdown-Icon.css +1 -1
  13. package/dist/css/Card-CardContent.css +1 -1
  14. package/dist/css/Card-CardFooter.css +1 -1
  15. package/dist/css/Checkbox-CheckboxGroup.css +1 -1
  16. package/dist/css/Checkbox-CheckboxIcon.css +1 -1
  17. package/dist/css/Chip-ChipGroup.css +1 -1
  18. package/dist/css/Collapse-CollapseGroup.css +1 -1
  19. package/dist/css/Collapse-CollapseIcon.css +1 -1
  20. package/dist/css/Drawer-DrawerWrapper.css +1 -1
  21. package/dist/css/Fieldset-FieldsetContent.css +1 -1
  22. package/dist/css/Fieldset-FieldsetFooter.css +1 -1
  23. package/dist/css/Fieldset-FieldsetGroup.css +1 -1
  24. package/dist/css/Fieldset-FieldsetSubtitle.css +1 -1
  25. package/dist/css/Fieldset-FieldsetTitle.css +1 -1
  26. package/dist/css/Grid-BasicItem.css +1 -1
  27. package/dist/css/Image-ImageBrowser.css +1 -1
  28. package/dist/css/Image-ImageBrowserHttpsIcon.css +1 -1
  29. package/dist/css/Image-ImageSkeleton.css +1 -1
  30. package/dist/css/Input-InputBlockLabel.css +1 -1
  31. package/dist/css/Input-InputIcon.css +1 -1
  32. package/dist/css/Input-InputIconClear.css +1 -1
  33. package/dist/css/Input-InputLabel.css +1 -1
  34. package/dist/css/Link-Icon.css +1 -1
  35. package/dist/css/MdxWidgets-MockPage.css +1 -1
  36. package/dist/css/Menu-MenuItem.css +1 -1
  37. package/dist/css/Menu-MenuList.css +1 -1
  38. package/dist/css/Menu-MenuSub.css +1 -1
  39. package/dist/css/Modal-ModalAction.css +1 -1
  40. package/dist/css/Modal-ModalActions.css +1 -1
  41. package/dist/css/Modal-ModalContent.css +1 -1
  42. package/dist/css/Modal-ModalSubtitle.css +1 -1
  43. package/dist/css/Modal-ModalTitle.css +1 -1
  44. package/dist/css/Modal-ModalWrapper.css +1 -1
  45. package/dist/css/Page-PageHeader.css +1 -1
  46. package/dist/css/Pagination-PaginationEllipsis.css +1 -1
  47. package/dist/css/Pagination-PaginationItem.css +1 -1
  48. package/dist/css/Popover-PopoverItem.css +1 -1
  49. package/dist/css/Radio-RadioGroup.css +1 -1
  50. package/dist/css/SegmentedControl-SegmentedControlItem.css +1 -1
  51. package/dist/css/Select-SelectDropdown.css +1 -1
  52. package/dist/css/Select-SelectIcon.css +1 -1
  53. package/dist/css/Select-SelectIconClear.css +1 -1
  54. package/dist/css/Select-SelectInput.css +1 -1
  55. package/dist/css/Select-SelectMultipleValue.css +1 -1
  56. package/dist/css/Select-SelectOption.css +1 -1
  57. package/dist/css/Shared-backdrop.css +1 -1
  58. package/dist/css/Shared-ellipsis.css +1 -1
  59. package/dist/css/Slider-SliderDot.css +1 -1
  60. package/dist/css/Slider-SliderMark.css +1 -1
  61. package/dist/css/Snippet-SnippetIcon.css +1 -1
  62. package/dist/css/Stepper-StepperStep.css +1 -1
  63. package/dist/css/Table-TableBody.css +1 -1
  64. package/dist/css/Table-TableHead.css +1 -1
  65. package/dist/css/Table-TableSelectBox.css +1 -1
  66. package/dist/css/Tabs-TabsItem.css +1 -1
  67. package/dist/css/Tooltip-TooltipContent.css +1 -1
  68. package/dist/css/Tooltip-TooltipIcon.css +1 -1
  69. package/dist/css/use-toasts-toast-container.css +1 -1
  70. package/dist/css/use-toasts-toast-item.css +1 -1
  71. package/dist/index.js +3 -3
  72. package/dist/styles.css +3868 -3868
  73. package/esm/BolioUIProvider/index.js +1 -1
  74. package/esm/CssBaseline/index.js +1 -1
  75. package/esm/{chunk-WIIDIZYK.js → chunk-5BESEB77.js} +4 -0
  76. package/esm/{chunk-4DH6SOK4.js → chunk-6ASDJ72V.js} +14 -23
  77. package/esm/css/Avatar-AvatarGroup.css +1 -1
  78. package/esm/css/Avatar-AvatarSkeleton.css +1 -1
  79. package/esm/css/Badge-BadgeAnchor.css +1 -1
  80. package/esm/css/Button-ButtonDrip.css +1 -1
  81. package/esm/css/Button-ButtonIcon.css +1 -1
  82. package/esm/css/Button-ButtonLoading.css +1 -1
  83. package/esm/css/ButtonDropdown-ButtonDropdownItem.css +1 -1
  84. package/esm/css/ButtonDropdown-Icon.css +1 -1
  85. package/esm/css/Card-CardContent.css +1 -1
  86. package/esm/css/Card-CardFooter.css +1 -1
  87. package/esm/css/Checkbox-CheckboxGroup.css +1 -1
  88. package/esm/css/Checkbox-CheckboxIcon.css +1 -1
  89. package/esm/css/Chip-ChipGroup.css +1 -1
  90. package/esm/css/Collapse-CollapseGroup.css +1 -1
  91. package/esm/css/Collapse-CollapseIcon.css +1 -1
  92. package/esm/css/Drawer-DrawerWrapper.css +1 -1
  93. package/esm/css/Fieldset-FieldsetContent.css +1 -1
  94. package/esm/css/Fieldset-FieldsetFooter.css +1 -1
  95. package/esm/css/Fieldset-FieldsetGroup.css +1 -1
  96. package/esm/css/Fieldset-FieldsetSubtitle.css +1 -1
  97. package/esm/css/Fieldset-FieldsetTitle.css +1 -1
  98. package/esm/css/Grid-BasicItem.css +1 -1
  99. package/esm/css/Image-ImageBrowser.css +1 -1
  100. package/esm/css/Image-ImageBrowserHttpsIcon.css +1 -1
  101. package/esm/css/Image-ImageSkeleton.css +1 -1
  102. package/esm/css/Input-InputBlockLabel.css +1 -1
  103. package/esm/css/Input-InputIcon.css +1 -1
  104. package/esm/css/Input-InputIconClear.css +1 -1
  105. package/esm/css/Input-InputLabel.css +1 -1
  106. package/esm/css/Link-Icon.css +1 -1
  107. package/esm/css/MdxWidgets-MockPage.css +1 -1
  108. package/esm/css/Menu-MenuItem.css +1 -1
  109. package/esm/css/Menu-MenuList.css +1 -1
  110. package/esm/css/Menu-MenuSub.css +1 -1
  111. package/esm/css/Modal-ModalAction.css +1 -1
  112. package/esm/css/Modal-ModalActions.css +1 -1
  113. package/esm/css/Modal-ModalContent.css +1 -1
  114. package/esm/css/Modal-ModalSubtitle.css +1 -1
  115. package/esm/css/Modal-ModalTitle.css +1 -1
  116. package/esm/css/Modal-ModalWrapper.css +1 -1
  117. package/esm/css/Page-PageHeader.css +1 -1
  118. package/esm/css/Pagination-PaginationEllipsis.css +1 -1
  119. package/esm/css/Pagination-PaginationItem.css +1 -1
  120. package/esm/css/Popover-PopoverItem.css +1 -1
  121. package/esm/css/Radio-RadioGroup.css +1 -1
  122. package/esm/css/SegmentedControl-SegmentedControlItem.css +1 -1
  123. package/esm/css/Select-SelectDropdown.css +1 -1
  124. package/esm/css/Select-SelectIcon.css +1 -1
  125. package/esm/css/Select-SelectIconClear.css +1 -1
  126. package/esm/css/Select-SelectInput.css +1 -1
  127. package/esm/css/Select-SelectMultipleValue.css +1 -1
  128. package/esm/css/Select-SelectOption.css +1 -1
  129. package/esm/css/Shared-backdrop.css +1 -1
  130. package/esm/css/Shared-ellipsis.css +1 -1
  131. package/esm/css/Slider-SliderDot.css +1 -1
  132. package/esm/css/Slider-SliderMark.css +1 -1
  133. package/esm/css/Snippet-SnippetIcon.css +1 -1
  134. package/esm/css/Stepper-StepperStep.css +1 -1
  135. package/esm/css/Table-TableBody.css +1 -1
  136. package/esm/css/Table-TableHead.css +1 -1
  137. package/esm/css/Table-TableSelectBox.css +1 -1
  138. package/esm/css/Tabs-TabsItem.css +1 -1
  139. package/esm/css/Tooltip-TooltipContent.css +1 -1
  140. package/esm/css/Tooltip-TooltipIcon.css +1 -1
  141. package/esm/css/use-toasts-toast-container.css +1 -1
  142. package/esm/css/use-toasts-toast-item.css +1 -1
  143. package/esm/index.js +2 -2
  144. package/esm/styles.css +3928 -3928
  145. package/package.json +6 -3
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
3
3
 
4
- var _chunk4DH6SOK4js = require('../chunk-4DH6SOK4.js');
4
+ var _chunk6ASDJ72Vjs = require('../chunk-6ASDJ72V.js');
5
5
  require('../chunk-5HRVN7L7.js');
6
6
  require('../chunk-A3BIV2QM.js');
7
7
  require('../chunk-33BUV2RX.js');
@@ -25,4 +25,4 @@ require('../chunk-SZIX7BM5.js');
25
25
  require('../chunk-5KUROAEP.js');
26
26
 
27
27
 
28
- exports.default = _chunk4DH6SOK4js.BolioUIProvider_default;
28
+ exports.default = _chunk6ASDJ72Vjs.BolioUIProvider_default;
@@ -1,11 +1,11 @@
1
1
  'use client';
2
2
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
3
3
 
4
- var _chunkWIIDIZYKjs = require('../chunk-WIIDIZYK.js');
4
+ var _chunk5BESEB77js = require('../chunk-5BESEB77.js');
5
5
  require('../chunk-V5I4ORQQ.js');
6
6
  require('../chunk-FEA5BJ35.js');
7
7
  require('../chunk-X5PGXMVQ.js');
8
8
  require('../chunk-SZIX7BM5.js');
9
9
 
10
10
 
11
- exports.default = _chunkWIIDIZYKjs.CssBaseline_default;
11
+ exports.default = _chunk5BESEB77js.CssBaseline_default;
@@ -15,7 +15,10 @@ var CssBaseline = ({
15
15
  "style",
16
16
  {
17
17
  dangerouslySetInnerHTML: {
18
+ // In a layer, below the layers of the components (styles.css declares
19
+ // it first), otherwise these element rules would beat the components.
18
20
  __html: `
21
+ @layer BolioUIBaseline {
19
22
  html,
20
23
  body {
21
24
  background-color: ${theme.palette.background};
@@ -314,6 +317,7 @@ var CssBaseline = ({
314
317
  background-color: ${theme.palette.selection};
315
318
  color: ${theme.palette.foreground};
316
319
  }
320
+ }
317
321
  `
318
322
  }
319
323
  }
@@ -43,32 +43,23 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
43
43
  // core/BolioUIProvider/ThemeProvider.tsx
44
44
 
45
45
  var _jsxruntime = require('react/jsx-runtime');
46
+ var noThemes = [];
46
47
  var ThemeProvider = ({
47
48
  children,
48
49
  themeType,
49
- themes = []
50
+ themes = noThemes
50
51
  }) => {
51
- const [allThemes, setAllThemes] = _react.useState.call(void 0, {
52
- themes: _chunkX5PGXMVQjs.Themes_default.getPresets()
53
- });
52
+ const allThemes = _react.useMemo.call(void 0, () => {
53
+ const safeThemes = themes.filter(
54
+ (item) => _chunkX5PGXMVQjs.Themes_default.isAvailableThemeType(item.type)
55
+ );
56
+ return { themes: _chunkX5PGXMVQjs.Themes_default.getPresets().concat(safeThemes) };
57
+ }, [themes]);
54
58
  const currentTheme = _react.useMemo.call(void 0, () => {
55
59
  const theme = allThemes.themes.find((item) => item.type === themeType);
56
60
  if (theme) return theme;
57
61
  return _chunkX5PGXMVQjs.Themes_default.getPresetStaticTheme();
58
62
  }, [allThemes, themeType]);
59
- _react.useEffect.call(void 0, () => {
60
- if (!(themes == null ? void 0 : themes.length)) return;
61
- setAllThemes((last) => {
62
- const safeThemes = themes.filter(
63
- (item) => _chunkX5PGXMVQjs.Themes_default.isAvailableThemeType(item.type)
64
- );
65
- const nextThemes = _chunkX5PGXMVQjs.Themes_default.getPresets().concat(safeThemes);
66
- return {
67
- ...last,
68
- themes: nextThemes
69
- };
70
- });
71
- }, [themes]);
72
63
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5HRVN7L7js.AllThemesContext.Provider, { value: allThemes, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEA5BJ35js.ThemeContext.Provider, { value: currentTheme, children }) });
73
64
  };
74
65
  var ThemeProvider_default = ThemeProvider;
@@ -1,4 +1,4 @@
1
- @layer Avatar-AvatarGroup {
1
+ @layer Avatar {
2
2
  .AvatarGroup-module_avatarGroup__BX-qh {
3
3
  display: flex;
4
4
  align-items: center;
@@ -1,4 +1,4 @@
1
- @layer Avatar-AvatarSkeleton {
1
+ @layer Avatar {
2
2
  .AvatarSkeleton-module_skeleton__-4455 {
3
3
  position: absolute;
4
4
  top: 0;
@@ -1,4 +1,4 @@
1
- @layer Badge-BadgeAnchor {
1
+ @layer Badge {
2
2
  .BadgeAnchor-module_anchor__loBaC {
3
3
  position: relative;
4
4
  display: inline-flex;
@@ -1,4 +1,4 @@
1
- @layer Button-ButtonDrip {
1
+ @layer Button {
2
2
  .ButtonDrip-module_drip__NtSRS {
3
3
  position: absolute;
4
4
  left: 0;
@@ -1,4 +1,4 @@
1
- @layer Button-ButtonIcon {
1
+ @layer Button {
2
2
  .ButtonIcon-module_icon__faTDy {
3
3
  display: flex;
4
4
  justify-content: center;
@@ -1,4 +1,4 @@
1
- @layer Button-ButtonLoading {
1
+ @layer Button {
2
2
  .ButtonLoading-module_btnLoading__Rgay4 {
3
3
  position: absolute;
4
4
  top: 0;
@@ -1,4 +1,4 @@
1
- @layer ButtonDropdown-ButtonDropdownItem {
1
+ @layer ButtonDropdown {
2
2
  .ButtonDropdownItem-module_button__R-hYv {
3
3
  position: relative;
4
4
  -webkit-appearance: button;
@@ -1,4 +1,4 @@
1
- @layer ButtonDropdown-Icon {
1
+ @layer ButtonDropdown {
2
2
  .Icon-module_icon__-dePv {
3
3
  transform: scale(0.6);
4
4
  }
@@ -1,4 +1,4 @@
1
- @layer Card-CardContent {
1
+ @layer Card {
2
2
  .CardContent-module_content__DDLlz > p:first-child {
3
3
  margin-top: 0;
4
4
  }
@@ -1,4 +1,4 @@
1
- @layer Card-CardFooter {
1
+ @layer Card {
2
2
  .CardFooter-module_footer__8Kn09 {
3
3
  display: flex;
4
4
  align-items: center;
@@ -1,4 +1,4 @@
1
- @layer Checkbox-CheckboxGroup {
1
+ @layer Checkbox {
2
2
  .CheckboxGroup-module_group__a5y2d label {
3
3
  margin-right: var(--checkbox-group-gap);
4
4
  --checkbox-size: var(--checkbox-group-item-size);
@@ -1,4 +1,4 @@
1
- @layer Checkbox-CheckboxIcon {
1
+ @layer Checkbox {
2
2
  .CheckboxIcon-module_svg__-DjXx {
3
3
  display: inline-flex;
4
4
  width: calc(0.86 * var(--checkbox-size));
@@ -1,4 +1,4 @@
1
- @layer Chip-ChipGroup {
1
+ @layer Chip {
2
2
  .ChipGroup-module_group__6ARIk {
3
3
  display: flex;
4
4
  flex-wrap: wrap;
@@ -1,4 +1,4 @@
1
- @layer Collapse-CollapseGroup {
1
+ @layer Collapse {
2
2
  .CollapseGroup-module_collapseGroup__01F3X > div + div {
3
3
  border-top: none;
4
4
  }
@@ -1,4 +1,4 @@
1
- @layer Collapse-CollapseIcon {
1
+ @layer Collapse {
2
2
  .CollapseIcon-module_svg__-RvD- {
3
3
  transition: transform 200ms ease;
4
4
  width: 1.5em;
@@ -1,4 +1,4 @@
1
- @layer Drawer-DrawerWrapper {
1
+ @layer Drawer {
2
2
  .DrawerWrapper-module_wrapper__fBKjA {
3
3
  position: fixed;
4
4
  top: 0;
@@ -1,4 +1,4 @@
1
- @layer Fieldset-FieldsetContent {
1
+ @layer Fieldset {
2
2
  .FieldsetContent-module_content__x6tfV > *:first-child {
3
3
  margin-top: 0;
4
4
  }
@@ -1,4 +1,4 @@
1
- @layer Fieldset-FieldsetFooter {
1
+ @layer Fieldset {
2
2
  .FieldsetFooter-module_footer__UiJ17 {
3
3
  display: flex;
4
4
  justify-content: space-between;
@@ -1,4 +1,4 @@
1
- @layer Fieldset-FieldsetGroup {
1
+ @layer Fieldset {
2
2
  .FieldsetGroup-module_groupTabs__p2Txr {
3
3
  white-space: nowrap;
4
4
  overflow-y: hidden;
@@ -1,4 +1,4 @@
1
- @layer Fieldset-FieldsetSubtitle {
1
+ @layer Fieldset {
2
2
  .FieldsetSubtitle-module_subtitle__h-9Hh {
3
3
  font-size: 0.875em;
4
4
  line-height: 1.6;
@@ -1,4 +1,4 @@
1
- @layer Fieldset-FieldsetTitle {
1
+ @layer Fieldset {
2
2
  .FieldsetTitle-module_title__B1QAm {
3
3
  line-height: 1.5;
4
4
  display: inline-flex;
@@ -1,4 +1,4 @@
1
- @layer Grid-BasicItem {
1
+ @layer Grid {
2
2
  .BasicItem-module_item__Jar5a {
3
3
  font-size: var(--grid-font-size, inherit);
4
4
  height: var(--grid-height, auto);
@@ -1,4 +1,4 @@
1
- @layer Image-ImageBrowser {
1
+ @layer Image {
2
2
  .ImageBrowser-module_title__8yGWk {
3
3
  font-size: 0.75em;
4
4
  }
@@ -1,4 +1,4 @@
1
- @layer Image-ImageBrowserHttpsIcon {
1
+ @layer Image {
2
2
  .ImageBrowserHttpsIcon-module_svg__xiI3S {
3
3
  width: 1em;
4
4
  height: 1em;
@@ -1,4 +1,4 @@
1
- @layer Image-ImageSkeleton {
1
+ @layer Image {
2
2
  .ImageSkeleton-module_skeleton__uWwK- {
3
3
  position: absolute;
4
4
  top: 0;
@@ -1,4 +1,4 @@
1
- @layer Input-InputBlockLabel {
1
+ @layer Input {
2
2
  .InputBlockLabel-module_label__uTays {
3
3
  display: block;
4
4
  font-weight: normal;
@@ -1,4 +1,4 @@
1
- @layer Input-InputIcon {
1
+ @layer Input {
2
2
  .InputIcon-module_inputIcon__DYoco {
3
3
  box-sizing: border-box;
4
4
  display: inline-flex;
@@ -1,4 +1,4 @@
1
- @layer Input-InputIconClear {
1
+ @layer Input {
2
2
  .InputIconClear-module_clearIcon__2ODYc {
3
3
  box-sizing: border-box;
4
4
  display: inline-flex;
@@ -1,4 +1,4 @@
1
- @layer Input-InputLabel {
1
+ @layer Input {
2
2
  .InputLabel-module_span__ek5IE {
3
3
  display: inline-flex;
4
4
  width: initial;
@@ -1,4 +1,4 @@
1
- @layer Link-Icon {
1
+ @layer Link {
2
2
  .Icon-module_icon__CJT1r {
3
3
  margin: 0 0 -1px 0.1875em;
4
4
  display: inline-flex;
@@ -1,4 +1,4 @@
1
- @layer MdxWidgets-MockPage {
1
+ @layer MdxWidgets {
2
2
  .MockPage-module_section__j-IxP {
3
3
  position: fixed;
4
4
  width: 100vw;
@@ -1,4 +1,4 @@
1
- @layer Menu-MenuItem {
1
+ @layer Menu {
2
2
  .MenuItem-module_menuItem__hgTYG {
3
3
  display: flex;
4
4
  align-items: center;
@@ -1,4 +1,4 @@
1
- @layer Menu-MenuList {
1
+ @layer Menu {
2
2
  .MenuList-module_menuList__8VtPL {
3
3
  box-sizing: border-box;
4
4
  min-width: 12em;
@@ -1,4 +1,4 @@
1
- @layer Menu-MenuSub {
1
+ @layer Menu {
2
2
  .MenuSub-module_menuSub__yZ0fN {
3
3
  position: relative;
4
4
  }
@@ -1,4 +1,4 @@
1
- @layer Modal-ModalAction {
1
+ @layer Modal {
2
2
  .ModalAction-module_action__hEtmQ.ModalAction-module_btn__If5jI:hover,
3
3
  .ModalAction-module_action__hEtmQ.ModalAction-module_btn__If5jI:focus-visible {
4
4
  color: var(--modal-action-hover-color);
@@ -1,4 +1,4 @@
1
- @layer Modal-ModalActions {
1
+ @layer Modal {
2
2
  .ModalActions-module_footer__gDr-2 {
3
3
  display: flex;
4
4
  overflow: hidden;
@@ -1,4 +1,4 @@
1
- @layer Modal-ModalContent {
1
+ @layer Modal {
2
2
  .ModalContent-module_content__RXGwI {
3
3
  position: relative;
4
4
  text-align: left;
@@ -1,4 +1,4 @@
1
- @layer Modal-ModalSubtitle {
1
+ @layer Modal {
2
2
  .ModalSubtitle-module_subtitle__Hudi- {
3
3
  font-weight: normal;
4
4
  display: inline-block;
@@ -1,4 +1,4 @@
1
- @layer Modal-ModalTitle {
1
+ @layer Modal {
2
2
  .ModalTitle-module_title__ThnLn {
3
3
  line-height: 1.6;
4
4
  font-weight: normal;
@@ -1,4 +1,4 @@
1
- @layer Modal-ModalWrapper {
1
+ @layer Modal {
2
2
  .ModalWrapper-module_wrapper__DGcJw {
3
3
  max-width: 100%;
4
4
  vertical-align: middle;
@@ -1,4 +1,4 @@
1
- @layer Page-PageHeader {
1
+ @layer Page {
2
2
  .PageHeader-module_center__yFLt0 {
3
3
  display: flex;
4
4
  justify-content: center;
@@ -1,4 +1,4 @@
1
- @layer Pagination-PaginationEllipsis {
1
+ @layer Pagination {
2
2
  .PaginationEllipsis-module_svg__2Fipb {
3
3
  color: currentColor;
4
4
  stroke: currentColor;
@@ -1,4 +1,4 @@
1
- @layer Pagination-PaginationItem {
1
+ @layer Pagination {
2
2
  .PaginationItem-module_li__luFDz {
3
3
  margin-right: 0.428em;
4
4
  display: inline-block;
@@ -1,4 +1,4 @@
1
- @layer Popover-PopoverItem {
1
+ @layer Popover {
2
2
  .PopoverItem-module_item__ntzzC {
3
3
  display: flex;
4
4
  box-sizing: border-box;
@@ -1,4 +1,4 @@
1
- @layer Radio-RadioGroup {
1
+ @layer Radio {
2
2
  .RadioGroup-module_radioGroup__6XPZE {
3
3
  display: flex;
4
4
  }
@@ -1,4 +1,4 @@
1
- @layer SegmentedControl-SegmentedControlItem {
1
+ @layer SegmentedControl {
2
2
  .SegmentedControlItem-module_item__R48V1 {
3
3
  position: relative;
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- @layer Select-SelectDropdown {
1
+ @layer Select {
2
2
  .SelectDropdown-module_selectDropdown__gcGH- {
3
3
  border-radius: var(--select-dropdown-radius);
4
4
  border: 1px solid var(--select-dropdown-border);
@@ -1,4 +1,4 @@
1
- @layer Select-SelectIcon {
1
+ @layer Select {
2
2
  .SelectIcon-module_icon__vgja5 {
3
3
  color: inherit;
4
4
  stroke: currentColor;
@@ -1,4 +1,4 @@
1
- @layer Select-SelectIconClear {
1
+ @layer Select {
2
2
  .SelectIconClear-module_clearIcon__p5IH4 {
3
3
  padding: 0 0 0 0.5em;
4
4
  margin: 0;
@@ -1,4 +1,4 @@
1
- @layer Select-SelectInput {
1
+ @layer Select {
2
2
  .SelectInput-module_input__xsgNv {
3
3
  position: fixed;
4
4
  top: -10000px;
@@ -1,4 +1,4 @@
1
- @layer Select-SelectMultipleValue {
1
+ @layer Select {
2
2
  .SelectMultipleValue-module_item__P4Dn3 {
3
3
  display: inline-flex;
4
4
  justify-items: center;
@@ -1,4 +1,4 @@
1
- @layer Select-SelectOption {
1
+ @layer Select {
2
2
  .SelectOption-module_option__NAlFp {
3
3
  display: flex;
4
4
  max-width: 100%;
@@ -1,4 +1,4 @@
1
- @layer Shared-backdrop {
1
+ @layer Shared {
2
2
  .backdrop-module_backdrop__fZn5s {
3
3
  position: fixed;
4
4
  top: 0;
@@ -1,4 +1,4 @@
1
- @layer Shared-ellipsis {
1
+ @layer Shared {
2
2
  .ellipsis-module_ellipsis__kLorN {
3
3
  overflow: hidden;
4
4
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- @layer Slider-SliderDot {
1
+ @layer Slider {
2
2
  .SliderDot-module_dot__1VxCn {
3
3
  position: absolute;
4
4
  top: 50%;
@@ -1,4 +1,4 @@
1
- @layer Slider-SliderMark {
1
+ @layer Slider {
2
2
  .SliderMark-module_span__gKYKM {
3
3
  position: absolute;
4
4
  width: 2px;
@@ -1,4 +1,4 @@
1
- @layer Snippet-SnippetIcon {
1
+ @layer Snippet {
2
2
  .SnippetIcon-module_icon__HUZlq {
3
3
  width: 1.69em;
4
4
  height: 1.69em;
@@ -1,4 +1,4 @@
1
- @layer Stepper-StepperStep {
1
+ @layer Stepper {
2
2
  .StepperStep-module_step__Of2Aj {
3
3
  display: flex;
4
4
  flex: 1;
@@ -1,4 +1,4 @@
1
- @layer Table-TableBody {
1
+ @layer Table {
2
2
  .TableBody-module_tr__lTn-M {
3
3
  transition: background-color 0.25s ease;
4
4
  font-size: inherit;
@@ -1,4 +1,4 @@
1
- @layer Table-TableHead {
1
+ @layer Table {
2
2
  .TableHead-module_thead__zMtMt {
3
3
  border-collapse: separate;
4
4
  border-spacing: 0;
@@ -1,4 +1,4 @@
1
- @layer Table-TableSelectBox {
1
+ @layer Table {
2
2
  .TableSelectBox-module_box__UXj-E {
3
3
  display: block;
4
4
  width: 1em;
@@ -1,4 +1,4 @@
1
- @layer Tabs-TabsItem {
1
+ @layer Tabs {
2
2
  .TabsItem-module_tab__uI-6R {
3
3
  position: relative;
4
4
  box-sizing: border-box;
@@ -1,4 +1,4 @@
1
- @layer Tooltip-TooltipContent {
1
+ @layer Tooltip {
2
2
  .TooltipContent-module_tooltipContent__zfz-P {
3
3
  box-sizing: border-box;
4
4
  position: absolute;
@@ -1,4 +1,4 @@
1
- @layer Tooltip-TooltipIcon {
1
+ @layer Tooltip {
2
2
  .TooltipIcon-module_icon__lx2Kw {
3
3
  width: 0;
4
4
  height: 0;
@@ -1,4 +1,4 @@
1
- @layer use-toasts-toast-container {
1
+ @layer use-toasts {
2
2
  .toast-container-module_toasts__wLlVr {
3
3
  position: fixed;
4
4
  width: auto;
@@ -1,4 +1,4 @@
1
- @layer use-toasts-toast-item {
1
+ @layer use-toasts {
2
2
  .toast-item-module_toast__R-DjO {
3
3
  max-height: var(--toast-item-max-height);
4
4
  display: flex;
package/dist/index.js CHANGED
@@ -143,7 +143,7 @@ var _chunkREWKR7S3js = require('./chunk-REWKR7S3.js');
143
143
  var _chunkRRFCNZ2Tjs = require('./chunk-RRFCNZ2T.js');
144
144
 
145
145
 
146
- var _chunkWIIDIZYKjs = require('./chunk-WIIDIZYK.js');
146
+ var _chunk5BESEB77js = require('./chunk-5BESEB77.js');
147
147
 
148
148
 
149
149
  var _chunkICACLCJRjs = require('./chunk-ICACLCJR.js');
@@ -260,7 +260,7 @@ var _chunkLQYCPFUAjs = require('./chunk-LQYCPFUA.js');
260
260
  var _chunkRD4CEB5Sjs = require('./chunk-RD4CEB5S.js');
261
261
 
262
262
 
263
- var _chunk4DH6SOK4js = require('./chunk-4DH6SOK4.js');
263
+ var _chunk6ASDJ72Vjs = require('./chunk-6ASDJ72V.js');
264
264
  require('./chunk-5HRVN7L7.js');
265
265
  require('./chunk-A3BIV2QM.js');
266
266
  require('./chunk-33BUV2RX.js');
@@ -413,4 +413,4 @@ var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
413
413
 
414
414
 
415
415
 
416
- exports.Alert = _chunkCY5KTINEjs.Alert_default; exports.Avatar = _chunkLQYCPFUAjs.Avatar_default; exports.Badge = _chunkRD4CEB5Sjs.Badge_default; exports.BolioUIProvider = _chunk4DH6SOK4js.BolioUIProvider_default; exports.Breadcrumbs = _chunkEEZG4FGYjs.Breadcrumbs_default; exports.Button = _chunkTPZUTHTQjs.Button_default; exports.ButtonDropdown = _chunkRWRFOGCUjs.ButtonDropdown_default; exports.ButtonGroup = _chunkXWRDUQKYjs.ButtonGroup_default; exports.Calendar = _chunkTLVSZCKUjs.Calendar_default; exports.Capacity = _chunkHK6XCH2Cjs.Capacity_default; exports.Card = _chunk56NE4QGRjs.Card_default; exports.Carousel = _chunkMDSRXACMjs.Carousel_default; exports.Checkbox = _chunkEAHIBHMIjs.Checkbox_default; exports.Chip = _chunkFQWH4PDKjs.Chip_default; exports.Code = _chunkA2NLRQ55js.Code_default; exports.Col = _chunkRZSTPJ76js.Col_default; exports.Collapse = _chunkWFGUAR7Kjs.Collapse_default; exports.ColorInput = _chunkDEMQXB46js.ColorInput_default; exports.ColorPicker = _chunkOKZRHSSGjs.ColorPicker_default; exports.Combobox = _chunkKRSISARCjs.Combobox_default; exports.Command = _chunkM64V32WOjs.Command_default; exports.Container = _chunkGJ77XHZ3js.Container_default; exports.ContextMenu = _chunkDYYSUJ35js.ContextMenu_default; exports.CssBaseline = _chunkWIIDIZYKjs.CssBaseline_default; exports.DatePicker = _chunkICACLCJRjs.DatePicker_default; exports.DateRangePicker = _chunkYLLPYRJHjs.DateRangePicker_default; exports.Description = _chunkSDC2VF5Kjs.Description_default; exports.Display = _chunkT5BYQGC3js.Display_default; exports.Divider = _chunkD7CNDAYBjs.Divider_default; exports.Dot = _chunk7N7PEBRBjs.Dot_default; exports.Drawer = _chunk25NFUHLRjs.Drawer_default; exports.Dropzone = _chunk4X4ELIMQjs.Dropzone_default; exports.EmptyState = _chunkDAZ2GHNPjs.EmptyState_default; exports.Fieldset = _chunkWXW7BYE7js.Fieldset_default; exports.Grid = _chunkJFNYQSEZjs.Grid_default; exports.Highlight = _chunk6U7FXFJPjs.highlight_default; exports.Image = _chunkTWIOSRRPjs.Image_default; exports.ImageZoom = _chunkREWKR7S3js.ImageZoom_default; exports.Input = _chunkNEG5UNM6js.Input_default; exports.KeyCode = _chunkF3AL4TQZjs.KeyCode; exports.KeyMod = _chunkF3AL4TQZjs.KeyMod; exports.Keyboard = _chunkRRFCNZ2Tjs.Keyboard_default; exports.Link = _chunkWEYAL53Ojs.Link_default; exports.Loading = _chunkLMDBE6T6js.Loading_default; exports.Marquee = _chunkTJUNBMNFjs.Marquee_default; exports.Mention = _chunkFSO65ZAHjs.Mention_default; exports.Menu = _chunkFLUNRVVGjs.Menu_default; exports.Modal = _chunkCU6SNPIMjs.Modal_default; exports.Note = _chunkCGS2MT3Gjs.Note_default; exports.NumberInput = _chunkJAVXTBV2js.NumberInput_default; exports.Page = _chunkLA46RLOTjs.Page_default; exports.Pagination = _chunkE5EDUOQTjs.Pagination_default; exports.PinInput = _chunkX4TPC7HSjs.PinInput_default; exports.Popover = _chunkY432C24Zjs.Popover_default; exports.Progress = _chunkNLJHFKANjs.Progress_default; exports.Radio = _chunkIIKZQZXSjs.Radio_default; exports.Rating = _chunkOAMGJMK4js.Rating_default; exports.Row = _chunkLSSL324Ijs.Row_default; exports.ScaleContext = _chunkMAICNLTYjs.ScaleContext; exports.ScalePropKeys = _chunkMAICNLTYjs.ScalePropKeys; exports.Section = _chunkBJRUC4XLjs.Section_default; exports.SegmentedControl = _chunk2A4BSQ66js.SegmentedControl_default; exports.Select = _chunkXUNC7RB7js.Select_default; exports.Skeleton = _chunk67WAS5AYjs.Skeleton_default; exports.Slider = _chunkIUZV5Y27js.Slider_default; exports.Snippet = _chunkCGEUUDJ4js.Snippet_default; exports.Spacer = _chunkQCE3XFHZjs.Spacer_default; exports.Spinner = _chunkTZ7TOEP3js.Spinner_default; exports.Splitter = _chunkFFEAKF3Ajs.Splitter_default; exports.Stat = _chunk5M4QUTS4js.Stat_default; exports.Stepper = _chunkKWKFVS32js.Stepper_default; exports.Table = _chunkY5CFWIGVjs.Table_default; exports.Tabs = _chunk6U7FXFJPjs.Tabs_default; exports.Tag = _chunkXC33TGGTjs.Tag_default; exports.TagsInput = _chunkG4KB56ROjs.TagsInput_default; exports.Text = _chunkA6N5PIXNjs.Text_default; exports.Textarea = _chunkISLUC2SDjs.Textarea_default; exports.Themes = _chunkX5PGXMVQjs.Themes_default; exports.Timeline = _chunkAHWF22ZQjs.Timeline_default; exports.Toggle = _chunkT74YHCG6js.Toggle_default; exports.Toolbar = _chunkQ3I54DUSjs.Toolbar_default; exports.Tooltip = _chunkIL7L3BELjs.Tooltip_default; exports.Tour = _chunkSJVWKNGYjs.Tour_default; exports.Tree = _chunkK6UULETPjs.Tree_default; exports.useAllThemes = _chunkQILHI3LOjs.use_all_themes_default; exports.useBodyScroll = _chunkO3RTRCY5js.use_body_scroll_default; exports.useClasses = _chunk5KUROAEPjs.use_classes_default; exports.useClickAway = _chunk3WPRUUZ6js.use_click_away_default; exports.useClipboard = _chunkC3ZZPIUOjs.use_clipboard_default; exports.useCurrentState = _chunkGGD4BGH2js.use_current_state_default; exports.useInput = _chunkJ4K4LRBIjs.use_input_default; exports.useKeyboard = _chunkF3AL4TQZjs.use_keyboard_default; exports.useMediaQuery = _chunk6VDRKYLWjs.use_media_query_default; exports.useModal = _chunkYDYRM2KNjs.use_modal_default; exports.useRect = _chunkDSX6YDJMjs.useRect; exports.useScale = _chunkMAICNLTYjs.use_scale_default; exports.useTabs = _chunkI6WWABJNjs.use_tabs_default; exports.useTheme = _chunkV5I4ORQQjs.use_theme_default; exports.useToasts = _chunkNCUSKYUEjs.use_toasts_default; exports.withScale = _chunkMAICNLTYjs.with_scale_default;
416
+ exports.Alert = _chunkCY5KTINEjs.Alert_default; exports.Avatar = _chunkLQYCPFUAjs.Avatar_default; exports.Badge = _chunkRD4CEB5Sjs.Badge_default; exports.BolioUIProvider = _chunk6ASDJ72Vjs.BolioUIProvider_default; exports.Breadcrumbs = _chunkEEZG4FGYjs.Breadcrumbs_default; exports.Button = _chunkTPZUTHTQjs.Button_default; exports.ButtonDropdown = _chunkRWRFOGCUjs.ButtonDropdown_default; exports.ButtonGroup = _chunkXWRDUQKYjs.ButtonGroup_default; exports.Calendar = _chunkTLVSZCKUjs.Calendar_default; exports.Capacity = _chunkHK6XCH2Cjs.Capacity_default; exports.Card = _chunk56NE4QGRjs.Card_default; exports.Carousel = _chunkMDSRXACMjs.Carousel_default; exports.Checkbox = _chunkEAHIBHMIjs.Checkbox_default; exports.Chip = _chunkFQWH4PDKjs.Chip_default; exports.Code = _chunkA2NLRQ55js.Code_default; exports.Col = _chunkRZSTPJ76js.Col_default; exports.Collapse = _chunkWFGUAR7Kjs.Collapse_default; exports.ColorInput = _chunkDEMQXB46js.ColorInput_default; exports.ColorPicker = _chunkOKZRHSSGjs.ColorPicker_default; exports.Combobox = _chunkKRSISARCjs.Combobox_default; exports.Command = _chunkM64V32WOjs.Command_default; exports.Container = _chunkGJ77XHZ3js.Container_default; exports.ContextMenu = _chunkDYYSUJ35js.ContextMenu_default; exports.CssBaseline = _chunk5BESEB77js.CssBaseline_default; exports.DatePicker = _chunkICACLCJRjs.DatePicker_default; exports.DateRangePicker = _chunkYLLPYRJHjs.DateRangePicker_default; exports.Description = _chunkSDC2VF5Kjs.Description_default; exports.Display = _chunkT5BYQGC3js.Display_default; exports.Divider = _chunkD7CNDAYBjs.Divider_default; exports.Dot = _chunk7N7PEBRBjs.Dot_default; exports.Drawer = _chunk25NFUHLRjs.Drawer_default; exports.Dropzone = _chunk4X4ELIMQjs.Dropzone_default; exports.EmptyState = _chunkDAZ2GHNPjs.EmptyState_default; exports.Fieldset = _chunkWXW7BYE7js.Fieldset_default; exports.Grid = _chunkJFNYQSEZjs.Grid_default; exports.Highlight = _chunk6U7FXFJPjs.highlight_default; exports.Image = _chunkTWIOSRRPjs.Image_default; exports.ImageZoom = _chunkREWKR7S3js.ImageZoom_default; exports.Input = _chunkNEG5UNM6js.Input_default; exports.KeyCode = _chunkF3AL4TQZjs.KeyCode; exports.KeyMod = _chunkF3AL4TQZjs.KeyMod; exports.Keyboard = _chunkRRFCNZ2Tjs.Keyboard_default; exports.Link = _chunkWEYAL53Ojs.Link_default; exports.Loading = _chunkLMDBE6T6js.Loading_default; exports.Marquee = _chunkTJUNBMNFjs.Marquee_default; exports.Mention = _chunkFSO65ZAHjs.Mention_default; exports.Menu = _chunkFLUNRVVGjs.Menu_default; exports.Modal = _chunkCU6SNPIMjs.Modal_default; exports.Note = _chunkCGS2MT3Gjs.Note_default; exports.NumberInput = _chunkJAVXTBV2js.NumberInput_default; exports.Page = _chunkLA46RLOTjs.Page_default; exports.Pagination = _chunkE5EDUOQTjs.Pagination_default; exports.PinInput = _chunkX4TPC7HSjs.PinInput_default; exports.Popover = _chunkY432C24Zjs.Popover_default; exports.Progress = _chunkNLJHFKANjs.Progress_default; exports.Radio = _chunkIIKZQZXSjs.Radio_default; exports.Rating = _chunkOAMGJMK4js.Rating_default; exports.Row = _chunkLSSL324Ijs.Row_default; exports.ScaleContext = _chunkMAICNLTYjs.ScaleContext; exports.ScalePropKeys = _chunkMAICNLTYjs.ScalePropKeys; exports.Section = _chunkBJRUC4XLjs.Section_default; exports.SegmentedControl = _chunk2A4BSQ66js.SegmentedControl_default; exports.Select = _chunkXUNC7RB7js.Select_default; exports.Skeleton = _chunk67WAS5AYjs.Skeleton_default; exports.Slider = _chunkIUZV5Y27js.Slider_default; exports.Snippet = _chunkCGEUUDJ4js.Snippet_default; exports.Spacer = _chunkQCE3XFHZjs.Spacer_default; exports.Spinner = _chunkTZ7TOEP3js.Spinner_default; exports.Splitter = _chunkFFEAKF3Ajs.Splitter_default; exports.Stat = _chunk5M4QUTS4js.Stat_default; exports.Stepper = _chunkKWKFVS32js.Stepper_default; exports.Table = _chunkY5CFWIGVjs.Table_default; exports.Tabs = _chunk6U7FXFJPjs.Tabs_default; exports.Tag = _chunkXC33TGGTjs.Tag_default; exports.TagsInput = _chunkG4KB56ROjs.TagsInput_default; exports.Text = _chunkA6N5PIXNjs.Text_default; exports.Textarea = _chunkISLUC2SDjs.Textarea_default; exports.Themes = _chunkX5PGXMVQjs.Themes_default; exports.Timeline = _chunkAHWF22ZQjs.Timeline_default; exports.Toggle = _chunkT74YHCG6js.Toggle_default; exports.Toolbar = _chunkQ3I54DUSjs.Toolbar_default; exports.Tooltip = _chunkIL7L3BELjs.Tooltip_default; exports.Tour = _chunkSJVWKNGYjs.Tour_default; exports.Tree = _chunkK6UULETPjs.Tree_default; exports.useAllThemes = _chunkQILHI3LOjs.use_all_themes_default; exports.useBodyScroll = _chunkO3RTRCY5js.use_body_scroll_default; exports.useClasses = _chunk5KUROAEPjs.use_classes_default; exports.useClickAway = _chunk3WPRUUZ6js.use_click_away_default; exports.useClipboard = _chunkC3ZZPIUOjs.use_clipboard_default; exports.useCurrentState = _chunkGGD4BGH2js.use_current_state_default; exports.useInput = _chunkJ4K4LRBIjs.use_input_default; exports.useKeyboard = _chunkF3AL4TQZjs.use_keyboard_default; exports.useMediaQuery = _chunk6VDRKYLWjs.use_media_query_default; exports.useModal = _chunkYDYRM2KNjs.use_modal_default; exports.useRect = _chunkDSX6YDJMjs.useRect; exports.useScale = _chunkMAICNLTYjs.use_scale_default; exports.useTabs = _chunkI6WWABJNjs.use_tabs_default; exports.useTheme = _chunkV5I4ORQQjs.use_theme_default; exports.useToasts = _chunkNCUSKYUEjs.use_toasts_default; exports.withScale = _chunkMAICNLTYjs.with_scale_default;