colibri-ui 0.7.37 → 0.7.38

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 (50) hide show
  1. package/Badge/Badge.module.scss.js +7 -1
  2. package/Badge/Control/Control.module.scss.js +7 -1
  3. package/Button/Button.module.scss.js +7 -1
  4. package/Checkbox/Checkbox.module.scss.js +7 -1
  5. package/Counter/Counter.module.scss.js +7 -1
  6. package/DotsLoader/DotsLoader.module.scss.js +7 -1
  7. package/Dropdown/Dropdown.module.scss.js +7 -1
  8. package/Grid/Grid.module.scss.js +7 -1
  9. package/Grid/Item/Grid-Item.module.scss.js +7 -1
  10. package/Image/Image.module.scss.js +7 -1
  11. package/Menu/Menu.module.scss.js +7 -1
  12. package/Menu/components/MenuItem/MenuItem.module.scss.js +7 -1
  13. package/Modal/Modal.module.scss.js +7 -1
  14. package/Modal/components/Close/Close.module.scss.js +7 -1
  15. package/Modal/components/Content/Content.module.scss.js +7 -1
  16. package/Modal/components/Title/Title.module.scss.js +7 -1
  17. package/Select/Select.module.scss.js +7 -1
  18. package/Separator/Separator.module.scss.js +7 -1
  19. package/Skeleton/Skeleton.module.scss.js +7 -1
  20. package/Switch/Switch.module.scss.js +7 -1
  21. package/Typography/Typography.module.scss.js +7 -1
  22. package/base/BaseInput/BaseInput.module.scss.js +7 -1
  23. package/base/FormField/FormField.module.scss.js +7 -1
  24. package/base/InputRoot/InputRoot.module.scss.js +7 -1
  25. package/esm/Badge/Badge.module.scss.js +7 -2
  26. package/esm/Badge/Control/Control.module.scss.js +7 -2
  27. package/esm/Button/Button.module.scss.js +7 -2
  28. package/esm/Checkbox/Checkbox.module.scss.js +7 -2
  29. package/esm/Counter/Counter.module.scss.js +7 -2
  30. package/esm/DotsLoader/DotsLoader.module.scss.js +7 -2
  31. package/esm/Dropdown/Dropdown.module.scss.js +7 -2
  32. package/esm/Grid/Grid.module.scss.js +7 -2
  33. package/esm/Grid/Item/Grid-Item.module.scss.js +7 -2
  34. package/esm/Image/Image.module.scss.js +7 -2
  35. package/esm/Menu/Menu.module.scss.js +7 -2
  36. package/esm/Menu/components/MenuItem/MenuItem.module.scss.js +7 -2
  37. package/esm/Modal/Modal.module.scss.js +7 -2
  38. package/esm/Modal/components/Close/Close.module.scss.js +7 -2
  39. package/esm/Modal/components/Content/Content.module.scss.js +7 -2
  40. package/esm/Modal/components/Title/Title.module.scss.js +7 -2
  41. package/esm/Select/Select.module.scss.js +7 -2
  42. package/esm/Separator/Separator.module.scss.js +7 -2
  43. package/esm/Skeleton/Skeleton.module.scss.js +7 -2
  44. package/esm/Switch/Switch.module.scss.js +7 -2
  45. package/esm/Typography/Typography.module.scss.js +7 -2
  46. package/esm/base/BaseInput/BaseInput.module.scss.js +7 -2
  47. package/esm/base/FormField/FormField.module.scss.js +7 -2
  48. package/esm/base/InputRoot/InputRoot.module.scss.js +7 -2
  49. package/esm/node_modules/style-inject/dist/style-inject.es.js +26 -0
  50. package/package.json +1 -1
