@braineet/ui/dist/cjs/components/carousel/styles.js

Braineet design system

"use strict";

exports.__esModule = true;
exports.StyledWrapper = exports.StyledTextTitle = exports.StyledSwiper = exports.StyledNumber = exports.StyledDivider = exports.StyledChild = exports.StyledButton = exports.StyledBoxTopSide = exports.StyledBoxNumbers = exports.StyledBoxArrows = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _box = _interopRequireDefault(require("../box"));
var _button = _interopRequireDefault(require("../button"));
var _heading = _interopRequireDefault(require("../heading"));
var _pane = _interopRequireDefault(require("../pane"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/* stylelint-disable */

var StyledButton = exports.StyledButton = (0, _styledComponents.default)(_button.default).withConfig({
  displayName: "styles__StyledButton",
  componentId: "sc-suyqci-0"
})(["", " ", ""], function (props) {
  return props.$position === 'left' && (0, _styledComponents.css)(["margin-right:", ";"], props.theme.spaces.md);
}, function (props) {
  return props.disable && Disabled;
});
var Disabled = function Disabled() {
  return (0, _styledComponents.css)(["opacity:0.24;cursor:not-allowed;box-shadow:none;span,&:hover,&:not([disabled]):hover,&:not([disabled]):focus,&:not([disabled]):active,&:not([disabled]):focus:active{background-color:transparent;}"]);
};
var StyledSwiper = exports.StyledSwiper = (0, _styledComponents.default)(_box.default).withConfig({
  displayName: "styles__StyledSwiper",
  componentId: "sc-suyqci-1"
})(["-ms-overflow-style:none;scroll-behavior:smooth;overflow:hidden;overflow:-moz-scrollbars-none;::-webkit-scrollbar{display:none;}scrollbar-width:none;"]);
var StyledWrapper = exports.StyledWrapper = (0, _styledComponents.default)(_box.default).withConfig({
  displayName: "styles__StyledWrapper",
  componentId: "sc-suyqci-2"
})(["-ms-overflow-style:none;scroll-behavior:smooth;overflow:-moz-scrollbars-none;display:flex;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-webkit-scroll-snap-coordinate:0% 0%;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;::-webkit-scrollbar{display:none;}scrollbar-width:none;"]);
var StyledChild = exports.StyledChild = (0, _styledComponents.default)(_box.default).withConfig({
  displayName: "styles__StyledChild",
  componentId: "sc-suyqci-3"
})(["scroll-snap-align:start;"]);
var StyledTextTitle = exports.StyledTextTitle = (0, _styledComponents.default)(_heading.default).withConfig({
  displayName: "styles__StyledTextTitle",
  componentId: "sc-suyqci-4"
})([""]);
var StyledBoxArrows = exports.StyledBoxArrows = (0, _styledComponents.default)(_pane.default).withConfig({
  displayName: "styles__StyledBoxArrows",
  componentId: "sc-suyqci-5"
})(["display:flex;align-items:center;background-color:white;border-radius:", ";padding:0 0 0 ", ";margin-right:", ";"], function (props) {
  return props.theme.borderRadius.sm;
}, function (props) {
  return props.theme.spaces.md;
}, function (props) {
  return props.theme.spaces.xl;
});
var StyledBoxTopSide = exports.StyledBoxTopSide = (0, _styledComponents.default)(_box.default).withConfig({
  displayName: "styles__StyledBoxTopSide",
  componentId: "sc-suyqci-6"
})(["display:flex;justify-content:space-between;align-items:center;", ""], '' /* padding-left: ${props => props.theme.spaces.xl}; */);
var StyledBoxNumbers = exports.StyledBoxNumbers = (0, _styledComponents.default)(_box.default).withConfig({
  displayName: "styles__StyledBoxNumbers",
  componentId: "sc-suyqci-7"
})(["display:flex;align-items:center;margin-right:", ";"], function (props) {
  return props.theme.spaces.xxxl;
});
var StyledDivider = exports.StyledDivider = (0, _styledComponents.default)(_box.default).withConfig({
  displayName: "styles__StyledDivider",
  componentId: "sc-suyqci-8"
})(["width:", ";height:", ";background-color:", ";margin:0 ", ";"], function (props) {
  return props.theme.utils.fluid(10);
}, function (props) {
  return props.theme.utils.fluid(2);
}, function (props) {
  return props.theme.utils.lighten('black', 0.2);
}, function (props) {
  return props.theme.spaces.sm;
});
var StyledNumber = exports.StyledNumber = (0, _styledComponents.default)(_heading.default).withConfig({
  displayName: "styles__StyledNumber",
  componentId: "sc-suyqci-9"
})(["", " width:", ";text-align:center;"], function (props) {
  return props.isChanging && (0, _styledComponents.css)(["color:", ";"], props.theme.colors.brand);
}, function (props) {
  return props.theme.spaces.xl;
});