@activecollab/components 1.0.84 → 1.0.87

package/dist/index.js

@@ -635,6 +635,13 @@
     return props.$isLight && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
   });
 
+  var layers = {
+    cloud: 100000,
+    skyscraper: 1300,
+    tower: 1200,
+    house: 1000
+  };
+
   var _excluded$T = ["children"];
 
   var TooltipAnimation = function TooltipAnimation(_ref) {
@@ -663,7 +670,7 @@
 
     var _useLayerContext = useLayerContext(),
         _useLayerContext$zInd = _useLayerContext.zIndex,
-        zIndex = _useLayerContext$zInd === void 0 ? 1300 : _useLayerContext$zInd;
+        zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
@@ -1763,7 +1770,7 @@
 
     var _useLayerContext = useLayerContext(),
         _useLayerContext$zInd = _useLayerContext.zIndex,
-        zIndex = _useLayerContext$zInd === void 0 ? 1300 : _useLayerContext$zInd;
+        zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
 
     var handleKeyDown = React.useCallback(function (event) {
       if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape")) {
@@ -8724,7 +8731,9 @@
   var StyledDialog = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDialog",
     componentId: "sc-jwpvgm-0"
-  })(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], FontStyle, BoxSizingStyle);
+  })(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
+    "borderRadius": "0.5rem"
+  }, FontStyle, BoxSizingStyle);
   StyledDialog.displayName = "StyledDialog";
   var StyledDialogTitle = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDialogTitle",
@@ -10399,7 +10408,7 @@
   ThumbsDownIcon.displayName = "ThumbsDownIcon";
   var ThumbsDownIcon$1 = ThumbsDownIcon;
 
-  var _excluded = ["invalid", "required", "size", "children", "className"];
+  var _excluded = ["invalid", "required", "size", "children", "className", "weight"];
   var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$invalid = _ref.invalid,
         invalid = _ref$invalid === void 0 ? false : _ref$invalid,
@@ -10409,6 +10418,8 @@
         size = _ref$size === void 0 ? "regular" : _ref$size,
         children = _ref.children,
         className = _ref.className,
+        _ref$weight = _ref.weight,
+        weight = _ref$weight === void 0 ? "bold" : _ref$weight,
         props = _objectWithoutProperties(_ref, _excluded);
 
     var color = invalid ? "alert" : "primary";
@@ -10418,7 +10429,7 @@
       className: classnames__default["default"]("c-label", className),
       variant: variant,
       color: color,
-      weight: "bold",
+      weight: weight,
       ref: ref
     }, props), children, required ? "*" : null);
   });
@@ -10673,6 +10684,7 @@
   exports.Window = Window;
   exports.WorkloadIcon = WorkloadIcon$1;
   exports.YearMonthPicker = YearMonthPicker;
+  exports.layers = layers;
   exports.signifierTypes = signifierTypes;
   exports.useHeight = useHeight;
   exports.useInitScrollRef = useInitScrollRef;