@1money/react-ui 1.15.3 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/es/components/Flex/Flex.d.ts +5 -0
  2. package/es/components/Flex/Flex.js +50 -0
  3. package/es/components/Flex/constants.d.ts +41 -0
  4. package/es/components/Flex/constants.js +45 -0
  5. package/es/components/Flex/index.d.ts +5 -0
  6. package/es/components/Flex/index.js +6 -0
  7. package/es/components/Flex/interface.d.ts +13 -0
  8. package/es/components/Flex/interface.js +2 -0
  9. package/es/components/Flex/style/Flex.css +1 -0
  10. package/es/components/Flex/style/Flex.scss +70 -0
  11. package/es/components/Flex/style/css.js +2 -0
  12. package/es/components/Flex/style/index.d.ts +1 -0
  13. package/es/components/Flex/style/index.js +2 -0
  14. package/es/components/Grid/Col.d.ts +5 -0
  15. package/es/components/Grid/Col.js +97 -0
  16. package/es/components/Grid/Grid.d.ts +12 -0
  17. package/es/components/Grid/Grid.js +12 -0
  18. package/es/components/Grid/Row.d.ts +5 -0
  19. package/es/components/Grid/Row.js +48 -0
  20. package/es/components/Grid/constants.d.ts +55 -0
  21. package/es/components/Grid/constants.js +66 -0
  22. package/es/components/Grid/helper.d.ts +10 -0
  23. package/es/components/Grid/helper.js +44 -0
  24. package/es/components/Grid/index.d.ts +7 -0
  25. package/es/components/Grid/index.js +8 -0
  26. package/es/components/Grid/interface.d.ts +38 -0
  27. package/es/components/Grid/interface.js +2 -0
  28. package/es/components/Grid/style/Grid.css +1 -0
  29. package/es/components/Grid/style/Grid.scss +196 -0
  30. package/es/components/Grid/style/css.js +2 -0
  31. package/es/components/Grid/style/index.d.ts +1 -0
  32. package/es/components/Grid/style/index.js +2 -0
  33. package/es/components/InputAmount/style/normal.css +1 -1
  34. package/es/components/InputAmount/style/normal.scss +2 -2
  35. package/es/components/InputAmount/style/primary.css +1 -1
  36. package/es/components/InputAmount/style/primary.scss +2 -2
  37. package/es/components/Message/style/Message.css +1 -1
  38. package/es/components/Message/style/Message.scss +3 -3
  39. package/es/components/Sidebar/style/Sidebar.css +1 -1
  40. package/es/components/Sidebar/style/Sidebar.scss +1 -1
  41. package/es/components/Sidebar/style/SimplySidebar.css +1 -1
  42. package/es/components/Sidebar/style/SimplySidebar.scss +1 -1
  43. package/es/components/Space/Space.d.ts +5 -0
  44. package/es/components/Space/Space.js +71 -0
  45. package/es/components/Space/constants.d.ts +33 -0
  46. package/es/components/Space/constants.js +37 -0
  47. package/es/components/Space/index.d.ts +5 -0
  48. package/es/components/Space/index.js +6 -0
  49. package/es/components/Space/interface.d.ts +12 -0
  50. package/es/components/Space/interface.js +2 -0
  51. package/es/components/Space/style/Space.css +1 -0
  52. package/es/components/Space/style/Space.scss +40 -0
  53. package/es/components/Space/style/css.js +2 -0
  54. package/es/components/Space/style/index.d.ts +1 -0
  55. package/es/components/Space/style/index.js +2 -0
  56. package/es/index.css +1 -1
  57. package/es/index.d.ts +11 -0
  58. package/es/index.js +12 -1
  59. package/lib/components/Flex/Flex.d.ts +5 -0
  60. package/lib/components/Flex/Flex.js +60 -0
  61. package/lib/components/Flex/constants.d.ts +41 -0
  62. package/lib/components/Flex/constants.js +51 -0
  63. package/lib/components/Flex/index.d.ts +5 -0
  64. package/lib/components/Flex/index.js +60 -0
  65. package/lib/components/Flex/interface.d.ts +13 -0
  66. package/lib/components/Flex/interface.js +6 -0
  67. package/lib/components/Flex/style/Flex.css +1 -0
  68. package/lib/components/Flex/style/Flex.scss +70 -0
  69. package/lib/components/Flex/style/css.js +4 -0
  70. package/lib/components/Flex/style/index.d.ts +1 -0
  71. package/lib/components/Flex/style/index.js +4 -0
  72. package/lib/components/Grid/Col.d.ts +5 -0
  73. package/lib/components/Grid/Col.js +107 -0
  74. package/lib/components/Grid/Grid.d.ts +12 -0
  75. package/lib/components/Grid/Grid.js +18 -0
  76. package/lib/components/Grid/Row.d.ts +5 -0
  77. package/lib/components/Grid/Row.js +58 -0
  78. package/lib/components/Grid/constants.d.ts +55 -0
  79. package/lib/components/Grid/constants.js +72 -0
  80. package/lib/components/Grid/helper.d.ts +10 -0
  81. package/lib/components/Grid/helper.js +51 -0
  82. package/lib/components/Grid/index.d.ts +7 -0
  83. package/lib/components/Grid/index.js +62 -0
  84. package/lib/components/Grid/interface.d.ts +38 -0
  85. package/lib/components/Grid/interface.js +6 -0
  86. package/lib/components/Grid/style/Grid.css +1 -0
  87. package/lib/components/Grid/style/Grid.scss +196 -0
  88. package/lib/components/Grid/style/css.js +4 -0
  89. package/lib/components/Grid/style/index.d.ts +1 -0
  90. package/lib/components/Grid/style/index.js +4 -0
  91. package/lib/components/InputAmount/style/normal.css +1 -1
  92. package/lib/components/InputAmount/style/normal.scss +2 -2
  93. package/lib/components/InputAmount/style/primary.css +1 -1
  94. package/lib/components/InputAmount/style/primary.scss +2 -2
  95. package/lib/components/Message/style/Message.css +1 -1
  96. package/lib/components/Message/style/Message.scss +3 -3
  97. package/lib/components/Sidebar/style/Sidebar.css +1 -1
  98. package/lib/components/Sidebar/style/Sidebar.scss +1 -1
  99. package/lib/components/Sidebar/style/SimplySidebar.css +1 -1
  100. package/lib/components/Sidebar/style/SimplySidebar.scss +1 -1
  101. package/lib/components/Space/Space.d.ts +5 -0
  102. package/lib/components/Space/Space.js +81 -0
  103. package/lib/components/Space/constants.d.ts +33 -0
  104. package/lib/components/Space/constants.js +43 -0
  105. package/lib/components/Space/index.d.ts +5 -0
  106. package/lib/components/Space/index.js +53 -0
  107. package/lib/components/Space/interface.d.ts +12 -0
  108. package/lib/components/Space/interface.js +6 -0
  109. package/lib/components/Space/style/Space.css +1 -0
  110. package/lib/components/Space/style/Space.scss +40 -0
  111. package/lib/components/Space/style/css.js +4 -0
  112. package/lib/components/Space/style/index.d.ts +1 -0
  113. package/lib/components/Space/style/index.js +4 -0
  114. package/lib/index.css +1 -1
  115. package/lib/index.d.ts +11 -0
  116. package/lib/index.js +39 -1
  117. package/package.json +16 -1
