orcs-design-system 3.2.30 → 3.2.32
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.
|
@@ -42,7 +42,7 @@ const CloseButton = styled(Button).withConfig({
|
|
|
42
42
|
const HeaderContent = styled.div.withConfig({
|
|
43
43
|
displayName: "Modal__HeaderContent",
|
|
44
44
|
componentId: "sc-1v5puuo-3"
|
|
45
|
-
})(["display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding-bottom:", ";border-bottom:solid 1px ", ";flex:0 0 auto;"], props => themeGet("space.r")(props), props => themeGet("colors.greyLighter")(props));
|
|
45
|
+
})(["display:flex;align-items:flex-start;flex-direction:row-reverse;justify-content:space-between;width:100%;padding-bottom:", ";border-bottom:solid 1px ", ";flex:0 0 auto;"], props => themeGet("space.r")(props), props => themeGet("colors.greyLighter")(props));
|
|
46
46
|
const FooterContent = styled.div.withConfig({
|
|
47
47
|
displayName: "Modal__FooterContent",
|
|
48
48
|
componentId: "sc-1v5puuo-4"
|
|
@@ -151,11 +151,7 @@ const Modal = _ref => {
|
|
|
151
151
|
p: "r",
|
|
152
152
|
id: modalID,
|
|
153
153
|
children: [headerContent ? /*#__PURE__*/_jsxs(HeaderContent, {
|
|
154
|
-
children: [/*#__PURE__*/_jsx(
|
|
155
|
-
mr: "xl",
|
|
156
|
-
width: "100%",
|
|
157
|
-
children: headerContent
|
|
158
|
-
}), /*#__PURE__*/_jsx(CloseButton, {
|
|
154
|
+
children: [/*#__PURE__*/_jsx(CloseButton, {
|
|
159
155
|
onClick: onClose,
|
|
160
156
|
className: "modal-close",
|
|
161
157
|
small: true,
|
|
@@ -166,6 +162,10 @@ const Modal = _ref => {
|
|
|
166
162
|
color: "greyDark",
|
|
167
163
|
size: "lg"
|
|
168
164
|
})
|
|
165
|
+
}), /*#__PURE__*/_jsx(Box, {
|
|
166
|
+
mr: "xl",
|
|
167
|
+
width: "100%",
|
|
168
|
+
children: headerContent
|
|
169
169
|
})]
|
|
170
170
|
}) : /*#__PURE__*/_jsx(CloseButton, {
|
|
171
171
|
onClick: onClose,
|
|
@@ -24,7 +24,7 @@ const TooltipControl = styled.div.withConfig({
|
|
|
24
24
|
const StyledPopover = styled.div.withConfig({
|
|
25
25
|
displayName: "Popover__StyledPopover",
|
|
26
26
|
componentId: "sc-1bwoak-1"
|
|
27
|
-
})(["font-size:", ";line-height:", ";font-weight:", ";text-align:", ";word-break:break-word;color:", ";outline:0;padding:", ";border-radius:", ";width:", ";background:", ";border:1px solid ", ";box-shadow:", ";user-select:", ";pointer-events:none;opacity:0;visibility:hidden;&.visible{opacity:1;pointer-events:auto;visibility:visible;}& a{font-size:", ";}&:before{content:\"\";z-index:2;height:0;width:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent;border-right-color:", ";left:-
|
|
27
|
+
})(["font-size:", ";line-height:", ";font-weight:", ";text-align:", ";word-break:break-word;color:", ";outline:0;padding:", ";border-radius:", ";width:", ";background:", ";border:1px solid ", ";box-shadow:", ";user-select:", ";pointer-events:none;opacity:0;visibility:hidden;&.visible{opacity:1;pointer-events:auto;visibility:visible;}& a{font-size:", ";}&:before{content:\"\";z-index:2;height:0;width:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent;border-right-color:", ";left:-6px;top:50%;margin-top:-6px;position:absolute;}&:after{content:\"\";z-index:1;position:absolute;border-color:transparent;border-right-color:", ";height:0;width:0;border-style:solid;border-width:6px 6px 6px 0;left:-7px;top:50%;margin-top:-6px;}&.top{&:before{left:50%;top:auto;margin-top:0;bottom:-9px;margin-left:-3px;transform:rotate(-90deg);}&:after{left:50%;top:auto;margin-top:0;bottom:-10px;margin-left:-3px;transform:rotate(-90deg);}}&.topRight,&.top-end{&:before{left:1px;top:auto;margin-top:0;bottom:-5px;margin-left:-6px;transform:rotate(-45deg);border-width:5px 10px 5px 0;}&:after{left:1px;top:auto;margin-top:0;bottom:-6px;margin-left:-7px;transform:rotate(-45deg);border-width:5px 10px 5px 0;}}&.bottomRight,&.bottom-end{&:before{left:1px;bottom:auto;margin-top:0;top:-5px;margin-left:-6px;transform:rotate(45deg);border-width:5px 10px 5px 0;}&:after{left:1px;bottom:auto;margin-top:0;top:-6px;margin-left:-7px;transform:rotate(45deg);border-width:5px 10px 5px 0;}}&.bottom{&:before{left:50%;top:-9px;margin-top:0;margin-left:-3px;transform:rotate(90deg);}&:after{left:50%;top:-10px;margin-top:0;margin-left:-3px;transform:rotate(90deg);}}&.bottomLeft,&.bottom-start{&:before{right:1px;left:auto;bottom:auto;margin-top:0;top:-5px;margin-right:-6px;transform:rotate(135deg);border-width:5px 10px 5px 0;}&:after{right:1px;left:auto;bottom:auto;margin-top:0;top:-6px;margin-right:-7px;transform:rotate(135deg);border-width:5px 10px 5px 0;}}&.left{&:before{left:auto;right:-6px;transform:rotate(180deg);}&:after{left:auto;right:-7px;transform:rotate(180deg);top:50%;margin-top:-6px;}}&.topLeft,&.top-start{&:before{right:1px;left:auto;top:auto;margin-top:0;bottom:-5px;margin-right:-6px;transform:rotate(225deg);border-width:5px 10px 5px 0;}&:after{right:1px;left:auto;top:auto;margin-top:0;bottom:-6px;margin-right:-7px;transform:rotate(225deg);border-width:5px 10px 5px 0;}}"], themeGet("fontSizes.0"), themeGet("fontSizes.1"), themeGet("fontWeights.1"), props => props.textAlign ? props.textAlign : "left", themeGet("colors.greyDarkest"), themeGet("space.3"), themeGet("radii.1"), props => props.width ? props.width : "200px", themeGet("colors.white"), themeGet("colors.greyLight"), themeGet("shadows.boxDefault"), props => props.enableSelectAll ? "all" : "auto", themeGet("fontSizes.0"), themeGet("colors.white"), themeGet("colors.greyMid"));
|
|
28
28
|
export default function Popover(_ref) {
|
|
29
29
|
var _children$type;
|
|
30
30
|
let {
|
|
@@ -102,6 +102,9 @@ export default function Popover(_ref) {
|
|
|
102
102
|
var _children$props;
|
|
103
103
|
triggerComponent = /*#__PURE__*/_jsx("div", {
|
|
104
104
|
...triggerProps,
|
|
105
|
+
style: {
|
|
106
|
+
display: "inline-block"
|
|
107
|
+
},
|
|
105
108
|
"data-testid": "".concat((children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props["data-testid"]) || "popover", "-trigger"),
|
|
106
109
|
children: children
|
|
107
110
|
});
|
package/es/systemtheme.js
CHANGED