package/Badge/Badge.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n position: absolute;\n z-index: 1;\n user-select: none;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: 20px;\n height: 20px;\n padding: 0 4px;\n font-size: 12px;\n border-radius: 10px;\n background-color: var(--palette-brand-default-1);\n color: var(--palette-white);\n}\n.root_direction_right {\n top: 0;\n right: 0;\n transform: scale(1) translate(60%, -50%);\n}\n.root_direction_left {\n top: 0;\n left: 0;\n transform: scale(1) translate(-60%, -50%);\n}\n.root_invisible {\n transform: scale(0) translate(50%, -50%);\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Badge-module_root__KSuIQ {\n position: absolute;\n z-index: 1;\n user-select: none;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: 20px;\n height: 20px;\n padding: 0 4px;\n font-size: 12px;\n border-radius: 10px;\n background-color: var(--palette-brand-default-1);\n color: var(--palette-white);\n}\n.Badge-module_root_direction_right__xv2eq {\n top: 0;\n right: 0;\n transform: scale(1) translate(60%, -50%);\n}\n.Badge-module_root_direction_left__EejAl {\n top: 0;\n left: 0;\n transform: scale(1) translate(-60%, -50%);\n}\n.Badge-module_root_invisible__A59Wf {\n transform: scale(0) translate(50%, -50%);\n}";
8
+ var styles = {"root":"Badge-module_root__KSuIQ","root_direction_right":"Badge-module_root_direction_right__xv2eq","root_direction_left":"Badge-module_root_direction_left__EejAl","root_invisible":"Badge-module_root_invisible__A59Wf"};
9
+ var stylesheet=".Badge-module_root__KSuIQ {\n position: absolute;\n z-index: 1;\n user-select: none;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: 20px;\n height: 20px;\n padding: 0 4px;\n font-size: 12px;\n border-radius: 10px;\n background-color: var(--palette-brand-default-1);\n color: var(--palette-white);\n}\n.Badge-module_root_direction_right__xv2eq {\n top: 0;\n right: 0;\n transform: scale(1) translate(60%, -50%);\n}\n.Badge-module_root_direction_left__EejAl {\n top: 0;\n left: 0;\n transform: scale(1) translate(-60%, -50%);\n}\n.Badge-module_root_invisible__A59Wf {\n transform: scale(0) translate(50%, -50%);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Badge/Control/Control.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n vertical-align: middle;\n}";
5
+ var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Control-module_root__wUlkm {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n vertical-align: middle;\n}";
8
+ var styles = {"root":"Control-module_root__wUlkm"};
9
+ var stylesheet=".Control-module_root__wUlkm {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n vertical-align: middle;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Button/Button.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n color: var(--palette-black);\n padding: 0 12px;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n gap: 8px;\n flex-shrink: 0;\n border: 1px solid;\n font-style: normal;\n font-weight: 400;\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n transition: transform 0.1s ease-out;\n color: 0.15s linear;\n transform: scale(1);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: fit-content;\n border-radius: var(--button-border-radius);\n}\n.root_icon {\n border-radius: 50%;\n width: 36px;\n}\n.root_icon.size_xs {\n width: 29px;\n}\n.root_icon.size_s {\n width: 32px;\n}\n.root_icon.size_m {\n width: 36px;\n}\n.root_icon.size_l {\n width: 42px;\n}\n.root_fullWidth {\n width: 100%;\n}\n.root_disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--button-primary-color-disabled);\n background-color: var(--button-primary-background-color-disabled);\n border-color: var(--button-primary-border-color-disabled);\n}\n\n.icon {\n display: flex;\n}\n\n.size_xs {\n height: 29px;\n font-size: 12px;\n line-height: 29px;\n}\n.size_s {\n height: 32px;\n font-size: 13px;\n line-height: 32px;\n}\n.size_m {\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n}\n.size_l {\n height: 42px;\n font-size: 18px;\n line-height: 42px;\n}\n\n.variant_primary {\n color: var(--button-primary-color);\n background-color: var(--button-primary-background-color);\n border-color: var(--button-primary-border-color);\n}\n.variant_primary:hover {\n color: var(--button-primary-color-hovered);\n background-color: var(--button-primary-background-color-hovered);\n border-color: var(--button-primary-border-color-hovered);\n}\n.variant_primary:active {\n color: var(--button-primary-color-active);\n background-color: var(--button-primary-background-color-active);\n border-color: var(--button-primary-border-color-active);\n}\n.variant_secondary {\n color: var(--button-secondary-color);\n background-color: var(--button-secondary-background-color);\n border-color: var(--button-secondary-border-color);\n}\n.variant_secondary:hover {\n color: var(--button-secondary-color-hovered);\n background-color: var(--button-secondary-background-color-hovered);\n border-color: var(--button-secondary-border-color-hovered);\n}\n.variant_secondary:active {\n color: var(--button-secondary-color-active);\n background-color: var(--button-secondary-background-color-active);\n border-color: var(--button-secondary-border-color-active);\n}\n.variant_pseudo {\n color: var(--button-pseudo-color);\n background-color: var(--button-pseudo-background-color);\n border-color: var(--button-pseudo-border-color);\n}\n.variant_pseudo:hover {\n color: var(--button-pseudo-color-hovered);\n background-color: var(--button-pseudo-background-color-hovered);\n border-color: var(--button-pseudo-border-color-hovered);\n}\n.variant_pseudo:active {\n color: var(--button-pseudo-color-active);\n background-color: var(--button-pseudo-background-color-active);\n border-color: var(--button-pseudo-border-color-active);\n}\n.variant_clear {\n color: var(--button-clear-color);\n background-color: transparent;\n border-color: transparent;\n}\n.variant_clear:hover {\n color: var(--button-clear-color-hovered);\n}\n.variant_clear:active {\n color: var(--button-clear-color-active);\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Button-module_root__8RX49 {\n color: var(--palette-black);\n padding: 0 12px;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n gap: 8px;\n flex-shrink: 0;\n border: 1px solid;\n font-style: normal;\n font-weight: 400;\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n transition: transform 0.1s ease-out;\n color: 0.15s linear;\n transform: scale(1);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: fit-content;\n border-radius: var(--button-border-radius);\n}\n.Button-module_root_icon__KAJGT {\n border-radius: 50%;\n width: 36px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_xs__iIFbj {\n width: 29px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_s__7A-Lo {\n width: 32px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_m__HuaqX {\n width: 36px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_l__2g-SP {\n width: 42px;\n}\n.Button-module_root_fullWidth__tPJ0T {\n width: 100%;\n}\n.Button-module_root_disabled__BFDIZ {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--button-primary-color-disabled);\n background-color: var(--button-primary-background-color-disabled);\n border-color: var(--button-primary-border-color-disabled);\n}\n\n.Button-module_icon__xIuVv {\n display: flex;\n}\n\n.Button-module_size_xs__iIFbj {\n height: 29px;\n font-size: 12px;\n line-height: 29px;\n}\n.Button-module_size_s__7A-Lo {\n height: 32px;\n font-size: 13px;\n line-height: 32px;\n}\n.Button-module_size_m__HuaqX {\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n}\n.Button-module_size_l__2g-SP {\n height: 42px;\n font-size: 18px;\n line-height: 42px;\n}\n\n.Button-module_variant_primary__pHnPB {\n color: var(--button-primary-color);\n background-color: var(--button-primary-background-color);\n border-color: var(--button-primary-border-color);\n}\n.Button-module_variant_primary__pHnPB:hover {\n color: var(--button-primary-color-hovered);\n background-color: var(--button-primary-background-color-hovered);\n border-color: var(--button-primary-border-color-hovered);\n}\n.Button-module_variant_primary__pHnPB:active {\n color: var(--button-primary-color-active);\n background-color: var(--button-primary-background-color-active);\n border-color: var(--button-primary-border-color-active);\n}\n.Button-module_variant_secondary__6Ude- {\n color: var(--button-secondary-color);\n background-color: var(--button-secondary-background-color);\n border-color: var(--button-secondary-border-color);\n}\n.Button-module_variant_secondary__6Ude-:hover {\n color: var(--button-secondary-color-hovered);\n background-color: var(--button-secondary-background-color-hovered);\n border-color: var(--button-secondary-border-color-hovered);\n}\n.Button-module_variant_secondary__6Ude-:active {\n color: var(--button-secondary-color-active);\n background-color: var(--button-secondary-background-color-active);\n border-color: var(--button-secondary-border-color-active);\n}\n.Button-module_variant_pseudo__yM1xM {\n color: var(--button-pseudo-color);\n background-color: var(--button-pseudo-background-color);\n border-color: var(--button-pseudo-border-color);\n}\n.Button-module_variant_pseudo__yM1xM:hover {\n color: var(--button-pseudo-color-hovered);\n background-color: var(--button-pseudo-background-color-hovered);\n border-color: var(--button-pseudo-border-color-hovered);\n}\n.Button-module_variant_pseudo__yM1xM:active {\n color: var(--button-pseudo-color-active);\n background-color: var(--button-pseudo-background-color-active);\n border-color: var(--button-pseudo-border-color-active);\n}\n.Button-module_variant_clear__WSMoZ {\n color: var(--button-clear-color);\n background-color: transparent;\n border-color: transparent;\n}\n.Button-module_variant_clear__WSMoZ:hover {\n color: var(--button-clear-color-hovered);\n}\n.Button-module_variant_clear__WSMoZ:active {\n color: var(--button-clear-color-active);\n}";
8
+ var styles = {"root":"Button-module_root__8RX49","root_icon":"Button-module_root_icon__KAJGT","size_xs":"Button-module_size_xs__iIFbj","size_s":"Button-module_size_s__7A-Lo","size_m":"Button-module_size_m__HuaqX","size_l":"Button-module_size_l__2g-SP","root_fullWidth":"Button-module_root_fullWidth__tPJ0T","root_disabled":"Button-module_root_disabled__BFDIZ","icon":"Button-module_icon__xIuVv","variant_primary":"Button-module_variant_primary__pHnPB","variant_secondary":"Button-module_variant_secondary__6Ude-","variant_pseudo":"Button-module_variant_pseudo__yM1xM","variant_clear":"Button-module_variant_clear__WSMoZ"};
9
+ var stylesheet=".Button-module_root__8RX49 {\n color: var(--palette-black);\n padding: 0 12px;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n gap: 8px;\n flex-shrink: 0;\n border: 1px solid;\n font-style: normal;\n font-weight: 400;\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n transition: transform 0.1s ease-out;\n color: 0.15s linear;\n transform: scale(1);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: fit-content;\n border-radius: var(--button-border-radius);\n}\n.Button-module_root_icon__KAJGT {\n border-radius: 50%;\n width: 36px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_xs__iIFbj {\n width: 29px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_s__7A-Lo {\n width: 32px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_m__HuaqX {\n width: 36px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_l__2g-SP {\n width: 42px;\n}\n.Button-module_root_fullWidth__tPJ0T {\n width: 100%;\n}\n.Button-module_root_disabled__BFDIZ {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--button-primary-color-disabled);\n background-color: var(--button-primary-background-color-disabled);\n border-color: var(--button-primary-border-color-disabled);\n}\n\n.Button-module_icon__xIuVv {\n display: flex;\n}\n\n.Button-module_size_xs__iIFbj {\n height: 29px;\n font-size: 12px;\n line-height: 29px;\n}\n.Button-module_size_s__7A-Lo {\n height: 32px;\n font-size: 13px;\n line-height: 32px;\n}\n.Button-module_size_m__HuaqX {\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n}\n.Button-module_size_l__2g-SP {\n height: 42px;\n font-size: 18px;\n line-height: 42px;\n}\n\n.Button-module_variant_primary__pHnPB {\n color: var(--button-primary-color);\n background-color: var(--button-primary-background-color);\n border-color: var(--button-primary-border-color);\n}\n.Button-module_variant_primary__pHnPB:hover {\n color: var(--button-primary-color-hovered);\n background-color: var(--button-primary-background-color-hovered);\n border-color: var(--button-primary-border-color-hovered);\n}\n.Button-module_variant_primary__pHnPB:active {\n color: var(--button-primary-color-active);\n background-color: var(--button-primary-background-color-active);\n border-color: var(--button-primary-border-color-active);\n}\n.Button-module_variant_secondary__6Ude- {\n color: var(--button-secondary-color);\n background-color: var(--button-secondary-background-color);\n border-color: var(--button-secondary-border-color);\n}\n.Button-module_variant_secondary__6Ude-:hover {\n color: var(--button-secondary-color-hovered);\n background-color: var(--button-secondary-background-color-hovered);\n border-color: var(--button-secondary-border-color-hovered);\n}\n.Button-module_variant_secondary__6Ude-:active {\n color: var(--button-secondary-color-active);\n background-color: var(--button-secondary-background-color-active);\n border-color: var(--button-secondary-border-color-active);\n}\n.Button-module_variant_pseudo__yM1xM {\n color: var(--button-pseudo-color);\n background-color: var(--button-pseudo-background-color);\n border-color: var(--button-pseudo-border-color);\n}\n.Button-module_variant_pseudo__yM1xM:hover {\n color: var(--button-pseudo-color-hovered);\n background-color: var(--button-pseudo-background-color-hovered);\n border-color: var(--button-pseudo-border-color-hovered);\n}\n.Button-module_variant_pseudo__yM1xM:active {\n color: var(--button-pseudo-color-active);\n background-color: var(--button-pseudo-background-color-active);\n border-color: var(--button-pseudo-border-color-active);\n}\n.Button-module_variant_clear__WSMoZ {\n color: var(--button-clear-color);\n background-color: transparent;\n border-color: transparent;\n}\n.Button-module_variant_clear__WSMoZ:hover {\n color: var(--button-clear-color-hovered);\n}\n.Button-module_variant_clear__WSMoZ:active {\n color: var(--button-clear-color-active);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Checkbox/Checkbox.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n display: flex;\n flex-direction: column;\n}\n\n.wrapper {\n display: flex;\n}\n\n.label {\n display: inline-flex;\n line-height: 18px;\n position: relative;\n cursor: pointer;\n}\n\n.text {\n font-size: 16px;\n margin-block-start: -1px;\n margin-inline-start: 8px;\n}\n\n.fakeCheckbox {\n background-color: var(--palette-white);\n block-size: 16px;\n border: 1px solid var(--palette-bg-3);\n border-radius: 4px;\n box-sizing: border-box;\n direction: ltr;\n display: block;\n flex-shrink: 0;\n inline-size: 16px;\n position: relative;\n transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;\n}\n\n.checked {\n border: 0;\n background-color: var(--checkbox-primary-background-color-checked);\n}\n.checked::after {\n box-sizing: content-box;\n content: \"\";\n display: block;\n position: absolute;\n block-size: 8px;\n border-block-end: 2px solid var(--palette-black);\n border-inline-end: 2px solid var(--palette-black);\n inline-size: 4px;\n inset-block-start: 45%;\n inset-inline-start: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.variant_primary_error {\n border-color: red;\n box-shadow: 0 0 0 2px red;\n}\n.variant_primary_checked::after {\n border-block-end: 2px solid var(--palette-white);\n border-inline-end: 2px solid var(--palette-white);\n}\n\n.control {\n inset-inline-start: -9999px;\n position: absolute;\n}\n.control:disabled + .fakeCheckbox::after {\n border-block-end: 2px solid var(--palette-bg-4);\n border-inline-end: 2px solid var(--palette-bg-4);\n}\n.control:hover:not(:disabled) + .fakeCheckbox {\n border-color: var(--palette-bg-3);\n}\n.control_variant_primary:focus:not(:disabled) + .fakeCheckbox {\n box-shadow: 0 0 0 2px var(--checkbox-primary-box-shadow-focused);\n}\n.control_variant_primary:hover:not(:disabled) + .fakeCheckbox {\n background-color: var(--checkbox-primary-background-color-hovered);\n}\n.control_variant_primary:active:not(:disabled) + .fakeCheckbox {\n background-color: var(--checkbox-primary-background-color-active);\n border-color: var(--checkbox-primary-border-color-active);\n box-shadow: var(--checkbox-primary-box-shadow-active);\n}\n.control_variant_primary:disabled + .fakeCheckbox {\n z-index: 1;\n background-color: var(--checkbox-primary-background-color-disabled);\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Checkbox-module_root__BS5dT {\n display: flex;\n flex-direction: column;\n}\n\n.Checkbox-module_wrapper__rznMS {\n display: flex;\n}\n\n.Checkbox-module_label__JBaRm {\n display: inline-flex;\n line-height: 18px;\n position: relative;\n cursor: pointer;\n}\n\n.Checkbox-module_text__usAwV {\n font-size: 16px;\n margin-block-start: -1px;\n margin-inline-start: 8px;\n}\n\n.Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--palette-white);\n block-size: 16px;\n border: 1px solid var(--palette-bg-3);\n border-radius: 4px;\n box-sizing: border-box;\n direction: ltr;\n display: block;\n flex-shrink: 0;\n inline-size: 16px;\n position: relative;\n transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;\n}\n\n.Checkbox-module_checked__XfvkJ {\n border: 0;\n background-color: var(--checkbox-primary-background-color-checked);\n}\n.Checkbox-module_checked__XfvkJ::after {\n box-sizing: content-box;\n content: \"\";\n display: block;\n position: absolute;\n block-size: 8px;\n border-block-end: 2px solid var(--palette-black);\n border-inline-end: 2px solid var(--palette-black);\n inline-size: 4px;\n inset-block-start: 45%;\n inset-inline-start: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.Checkbox-module_variant_primary_error__jenG7 {\n border-color: red;\n box-shadow: 0 0 0 2px red;\n}\n.Checkbox-module_variant_primary_checked__Aoq0H::after {\n border-block-end: 2px solid var(--palette-white);\n border-inline-end: 2px solid var(--palette-white);\n}\n\n.Checkbox-module_control__QFHjF {\n inset-inline-start: -9999px;\n position: absolute;\n}\n.Checkbox-module_control__QFHjF:disabled + .Checkbox-module_fakeCheckbox__mMV2U::after {\n border-block-end: 2px solid var(--palette-bg-4);\n border-inline-end: 2px solid var(--palette-bg-4);\n}\n.Checkbox-module_control__QFHjF:hover:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n border-color: var(--palette-bg-3);\n}\n.Checkbox-module_control_variant_primary__v-gEp:focus:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n box-shadow: 0 0 0 2px var(--checkbox-primary-box-shadow-focused);\n}\n.Checkbox-module_control_variant_primary__v-gEp:hover:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--checkbox-primary-background-color-hovered);\n}\n.Checkbox-module_control_variant_primary__v-gEp:active:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--checkbox-primary-background-color-active);\n border-color: var(--checkbox-primary-border-color-active);\n box-shadow: var(--checkbox-primary-box-shadow-active);\n}\n.Checkbox-module_control_variant_primary__v-gEp:disabled + .Checkbox-module_fakeCheckbox__mMV2U {\n z-index: 1;\n background-color: var(--checkbox-primary-background-color-disabled);\n}";
8
+ var styles = {"root":"Checkbox-module_root__BS5dT","wrapper":"Checkbox-module_wrapper__rznMS","label":"Checkbox-module_label__JBaRm","text":"Checkbox-module_text__usAwV","fakeCheckbox":"Checkbox-module_fakeCheckbox__mMV2U","checked":"Checkbox-module_checked__XfvkJ","variant_primary_error":"Checkbox-module_variant_primary_error__jenG7","variant_primary_checked":"Checkbox-module_variant_primary_checked__Aoq0H","control":"Checkbox-module_control__QFHjF","control_variant_primary":"Checkbox-module_control_variant_primary__v-gEp"};
9
+ var stylesheet=".Checkbox-module_root__BS5dT {\n display: flex;\n flex-direction: column;\n}\n\n.Checkbox-module_wrapper__rznMS {\n display: flex;\n}\n\n.Checkbox-module_label__JBaRm {\n display: inline-flex;\n line-height: 18px;\n position: relative;\n cursor: pointer;\n}\n\n.Checkbox-module_text__usAwV {\n font-size: 16px;\n margin-block-start: -1px;\n margin-inline-start: 8px;\n}\n\n.Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--palette-white);\n block-size: 16px;\n border: 1px solid var(--palette-bg-3);\n border-radius: 4px;\n box-sizing: border-box;\n direction: ltr;\n display: block;\n flex-shrink: 0;\n inline-size: 16px;\n position: relative;\n transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;\n}\n\n.Checkbox-module_checked__XfvkJ {\n border: 0;\n background-color: var(--checkbox-primary-background-color-checked);\n}\n.Checkbox-module_checked__XfvkJ::after {\n box-sizing: content-box;\n content: \"\";\n display: block;\n position: absolute;\n block-size: 8px;\n border-block-end: 2px solid var(--palette-black);\n border-inline-end: 2px solid var(--palette-black);\n inline-size: 4px;\n inset-block-start: 45%;\n inset-inline-start: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.Checkbox-module_variant_primary_error__jenG7 {\n border-color: red;\n box-shadow: 0 0 0 2px red;\n}\n.Checkbox-module_variant_primary_checked__Aoq0H::after {\n border-block-end: 2px solid var(--palette-white);\n border-inline-end: 2px solid var(--palette-white);\n}\n\n.Checkbox-module_control__QFHjF {\n inset-inline-start: -9999px;\n position: absolute;\n}\n.Checkbox-module_control__QFHjF:disabled + .Checkbox-module_fakeCheckbox__mMV2U::after {\n border-block-end: 2px solid var(--palette-bg-4);\n border-inline-end: 2px solid var(--palette-bg-4);\n}\n.Checkbox-module_control__QFHjF:hover:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n border-color: var(--palette-bg-3);\n}\n.Checkbox-module_control_variant_primary__v-gEp:focus:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n box-shadow: 0 0 0 2px var(--checkbox-primary-box-shadow-focused);\n}\n.Checkbox-module_control_variant_primary__v-gEp:hover:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--checkbox-primary-background-color-hovered);\n}\n.Checkbox-module_control_variant_primary__v-gEp:active:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--checkbox-primary-background-color-active);\n border-color: var(--checkbox-primary-border-color-active);\n box-shadow: var(--checkbox-primary-box-shadow-active);\n}\n.Checkbox-module_control_variant_primary__v-gEp:disabled + .Checkbox-module_fakeCheckbox__mMV2U {\n z-index: 1;\n background-color: var(--checkbox-primary-background-color-disabled);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Counter/Counter.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n background-color: var(--palette-white);\n border-radius: 4px;\n box-sizing: border-box;\n display: inline-block;\n font-size: 16px;\n max-block-size: 40px;\n min-block-size: 40px;\n min-inline-size: 96px;\n overflow: hidden;\n position: relative;\n}\n.root_fullWidth {\n inline-size: 100%;\n}\n\n.control {\n align-items: center;\n block-size: 38px;\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.control_fullWidth {\n inline-size: 100%;\n}\n\n.value {\n font-weight: 500;\n font-size: 18px;\n inline-size: 24px;\n user-select: none;\n text-align: center;\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Counter-module_root__OFEM- {\n background-color: var(--palette-white);\n border-radius: 4px;\n box-sizing: border-box;\n display: inline-block;\n font-size: 16px;\n max-block-size: 40px;\n min-block-size: 40px;\n min-inline-size: 96px;\n overflow: hidden;\n position: relative;\n}\n.Counter-module_root_fullWidth__yP-g9 {\n inline-size: 100%;\n}\n\n.Counter-module_control__z5Uxb {\n align-items: center;\n block-size: 38px;\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.Counter-module_control_fullWidth__cf8hN {\n inline-size: 100%;\n}\n\n.Counter-module_value__uELqN {\n font-weight: 500;\n font-size: 18px;\n inline-size: 24px;\n user-select: none;\n text-align: center;\n}";
8
+ var styles = {"root":"Counter-module_root__OFEM-","root_fullWidth":"Counter-module_root_fullWidth__yP-g9","control":"Counter-module_control__z5Uxb","control_fullWidth":"Counter-module_control_fullWidth__cf8hN","value":"Counter-module_value__uELqN"};
9
+ var stylesheet=".Counter-module_root__OFEM- {\n background-color: var(--palette-white);\n border-radius: 4px;\n box-sizing: border-box;\n display: inline-block;\n font-size: 16px;\n max-block-size: 40px;\n min-block-size: 40px;\n min-inline-size: 96px;\n overflow: hidden;\n position: relative;\n}\n.Counter-module_root_fullWidth__yP-g9 {\n inline-size: 100%;\n}\n\n.Counter-module_control__z5Uxb {\n align-items: center;\n block-size: 38px;\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.Counter-module_control_fullWidth__cf8hN {\n inline-size: 100%;\n}\n\n.Counter-module_value__uELqN {\n font-weight: 500;\n font-size: 18px;\n inline-size: 24px;\n user-select: none;\n text-align: center;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/DotsLoader/DotsLoader.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".wrapper {\n display: flex;\n justify-content: space-between;\n width: 70px;\n}\n\n.dot {\n animation-duration: 1.6s;\n animation-iteration-count: infinite;\n animation-name: pending;\n background-color: var(--palette-black);\n border-radius: 5px;\n height: 10px;\n transform: scale(0);\n width: 10px;\n}\n@keyframes pending {\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n}\n.dot_first {\n animation-delay: 0s;\n}\n.dot_second {\n animation-delay: 0.2s;\n}\n.dot_third {\n animation-delay: 0.4s;\n}\n.dot_fourth {\n animation-delay: 0.6s;\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".DotsLoader-module_wrapper__FhKIJ {\n display: flex;\n justify-content: space-between;\n width: 70px;\n}\n\n.DotsLoader-module_dot__oZoA0 {\n animation-duration: 1.6s;\n animation-iteration-count: infinite;\n animation-name: DotsLoader-module_pending__qL-8B;\n background-color: var(--palette-black);\n border-radius: 5px;\n height: 10px;\n transform: scale(0);\n width: 10px;\n}\n@keyframes DotsLoader-module_pending__qL-8B {\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n}\n.DotsLoader-module_dot_first__6nsQ8 {\n animation-delay: 0s;\n}\n.DotsLoader-module_dot_second__p8BzX {\n animation-delay: 0.2s;\n}\n.DotsLoader-module_dot_third__1II0s {\n animation-delay: 0.4s;\n}\n.DotsLoader-module_dot_fourth__VR4zl {\n animation-delay: 0.6s;\n}";
8
+ var styles = {"wrapper":"DotsLoader-module_wrapper__FhKIJ","dot":"DotsLoader-module_dot__oZoA0","pending":"DotsLoader-module_pending__qL-8B","dot_first":"DotsLoader-module_dot_first__6nsQ8","dot_second":"DotsLoader-module_dot_second__p8BzX","dot_third":"DotsLoader-module_dot_third__1II0s","dot_fourth":"DotsLoader-module_dot_fourth__VR4zl"};
9
+ var stylesheet=".DotsLoader-module_wrapper__FhKIJ {\n display: flex;\n justify-content: space-between;\n width: 70px;\n}\n\n.DotsLoader-module_dot__oZoA0 {\n animation-duration: 1.6s;\n animation-iteration-count: infinite;\n animation-name: DotsLoader-module_pending__qL-8B;\n background-color: var(--palette-black);\n border-radius: 5px;\n height: 10px;\n transform: scale(0);\n width: 10px;\n}\n@keyframes DotsLoader-module_pending__qL-8B {\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n}\n.DotsLoader-module_dot_first__6nsQ8 {\n animation-delay: 0s;\n}\n.DotsLoader-module_dot_second__p8BzX {\n animation-delay: 0.2s;\n}\n.DotsLoader-module_dot_third__1II0s {\n animation-delay: 0.4s;\n}\n.DotsLoader-module_dot_fourth__VR4zl {\n animation-delay: 0.6s;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Dropdown/Dropdown.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dropDownStyles = ".popperContainer {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n\n.overlayContainer {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n overflow: hidden;\n border-color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Dropdown-module_popperContainer__NKNV- {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n\n.Dropdown-module_overlayContainer__oUpgr {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n overflow: hidden;\n border-color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
8
+ var dropDownStyles = {"popperContainer":"Dropdown-module_popperContainer__NKNV-","overlayContainer":"Dropdown-module_overlayContainer__oUpgr"};
9
+ var stylesheet=".Dropdown-module_popperContainer__NKNV- {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n\n.Dropdown-module_overlayContainer__oUpgr {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n overflow: hidden;\n border-color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = dropDownStyles;
13
+ exports.stylesheet = stylesheet;
package/Grid/Grid.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n width: 100%;\n}\n\n.items {\n display: grid;\n grid-auto-flow: row dense;\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Grid-module_root__3oF-w {\n width: 100%;\n}\n\n.Grid-module_items__-gfZ1 {\n display: grid;\n grid-auto-flow: row dense;\n}";
8
+ var styles = {"root":"Grid-module_root__3oF-w","items":"Grid-module_items__-gfZ1"};
9
+ var stylesheet=".Grid-module_root__3oF-w {\n width: 100%;\n}\n\n.Grid-module_items__-gfZ1 {\n display: grid;\n grid-auto-flow: row dense;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Grid/Item/Grid-Item.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".full {\n grid-column: 1/-1;\n}";
5
+ var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Grid-Item-module_full__RuF3P {\n grid-column: 1/-1;\n}";
8
+ var styles = {"full":"Grid-Item-module_full__RuF3P"};
9
+ var stylesheet=".Grid-Item-module_full__RuF3P {\n grid-column: 1/-1;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Image/Image.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.root img {\n width: 100%;\n height: 100%;\n visibility: visible;\n font: 0/0 a;\n border: 0;\n object-fit: cover;\n text-indent: -100rem;\n}\n.root img :-moz-broken {\n opacity: 0;\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Image-module_root__56rgX {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.Image-module_root__56rgX img {\n width: 100%;\n height: 100%;\n visibility: visible;\n font: 0/0 a;\n border: 0;\n object-fit: cover;\n text-indent: -100rem;\n}\n.Image-module_root__56rgX img :-moz-broken {\n opacity: 0;\n}";
8
+ var styles = {"root":"Image-module_root__56rgX"};
9
+ var stylesheet=".Image-module_root__56rgX {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.Image-module_root__56rgX img {\n width: 100%;\n height: 100%;\n visibility: visible;\n font: 0/0 a;\n border: 0;\n object-fit: cover;\n text-indent: -100rem;\n}\n.Image-module_root__56rgX img :-moz-broken {\n opacity: 0;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Menu/Menu.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".menu {\n margin: 0;\n text-align: left;\n padding: 0;\n user-select: none;\n color: var(--palette-black);\n background: var(--palette-white);\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Menu-module_menu__ZGJ-- {\n margin: 0;\n text-align: left;\n padding: 0;\n user-select: none;\n color: var(--palette-black);\n background: var(--palette-white);\n}";
8
+ var styles = {"menu":"Menu-module_menu__ZGJ--"};
9
+ var stylesheet=".Menu-module_menu__ZGJ-- {\n margin: 0;\n text-align: left;\n padding: 0;\n user-select: none;\n color: var(--palette-black);\n background: var(--palette-white);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Menu/components/MenuItem/MenuItem.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".item {\n cursor: pointer;\n display: flex;\n align-items: center;\n list-style: none;\n padding: 8px 6px;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n}\n.item > * {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.variant_primary {\n background-color: var(--palette-white);\n}\n.variant_primary:hover {\n background-color: var(--palette-primary-2);\n}\n.variant_primary:active {\n background-color: var(--palette-primary-2);\n}\n.variant_primary:focus, .variant_primary:focus-within {\n background-color: var(--palette-primary-2);\n}\n\n.disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
5
+ var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".MenuItem-module_item__mGGLQ {\n cursor: pointer;\n display: flex;\n align-items: center;\n list-style: none;\n padding: 8px 6px;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n}\n.MenuItem-module_item__mGGLQ > * {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.MenuItem-module_variant_primary__k1zJe {\n background-color: var(--palette-white);\n}\n.MenuItem-module_variant_primary__k1zJe:hover {\n background-color: var(--palette-primary-2);\n}\n.MenuItem-module_variant_primary__k1zJe:active {\n background-color: var(--palette-primary-2);\n}\n.MenuItem-module_variant_primary__k1zJe:focus, .MenuItem-module_variant_primary__k1zJe:focus-within {\n background-color: var(--palette-primary-2);\n}\n\n.MenuItem-module_disabled__h3vqB {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
8
+ var styles = {"item":"MenuItem-module_item__mGGLQ","variant_primary":"MenuItem-module_variant_primary__k1zJe","disabled":"MenuItem-module_disabled__h3vqB"};
9
+ var stylesheet=".MenuItem-module_item__mGGLQ {\n cursor: pointer;\n display: flex;\n align-items: center;\n list-style: none;\n padding: 8px 6px;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n}\n.MenuItem-module_item__mGGLQ > * {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.MenuItem-module_variant_primary__k1zJe {\n background-color: var(--palette-white);\n}\n.MenuItem-module_variant_primary__k1zJe:hover {\n background-color: var(--palette-primary-2);\n}\n.MenuItem-module_variant_primary__k1zJe:active {\n background-color: var(--palette-primary-2);\n}\n.MenuItem-module_variant_primary__k1zJe:focus, .MenuItem-module_variant_primary__k1zJe:focus-within {\n background-color: var(--palette-primary-2);\n}\n\n.MenuItem-module_disabled__h3vqB {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Modal/Modal.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n z-index: 1000;\n}\n\n.titleWrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--palette-bg-2);\n}\n\n.closeWrapper {\n display: flex;\n justify-content: flex-end;\n}\n\n.modalOverlay {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.25);\n}\n\n.modalWrapper {\n overflow: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n background-color: var(--palette-white);\n}\n.modalWrapper_mobile {\n height: 100%;\n width: 100%;\n}\n.modalWrapper_desktop {\n max-height: calc(100vh - 100px);\n max-width: calc(100vw - 100px);\n min-width: 515px;\n border: solid 1px var(--palette-bg-2);\n border-radius: 8px;\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Modal-module_root__hXsmO {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n z-index: 1000;\n}\n\n.Modal-module_titleWrapper__V74OF {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--palette-bg-2);\n}\n\n.Modal-module_closeWrapper__DmIkN {\n display: flex;\n justify-content: flex-end;\n}\n\n.Modal-module_modalOverlay__rI8Wz {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.25);\n}\n\n.Modal-module_modalWrapper__M8-7F {\n overflow: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n background-color: var(--palette-white);\n}\n.Modal-module_modalWrapper_mobile__Py1hW {\n height: 100%;\n width: 100%;\n}\n.Modal-module_modalWrapper_desktop__xScot {\n max-height: calc(100vh - 100px);\n max-width: calc(100vw - 100px);\n min-width: 515px;\n border: solid 1px var(--palette-bg-2);\n border-radius: 8px;\n}";
8
+ var styles = {"root":"Modal-module_root__hXsmO","titleWrapper":"Modal-module_titleWrapper__V74OF","closeWrapper":"Modal-module_closeWrapper__DmIkN","modalOverlay":"Modal-module_modalOverlay__rI8Wz","modalWrapper":"Modal-module_modalWrapper__M8-7F","modalWrapper_mobile":"Modal-module_modalWrapper_mobile__Py1hW","modalWrapper_desktop":"Modal-module_modalWrapper_desktop__xScot"};
9
+ var stylesheet=".Modal-module_root__hXsmO {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n z-index: 1000;\n}\n\n.Modal-module_titleWrapper__V74OF {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--palette-bg-2);\n}\n\n.Modal-module_closeWrapper__DmIkN {\n display: flex;\n justify-content: flex-end;\n}\n\n.Modal-module_modalOverlay__rI8Wz {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.25);\n}\n\n.Modal-module_modalWrapper__M8-7F {\n overflow: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n background-color: var(--palette-white);\n}\n.Modal-module_modalWrapper_mobile__Py1hW {\n height: 100%;\n width: 100%;\n}\n.Modal-module_modalWrapper_desktop__xScot {\n max-height: calc(100vh - 100px);\n max-width: calc(100vw - 100px);\n min-width: 515px;\n border: solid 1px var(--palette-bg-2);\n border-radius: 8px;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Modal/components/Close/Close.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".close {\n cursor: pointer;\n margin-right: 16px;\n}";
5
+ var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Close-module_close__zHsuU {\n cursor: pointer;\n margin-right: 16px;\n}";
8
+ var styles = {"close":"Close-module_close__zHsuU"};
9
+ var stylesheet=".Close-module_close__zHsuU {\n cursor: pointer;\n margin-right: 16px;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Modal/components/Content/Content.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n overflow-y: auto;\n display: flex;\n min-height: 100%;\n padding: 10px;\n}";
5
+ var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Content-module_root__V5vMS {\n overflow-y: auto;\n display: flex;\n min-height: 100%;\n padding: 10px;\n}";
8
+ var styles = {"root":"Content-module_root__V5vMS"};
9
+ var stylesheet=".Content-module_root__V5vMS {\n overflow-y: auto;\n display: flex;\n min-height: 100%;\n padding: 10px;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Modal/components/Title/Title.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".wrapper {\n display: flex;\n padding: 16px;\n}";
5
+ var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Title-module_wrapper__b1LKk {\n display: flex;\n padding: 16px;\n}";
8
+ var styles = {"wrapper":"Title-module_wrapper__b1LKk"};
9
+ var stylesheet=".Title-module_wrapper__b1LKk {\n display: flex;\n padding: 16px;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Select/Select.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".menuWrapper {\n max-height: 140px;\n overflow-y: auto;\n}\n\n.icon_isOpen {\n transform: rotate(180deg);\n}\n\n.inputRoot {\n cursor: pointer;\n}\n\n.formField_fullWidth {\n width: 100%;\n}\n\n.baseInput {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.baseInput ::placeholder {\n color: var(--palette-bg-2);\n}\n\n.placeholder {\n user-select: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n display: block;\n color: var(--input-primary-plaseholder-color);\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Select-module_menuWrapper__WO-FX {\n max-height: 140px;\n overflow-y: auto;\n}\n\n.Select-module_icon_isOpen__cR4u7 {\n transform: rotate(180deg);\n}\n\n.Select-module_inputRoot__Mlsmy {\n cursor: pointer;\n}\n\n.Select-module_formField_fullWidth__-oeve {\n width: 100%;\n}\n\n.Select-module_baseInput__PRg7- {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.Select-module_baseInput__PRg7- ::placeholder {\n color: var(--palette-bg-2);\n}\n\n.Select-module_placeholder__tYT40 {\n user-select: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n display: block;\n color: var(--input-primary-plaseholder-color);\n}";
8
+ var styles = {"menuWrapper":"Select-module_menuWrapper__WO-FX","icon_isOpen":"Select-module_icon_isOpen__cR4u7","inputRoot":"Select-module_inputRoot__Mlsmy","formField_fullWidth":"Select-module_formField_fullWidth__-oeve","baseInput":"Select-module_baseInput__PRg7-","placeholder":"Select-module_placeholder__tYT40"};
9
+ var stylesheet=".Select-module_menuWrapper__WO-FX {\n max-height: 140px;\n overflow-y: auto;\n}\n\n.Select-module_icon_isOpen__cR4u7 {\n transform: rotate(180deg);\n}\n\n.Select-module_inputRoot__Mlsmy {\n cursor: pointer;\n}\n\n.Select-module_formField_fullWidth__-oeve {\n width: 100%;\n}\n\n.Select-module_baseInput__PRg7- {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.Select-module_baseInput__PRg7- ::placeholder {\n color: var(--palette-bg-2);\n}\n\n.Select-module_placeholder__tYT40 {\n user-select: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n display: block;\n color: var(--input-primary-plaseholder-color);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Separator/Separator.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n background-color: var(--palette-bg-3);\n block-size: 1px;\n inline-size: 100%;\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Separator-module_root__eQtZe {\n background-color: var(--palette-bg-3);\n block-size: 1px;\n inline-size: 100%;\n}";
8
+ var styles = {"root":"Separator-module_root__eQtZe"};
9
+ var stylesheet=".Separator-module_root__eQtZe {\n background-color: var(--palette-bg-3);\n block-size: 1px;\n inline-size: 100%;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Skeleton/Skeleton.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".rect {\n background-color: var(--palette-bg-2);\n animation: skeleton-loading 1.5s ease-in-out infinite;\n}\n@keyframes skeleton-loading {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.text {\n height: 12px;\n border-radius: 6px;\n background-color: var(--palette-bg-2);\n animation: skeleton-loading 1.5s ease-in-out infinite;\n}\n@keyframes skeleton-loading {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Skeleton-module_rect__8lO4C {\n background-color: var(--palette-bg-2);\n animation: Skeleton-module_skeleton-loading__oZsSZ 1.5s ease-in-out infinite;\n}\n@keyframes Skeleton-module_skeleton-loading__oZsSZ {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.Skeleton-module_text__4oj9n {\n height: 12px;\n border-radius: 6px;\n background-color: var(--palette-bg-2);\n animation: Skeleton-module_skeleton-loading__oZsSZ 1.5s ease-in-out infinite;\n}\n@keyframes Skeleton-module_skeleton-loading__oZsSZ {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}";
8
+ var styles = {"rect":"Skeleton-module_rect__8lO4C","skeleton-loading":"Skeleton-module_skeleton-loading__oZsSZ","text":"Skeleton-module_text__4oj9n"};
9
+ var stylesheet=".Skeleton-module_rect__8lO4C {\n background-color: var(--palette-bg-2);\n animation: Skeleton-module_skeleton-loading__oZsSZ 1.5s ease-in-out infinite;\n}\n@keyframes Skeleton-module_skeleton-loading__oZsSZ {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.Skeleton-module_text__4oj9n {\n height: 12px;\n border-radius: 6px;\n background-color: var(--palette-bg-2);\n animation: Skeleton-module_skeleton-loading__oZsSZ 1.5s ease-in-out infinite;\n}\n@keyframes Skeleton-module_skeleton-loading__oZsSZ {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Switch/Switch.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n position: relative;\n display: inline-flex;\n padding: 6px;\n}\n.root_disabled {\n opacity: 0.7;\n pointer-events: none;\n}\n\n.wrapper {\n width: 40px;\n height: 22px;\n position: relative;\n box-sizing: border-box;\n border-width: 1px;\n border-style: solid;\n border-radius: 17px;\n}\n.wrapper_variant_primary {\n border-color: var(--switch-primary-border-color);\n background-color: var(--switch-primary-background-color);\n}\n\n.baseSwitch {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n position: absolute;\n top: 2px;\n left: 2px;\n transition: transform 150ms;\n background: var(--palette-white);\n}\n\n.checkbox {\n position: absolute;\n z-index: 1;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n margin: 0;\n border: none;\n outline: none;\n padding: 0;\n}\n.checkbox:checked + .wrapper {\n border-color: var(--switch-primary-border-color-checked);\n background-color: var(--switch-primary-background-color-checked);\n}\n.checkbox:checked + .wrapper .baseSwitch {\n transform: translateX(18px);\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Switch-module_root__DmzxH {\n position: relative;\n display: inline-flex;\n padding: 6px;\n}\n.Switch-module_root_disabled__aNYhM {\n opacity: 0.7;\n pointer-events: none;\n}\n\n.Switch-module_wrapper__Eg-Lm {\n width: 40px;\n height: 22px;\n position: relative;\n box-sizing: border-box;\n border-width: 1px;\n border-style: solid;\n border-radius: 17px;\n}\n.Switch-module_wrapper_variant_primary__DSO-3 {\n border-color: var(--switch-primary-border-color);\n background-color: var(--switch-primary-background-color);\n}\n\n.Switch-module_baseSwitch__bE-cQ {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n position: absolute;\n top: 2px;\n left: 2px;\n transition: transform 150ms;\n background: var(--palette-white);\n}\n\n.Switch-module_checkbox__QYS0C {\n position: absolute;\n z-index: 1;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n margin: 0;\n border: none;\n outline: none;\n padding: 0;\n}\n.Switch-module_checkbox__QYS0C:checked + .Switch-module_wrapper__Eg-Lm {\n border-color: var(--switch-primary-border-color-checked);\n background-color: var(--switch-primary-background-color-checked);\n}\n.Switch-module_checkbox__QYS0C:checked + .Switch-module_wrapper__Eg-Lm .Switch-module_baseSwitch__bE-cQ {\n transform: translateX(18px);\n}";
8
+ var styles = {"root":"Switch-module_root__DmzxH","root_disabled":"Switch-module_root_disabled__aNYhM","wrapper":"Switch-module_wrapper__Eg-Lm","wrapper_variant_primary":"Switch-module_wrapper_variant_primary__DSO-3","baseSwitch":"Switch-module_baseSwitch__bE-cQ","checkbox":"Switch-module_checkbox__QYS0C"};
9
+ var stylesheet=".Switch-module_root__DmzxH {\n position: relative;\n display: inline-flex;\n padding: 6px;\n}\n.Switch-module_root_disabled__aNYhM {\n opacity: 0.7;\n pointer-events: none;\n}\n\n.Switch-module_wrapper__Eg-Lm {\n width: 40px;\n height: 22px;\n position: relative;\n box-sizing: border-box;\n border-width: 1px;\n border-style: solid;\n border-radius: 17px;\n}\n.Switch-module_wrapper_variant_primary__DSO-3 {\n border-color: var(--switch-primary-border-color);\n background-color: var(--switch-primary-background-color);\n}\n\n.Switch-module_baseSwitch__bE-cQ {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n position: absolute;\n top: 2px;\n left: 2px;\n transition: transform 150ms;\n background: var(--palette-white);\n}\n\n.Switch-module_checkbox__QYS0C {\n position: absolute;\n z-index: 1;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n margin: 0;\n border: none;\n outline: none;\n padding: 0;\n}\n.Switch-module_checkbox__QYS0C:checked + .Switch-module_wrapper__Eg-Lm {\n border-color: var(--switch-primary-border-color-checked);\n background-color: var(--switch-primary-background-color-checked);\n}\n.Switch-module_checkbox__QYS0C:checked + .Switch-module_wrapper__Eg-Lm .Switch-module_baseSwitch__bE-cQ {\n transform: translateX(18px);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/Typography/Typography.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".root {\n color: var(--palette-black);\n}\n\n.size_xs {\n font-size: 12px;\n line-height: 16px;\n}\n.size_s {\n font-size: 14px;\n line-height: 18px;\n}\n.size_m {\n font-size: 16px;\n line-height: 22px;\n}\n.size_l {\n font-size: 18px;\n line-height: 28px;\n}\n.size_h1 {\n font-size: 40px;\n line-height: 56px;\n}\n.size_h2 {\n font-size: 32px;\n line-height: 40px;\n}\n.size_h3 {\n font-size: 24px;\n line-height: 32px;\n}\n.size_h4 {\n font-size: 20px;\n line-height: 28px;\n}\n.size_h5 {\n font-size: 16px;\n line-height: 24px;\n}\n.size_h6 {\n font-size: 12px;\n line-height: 16px;\n}\n\n.fontWeight_normal {\n font-weight: 400;\n}\n.fontWeight_medium {\n font-weight: 500;\n}\n.fontWeight_bold {\n font-weight: 700;\n}\n\n.variant_alert {\n color: var(--typography-alert);\n}\n.variant_success {\n color: var(--typography-success);\n}\n.variant_secondary {\n color: var(--typography-secondary);\n}";
5
+ var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".Typography-module_root__U-oiq {\n color: var(--palette-black);\n}\n\n.Typography-module_size_xs__ibOfM {\n font-size: 12px;\n line-height: 16px;\n}\n.Typography-module_size_s__3bSjI {\n font-size: 14px;\n line-height: 18px;\n}\n.Typography-module_size_m__-LgTa {\n font-size: 16px;\n line-height: 22px;\n}\n.Typography-module_size_l__mZyeZ {\n font-size: 18px;\n line-height: 28px;\n}\n.Typography-module_size_h1__VDz4C {\n font-size: 40px;\n line-height: 56px;\n}\n.Typography-module_size_h2__JmU-q {\n font-size: 32px;\n line-height: 40px;\n}\n.Typography-module_size_h3__p-sGP {\n font-size: 24px;\n line-height: 32px;\n}\n.Typography-module_size_h4__Y9dS4 {\n font-size: 20px;\n line-height: 28px;\n}\n.Typography-module_size_h5__eAzSn {\n font-size: 16px;\n line-height: 24px;\n}\n.Typography-module_size_h6__N64Fm {\n font-size: 12px;\n line-height: 16px;\n}\n\n.Typography-module_fontWeight_normal__T4xQP {\n font-weight: 400;\n}\n.Typography-module_fontWeight_medium__hrOIA {\n font-weight: 500;\n}\n.Typography-module_fontWeight_bold__KtZ-M {\n font-weight: 700;\n}\n\n.Typography-module_variant_alert__lMGjL {\n color: var(--typography-alert);\n}\n.Typography-module_variant_success__L7Jk8 {\n color: var(--typography-success);\n}\n.Typography-module_variant_secondary__3Wad- {\n color: var(--typography-secondary);\n}";
8
+ var styles = {"root":"Typography-module_root__U-oiq","size_xs":"Typography-module_size_xs__ibOfM","size_s":"Typography-module_size_s__3bSjI","size_m":"Typography-module_size_m__-LgTa","size_l":"Typography-module_size_l__mZyeZ","size_h1":"Typography-module_size_h1__VDz4C","size_h2":"Typography-module_size_h2__JmU-q","size_h3":"Typography-module_size_h3__p-sGP","size_h4":"Typography-module_size_h4__Y9dS4","size_h5":"Typography-module_size_h5__eAzSn","size_h6":"Typography-module_size_h6__N64Fm","fontWeight_normal":"Typography-module_fontWeight_normal__T4xQP","fontWeight_medium":"Typography-module_fontWeight_medium__hrOIA","fontWeight_bold":"Typography-module_fontWeight_bold__KtZ-M","variant_alert":"Typography-module_variant_alert__lMGjL","variant_success":"Typography-module_variant_success__L7Jk8","variant_secondary":"Typography-module_variant_secondary__3Wad-"};
9
+ var stylesheet=".Typography-module_root__U-oiq {\n color: var(--palette-black);\n}\n\n.Typography-module_size_xs__ibOfM {\n font-size: 12px;\n line-height: 16px;\n}\n.Typography-module_size_s__3bSjI {\n font-size: 14px;\n line-height: 18px;\n}\n.Typography-module_size_m__-LgTa {\n font-size: 16px;\n line-height: 22px;\n}\n.Typography-module_size_l__mZyeZ {\n font-size: 18px;\n line-height: 28px;\n}\n.Typography-module_size_h1__VDz4C {\n font-size: 40px;\n line-height: 56px;\n}\n.Typography-module_size_h2__JmU-q {\n font-size: 32px;\n line-height: 40px;\n}\n.Typography-module_size_h3__p-sGP {\n font-size: 24px;\n line-height: 32px;\n}\n.Typography-module_size_h4__Y9dS4 {\n font-size: 20px;\n line-height: 28px;\n}\n.Typography-module_size_h5__eAzSn {\n font-size: 16px;\n line-height: 24px;\n}\n.Typography-module_size_h6__N64Fm {\n font-size: 12px;\n line-height: 16px;\n}\n\n.Typography-module_fontWeight_normal__T4xQP {\n font-weight: 400;\n}\n.Typography-module_fontWeight_medium__hrOIA {\n font-weight: 500;\n}\n.Typography-module_fontWeight_bold__KtZ-M {\n font-weight: 700;\n}\n\n.Typography-module_variant_alert__lMGjL {\n color: var(--typography-alert);\n}\n.Typography-module_variant_success__L7Jk8 {\n color: var(--typography-success);\n}\n.Typography-module_variant_secondary__3Wad- {\n color: var(--typography-secondary);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/base/BaseInput/BaseInput.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".baseInput {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.baseInput ::placeholder {\n color: var(--palette-bg-2);\n}";
5
+ var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".BaseInput-module_baseInput__WDxQq {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.BaseInput-module_baseInput__WDxQq ::placeholder {\n color: var(--palette-bg-2);\n}";
8
+ var styles = {"baseInput":"BaseInput-module_baseInput__WDxQq"};
9
+ var stylesheet=".BaseInput-module_baseInput__WDxQq {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.BaseInput-module_baseInput__WDxQq ::placeholder {\n color: var(--palette-bg-2);\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/base/FormField/FormField.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}";
5
+ var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".FormField-module_container__TFvUT {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}";
8
+ var styles = {"container":"FormField-module_container__TFvUT"};
9
+ var stylesheet=".FormField-module_container__TFvUT {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/base/InputRoot/InputRoot.module.scss.js CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = ".baseIcon {\n display: inline-flex;\n align-items: center;\n font-size: 16px;\n color: inherit;\n}\n\n.baseDisableWrapper {\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n cursor: not-allowed;\n}\n\n.root {\n background-color: var(--palette-white);\n color: var(--palette-black);\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n padding: 5px 10px;\n}\n\n.variant_primary {\n border-color: var(--input-primary-border-color);\n}\n.variant_primary:hover {\n border-color: var(--palette-primary-3);\n box-shadow: 0px 0px 0px 2px var(--palette-primary-2);\n}\n.variant_primary:active {\n border-color: var(--palette-primary-4);\n}\n.variant_primary:focus, .variant_primary:focus-within {\n border-color: var(--palette-primary-4);\n}\n.variant_primary_disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-3);\n background-color: var(--palette-bg-1);\n border-color: var(--palette-bg-3);\n}\n.variant_primary_error {\n background-color: var(--palette-tretiary-2);\n border-color: var(--palette-alert);\n}\n.variant_primary_error:hover {\n background-color: var(--palette-white);\n border-color: var(--palette-alert);\n box-shadow: 0px 0px 0px 2px var(--palette-tretiary-2);\n}\n.variant_primary_error:focus, .variant_primary_error:focus-within {\n border-color: var(--palette-alert);\n background-color: var(--palette-white);\n}\n\n.size_s {\n height: 32px;\n}\n.size_m {\n height: 36px;\n}\n.size_l {\n height: 42px;\n}";
5
+ var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".InputRoot-module_baseIcon__erA7U {\n display: inline-flex;\n align-items: center;\n font-size: 16px;\n color: inherit;\n}\n\n.InputRoot-module_baseDisableWrapper__O5aL7 {\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n cursor: not-allowed;\n}\n\n.InputRoot-module_root__q6lVE {\n background-color: var(--palette-white);\n color: var(--palette-black);\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n padding: 5px 10px;\n}\n\n.InputRoot-module_variant_primary__O8BEA {\n border-color: var(--input-primary-border-color);\n}\n.InputRoot-module_variant_primary__O8BEA:hover {\n border-color: var(--palette-primary-3);\n box-shadow: 0px 0px 0px 2px var(--palette-primary-2);\n}\n.InputRoot-module_variant_primary__O8BEA:active {\n border-color: var(--palette-primary-4);\n}\n.InputRoot-module_variant_primary__O8BEA:focus, .InputRoot-module_variant_primary__O8BEA:focus-within {\n border-color: var(--palette-primary-4);\n}\n.InputRoot-module_variant_primary_disabled__9R7v8 {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-3);\n background-color: var(--palette-bg-1);\n border-color: var(--palette-bg-3);\n}\n.InputRoot-module_variant_primary_error__hvGG9 {\n background-color: var(--palette-tretiary-2);\n border-color: var(--palette-alert);\n}\n.InputRoot-module_variant_primary_error__hvGG9:hover {\n background-color: var(--palette-white);\n border-color: var(--palette-alert);\n box-shadow: 0px 0px 0px 2px var(--palette-tretiary-2);\n}\n.InputRoot-module_variant_primary_error__hvGG9:focus, .InputRoot-module_variant_primary_error__hvGG9:focus-within {\n border-color: var(--palette-alert);\n background-color: var(--palette-white);\n}\n\n.InputRoot-module_size_s__QJZIV {\n height: 32px;\n}\n.InputRoot-module_size_m__rBjFU {\n height: 36px;\n}\n.InputRoot-module_size_l__hDYGR {\n height: 42px;\n}";
8
+ var styles = {"baseIcon":"InputRoot-module_baseIcon__erA7U","baseDisableWrapper":"InputRoot-module_baseDisableWrapper__O5aL7","root":"InputRoot-module_root__q6lVE","variant_primary":"InputRoot-module_variant_primary__O8BEA","variant_primary_disabled":"InputRoot-module_variant_primary_disabled__9R7v8","variant_primary_error":"InputRoot-module_variant_primary_error__hvGG9","size_s":"InputRoot-module_size_s__QJZIV","size_m":"InputRoot-module_size_m__rBjFU","size_l":"InputRoot-module_size_l__hDYGR"};
9
+ var stylesheet=".InputRoot-module_baseIcon__erA7U {\n display: inline-flex;\n align-items: center;\n font-size: 16px;\n color: inherit;\n}\n\n.InputRoot-module_baseDisableWrapper__O5aL7 {\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n cursor: not-allowed;\n}\n\n.InputRoot-module_root__q6lVE {\n background-color: var(--palette-white);\n color: var(--palette-black);\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n padding: 5px 10px;\n}\n\n.InputRoot-module_variant_primary__O8BEA {\n border-color: var(--input-primary-border-color);\n}\n.InputRoot-module_variant_primary__O8BEA:hover {\n border-color: var(--palette-primary-3);\n box-shadow: 0px 0px 0px 2px var(--palette-primary-2);\n}\n.InputRoot-module_variant_primary__O8BEA:active {\n border-color: var(--palette-primary-4);\n}\n.InputRoot-module_variant_primary__O8BEA:focus, .InputRoot-module_variant_primary__O8BEA:focus-within {\n border-color: var(--palette-primary-4);\n}\n.InputRoot-module_variant_primary_disabled__9R7v8 {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-3);\n background-color: var(--palette-bg-1);\n border-color: var(--palette-bg-3);\n}\n.InputRoot-module_variant_primary_error__hvGG9 {\n background-color: var(--palette-tretiary-2);\n border-color: var(--palette-alert);\n}\n.InputRoot-module_variant_primary_error__hvGG9:hover {\n background-color: var(--palette-white);\n border-color: var(--palette-alert);\n box-shadow: 0px 0px 0px 2px var(--palette-tretiary-2);\n}\n.InputRoot-module_variant_primary_error__hvGG9:focus, .InputRoot-module_variant_primary_error__hvGG9:focus-within {\n border-color: var(--palette-alert);\n background-color: var(--palette-white);\n}\n\n.InputRoot-module_size_s__QJZIV {\n height: 32px;\n}\n.InputRoot-module_size_m__rBjFU {\n height: 36px;\n}\n.InputRoot-module_size_l__hDYGR {\n height: 42px;\n}";
10
+ styleInject_es.default(css_248z);
6
11
 
7
12
  exports.default = styles;
13
+ exports.stylesheet = stylesheet;
package/esm/Badge/Badge.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n position: absolute;\n z-index: 1;\n user-select: none;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: 20px;\n height: 20px;\n padding: 0 4px;\n font-size: 12px;\n border-radius: 10px;\n background-color: var(--palette-brand-default-1);\n color: var(--palette-white);\n}\n.root_direction_right {\n top: 0;\n right: 0;\n transform: scale(1) translate(60%, -50%);\n}\n.root_direction_left {\n top: 0;\n left: 0;\n transform: scale(1) translate(-60%, -50%);\n}\n.root_invisible {\n transform: scale(0) translate(50%, -50%);\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Badge-module_root__KSuIQ {\n position: absolute;\n z-index: 1;\n user-select: none;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: 20px;\n height: 20px;\n padding: 0 4px;\n font-size: 12px;\n border-radius: 10px;\n background-color: var(--palette-brand-default-1);\n color: var(--palette-white);\n}\n.Badge-module_root_direction_right__xv2eq {\n top: 0;\n right: 0;\n transform: scale(1) translate(60%, -50%);\n}\n.Badge-module_root_direction_left__EejAl {\n top: 0;\n left: 0;\n transform: scale(1) translate(-60%, -50%);\n}\n.Badge-module_root_invisible__A59Wf {\n transform: scale(0) translate(50%, -50%);\n}";
4
+ var styles = {"root":"Badge-module_root__KSuIQ","root_direction_right":"Badge-module_root_direction_right__xv2eq","root_direction_left":"Badge-module_root_direction_left__EejAl","root_invisible":"Badge-module_root_invisible__A59Wf"};
5
+ var stylesheet=".Badge-module_root__KSuIQ {\n position: absolute;\n z-index: 1;\n user-select: none;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: 20px;\n height: 20px;\n padding: 0 4px;\n font-size: 12px;\n border-radius: 10px;\n background-color: var(--palette-brand-default-1);\n color: var(--palette-white);\n}\n.Badge-module_root_direction_right__xv2eq {\n top: 0;\n right: 0;\n transform: scale(1) translate(60%, -50%);\n}\n.Badge-module_root_direction_left__EejAl {\n top: 0;\n left: 0;\n transform: scale(1) translate(-60%, -50%);\n}\n.Badge-module_root_invisible__A59Wf {\n transform: scale(0) translate(50%, -50%);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Badge/Control/Control.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n vertical-align: middle;\n}";
1
+ import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Control-module_root__wUlkm {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n vertical-align: middle;\n}";
4
+ var styles = {"root":"Control-module_root__wUlkm"};
5
+ var stylesheet=".Control-module_root__wUlkm {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n vertical-align: middle;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Button/Button.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n color: var(--palette-black);\n padding: 0 12px;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n gap: 8px;\n flex-shrink: 0;\n border: 1px solid;\n font-style: normal;\n font-weight: 400;\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n transition: transform 0.1s ease-out;\n color: 0.15s linear;\n transform: scale(1);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: fit-content;\n border-radius: var(--button-border-radius);\n}\n.root_icon {\n border-radius: 50%;\n width: 36px;\n}\n.root_icon.size_xs {\n width: 29px;\n}\n.root_icon.size_s {\n width: 32px;\n}\n.root_icon.size_m {\n width: 36px;\n}\n.root_icon.size_l {\n width: 42px;\n}\n.root_fullWidth {\n width: 100%;\n}\n.root_disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--button-primary-color-disabled);\n background-color: var(--button-primary-background-color-disabled);\n border-color: var(--button-primary-border-color-disabled);\n}\n\n.icon {\n display: flex;\n}\n\n.size_xs {\n height: 29px;\n font-size: 12px;\n line-height: 29px;\n}\n.size_s {\n height: 32px;\n font-size: 13px;\n line-height: 32px;\n}\n.size_m {\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n}\n.size_l {\n height: 42px;\n font-size: 18px;\n line-height: 42px;\n}\n\n.variant_primary {\n color: var(--button-primary-color);\n background-color: var(--button-primary-background-color);\n border-color: var(--button-primary-border-color);\n}\n.variant_primary:hover {\n color: var(--button-primary-color-hovered);\n background-color: var(--button-primary-background-color-hovered);\n border-color: var(--button-primary-border-color-hovered);\n}\n.variant_primary:active {\n color: var(--button-primary-color-active);\n background-color: var(--button-primary-background-color-active);\n border-color: var(--button-primary-border-color-active);\n}\n.variant_secondary {\n color: var(--button-secondary-color);\n background-color: var(--button-secondary-background-color);\n border-color: var(--button-secondary-border-color);\n}\n.variant_secondary:hover {\n color: var(--button-secondary-color-hovered);\n background-color: var(--button-secondary-background-color-hovered);\n border-color: var(--button-secondary-border-color-hovered);\n}\n.variant_secondary:active {\n color: var(--button-secondary-color-active);\n background-color: var(--button-secondary-background-color-active);\n border-color: var(--button-secondary-border-color-active);\n}\n.variant_pseudo {\n color: var(--button-pseudo-color);\n background-color: var(--button-pseudo-background-color);\n border-color: var(--button-pseudo-border-color);\n}\n.variant_pseudo:hover {\n color: var(--button-pseudo-color-hovered);\n background-color: var(--button-pseudo-background-color-hovered);\n border-color: var(--button-pseudo-border-color-hovered);\n}\n.variant_pseudo:active {\n color: var(--button-pseudo-color-active);\n background-color: var(--button-pseudo-background-color-active);\n border-color: var(--button-pseudo-border-color-active);\n}\n.variant_clear {\n color: var(--button-clear-color);\n background-color: transparent;\n border-color: transparent;\n}\n.variant_clear:hover {\n color: var(--button-clear-color-hovered);\n}\n.variant_clear:active {\n color: var(--button-clear-color-active);\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Button-module_root__8RX49 {\n color: var(--palette-black);\n padding: 0 12px;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n gap: 8px;\n flex-shrink: 0;\n border: 1px solid;\n font-style: normal;\n font-weight: 400;\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n transition: transform 0.1s ease-out;\n color: 0.15s linear;\n transform: scale(1);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: fit-content;\n border-radius: var(--button-border-radius);\n}\n.Button-module_root_icon__KAJGT {\n border-radius: 50%;\n width: 36px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_xs__iIFbj {\n width: 29px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_s__7A-Lo {\n width: 32px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_m__HuaqX {\n width: 36px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_l__2g-SP {\n width: 42px;\n}\n.Button-module_root_fullWidth__tPJ0T {\n width: 100%;\n}\n.Button-module_root_disabled__BFDIZ {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--button-primary-color-disabled);\n background-color: var(--button-primary-background-color-disabled);\n border-color: var(--button-primary-border-color-disabled);\n}\n\n.Button-module_icon__xIuVv {\n display: flex;\n}\n\n.Button-module_size_xs__iIFbj {\n height: 29px;\n font-size: 12px;\n line-height: 29px;\n}\n.Button-module_size_s__7A-Lo {\n height: 32px;\n font-size: 13px;\n line-height: 32px;\n}\n.Button-module_size_m__HuaqX {\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n}\n.Button-module_size_l__2g-SP {\n height: 42px;\n font-size: 18px;\n line-height: 42px;\n}\n\n.Button-module_variant_primary__pHnPB {\n color: var(--button-primary-color);\n background-color: var(--button-primary-background-color);\n border-color: var(--button-primary-border-color);\n}\n.Button-module_variant_primary__pHnPB:hover {\n color: var(--button-primary-color-hovered);\n background-color: var(--button-primary-background-color-hovered);\n border-color: var(--button-primary-border-color-hovered);\n}\n.Button-module_variant_primary__pHnPB:active {\n color: var(--button-primary-color-active);\n background-color: var(--button-primary-background-color-active);\n border-color: var(--button-primary-border-color-active);\n}\n.Button-module_variant_secondary__6Ude- {\n color: var(--button-secondary-color);\n background-color: var(--button-secondary-background-color);\n border-color: var(--button-secondary-border-color);\n}\n.Button-module_variant_secondary__6Ude-:hover {\n color: var(--button-secondary-color-hovered);\n background-color: var(--button-secondary-background-color-hovered);\n border-color: var(--button-secondary-border-color-hovered);\n}\n.Button-module_variant_secondary__6Ude-:active {\n color: var(--button-secondary-color-active);\n background-color: var(--button-secondary-background-color-active);\n border-color: var(--button-secondary-border-color-active);\n}\n.Button-module_variant_pseudo__yM1xM {\n color: var(--button-pseudo-color);\n background-color: var(--button-pseudo-background-color);\n border-color: var(--button-pseudo-border-color);\n}\n.Button-module_variant_pseudo__yM1xM:hover {\n color: var(--button-pseudo-color-hovered);\n background-color: var(--button-pseudo-background-color-hovered);\n border-color: var(--button-pseudo-border-color-hovered);\n}\n.Button-module_variant_pseudo__yM1xM:active {\n color: var(--button-pseudo-color-active);\n background-color: var(--button-pseudo-background-color-active);\n border-color: var(--button-pseudo-border-color-active);\n}\n.Button-module_variant_clear__WSMoZ {\n color: var(--button-clear-color);\n background-color: transparent;\n border-color: transparent;\n}\n.Button-module_variant_clear__WSMoZ:hover {\n color: var(--button-clear-color-hovered);\n}\n.Button-module_variant_clear__WSMoZ:active {\n color: var(--button-clear-color-active);\n}";
4
+ var styles = {"root":"Button-module_root__8RX49","root_icon":"Button-module_root_icon__KAJGT","size_xs":"Button-module_size_xs__iIFbj","size_s":"Button-module_size_s__7A-Lo","size_m":"Button-module_size_m__HuaqX","size_l":"Button-module_size_l__2g-SP","root_fullWidth":"Button-module_root_fullWidth__tPJ0T","root_disabled":"Button-module_root_disabled__BFDIZ","icon":"Button-module_icon__xIuVv","variant_primary":"Button-module_variant_primary__pHnPB","variant_secondary":"Button-module_variant_secondary__6Ude-","variant_pseudo":"Button-module_variant_pseudo__yM1xM","variant_clear":"Button-module_variant_clear__WSMoZ"};
5
+ var stylesheet=".Button-module_root__8RX49 {\n color: var(--palette-black);\n padding: 0 12px;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n gap: 8px;\n flex-shrink: 0;\n border: 1px solid;\n font-style: normal;\n font-weight: 400;\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n transition: transform 0.1s ease-out;\n color: 0.15s linear;\n transform: scale(1);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: fit-content;\n border-radius: var(--button-border-radius);\n}\n.Button-module_root_icon__KAJGT {\n border-radius: 50%;\n width: 36px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_xs__iIFbj {\n width: 29px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_s__7A-Lo {\n width: 32px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_m__HuaqX {\n width: 36px;\n}\n.Button-module_root_icon__KAJGT.Button-module_size_l__2g-SP {\n width: 42px;\n}\n.Button-module_root_fullWidth__tPJ0T {\n width: 100%;\n}\n.Button-module_root_disabled__BFDIZ {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--button-primary-color-disabled);\n background-color: var(--button-primary-background-color-disabled);\n border-color: var(--button-primary-border-color-disabled);\n}\n\n.Button-module_icon__xIuVv {\n display: flex;\n}\n\n.Button-module_size_xs__iIFbj {\n height: 29px;\n font-size: 12px;\n line-height: 29px;\n}\n.Button-module_size_s__7A-Lo {\n height: 32px;\n font-size: 13px;\n line-height: 32px;\n}\n.Button-module_size_m__HuaqX {\n height: 36px;\n font-size: 15px;\n line-height: 36px;\n}\n.Button-module_size_l__2g-SP {\n height: 42px;\n font-size: 18px;\n line-height: 42px;\n}\n\n.Button-module_variant_primary__pHnPB {\n color: var(--button-primary-color);\n background-color: var(--button-primary-background-color);\n border-color: var(--button-primary-border-color);\n}\n.Button-module_variant_primary__pHnPB:hover {\n color: var(--button-primary-color-hovered);\n background-color: var(--button-primary-background-color-hovered);\n border-color: var(--button-primary-border-color-hovered);\n}\n.Button-module_variant_primary__pHnPB:active {\n color: var(--button-primary-color-active);\n background-color: var(--button-primary-background-color-active);\n border-color: var(--button-primary-border-color-active);\n}\n.Button-module_variant_secondary__6Ude- {\n color: var(--button-secondary-color);\n background-color: var(--button-secondary-background-color);\n border-color: var(--button-secondary-border-color);\n}\n.Button-module_variant_secondary__6Ude-:hover {\n color: var(--button-secondary-color-hovered);\n background-color: var(--button-secondary-background-color-hovered);\n border-color: var(--button-secondary-border-color-hovered);\n}\n.Button-module_variant_secondary__6Ude-:active {\n color: var(--button-secondary-color-active);\n background-color: var(--button-secondary-background-color-active);\n border-color: var(--button-secondary-border-color-active);\n}\n.Button-module_variant_pseudo__yM1xM {\n color: var(--button-pseudo-color);\n background-color: var(--button-pseudo-background-color);\n border-color: var(--button-pseudo-border-color);\n}\n.Button-module_variant_pseudo__yM1xM:hover {\n color: var(--button-pseudo-color-hovered);\n background-color: var(--button-pseudo-background-color-hovered);\n border-color: var(--button-pseudo-border-color-hovered);\n}\n.Button-module_variant_pseudo__yM1xM:active {\n color: var(--button-pseudo-color-active);\n background-color: var(--button-pseudo-background-color-active);\n border-color: var(--button-pseudo-border-color-active);\n}\n.Button-module_variant_clear__WSMoZ {\n color: var(--button-clear-color);\n background-color: transparent;\n border-color: transparent;\n}\n.Button-module_variant_clear__WSMoZ:hover {\n color: var(--button-clear-color-hovered);\n}\n.Button-module_variant_clear__WSMoZ:active {\n color: var(--button-clear-color-active);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Checkbox/Checkbox.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n display: flex;\n flex-direction: column;\n}\n\n.wrapper {\n display: flex;\n}\n\n.label {\n display: inline-flex;\n line-height: 18px;\n position: relative;\n cursor: pointer;\n}\n\n.text {\n font-size: 16px;\n margin-block-start: -1px;\n margin-inline-start: 8px;\n}\n\n.fakeCheckbox {\n background-color: var(--palette-white);\n block-size: 16px;\n border: 1px solid var(--palette-bg-3);\n border-radius: 4px;\n box-sizing: border-box;\n direction: ltr;\n display: block;\n flex-shrink: 0;\n inline-size: 16px;\n position: relative;\n transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;\n}\n\n.checked {\n border: 0;\n background-color: var(--checkbox-primary-background-color-checked);\n}\n.checked::after {\n box-sizing: content-box;\n content: \"\";\n display: block;\n position: absolute;\n block-size: 8px;\n border-block-end: 2px solid var(--palette-black);\n border-inline-end: 2px solid var(--palette-black);\n inline-size: 4px;\n inset-block-start: 45%;\n inset-inline-start: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.variant_primary_error {\n border-color: red;\n box-shadow: 0 0 0 2px red;\n}\n.variant_primary_checked::after {\n border-block-end: 2px solid var(--palette-white);\n border-inline-end: 2px solid var(--palette-white);\n}\n\n.control {\n inset-inline-start: -9999px;\n position: absolute;\n}\n.control:disabled + .fakeCheckbox::after {\n border-block-end: 2px solid var(--palette-bg-4);\n border-inline-end: 2px solid var(--palette-bg-4);\n}\n.control:hover:not(:disabled) + .fakeCheckbox {\n border-color: var(--palette-bg-3);\n}\n.control_variant_primary:focus:not(:disabled) + .fakeCheckbox {\n box-shadow: 0 0 0 2px var(--checkbox-primary-box-shadow-focused);\n}\n.control_variant_primary:hover:not(:disabled) + .fakeCheckbox {\n background-color: var(--checkbox-primary-background-color-hovered);\n}\n.control_variant_primary:active:not(:disabled) + .fakeCheckbox {\n background-color: var(--checkbox-primary-background-color-active);\n border-color: var(--checkbox-primary-border-color-active);\n box-shadow: var(--checkbox-primary-box-shadow-active);\n}\n.control_variant_primary:disabled + .fakeCheckbox {\n z-index: 1;\n background-color: var(--checkbox-primary-background-color-disabled);\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Checkbox-module_root__BS5dT {\n display: flex;\n flex-direction: column;\n}\n\n.Checkbox-module_wrapper__rznMS {\n display: flex;\n}\n\n.Checkbox-module_label__JBaRm {\n display: inline-flex;\n line-height: 18px;\n position: relative;\n cursor: pointer;\n}\n\n.Checkbox-module_text__usAwV {\n font-size: 16px;\n margin-block-start: -1px;\n margin-inline-start: 8px;\n}\n\n.Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--palette-white);\n block-size: 16px;\n border: 1px solid var(--palette-bg-3);\n border-radius: 4px;\n box-sizing: border-box;\n direction: ltr;\n display: block;\n flex-shrink: 0;\n inline-size: 16px;\n position: relative;\n transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;\n}\n\n.Checkbox-module_checked__XfvkJ {\n border: 0;\n background-color: var(--checkbox-primary-background-color-checked);\n}\n.Checkbox-module_checked__XfvkJ::after {\n box-sizing: content-box;\n content: \"\";\n display: block;\n position: absolute;\n block-size: 8px;\n border-block-end: 2px solid var(--palette-black);\n border-inline-end: 2px solid var(--palette-black);\n inline-size: 4px;\n inset-block-start: 45%;\n inset-inline-start: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.Checkbox-module_variant_primary_error__jenG7 {\n border-color: red;\n box-shadow: 0 0 0 2px red;\n}\n.Checkbox-module_variant_primary_checked__Aoq0H::after {\n border-block-end: 2px solid var(--palette-white);\n border-inline-end: 2px solid var(--palette-white);\n}\n\n.Checkbox-module_control__QFHjF {\n inset-inline-start: -9999px;\n position: absolute;\n}\n.Checkbox-module_control__QFHjF:disabled + .Checkbox-module_fakeCheckbox__mMV2U::after {\n border-block-end: 2px solid var(--palette-bg-4);\n border-inline-end: 2px solid var(--palette-bg-4);\n}\n.Checkbox-module_control__QFHjF:hover:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n border-color: var(--palette-bg-3);\n}\n.Checkbox-module_control_variant_primary__v-gEp:focus:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n box-shadow: 0 0 0 2px var(--checkbox-primary-box-shadow-focused);\n}\n.Checkbox-module_control_variant_primary__v-gEp:hover:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--checkbox-primary-background-color-hovered);\n}\n.Checkbox-module_control_variant_primary__v-gEp:active:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--checkbox-primary-background-color-active);\n border-color: var(--checkbox-primary-border-color-active);\n box-shadow: var(--checkbox-primary-box-shadow-active);\n}\n.Checkbox-module_control_variant_primary__v-gEp:disabled + .Checkbox-module_fakeCheckbox__mMV2U {\n z-index: 1;\n background-color: var(--checkbox-primary-background-color-disabled);\n}";
4
+ var styles = {"root":"Checkbox-module_root__BS5dT","wrapper":"Checkbox-module_wrapper__rznMS","label":"Checkbox-module_label__JBaRm","text":"Checkbox-module_text__usAwV","fakeCheckbox":"Checkbox-module_fakeCheckbox__mMV2U","checked":"Checkbox-module_checked__XfvkJ","variant_primary_error":"Checkbox-module_variant_primary_error__jenG7","variant_primary_checked":"Checkbox-module_variant_primary_checked__Aoq0H","control":"Checkbox-module_control__QFHjF","control_variant_primary":"Checkbox-module_control_variant_primary__v-gEp"};
5
+ var stylesheet=".Checkbox-module_root__BS5dT {\n display: flex;\n flex-direction: column;\n}\n\n.Checkbox-module_wrapper__rznMS {\n display: flex;\n}\n\n.Checkbox-module_label__JBaRm {\n display: inline-flex;\n line-height: 18px;\n position: relative;\n cursor: pointer;\n}\n\n.Checkbox-module_text__usAwV {\n font-size: 16px;\n margin-block-start: -1px;\n margin-inline-start: 8px;\n}\n\n.Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--palette-white);\n block-size: 16px;\n border: 1px solid var(--palette-bg-3);\n border-radius: 4px;\n box-sizing: border-box;\n direction: ltr;\n display: block;\n flex-shrink: 0;\n inline-size: 16px;\n position: relative;\n transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;\n}\n\n.Checkbox-module_checked__XfvkJ {\n border: 0;\n background-color: var(--checkbox-primary-background-color-checked);\n}\n.Checkbox-module_checked__XfvkJ::after {\n box-sizing: content-box;\n content: \"\";\n display: block;\n position: absolute;\n block-size: 8px;\n border-block-end: 2px solid var(--palette-black);\n border-inline-end: 2px solid var(--palette-black);\n inline-size: 4px;\n inset-block-start: 45%;\n inset-inline-start: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.Checkbox-module_variant_primary_error__jenG7 {\n border-color: red;\n box-shadow: 0 0 0 2px red;\n}\n.Checkbox-module_variant_primary_checked__Aoq0H::after {\n border-block-end: 2px solid var(--palette-white);\n border-inline-end: 2px solid var(--palette-white);\n}\n\n.Checkbox-module_control__QFHjF {\n inset-inline-start: -9999px;\n position: absolute;\n}\n.Checkbox-module_control__QFHjF:disabled + .Checkbox-module_fakeCheckbox__mMV2U::after {\n border-block-end: 2px solid var(--palette-bg-4);\n border-inline-end: 2px solid var(--palette-bg-4);\n}\n.Checkbox-module_control__QFHjF:hover:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n border-color: var(--palette-bg-3);\n}\n.Checkbox-module_control_variant_primary__v-gEp:focus:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n box-shadow: 0 0 0 2px var(--checkbox-primary-box-shadow-focused);\n}\n.Checkbox-module_control_variant_primary__v-gEp:hover:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--checkbox-primary-background-color-hovered);\n}\n.Checkbox-module_control_variant_primary__v-gEp:active:not(:disabled) + .Checkbox-module_fakeCheckbox__mMV2U {\n background-color: var(--checkbox-primary-background-color-active);\n border-color: var(--checkbox-primary-border-color-active);\n box-shadow: var(--checkbox-primary-box-shadow-active);\n}\n.Checkbox-module_control_variant_primary__v-gEp:disabled + .Checkbox-module_fakeCheckbox__mMV2U {\n z-index: 1;\n background-color: var(--checkbox-primary-background-color-disabled);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Counter/Counter.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n background-color: var(--palette-white);\n border-radius: 4px;\n box-sizing: border-box;\n display: inline-block;\n font-size: 16px;\n max-block-size: 40px;\n min-block-size: 40px;\n min-inline-size: 96px;\n overflow: hidden;\n position: relative;\n}\n.root_fullWidth {\n inline-size: 100%;\n}\n\n.control {\n align-items: center;\n block-size: 38px;\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.control_fullWidth {\n inline-size: 100%;\n}\n\n.value {\n font-weight: 500;\n font-size: 18px;\n inline-size: 24px;\n user-select: none;\n text-align: center;\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Counter-module_root__OFEM- {\n background-color: var(--palette-white);\n border-radius: 4px;\n box-sizing: border-box;\n display: inline-block;\n font-size: 16px;\n max-block-size: 40px;\n min-block-size: 40px;\n min-inline-size: 96px;\n overflow: hidden;\n position: relative;\n}\n.Counter-module_root_fullWidth__yP-g9 {\n inline-size: 100%;\n}\n\n.Counter-module_control__z5Uxb {\n align-items: center;\n block-size: 38px;\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.Counter-module_control_fullWidth__cf8hN {\n inline-size: 100%;\n}\n\n.Counter-module_value__uELqN {\n font-weight: 500;\n font-size: 18px;\n inline-size: 24px;\n user-select: none;\n text-align: center;\n}";
4
+ var styles = {"root":"Counter-module_root__OFEM-","root_fullWidth":"Counter-module_root_fullWidth__yP-g9","control":"Counter-module_control__z5Uxb","control_fullWidth":"Counter-module_control_fullWidth__cf8hN","value":"Counter-module_value__uELqN"};
5
+ var stylesheet=".Counter-module_root__OFEM- {\n background-color: var(--palette-white);\n border-radius: 4px;\n box-sizing: border-box;\n display: inline-block;\n font-size: 16px;\n max-block-size: 40px;\n min-block-size: 40px;\n min-inline-size: 96px;\n overflow: hidden;\n position: relative;\n}\n.Counter-module_root_fullWidth__yP-g9 {\n inline-size: 100%;\n}\n\n.Counter-module_control__z5Uxb {\n align-items: center;\n block-size: 38px;\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.Counter-module_control_fullWidth__cf8hN {\n inline-size: 100%;\n}\n\n.Counter-module_value__uELqN {\n font-weight: 500;\n font-size: 18px;\n inline-size: 24px;\n user-select: none;\n text-align: center;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/DotsLoader/DotsLoader.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".wrapper {\n display: flex;\n justify-content: space-between;\n width: 70px;\n}\n\n.dot {\n animation-duration: 1.6s;\n animation-iteration-count: infinite;\n animation-name: pending;\n background-color: var(--palette-black);\n border-radius: 5px;\n height: 10px;\n transform: scale(0);\n width: 10px;\n}\n@keyframes pending {\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n}\n.dot_first {\n animation-delay: 0s;\n}\n.dot_second {\n animation-delay: 0.2s;\n}\n.dot_third {\n animation-delay: 0.4s;\n}\n.dot_fourth {\n animation-delay: 0.6s;\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".DotsLoader-module_wrapper__FhKIJ {\n display: flex;\n justify-content: space-between;\n width: 70px;\n}\n\n.DotsLoader-module_dot__oZoA0 {\n animation-duration: 1.6s;\n animation-iteration-count: infinite;\n animation-name: DotsLoader-module_pending__qL-8B;\n background-color: var(--palette-black);\n border-radius: 5px;\n height: 10px;\n transform: scale(0);\n width: 10px;\n}\n@keyframes DotsLoader-module_pending__qL-8B {\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n}\n.DotsLoader-module_dot_first__6nsQ8 {\n animation-delay: 0s;\n}\n.DotsLoader-module_dot_second__p8BzX {\n animation-delay: 0.2s;\n}\n.DotsLoader-module_dot_third__1II0s {\n animation-delay: 0.4s;\n}\n.DotsLoader-module_dot_fourth__VR4zl {\n animation-delay: 0.6s;\n}";
4
+ var styles = {"wrapper":"DotsLoader-module_wrapper__FhKIJ","dot":"DotsLoader-module_dot__oZoA0","pending":"DotsLoader-module_pending__qL-8B","dot_first":"DotsLoader-module_dot_first__6nsQ8","dot_second":"DotsLoader-module_dot_second__p8BzX","dot_third":"DotsLoader-module_dot_third__1II0s","dot_fourth":"DotsLoader-module_dot_fourth__VR4zl"};
5
+ var stylesheet=".DotsLoader-module_wrapper__FhKIJ {\n display: flex;\n justify-content: space-between;\n width: 70px;\n}\n\n.DotsLoader-module_dot__oZoA0 {\n animation-duration: 1.6s;\n animation-iteration-count: infinite;\n animation-name: DotsLoader-module_pending__qL-8B;\n background-color: var(--palette-black);\n border-radius: 5px;\n height: 10px;\n transform: scale(0);\n width: 10px;\n}\n@keyframes DotsLoader-module_pending__qL-8B {\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n}\n.DotsLoader-module_dot_first__6nsQ8 {\n animation-delay: 0s;\n}\n.DotsLoader-module_dot_second__p8BzX {\n animation-delay: 0.2s;\n}\n.DotsLoader-module_dot_third__1II0s {\n animation-delay: 0.4s;\n}\n.DotsLoader-module_dot_fourth__VR4zl {\n animation-delay: 0.6s;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Dropdown/Dropdown.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var dropDownStyles = ".popperContainer {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n\n.overlayContainer {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n overflow: hidden;\n border-color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { dropDownStyles as default };
3
+ var css_248z = ".Dropdown-module_popperContainer__NKNV- {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n\n.Dropdown-module_overlayContainer__oUpgr {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n overflow: hidden;\n border-color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
4
+ var dropDownStyles = {"popperContainer":"Dropdown-module_popperContainer__NKNV-","overlayContainer":"Dropdown-module_overlayContainer__oUpgr"};
5
+ var stylesheet=".Dropdown-module_popperContainer__NKNV- {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n\n.Dropdown-module_overlayContainer__oUpgr {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n overflow: hidden;\n border-color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { dropDownStyles as default, stylesheet };
package/esm/Grid/Grid.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n width: 100%;\n}\n\n.items {\n display: grid;\n grid-auto-flow: row dense;\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Grid-module_root__3oF-w {\n width: 100%;\n}\n\n.Grid-module_items__-gfZ1 {\n display: grid;\n grid-auto-flow: row dense;\n}";
4
+ var styles = {"root":"Grid-module_root__3oF-w","items":"Grid-module_items__-gfZ1"};
5
+ var stylesheet=".Grid-module_root__3oF-w {\n width: 100%;\n}\n\n.Grid-module_items__-gfZ1 {\n display: grid;\n grid-auto-flow: row dense;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Grid/Item/Grid-Item.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".full {\n grid-column: 1/-1;\n}";
1
+ import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Grid-Item-module_full__RuF3P {\n grid-column: 1/-1;\n}";
4
+ var styles = {"full":"Grid-Item-module_full__RuF3P"};
5
+ var stylesheet=".Grid-Item-module_full__RuF3P {\n grid-column: 1/-1;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Image/Image.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.root img {\n width: 100%;\n height: 100%;\n visibility: visible;\n font: 0/0 a;\n border: 0;\n object-fit: cover;\n text-indent: -100rem;\n}\n.root img :-moz-broken {\n opacity: 0;\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Image-module_root__56rgX {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.Image-module_root__56rgX img {\n width: 100%;\n height: 100%;\n visibility: visible;\n font: 0/0 a;\n border: 0;\n object-fit: cover;\n text-indent: -100rem;\n}\n.Image-module_root__56rgX img :-moz-broken {\n opacity: 0;\n}";
4
+ var styles = {"root":"Image-module_root__56rgX"};
5
+ var stylesheet=".Image-module_root__56rgX {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.Image-module_root__56rgX img {\n width: 100%;\n height: 100%;\n visibility: visible;\n font: 0/0 a;\n border: 0;\n object-fit: cover;\n text-indent: -100rem;\n}\n.Image-module_root__56rgX img :-moz-broken {\n opacity: 0;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Menu/Menu.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".menu {\n margin: 0;\n text-align: left;\n padding: 0;\n user-select: none;\n color: var(--palette-black);\n background: var(--palette-white);\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Menu-module_menu__ZGJ-- {\n margin: 0;\n text-align: left;\n padding: 0;\n user-select: none;\n color: var(--palette-black);\n background: var(--palette-white);\n}";
4
+ var styles = {"menu":"Menu-module_menu__ZGJ--"};
5
+ var stylesheet=".Menu-module_menu__ZGJ-- {\n margin: 0;\n text-align: left;\n padding: 0;\n user-select: none;\n color: var(--palette-black);\n background: var(--palette-white);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Menu/components/MenuItem/MenuItem.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".item {\n cursor: pointer;\n display: flex;\n align-items: center;\n list-style: none;\n padding: 8px 6px;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n}\n.item > * {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.variant_primary {\n background-color: var(--palette-white);\n}\n.variant_primary:hover {\n background-color: var(--palette-primary-2);\n}\n.variant_primary:active {\n background-color: var(--palette-primary-2);\n}\n.variant_primary:focus, .variant_primary:focus-within {\n background-color: var(--palette-primary-2);\n}\n\n.disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
1
+ import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".MenuItem-module_item__mGGLQ {\n cursor: pointer;\n display: flex;\n align-items: center;\n list-style: none;\n padding: 8px 6px;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n}\n.MenuItem-module_item__mGGLQ > * {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.MenuItem-module_variant_primary__k1zJe {\n background-color: var(--palette-white);\n}\n.MenuItem-module_variant_primary__k1zJe:hover {\n background-color: var(--palette-primary-2);\n}\n.MenuItem-module_variant_primary__k1zJe:active {\n background-color: var(--palette-primary-2);\n}\n.MenuItem-module_variant_primary__k1zJe:focus, .MenuItem-module_variant_primary__k1zJe:focus-within {\n background-color: var(--palette-primary-2);\n}\n\n.MenuItem-module_disabled__h3vqB {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
4
+ var styles = {"item":"MenuItem-module_item__mGGLQ","variant_primary":"MenuItem-module_variant_primary__k1zJe","disabled":"MenuItem-module_disabled__h3vqB"};
5
+ var stylesheet=".MenuItem-module_item__mGGLQ {\n cursor: pointer;\n display: flex;\n align-items: center;\n list-style: none;\n padding: 8px 6px;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n}\n.MenuItem-module_item__mGGLQ > * {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.MenuItem-module_variant_primary__k1zJe {\n background-color: var(--palette-white);\n}\n.MenuItem-module_variant_primary__k1zJe:hover {\n background-color: var(--palette-primary-2);\n}\n.MenuItem-module_variant_primary__k1zJe:active {\n background-color: var(--palette-primary-2);\n}\n.MenuItem-module_variant_primary__k1zJe:focus, .MenuItem-module_variant_primary__k1zJe:focus-within {\n background-color: var(--palette-primary-2);\n}\n\n.MenuItem-module_disabled__h3vqB {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-2);\n background-color: var(--palette-white);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Modal/Modal.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n z-index: 1000;\n}\n\n.titleWrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--palette-bg-2);\n}\n\n.closeWrapper {\n display: flex;\n justify-content: flex-end;\n}\n\n.modalOverlay {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.25);\n}\n\n.modalWrapper {\n overflow: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n background-color: var(--palette-white);\n}\n.modalWrapper_mobile {\n height: 100%;\n width: 100%;\n}\n.modalWrapper_desktop {\n max-height: calc(100vh - 100px);\n max-width: calc(100vw - 100px);\n min-width: 515px;\n border: solid 1px var(--palette-bg-2);\n border-radius: 8px;\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Modal-module_root__hXsmO {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n z-index: 1000;\n}\n\n.Modal-module_titleWrapper__V74OF {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--palette-bg-2);\n}\n\n.Modal-module_closeWrapper__DmIkN {\n display: flex;\n justify-content: flex-end;\n}\n\n.Modal-module_modalOverlay__rI8Wz {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.25);\n}\n\n.Modal-module_modalWrapper__M8-7F {\n overflow: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n background-color: var(--palette-white);\n}\n.Modal-module_modalWrapper_mobile__Py1hW {\n height: 100%;\n width: 100%;\n}\n.Modal-module_modalWrapper_desktop__xScot {\n max-height: calc(100vh - 100px);\n max-width: calc(100vw - 100px);\n min-width: 515px;\n border: solid 1px var(--palette-bg-2);\n border-radius: 8px;\n}";
4
+ var styles = {"root":"Modal-module_root__hXsmO","titleWrapper":"Modal-module_titleWrapper__V74OF","closeWrapper":"Modal-module_closeWrapper__DmIkN","modalOverlay":"Modal-module_modalOverlay__rI8Wz","modalWrapper":"Modal-module_modalWrapper__M8-7F","modalWrapper_mobile":"Modal-module_modalWrapper_mobile__Py1hW","modalWrapper_desktop":"Modal-module_modalWrapper_desktop__xScot"};
5
+ var stylesheet=".Modal-module_root__hXsmO {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n z-index: 1000;\n}\n\n.Modal-module_titleWrapper__V74OF {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--palette-bg-2);\n}\n\n.Modal-module_closeWrapper__DmIkN {\n display: flex;\n justify-content: flex-end;\n}\n\n.Modal-module_modalOverlay__rI8Wz {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.25);\n}\n\n.Modal-module_modalWrapper__M8-7F {\n overflow: hidden;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n background-color: var(--palette-white);\n}\n.Modal-module_modalWrapper_mobile__Py1hW {\n height: 100%;\n width: 100%;\n}\n.Modal-module_modalWrapper_desktop__xScot {\n max-height: calc(100vh - 100px);\n max-width: calc(100vw - 100px);\n min-width: 515px;\n border: solid 1px var(--palette-bg-2);\n border-radius: 8px;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Modal/components/Close/Close.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".close {\n cursor: pointer;\n margin-right: 16px;\n}";
1
+ import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Close-module_close__zHsuU {\n cursor: pointer;\n margin-right: 16px;\n}";
4
+ var styles = {"close":"Close-module_close__zHsuU"};
5
+ var stylesheet=".Close-module_close__zHsuU {\n cursor: pointer;\n margin-right: 16px;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Modal/components/Content/Content.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n overflow-y: auto;\n display: flex;\n min-height: 100%;\n padding: 10px;\n}";
1
+ import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Content-module_root__V5vMS {\n overflow-y: auto;\n display: flex;\n min-height: 100%;\n padding: 10px;\n}";
4
+ var styles = {"root":"Content-module_root__V5vMS"};
5
+ var stylesheet=".Content-module_root__V5vMS {\n overflow-y: auto;\n display: flex;\n min-height: 100%;\n padding: 10px;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Modal/components/Title/Title.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".wrapper {\n display: flex;\n padding: 16px;\n}";
1
+ import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Title-module_wrapper__b1LKk {\n display: flex;\n padding: 16px;\n}";
4
+ var styles = {"wrapper":"Title-module_wrapper__b1LKk"};
5
+ var stylesheet=".Title-module_wrapper__b1LKk {\n display: flex;\n padding: 16px;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Select/Select.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".menuWrapper {\n max-height: 140px;\n overflow-y: auto;\n}\n\n.icon_isOpen {\n transform: rotate(180deg);\n}\n\n.inputRoot {\n cursor: pointer;\n}\n\n.formField_fullWidth {\n width: 100%;\n}\n\n.baseInput {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.baseInput ::placeholder {\n color: var(--palette-bg-2);\n}\n\n.placeholder {\n user-select: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n display: block;\n color: var(--input-primary-plaseholder-color);\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Select-module_menuWrapper__WO-FX {\n max-height: 140px;\n overflow-y: auto;\n}\n\n.Select-module_icon_isOpen__cR4u7 {\n transform: rotate(180deg);\n}\n\n.Select-module_inputRoot__Mlsmy {\n cursor: pointer;\n}\n\n.Select-module_formField_fullWidth__-oeve {\n width: 100%;\n}\n\n.Select-module_baseInput__PRg7- {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.Select-module_baseInput__PRg7- ::placeholder {\n color: var(--palette-bg-2);\n}\n\n.Select-module_placeholder__tYT40 {\n user-select: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n display: block;\n color: var(--input-primary-plaseholder-color);\n}";
4
+ var styles = {"menuWrapper":"Select-module_menuWrapper__WO-FX","icon_isOpen":"Select-module_icon_isOpen__cR4u7","inputRoot":"Select-module_inputRoot__Mlsmy","formField_fullWidth":"Select-module_formField_fullWidth__-oeve","baseInput":"Select-module_baseInput__PRg7-","placeholder":"Select-module_placeholder__tYT40"};
5
+ var stylesheet=".Select-module_menuWrapper__WO-FX {\n max-height: 140px;\n overflow-y: auto;\n}\n\n.Select-module_icon_isOpen__cR4u7 {\n transform: rotate(180deg);\n}\n\n.Select-module_inputRoot__Mlsmy {\n cursor: pointer;\n}\n\n.Select-module_formField_fullWidth__-oeve {\n width: 100%;\n}\n\n.Select-module_baseInput__PRg7- {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.Select-module_baseInput__PRg7- ::placeholder {\n color: var(--palette-bg-2);\n}\n\n.Select-module_placeholder__tYT40 {\n user-select: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n display: block;\n color: var(--input-primary-plaseholder-color);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Separator/Separator.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n background-color: var(--palette-bg-3);\n block-size: 1px;\n inline-size: 100%;\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Separator-module_root__eQtZe {\n background-color: var(--palette-bg-3);\n block-size: 1px;\n inline-size: 100%;\n}";
4
+ var styles = {"root":"Separator-module_root__eQtZe"};
5
+ var stylesheet=".Separator-module_root__eQtZe {\n background-color: var(--palette-bg-3);\n block-size: 1px;\n inline-size: 100%;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Skeleton/Skeleton.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".rect {\n background-color: var(--palette-bg-2);\n animation: skeleton-loading 1.5s ease-in-out infinite;\n}\n@keyframes skeleton-loading {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.text {\n height: 12px;\n border-radius: 6px;\n background-color: var(--palette-bg-2);\n animation: skeleton-loading 1.5s ease-in-out infinite;\n}\n@keyframes skeleton-loading {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Skeleton-module_rect__8lO4C {\n background-color: var(--palette-bg-2);\n animation: Skeleton-module_skeleton-loading__oZsSZ 1.5s ease-in-out infinite;\n}\n@keyframes Skeleton-module_skeleton-loading__oZsSZ {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.Skeleton-module_text__4oj9n {\n height: 12px;\n border-radius: 6px;\n background-color: var(--palette-bg-2);\n animation: Skeleton-module_skeleton-loading__oZsSZ 1.5s ease-in-out infinite;\n}\n@keyframes Skeleton-module_skeleton-loading__oZsSZ {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}";
4
+ var styles = {"rect":"Skeleton-module_rect__8lO4C","skeleton-loading":"Skeleton-module_skeleton-loading__oZsSZ","text":"Skeleton-module_text__4oj9n"};
5
+ var stylesheet=".Skeleton-module_rect__8lO4C {\n background-color: var(--palette-bg-2);\n animation: Skeleton-module_skeleton-loading__oZsSZ 1.5s ease-in-out infinite;\n}\n@keyframes Skeleton-module_skeleton-loading__oZsSZ {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.Skeleton-module_text__4oj9n {\n height: 12px;\n border-radius: 6px;\n background-color: var(--palette-bg-2);\n animation: Skeleton-module_skeleton-loading__oZsSZ 1.5s ease-in-out infinite;\n}\n@keyframes Skeleton-module_skeleton-loading__oZsSZ {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Switch/Switch.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n position: relative;\n display: inline-flex;\n padding: 6px;\n}\n.root_disabled {\n opacity: 0.7;\n pointer-events: none;\n}\n\n.wrapper {\n width: 40px;\n height: 22px;\n position: relative;\n box-sizing: border-box;\n border-width: 1px;\n border-style: solid;\n border-radius: 17px;\n}\n.wrapper_variant_primary {\n border-color: var(--switch-primary-border-color);\n background-color: var(--switch-primary-background-color);\n}\n\n.baseSwitch {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n position: absolute;\n top: 2px;\n left: 2px;\n transition: transform 150ms;\n background: var(--palette-white);\n}\n\n.checkbox {\n position: absolute;\n z-index: 1;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n margin: 0;\n border: none;\n outline: none;\n padding: 0;\n}\n.checkbox:checked + .wrapper {\n border-color: var(--switch-primary-border-color-checked);\n background-color: var(--switch-primary-background-color-checked);\n}\n.checkbox:checked + .wrapper .baseSwitch {\n transform: translateX(18px);\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Switch-module_root__DmzxH {\n position: relative;\n display: inline-flex;\n padding: 6px;\n}\n.Switch-module_root_disabled__aNYhM {\n opacity: 0.7;\n pointer-events: none;\n}\n\n.Switch-module_wrapper__Eg-Lm {\n width: 40px;\n height: 22px;\n position: relative;\n box-sizing: border-box;\n border-width: 1px;\n border-style: solid;\n border-radius: 17px;\n}\n.Switch-module_wrapper_variant_primary__DSO-3 {\n border-color: var(--switch-primary-border-color);\n background-color: var(--switch-primary-background-color);\n}\n\n.Switch-module_baseSwitch__bE-cQ {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n position: absolute;\n top: 2px;\n left: 2px;\n transition: transform 150ms;\n background: var(--palette-white);\n}\n\n.Switch-module_checkbox__QYS0C {\n position: absolute;\n z-index: 1;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n margin: 0;\n border: none;\n outline: none;\n padding: 0;\n}\n.Switch-module_checkbox__QYS0C:checked + .Switch-module_wrapper__Eg-Lm {\n border-color: var(--switch-primary-border-color-checked);\n background-color: var(--switch-primary-background-color-checked);\n}\n.Switch-module_checkbox__QYS0C:checked + .Switch-module_wrapper__Eg-Lm .Switch-module_baseSwitch__bE-cQ {\n transform: translateX(18px);\n}";
4
+ var styles = {"root":"Switch-module_root__DmzxH","root_disabled":"Switch-module_root_disabled__aNYhM","wrapper":"Switch-module_wrapper__Eg-Lm","wrapper_variant_primary":"Switch-module_wrapper_variant_primary__DSO-3","baseSwitch":"Switch-module_baseSwitch__bE-cQ","checkbox":"Switch-module_checkbox__QYS0C"};
5
+ var stylesheet=".Switch-module_root__DmzxH {\n position: relative;\n display: inline-flex;\n padding: 6px;\n}\n.Switch-module_root_disabled__aNYhM {\n opacity: 0.7;\n pointer-events: none;\n}\n\n.Switch-module_wrapper__Eg-Lm {\n width: 40px;\n height: 22px;\n position: relative;\n box-sizing: border-box;\n border-width: 1px;\n border-style: solid;\n border-radius: 17px;\n}\n.Switch-module_wrapper_variant_primary__DSO-3 {\n border-color: var(--switch-primary-border-color);\n background-color: var(--switch-primary-background-color);\n}\n\n.Switch-module_baseSwitch__bE-cQ {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n position: absolute;\n top: 2px;\n left: 2px;\n transition: transform 150ms;\n background: var(--palette-white);\n}\n\n.Switch-module_checkbox__QYS0C {\n position: absolute;\n z-index: 1;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n margin: 0;\n border: none;\n outline: none;\n padding: 0;\n}\n.Switch-module_checkbox__QYS0C:checked + .Switch-module_wrapper__Eg-Lm {\n border-color: var(--switch-primary-border-color-checked);\n background-color: var(--switch-primary-background-color-checked);\n}\n.Switch-module_checkbox__QYS0C:checked + .Switch-module_wrapper__Eg-Lm .Switch-module_baseSwitch__bE-cQ {\n transform: translateX(18px);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/Typography/Typography.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".root {\n color: var(--palette-black);\n}\n\n.size_xs {\n font-size: 12px;\n line-height: 16px;\n}\n.size_s {\n font-size: 14px;\n line-height: 18px;\n}\n.size_m {\n font-size: 16px;\n line-height: 22px;\n}\n.size_l {\n font-size: 18px;\n line-height: 28px;\n}\n.size_h1 {\n font-size: 40px;\n line-height: 56px;\n}\n.size_h2 {\n font-size: 32px;\n line-height: 40px;\n}\n.size_h3 {\n font-size: 24px;\n line-height: 32px;\n}\n.size_h4 {\n font-size: 20px;\n line-height: 28px;\n}\n.size_h5 {\n font-size: 16px;\n line-height: 24px;\n}\n.size_h6 {\n font-size: 12px;\n line-height: 16px;\n}\n\n.fontWeight_normal {\n font-weight: 400;\n}\n.fontWeight_medium {\n font-weight: 500;\n}\n.fontWeight_bold {\n font-weight: 700;\n}\n\n.variant_alert {\n color: var(--typography-alert);\n}\n.variant_success {\n color: var(--typography-success);\n}\n.variant_secondary {\n color: var(--typography-secondary);\n}";
1
+ import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".Typography-module_root__U-oiq {\n color: var(--palette-black);\n}\n\n.Typography-module_size_xs__ibOfM {\n font-size: 12px;\n line-height: 16px;\n}\n.Typography-module_size_s__3bSjI {\n font-size: 14px;\n line-height: 18px;\n}\n.Typography-module_size_m__-LgTa {\n font-size: 16px;\n line-height: 22px;\n}\n.Typography-module_size_l__mZyeZ {\n font-size: 18px;\n line-height: 28px;\n}\n.Typography-module_size_h1__VDz4C {\n font-size: 40px;\n line-height: 56px;\n}\n.Typography-module_size_h2__JmU-q {\n font-size: 32px;\n line-height: 40px;\n}\n.Typography-module_size_h3__p-sGP {\n font-size: 24px;\n line-height: 32px;\n}\n.Typography-module_size_h4__Y9dS4 {\n font-size: 20px;\n line-height: 28px;\n}\n.Typography-module_size_h5__eAzSn {\n font-size: 16px;\n line-height: 24px;\n}\n.Typography-module_size_h6__N64Fm {\n font-size: 12px;\n line-height: 16px;\n}\n\n.Typography-module_fontWeight_normal__T4xQP {\n font-weight: 400;\n}\n.Typography-module_fontWeight_medium__hrOIA {\n font-weight: 500;\n}\n.Typography-module_fontWeight_bold__KtZ-M {\n font-weight: 700;\n}\n\n.Typography-module_variant_alert__lMGjL {\n color: var(--typography-alert);\n}\n.Typography-module_variant_success__L7Jk8 {\n color: var(--typography-success);\n}\n.Typography-module_variant_secondary__3Wad- {\n color: var(--typography-secondary);\n}";
4
+ var styles = {"root":"Typography-module_root__U-oiq","size_xs":"Typography-module_size_xs__ibOfM","size_s":"Typography-module_size_s__3bSjI","size_m":"Typography-module_size_m__-LgTa","size_l":"Typography-module_size_l__mZyeZ","size_h1":"Typography-module_size_h1__VDz4C","size_h2":"Typography-module_size_h2__JmU-q","size_h3":"Typography-module_size_h3__p-sGP","size_h4":"Typography-module_size_h4__Y9dS4","size_h5":"Typography-module_size_h5__eAzSn","size_h6":"Typography-module_size_h6__N64Fm","fontWeight_normal":"Typography-module_fontWeight_normal__T4xQP","fontWeight_medium":"Typography-module_fontWeight_medium__hrOIA","fontWeight_bold":"Typography-module_fontWeight_bold__KtZ-M","variant_alert":"Typography-module_variant_alert__lMGjL","variant_success":"Typography-module_variant_success__L7Jk8","variant_secondary":"Typography-module_variant_secondary__3Wad-"};
5
+ var stylesheet=".Typography-module_root__U-oiq {\n color: var(--palette-black);\n}\n\n.Typography-module_size_xs__ibOfM {\n font-size: 12px;\n line-height: 16px;\n}\n.Typography-module_size_s__3bSjI {\n font-size: 14px;\n line-height: 18px;\n}\n.Typography-module_size_m__-LgTa {\n font-size: 16px;\n line-height: 22px;\n}\n.Typography-module_size_l__mZyeZ {\n font-size: 18px;\n line-height: 28px;\n}\n.Typography-module_size_h1__VDz4C {\n font-size: 40px;\n line-height: 56px;\n}\n.Typography-module_size_h2__JmU-q {\n font-size: 32px;\n line-height: 40px;\n}\n.Typography-module_size_h3__p-sGP {\n font-size: 24px;\n line-height: 32px;\n}\n.Typography-module_size_h4__Y9dS4 {\n font-size: 20px;\n line-height: 28px;\n}\n.Typography-module_size_h5__eAzSn {\n font-size: 16px;\n line-height: 24px;\n}\n.Typography-module_size_h6__N64Fm {\n font-size: 12px;\n line-height: 16px;\n}\n\n.Typography-module_fontWeight_normal__T4xQP {\n font-weight: 400;\n}\n.Typography-module_fontWeight_medium__hrOIA {\n font-weight: 500;\n}\n.Typography-module_fontWeight_bold__KtZ-M {\n font-weight: 700;\n}\n\n.Typography-module_variant_alert__lMGjL {\n color: var(--typography-alert);\n}\n.Typography-module_variant_success__L7Jk8 {\n color: var(--typography-success);\n}\n.Typography-module_variant_secondary__3Wad- {\n color: var(--typography-secondary);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/base/BaseInput/BaseInput.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".baseInput {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.baseInput ::placeholder {\n color: var(--palette-bg-2);\n}";
1
+ import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".BaseInput-module_baseInput__WDxQq {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.BaseInput-module_baseInput__WDxQq ::placeholder {\n color: var(--palette-bg-2);\n}";
4
+ var styles = {"baseInput":"BaseInput-module_baseInput__WDxQq"};
5
+ var stylesheet=".BaseInput-module_baseInput__WDxQq {\n margin: 7px 0;\n background: transparent;\n border: none;\n outline: none;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.BaseInput-module_baseInput__WDxQq ::placeholder {\n color: var(--palette-bg-2);\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/base/FormField/FormField.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}";
1
+ import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".FormField-module_container__TFvUT {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}";
4
+ var styles = {"container":"FormField-module_container__TFvUT"};
5
+ var stylesheet=".FormField-module_container__TFvUT {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/base/InputRoot/InputRoot.module.scss.js CHANGED
@@ -1,3 +1,8 @@
1
- var styles = ".baseIcon {\n display: inline-flex;\n align-items: center;\n font-size: 16px;\n color: inherit;\n}\n\n.baseDisableWrapper {\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n cursor: not-allowed;\n}\n\n.root {\n background-color: var(--palette-white);\n color: var(--palette-black);\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n padding: 5px 10px;\n}\n\n.variant_primary {\n border-color: var(--input-primary-border-color);\n}\n.variant_primary:hover {\n border-color: var(--palette-primary-3);\n box-shadow: 0px 0px 0px 2px var(--palette-primary-2);\n}\n.variant_primary:active {\n border-color: var(--palette-primary-4);\n}\n.variant_primary:focus, .variant_primary:focus-within {\n border-color: var(--palette-primary-4);\n}\n.variant_primary_disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-3);\n background-color: var(--palette-bg-1);\n border-color: var(--palette-bg-3);\n}\n.variant_primary_error {\n background-color: var(--palette-tretiary-2);\n border-color: var(--palette-alert);\n}\n.variant_primary_error:hover {\n background-color: var(--palette-white);\n border-color: var(--palette-alert);\n box-shadow: 0px 0px 0px 2px var(--palette-tretiary-2);\n}\n.variant_primary_error:focus, .variant_primary_error:focus-within {\n border-color: var(--palette-alert);\n background-color: var(--palette-white);\n}\n\n.size_s {\n height: 32px;\n}\n.size_m {\n height: 36px;\n}\n.size_l {\n height: 42px;\n}";
1
+ import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- export { styles as default };
3
+ var css_248z = ".InputRoot-module_baseIcon__erA7U {\n display: inline-flex;\n align-items: center;\n font-size: 16px;\n color: inherit;\n}\n\n.InputRoot-module_baseDisableWrapper__O5aL7 {\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n cursor: not-allowed;\n}\n\n.InputRoot-module_root__q6lVE {\n background-color: var(--palette-white);\n color: var(--palette-black);\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n padding: 5px 10px;\n}\n\n.InputRoot-module_variant_primary__O8BEA {\n border-color: var(--input-primary-border-color);\n}\n.InputRoot-module_variant_primary__O8BEA:hover {\n border-color: var(--palette-primary-3);\n box-shadow: 0px 0px 0px 2px var(--palette-primary-2);\n}\n.InputRoot-module_variant_primary__O8BEA:active {\n border-color: var(--palette-primary-4);\n}\n.InputRoot-module_variant_primary__O8BEA:focus, .InputRoot-module_variant_primary__O8BEA:focus-within {\n border-color: var(--palette-primary-4);\n}\n.InputRoot-module_variant_primary_disabled__9R7v8 {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-3);\n background-color: var(--palette-bg-1);\n border-color: var(--palette-bg-3);\n}\n.InputRoot-module_variant_primary_error__hvGG9 {\n background-color: var(--palette-tretiary-2);\n border-color: var(--palette-alert);\n}\n.InputRoot-module_variant_primary_error__hvGG9:hover {\n background-color: var(--palette-white);\n border-color: var(--palette-alert);\n box-shadow: 0px 0px 0px 2px var(--palette-tretiary-2);\n}\n.InputRoot-module_variant_primary_error__hvGG9:focus, .InputRoot-module_variant_primary_error__hvGG9:focus-within {\n border-color: var(--palette-alert);\n background-color: var(--palette-white);\n}\n\n.InputRoot-module_size_s__QJZIV {\n height: 32px;\n}\n.InputRoot-module_size_m__rBjFU {\n height: 36px;\n}\n.InputRoot-module_size_l__hDYGR {\n height: 42px;\n}";
4
+ var styles = {"baseIcon":"InputRoot-module_baseIcon__erA7U","baseDisableWrapper":"InputRoot-module_baseDisableWrapper__O5aL7","root":"InputRoot-module_root__q6lVE","variant_primary":"InputRoot-module_variant_primary__O8BEA","variant_primary_disabled":"InputRoot-module_variant_primary_disabled__9R7v8","variant_primary_error":"InputRoot-module_variant_primary_error__hvGG9","size_s":"InputRoot-module_size_s__QJZIV","size_m":"InputRoot-module_size_m__rBjFU","size_l":"InputRoot-module_size_l__hDYGR"};
5
+ var stylesheet=".InputRoot-module_baseIcon__erA7U {\n display: inline-flex;\n align-items: center;\n font-size: 16px;\n color: inherit;\n}\n\n.InputRoot-module_baseDisableWrapper__O5aL7 {\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n cursor: not-allowed;\n}\n\n.InputRoot-module_root__q6lVE {\n background-color: var(--palette-white);\n color: var(--palette-black);\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n padding: 5px 10px;\n}\n\n.InputRoot-module_variant_primary__O8BEA {\n border-color: var(--input-primary-border-color);\n}\n.InputRoot-module_variant_primary__O8BEA:hover {\n border-color: var(--palette-primary-3);\n box-shadow: 0px 0px 0px 2px var(--palette-primary-2);\n}\n.InputRoot-module_variant_primary__O8BEA:active {\n border-color: var(--palette-primary-4);\n}\n.InputRoot-module_variant_primary__O8BEA:focus, .InputRoot-module_variant_primary__O8BEA:focus-within {\n border-color: var(--palette-primary-4);\n}\n.InputRoot-module_variant_primary_disabled__9R7v8 {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--palette-bg-3);\n background-color: var(--palette-bg-1);\n border-color: var(--palette-bg-3);\n}\n.InputRoot-module_variant_primary_error__hvGG9 {\n background-color: var(--palette-tretiary-2);\n border-color: var(--palette-alert);\n}\n.InputRoot-module_variant_primary_error__hvGG9:hover {\n background-color: var(--palette-white);\n border-color: var(--palette-alert);\n box-shadow: 0px 0px 0px 2px var(--palette-tretiary-2);\n}\n.InputRoot-module_variant_primary_error__hvGG9:focus, .InputRoot-module_variant_primary_error__hvGG9:focus-within {\n border-color: var(--palette-alert);\n background-color: var(--palette-white);\n}\n\n.InputRoot-module_size_s__QJZIV {\n height: 32px;\n}\n.InputRoot-module_size_m__rBjFU {\n height: 36px;\n}\n.InputRoot-module_size_l__hDYGR {\n height: 42px;\n}";
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
package/esm/node_modules/style-inject/dist/style-inject.es.js ADDED
@@ -0,0 +1,26 @@
1
+ function styleInject(css, ref) {
2
+ if (ref === void 0) ref = {};
3
+ var insertAt = ref.insertAt;
4
+ if (!css || typeof document === 'undefined') {
5
+ return;
6
+ }
7
+ var head = document.head || document.getElementsByTagName('head')[0];
8
+ var style = document.createElement('style');
9
+ style.type = 'text/css';
10
+ if (insertAt === 'top') {
11
+ if (head.firstChild) {
12
+ head.insertBefore(style, head.firstChild);
13
+ } else {
14
+ head.appendChild(style);
15
+ }
16
+ } else {
17
+ head.appendChild(style);
18
+ }
19
+ if (style.styleSheet) {
20
+ style.styleSheet.cssText = css;
21
+ } else {
22
+ style.appendChild(document.createTextNode(css));
23
+ }
24
+ }
25
+
26
+ export { styleInject as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.37",
3
+ "version": "0.7.38",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},