@semcore/base-components 17.0.0 → 17.0.1
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/CHANGELOG.md +6 -0
- package/lib/cjs/components/animation/Animation.js +11 -11
- package/lib/cjs/components/animation/Collapse.js +28 -28
- package/lib/cjs/components/animation/FadeInOut.js +28 -28
- package/lib/cjs/components/animation/Scale.js +28 -28
- package/lib/cjs/components/animation/Slide.js +28 -28
- package/lib/cjs/components/animation/Transform.js +28 -28
- package/lib/cjs/components/flex-box/Box/useBox.js +10 -10
- package/lib/cjs/components/flex-box/Flex/useFlex.js +3 -3
- package/lib/cjs/components/flex-box/invalid-state-box/InvalidStateBox.js +2 -2
- package/lib/cjs/components/flex-box/screen-reader-only-box/ScreenReaderOnlyBox.js +2 -2
- package/lib/cjs/components/grid/Grid.js +114 -114
- package/lib/cjs/components/hint/Hint.js +36 -36
- package/lib/cjs/components/popper/Popper.js +5 -5
- package/lib/cjs/components/scroll-area/ScrollArea.js +30 -30
- package/lib/cjs/components/scroll-area/ScrollBar.js +6 -6
- package/lib/es6/components/animation/Animation.js +11 -11
- package/lib/es6/components/animation/Collapse.js +28 -28
- package/lib/es6/components/animation/FadeInOut.js +28 -28
- package/lib/es6/components/animation/Scale.js +28 -28
- package/lib/es6/components/animation/Slide.js +28 -28
- package/lib/es6/components/animation/Transform.js +28 -28
- package/lib/es6/components/flex-box/Box/useBox.js +10 -10
- package/lib/es6/components/flex-box/Flex/useFlex.js +3 -3
- package/lib/es6/components/flex-box/invalid-state-box/InvalidStateBox.js +2 -2
- package/lib/es6/components/flex-box/screen-reader-only-box/ScreenReaderOnlyBox.js +2 -2
- package/lib/es6/components/grid/Grid.js +114 -114
- package/lib/es6/components/hint/Hint.js +36 -36
- package/lib/es6/components/popper/Popper.js +5 -5
- package/lib/es6/components/scroll-area/ScrollArea.js +30 -30
- package/lib/es6/components/scroll-area/ScrollBar.js +6 -6
- package/lib/esm/components/animation/Animation.mjs +13 -12
- package/lib/esm/components/animation/Collapse.mjs +30 -29
- package/lib/esm/components/animation/FadeInOut.mjs +30 -29
- package/lib/esm/components/animation/Scale.mjs +30 -29
- package/lib/esm/components/animation/Slide.mjs +30 -29
- package/lib/esm/components/animation/Transform.mjs +30 -29
- package/lib/esm/components/flex-box/Box/useBox.mjs +12 -11
- package/lib/esm/components/flex-box/Flex/useFlex.mjs +5 -4
- package/lib/esm/components/flex-box/invalid-state-box/InvalidStateBox.mjs +4 -3
- package/lib/esm/components/flex-box/screen-reader-only-box/ScreenReaderOnlyBox.mjs +4 -3
- package/lib/esm/components/grid/Grid.mjs +116 -115
- package/lib/esm/components/hint/Hint.mjs +40 -38
- package/lib/esm/components/popper/Popper.mjs +7 -6
- package/lib/esm/components/scroll-area/ScrollArea.mjs +32 -31
- package/lib/esm/components/scroll-area/ScrollBar.mjs +8 -7
- package/package.json +3 -3
|
@@ -10,122 +10,122 @@ var _core = require("@semcore/core");
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _flexBox = require("../flex-box");
|
|
12
12
|
/*!__reshadow-styles__:"./style/grid.shadow.css"*/
|
|
13
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCol_11s79_gg_{box-sizing:border-box;max-width:100%;min-height:1px;flex:0 0 auto}.___SCol_11s79_gg_.__span_11s79_gg_{flex:1 0 0}.___SCol_11s79_gg_._span_auto_11s79_gg_{flex-basis:auto;max-width:none}.___SCol_11s79_gg_._span_0_11s79_gg_{flex-basis:0;max-width:0}.___SCol_11s79_gg_._span_1_11s79_gg_{flex-basis:8.333%;max-width:8.333%}.___SCol_11s79_gg_._span_2_11s79_gg_{flex-basis:16.667%;max-width:16.667%}.___SCol_11s79_gg_._span_3_11s79_gg_{flex-basis:25%;max-width:25%}.___SCol_11s79_gg_._span_4_11s79_gg_{flex-basis:33.333%;max-width:33.333%}.___SCol_11s79_gg_._span_5_11s79_gg_{flex-basis:41.667%;max-width:41.667%}.___SCol_11s79_gg_._span_6_11s79_gg_{flex-basis:50%;max-width:50%}.___SCol_11s79_gg_._span_7_11s79_gg_{flex-basis:58.333%;max-width:58.333%}.___SCol_11s79_gg_._span_8_11s79_gg_{flex-basis:66.667%;max-width:66.667%}.___SCol_11s79_gg_._span_9_11s79_gg_{flex-basis:75%;max-width:75%}.___SCol_11s79_gg_._span_10_11s79_gg_{flex-basis:83.333%;max-width:83.333%}.___SCol_11s79_gg_._span_11_11s79_gg_{flex-basis:91.667%;max-width:91.667%}.___SCol_11s79_gg_._span_12_11s79_gg_{flex-basis:100%;max-width:100%}.___SCol_11s79_gg_._offset_0_11s79_gg_{margin-left:0}.___SCol_11s79_gg_._offset_1_11s79_gg_{margin-left:8.333%}.___SCol_11s79_gg_._offset_2_11s79_gg_{margin-left:16.667%}.___SCol_11s79_gg_._offset_3_11s79_gg_{margin-left:25%}.___SCol_11s79_gg_._offset_4_11s79_gg_{margin-left:33.333%}.___SCol_11s79_gg_._offset_5_11s79_gg_{margin-left:41.667%}.___SCol_11s79_gg_._offset_6_11s79_gg_{margin-left:50%}.___SCol_11s79_gg_._offset_7_11s79_gg_{margin-left:58.333%}.___SCol_11s79_gg_._offset_8_11s79_gg_{margin-left:66.667%}.___SCol_11s79_gg_._offset_9_11s79_gg_{margin-left:75%}.___SCol_11s79_gg_._offset_10_11s79_gg_{margin-left:83.333%}.___SCol_11s79_gg_._offset_11_11s79_gg_{margin-left:91.667%}.___SCol_11s79_gg_._offset_12_11s79_gg_{margin-left:100%}@media (max-width:1199px){.___SCol_11s79_gg_.__md_11s79_gg_{flex:1 0 0}.___SCol_11s79_gg_._md_auto_11s79_gg_{flex-basis:auto;max-width:none}.___SCol_11s79_gg_._md_0_11s79_gg_{display:none}.___SCol_11s79_gg_._md_1_11s79_gg_{flex-basis:8.333%;max-width:8.333%}.___SCol_11s79_gg_._md_2_11s79_gg_{flex-basis:16.667%;max-width:16.667%}.___SCol_11s79_gg_._md_3_11s79_gg_{flex-basis:25%;max-width:25%}.___SCol_11s79_gg_._md_4_11s79_gg_{flex-basis:33.333%;max-width:33.333%}.___SCol_11s79_gg_._md_5_11s79_gg_{flex-basis:41.667%;max-width:41.667%}.___SCol_11s79_gg_._md_6_11s79_gg_{flex-basis:50%;max-width:50%}.___SCol_11s79_gg_._md_7_11s79_gg_{flex-basis:58.333%;max-width:58.333%}.___SCol_11s79_gg_._md_8_11s79_gg_{flex-basis:66.667%;max-width:66.667%}.___SCol_11s79_gg_._md_9_11s79_gg_{flex-basis:75%;max-width:75%}.___SCol_11s79_gg_._md_10_11s79_gg_{flex-basis:83.333%;max-width:83.333%}.___SCol_11s79_gg_._md_11_11s79_gg_{flex-basis:91.667%;max-width:91.667%}.___SCol_11s79_gg_._md_12_11s79_gg_{flex-basis:100%;max-width:100%}.___SCol_11s79_gg_._mdOffset_0_11s79_gg_{margin-left:0}.___SCol_11s79_gg_._mdOffset_1_11s79_gg_{margin-left:8.333%}.___SCol_11s79_gg_._mdOffset_2_11s79_gg_{margin-left:16.667%}.___SCol_11s79_gg_._mdOffset_3_11s79_gg_{margin-left:25%}.___SCol_11s79_gg_._mdOffset_4_11s79_gg_{margin-left:33.333%}.___SCol_11s79_gg_._mdOffset_5_11s79_gg_{margin-left:41.667%}.___SCol_11s79_gg_._mdOffset_6_11s79_gg_{margin-left:50%}.___SCol_11s79_gg_._mdOffset_7_11s79_gg_{margin-left:58.333%}.___SCol_11s79_gg_._mdOffset_8_11s79_gg_{margin-left:66.667%}.___SCol_11s79_gg_._mdOffset_9_11s79_gg_{margin-left:75%}.___SCol_11s79_gg_._mdOffset_10_11s79_gg_{margin-left:83.333%}.___SCol_11s79_gg_._mdOffset_11_11s79_gg_{margin-left:91.667%}.___SCol_11s79_gg_._mdOffset_12_11s79_gg_{margin-left:100%}}@media (max-width:767px){.___SCol_11s79_gg_.__sm_11s79_gg_{flex:1 0 0}.___SCol_11s79_gg_._sm_auto_11s79_gg_{flex-basis:auto;max-width:none}.___SCol_11s79_gg_._sm_0_11s79_gg_{display:none}.___SCol_11s79_gg_._sm_1_11s79_gg_{flex-basis:8.333%;max-width:8.333%}.___SCol_11s79_gg_._sm_2_11s79_gg_{flex-basis:16.667%;max-width:16.667%}.___SCol_11s79_gg_._sm_3_11s79_gg_{flex-basis:25%;max-width:25%}.___SCol_11s79_gg_._sm_4_11s79_gg_{flex-basis:33.333%;max-width:33.333%}.___SCol_11s79_gg_._sm_5_11s79_gg_{flex-basis:41.667%;max-width:41.667%}.___SCol_11s79_gg_._sm_6_11s79_gg_{flex-basis:50%;max-width:50%}.___SCol_11s79_gg_._sm_7_11s79_gg_{flex-basis:58.333%;max-width:58.333%}.___SCol_11s79_gg_._sm_8_11s79_gg_{flex-basis:66.667%;max-width:66.667%}.___SCol_11s79_gg_._sm_9_11s79_gg_{flex-basis:75%;max-width:75%}.___SCol_11s79_gg_._sm_10_11s79_gg_{flex-basis:83.333%;max-width:83.333%}.___SCol_11s79_gg_._sm_11_11s79_gg_{flex-basis:91.667%;max-width:91.667%}.___SCol_11s79_gg_._sm_12_11s79_gg_{flex-basis:100%;max-width:100%}.___SCol_11s79_gg_._smOffset_0_11s79_gg_{margin-left:0}.___SCol_11s79_gg_._smOffset_1_11s79_gg_{margin-left:8.333%}.___SCol_11s79_gg_._smOffset_2_11s79_gg_{margin-left:16.667%}.___SCol_11s79_gg_._smOffset_3_11s79_gg_{margin-left:25%}.___SCol_11s79_gg_._smOffset_4_11s79_gg_{margin-left:33.333%}.___SCol_11s79_gg_._smOffset_5_11s79_gg_{margin-left:41.667%}.___SCol_11s79_gg_._smOffset_6_11s79_gg_{margin-left:50%}.___SCol_11s79_gg_._smOffset_7_11s79_gg_{margin-left:58.333%}.___SCol_11s79_gg_._smOffset_8_11s79_gg_{margin-left:66.667%}.___SCol_11s79_gg_._smOffset_9_11s79_gg_{margin-left:75%}.___SCol_11s79_gg_._smOffset_10_11s79_gg_{margin-left:83.333%}.___SCol_11s79_gg_._smOffset_11_11s79_gg_{margin-left:91.667%}.___SCol_11s79_gg_._smOffset_12_11s79_gg_{margin-left:100%}}@media (max-width:319px){.___SCol_11s79_gg_.__xs_11s79_gg_{flex:1 0 0}.___SCol_11s79_gg_._xs_auto_11s79_gg_{flex-basis:auto;max-width:none}.___SCol_11s79_gg_._xs_0_11s79_gg_{display:none}.___SCol_11s79_gg_._xs_1_11s79_gg_{flex-basis:8.333%;max-width:8.333%}.___SCol_11s79_gg_._xs_2_11s79_gg_{flex-basis:16.667%;max-width:16.667%}.___SCol_11s79_gg_._xs_3_11s79_gg_{flex-basis:25%;max-width:25%}.___SCol_11s79_gg_._xs_4_11s79_gg_{flex-basis:33.333%;max-width:33.333%}.___SCol_11s79_gg_._xs_5_11s79_gg_{flex-basis:41.667%;max-width:41.667%}.___SCol_11s79_gg_._xs_6_11s79_gg_{flex-basis:50%;max-width:50%}.___SCol_11s79_gg_._xs_7_11s79_gg_{flex-basis:58.333%;max-width:58.333%}.___SCol_11s79_gg_._xs_8_11s79_gg_{flex-basis:66.667%;max-width:66.667%}.___SCol_11s79_gg_._xs_9_11s79_gg_{flex-basis:75%;max-width:75%}.___SCol_11s79_gg_._xs_10_11s79_gg_{flex-basis:83.333%;max-width:83.333%}.___SCol_11s79_gg_._xs_11_11s79_gg_{flex-basis:91.667%;max-width:91.667%}.___SCol_11s79_gg_._xs_12_11s79_gg_{flex-basis:100%;max-width:100%}.___SCol_11s79_gg_._xsOffset_0_11s79_gg_{margin-left:0}.___SCol_11s79_gg_._xsOffset_1_11s79_gg_{margin-left:8.333%}.___SCol_11s79_gg_._xsOffset_2_11s79_gg_{margin-left:16.667%}.___SCol_11s79_gg_._xsOffset_3_11s79_gg_{margin-left:25%}.___SCol_11s79_gg_._xsOffset_4_11s79_gg_{margin-left:33.333%}.___SCol_11s79_gg_._xsOffset_5_11s79_gg_{margin-left:41.667%}.___SCol_11s79_gg_._xsOffset_6_11s79_gg_{margin-left:50%}.___SCol_11s79_gg_._xsOffset_7_11s79_gg_{margin-left:58.333%}.___SCol_11s79_gg_._xsOffset_8_11s79_gg_{margin-left:66.667%}.___SCol_11s79_gg_._xsOffset_9_11s79_gg_{margin-left:75%}.___SCol_11s79_gg_._xsOffset_10_11s79_gg_{margin-left:83.333%}.___SCol_11s79_gg_._xsOffset_11_11s79_gg_{margin-left:91.667%}.___SCol_11s79_gg_._xsOffset_12_11s79_gg_{margin-left:100%}}", /*__inner_css_end__*/"11s79_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SCol": "
|
|
17
|
-
"_span": "
|
|
18
|
-
"_span_auto": "
|
|
19
|
-
"_span_0": "
|
|
20
|
-
"_span_1": "
|
|
21
|
-
"_span_2": "
|
|
22
|
-
"_span_3": "
|
|
23
|
-
"_span_4": "
|
|
24
|
-
"_span_5": "
|
|
25
|
-
"_span_6": "
|
|
26
|
-
"_span_7": "
|
|
27
|
-
"_span_8": "
|
|
28
|
-
"_span_9": "
|
|
29
|
-
"_span_10": "
|
|
30
|
-
"_span_11": "
|
|
31
|
-
"_span_12": "
|
|
32
|
-
"_offset_0": "
|
|
33
|
-
"_offset_1": "
|
|
34
|
-
"_offset_2": "
|
|
35
|
-
"_offset_3": "
|
|
36
|
-
"_offset_4": "
|
|
37
|
-
"_offset_5": "
|
|
38
|
-
"_offset_6": "
|
|
39
|
-
"_offset_7": "
|
|
40
|
-
"_offset_8": "
|
|
41
|
-
"_offset_9": "
|
|
42
|
-
"_offset_10": "
|
|
43
|
-
"_offset_11": "
|
|
44
|
-
"_offset_12": "
|
|
45
|
-
"_md": "
|
|
46
|
-
"_md_auto": "
|
|
47
|
-
"_md_0": "
|
|
48
|
-
"_md_1": "
|
|
49
|
-
"_md_2": "
|
|
50
|
-
"_md_3": "
|
|
51
|
-
"_md_4": "
|
|
52
|
-
"_md_5": "
|
|
53
|
-
"_md_6": "
|
|
54
|
-
"_md_7": "
|
|
55
|
-
"_md_8": "
|
|
56
|
-
"_md_9": "
|
|
57
|
-
"_md_10": "
|
|
58
|
-
"_md_11": "
|
|
59
|
-
"_md_12": "
|
|
60
|
-
"_mdOffset_0": "
|
|
61
|
-
"_mdOffset_1": "
|
|
62
|
-
"_mdOffset_2": "
|
|
63
|
-
"_mdOffset_3": "
|
|
64
|
-
"_mdOffset_4": "
|
|
65
|
-
"_mdOffset_5": "
|
|
66
|
-
"_mdOffset_6": "
|
|
67
|
-
"_mdOffset_7": "
|
|
68
|
-
"_mdOffset_8": "
|
|
69
|
-
"_mdOffset_9": "
|
|
70
|
-
"_mdOffset_10": "
|
|
71
|
-
"_mdOffset_11": "
|
|
72
|
-
"_mdOffset_12": "
|
|
73
|
-
"_sm": "
|
|
74
|
-
"_sm_auto": "
|
|
75
|
-
"_sm_0": "
|
|
76
|
-
"_sm_1": "
|
|
77
|
-
"_sm_2": "
|
|
78
|
-
"_sm_3": "
|
|
79
|
-
"_sm_4": "
|
|
80
|
-
"_sm_5": "
|
|
81
|
-
"_sm_6": "
|
|
82
|
-
"_sm_7": "
|
|
83
|
-
"_sm_8": "
|
|
84
|
-
"_sm_9": "
|
|
85
|
-
"_sm_10": "
|
|
86
|
-
"_sm_11": "
|
|
87
|
-
"_sm_12": "
|
|
88
|
-
"_smOffset_0": "
|
|
89
|
-
"_smOffset_1": "
|
|
90
|
-
"_smOffset_2": "
|
|
91
|
-
"_smOffset_3": "
|
|
92
|
-
"_smOffset_4": "
|
|
93
|
-
"_smOffset_5": "
|
|
94
|
-
"_smOffset_6": "
|
|
95
|
-
"_smOffset_7": "
|
|
96
|
-
"_smOffset_8": "
|
|
97
|
-
"_smOffset_9": "
|
|
98
|
-
"_smOffset_10": "
|
|
99
|
-
"_smOffset_11": "
|
|
100
|
-
"_smOffset_12": "
|
|
101
|
-
"_xs": "
|
|
102
|
-
"_xs_auto": "
|
|
103
|
-
"_xs_0": "
|
|
104
|
-
"_xs_1": "
|
|
105
|
-
"_xs_2": "
|
|
106
|
-
"_xs_3": "
|
|
107
|
-
"_xs_4": "
|
|
108
|
-
"_xs_5": "
|
|
109
|
-
"_xs_6": "
|
|
110
|
-
"_xs_7": "
|
|
111
|
-
"_xs_8": "
|
|
112
|
-
"_xs_9": "
|
|
113
|
-
"_xs_10": "
|
|
114
|
-
"_xs_11": "
|
|
115
|
-
"_xs_12": "
|
|
116
|
-
"_xsOffset_0": "
|
|
117
|
-
"_xsOffset_1": "
|
|
118
|
-
"_xsOffset_2": "
|
|
119
|
-
"_xsOffset_3": "
|
|
120
|
-
"_xsOffset_4": "
|
|
121
|
-
"_xsOffset_5": "
|
|
122
|
-
"_xsOffset_6": "
|
|
123
|
-
"_xsOffset_7": "
|
|
124
|
-
"_xsOffset_8": "
|
|
125
|
-
"_xsOffset_9": "
|
|
126
|
-
"_xsOffset_10": "
|
|
127
|
-
"_xsOffset_11": "
|
|
128
|
-
"_xsOffset_12": "
|
|
16
|
+
"__SCol": "___SCol_11s79_gg_",
|
|
17
|
+
"_span": "__span_11s79_gg_",
|
|
18
|
+
"_span_auto": "_span_auto_11s79_gg_",
|
|
19
|
+
"_span_0": "_span_0_11s79_gg_",
|
|
20
|
+
"_span_1": "_span_1_11s79_gg_",
|
|
21
|
+
"_span_2": "_span_2_11s79_gg_",
|
|
22
|
+
"_span_3": "_span_3_11s79_gg_",
|
|
23
|
+
"_span_4": "_span_4_11s79_gg_",
|
|
24
|
+
"_span_5": "_span_5_11s79_gg_",
|
|
25
|
+
"_span_6": "_span_6_11s79_gg_",
|
|
26
|
+
"_span_7": "_span_7_11s79_gg_",
|
|
27
|
+
"_span_8": "_span_8_11s79_gg_",
|
|
28
|
+
"_span_9": "_span_9_11s79_gg_",
|
|
29
|
+
"_span_10": "_span_10_11s79_gg_",
|
|
30
|
+
"_span_11": "_span_11_11s79_gg_",
|
|
31
|
+
"_span_12": "_span_12_11s79_gg_",
|
|
32
|
+
"_offset_0": "_offset_0_11s79_gg_",
|
|
33
|
+
"_offset_1": "_offset_1_11s79_gg_",
|
|
34
|
+
"_offset_2": "_offset_2_11s79_gg_",
|
|
35
|
+
"_offset_3": "_offset_3_11s79_gg_",
|
|
36
|
+
"_offset_4": "_offset_4_11s79_gg_",
|
|
37
|
+
"_offset_5": "_offset_5_11s79_gg_",
|
|
38
|
+
"_offset_6": "_offset_6_11s79_gg_",
|
|
39
|
+
"_offset_7": "_offset_7_11s79_gg_",
|
|
40
|
+
"_offset_8": "_offset_8_11s79_gg_",
|
|
41
|
+
"_offset_9": "_offset_9_11s79_gg_",
|
|
42
|
+
"_offset_10": "_offset_10_11s79_gg_",
|
|
43
|
+
"_offset_11": "_offset_11_11s79_gg_",
|
|
44
|
+
"_offset_12": "_offset_12_11s79_gg_",
|
|
45
|
+
"_md": "__md_11s79_gg_",
|
|
46
|
+
"_md_auto": "_md_auto_11s79_gg_",
|
|
47
|
+
"_md_0": "_md_0_11s79_gg_",
|
|
48
|
+
"_md_1": "_md_1_11s79_gg_",
|
|
49
|
+
"_md_2": "_md_2_11s79_gg_",
|
|
50
|
+
"_md_3": "_md_3_11s79_gg_",
|
|
51
|
+
"_md_4": "_md_4_11s79_gg_",
|
|
52
|
+
"_md_5": "_md_5_11s79_gg_",
|
|
53
|
+
"_md_6": "_md_6_11s79_gg_",
|
|
54
|
+
"_md_7": "_md_7_11s79_gg_",
|
|
55
|
+
"_md_8": "_md_8_11s79_gg_",
|
|
56
|
+
"_md_9": "_md_9_11s79_gg_",
|
|
57
|
+
"_md_10": "_md_10_11s79_gg_",
|
|
58
|
+
"_md_11": "_md_11_11s79_gg_",
|
|
59
|
+
"_md_12": "_md_12_11s79_gg_",
|
|
60
|
+
"_mdOffset_0": "_mdOffset_0_11s79_gg_",
|
|
61
|
+
"_mdOffset_1": "_mdOffset_1_11s79_gg_",
|
|
62
|
+
"_mdOffset_2": "_mdOffset_2_11s79_gg_",
|
|
63
|
+
"_mdOffset_3": "_mdOffset_3_11s79_gg_",
|
|
64
|
+
"_mdOffset_4": "_mdOffset_4_11s79_gg_",
|
|
65
|
+
"_mdOffset_5": "_mdOffset_5_11s79_gg_",
|
|
66
|
+
"_mdOffset_6": "_mdOffset_6_11s79_gg_",
|
|
67
|
+
"_mdOffset_7": "_mdOffset_7_11s79_gg_",
|
|
68
|
+
"_mdOffset_8": "_mdOffset_8_11s79_gg_",
|
|
69
|
+
"_mdOffset_9": "_mdOffset_9_11s79_gg_",
|
|
70
|
+
"_mdOffset_10": "_mdOffset_10_11s79_gg_",
|
|
71
|
+
"_mdOffset_11": "_mdOffset_11_11s79_gg_",
|
|
72
|
+
"_mdOffset_12": "_mdOffset_12_11s79_gg_",
|
|
73
|
+
"_sm": "__sm_11s79_gg_",
|
|
74
|
+
"_sm_auto": "_sm_auto_11s79_gg_",
|
|
75
|
+
"_sm_0": "_sm_0_11s79_gg_",
|
|
76
|
+
"_sm_1": "_sm_1_11s79_gg_",
|
|
77
|
+
"_sm_2": "_sm_2_11s79_gg_",
|
|
78
|
+
"_sm_3": "_sm_3_11s79_gg_",
|
|
79
|
+
"_sm_4": "_sm_4_11s79_gg_",
|
|
80
|
+
"_sm_5": "_sm_5_11s79_gg_",
|
|
81
|
+
"_sm_6": "_sm_6_11s79_gg_",
|
|
82
|
+
"_sm_7": "_sm_7_11s79_gg_",
|
|
83
|
+
"_sm_8": "_sm_8_11s79_gg_",
|
|
84
|
+
"_sm_9": "_sm_9_11s79_gg_",
|
|
85
|
+
"_sm_10": "_sm_10_11s79_gg_",
|
|
86
|
+
"_sm_11": "_sm_11_11s79_gg_",
|
|
87
|
+
"_sm_12": "_sm_12_11s79_gg_",
|
|
88
|
+
"_smOffset_0": "_smOffset_0_11s79_gg_",
|
|
89
|
+
"_smOffset_1": "_smOffset_1_11s79_gg_",
|
|
90
|
+
"_smOffset_2": "_smOffset_2_11s79_gg_",
|
|
91
|
+
"_smOffset_3": "_smOffset_3_11s79_gg_",
|
|
92
|
+
"_smOffset_4": "_smOffset_4_11s79_gg_",
|
|
93
|
+
"_smOffset_5": "_smOffset_5_11s79_gg_",
|
|
94
|
+
"_smOffset_6": "_smOffset_6_11s79_gg_",
|
|
95
|
+
"_smOffset_7": "_smOffset_7_11s79_gg_",
|
|
96
|
+
"_smOffset_8": "_smOffset_8_11s79_gg_",
|
|
97
|
+
"_smOffset_9": "_smOffset_9_11s79_gg_",
|
|
98
|
+
"_smOffset_10": "_smOffset_10_11s79_gg_",
|
|
99
|
+
"_smOffset_11": "_smOffset_11_11s79_gg_",
|
|
100
|
+
"_smOffset_12": "_smOffset_12_11s79_gg_",
|
|
101
|
+
"_xs": "__xs_11s79_gg_",
|
|
102
|
+
"_xs_auto": "_xs_auto_11s79_gg_",
|
|
103
|
+
"_xs_0": "_xs_0_11s79_gg_",
|
|
104
|
+
"_xs_1": "_xs_1_11s79_gg_",
|
|
105
|
+
"_xs_2": "_xs_2_11s79_gg_",
|
|
106
|
+
"_xs_3": "_xs_3_11s79_gg_",
|
|
107
|
+
"_xs_4": "_xs_4_11s79_gg_",
|
|
108
|
+
"_xs_5": "_xs_5_11s79_gg_",
|
|
109
|
+
"_xs_6": "_xs_6_11s79_gg_",
|
|
110
|
+
"_xs_7": "_xs_7_11s79_gg_",
|
|
111
|
+
"_xs_8": "_xs_8_11s79_gg_",
|
|
112
|
+
"_xs_9": "_xs_9_11s79_gg_",
|
|
113
|
+
"_xs_10": "_xs_10_11s79_gg_",
|
|
114
|
+
"_xs_11": "_xs_11_11s79_gg_",
|
|
115
|
+
"_xs_12": "_xs_12_11s79_gg_",
|
|
116
|
+
"_xsOffset_0": "_xsOffset_0_11s79_gg_",
|
|
117
|
+
"_xsOffset_1": "_xsOffset_1_11s79_gg_",
|
|
118
|
+
"_xsOffset_2": "_xsOffset_2_11s79_gg_",
|
|
119
|
+
"_xsOffset_3": "_xsOffset_3_11s79_gg_",
|
|
120
|
+
"_xsOffset_4": "_xsOffset_4_11s79_gg_",
|
|
121
|
+
"_xsOffset_5": "_xsOffset_5_11s79_gg_",
|
|
122
|
+
"_xsOffset_6": "_xsOffset_6_11s79_gg_",
|
|
123
|
+
"_xsOffset_7": "_xsOffset_7_11s79_gg_",
|
|
124
|
+
"_xsOffset_8": "_xsOffset_8_11s79_gg_",
|
|
125
|
+
"_xsOffset_9": "_xsOffset_9_11s79_gg_",
|
|
126
|
+
"_xsOffset_10": "_xsOffset_10_11s79_gg_",
|
|
127
|
+
"_xsOffset_11": "_xsOffset_11_11s79_gg_",
|
|
128
|
+
"_xsOffset_12": "_xsOffset_12_11s79_gg_"
|
|
129
129
|
});
|
|
130
130
|
class RowRoot extends _core.Component {
|
|
131
131
|
getColProps() {
|
|
@@ -17,48 +17,48 @@ var _Middleware = require("./Middleware");
|
|
|
17
17
|
var _flexBox = require("../flex-box");
|
|
18
18
|
var _portal = require("../portal");
|
|
19
19
|
/*!__reshadow-styles__:"../animation/style/keyframes.shadow.css"*/
|
|
20
|
-
const keyframes = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-
|
|
20
|
+
const keyframes = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1fqaa{0%,to{overflow:clip}}@keyframes collapse-exit_1fqaa{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1fqaa{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1fqaa{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1fqaa{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1fqaa{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1fqaa{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1fqaa{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1fqaa{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1fqaa{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1fqaa{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1fqaa{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1fqaa{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1fqaa{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1fqaa{0%{transform:var(--transformStart_1fqaa)}to{transform:var(--transformEnd_1fqaa)}}@keyframes transform-exit_1fqaa{0%{transform:var(--transformEnd_1fqaa)}to{transform:var(--transformStart_1fqaa)}}.___SCollapse_1fqaa_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1fqaa_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"@collapse-enter": "collapse-
|
|
24
|
-
"@collapse-exit": "collapse-
|
|
25
|
-
"__SCollapse": "
|
|
26
|
-
"@fade-in-out-enter": "fade-in-out-
|
|
27
|
-
"@fade-in-out-exit": "fade-in-out-
|
|
28
|
-
"@opacity-in": "opacity-
|
|
29
|
-
"@opacity-out": "opacity-
|
|
30
|
-
"@scale-left-in": "scale-left-
|
|
31
|
-
"@scale-right-in": "scale-right-
|
|
32
|
-
"@scale-top-in": "scale-top-
|
|
33
|
-
"@scale-bottom-in": "scale-bottom-
|
|
34
|
-
"@scale-left-out": "scale-left-
|
|
35
|
-
"@scale-right-out": "scale-right-
|
|
36
|
-
"@scale-top-out": "scale-top-
|
|
37
|
-
"@scale-bottom-out": "scale-bottom-
|
|
38
|
-
"@slide-top-in": "slide-top-
|
|
39
|
-
"@slide-top-out": "slide-top-
|
|
40
|
-
"@slide-bottom-in": "slide-bottom-
|
|
41
|
-
"@slide-bottom-out": "slide-bottom-
|
|
42
|
-
"@slide-left-in": "slide-left-
|
|
43
|
-
"@slide-left-out": "slide-left-
|
|
44
|
-
"@slide-right-in": "slide-right-
|
|
45
|
-
"@slide-right-out": "slide-right-
|
|
46
|
-
"@transform-enter": "transform-
|
|
47
|
-
"--transformStart": "--
|
|
48
|
-
"--transformEnd": "--
|
|
49
|
-
"@transform-exit": "transform-
|
|
23
|
+
"@collapse-enter": "collapse-enter_1fqaa",
|
|
24
|
+
"@collapse-exit": "collapse-exit_1fqaa",
|
|
25
|
+
"__SCollapse": "___SCollapse_1fqaa_gg_",
|
|
26
|
+
"@fade-in-out-enter": "fade-in-out-enter_1fqaa",
|
|
27
|
+
"@fade-in-out-exit": "fade-in-out-exit_1fqaa",
|
|
28
|
+
"@opacity-in": "opacity-in_1fqaa",
|
|
29
|
+
"@opacity-out": "opacity-out_1fqaa",
|
|
30
|
+
"@scale-left-in": "scale-left-in_1fqaa",
|
|
31
|
+
"@scale-right-in": "scale-right-in_1fqaa",
|
|
32
|
+
"@scale-top-in": "scale-top-in_1fqaa",
|
|
33
|
+
"@scale-bottom-in": "scale-bottom-in_1fqaa",
|
|
34
|
+
"@scale-left-out": "scale-left-out_1fqaa",
|
|
35
|
+
"@scale-right-out": "scale-right-out_1fqaa",
|
|
36
|
+
"@scale-top-out": "scale-top-out_1fqaa",
|
|
37
|
+
"@scale-bottom-out": "scale-bottom-out_1fqaa",
|
|
38
|
+
"@slide-top-in": "slide-top-in_1fqaa",
|
|
39
|
+
"@slide-top-out": "slide-top-out_1fqaa",
|
|
40
|
+
"@slide-bottom-in": "slide-bottom-in_1fqaa",
|
|
41
|
+
"@slide-bottom-out": "slide-bottom-out_1fqaa",
|
|
42
|
+
"@slide-left-in": "slide-left-in_1fqaa",
|
|
43
|
+
"@slide-left-out": "slide-left-out_1fqaa",
|
|
44
|
+
"@slide-right-in": "slide-right-in_1fqaa",
|
|
45
|
+
"@slide-right-out": "slide-right-out_1fqaa",
|
|
46
|
+
"@transform-enter": "transform-enter_1fqaa",
|
|
47
|
+
"--transformStart": "--transformStart_1fqaa",
|
|
48
|
+
"--transformEnd": "--transformEnd_1fqaa",
|
|
49
|
+
"@transform-exit": "transform-exit_1fqaa"
|
|
50
50
|
});
|
|
51
51
|
/*!__reshadow-styles__:"./style/hint.shadow.css"*/
|
|
52
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
52
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHintPopper_12px1_gg_{width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;max-width:250px;word-wrap:break-word;opacity:0;pointer-events:none;background:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);border-radius:var(--intergalactic-rounded-small, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));animation-fill-mode:both;animation-timing-function:var(--timingFunction_12px1);animation-duration:var(--durationFinalize_12px1);animation-name:var(--keyframesFinalize_12px1)}.___SHintPopper_12px1_gg_.__visible_12px1_gg_{animation-duration:var(--durationInitialize_12px1);animation-name:var(--keyframesInitialize_12px1)}@media (prefers-reduced-motion){.___SHintPopper_12px1_gg_,.___SHintPopper_12px1_gg_.__visible_12px1_gg_{animation-timing-function:step-end;animation-iteration-count:1}}", /*__inner_css_end__*/"12px1_gg_"),
|
|
53
53
|
/*__reshadow_css_end__*/
|
|
54
54
|
{
|
|
55
|
-
"__SHintPopper": "
|
|
56
|
-
"_visible": "
|
|
57
|
-
"--timingFunction": "--
|
|
58
|
-
"--durationFinalize": "--
|
|
59
|
-
"--keyframesFinalize": "--
|
|
60
|
-
"--durationInitialize": "--
|
|
61
|
-
"--keyframesInitialize": "--
|
|
55
|
+
"__SHintPopper": "___SHintPopper_12px1_gg_",
|
|
56
|
+
"_visible": "__visible_12px1_gg_",
|
|
57
|
+
"--timingFunction": "--timingFunction_12px1",
|
|
58
|
+
"--durationFinalize": "--durationFinalize_12px1",
|
|
59
|
+
"--keyframesFinalize": "--keyframesFinalize_12px1",
|
|
60
|
+
"--durationInitialize": "--durationInitialize_12px1",
|
|
61
|
+
"--keyframesInitialize": "--keyframesInitialize_12px1"
|
|
62
62
|
});
|
|
63
63
|
const enhances = [(0, _zIndexStacking.zIndexStackingEnhance)('z-index-tooltip'), (0, _useCssVariable.cssVariableEnhance)({
|
|
64
64
|
variable: '--intergalactic-duration-popper',
|
|
@@ -27,13 +27,13 @@ var _outsideClick = require("../outside-click");
|
|
|
27
27
|
var _portal = require("../portal");
|
|
28
28
|
var _createPopper = _interopRequireDefault(require("./createPopper"));
|
|
29
29
|
/*!__reshadow-styles__:"./style/popper.shadow.css"*/
|
|
30
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
30
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPopper_10nat_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_10nat_gg_:focus-visible{border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_10nat_gg_.__hideFocus_10nat_gg_{outline:0}.___SFocusHint_10nat_gg_{display:none}.___STrigger_10nat_gg_:focus .___SFocusHint_10nat_gg_,.___STrigger_10nat_gg_:focus-within .___SFocusHint_10nat_gg_{display:inline}", /*__inner_css_end__*/"10nat_gg_"),
|
|
31
31
|
/*__reshadow_css_end__*/
|
|
32
32
|
{
|
|
33
|
-
"__SPopper": "
|
|
34
|
-
"_hideFocus": "
|
|
35
|
-
"__SFocusHint": "
|
|
36
|
-
"__STrigger": "
|
|
33
|
+
"__SPopper": "___SPopper_10nat_gg_",
|
|
34
|
+
"_hideFocus": "__hideFocus_10nat_gg_",
|
|
35
|
+
"__SFocusHint": "___SFocusHint_10nat_gg_",
|
|
36
|
+
"__STrigger": "___STrigger_10nat_gg_"
|
|
37
37
|
});
|
|
38
38
|
function isObject(obj) {
|
|
39
39
|
return typeof obj === 'object' && !Array.isArray(obj);
|
|
@@ -17,38 +17,38 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
17
17
|
var _flexBox = require("../flex-box");
|
|
18
18
|
var _ScrollBar = require("./ScrollBar");
|
|
19
19
|
/*!__reshadow-styles__:"./style/scroll-area.shadow.css"*/
|
|
20
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScrollArea_1v4ce_gg_{position:relative;width:100%;height:100%}.___SScrollArea_1v4ce_gg_ .___SContainer_1v4ce_gg_:focus-visible::after{top:var(--focusRingTopOffset_1v4ce);right:var(--focusRingRightOffset_1v4ce);bottom:var(--focusRingBottomOffset_1v4ce);left:var(--focusRingLeftOffset_1v4ce);pointer-events:none}.___SShadowHorizontal_1v4ce_gg_:after,.___SShadowHorizontal_1v4ce_gg_:before,.___SShadowVertical_1v4ce_gg_:after,.___SShadowVertical_1v4ce_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_1v4ce_gg_.__size_1v4ce_gg_:after,.___SShadowHorizontal_1v4ce_gg_.__size_1v4ce_gg_:before{top:0;width:var(--size_1v4ce);height:100%}.___SShadowHorizontal_1v4ce_gg_.__size_1v4ce_gg_._themeLeft_dark_1v4ce_gg_:before{background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1v4ce_gg_.__size_1v4ce_gg_._themeRight_dark_1v4ce_gg_:after{background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1v4ce_gg_.__size_1v4ce_gg_._themeLeft_light_1v4ce_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%))}.___SShadowHorizontal_1v4ce_gg_.__size_1v4ce_gg_._themeRight_light_1v4ce_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%))}.___SShadowHorizontal_1v4ce_gg_._position_median_1v4ce_gg_:before{left:0;display:block}.___SShadowHorizontal_1v4ce_gg_._position_median_1v4ce_gg_:after{right:0;display:block}.___SShadowHorizontal_1v4ce_gg_._position_start_1v4ce_gg_:before{left:0;display:block}.___SShadowHorizontal_1v4ce_gg_._position_end_1v4ce_gg_:before,.___SShadowHorizontal_1v4ce_gg_._position_start_1v4ce_gg_:after{background:0 0}.___SShadowHorizontal_1v4ce_gg_._position_end_1v4ce_gg_:after{right:0;display:block}.___SShadowHorizontal_1v4ce_gg_.__leftOffset_1v4ce_gg_:before{left:var(--leftOffset_1v4ce)}.___SShadowHorizontal_1v4ce_gg_.__rightOffset_1v4ce_gg_:after{right:var(--rightOffset_1v4ce)}.___SShadowVertical_1v4ce_gg_.__size_1v4ce_gg_:after,.___SShadowVertical_1v4ce_gg_.__size_1v4ce_gg_:before{left:0;width:100%;height:var(--size_1v4ce)}.___SShadowVertical_1v4ce_gg_.__size_1v4ce_gg_._themeTop_dark_1v4ce_gg_:before{background:var(--intergalactic-scroll-area-shadow-top,\n linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1v4ce_gg_.__size_1v4ce_gg_._themeBottom_dark_1v4ce_gg_:after{background:var(--intergalactic-scroll-area-shadow-bottom,\n linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1v4ce_gg_.__size_1v4ce_gg_._themeTop_light_1v4ce_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%))}.___SShadowVertical_1v4ce_gg_.__size_1v4ce_gg_._themeBottom_light_1v4ce_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%))}.___SShadowVertical_1v4ce_gg_._position_median_1v4ce_gg_:before{top:0;display:block}.___SShadowVertical_1v4ce_gg_._position_median_1v4ce_gg_:after{bottom:0;display:block}.___SShadowVertical_1v4ce_gg_._position_start_1v4ce_gg_:before{top:0;display:block}.___SShadowVertical_1v4ce_gg_._position_end_1v4ce_gg_:before,.___SShadowVertical_1v4ce_gg_._position_start_1v4ce_gg_:after{background:0 0}.___SShadowVertical_1v4ce_gg_._position_end_1v4ce_gg_:after{bottom:0;display:block}.___SShadowVertical_1v4ce_gg_.__topOffset_1v4ce_gg_:before{top:var(--topOffset_1v4ce)}.___SShadowVertical_1v4ce_gg_.__bottomOffset_1v4ce_gg_:after{bottom:var(--bottomOffset_1v4ce)}.___SContainer_1v4ce_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1v4ce_gg_::-webkit-scrollbar{display:none}", /*__inner_css_end__*/"1v4ce_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SShadowHorizontal": "
|
|
24
|
-
"_leftOffset": "
|
|
25
|
-
"--leftOffset": "--
|
|
26
|
-
"_rightOffset": "
|
|
27
|
-
"--rightOffset": "--
|
|
28
|
-
"__SShadowVertical": "
|
|
29
|
-
"_topOffset": "
|
|
30
|
-
"--topOffset": "--
|
|
31
|
-
"_bottomOffset": "
|
|
32
|
-
"--bottomOffset": "--
|
|
33
|
-
"__SScrollArea": "
|
|
34
|
-
"__SContainer": "
|
|
35
|
-
"--focusRingTopOffset": "--
|
|
36
|
-
"--focusRingRightOffset": "--
|
|
37
|
-
"--focusRingBottomOffset": "--
|
|
38
|
-
"--focusRingLeftOffset": "--
|
|
39
|
-
"_size": "
|
|
40
|
-
"--size": "--
|
|
41
|
-
"_themeLeft_dark": "
|
|
42
|
-
"_themeRight_dark": "
|
|
43
|
-
"_themeLeft_light": "
|
|
44
|
-
"_themeRight_light": "
|
|
45
|
-
"_position_median": "
|
|
46
|
-
"_position_start": "
|
|
47
|
-
"_position_end": "
|
|
48
|
-
"_themeTop_dark": "
|
|
49
|
-
"_themeBottom_dark": "
|
|
50
|
-
"_themeTop_light": "
|
|
51
|
-
"_themeBottom_light": "
|
|
23
|
+
"__SShadowHorizontal": "___SShadowHorizontal_1v4ce_gg_",
|
|
24
|
+
"_leftOffset": "__leftOffset_1v4ce_gg_",
|
|
25
|
+
"--leftOffset": "--leftOffset_1v4ce",
|
|
26
|
+
"_rightOffset": "__rightOffset_1v4ce_gg_",
|
|
27
|
+
"--rightOffset": "--rightOffset_1v4ce",
|
|
28
|
+
"__SShadowVertical": "___SShadowVertical_1v4ce_gg_",
|
|
29
|
+
"_topOffset": "__topOffset_1v4ce_gg_",
|
|
30
|
+
"--topOffset": "--topOffset_1v4ce",
|
|
31
|
+
"_bottomOffset": "__bottomOffset_1v4ce_gg_",
|
|
32
|
+
"--bottomOffset": "--bottomOffset_1v4ce",
|
|
33
|
+
"__SScrollArea": "___SScrollArea_1v4ce_gg_",
|
|
34
|
+
"__SContainer": "___SContainer_1v4ce_gg_",
|
|
35
|
+
"--focusRingTopOffset": "--focusRingTopOffset_1v4ce",
|
|
36
|
+
"--focusRingRightOffset": "--focusRingRightOffset_1v4ce",
|
|
37
|
+
"--focusRingBottomOffset": "--focusRingBottomOffset_1v4ce",
|
|
38
|
+
"--focusRingLeftOffset": "--focusRingLeftOffset_1v4ce",
|
|
39
|
+
"_size": "__size_1v4ce_gg_",
|
|
40
|
+
"--size": "--size_1v4ce",
|
|
41
|
+
"_themeLeft_dark": "_themeLeft_dark_1v4ce_gg_",
|
|
42
|
+
"_themeRight_dark": "_themeRight_dark_1v4ce_gg_",
|
|
43
|
+
"_themeLeft_light": "_themeLeft_light_1v4ce_gg_",
|
|
44
|
+
"_themeRight_light": "_themeRight_light_1v4ce_gg_",
|
|
45
|
+
"_position_median": "_position_median_1v4ce_gg_",
|
|
46
|
+
"_position_start": "_position_start_1v4ce_gg_",
|
|
47
|
+
"_position_end": "_position_end_1v4ce_gg_",
|
|
48
|
+
"_themeTop_dark": "_themeTop_dark_1v4ce_gg_",
|
|
49
|
+
"_themeBottom_dark": "_themeBottom_dark_1v4ce_gg_",
|
|
50
|
+
"_themeTop_light": "_themeTop_light_1v4ce_gg_",
|
|
51
|
+
"_themeBottom_light": "_themeBottom_light_1v4ce_gg_"
|
|
52
52
|
});
|
|
53
53
|
let eventCalculate = exports.eventCalculate = undefined;
|
|
54
54
|
if (typeof window !== 'undefined') {
|
|
@@ -11,14 +11,14 @@ var _contextEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/en
|
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _flexBox = require("../flex-box");
|
|
13
13
|
/*!__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
|
|
14
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScrollBar_wwveg_gg_{position:absolute;display:flex}.___SScrollBar_wwveg_gg_._orientation_vertical_wwveg_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_wwveg) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_wwveg_gg_._orientation_horizontal_wwveg_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_wwveg) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_wwveg_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}", /*__inner_css_end__*/"wwveg_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SScrollBar": "
|
|
18
|
-
"_orientation_vertical": "
|
|
19
|
-
"--offsetSum": "--
|
|
20
|
-
"_orientation_horizontal": "
|
|
21
|
-
"__SSlider": "
|
|
17
|
+
"__SScrollBar": "___SScrollBar_wwveg_gg_",
|
|
18
|
+
"_orientation_vertical": "_orientation_vertical_wwveg_gg_",
|
|
19
|
+
"--offsetSum": "--offsetSum_wwveg",
|
|
20
|
+
"_orientation_horizontal": "_orientation_horizontal_wwveg_gg_",
|
|
21
|
+
"__SSlider": "___SSlider_wwveg_gg_"
|
|
22
22
|
});
|
|
23
23
|
const hideScrollBarsFromScreenReadersContext = exports.hideScrollBarsFromScreenReadersContext = /*#__PURE__*/_react.default.createContext(false);
|
|
24
24
|
const DEFAULT_SLIDER_SIZE = exports.DEFAULT_SLIDER_SIZE = 50;
|
|
@@ -7,19 +7,19 @@ import contextEnhance from '@semcore/core/lib/utils/enhances/contextEnhance';
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { Box } from '../flex-box';
|
|
9
9
|
/*!__reshadow-styles__:"./style/animate.shadow.css"*/
|
|
10
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAnimation_k54uj_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_k54uj);animation-duration:var(--durationFinalize_k54uj);animation-delay:var(--delayFinalize_k54uj);animation-name:var(--keyframesFinalize_k54uj)}.___SAnimation_k54uj_gg_.__transition-based_k54uj_gg_{transition-timing-function:var(--timingFunction_k54uj);transition-duration:var(--durationFinalize_k54uj)}.___SAnimation_k54uj_gg_.__visible_k54uj_gg_{animation-duration:var(--durationInitialize_k54uj);animation-delay:var(--delayInitialize_k54uj);animation-name:var(--keyframesInitialize_k54uj)}.___SAnimation_k54uj_gg_.__visible_k54uj_gg_.__transition-based_k54uj_gg_{transition-timing-function:var(--timingFunction_k54uj);transition-duration:var(--durationInitialize_k54uj)}@media (prefers-reduced-motion){.___SAnimation_k54uj_gg_.__transition-based_k54uj_gg_,.___SAnimation_k54uj_gg_.__visible_k54uj_gg_.__transition-based_k54uj_gg_{transition-timing-function:none;transition-duration:none}.___SAnimation_k54uj_gg_,.___SAnimation_k54uj_gg_.__visible_k54uj_gg_{animation-timing-function:step-end;animation-iteration-count:1}}", /*__inner_css_end__*/"k54uj_gg_"),
|
|
11
11
|
/*__reshadow_css_end__*/
|
|
12
12
|
{
|
|
13
|
-
"__SAnimation": "
|
|
14
|
-
"--timingFunction": "--
|
|
15
|
-
"--durationFinalize": "--
|
|
16
|
-
"--delayFinalize": "--
|
|
17
|
-
"--keyframesFinalize": "--
|
|
18
|
-
"_transition-based": "__transition-
|
|
19
|
-
"_visible": "
|
|
20
|
-
"--durationInitialize": "--
|
|
21
|
-
"--delayInitialize": "--
|
|
22
|
-
"--keyframesInitialize": "--
|
|
13
|
+
"__SAnimation": "___SAnimation_k54uj_gg_",
|
|
14
|
+
"--timingFunction": "--timingFunction_k54uj",
|
|
15
|
+
"--durationFinalize": "--durationFinalize_k54uj",
|
|
16
|
+
"--delayFinalize": "--delayFinalize_k54uj",
|
|
17
|
+
"--keyframesFinalize": "--keyframesFinalize_k54uj",
|
|
18
|
+
"_transition-based": "__transition-based_k54uj_gg_",
|
|
19
|
+
"_visible": "__visible_k54uj_gg_",
|
|
20
|
+
"--durationInitialize": "--durationInitialize_k54uj",
|
|
21
|
+
"--delayInitialize": "--delayInitialize_k54uj",
|
|
22
|
+
"--keyframesInitialize": "--keyframesInitialize_k54uj"
|
|
23
23
|
});
|
|
24
24
|
function propToArray(prop) {
|
|
25
25
|
return Array.isArray(prop) ? prop : [prop, prop];
|