@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(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; }
var StyledRate = exports.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;"]);
});
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 = exports.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';
});
var RadioCharacter = exports.RadioCharacter = _styledComponents.default.div.withConfig({
  displayName: "styles__RadioCharacter",
  componentId: "sc-16jge7i-2"
})(["transition:all 0.3s;box-shadow:none !important;"]);
var StyledCharacterNode = exports.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);
});
var StyledCharacterPlaceholder = exports.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;
});