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