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

Braineet design system

"use strict";

exports.__esModule = true;
exports.StyledRate = exports.StyledCharacterPlaceholder = exports.StyledCharacterNode = exports.StyledCharacter = exports.RadioCharacter = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _box = _interopRequireDefault(require("../box"));
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; }
var StyledRate = _styledComponents.default.ul.withConfig({
  displayName: "styles__StyledRate",
  componentId: "sc-16jge7i-0"
})(["margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle;font-weight:normal;font-style:normal;outline:none;box-shadow:none !important;white-space:nowrap;", ""], function (p) {
  return p.disabled && (0, _styledComponents.css)(["cursor:not-allowed;opacity:0.24;"]);
});
exports.StyledRate = StyledRate;
var getStyle = function getStyle(p) {
  var characterValue = p.index + 1;
  if (p.allowHalf && p.isFirst && p.value + 0.5 >= characterValue && p.value < characterValue) {
    return (0, _styledComponents.css)(["opacity:1 !important;color:", ";"], p.theme.colors.brand);
  }
  if (characterValue <= p.value) {
    return (0, _styledComponents.css)(["color:", ";"], p.theme.colors.brand);
  }
};
var StyledCharacter = _styledComponents.default.div.withConfig({
  displayName: "styles__StyledCharacter",
  componentId: "sc-16jge7i-1"
})(["margin:0;padding:0;display:inline-block;margin-right:8px;position:relative;box-shadow:none !important;border-radius:4px;color:", ";cursor:", ";"], function (p) {
  return p.theme.colors.black;
}, function (p) {
  return p.disabled || p.readOnly ? 'default' : 'pointer';
});
exports.StyledCharacter = StyledCharacter;
var RadioCharacter = _styledComponents.default.div.withConfig({
  displayName: "styles__RadioCharacter",
  componentId: "sc-16jge7i-2"
})(["transition:all 0.3s;box-shadow:none !important;"]);
exports.RadioCharacter = RadioCharacter;
var StyledCharacterNode = _styledComponents.default.div.withConfig({
  displayName: "styles__StyledCharacterNode",
  componentId: "sc-16jge7i-3"
})(["box-shadow:none !important;&:first-child,&:nth-of-type(2){transition:all 0.3s;}&:first-child{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;opacity:0;}", ""], function (p) {
  return getStyle(p);
});
exports.StyledCharacterNode = StyledCharacterNode;
var StyledCharacterPlaceholder = (0, _styledComponents.default)(_box.default).withConfig({
  displayName: "styles__StyledCharacterPlaceholder",
  componentId: "sc-16jge7i-4"
})(["box-shadow:none !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:", ";"], function (props) {
  return props.theme.zIndex.front;
});
exports.StyledCharacterPlaceholder = StyledCharacterPlaceholder;