@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(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; }
/* stylelint-disable */

var 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;
});
exports.StyledButton = StyledButton;
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 = (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;"]);
exports.StyledSwiper = StyledSwiper;
var 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;"]);
exports.StyledWrapper = StyledWrapper;
var StyledChild = (0, _styledComponents.default)(_box.default).withConfig({
  displayName: "styles__StyledChild",
  componentId: "sc-suyqci-3"
})(["scroll-snap-align:start;"]);
exports.StyledChild = StyledChild;
var StyledTextTitle = (0, _styledComponents.default)(_heading.default).withConfig({
  displayName: "styles__StyledTextTitle",
  componentId: "sc-suyqci-4"
})([""]);
exports.StyledTextTitle = StyledTextTitle;
var 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;
});
exports.StyledBoxArrows = StyledBoxArrows;
var 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}; */);
exports.StyledBoxTopSide = StyledBoxTopSide;
var 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;
});
exports.StyledBoxNumbers = StyledBoxNumbers;
var 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;
});
exports.StyledDivider = StyledDivider;
var 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;
});
exports.StyledNumber = StyledNumber;