@@ -0,0 +1,66 @@
1
+ export var GRID_ALIGN = {
2
+ top: 'top',
3
+ middle: 'middle',
4
+ bottom: 'bottom',
5
+ stretch: 'stretch'
6
+ };
7
+ export var GRID_JUSTIFY = {
8
+ start: 'start',
9
+ end: 'end',
10
+ center: 'center',
11
+ spaceAround: 'space-around',
12
+ spaceBetween: 'space-between',
13
+ spaceEvenly: 'space-evenly'
14
+ };
15
+ export var GRID_COLUMNS = 12;
16
+ export var GRID_ROW_PREFIX = 'grid-row';
17
+ export var GRID_COL_PREFIX = 'grid-col';
18
+ export var GRID_DEFAULT_WRAP = true;
19
+ export var GRID_GUTTER_FALLBACK = 0;
20
+ export var GRID_DEFAULT_GUTTER = [0, 0];
21
+ export var GRID_FLEX_AUTO = 'auto';
22
+ export var GRID_BREAKPOINTS = ['sm', 'md', 'lg'];
23
+ export var GRID_JUSTIFY_BREAKPOINT = {
24
+ sm: 'sm',
25
+ md: 'md',
26
+ lg: 'lg'
27
+ };
28
+ export var GRID_JUSTIFY_CSS = {
29
+ start: 'flex-start',
30
+ end: 'flex-end',
31
+ center: 'center',
32
+ 'space-around': 'space-around',
33
+ 'space-between': 'space-between',
34
+ 'space-evenly': 'space-evenly'
35
+ };
36
+ export var GRID_BREAKPOINT_MIN_WIDTH = {
37
+ sm: 768,
38
+ md: 1024,
39
+ lg: 1280
40
+ };
41
+ export var GRID_CSS_VARS = {
42
+ gutterX: '--om-grid-gutter-x',
43
+ gutterY: '--om-grid-gutter-y',
44
+ gutterXSm: '--om-grid-gutter-x-sm',
45
+ gutterYSm: '--om-grid-gutter-y-sm',
46
+ gutterXMd: '--om-grid-gutter-x-md',
47
+ gutterYMd: '--om-grid-gutter-y-md',
48
+ gutterXLg: '--om-grid-gutter-x-lg',
49
+ gutterYLg: '--om-grid-gutter-y-lg',
50
+ justify: '--om-grid-justify',
51
+ justifySm: '--om-grid-justify-sm',
52
+ justifyMd: '--om-grid-justify-md',
53
+ justifyLg: '--om-grid-justify-lg',
54
+ colFlex: '--om-grid-col-flex',
55
+ colFlexPrefix: '--om-grid-col-flex-'
56
+ };
57
+ export var GRID_CLASS = {
58
+ noWrap: 'no-wrap',
59
+ align: 'align',
60
+ justify: 'justify',
61
+ offset: 'offset',
62
+ order: 'order',
63
+ push: 'push',
64
+ pull: 'pull'
65
+ };
66
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvR3JpZC9jb25zdGFudHMudHMiLCJjb21wb25lbnRzL0dyaWQvY29uc3RhbnRzLmpzIl0sIm5hbWVzIjpbIkdSSURfQUxJR04iLCJ0b3AiLCJtaWRkbGUiLCJib3R0b20iLCJzdHJldGNoIiwiR1JJRF9KVVNUSUZZIiwic3RhcnQiLCJlbmQiLCJjZW50ZXIiLCJzcGFjZUFyb3VuZCIsInNwYWNlQmV0d2VlbiIsInNwYWNlRXZlbmx5IiwiR1JJRF9DT0xVTU5TIiwiR1JJRF9ST1dfUFJFRklYIiwiR1JJRF9DT0xfUFJFRklYIiwiR1JJRF9ERUZBVUxUX1dSQVAiLCJHUklEX0dVVFRFUl9GQUxMQkFDSyIsIkdSSURfREVGQVVMVF9HVVRURVIiLCJHUklEX0ZMRVhfQVVUTyIsIkdSSURfQlJFQUtQT0lOVFMiLCJHUklEX0pVU1RJRllfQlJFQUtQT0lOVCIsInNtIiwibWQiLCJsZyIsIkdSSURfSlVTVElGWV9DU1MiLCJHUklEX0JSRUFLUE9JTlRfTUlOX1dJRFRIIiwiR1JJRF9DU1NfVkFSUyIsImd1dHRlclgiLCJndXR0ZXJZIiwiZ3V0dGVyWFNtIiwiZ3V0dGVyWVNtIiwiZ3V0dGVyWE1kIiwiZ3V0dGVyWU1kIiwiZ3V0dGVyWExnIiwiZ3V0dGVyWUxnIiwianVzdGlmeSIsImp1c3RpZnlTbSIsImp1c3RpZnlNZCIsImp1c3RpZnlMZyIsImNvbEZsZXgiLCJjb2xGbGV4UHJlZml4IiwiR1JJRF9DTEFTUyIsIm5vV3JhcCIsImFsaWduIiwib2Zmc2V0Iiwib3JkZXIiLCJwdXNoIiwicHVsbCJdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxJQUFNQSxVQUFVLEdBQUc7RUFDeEJDLEdBQUcsRUFBRSxLQUFLO0VBQ1ZDLE1BQU0sRUFBRSxRQUFRO0VBQ2hCQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsT0FBTyxFQUFFO0FDRFgsQ0RFVTtBQUVWLE9BQU8sSUFBTUMsWUFBWSxHQUFHO0VBQzFCQyxLQUFLLEVBQUUsT0FBTztFQUNkQyxHQUFHLEVBQUUsS0FBSztFQUNWQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsV0FBVyxFQUFFLGNBQWM7RUFDM0JDLFlBQVksRUFBRSxlQUFlO0VBQzdCQyxXQUFXLEVBQUU7QUNGZixDREdVO0FBRVYsT0FBTyxJQUFNQyxZQUFZLEdBQUcsRUFBRTtBQUM5QixPQUFPLElBQU1DLGVBQWUsR0FBRyxVQUFVO0FBQ3pDLE9BQU8sSUFBTUMsZUFBZSxHQUFHLFVBQVU7QUFDekMsT0FBTyxJQUFNQyxpQkFBaUIsR0FBRyxJQUFJO0FBQ3JDLE9BQU8sSUFBTUMsb0JBQW9CLEdBQUcsQ0FBQztBQUNyQyxPQUFPLElBQU1DLG1CQUFtQixHQUFxQixDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7QUFDM0QsT0FBTyxJQUFNQyxjQUFjLEdBQUcsTUFBTTtBQUVwQyxPQUFPLElBQU1DLGdCQUFnQixHQUFxQixDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDO0FBQ3BFLE9BQU8sSUFBTUMsdUJBQXVCLEdBQUc7RUFDckNDLEVBQUUsRUFBRSxJQUFJO0VBQ1JDLEVBQUUsRUFBRSxJQUFJO0VBQ1JDLEVBQUUsRUFBRTtBQ0pOLENES1U7QUFDVixPQUFPLElBQU1DLGdCQUFnQixHQUFnQztFQUMzRGxCLEtBQUssRUFBRSxZQUFZO0VBQ25CQyxHQUFHLEVBQUUsVUFBVTtFQUNmQyxNQUFNLEVBQUUsUUFBUTtFQUNoQixjQUFjLEVBQUUsY0FBYztFQUM5QixlQUFlLEVBQUUsZUFBZTtFQUNoQyxjQUFjLEVBQUU7QUNKbEIsQ0RLQztBQUNELE9BQU8sSUFBTWlCLHlCQUF5QixHQUFtQztFQUN2RUosRUFBRSxFQUFFLEdBQUc7RUFDUEMsRUFBRSxFQUFFLElBQUk7RUFDUkMsRUFBRSxFQUFFO0FDSk4sQ0RLQztBQUVELE9BQU8sSUFBTUcsYUFBYSxHQUFHO0VBQzNCQyxPQUFPLEVBQUUsb0JBQW9CO0VBQzdCQyxPQUFPLEVBQUUsb0JBQW9CO0VBQzdCQyxTQUFTLEVBQUUsdUJBQXVCO0VBQ2xDQyxTQUFTLEVBQUUsdUJBQXVCO0VBQ2xDQyxTQUFTLEVBQUUsdUJBQXVCO0VBQ2xDQyxTQUFTLEVBQUUsdUJBQXVCO0VBQ2xDQyxTQUFTLEVBQUUsdUJBQXVCO0VBQ2xDQyxTQUFTLEVBQUUsdUJBQXVCO0VBQ2xDQyxPQUFPLEVBQUUsbUJBQW1CO0VBQzVCQyxTQUFTLEVBQUUsc0JBQXNCO0VBQ2pDQyxTQUFTLEVBQUUsc0JBQXNCO0VBQ2pDQyxTQUFTLEVBQUUsc0JBQXNCO0VBQ2pDQyxPQUFPLEVBQUUsb0JBQW9CO0VBQzdCQyxhQUFhLEVBQUU7QUNMakIsQ0RNVTtBQUVWLE9BQU8sSUFBTUMsVUFBVSxHQUFHO0VBQ3hCQyxNQUFNLEVBQUUsU0FBUztFQUNqQkMsS0FBSyxFQUFFLE9BQU87RUFDZFIsT0FBTyxFQUFFLFNBQVM7RUFDbEJTLE1BQU0sRUFBRSxRQUFRO0VBQ2hCQyxLQUFLLEVBQUUsT0FBTztFQUNkQyxJQUFJLEVBQUUsTUFBTTtFQUNaQyxJQUFJLEVBQUU7QUNOUixDRE9VIiwiZmlsZSI6ImNvbXBvbmVudHMvR3JpZC9jb25zdGFudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImV4cG9ydCBjb25zdCBHUklEX0FMSUdOID0ge1xuICAgIHRvcDogJ3RvcCcsXG4gICAgbWlkZGxlOiAnbWlkZGxlJyxcbiAgICBib3R0b206ICdib3R0b20nLFxuICAgIHN0cmV0Y2g6ICdzdHJldGNoJ1xufTtcbmV4cG9ydCBjb25zdCBHUklEX0pVU1RJRlkgPSB7XG4gICAgc3RhcnQ6ICdzdGFydCcsXG4gICAgZW5kOiAnZW5kJyxcbiAgICBjZW50ZXI6ICdjZW50ZXInLFxuICAgIHNwYWNlQXJvdW5kOiAnc3BhY2UtYXJvdW5kJyxcbiAgICBzcGFjZUJldHdlZW46ICdzcGFjZS1iZXR3ZWVuJyxcbiAgICBzcGFjZUV2ZW5seTogJ3NwYWNlLWV2ZW5seSdcbn07XG5leHBvcnQgY29uc3QgR1JJRF9DT0xVTU5TID0gMTI7XG5leHBvcnQgY29uc3QgR1JJRF9ST1dfUFJFRklYID0gJ2dyaWQtcm93JztcbmV4cG9ydCBjb25zdCBHUklEX0NPTF9QUkVGSVggPSAnZ3JpZC1jb2wnO1xuZXhwb3J0IGNvbnN0IEdSSURfREVGQVVMVF9XUkFQID0gdHJ1ZTtcbmV4cG9ydCBjb25zdCBHUklEX0dVVFRFUl9GQUxMQkFDSyA9IDA7XG5leHBvcnQgY29uc3QgR1JJRF9ERUZBVUxUX0dVVFRFUiA9IFswLCAwXTtcbmV4cG9ydCBjb25zdCBHUklEX0ZMRVhfQVVUTyA9ICdhdXRvJztcbmV4cG9ydCBjb25zdCBHUklEX0JSRUFLUE9JTlRTID0gWydzbScsICdtZCcsICdsZyddO1xuZXhwb3J0IGNvbnN0IEdSSURfSlVTVElGWV9CUkVBS1BPSU5UID0ge1xuICAgIHNtOiAnc20nLFxuICAgIG1kOiAnbWQnLFxuICAgIGxnOiAnbGcnXG59O1xuZXhwb3J0IGNvbnN0IEdSSURfSlVTVElGWV9DU1MgPSB7XG4gICAgc3RhcnQ6ICdmbGV4LXN0YXJ0JyxcbiAgICBlbmQ6ICdmbGV4LWVuZCcsXG4gICAgY2VudGVyOiAnY2VudGVyJyxcbiAgICAnc3BhY2UtYXJvdW5kJzogJ3NwYWNlLWFyb3VuZCcsXG4gICAgJ3NwYWNlLWJldHdlZW4nOiAnc3BhY2UtYmV0d2VlbicsXG4gICAgJ3NwYWNlLWV2ZW5seSc6ICdzcGFjZS1ldmVubHknXG59O1xuZXhwb3J0IGNvbnN0IEdSSURfQlJFQUtQT0lOVF9NSU5fV0lEVEggPSB7XG4gICAgc206IDc2OCxcbiAgICBtZDogMTAyNCxcbiAgICBsZzogMTI4MFxufTtcbmV4cG9ydCBjb25zdCBHUklEX0NTU19WQVJTID0ge1xuICAgIGd1dHRlclg6ICctLW9tLWdyaWQtZ3V0dGVyLXgnLFxuICAgIGd1dHRlclk6ICctLW9tLWdyaWQtZ3V0dGVyLXknLFxuICAgIGd1dHRlclhTbTogJy0tb20tZ3JpZC1ndXR0ZXIteC1zbScsXG4gICAgZ3V0dGVyWVNtOiAnLS1vbS1ncmlkLWd1dHRlci15LXNtJyxcbiAgICBndXR0ZXJYTWQ6ICctLW9tLWdyaWQtZ3V0dGVyLXgtbWQnLFxuICAgIGd1dHRlcllNZDogJy0tb20tZ3JpZC1ndXR0ZXIteS1tZCcsXG4gICAgZ3V0dGVyWExnOiAnLS1vbS1ncmlkLWd1dHRlci14LWxnJyxcbiAgICBndXR0ZXJZTGc6ICctLW9tLWdyaWQtZ3V0dGVyLXktbGcnLFxuICAgIGp1c3RpZnk6ICctLW9tLWdyaWQtanVzdGlmeScsXG4gICAganVzdGlmeVNtOiAnLS1vbS1ncmlkLWp1c3RpZnktc20nLFxuICAgIGp1c3RpZnlNZDogJy0tb20tZ3JpZC1qdXN0aWZ5LW1kJyxcbiAgICBqdXN0aWZ5TGc6ICctLW9tLWdyaWQtanVzdGlmeS1sZycsXG4gICAgY29sRmxleDogJy0tb20tZ3JpZC1jb2wtZmxleCcsXG4gICAgY29sRmxleFByZWZpeDogJy0tb20tZ3JpZC1jb2wtZmxleC0nXG59O1xuZXhwb3J0IGNvbnN0IEdSSURfQ0xBU1MgPSB7XG4gICAgbm9XcmFwOiAnbm8td3JhcCcsXG4gICAgYWxpZ246ICdhbGlnbicsXG4gICAganVzdGlmeTogJ2p1c3RpZnknLFxuICAgIG9mZnNldDogJ29mZnNldCcsXG4gICAgb3JkZXI6ICdvcmRlcicsXG4gICAgcHVzaDogJ3B1c2gnLFxuICAgIHB1bGw6ICdwdWxsJ1xufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
@@ -0,0 +1,10 @@
1
+ import type { GridColSize, GridColSizeConfig, GridGutter, GridGutterValue } from './interface';
2
+ export declare const normalizeGutter: (gutter?: GridGutter) => {
3
+ baseX: string | number;
4
+ baseY: string | number;
5
+ x: Partial<Record<import("./interface").GridBreakpoint, GridGutterValue>>;
6
+ y: Partial<Record<import("./interface").GridBreakpoint, GridGutterValue>>;
7
+ };
8
+ export declare const toCssLength: (value?: GridGutterValue) => string | undefined;
9
+ export declare const normalizeColSize: (size?: GridColSize) => GridColSizeConfig;
10
+ export declare const normalizeFlex: (flex?: number | string) => string | undefined;
@@ -0,0 +1,44 @@
1
+ import _typeof from "@babel/runtime/helpers/esm/typeof";
2
+ import { GRID_FLEX_AUTO, GRID_GUTTER_FALLBACK } from './constants';
3
+ var normalizeGutterAxis = function normalizeGutterAxis(value) {
4
+ if (value === undefined || value === null) return {};
5
+ return _typeof(value) === 'object' ? value : {};
6
+ };
7
+ var resolveBaseGutter = function resolveBaseGutter(value) {
8
+ if (value === undefined || value === null) return GRID_GUTTER_FALLBACK;
9
+ return typeof value === 'number' || typeof value === 'string' ? value : GRID_GUTTER_FALLBACK;
10
+ };
11
+ export var normalizeGutter = function normalizeGutter(gutter) {
12
+ if (Array.isArray(gutter)) {
13
+ return {
14
+ baseX: resolveBaseGutter(gutter[0]),
15
+ baseY: resolveBaseGutter(gutter[1]),
16
+ x: normalizeGutterAxis(gutter[0]),
17
+ y: normalizeGutterAxis(gutter[1])
18
+ };
19
+ }
20
+ var normalized = normalizeGutterAxis(gutter);
21
+ return {
22
+ baseX: resolveBaseGutter(gutter),
23
+ baseY: GRID_GUTTER_FALLBACK,
24
+ x: normalized,
25
+ y: {}
26
+ };
27
+ };
28
+ export var toCssLength = function toCssLength(value) {
29
+ if (value === undefined || value === null) return undefined;
30
+ if (typeof value === 'number') return "".concat(value, "px");
31
+ return value;
32
+ };
33
+ export var normalizeColSize = function normalizeColSize(size) {
34
+ if (size === undefined || size === null) return {};
35
+ return typeof size === 'number' ? {
36
+ span: size
37
+ } : size;
38
+ };
39
+ export var normalizeFlex = function normalizeFlex(flex) {
40
+ if (flex === undefined || flex === null) return undefined;
41
+ if (typeof flex === 'number') return "".concat(flex, " ").concat(flex, " ").concat(GRID_FLEX_AUTO);
42
+ return flex;
43
+ };
44
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvR3JpZC9oZWxwZXIudHMiLCJjb21wb25lbnRzL0dyaWQvaGVscGVyLmpzIl0sIm5hbWVzIjpbIkdSSURfRkxFWF9BVVRPIiwiR1JJRF9HVVRURVJfRkFMTEJBQ0siLCJub3JtYWxpemVHdXR0ZXJBeGlzIiwidmFsdWUiLCJ1bmRlZmluZWQiLCJfdHlwZW9mIiwicmVzb2x2ZUJhc2VHdXR0ZXIiLCJub3JtYWxpemVHdXR0ZXIiLCJndXR0ZXIiLCJBcnJheSIsImlzQXJyYXkiLCJiYXNlWCIsImJhc2VZIiwieCIsInkiLCJub3JtYWxpemVkIiwidG9Dc3NMZW5ndGgiLCJjb25jYXQiLCJub3JtYWxpemVDb2xTaXplIiwic2l6ZSIsInNwYW4iLCJub3JtYWxpemVGbGV4IiwiZmxleCJdLCJtYXBwaW5ncyI6IjtBQUNBLFNBQVNBLGNBQWMsRUFBRUMsb0JBQW9CLFFBQVEsYUFBYTtBQUVsRSxJQUFNQyxtQkFBbUIsR0FBRyxTQUF0QkEsbUJBQW1CQSxDQUFJQyxLQUE4QyxFQUEwQjtFQUNuRyxJQUFJQSxLQUFLLEtBQUtDLFNBQVMsSUFBSUQsS0FBSyxLQUFLLElBQUksRUFBRSxPQUFPLENBQUEsQ0FBRTtFQUNwRCxPQUFPRSxPQUFBLENBQU9GLEtBQUssTUFBSyxRQUFRLEdBQUdBLEtBQUssR0FBRyxDQUFBLENBQUU7QUFDL0MsQ0FBQztBQUVELElBQU1HLGlCQUFpQixHQUFHLFNBQXBCQSxpQkFBaUJBLENBQUlILEtBQThDLEVBQUk7RUFDM0UsSUFBSUEsS0FBSyxLQUFLQyxTQUFTLElBQUlELEtBQUssS0FBSyxJQUFJLEVBQUUsT0FBT0Ysb0JBQW9CO0VBQ3RFLE9BQU8sT0FBT0UsS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPQSxLQUFLLEtBQUssUUFBUSxHQUFHQSxLQUFLLEdBQUdGLG9CQUFvQjtBQUM5RixDQUFDO0FBRUQsT0FBTyxJQUFNTSxlQUFlLEdBQUcsU0FBbEJBLGVBQWVBLENBQUlDLE1BQW1CLEVBQUk7RUFDckQsSUFBSUMsS0FBSyxDQUFDQyxPQUFPLENBQUNGLE1BQU0sQ0FBQyxFQUFFO0lBQ3pCLE9BQU87TUFDTEcsS0FBSyxFQUFFTCxpQkFBaUIsQ0FBQ0UsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO01BQ25DSSxLQUFLLEVBQUVOLGlCQUFpQixDQUFDRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7TUFDbkNLLENBQUMsRUFBRVgsbUJBQW1CLENBQUNNLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztNQUNqQ00sQ0FBQyxFQUFFWixtQkFBbUIsQ0FBQ00sTUFBTSxDQUFDLENBQUMsQ0FBQztJQ0Q5QixDREVIO0VBQ0g7RUFFQSxJQUFNTyxVQUFVLEdBQUdiLG1CQUFtQixDQUFDTSxNQUFNLENBQUM7RUFDOUMsT0FBTztJQUNMRyxLQUFLLEVBQUVMLGlCQUFpQixDQUFDRSxNQUFNLENBQUM7SUFDaENJLEtBQUssRUFBRVgsb0JBQW9CO0lBQzNCWSxDQUFDLEVBQUVFLFVBQVU7SUFDYkQsQ0FBQyxFQUFFLENBQUE7RUNGSCxDREdEO0FBQ0gsQ0FBQztBQUVELE9BQU8sSUFBTUUsV0FBVyxHQUFHLFNBQWRBLFdBQVdBLENBQUliLEtBQXVCLEVBQUk7RUFDckQsSUFBSUEsS0FBSyxLQUFLQyxTQUFTLElBQUlELEtBQUssS0FBSyxJQUFJLEVBQUUsT0FBT0MsU0FBUztFQUMzRCxJQUFJLE9BQU9ELEtBQUssS0FBSyxRQUFRLEVBQUUsVUFBQWMsTUFBQSxDQUFVZCxLQUFLO0VBQzlDLE9BQU9BLEtBQUs7QUFDZCxDQUFDO0FBRUQsT0FBTyxJQUFNZSxnQkFBZ0IsR0FBRyxTQUFuQkEsZ0JBQWdCQSxDQUFJQyxJQUFrQixFQUF1QjtFQUN4RSxJQUFJQSxJQUFJLEtBQUtmLFNBQVMsSUFBSWUsSUFBSSxLQUFLLElBQUksRUFBRSxPQUFPLENBQUEsQ0FBRTtFQUNsRCxPQUFPLE9BQU9BLElBQUksS0FBSyxRQUFRLEdBQUc7SUFBRUMsSUFBSSxFQUFFRDtFQUFJLENBQUUsR0FBR0EsSUFBSTtBQUN6RCxDQUFDO0FBRUQsT0FBTyxJQUFNRSxhQUFhLEdBQUcsU0FBaEJBLGFBQWFBLENBQUlDLElBQXNCLEVBQXdCO0VBQzFFLElBQUlBLElBQUksS0FBS2xCLFNBQVMsSUFBSWtCLElBQUksS0FBSyxJQUFJLEVBQUUsT0FBT2xCLFNBQVM7RUFDekQsSUFBSSxPQUFPa0IsSUFBSSxLQUFLLFFBQVEsRUFBRSxVQUFBTCxNQUFBLENBQVVLLElBQUksT0FBQUwsTUFBQSxDQUFJSyxJQUFJLE9BQUFMLE1BQUEsQ0FBSWpCLGNBQWM7RUFDdEUsT0FBT3NCLElBQUk7QUFDYixDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvR3JpZC9oZWxwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IEdSSURfRkxFWF9BVVRPLCBHUklEX0dVVFRFUl9GQUxMQkFDSyB9IGZyb20gJy4vY29uc3RhbnRzJztcbmNvbnN0IG5vcm1hbGl6ZUd1dHRlckF4aXMgPSAodmFsdWUpID0+IHtcbiAgICBpZiAodmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gbnVsbClcbiAgICAgICAgcmV0dXJuIHt9O1xuICAgIHJldHVybiB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnID8gdmFsdWUgOiB7fTtcbn07XG5jb25zdCByZXNvbHZlQmFzZUd1dHRlciA9ICh2YWx1ZSkgPT4ge1xuICAgIGlmICh2YWx1ZSA9PT0gdW5kZWZpbmVkIHx8IHZhbHVlID09PSBudWxsKVxuICAgICAgICByZXR1cm4gR1JJRF9HVVRURVJfRkFMTEJBQ0s7XG4gICAgcmV0dXJuIHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicgfHwgdHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJyA/IHZhbHVlIDogR1JJRF9HVVRURVJfRkFMTEJBQ0s7XG59O1xuZXhwb3J0IGNvbnN0IG5vcm1hbGl6ZUd1dHRlciA9IChndXR0ZXIpID0+IHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheShndXR0ZXIpKSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBiYXNlWDogcmVzb2x2ZUJhc2VHdXR0ZXIoZ3V0dGVyWzBdKSxcbiAgICAgICAgICAgIGJhc2VZOiByZXNvbHZlQmFzZUd1dHRlcihndXR0ZXJbMV0pLFxuICAgICAgICAgICAgeDogbm9ybWFsaXplR3V0dGVyQXhpcyhndXR0ZXJbMF0pLFxuICAgICAgICAgICAgeTogbm9ybWFsaXplR3V0dGVyQXhpcyhndXR0ZXJbMV0pXG4gICAgICAgIH07XG4gICAgfVxuICAgIGNvbnN0IG5vcm1hbGl6ZWQgPSBub3JtYWxpemVHdXR0ZXJBeGlzKGd1dHRlcik7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgYmFzZVg6IHJlc29sdmVCYXNlR3V0dGVyKGd1dHRlciksXG4gICAgICAgIGJhc2VZOiBHUklEX0dVVFRFUl9GQUxMQkFDSyxcbiAgICAgICAgeDogbm9ybWFsaXplZCxcbiAgICAgICAgeToge31cbiAgICB9O1xufTtcbmV4cG9ydCBjb25zdCB0b0Nzc0xlbmd0aCA9ICh2YWx1ZSkgPT4ge1xuICAgIGlmICh2YWx1ZSA9PT0gdW5kZWZpbmVkIHx8IHZhbHVlID09PSBudWxsKVxuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICdudW1iZXInKVxuICAgICAgICByZXR1cm4gYCR7dmFsdWV9cHhgO1xuICAgIHJldHVybiB2YWx1ZTtcbn07XG5leHBvcnQgY29uc3Qgbm9ybWFsaXplQ29sU2l6ZSA9IChzaXplKSA9PiB7XG4gICAgaWYgKHNpemUgPT09IHVuZGVmaW5lZCB8fCBzaXplID09PSBudWxsKVxuICAgICAgICByZXR1cm4ge307XG4gICAgcmV0dXJuIHR5cGVvZiBzaXplID09PSAnbnVtYmVyJyA/IHsgc3Bhbjogc2l6ZSB9IDogc2l6ZTtcbn07XG5leHBvcnQgY29uc3Qgbm9ybWFsaXplRmxleCA9IChmbGV4KSA9PiB7XG4gICAgaWYgKGZsZXggPT09IHVuZGVmaW5lZCB8fCBmbGV4ID09PSBudWxsKVxuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIGlmICh0eXBlb2YgZmxleCA9PT0gJ251bWJlcicpXG4gICAgICAgIHJldHVybiBgJHtmbGV4fSAke2ZsZXh9ICR7R1JJRF9GTEVYX0FVVE99YDtcbiAgICByZXR1cm4gZmxleDtcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
@@ -0,0 +1,7 @@
1
+ import Grid from './Grid';
2
+ import Row from './Row';
3
+ import Col from './Col';
4
+ export { Grid, Row, Col };
5
+ export default Grid;
6
+ export * from './interface';
7
+ export { GRID_ALIGN, GRID_JUSTIFY } from './constants';
@@ -0,0 +1,8 @@
1
+ import Grid from './Grid';
2
+ import Row from './Row';
3
+ import Col from './Col';
4
+ export { Grid, Row, Col };
5
+ export default Grid;
6
+ export * from './interface';
7
+ export { GRID_ALIGN, GRID_JUSTIFY } from './constants';
8
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvR3JpZC9pbmRleC50cyJdLCJuYW1lcyI6WyJHcmlkIiwiUm93IiwiQ29sIiwiR1JJRF9BTElHTiIsIkdSSURfSlVTVElGWSJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsSUFBSSxNQUFNLFFBQVE7QUFDekIsT0FBT0MsR0FBRyxNQUFNLE9BQU87QUFDdkIsT0FBT0MsR0FBRyxNQUFNLE9BQU87QUFFdkIsU0FBU0YsSUFBSSxFQUFFQyxHQUFHLEVBQUVDLEdBQUc7QUFDdkIsZUFBZUYsSUFBSTtBQUNuQixjQUFjLGFBQWE7QUFDM0IsU0FBU0csVUFBVSxFQUFFQyxZQUFZLFFBQVEsYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0dyaWQvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
@@ -0,0 +1,38 @@
1
+ import type { HTMLAttributes } from 'react';
2
+ export type GridAlign = 'top' | 'middle' | 'bottom' | 'stretch';
3
+ export type GridJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
4
+ export type GridJustifyBreakpoint = GridBreakpoint;
5
+ export type GridJustifyResponsive = Partial<Record<GridJustifyBreakpoint, GridJustify>>;
6
+ export type GridBreakpoint = 'sm' | 'md' | 'lg';
7
+ export type GridGutterBreakpoint = GridBreakpoint;
8
+ export type GridGutterValue = number | string;
9
+ export type GridGutterResponsive = Partial<Record<GridGutterBreakpoint, GridGutterValue>>;
10
+ export type GridGutter = GridGutterValue | [GridGutterValue, GridGutterValue] | GridGutterResponsive | [GridGutterResponsive, GridGutterResponsive];
11
+ export type GridColSizeConfig = {
12
+ span?: number;
13
+ offset?: number;
14
+ order?: number;
15
+ pull?: number;
16
+ push?: number;
17
+ flex?: number | string;
18
+ };
19
+ export type GridColSize = number | GridColSizeConfig;
20
+ export interface GridRowProps extends HTMLAttributes<HTMLDivElement> {
21
+ gutter?: GridGutter;
22
+ align?: GridAlign;
23
+ justify?: GridJustify | GridJustifyResponsive;
24
+ wrap?: boolean;
25
+ prefixCls?: string;
26
+ }
27
+ export interface GridColProps extends HTMLAttributes<HTMLDivElement> {
28
+ span?: number;
29
+ offset?: number;
30
+ order?: number;
31
+ pull?: number;
32
+ push?: number;
33
+ flex?: number | string;
34
+ sm?: GridColSize;
35
+ md?: GridColSize;
36
+ lg?: GridColSize;
37
+ prefixCls?: string;
38
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9HcmlkL2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9HcmlkL2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiQUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
@@ -0,0 +1 @@
1
+ .om-react-ui-grid-row{display:flex;flex-wrap:wrap;justify-content:var(--om-grid-justify,flex-start);margin-right:calc(var(--om-grid-gutter-x, 0px) / -2);margin-left:calc(var(--om-grid-gutter-x, 0px) / -2);row-gap:var(--om-grid-gutter-y,0)}.om-react-ui-grid-row-no-wrap{flex-wrap:nowrap}.om-react-ui-grid-row-align-top{align-items:flex-start}.om-react-ui-grid-row-align-middle{align-items:center}.om-react-ui-grid-row-align-bottom{align-items:flex-end}.om-react-ui-grid-row-align-stretch{align-items:stretch}.om-react-ui-grid-row-justify-start{justify-content:flex-start}.om-react-ui-grid-row-justify-end{justify-content:flex-end}.om-react-ui-grid-row-justify-center{justify-content:center}.om-react-ui-grid-row-justify-space-between{justify-content:space-between}.om-react-ui-grid-row-justify-space-around{justify-content:space-around}.om-react-ui-grid-row-justify-space-evenly{justify-content:space-evenly}@media (max-width:1279.98px){.om-react-ui-grid-row{justify-content:var(--om-grid-justify-lg,var(--om-grid-justify,flex-start))}}@media (max-width:1023.98px){.om-react-ui-grid-row{justify-content:var(--om-grid-justify-md,var(--om-grid-justify,flex-start))}}@media (max-width:767.98px){.om-react-ui-grid-row{justify-content:var(--om-grid-justify-sm,var(--om-grid-justify,flex-start))}}.om-react-ui-grid-col{position:relative;flex:var(--om-grid-col-flex,0 0 auto);max-width:100%;min-height:1px;padding-right:calc(var(--om-grid-gutter-x, 0px) / 2);padding-left:calc(var(--om-grid-gutter-x, 0px) / 2)}.om-react-ui-grid-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.om-react-ui-grid-col-offset-1{margin-left:8.3333333333%}.om-react-ui-grid-col-order-1{order:1}.om-react-ui-grid-col-push-1{left:8.3333333333%}.om-react-ui-grid-col-pull-1{right:8.3333333333%}.om-react-ui-grid-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.om-react-ui-grid-col-offset-2{margin-left:16.6666666667%}.om-react-ui-grid-col-order-2{order:2}.om-react-ui-grid-col-push-2{left:16.6666666667%}.om-react-ui-grid-col-pull-2{right:16.6666666667%}.om-react-ui-grid-col-3{flex:0 0 25%;max-width:25%}.om-react-ui-grid-col-offset-3{margin-left:25%}.om-react-ui-grid-col-order-3{order:3}.om-react-ui-grid-col-push-3{left:25%}.om-react-ui-grid-col-pull-3{right:25%}.om-react-ui-grid-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.om-react-ui-grid-col-offset-4{margin-left:33.3333333333%}.om-react-ui-grid-col-order-4{order:4}.om-react-ui-grid-col-push-4{left:33.3333333333%}.om-react-ui-grid-col-pull-4{right:33.3333333333%}.om-react-ui-grid-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.om-react-ui-grid-col-offset-5{margin-left:41.6666666667%}.om-react-ui-grid-col-order-5{order:5}.om-react-ui-grid-col-push-5{left:41.6666666667%}.om-react-ui-grid-col-pull-5{right:41.6666666667%}.om-react-ui-grid-col-6{flex:0 0 50%;max-width:50%}.om-react-ui-grid-col-offset-6{margin-left:50%}.om-react-ui-grid-col-order-6{order:6}.om-react-ui-grid-col-push-6{left:50%}.om-react-ui-grid-col-pull-6{right:50%}.om-react-ui-grid-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.om-react-ui-grid-col-offset-7{margin-left:58.3333333333%}.om-react-ui-grid-col-order-7{order:7}.om-react-ui-grid-col-push-7{left:58.3333333333%}.om-react-ui-grid-col-pull-7{right:58.3333333333%}.om-react-ui-grid-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.om-react-ui-grid-col-offset-8{margin-left:66.6666666667%}.om-react-ui-grid-col-order-8{order:8}.om-react-ui-grid-col-push-8{left:66.6666666667%}.om-react-ui-grid-col-pull-8{right:66.6666666667%}.om-react-ui-grid-col-9{flex:0 0 75%;max-width:75%}.om-react-ui-grid-col-offset-9{margin-left:75%}.om-react-ui-grid-col-order-9{order:9}.om-react-ui-grid-col-push-9{left:75%}.om-react-ui-grid-col-pull-9{right:75%}.om-react-ui-grid-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.om-react-ui-grid-col-offset-10{margin-left:83.3333333333%}.om-react-ui-grid-col-order-10{order:10}.om-react-ui-grid-col-push-10{left:83.3333333333%}.om-react-ui-grid-col-pull-10{right:83.3333333333%}.om-react-ui-grid-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.om-react-ui-grid-col-offset-11{margin-left:91.6666666667%}.om-react-ui-grid-col-order-11{order:11}.om-react-ui-grid-col-push-11{left:91.6666666667%}.om-react-ui-grid-col-pull-11{right:91.6666666667%}.om-react-ui-grid-col-12{flex:0 0 100%;max-width:100%}.om-react-ui-grid-col-offset-12{margin-left:100%}.om-react-ui-grid-col-order-12{order:12}.om-react-ui-grid-col-push-12{left:100%}.om-react-ui-grid-col-pull-12{right:100%}@media (max-width:1279.98px){.om-react-ui-grid-col{flex:var(--om-grid-col-flex-lg,var(--om-grid-col-flex,0 0 auto));padding-right:calc(var(--om-grid-gutter-x-lg, var(--om-grid-gutter-x, 0px)) / 2);padding-left:calc(var(--om-grid-gutter-x-lg, var(--om-grid-gutter-x, 0px)) / 2)}.om-react-ui-grid-row{margin-right:calc(var(--om-grid-gutter-x-lg, var(--om-grid-gutter-x, 0px)) / -2);margin-left:calc(var(--om-grid-gutter-x-lg, var(--om-grid-gutter-x, 0px)) / -2);row-gap:var(--om-grid-gutter-y-lg,var(--om-grid-gutter-y,0))}.om-react-ui-grid-col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.om-react-ui-grid-col-lg-offset-1{margin-left:8.3333333333%}.om-react-ui-grid-col-lg-order-1{order:1}.om-react-ui-grid-col-lg-push-1{left:8.3333333333%}.om-react-ui-grid-col-lg-pull-1{right:8.3333333333%}.om-react-ui-grid-col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.om-react-ui-grid-col-lg-offset-2{margin-left:16.6666666667%}.om-react-ui-grid-col-lg-order-2{order:2}.om-react-ui-grid-col-lg-push-2{left:16.6666666667%}.om-react-ui-grid-col-lg-pull-2{right:16.6666666667%}.om-react-ui-grid-col-lg-3{flex:0 0 25%;max-width:25%}.om-react-ui-grid-col-lg-offset-3{margin-left:25%}.om-react-ui-grid-col-lg-order-3{order:3}.om-react-ui-grid-col-lg-push-3{left:25%}.om-react-ui-grid-col-lg-pull-3{right:25%}.om-react-ui-grid-col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.om-react-ui-grid-col-lg-offset-4{margin-left:33.3333333333%}.om-react-ui-grid-col-lg-order-4{order:4}.om-react-ui-grid-col-lg-push-4{left:33.3333333333%}.om-react-ui-grid-col-lg-pull-4{right:33.3333333333%}.om-react-ui-grid-col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.om-react-ui-grid-col-lg-offset-5{margin-left:41.6666666667%}.om-react-ui-grid-col-lg-order-5{order:5}.om-react-ui-grid-col-lg-push-5{left:41.6666666667%}.om-react-ui-grid-col-lg-pull-5{right:41.6666666667%}.om-react-ui-grid-col-lg-6{flex:0 0 50%;max-width:50%}.om-react-ui-grid-col-lg-offset-6{margin-left:50%}.om-react-ui-grid-col-lg-order-6{order:6}.om-react-ui-grid-col-lg-push-6{left:50%}.om-react-ui-grid-col-lg-pull-6{right:50%}.om-react-ui-grid-col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.om-react-ui-grid-col-lg-offset-7{margin-left:58.3333333333%}.om-react-ui-grid-col-lg-order-7{order:7}.om-react-ui-grid-col-lg-push-7{left:58.3333333333%}.om-react-ui-grid-col-lg-pull-7{right:58.3333333333%}.om-react-ui-grid-col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.om-react-ui-grid-col-lg-offset-8{margin-left:66.6666666667%}.om-react-ui-grid-col-lg-order-8{order:8}.om-react-ui-grid-col-lg-push-8{left:66.6666666667%}.om-react-ui-grid-col-lg-pull-8{right:66.6666666667%}.om-react-ui-grid-col-lg-9{flex:0 0 75%;max-width:75%}.om-react-ui-grid-col-lg-offset-9{margin-left:75%}.om-react-ui-grid-col-lg-order-9{order:9}.om-react-ui-grid-col-lg-push-9{left:75%}.om-react-ui-grid-col-lg-pull-9{right:75%}.om-react-ui-grid-col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.om-react-ui-grid-col-lg-offset-10{margin-left:83.3333333333%}.om-react-ui-grid-col-lg-order-10{order:10}.om-react-ui-grid-col-lg-push-10{left:83.3333333333%}.om-react-ui-grid-col-lg-pull-10{right:83.3333333333%}.om-react-ui-grid-col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.om-react-ui-grid-col-lg-offset-11{margin-left:91.6666666667%}.om-react-ui-grid-col-lg-order-11{order:11}.om-react-ui-grid-col-lg-push-11{left:91.6666666667%}.om-react-ui-grid-col-lg-pull-11{right:91.6666666667%}.om-react-ui-grid-col-lg-12{flex:0 0 100%;max-width:100%}.om-react-ui-grid-col-lg-offset-12{margin-left:100%}.om-react-ui-grid-col-lg-order-12{order:12}.om-react-ui-grid-col-lg-push-12{left:100%}.om-react-ui-grid-col-lg-pull-12{right:100%}}@media (max-width:1023.98px){.om-react-ui-grid-col{flex:var(--om-grid-col-flex-md,var(--om-grid-col-flex,0 0 auto));padding-right:calc(var(--om-grid-gutter-x-md, var(--om-grid-gutter-x, 0px)) / 2);padding-left:calc(var(--om-grid-gutter-x-md, var(--om-grid-gutter-x, 0px)) / 2)}.om-react-ui-grid-row{margin-right:calc(var(--om-grid-gutter-x-md, var(--om-grid-gutter-x, 0px)) / -2);margin-left:calc(var(--om-grid-gutter-x-md, var(--om-grid-gutter-x, 0px)) / -2);row-gap:var(--om-grid-gutter-y-md,var(--om-grid-gutter-y,0))}.om-react-ui-grid-col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.om-react-ui-grid-col-md-offset-1{margin-left:8.3333333333%}.om-react-ui-grid-col-md-order-1{order:1}.om-react-ui-grid-col-md-push-1{left:8.3333333333%}.om-react-ui-grid-col-md-pull-1{right:8.3333333333%}.om-react-ui-grid-col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.om-react-ui-grid-col-md-offset-2{margin-left:16.6666666667%}.om-react-ui-grid-col-md-order-2{order:2}.om-react-ui-grid-col-md-push-2{left:16.6666666667%}.om-react-ui-grid-col-md-pull-2{right:16.6666666667%}.om-react-ui-grid-col-md-3{flex:0 0 25%;max-width:25%}.om-react-ui-grid-col-md-offset-3{margin-left:25%}.om-react-ui-grid-col-md-order-3{order:3}.om-react-ui-grid-col-md-push-3{left:25%}.om-react-ui-grid-col-md-pull-3{right:25%}.om-react-ui-grid-col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.om-react-ui-grid-col-md-offset-4{margin-left:33.3333333333%}.om-react-ui-grid-col-md-order-4{order:4}.om-react-ui-grid-col-md-push-4{left:33.3333333333%}.om-react-ui-grid-col-md-pull-4{right:33.3333333333%}.om-react-ui-grid-col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.om-react-ui-grid-col-md-offset-5{margin-left:41.6666666667%}.om-react-ui-grid-col-md-order-5{order:5}.om-react-ui-grid-col-md-push-5{left:41.6666666667%}.om-react-ui-grid-col-md-pull-5{right:41.6666666667%}.om-react-ui-grid-col-md-6{flex:0 0 50%;max-width:50%}.om-react-ui-grid-col-md-offset-6{margin-left:50%}.om-react-ui-grid-col-md-order-6{order:6}.om-react-ui-grid-col-md-push-6{left:50%}.om-react-ui-grid-col-md-pull-6{right:50%}.om-react-ui-grid-col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.om-react-ui-grid-col-md-offset-7{margin-left:58.3333333333%}.om-react-ui-grid-col-md-order-7{order:7}.om-react-ui-grid-col-md-push-7{left:58.3333333333%}.om-react-ui-grid-col-md-pull-7{right:58.3333333333%}.om-react-ui-grid-col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.om-react-ui-grid-col-md-offset-8{margin-left:66.6666666667%}.om-react-ui-grid-col-md-order-8{order:8}.om-react-ui-grid-col-md-push-8{left:66.6666666667%}.om-react-ui-grid-col-md-pull-8{right:66.6666666667%}.om-react-ui-grid-col-md-9{flex:0 0 75%;max-width:75%}.om-react-ui-grid-col-md-offset-9{margin-left:75%}.om-react-ui-grid-col-md-order-9{order:9}.om-react-ui-grid-col-md-push-9{left:75%}.om-react-ui-grid-col-md-pull-9{right:75%}.om-react-ui-grid-col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.om-react-ui-grid-col-md-offset-10{margin-left:83.3333333333%}.om-react-ui-grid-col-md-order-10{order:10}.om-react-ui-grid-col-md-push-10{left:83.3333333333%}.om-react-ui-grid-col-md-pull-10{right:83.3333333333%}.om-react-ui-grid-col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.om-react-ui-grid-col-md-offset-11{margin-left:91.6666666667%}.om-react-ui-grid-col-md-order-11{order:11}.om-react-ui-grid-col-md-push-11{left:91.6666666667%}.om-react-ui-grid-col-md-pull-11{right:91.6666666667%}.om-react-ui-grid-col-md-12{flex:0 0 100%;max-width:100%}.om-react-ui-grid-col-md-offset-12{margin-left:100%}.om-react-ui-grid-col-md-order-12{order:12}.om-react-ui-grid-col-md-push-12{left:100%}.om-react-ui-grid-col-md-pull-12{right:100%}}@media (max-width:767.98px){.om-react-ui-grid-col{flex:var(--om-grid-col-flex-sm,var(--om-grid-col-flex,0 0 auto));padding-right:calc(var(--om-grid-gutter-x-sm, var(--om-grid-gutter-x, 0px)) / 2);padding-left:calc(var(--om-grid-gutter-x-sm, var(--om-grid-gutter-x, 0px)) / 2)}.om-react-ui-grid-row{margin-right:calc(var(--om-grid-gutter-x-sm, var(--om-grid-gutter-x, 0px)) / -2);margin-left:calc(var(--om-grid-gutter-x-sm, var(--om-grid-gutter-x, 0px)) / -2);row-gap:var(--om-grid-gutter-y-sm,var(--om-grid-gutter-y,0))}.om-react-ui-grid-col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.om-react-ui-grid-col-sm-offset-1{margin-left:8.3333333333%}.om-react-ui-grid-col-sm-order-1{order:1}.om-react-ui-grid-col-sm-push-1{left:8.3333333333%}.om-react-ui-grid-col-sm-pull-1{right:8.3333333333%}.om-react-ui-grid-col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.om-react-ui-grid-col-sm-offset-2{margin-left:16.6666666667%}.om-react-ui-grid-col-sm-order-2{order:2}.om-react-ui-grid-col-sm-push-2{left:16.6666666667%}.om-react-ui-grid-col-sm-pull-2{right:16.6666666667%}.om-react-ui-grid-col-sm-3{flex:0 0 25%;max-width:25%}.om-react-ui-grid-col-sm-offset-3{margin-left:25%}.om-react-ui-grid-col-sm-order-3{order:3}.om-react-ui-grid-col-sm-push-3{left:25%}.om-react-ui-grid-col-sm-pull-3{right:25%}.om-react-ui-grid-col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.om-react-ui-grid-col-sm-offset-4{margin-left:33.3333333333%}.om-react-ui-grid-col-sm-order-4{order:4}.om-react-ui-grid-col-sm-push-4{left:33.3333333333%}.om-react-ui-grid-col-sm-pull-4{right:33.3333333333%}.om-react-ui-grid-col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.om-react-ui-grid-col-sm-offset-5{margin-left:41.6666666667%}.om-react-ui-grid-col-sm-order-5{order:5}.om-react-ui-grid-col-sm-push-5{left:41.6666666667%}.om-react-ui-grid-col-sm-pull-5{right:41.6666666667%}.om-react-ui-grid-col-sm-6{flex:0 0 50%;max-width:50%}.om-react-ui-grid-col-sm-offset-6{margin-left:50%}.om-react-ui-grid-col-sm-order-6{order:6}.om-react-ui-grid-col-sm-push-6{left:50%}.om-react-ui-grid-col-sm-pull-6{right:50%}.om-react-ui-grid-col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.om-react-ui-grid-col-sm-offset-7{margin-left:58.3333333333%}.om-react-ui-grid-col-sm-order-7{order:7}.om-react-ui-grid-col-sm-push-7{left:58.3333333333%}.om-react-ui-grid-col-sm-pull-7{right:58.3333333333%}.om-react-ui-grid-col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.om-react-ui-grid-col-sm-offset-8{margin-left:66.6666666667%}.om-react-ui-grid-col-sm-order-8{order:8}.om-react-ui-grid-col-sm-push-8{left:66.6666666667%}.om-react-ui-grid-col-sm-pull-8{right:66.6666666667%}.om-react-ui-grid-col-sm-9{flex:0 0 75%;max-width:75%}.om-react-ui-grid-col-sm-offset-9{margin-left:75%}.om-react-ui-grid-col-sm-order-9{order:9}.om-react-ui-grid-col-sm-push-9{left:75%}.om-react-ui-grid-col-sm-pull-9{right:75%}.om-react-ui-grid-col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.om-react-ui-grid-col-sm-offset-10{margin-left:83.3333333333%}.om-react-ui-grid-col-sm-order-10{order:10}.om-react-ui-grid-col-sm-push-10{left:83.3333333333%}.om-react-ui-grid-col-sm-pull-10{right:83.3333333333%}.om-react-ui-grid-col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.om-react-ui-grid-col-sm-offset-11{margin-left:91.6666666667%}.om-react-ui-grid-col-sm-order-11{order:11}.om-react-ui-grid-col-sm-push-11{left:91.6666666667%}.om-react-ui-grid-col-sm-pull-11{right:91.6666666667%}.om-react-ui-grid-col-sm-12{flex:0 0 100%;max-width:100%}.om-react-ui-grid-col-sm-offset-12{margin-left:100%}.om-react-ui-grid-col-sm-order-12{order:12}.om-react-ui-grid-col-sm-push-12{left:100%}.om-react-ui-grid-col-sm-pull-12{right:100%}}
@@ -0,0 +1,196 @@
1
+ @use '../../../variable.scss' as *;
2
+ @use 'sass:math';
3
+
4
+ $component-row: 'grid-row';
5
+ $component-col: 'grid-col';
6
+ $grid-columns: 12;
7
+ $grid-index-start: 1;
8
+ $grid-breakpoint-sm: 768px;
9
+ $grid-breakpoint-md: 1024px;
10
+ $grid-breakpoint-lg: 1280px;
11
+ $grid-breakpoint-step: 1px;
12
+ $grid-col-min-height: 1px;
13
+ $grid-col-max-width: 100%;
14
+ $grid-gutter-divisor: 2;
15
+ $grid-gutter-fallback: 0px;
16
+ $grid-col-flex-fallback: 0 0 auto;
17
+ $grid-var-gutter-x: '--om-grid-gutter-x';
18
+ $grid-var-gutter-y: '--om-grid-gutter-y';
19
+ $grid-var-gutter-x-sm: '--om-grid-gutter-x-sm';
20
+ $grid-var-gutter-y-sm: '--om-grid-gutter-y-sm';
21
+ $grid-var-gutter-x-md: '--om-grid-gutter-x-md';
22
+ $grid-var-gutter-y-md: '--om-grid-gutter-y-md';
23
+ $grid-var-gutter-x-lg: '--om-grid-gutter-x-lg';
24
+ $grid-var-gutter-y-lg: '--om-grid-gutter-y-lg';
25
+ $grid-var-justify: '--om-grid-justify';
26
+ $grid-var-justify-sm: '--om-grid-justify-sm';
27
+ $grid-var-justify-md: '--om-grid-justify-md';
28
+ $grid-var-justify-lg: '--om-grid-justify-lg';
29
+ $grid-var-col-flex: '--om-grid-col-flex';
30
+ $grid-var-col-flex-sm: '--om-grid-col-flex-sm';
31
+ $grid-var-col-flex-md: '--om-grid-col-flex-md';
32
+ $grid-var-col-flex-lg: '--om-grid-col-flex-lg';
33
+ $grid-justify-breakpoint-sm: $grid-breakpoint-sm;
34
+ $grid-justify-breakpoint-md: $grid-breakpoint-md;
35
+ $grid-justify-breakpoint-lg: $grid-breakpoint-lg;
36
+ $grid-justify-fallback: flex-start;
37
+
38
+ // Use a 0.02px offset to avoid overlapping max-width boundaries while reducing sub-pixel rounding inconsistencies.
39
+ @function grid-max-width($value, $step: $grid-breakpoint-step) {
40
+ @return $value - math.div($step, 50);
41
+ }
42
+
43
+ .#{$prefix}-#{$component-row} {
44
+ display: flex;
45
+ flex-wrap: wrap;
46
+ justify-content: var(#{$grid-var-justify}, #{$grid-justify-fallback});
47
+ margin-right: calc(var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback}) / -#{$grid-gutter-divisor});
48
+ margin-left: calc(var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback}) / -#{$grid-gutter-divisor});
49
+ row-gap: var(#{$grid-var-gutter-y}, #{$grid-gutter-fallback});
50
+
51
+ &-no-wrap {
52
+ flex-wrap: nowrap;
53
+ }
54
+
55
+ &-align-top {
56
+ align-items: flex-start;
57
+ }
58
+
59
+ &-align-middle {
60
+ align-items: center;
61
+ }
62
+
63
+ &-align-bottom {
64
+ align-items: flex-end;
65
+ }
66
+
67
+ &-align-stretch {
68
+ align-items: stretch;
69
+ }
70
+
71
+ &-justify-start {
72
+ justify-content: flex-start;
73
+ }
74
+
75
+ &-justify-end {
76
+ justify-content: flex-end;
77
+ }
78
+
79
+ &-justify-center {
80
+ justify-content: center;
81
+ }
82
+
83
+ &-justify-space-between {
84
+ justify-content: space-between;
85
+ }
86
+
87
+ &-justify-space-around {
88
+ justify-content: space-around;
89
+ }
90
+
91
+ &-justify-space-evenly {
92
+ justify-content: space-evenly;
93
+ }
94
+ }
95
+
96
+ @media (max-width: grid-max-width($grid-justify-breakpoint-lg)) {
97
+ .#{$prefix}-#{$component-row} {
98
+ justify-content: var(#{$grid-var-justify-lg}, var(#{$grid-var-justify}, #{$grid-justify-fallback}));
99
+ }
100
+ }
101
+
102
+ @media (max-width: grid-max-width($grid-justify-breakpoint-md)) {
103
+ .#{$prefix}-#{$component-row} {
104
+ justify-content: var(#{$grid-var-justify-md}, var(#{$grid-var-justify}, #{$grid-justify-fallback}));
105
+ }
106
+ }
107
+
108
+ @media (max-width: grid-max-width($grid-justify-breakpoint-sm)) {
109
+ .#{$prefix}-#{$component-row} {
110
+ justify-content: var(#{$grid-var-justify-sm}, var(#{$grid-var-justify}, #{$grid-justify-fallback}));
111
+ }
112
+ }
113
+
114
+ .#{$prefix}-#{$component-col} {
115
+ position: relative;
116
+ flex: var(#{$grid-var-col-flex}, #{$grid-col-flex-fallback});
117
+ max-width: $grid-col-max-width;
118
+ min-height: $grid-col-min-height;
119
+ padding-right: calc(var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback}) / #{$grid-gutter-divisor});
120
+ padding-left: calc(var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback}) / #{$grid-gutter-divisor});
121
+ }
122
+
123
+ @mixin make-col-classes($infix: '') {
124
+ @for $i from $grid-index-start through $grid-columns {
125
+ .#{$prefix}-#{$component-col}#{$infix}-#{$i} {
126
+ flex: 0 0 math.percentage(math.div($i, $grid-columns));
127
+ max-width: math.percentage(math.div($i, $grid-columns));
128
+ }
129
+
130
+ .#{$prefix}-#{$component-col}#{$infix}-offset-#{$i} {
131
+ margin-left: math.percentage(math.div($i, $grid-columns));
132
+ }
133
+
134
+ .#{$prefix}-#{$component-col}#{$infix}-order-#{$i} {
135
+ order: $i;
136
+ }
137
+
138
+ .#{$prefix}-#{$component-col}#{$infix}-push-#{$i} {
139
+ left: math.percentage(math.div($i, $grid-columns));
140
+ }
141
+
142
+ .#{$prefix}-#{$component-col}#{$infix}-pull-#{$i} {
143
+ right: math.percentage(math.div($i, $grid-columns));
144
+ }
145
+ }
146
+ }
147
+
148
+ @include make-col-classes('');
149
+
150
+ @media (max-width: grid-max-width($grid-breakpoint-lg)) {
151
+ .#{$prefix}-#{$component-col} {
152
+ flex: var(#{$grid-var-col-flex-lg}, var(#{$grid-var-col-flex}, #{$grid-col-flex-fallback}));
153
+ padding-right: calc(var(#{$grid-var-gutter-x-lg}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
154
+ padding-left: calc(var(#{$grid-var-gutter-x-lg}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
155
+ }
156
+
157
+ .#{$prefix}-#{$component-row} {
158
+ margin-right: calc(var(#{$grid-var-gutter-x-lg}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
159
+ margin-left: calc(var(#{$grid-var-gutter-x-lg}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
160
+ row-gap: var(#{$grid-var-gutter-y-lg}, var(#{$grid-var-gutter-y}, #{$grid-gutter-fallback}));
161
+ }
162
+
163
+ @include make-col-classes('-lg');
164
+ }
165
+
166
+ @media (max-width: grid-max-width($grid-breakpoint-md)) {
167
+ .#{$prefix}-#{$component-col} {
168
+ flex: var(#{$grid-var-col-flex-md}, var(#{$grid-var-col-flex}, #{$grid-col-flex-fallback}));
169
+ padding-right: calc(var(#{$grid-var-gutter-x-md}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
170
+ padding-left: calc(var(#{$grid-var-gutter-x-md}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
171
+ }
172
+
173
+ .#{$prefix}-#{$component-row} {
174
+ margin-right: calc(var(#{$grid-var-gutter-x-md}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
175
+ margin-left: calc(var(#{$grid-var-gutter-x-md}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
176
+ row-gap: var(#{$grid-var-gutter-y-md}, var(#{$grid-var-gutter-y}, #{$grid-gutter-fallback}));
177
+ }
178
+
179
+ @include make-col-classes('-md');
180
+ }
181
+
182
+ @media (max-width: grid-max-width($grid-breakpoint-sm)) {
183
+ .#{$prefix}-#{$component-col} {
184
+ flex: var(#{$grid-var-col-flex-sm}, var(#{$grid-var-col-flex}, #{$grid-col-flex-fallback}));
185
+ padding-right: calc(var(#{$grid-var-gutter-x-sm}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
186
+ padding-left: calc(var(#{$grid-var-gutter-x-sm}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
187
+ }
188
+
189
+ .#{$prefix}-#{$component-row} {
190
+ margin-right: calc(var(#{$grid-var-gutter-x-sm}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
191
+ margin-left: calc(var(#{$grid-var-gutter-x-sm}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
192
+ row-gap: var(#{$grid-var-gutter-y-sm}, var(#{$grid-var-gutter-y}, #{$grid-gutter-fallback}));
193
+ }
194
+
195
+ @include make-col-classes('-sm');
196
+ }
@@ -0,0 +1,2 @@
1
+ import './Grid.css';
2
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvR3JpZC9zcmMvY29tcG9uZW50cy9HcmlkL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0dyaWQvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
@@ -0,0 +1 @@
1
+ import './Grid.scss';
@@ -0,0 +1,2 @@
1
+ import './Grid.scss';
2
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvR3JpZC9zcmMvY29tcG9uZW50cy9HcmlkL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0dyaWQvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
@@ -1 +1 @@
1
- .om-react-ui-input-amount-normal-wrapper{display:inline-flex;flex-direction:column;width:100%}.om-react-ui-input-amount-normal{display:inline-flex;gap:8px;align-items:center;justify-content:start;width:100%;height:56px;max-height:56px;padding:12px 16px;background-color:#f8f8f8;border:1px solid #d1d2d2;border-radius:12px;cursor:text}.om-react-ui-input-amount-normal:hover{border-color:#073387}.om-react-ui-input-amount-normal-focus{border-color:#073387;border-width:2px}.om-react-ui-input-amount-normal-element{width:100%}.om-react-ui-input-amount-normal-element input{width:100%;height:52px;padding:0;color:#131313;font-weight:400;font-size:16px;font-family:inherit;font-style:normal;line-height:22px;background-color:inherit;border:none;border-radius:0;outline:none;transition:none}.om-react-ui-input-amount-normal-element input::placeholder{color:#9fa3a3;font-weight:400}.om-react-ui-input-amount-normal-fake{position:absolute;top:0;left:-9999px;z-index:-1;display:inline-block;white-space:pre;visibility:hidden;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;inset-block-start:0;inset-inline-start:0}.om-react-ui-input-amount-normal-label{display:inline-block;margin-bottom:8px;font-weight:600;font-size:16px;font-style:normal;line-height:18px;word-wrap:break-word;word-break:break-all}.om-react-ui-input-amount-normal-label-required:after{margin-left:4px;color:#ae0000;font-size:16px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-input-amount-normal-label-loading{margin-bottom:8px}.om-react-ui-input-amount-normal-currency,.om-react-ui-input-amount-normal-prefix,.om-react-ui-input-amount-normal-suffix{display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center}.om-react-ui-input-amount-normal-suffix{margin-left:auto}.om-react-ui-input-amount-normal-suffix-loading{display:inline-block;width:16px;height:16px;margin:0 8px 0 auto}.om-react-ui-input-amount-normal-suffix-loading svg circle{stroke:#9fa3a3!important}.om-react-ui-input-amount-normal-message{display:flex;gap:4px;align-items:center;justify-content:flex-start;margin-top:4px;color:#646465;font-weight:400;font-size:12px;font-style:normal;line-height:17px;word-wrap:break-word;word-break:keep-all}.om-react-ui-input-amount-normal-message-success{color:#1f5800}.om-react-ui-input-amount-normal-message-error{color:#ae0000}.om-react-ui-input-amount-normal-footnote{margin-top:4px;text-align:left}.om-react-ui-input-amount-normal-readonly .om-react-ui-input-amount-normal{border-color:#d1d2d2;border-width:1px}.om-react-ui-input-amount-normal-readonly .om-react-ui-input-amount-normal-element input{cursor:default}.om-react-ui-input-amount-normal-disabled .om-react-ui-input-amount-normal{background-color:#e3e4e4;border-color:#e3e4e4;border-width:1px;cursor:not-allowed}.om-react-ui-input-amount-normal-disabled .om-react-ui-input-amount-normal-element input{opacity:1}.om-react-ui-input-amount-normal-disabled.om-react-ui-input-amount-normal-filled .om-react-ui-input-amount-normal{background-color:#f0f0f0;border-color:#f0f0f0;cursor:text}.om-react-ui-input-amount-normal-disabled.om-react-ui-input-amount-normal-filled .om-react-ui-input-amount-normal-element input{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;pointer-events:auto}.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal{border-color:#1f5800;border-width:1px}.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal-element,.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal-element input,.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal-message,.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal-prefix{color:#1f5800}.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal{border-color:#ae0000;border-width:1px}.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal-element,.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal-element input,.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal-message,.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal-prefix{color:#ae0000}.om-react-ui-input-amount-normal-small .om-react-ui-input-amount-normal{height:44px;max-height:44px}.om-react-ui-input-amount-normal-small .om-react-ui-input-amount-normal-element input{height:40px;font-size:14px;line-height:20px}
1
+ .om-react-ui-input-amount-normal-wrapper{display:inline-flex;flex-direction:column;width:100%}.om-react-ui-input-amount-normal{display:inline-flex;gap:8px;align-items:center;justify-content:flex-start;width:100%;height:56px;max-height:56px;padding:12px 16px;background-color:#f8f8f8;border:1px solid #d1d2d2;border-radius:12px;cursor:text}.om-react-ui-input-amount-normal:hover{border-color:#073387}.om-react-ui-input-amount-normal-focus{border-color:#073387;border-width:2px}.om-react-ui-input-amount-normal-element{width:100%}.om-react-ui-input-amount-normal-element input{width:100%;height:52px;padding:0;color:#131313;font-weight:400;font-size:16px;font-family:inherit;font-style:normal;line-height:22px;background-color:inherit;border:none;border-radius:0;outline:none;transition:none}.om-react-ui-input-amount-normal-element input::placeholder{color:#9fa3a3;font-weight:400}.om-react-ui-input-amount-normal-fake{position:absolute;top:0;left:-9999px;z-index:-1;display:inline-block;white-space:pre;visibility:hidden;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;inset-block-start:0;inset-inline-start:0}.om-react-ui-input-amount-normal-label{display:inline-block;margin-bottom:8px;font-weight:600;font-size:16px;font-style:normal;line-height:18px;word-wrap:break-word;word-break:break-all}.om-react-ui-input-amount-normal-label-required:after{margin-left:4px;color:#ae0000;font-size:16px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-input-amount-normal-label-loading{margin-bottom:8px}.om-react-ui-input-amount-normal-currency,.om-react-ui-input-amount-normal-prefix,.om-react-ui-input-amount-normal-suffix{display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center}.om-react-ui-input-amount-normal-suffix{margin-left:auto}.om-react-ui-input-amount-normal-suffix-loading{display:inline-block;width:16px;height:16px;margin:0 8px 0 auto}.om-react-ui-input-amount-normal-suffix-loading svg circle{stroke:#9fa3a3!important}.om-react-ui-input-amount-normal-message{display:flex;gap:4px;align-items:center;justify-content:flex-start;margin-top:4px;color:#646465;font-weight:400;font-size:12px;font-style:normal;line-height:17px;word-wrap:break-word;word-break:keep-all}.om-react-ui-input-amount-normal-message-success{color:#1f5800}.om-react-ui-input-amount-normal-message-error{color:#ae0000}.om-react-ui-input-amount-normal-footnote{margin-top:4px;text-align:left}.om-react-ui-input-amount-normal-readonly .om-react-ui-input-amount-normal{border-color:#d1d2d2;border-width:1px}.om-react-ui-input-amount-normal-readonly .om-react-ui-input-amount-normal-element input{cursor:default}.om-react-ui-input-amount-normal-disabled .om-react-ui-input-amount-normal{background-color:#e3e4e4;border-color:#e3e4e4;border-width:1px;cursor:not-allowed}.om-react-ui-input-amount-normal-disabled .om-react-ui-input-amount-normal-element input{opacity:1}.om-react-ui-input-amount-normal-disabled.om-react-ui-input-amount-normal-filled .om-react-ui-input-amount-normal{background-color:#f0f0f0;border-color:#f0f0f0;cursor:text}.om-react-ui-input-amount-normal-disabled.om-react-ui-input-amount-normal-filled .om-react-ui-input-amount-normal-element input{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;pointer-events:auto}.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal{border-color:#1f5800;border-width:1px}.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal-element,.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal-element input,.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal-message,.om-react-ui-input-amount-normal-success .om-react-ui-input-amount-normal-prefix{color:#1f5800}.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal{border-color:#ae0000;border-width:1px}.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal-element,.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal-element input,.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal-message,.om-react-ui-input-amount-normal-invalid .om-react-ui-input-amount-normal-prefix{color:#ae0000}.om-react-ui-input-amount-normal-small .om-react-ui-input-amount-normal{height:44px;max-height:44px}.om-react-ui-input-amount-normal-small .om-react-ui-input-amount-normal-element input{height:40px;font-size:14px;line-height:20px}
@@ -15,7 +15,7 @@ $cls-normal: #{$cls}-normal;
15
15
  display: inline-flex;
16
16
  gap: 8px;
17
17
  align-items: center;
18
- justify-content: start;
18
+ justify-content: flex-start;
19
19
  width: 100%;
20
20
  height: 56px;
21
21
  max-height: 56px;
@@ -252,4 +252,4 @@ $cls-normal: #{$cls}-normal;
252
252
  }
253
253
  }
254
254
  }
255
- }
255
+ }
@@ -1 +1 @@
1
- .om-react-ui-input-amount-primary-wrapper{display:inline-flex;flex-direction:column;gap:16px;width:100%}.om-react-ui-input-amount-primary{display:inline-flex;gap:8px;align-items:center;justify-content:start;width:100%;padding-bottom:16px;border-bottom:1px solid #d1d2d2;cursor:text}.om-react-ui-input-amount-primary-focus{border-bottom-color:#073387}.om-react-ui-input-amount-primary-element{position:relative;display:inline-flex;flex-grow:0;color:#073387;font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px}.om-react-ui-input-amount-primary-element input{position:relative;width:var(--input-width);max-width:100%;padding:0;color:inherit;font-weight:inherit;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;border:none;border-radius:0;outline:none;box-shadow:none}.om-react-ui-input-amount-primary-element input::placeholder{color:inherit}.om-react-ui-input-amount-primary-element-max:after{position:absolute;top:0;right:0;width:98px;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.51) 37.98%,#fff 84.13%);cursor:text;content:""}.om-react-ui-input-amount-primary-fake{position:absolute;top:0;left:-9999px;z-index:-1;display:inline-block;color:#073387;font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px;white-space:pre;visibility:hidden;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;inset-block-start:0;inset-inline-start:0}.om-react-ui-input-amount-primary-label{display:inline-block;margin-bottom:8px;font-weight:600;font-size:16px;font-style:normal;line-height:18px;word-wrap:break-word;word-break:break-all}.om-react-ui-input-amount-primary-label-required:after{margin-left:4px;color:#ae0000;font-size:16px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-input-amount-primary-label-loading{margin-bottom:8px}.om-react-ui-input-amount-primary-currency,.om-react-ui-input-amount-primary-prefix,.om-react-ui-input-amount-primary-suffix{display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center}.om-react-ui-input-amount-primary-prefix{color:#073387}.om-react-ui-input-amount-primary-currency,.om-react-ui-input-amount-primary-prefix{font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px}.om-react-ui-input-amount-primary-currency{color:#e3e4e4}.om-react-ui-input-amount-primary-suffix{margin-left:auto}.om-react-ui-input-amount-primary-suffix-loading{display:inline-block;width:32px;height:32px;margin:0 8px 0 auto}.om-react-ui-input-amount-primary-suffix-loading svg circle{stroke:#9fa3a3!important}.om-react-ui-input-amount-primary-extra{display:inline-flex;flex-direction:column;gap:16px}.om-react-ui-input-amount-primary-message{color:#131313;font-weight:400;font-size:12px;font-family:var(--font-inter),Inter;line-height:140%}.om-react-ui-input-amount-primary-footnote{text-align:left}.om-react-ui-input-amount-primary-readonly .om-react-ui-input-amount-primary{border-bottom-color:#d1d2d2}.om-react-ui-input-amount-primary-readonly .om-react-ui-input-amount-primary-element,.om-react-ui-input-amount-primary-readonly .om-react-ui-input-amount-primary-message,.om-react-ui-input-amount-primary-readonly .om-react-ui-input-amount-primary-prefix{color:#d1d2d2}.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary{border-bottom-color:#e3e4e4}.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary-element,.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary-message,.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary-prefix{color:#e3e4e4}.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary-element input{background-color:transparent}.om-react-ui-input-amount-primary-success .om-react-ui-input-amount-primary{border-bottom-color:#1f5800}.om-react-ui-input-amount-primary-success .om-react-ui-input-amount-primary-element,.om-react-ui-input-amount-primary-success .om-react-ui-input-amount-primary-message,.om-react-ui-input-amount-primary-success .om-react-ui-input-amount-primary-prefix{color:#1f5800}.om-react-ui-input-amount-primary-invalid .om-react-ui-input-amount-primary{border-bottom-color:#ae0000}.om-react-ui-input-amount-primary-invalid .om-react-ui-input-amount-primary-element,.om-react-ui-input-amount-primary-invalid .om-react-ui-input-amount-primary-message,.om-react-ui-input-amount-primary-invalid .om-react-ui-input-amount-primary-prefix{color:#ae0000}
1
+ .om-react-ui-input-amount-primary-wrapper{display:inline-flex;flex-direction:column;gap:16px;width:100%}.om-react-ui-input-amount-primary{display:inline-flex;gap:8px;align-items:center;justify-content:flex-start;width:100%;padding-bottom:16px;border-bottom:1px solid #d1d2d2;cursor:text}.om-react-ui-input-amount-primary-focus{border-bottom-color:#073387}.om-react-ui-input-amount-primary-element{position:relative;display:inline-flex;flex-grow:0;color:#073387;font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px}.om-react-ui-input-amount-primary-element input{position:relative;width:var(--input-width);max-width:100%;padding:0;color:inherit;font-weight:inherit;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;border:none;border-radius:0;outline:none;box-shadow:none}.om-react-ui-input-amount-primary-element input::placeholder{color:inherit}.om-react-ui-input-amount-primary-element-max:after{position:absolute;top:0;right:0;width:98px;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.51) 37.98%,#fff 84.13%);cursor:text;content:""}.om-react-ui-input-amount-primary-fake{position:absolute;top:0;left:-9999px;z-index:-1;display:inline-block;color:#073387;font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px;white-space:pre;visibility:hidden;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;inset-block-start:0;inset-inline-start:0}.om-react-ui-input-amount-primary-label{display:inline-block;margin-bottom:8px;font-weight:600;font-size:16px;font-style:normal;line-height:18px;word-wrap:break-word;word-break:break-all}.om-react-ui-input-amount-primary-label-required:after{margin-left:4px;color:#ae0000;font-size:16px;font-style:normal;line-height:120%;content:"*"}.om-react-ui-input-amount-primary-label-loading{margin-bottom:8px}.om-react-ui-input-amount-primary-currency,.om-react-ui-input-amount-primary-prefix,.om-react-ui-input-amount-primary-suffix{display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center}.om-react-ui-input-amount-primary-prefix{color:#073387}.om-react-ui-input-amount-primary-currency,.om-react-ui-input-amount-primary-prefix{font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px}.om-react-ui-input-amount-primary-currency{color:#e3e4e4}.om-react-ui-input-amount-primary-suffix{margin-left:auto}.om-react-ui-input-amount-primary-suffix-loading{display:inline-block;width:32px;height:32px;margin:0 8px 0 auto}.om-react-ui-input-amount-primary-suffix-loading svg circle{stroke:#9fa3a3!important}.om-react-ui-input-amount-primary-extra{display:inline-flex;flex-direction:column;gap:16px}.om-react-ui-input-amount-primary-message{color:#131313;font-weight:400;font-size:12px;font-family:var(--font-inter),Inter;line-height:140%}.om-react-ui-input-amount-primary-footnote{text-align:left}.om-react-ui-input-amount-primary-readonly .om-react-ui-input-amount-primary{border-bottom-color:#d1d2d2}.om-react-ui-input-amount-primary-readonly .om-react-ui-input-amount-primary-element,.om-react-ui-input-amount-primary-readonly .om-react-ui-input-amount-primary-message,.om-react-ui-input-amount-primary-readonly .om-react-ui-input-amount-primary-prefix{color:#d1d2d2}.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary{border-bottom-color:#e3e4e4}.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary-element,.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary-message,.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary-prefix{color:#e3e4e4}.om-react-ui-input-amount-primary-disabled .om-react-ui-input-amount-primary-element input{background-color:transparent}.om-react-ui-input-amount-primary-success .om-react-ui-input-amount-primary{border-bottom-color:#1f5800}.om-react-ui-input-amount-primary-success .om-react-ui-input-amount-primary-element,.om-react-ui-input-amount-primary-success .om-react-ui-input-amount-primary-message,.om-react-ui-input-amount-primary-success .om-react-ui-input-amount-primary-prefix{color:#1f5800}.om-react-ui-input-amount-primary-invalid .om-react-ui-input-amount-primary{border-bottom-color:#ae0000}.om-react-ui-input-amount-primary-invalid .om-react-ui-input-amount-primary-element,.om-react-ui-input-amount-primary-invalid .om-react-ui-input-amount-primary-message,.om-react-ui-input-amount-primary-invalid .om-react-ui-input-amount-primary-prefix{color:#ae0000}
@@ -26,7 +26,7 @@ $cls-primary: #{$cls}-primary;
26
26
  display: inline-flex;
27
27
  gap: 8px;
28
28
  align-items: center;
29
- justify-content: start;
29
+ justify-content: flex-start;
30
30
  width: 100%;
31
31
  padding-bottom: 16px;
32
32
  border-bottom: 1px solid $color-grey-bold;
@@ -226,4 +226,4 @@ $cls-primary: #{$cls}-primary;
226
226
  color: $color-negative;
227
227
  }
228
228
  }
229
- }
229
+ }
@@ -1 +1 @@
1
- .om-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.om-react-ui-message .p-icon{width:14px;height:14px}.om-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.om-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}
1
+ .om-react-ui-message{align-items:flex-start;justify-content:flex-start;padding:10px;border-radius:6px}.om-react-ui-message .p-icon{width:14px;height:14px}.om-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.om-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}
@@ -3,8 +3,8 @@
3
3
  $component: 'message';
4
4
 
5
5
  .#{$prefix}-#{$component} {
6
- align-items: start;
7
- justify-content: start;
6
+ align-items: flex-start;
7
+ justify-content: flex-start;
8
8
  padding: 10px;
9
9
  border-radius: 6px;
10
10
 
@@ -23,4 +23,4 @@ $component: 'message';
23
23
  color: #FF5757;
24
24
  background-color: rgba(255, 231, 230, 70%);
25
25
  }
26
- }
26
+ }
@@ -1 +1 @@
1
- .om-react-ui-sidebar{height:100vh;padding:40px 16px 24px;background-color:#fefefe;border-right:1px solid #e3e4e4}.om-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.om-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu{margin-top:32px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu>ul{display:flex;flex-direction:column;gap:4px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button{display:inline-flex;gap:8px;align-items:center;width:100%;height:36px;padding:8px 16px;color:#646465;font-weight:500;font-size:14px;border-radius:12px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button:hover{color:inherit;background-color:#f0f0f0}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-icon{display:inline-flex;align-items:center;justify-content:start;width:16px;min-width:16px;height:16px;margin-right:0;color:inherit}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-submenu-expand-icon{display:inline-flex;align-items:center}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-suffix{height:16px;margin:0 0 0 auto}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-active{color:#131313;background-color:#edf2f9;border:none}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-disabled{cursor:not-allowed;opacity:.4}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-submenu-content{background-color:#fefefe;border-radius:8px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-submenu-content.ps-open{padding:4px 0 8px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul{display:flex;flex-direction:column;gap:4px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul .ps-menu-button{height:36px;padding:8px 16px 8px 40px}.om-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 0 8px 8px}.om-react-ui-sidebar-logo{display:inline-flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.om-react-ui-sidebar-menu-prefix{margin-top:24px;margin-bottom:-8px}.om-react-ui-sidebar-collapse{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin:32px auto 0;padding:8px 12px;background-color:#f0f0f0;border-radius:12px;cursor:pointer}.om-react-ui-sidebar-collapse-collapsed{width:36px;height:36px}.om-react-ui-sidebar-collapse-collapsed .om-react-ui-sidebar-collapse-text{display:none}.om-react-ui-sidebar-collapse-text{color:#646465;font-weight:500;font-size:14px}.om-react-ui-sidebar.ps-collapsed{padding:40px 8px 24px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container{align-items:center;overflow:visible}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-sidebar-header{padding:0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-sidebar-menu{margin-top:32px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-sidebar-menu>ul{gap:8px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{flex-direction:column;gap:4px;height:auto;padding:8px;font-size:10px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-label{line-height:108%;white-space:pre-line;text-align:center}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content{margin-left:2px!important;padding:0;background-color:#f8f8f8;border-radius:12px;box-shadow:0 255px 71px 0 transparent,0 10px 22px 0 rgba(0,0,0,.1)}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content>ul{gap:0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root{padding:0 12px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:hover{background-color:#f0f0f0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:has(.ps-menu-button.ps-active){background-color:#edf2f9}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:first-child .ps-menu-button{margin-top:4px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:last-child .ps-menu-button{margin-bottom:4px;border-bottom:none}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button{height:40px;padding:12px 0;font-size:14px;border:none;border-bottom:1px solid #e3e4e4;border-radius:0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button.ps-active{background-color:inherit}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button{flex-direction:row;gap:8px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span{flex-grow:0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span:only-child{padding-left:28px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-header{padding-left:22px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-footer{padding-left:16px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-footer-logout-text{display:none}
1
+ .om-react-ui-sidebar{height:100vh;padding:40px 16px 24px;background-color:#fefefe;border-right:1px solid #e3e4e4}.om-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.om-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu{margin-top:32px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu>ul{display:flex;flex-direction:column;gap:4px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button{display:inline-flex;gap:8px;align-items:center;width:100%;height:36px;padding:8px 16px;color:#646465;font-weight:500;font-size:14px;border-radius:12px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button:hover{color:inherit;background-color:#f0f0f0}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-icon{display:inline-flex;align-items:center;justify-content:flex-start;width:16px;min-width:16px;height:16px;margin-right:0;color:inherit}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-submenu-expand-icon{display:inline-flex;align-items:center}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-suffix{height:16px;margin:0 0 0 auto}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-active{color:#131313;background-color:#edf2f9;border:none}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-disabled{cursor:not-allowed;opacity:.4}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-submenu-content{background-color:#fefefe;border-radius:8px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root .ps-submenu-content.ps-open{padding:4px 0 8px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul{display:flex;flex-direction:column;gap:4px}.om-react-ui-sidebar .ps-sidebar-container .om-react-ui-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul .ps-menu-button{height:36px;padding:8px 16px 8px 40px}.om-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 0 8px 8px}.om-react-ui-sidebar-logo{display:inline-flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.om-react-ui-sidebar-menu-prefix{margin-top:24px;margin-bottom:-8px}.om-react-ui-sidebar-collapse{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin:32px auto 0;padding:8px 12px;background-color:#f0f0f0;border-radius:12px;cursor:pointer}.om-react-ui-sidebar-collapse-collapsed{width:36px;height:36px}.om-react-ui-sidebar-collapse-collapsed .om-react-ui-sidebar-collapse-text{display:none}.om-react-ui-sidebar-collapse-text{color:#646465;font-weight:500;font-size:14px}.om-react-ui-sidebar.ps-collapsed{padding:40px 8px 24px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container{align-items:center;overflow:visible}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-sidebar-header{padding:0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-sidebar-menu{margin-top:32px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-sidebar-menu>ul{gap:8px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{flex-direction:column;gap:4px;height:auto;padding:8px;font-size:10px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-label{line-height:108%;white-space:pre-line;text-align:center}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content{margin-left:2px!important;padding:0;background-color:#f8f8f8;border-radius:12px;box-shadow:0 255px 71px 0 transparent,0 10px 22px 0 rgba(0,0,0,.1)}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content>ul{gap:0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root{padding:0 12px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:hover{background-color:#f0f0f0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:has(.ps-menu-button.ps-active){background-color:#edf2f9}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:first-child .ps-menu-button{margin-top:4px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:last-child .ps-menu-button{margin-bottom:4px;border-bottom:none}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button{height:40px;padding:12px 0;font-size:14px;border:none;border-bottom:1px solid #e3e4e4;border-radius:0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button.ps-active{background-color:inherit}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button{flex-direction:row;gap:8px}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span{flex-grow:0}.om-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span:only-child{padding-left:28px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-header{padding-left:22px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-footer{padding-left:16px}.om-react-ui-sidebar.ps-collapsed .om-react-ui-sidebar-footer-logout-text{display:none}
@@ -51,7 +51,7 @@ $cls: #{$prefix}-#{$component};
51
51
  .ps-menu-icon {
52
52
  display: inline-flex;
53
53
  align-items: center;
54
- justify-content: start;
54
+ justify-content: flex-start;
55
55
  width: 16px;
56
56
  min-width: 16px;
57
57
  height: 16px;
@@ -1 +1 @@
1
- .om-react-ui-simply-sidebar{height:100vh;padding:40px 16px 24px;background-color:#fefefe;border-right:1px solid #e3e4e4}.om-react-ui-simply-sidebar-expand-icon-open{transform:rotate(180deg)}.om-react-ui-simply-sidebar-hidden{display:none!important}.om-react-ui-simply-sidebar-group-label{display:flex;gap:8px;align-items:center;height:40px;padding:16px 12px}.om-react-ui-simply-sidebar-group-icon{display:inline-flex;gap:8px;align-items:center;justify-content:center;width:20px;height:20px}.om-react-ui-simply-sidebar-group-label-text{color:#404042;font-weight:700;font-size:14px;font-style:normal;line-height:108%}.om-react-ui-simply-sidebar-hr-line{width:100%;height:1px;margin:4px 0;background-color:#e3e4e4}.om-react-ui-simply-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu{margin-top:32px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu>ul{display:flex;flex-direction:column}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button{display:inline-flex;gap:8px;align-items:center;width:100%;height:40px;padding:8px 12px 8px 40px;color:#404042;font-weight:500;font-size:14px;font-family:Inter;font-style:normal;line-height:108%}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button:hover{color:#073387;background-color:#fff}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-active{color:#073387}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-icon{display:inline-flex;align-items:center;justify-content:start;width:16px;min-width:16px;height:16px;margin-right:0;color:inherit}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-submenu-expand-icon{display:inline-flex;align-items:center}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-suffix{height:16px;margin:0 0 0 auto}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-disabled{cursor:not-allowed;opacity:.4}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-submenu-content{background-color:#fefefe;border-radius:8px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-submenu-content.ps-open{padding:4px 0 8px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul{display:flex;flex-direction:column;gap:4px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul .ps-menu-button{height:36px;padding:8px 16px 8px 64px;color:#404042}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul .ps-menu-button.ps-active{color:#073387}.om-react-ui-simply-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 0 8px 8px}.om-react-ui-simply-sidebar-logo{height:100%}.om-react-ui-simply-sidebar-collapse,.om-react-ui-simply-sidebar-logo{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.om-react-ui-simply-sidebar-collapse{gap:8px;margin:32px auto 0;padding:8px 12px;background-color:#f0f0f0;border-radius:12px}.om-react-ui-simply-sidebar-collapse-collapsed{width:36px;height:36px}.om-react-ui-simply-sidebar-collapse-collapsed .om-react-ui-simply-sidebar-collapse-text{display:none}.om-react-ui-simply-sidebar-collapse-text{color:#646465;font-weight:500;font-size:14px}.om-react-ui-simply-sidebar.ps-collapsed{padding:40px 8px 24px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container{align-items:center;overflow:visible}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-simply-sidebar-header{padding:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-simply-sidebar-menu{margin-top:32px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-simply-sidebar-menu>ul{gap:8px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{flex-direction:column;gap:4px;height:auto;padding:8px;color:red;font-size:10px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-label{line-height:108%;white-space:pre-line;text-align:center}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content{padding:0;background-color:#f8f8f8;border-radius:12px;box-shadow:0 255px 71px 0 transparent,0 10px 22px 0 rgba(0,0,0,.1)}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content>ul{gap:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root{padding:0 12px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:hover{background-color:#f0f0f0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:has(.ps-menu-button.ps-active){background-color:#edf2f9}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:first-child .ps-menu-button{margin-top:4px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:last-child .ps-menu-button{margin-bottom:4px;border-bottom:none}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button{height:40px;padding:12px 0;color:green;font-size:14px;border:none;border-bottom:1px solid #e3e4e4;border-radius:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button.ps-active{background-color:inherit}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button{flex-direction:row;gap:8px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span{flex-grow:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span:only-child{padding-left:28px}.om-react-ui-simply-sidebar.ps-collapsed .om-react-ui-simply-sidebar-header{padding-left:22px}.om-react-ui-simply-sidebar.ps-collapsed .om-react-ui-simply-sidebar-footer{padding-left:16px}.om-react-ui-simply-sidebar.ps-collapsed .om-react-ui-simply-sidebar-footer-logout-text{display:none}
1
+ .om-react-ui-simply-sidebar{height:100vh;padding:40px 16px 24px;background-color:#fefefe;border-right:1px solid #e3e4e4}.om-react-ui-simply-sidebar-expand-icon-open{transform:rotate(180deg)}.om-react-ui-simply-sidebar-hidden{display:none!important}.om-react-ui-simply-sidebar-group-label{display:flex;gap:8px;align-items:center;height:40px;padding:16px 12px}.om-react-ui-simply-sidebar-group-icon{display:inline-flex;gap:8px;align-items:center;justify-content:center;width:20px;height:20px}.om-react-ui-simply-sidebar-group-label-text{color:#404042;font-weight:700;font-size:14px;font-style:normal;line-height:108%}.om-react-ui-simply-sidebar-hr-line{width:100%;height:1px;margin:4px 0;background-color:#e3e4e4}.om-react-ui-simply-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu{margin-top:32px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu>ul{display:flex;flex-direction:column}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button{display:inline-flex;gap:8px;align-items:center;width:100%;height:40px;padding:8px 12px 8px 40px;color:#404042;font-weight:500;font-size:14px;font-family:Inter;font-style:normal;line-height:108%}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button:hover{color:#073387;background-color:#fff}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-active{color:#073387}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-icon{display:inline-flex;align-items:center;justify-content:flex-start;width:16px;min-width:16px;height:16px;margin-right:0;color:inherit}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-submenu-expand-icon{display:inline-flex;align-items:center}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-suffix{height:16px;margin:0 0 0 auto}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-disabled{cursor:not-allowed;opacity:.4}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-submenu-content{background-color:#fefefe;border-radius:8px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-submenu-content.ps-open{padding:4px 0 8px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul{display:flex;flex-direction:column;gap:4px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul .ps-menu-button{height:36px;padding:8px 16px 8px 64px;color:#404042}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul .ps-menu-button.ps-active{color:#073387}.om-react-ui-simply-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 0 8px 8px}.om-react-ui-simply-sidebar-logo{height:100%}.om-react-ui-simply-sidebar-collapse,.om-react-ui-simply-sidebar-logo{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.om-react-ui-simply-sidebar-collapse{gap:8px;margin:32px auto 0;padding:8px 12px;background-color:#f0f0f0;border-radius:12px}.om-react-ui-simply-sidebar-collapse-collapsed{width:36px;height:36px}.om-react-ui-simply-sidebar-collapse-collapsed .om-react-ui-simply-sidebar-collapse-text{display:none}.om-react-ui-simply-sidebar-collapse-text{color:#646465;font-weight:500;font-size:14px}.om-react-ui-simply-sidebar.ps-collapsed{padding:40px 8px 24px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container{align-items:center;overflow:visible}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-simply-sidebar-header{padding:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-simply-sidebar-menu{margin-top:32px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-simply-sidebar-menu>ul{gap:8px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{flex-direction:column;gap:4px;height:auto;padding:8px;color:red;font-size:10px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-label{line-height:108%;white-space:pre-line;text-align:center}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content{padding:0;background-color:#f8f8f8;border-radius:12px;box-shadow:0 255px 71px 0 transparent,0 10px 22px 0 rgba(0,0,0,.1)}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content>ul{gap:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root{padding:0 12px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:hover{background-color:#f0f0f0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:has(.ps-menu-button.ps-active){background-color:#edf2f9}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:first-child .ps-menu-button{margin-top:4px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:last-child .ps-menu-button{margin-bottom:4px;border-bottom:none}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button{height:40px;padding:12px 0;color:green;font-size:14px;border:none;border-bottom:1px solid #e3e4e4;border-radius:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button.ps-active{background-color:inherit}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button{flex-direction:row;gap:8px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span{flex-grow:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span:only-child{padding-left:28px}.om-react-ui-simply-sidebar.ps-collapsed .om-react-ui-simply-sidebar-header{padding-left:22px}.om-react-ui-simply-sidebar.ps-collapsed .om-react-ui-simply-sidebar-footer{padding-left:16px}.om-react-ui-simply-sidebar.ps-collapsed .om-react-ui-simply-sidebar-footer-logout-text{display:none}