@gechiui/components/build/spinner/styles/spinner-styles.js

UI components for GeChiUI.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledSpinner = void 0;

var _base = _interopRequireDefault(require("@emotion/styled/base"));

var _react = require("@emotion/react");

var _utils = require("../../utils");

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */
const spinAnimation = (0, _react.keyframes)`
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
`;
const topLeft = `calc( ( ${_utils.CONFIG.spinnerSize} - ${_utils.CONFIG.spinnerSize} * ( 2 / 3 ) ) / 2 )`;
const StyledSpinner = (0, _base.default)("span", process.env.NODE_ENV === "production" ? {
  target: "e1s472tg0"
} : {
  target: "e1s472tg0",
  label: "StyledSpinner"
})("display:inline-block;background-color:", _utils.COLORS.gray[600], ";width:", _utils.CONFIG.spinnerSize, ";height:", _utils.CONFIG.spinnerSize, ";opacity:0.7;margin:5px 11px 0;border-radius:100%;position:relative;&::before{content:'';position:absolute;background-color:", _utils.COLORS.white, ";top:", topLeft, ";left:", topLeft, ";width:calc( ", _utils.CONFIG.spinnerSize, " / 4.5 );height:calc( ", _utils.CONFIG.spinnerSize, " / 4.5 );border-radius:100%;transform-origin:calc( ", _utils.CONFIG.spinnerSize, " / 3 ) calc( ", _utils.CONFIG.spinnerSize, " / 3 );animation:", spinAnimation, " 1s infinite linear;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3Bpbm5lci9zdHlsZXMvc3Bpbm5lci1zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ3QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3NwaW5uZXIvc3R5bGVzL3NwaW5uZXItc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuY29uc3Qgc3BpbkFuaW1hdGlvbiA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblxuXHR0byB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0fVxuYDtcblxuY29uc3QgdG9wTGVmdCA9IGBjYWxjKCAoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC0gJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gKiAoIDIgLyAzICkgKSAvIDIgKWA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTcGlubmVyID0gc3R5bGVkLnNwYW5gXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDYwMCBdIH07XG5cdHdpZHRoOiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0aGVpZ2h0OiAkeyBDT05GSUcuc3Bpbm5lclNpemUgfTtcblx0b3BhY2l0eTogMC43O1xuXHRtYXJnaW46IDVweCAxMXB4IDA7XG5cdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHQmOjpiZWZvcmUge1xuXHRcdGNvbnRlbnQ6ICcnO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0XHR0b3A6ICR7IHRvcExlZnQgfTtcblx0XHRsZWZ0OiAkeyB0b3BMZWZ0IH07XG5cdFx0d2lkdGg6IGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gNC41ICk7XG5cdFx0aGVpZ2h0OiBjYWxjKCAkeyBDT05GSUcuc3Bpbm5lclNpemUgfSAvIDQuNSApO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0dHJhbnNmb3JtLW9yaWdpbjogY2FsYyggJHsgQ09ORklHLnNwaW5uZXJTaXplIH0gLyAzIClcblx0XHRcdGNhbGMoICR7IENPTkZJRy5zcGlubmVyU2l6ZSB9IC8gMyApO1xuXHRcdGFuaW1hdGlvbjogJHsgc3BpbkFuaW1hdGlvbiB9IDFzIGluZmluaXRlIGxpbmVhcjtcblx0fVxuYDtcbiJdfQ== */"));
exports.StyledSpinner = StyledSpinner;
//# sourceMappingURL=spinner-styles.js.map