@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 @@
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,4 @@
1
+ "use strict";
2
+
3
+ require("./Grid.css");
4
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvR3JpZC9zcmMvY29tcG9uZW50cy9HcmlkL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9HcmlkL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
@@ -0,0 +1 @@
1
+ import './Grid.scss';
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ require("./Grid.scss");
4
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvR3JpZC9zcmMvY29tcG9uZW50cy9HcmlkL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9HcmlkL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
@@ -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}
@@ -91,7 +91,7 @@ $cls: #{$prefix}-#{$component};
91
91
  .ps-menu-icon {
92
92
  display: inline-flex;
93
93
  align-items: center;
94
- justify-content: start;
94
+ justify-content: flex-start;
95
95
  width: 16px;
96
96
  min-width: 16px;
97
97
  height: 16px;
@@ -0,0 +1,5 @@
1
+ import type { FC, PropsWithChildren } from 'react';
2
+ import type { SpaceProps } from './interface';
3
+ export declare const Space: FC<PropsWithChildren<SpaceProps>>;
4
+ declare const _default: import("react").NamedExoticComponent<PropsWithChildren<SpaceProps>>;
5
+ export default _default;
@@ -0,0 +1,81 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = exports.Space = void 0;
9
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ var _react = require("react");
13
+ var _classnames = _interopRequireWildcard(require("../../utils/classnames"));
14
+ var _constants = require("./constants");
15
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
18
+ var t = {};
19
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
20
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
21
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
22
+ }
23
+ return t;
24
+ };
25
+ var resolveSize = function resolveSize(value) {
26
+ var _a;
27
+ if (value === undefined || value === null) return _constants.SPACE_SIZE_DEFAULT;
28
+ if (typeof value === 'number') return value;
29
+ return (_a = _constants.SPACE_SIZE_MAP[value]) !== null && _a !== void 0 ? _a : _constants.SPACE_SIZE_DEFAULT;
30
+ };
31
+ var normalizeSize = function normalizeSize(size) {
32
+ if (Array.isArray(size)) {
33
+ return [resolveSize(size[0]), resolveSize(size[1])];
34
+ }
35
+ var resolved = resolveSize(size);
36
+ return [resolved, resolved];
37
+ };
38
+ var Space = exports.Space = function Space(props) {
39
+ var children = props.children,
40
+ align = props.align,
41
+ _props$direction = props.direction,
42
+ direction = _props$direction === void 0 ? _constants.SPACE_DIRECTION.horizontal : _props$direction,
43
+ size = props.size,
44
+ split = props.split,
45
+ _props$wrap = props.wrap,
46
+ wrap = _props$wrap === void 0 ? false : _props$wrap,
47
+ className = props.className,
48
+ style = props.style,
49
+ _props$prefixCls = props.prefixCls,
50
+ prefixCls = _props$prefixCls === void 0 ? _constants.SPACE_PREFIX : _props$prefixCls,
51
+ rest = __rest(props, ["children", "align", "direction", "size", "split", "wrap", "className", "style", "prefixCls"]);
52
+ var classes = (0, _classnames["default"])(prefixCls);
53
+ var isVertical = direction === _constants.SPACE_DIRECTION.vertical;
54
+ var _normalizeSize = normalizeSize(size),
55
+ _normalizeSize2 = (0, _slicedToArray2["default"])(_normalizeSize, 2),
56
+ gapX = _normalizeSize2[0],
57
+ gapY = _normalizeSize2[1];
58
+ var shouldWrap = wrap && !isVertical;
59
+ var classNameValue = classes(void 0, (0, _classnames.joinCls)(isVertical && classes(_constants.SPACE_CLASS.vertical), align && classes("".concat(_constants.SPACE_CLASS.align, "-").concat(align)), shouldWrap && classes(_constants.SPACE_CLASS.wrap), className));
60
+ var mergedStyle = Object.assign(Object.assign({}, style), (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants.SPACE_CSS_VARS.gapX, "".concat(gapX, "px")), _constants.SPACE_CSS_VARS.gapY, "".concat(gapY, "px")));
61
+ var childrenArray = _react.Children.toArray(children);
62
+ var content = childrenArray.map(function (child, index) {
63
+ var isLast = index === childrenArray.length - 1;
64
+ return (0, _jsxRuntime.jsxs)(_react.Fragment, {
65
+ children: [(0, _jsxRuntime.jsx)("div", {
66
+ className: classes(_constants.SPACE_CLASS.item),
67
+ children: child
68
+ }), !isLast && split ? (0, _jsxRuntime.jsx)("span", {
69
+ className: classes(_constants.SPACE_CLASS.split),
70
+ children: split
71
+ }) : null]
72
+ }, "space-item-".concat(index));
73
+ });
74
+ return (0, _jsxRuntime.jsx)("div", Object.assign({}, rest, {
75
+ style: mergedStyle,
76
+ className: classNameValue,
77
+ children: content
78
+ }));
79
+ };
80
+ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(Space);
81
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU3BhY2UvU3BhY2UuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NwYWNlL1NwYWNlLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX2NvbnN0YW50cyIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIl9fcmVzdCIsInMiLCJwIiwicHJvdG90eXBlIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwicmVzb2x2ZVNpemUiLCJ2YWx1ZSIsIl9hIiwidW5kZWZpbmVkIiwiU1BBQ0VfU0laRV9ERUZBVUxUIiwiU1BBQ0VfU0laRV9NQVAiLCJub3JtYWxpemVTaXplIiwic2l6ZSIsIkFycmF5IiwiaXNBcnJheSIsInJlc29sdmVkIiwiU3BhY2UiLCJleHBvcnRzIiwicHJvcHMiLCJjaGlsZHJlbiIsImFsaWduIiwiX3Byb3BzJGRpcmVjdGlvbiIsImRpcmVjdGlvbiIsIlNQQUNFX0RJUkVDVElPTiIsImhvcml6b250YWwiLCJzcGxpdCIsIl9wcm9wcyR3cmFwIiwid3JhcCIsImNsYXNzTmFtZSIsInN0eWxlIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsIlNQQUNFX1BSRUZJWCIsInJlc3QiLCJjbGFzc2VzIiwiY2xhc3NuYW1lcyIsImlzVmVydGljYWwiLCJ2ZXJ0aWNhbCIsIl9ub3JtYWxpemVTaXplIiwiX25vcm1hbGl6ZVNpemUyIiwiX3NsaWNlZFRvQXJyYXkyIiwiZ2FwWCIsImdhcFkiLCJzaG91bGRXcmFwIiwiY2xhc3NOYW1lVmFsdWUiLCJqb2luQ2xzIiwiU1BBQ0VfQ0xBU1MiLCJjb25jYXQiLCJtZXJnZWRTdHlsZSIsImFzc2lnbiIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJTUEFDRV9DU1NfVkFSUyIsImNoaWxkcmVuQXJyYXkiLCJDaGlsZHJlbiIsInRvQXJyYXkiLCJjb250ZW50IiwibWFwIiwiY2hpbGQiLCJpbmRleCIsImlzTGFzdCIsIl9qc3hzIiwiRnJhZ21lbnQiLCJfanN4IiwiaXRlbSIsIl9kZWZhdWx0IiwibWVtbyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQVdBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ1hBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUMsdUJBQUEsQ0FBQUgsT0FBQTtBQUNBLElBQUFJLFVBQUEsR0FBQUosT0FBQTtBQU9xQixTQUFBSyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQUgsd0JBQUFHLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUksR0FBQSxDQUFBUCxDQUFBLE9BQUFRLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUFDLE1BQUEsQ0FBQUMsY0FBQSxJQUFB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QUFHc0M7TUFBSyxDQUFBLENBQU8sRUFDdkQsQ0FBQ0UsTUFBTSxJQUFJbEMsS0FBSyxHQUNmLElBQUFxQyxlQUFBLEVBQUEsTUFBQSxFQUFBO1FBQU1sQyxTQUFTLEVBQUVNLE9BQU8sQ0FBQ1ksc0JBQVcsQ0FBQ3JCLEtBQUssQ0FBQztRQUFBTixRQUFBLEVBQUdNO01BQUssQ0FBQSxDQUFRLEdBQ3pELElBQUk7SUFBQSxDQUFBLGdCQUFBc0IsTUFBQSxDQUptQlcsS0FBSyxDQUFFLENBS3pCO0VBRWYsQ0FBQyxDQUFDO0VBRUYsT0FDRSxJQUFBSSxlQUFBLEVBQUEsS0FBQSxFQUFBekUsTUFBQSxDQUFBNEQsTUFBQSxDQUFBLENBQUEsQ0FBQSxFQUNNaEIsSUFBSSxFQUFBO0lBQ1JKLEtBQUssRUFBRW1CLFdBQVc7SUFDbEJwQixTQUFTLEVBQUVnQixjQUFjO0lBQUF6QixRQUFBLEVBRXhCb0M7RUFBTyxDQUFBLENBQUEsQ0FDSjtBQUVWLENBQUM7QUFBQyxJQUFBUyxRQUFBLEdBQUEvQyxPQUFBLDJCQUVhLElBQUFnRCxXQUFJLEVBQUNqRCxLQUFLLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9TcGFjZS9TcGFjZS5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCBGcmFnbWVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcywgeyBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyBTUEFDRV9DTEFTUywgU1BBQ0VfQ1NTX1ZBUlMsIFNQQUNFX0RJUkVDVElPTiwgU1BBQ0VfUFJFRklYLCBTUEFDRV9TSVpFX0RFRkFVTFQsIFNQQUNFX1NJWkVfTUFQIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuY29uc3QgcmVzb2x2ZVNpemUgPSAodmFsdWUpID0+IHtcbiAgICB2YXIgX2E7XG4gICAgaWYgKHZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IG51bGwpXG4gICAgICAgIHJldHVybiBTUEFDRV9TSVpFX0RFRkFVTFQ7XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicpXG4gICAgICAgIHJldHVybiB2YWx1ZTtcbiAgICByZXR1cm4gKF9hID0gU1BBQ0VfU0laRV9NQVBbdmFsdWVdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBTUEFDRV9TSVpFX0RFRkFVTFQ7XG59O1xuY29uc3Qgbm9ybWFsaXplU2l6ZSA9IChzaXplKSA9PiB7XG4gICAgaWYgKEFycmF5LmlzQXJyYXkoc2l6ZSkpIHtcbiAgICAgICAgcmV0dXJuIFtyZXNvbHZlU2l6ZShzaXplWzBdKSwgcmVzb2x2ZVNpemUoc2l6ZVsxXSldO1xuICAgIH1cbiAgICBjb25zdCByZXNvbHZlZCA9IHJlc29sdmVTaXplKHNpemUpO1xuICAgIHJldHVybiBbcmVzb2x2ZWQsIHJlc29sdmVkXTtcbn07XG5leHBvcnQgY29uc3QgU3BhY2UgPSBwcm9wcyA9PiB7XG4gICAgY29uc3QgeyBjaGlsZHJlbiwgYWxpZ24sIGRpcmVjdGlvbiA9IFNQQUNFX0RJUkVDVElPTi5ob3Jpem9udGFsLCBzaXplLCBzcGxpdCwgd3JhcCA9IGZhbHNlLCBjbGFzc05hbWUsIHN0eWxlLCBwcmVmaXhDbHMgPSBTUEFDRV9QUkVGSVggfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJjaGlsZHJlblwiLCBcImFsaWduXCIsIFwiZGlyZWN0aW9uXCIsIFwic2l6ZVwiLCBcInNwbGl0XCIsIFwid3JhcFwiLCBcImNsYXNzTmFtZVwiLCBcInN0eWxlXCIsIFwicHJlZml4Q2xzXCJdKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IGlzVmVydGljYWwgPSBkaXJlY3Rpb24gPT09IFNQQUNFX0RJUkVDVElPTi52ZXJ0aWNhbDtcbiAgICBjb25zdCBbZ2FwWCwgZ2FwWV0gPSBub3JtYWxpemVTaXplKHNpemUpO1xuICAgIGNvbnN0IHNob3VsZFdyYXAgPSB3cmFwICYmICFpc1ZlcnRpY2FsO1xuICAgIGNvbnN0IGNsYXNzTmFtZVZhbHVlID0gY2xhc3Nlcyh2b2lkIDAsIGpvaW5DbHMoaXNWZXJ0aWNhbCAmJiBjbGFzc2VzKFNQQUNFX0NMQVNTLnZlcnRpY2FsKSwgYWxpZ24gJiYgY2xhc3NlcyhgJHtTUEFDRV9DTEFTUy5hbGlnbn0tJHthbGlnbn1gKSwgc2hvdWxkV3JhcCAmJiBjbGFzc2VzKFNQQUNFX0NMQVNTLndyYXApLCBjbGFzc05hbWUpKTtcbiAgICBjb25zdCBtZXJnZWRTdHlsZSA9IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgc3R5bGUpLCB7IFtTUEFDRV9DU1NfVkFSUy5nYXBYXTogYCR7Z2FwWH1weGAsIFtTUEFDRV9DU1NfVkFSUy5nYXBZXTogYCR7Z2FwWX1weGAgfSk7XG4gICAgY29uc3QgY2hpbGRyZW5BcnJheSA9IENoaWxkcmVuLnRvQXJyYXkoY2hpbGRyZW4pO1xuICAgIGNvbnN0IGNvbnRlbnQgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgICAgIGNvbnN0IGlzTGFzdCA9IGluZGV4ID09PSBjaGlsZHJlbkFycmF5Lmxlbmd0aCAtIDE7XG4gICAgICAgIHJldHVybiAoX2pzeHMoRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKFNQQUNFX0NMQVNTLml0ZW0pLCBjaGlsZHJlbjogY2hpbGQgfSksICFpc0xhc3QgJiYgc3BsaXQgPyAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoU1BBQ0VfQ0xBU1Muc3BsaXQpLCBjaGlsZHJlbjogc3BsaXQgfSkpIDogbnVsbF0gfSwgYHNwYWNlLWl0ZW0tJHtpbmRleH1gKSk7XG4gICAgfSk7XG4gICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oe30sIHJlc3QsIHsgc3R5bGU6IG1lcmdlZFN0eWxlLCBjbGFzc05hbWU6IGNsYXNzTmFtZVZhbHVlLCBjaGlsZHJlbjogY29udGVudCB9KSkpO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oU3BhY2UpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
@@ -0,0 +1,33 @@
1
+ import type { SpaceSize } from './interface';
2
+ export declare const SPACE_ALIGN: {
3
+ readonly start: "start";
4
+ readonly end: "end";
5
+ readonly center: "center";
6
+ readonly baseline: "baseline";
7
+ };
8
+ export declare const SPACE_DIRECTION: {
9
+ readonly horizontal: "horizontal";
10
+ readonly vertical: "vertical";
11
+ };
12
+ export declare const SPACE_SIZE: {
13
+ readonly small: "small";
14
+ readonly middle: "middle";
15
+ readonly large: "large";
16
+ };
17
+ export declare const SPACE_PREFIX = "space";
18
+ export declare const SPACE_SIZE_SMALL = 8;
19
+ export declare const SPACE_SIZE_MIDDLE = 16;
20
+ export declare const SPACE_SIZE_LARGE = 24;
21
+ export declare const SPACE_SIZE_DEFAULT = 8;
22
+ export declare const SPACE_CSS_VARS: {
23
+ readonly gapX: "--om-space-gap-x";
24
+ readonly gapY: "--om-space-gap-y";
25
+ };
26
+ export declare const SPACE_CLASS: {
27
+ readonly vertical: "vertical";
28
+ readonly align: "align";
29
+ readonly wrap: "wrap";
30
+ readonly item: "item";
31
+ readonly split: "split";
32
+ };
33
+ export declare const SPACE_SIZE_MAP: Record<Exclude<SpaceSize, number>, number>;
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SPACE_SIZE_SMALL = exports.SPACE_SIZE_MIDDLE = exports.SPACE_SIZE_MAP = exports.SPACE_SIZE_LARGE = exports.SPACE_SIZE_DEFAULT = exports.SPACE_SIZE = exports.SPACE_PREFIX = exports.SPACE_DIRECTION = exports.SPACE_CSS_VARS = exports.SPACE_CLASS = exports.SPACE_ALIGN = void 0;
7
+ var SPACE_ALIGN = exports.SPACE_ALIGN = {
8
+ start: 'start',
9
+ end: 'end',
10
+ center: 'center',
11
+ baseline: 'baseline'
12
+ };
13
+ var SPACE_DIRECTION = exports.SPACE_DIRECTION = {
14
+ horizontal: 'horizontal',
15
+ vertical: 'vertical'
16
+ };
17
+ var SPACE_SIZE = exports.SPACE_SIZE = {
18
+ small: 'small',
19
+ middle: 'middle',
20
+ large: 'large'
21
+ };
22
+ var SPACE_PREFIX = exports.SPACE_PREFIX = 'space';
23
+ var SPACE_SIZE_SMALL = exports.SPACE_SIZE_SMALL = 8;
24
+ var SPACE_SIZE_MIDDLE = exports.SPACE_SIZE_MIDDLE = 16;
25
+ var SPACE_SIZE_LARGE = exports.SPACE_SIZE_LARGE = 24;
26
+ var SPACE_SIZE_DEFAULT = exports.SPACE_SIZE_DEFAULT = SPACE_SIZE_SMALL;
27
+ var SPACE_CSS_VARS = exports.SPACE_CSS_VARS = {
28
+ gapX: '--om-space-gap-x',
29
+ gapY: '--om-space-gap-y'
30
+ };
31
+ var SPACE_CLASS = exports.SPACE_CLASS = {
32
+ vertical: 'vertical',
33
+ align: 'align',
34
+ wrap: 'wrap',
35
+ item: 'item',
36
+ split: 'split'
37
+ };
38
+ var SPACE_SIZE_MAP = exports.SPACE_SIZE_MAP = {
39
+ small: SPACE_SIZE_SMALL,
40
+ middle: SPACE_SIZE_MIDDLE,
41
+ large: SPACE_SIZE_LARGE
42
+ };
43
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU3BhY2UvY29uc3RhbnRzLnRzIiwiY29tcG9uZW50cy9TcGFjZS9jb25zdGFudHMuanMiXSwibmFtZXMiOlsiU1BBQ0VfQUxJR04iLCJleHBvcnRzIiwic3RhcnQiLCJlbmQiLCJjZW50ZXIiLCJiYXNlbGluZSIsIlNQQUNFX0RJUkVDVElPTiIsImhvcml6b250YWwiLCJ2ZXJ0aWNhbCIsIlNQQUNFX1NJWkUiLCJzbWFsbCIsIm1pZGRsZSIsImxhcmdlIiwiU1BBQ0VfUFJFRklYIiwiU1BBQ0VfU0laRV9TTUFMTCIsIlNQQUNFX1NJWkVfTUlERExFIiwiU1BBQ0VfU0laRV9MQVJHRSIsIlNQQUNFX1NJWkVfREVGQVVMVCIsIlNQQUNFX0NTU19WQVJTIiwiZ2FwWCIsImdhcFkiLCJTUEFDRV9DTEFTUyIsImFsaWduIiwid3JhcCIsIml0ZW0iLCJzcGxpdCIsIlNQQUNFX1NJWkVfTUFQIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFFTyxJQUFNQSxXQUFXLEdBQUFDLE9BQUEsQ0FBQUQsV0FBQSxHQUFHO0VBQ3pCRSxLQUFLLEVBQUUsT0FBTztFQUNkQyxHQUFHLEVBQUUsS0FBSztFQUNWQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsUUFBUSxFQUFFO0FDRFosQ0RFVTtBQUVILElBQU1DLGVBQWUsR0FBQUwsT0FBQSxDQUFBSyxlQUFBLEdBQUc7RUFDN0JDLFVBQVUsRUFBRSxZQUFZO0VBQ3hCQyxRQUFRLEVBQUU7QUNGWixDREdVO0FBRUgsSUFBTUMsVUFBVSxHQUFBUixPQUFBLENBQUFRLFVBQUEsR0FBRztFQUN4QkMsS0FBSyxFQUFFLE9BQU87RUFDZEMsTUFBTSxFQUFFLFFBQVE7RUFDaEJDLEtBQUssRUFBRTtBQ0hULENESVU7QUFFSCxJQUFNQyxZQUFZLEdBQUFaLE9BQUEsQ0FBQVksWUFBQSxHQUFHLE9BQU87QUFFNUIsSUFBTUMsZ0JBQWdCLEdBQUFiLE9BQUEsQ0FBQWEsZ0JBQUEsR0FBRyxDQUFDO0FBQzFCLElBQU1DLGlCQUFpQixHQUFBZCxPQUFBLENBQUFjLGlCQUFBLEdBQUcsRUFBRTtBQUM1QixJQUFNQyxnQkFBZ0IsR0FBQWYsT0FBQSxDQUFBZSxnQkFBQSxHQUFHLEVBQUU7QUFDM0IsSUFBTUMsa0JBQWtCLEdBQUFoQixPQUFBLENBQUFnQixrQkFBQSxHQUFHSCxnQkFBZ0I7QUFFM0MsSUFBTUksY0FBYyxHQUFBakIsT0FBQSxDQUFBaUIsY0FBQSxHQUFHO0VBQzVCQyxJQUFJLEVBQUUsa0JBQWtCO0VBQ3hCQyxJQUFJLEVBQUU7QUNOUixDRE9VO0FBRUgsSUFBTUMsV0FBVyxHQUFBcEIsT0FBQSxDQUFBb0IsV0FBQSxHQUFHO0VBQ3pCYixRQUFRLEVBQUUsVUFBVTtFQUNwQmMsS0FBSyxFQUFFLE9BQU87RUFDZEMsSUFBSSxFQUFFLE1BQU07RUFDWkMsSUFBSSxFQUFFLE1BQU07RUFDWkMsS0FBSyxFQUFFO0FDUFQsQ0RRVTtBQUVILElBQU1DLGNBQWMsR0FBQXpCLE9BQUEsQ0FBQXlCLGNBQUEsR0FBK0M7RUFDeEVoQixLQUFLLEVBQUVJLGdCQUFnQjtFQUN2QkgsTUFBTSxFQUFFSSxpQkFBaUI7RUFDekJILEtBQUssRUFBRUk7QUNSVCxDRFNDIiwiZmlsZSI6ImNvbXBvbmVudHMvU3BhY2UvY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgU1BBQ0VfQUxJR04gPSB7XG4gICAgc3RhcnQ6ICdzdGFydCcsXG4gICAgZW5kOiAnZW5kJyxcbiAgICBjZW50ZXI6ICdjZW50ZXInLFxuICAgIGJhc2VsaW5lOiAnYmFzZWxpbmUnXG59O1xuZXhwb3J0IGNvbnN0IFNQQUNFX0RJUkVDVElPTiA9IHtcbiAgICBob3Jpem9udGFsOiAnaG9yaXpvbnRhbCcsXG4gICAgdmVydGljYWw6ICd2ZXJ0aWNhbCdcbn07XG5leHBvcnQgY29uc3QgU1BBQ0VfU0laRSA9IHtcbiAgICBzbWFsbDogJ3NtYWxsJyxcbiAgICBtaWRkbGU6ICdtaWRkbGUnLFxuICAgIGxhcmdlOiAnbGFyZ2UnXG59O1xuZXhwb3J0IGNvbnN0IFNQQUNFX1BSRUZJWCA9ICdzcGFjZSc7XG5leHBvcnQgY29uc3QgU1BBQ0VfU0laRV9TTUFMTCA9IDg7XG5leHBvcnQgY29uc3QgU1BBQ0VfU0laRV9NSURETEUgPSAxNjtcbmV4cG9ydCBjb25zdCBTUEFDRV9TSVpFX0xBUkdFID0gMjQ7XG5leHBvcnQgY29uc3QgU1BBQ0VfU0laRV9ERUZBVUxUID0gU1BBQ0VfU0laRV9TTUFMTDtcbmV4cG9ydCBjb25zdCBTUEFDRV9DU1NfVkFSUyA9IHtcbiAgICBnYXBYOiAnLS1vbS1zcGFjZS1nYXAteCcsXG4gICAgZ2FwWTogJy0tb20tc3BhY2UtZ2FwLXknXG59O1xuZXhwb3J0IGNvbnN0IFNQQUNFX0NMQVNTID0ge1xuICAgIHZlcnRpY2FsOiAndmVydGljYWwnLFxuICAgIGFsaWduOiAnYWxpZ24nLFxuICAgIHdyYXA6ICd3cmFwJyxcbiAgICBpdGVtOiAnaXRlbScsXG4gICAgc3BsaXQ6ICdzcGxpdCdcbn07XG5leHBvcnQgY29uc3QgU1BBQ0VfU0laRV9NQVAgPSB7XG4gICAgc21hbGw6IFNQQUNFX1NJWkVfU01BTEwsXG4gICAgbWlkZGxlOiBTUEFDRV9TSVpFX01JRERMRSxcbiAgICBsYXJnZTogU1BBQ0VfU0laRV9MQVJHRVxufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9