blue-react 7.9.1 → 8.0.0-next.4

package/dist/components/Actions.js

@@ -1,107 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Actions;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Utilities = _interopRequireDefault(require("./Utilities"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function collapseSection(element) {
-  /* Source of these functions: https://css-tricks.com/using-css-transitions-auto-dimensions/ */
-  var sectionHeight = element.scrollHeight;
-  var elementTransition = element.style.transition;
-  element.style.transition = "";
-  requestAnimationFrame(function () {
-    element.style.height = sectionHeight + "px";
-    element.style.transition = elementTransition;
-    requestAnimationFrame(function () {
-      element.style.height = 84 + "px";
-    });
-  });
-  element.setAttribute("data-collapsed", "true");
-}
-
-function expandSection(element) {
-  var sectionHeight = element.scrollHeight;
-  element.style.height = sectionHeight + "px";
-
-  var fun = function fun(e) {
-    element.removeEventListener("transitionend", fun);
-    element.style.height = "";
-  };
-
-  element.addEventListener("transitionend", fun);
-  element.setAttribute("data-collapsed", "false");
-}
-/**
- * @deprecated Please use `ActionMenu` instead.
- */
-
-
-function Actions(props) {
-  var _useState = (0, _react.useState)(props.open || false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var id = "Actions-".concat(_Utilities.default.guid());
-
-  var toggle = function toggle() {
-    var newOpen = !open;
-    var element = document.getElementById(id);
-
-    if (element) {
-      setOpen(newOpen);
-
-      if (newOpen) {
-        expandSection(element);
-      } else {
-        collapseSection(element);
-      }
-
-      if (props.onToggle) {
-        props.onToggle(open);
-      }
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (props.open !== open && props.open !== undefined) {
-      setOpen(props.open);
-    }
-  }, [props.open]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: "blue-actions " + props.className + " " + (open ? "open" : "closed") + " break-".concat(props.break || "md")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "blue-actions-indicator d-".concat(props.break, "-none"),
-    onClick: toggle
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "blue-actions-controls " + props.controlsClassName
-  }, props.children), /*#__PURE__*/_react.default.createElement("div", {
-    className: "blue-actions-featured d-".concat(props.break, "-none")
-  }, props.featured));
-}

package/dist/components/BlueModal.js

@@ -1,147 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Modal;
-
-var _Utilities = _interopRequireDefault(require("./Utilities"));
-
-var _FluentBtn = _interopRequireDefault(require("./FluentBtn"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _bootstrap = require("bootstrap");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-/**
- * Simple modal/dialog. Designed to be as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
- * It uses Bootstrap's Modal components. 
- */
-function Modal(_ref) {
-  var modalContent = _ref.modalContent,
-    unSetModalContent = _ref.unSetModalContent,
-    onSubmit = _ref.onSubmit,
-    defaultInput = _ref.defaultInput,
-    type = _ref.type;
-  var modalRef = (0, _react.useRef)();
-
-  var _useState = (0, _react.useState)(defaultInput || ""),
-    _useState2 = _slicedToArray(_useState, 2),
-    input = _useState2[0],
-    setInput = _useState2[1];
-
-  var cancel = function cancel() {
-    unSetModalContent();
-
-    if (onSubmit) {
-      onSubmit(null);
-    }
-  };
-
-  var sayNo = function sayNo() {
-    unSetModalContent();
-
-    if (onSubmit) {
-      onSubmit(false);
-    }
-  };
-
-  var submit = function submit(e) {
-    e.preventDefault();
-
-    if (onSubmit) {
-      onSubmit(input || true);
-    }
-  };
-
-  var btnStyle = {
-    maxWidth: "10rem"
-  };
-  (0, _react.useEffect)(function () {
-    setInput(defaultInput || "");
-  }, [defaultInput]);
-  (0, _react.useEffect)(function () {
-    _Utilities.default.registerFluentBtns();
-  });
-  (0, _react.useEffect)(function () {
-    var myModal = modalRef.current;
-
-    var bsModal = _bootstrap.Modal.getInstance(myModal);
-
-    if (!bsModal) {
-      bsModal = new _bootstrap.Modal(myModal);
-      bsModal.hide(); // setShow(false)
-      // When the user clicks on underlay to close the modal
-
-      myModal.addEventListener("hide.bs.modal", function () {
-        cancel();
-      });
-    } else {
-      modalContent !== undefined ? bsModal.show() : bsModal.hide();
-    }
-  }, [modalContent]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal",
-    ref: modalRef,
-    tabIndex: -1
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal-dialog"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal-content"
-  }, /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: submit
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal-header"
-  }, /*#__PURE__*/_react.default.createElement("h5", {
-    className: "modal-title"
-  }, "Message"), /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "btn-close",
-    onClick: cancel
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal-body"
-  }, modalContent, type === "ask" && /*#__PURE__*/_react.default.createElement("input", {
-    type: "text",
-    className: "form-control mt-1",
-    value: input,
-    onChange: function onChange(_ref2) {
-      var target = _ref2.target;
-      return setInput(target.value);
-    },
-    autoFocus: true
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal-footer"
-  }, /*#__PURE__*/_react.default.createElement(_FluentBtn.default, {
-    type: "submit",
-    className: "btn btn-primary d-block w-100",
-    style: btnStyle
-  }, type === "verify" ? "Yes" : "OK"), (type === "ask" || type === "verify") && (type === "verify" ? /*#__PURE__*/_react.default.createElement(_FluentBtn.default, {
-    className: "btn btn-outline-primary d-block w-100",
-    style: btnStyle,
-    onClick: sayNo
-  }, "No") : /*#__PURE__*/_react.default.createElement(_FluentBtn.default, {
-    className: "btn btn-outline-primary d-block w-100",
-    style: btnStyle,
-    onClick: cancel
-  }, "Cancel")))))));
-}

