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

UI components for WordPress.

"use strict";

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

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

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

var _core = require("@emotion/core");

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

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

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