@vimeo/iris/components/Button/FeaturedIcon.js

Vimeo Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../../tslib.es6-3ec409b7.js');
var styled = require('styled-components');
var polished = require('polished');
var components_Button_Button_config = require('./Button.config.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

var FeaturedIcon = styled__default["default"].div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  height: calc(100% + 2px);\n  background: ", ";\n  border-right: ", ";\n  border-radius: ", ";\n"], ["\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  height: calc(100% + 2px);\n  background: ", ";\n  border-right: ", ";\n  border-radius: ", ";\n"])), function (_a) {
    var theme = _a.theme;
    return polished.rgba(theme.content.color, 0.2);
}, function (_a) {
    var theme = _a.theme;
    return polished.rgba(theme.content.color, 0.5);
}, function (p) {
    return "".concat(polished.rem(components_Button_Button_config.borderRadii[p.size]), " 0 0 ").concat(polished.rem(components_Button_Button_config.borderRadii[p.size]));
});
var templateObject_1;

exports.FeaturedIcon = FeaturedIcon;