package/dist/components/BlueModalProvider.js

@@ -1,133 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModal = exports.ModalProvider = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Modal = _interopRequireDefault(require("./Modal"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ModalContext = /*#__PURE__*/(0, _react.createContext)({
-  ask: undefined,
-  tell: undefined,
-  verify: undefined
-});
-
-var ModalProvider = function ModalProvider(props) {
-  var _useState = (0, _react.useState)("tell"),
-    _useState2 = _slicedToArray(_useState, 2),
-    type = _useState2[0],
-    setType = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    modalContent = _useState4[0],
-    setModalContent = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    defaultInput = _useState6[0],
-    setDefaultInput = _useState6[1];
-
-  var unSetModalContent = (0, _react.useCallback)(function () {
-    setModalContent(undefined);
-  }, [setModalContent]);
-
-  var _useState7 = (0, _react.useState)(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    onSubmit = _useState8[0],
-    setOnSubmit = _useState8[1];
-
-  var ask = function ask(text) {
-    return new Promise(function (resolve) {
-      setType("ask");
-      setModalContent(text);
-      setDefaultInput("");
-      setOnSubmit(function () {
-        return function (input) {
-          resolve(input);
-          setModalContent(undefined);
-          setDefaultInput(undefined);
-        };
-      });
-    });
-  };
-
-  var tell = function tell(text) {
-    return new Promise(function (resolve) {
-      setType("tell");
-      setModalContent(text);
-      setOnSubmit(function () {
-        return function (input) {
-          resolve(input ? true : false);
-          setModalContent(undefined);
-        };
-      });
-    });
-  };
-
-  var verify = function verify(text) {
-    return new Promise(function (resolve) {
-      setType("verify");
-      setModalContent(text);
-      setOnSubmit(function () {
-        return function (input) {
-          resolve(input ? true : false);
-          setModalContent(undefined);
-        };
-      });
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement(ModalContext.Provider, _extends({
-    value: {
-      ask: ask,
-      tell: tell,
-      verify: verify
-    }
-  }, props), props.children, /*#__PURE__*/_react.default.createElement(_Modal.default, {
-    modalContent: modalContent,
-    unSetModalContent: unSetModalContent,
-    onSubmit: onSubmit,
-    defaultInput: defaultInput,
-    type: type
-  }));
-};
-
-exports.ModalProvider = ModalProvider;
-
-var useModal = function useModal() {
-  var context = (0, _react.useContext)(ModalContext);
-
-  if (context === undefined) {
-    throw new Error("useModal must be used within a ModalProvider");
-  }
-
-  return context;
-};
-
-exports.useModal = useModal;

package/dist/components/FluentBtn.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = FluentBtn;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @deprecated Fluent buttons got removed from blue-react.
- * Shortcut for `<button class="fluent-btn"><div className="fluent-btn-ball"></div></button>`.
- * Button with a fancy and fluent acrylic effect.
- */
-function FluentBtn(props) {
-  var ballClassName = "fluent-btn-ball";
-  var _props = {};
-  Object.keys(props).forEach(function (key) {
-    if (key !== "light") {
-      _props[key] = props[key];
-    }
-  });
-  _props.className = "fluent-btn " + props.className + (props.light ? " light" : "");
-  return props.href ? /*#__PURE__*/_react.default.createElement("a", _props, /*#__PURE__*/_react.default.createElement("div", {
-    className: ballClassName
-  }), props.children) : /*#__PURE__*/_react.default.createElement("button", _props, /*#__PURE__*/_react.default.createElement("div", {
-    className: ballClassName
-  }), props.children);
-}

package/dist/components/HeaderActions.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = HeaderActions;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @deprecated This component isn't neccessary anymore. Just use `ActionMenu` directly in `Header`.
- */
-function HeaderActions(props) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.children);
-}

package/dist/styles/_actions.scss

@@ -1,137 +0,0 @@
-$blue-actions-indicator-height: 2rem !default;
-
-.blue-actions {
-    --sidebar-bg: transparent;
-
-    display: flex;
-    align-items: stretch;
-    color: $header-color;
-    position: fixed;
-    right: 0.5rem;
-    z-index: 41;
-    transition: height 0.3s;
-
-    .blue-app-sidebar-btn {
-        color: $header-color;
-
-        &:hover,
-        &:active {
-            background-color: $actions-control-bg-hover;
-        }
-    }
-
-    &.closed {
-        .blue-actions-featured {
-            display: flex;
-        }
-
-        .blue-actions-indicator {
-            padding-bottom: $spacer * 0.5;
-            &::before {
-                transform: rotate(45deg);
-                -webkit-transform: rotate(45deg);
-            }
-        }
-    }
-
-    &.break-sm {
-        @include actions-break(map-get($grid-breakpoints, "sm"));
-    }
-
-    &.break-md {
-        @include actions-break(map-get($grid-breakpoints, "md"));
-    }
-
-    &.break-lg {
-        @include actions-break(map-get($grid-breakpoints, "lg"));
-    }
-
-    &.break-xl {
-        @include actions-break(map-get($grid-breakpoints, "xl"));
-    }
-}
-
-.blue-actions-indicator {
-    min-height: $blue-actions-indicator-height;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    position: relative;
-
-    &::before {
-        content: "";
-        border: solid;
-        border-width: 0 3px 3px 0;
-        display: block;
-        padding: 3px;
-        margin: 0 $spacer;
-
-        transform: rotate(-135deg);
-        -webkit-transform: rotate(-135deg);
-    }
-}
-
-.blue-actions-controls {
-    .blue-app-sidebar-btn {
-        width: 100%;
-    }
-
-    .blue-app-sidebar-label {
-        display: inline-block;
-    }
-}
-
-.blue-actions-featured {
-    display: none;
-    justify-content: center;
-
-    > .fluent-btn {
-        display: inline-flex;
-        justify-content: center;
-    }
-
-    .blue-app-sidebar-btn {
-        margin: 2px;
-
-        &.has-label {
-            width: auto;
-
-            .blue-app-sidebar-label {
-                display: inline-block;
-            }
-        }
-    }
-}
-
-.has-actions {
-    &.break-sm {
-        @include has-actions(map-get($grid-breakpoints, "sm"));
-    }
-
-    &.break-md {
-        @include has-actions(map-get($grid-breakpoints, "md"));
-    }
-
-    &.break-lg {
-        @include has-actions(map-get($grid-breakpoints, "lg"));
-    }
-
-    &.break-xl {
-        @include has-actions(map-get($grid-breakpoints, "xl"));
-    }
-}
-
-.blue-app-page-wrapper:not(.hasHeader) {
-    .blue-actions {
-        background-color: $theme;
-        @extend .mt-1 !optional;
-        @extend .me-1 !optional;
-        border-radius: $blue-actions-indicator-height * 0.5;
-        box-shadow: $box-shadow;
-
-        &.closed {
-            @extend .ps-3 !optional;
-        }
-    }
-}

package/dist/styles/_ripple.scss

@@ -1,30 +0,0 @@
-.ripple {
-    position: relative;
-    overflow: hidden;
-    transform: translate3d(0, 0, 0);
-}
-.ripple:after {
-    content: "";
-    display: block;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    pointer-events: none;
-    background-image: radial-gradient(
-        circle,
-        rgba(black, 0.7) 10%,
-        transparent 10.01%
-    );
-    background-repeat: no-repeat;
-    background-position: 50%;
-    transform: scale(10, 10);
-    opacity: 0;
-    transition: transform 0.5s, opacity 1s;
-}
-.ripple:active:after {
-    transform: scale(0, 0);
-    opacity: 0.2;
-    transition: 0s;
-}

package/dist/styles/mixins/_actions.scss

@@ -1,55 +0,0 @@
-@mixin actions-break($width) {
-    @media screen and (max-width: $width) {
-        top: 0;
-        border-radius: $blue-actions-indicator-height * 0.5;
-        box-shadow: $box-shadow;
-        background-color: $header-bg;
-
-        .blue-actions-controls {
-            & > * {
-                margin-top: $spacer * 0.5;
-                margin-bottom: $spacer * 0.5;
-            }
-        }
-
-        &.open {
-            flex-direction: column;
-        }
-
-        &.closed {
-            @include header-bg();
-
-            .blue-actions-controls {
-                display: none;
-            }
-        }
-    }
-
-    @media screen and (min-width: $width) {
-        top: 0;
-
-        .blue-actions-controls {
-            background: transparent;
-            display: flex;
-            margin-left: -$spacer * 0.5;
-            margin-right: -$spacer * 0.5;
-            padding-right: $spacer;
-
-            & > * {
-                margin-left: $spacer * 0.5;
-                margin-right: $spacer * 0.5;
-            }
-        }
-
-        .blue-app-sidebar-btn {
-            margin-top: 0;
-            margin-bottom: 0;
-        }
-    }
-}
-
-@mixin has-actions($width) {
-    @media screen and (max-width: $width) {
-        padding-bottom: calc(5.25rem + 1rem);
-    }
-}