@vimeo/iris/components/ButtonSocial/ButtonSocial.style.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 themes_index = require('../../themes/index.js');
var icons_social_GoogleGColor = require('../../icons/social/GoogleGColor.js');
var icons_social_Facebook = require('../../icons/social/Facebook.js');
var icons_social_Apple = require('../../icons/social/Apple.js');
require('polished');
require('../../color/colors.js');
require('react');

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

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

var Icon = styled__default["default"].div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  background: ", ";\n  margin: 0;\n  padding: 0;\n  height: ", "px;\n  width: ", "px;\n  border-radius: 0.125rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  svg {\n    margin: 0;\n    transform: scale(0.75);\n    ", ";\n  }\n"], ["\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  background: ", ";\n  margin: 0;\n  padding: 0;\n  height: ", "px;\n  width: ", "px;\n  border-radius: 0.125rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  svg {\n    margin: 0;\n    transform: scale(0.75);\n    ", ";\n  }\n"])), function (p) { return p.theme.content.background; }, function (p) { return p.size - 4; }, function (p) { return p.size - 4; }, function (p) { return p.theme.iconStyles; });
var brandThemes = {
    google: tslib_es6.__assign(tslib_es6.__assign({}, themes_index.themes.light), { name: 'Google', icon: icons_social_GoogleGColor.GoogleGColor.render({}), formats: tslib_es6.__assign(tslib_es6.__assign({}, themes_index.themes.light.formats), { primary: '#4285f4' }), focus: '#4285f4' }),
    facebook: tslib_es6.__assign(tslib_es6.__assign({}, themes_index.themes.light), { name: 'Facebook', icon: icons_social_Facebook.Facebook.render({}), formats: tslib_es6.__assign(tslib_es6.__assign({}, themes_index.themes.light.formats), { primary: '#4267b2' }), focus: '#4267b2', iconStyles: styled.css(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n      transform: scale(0.9) translate(-15%, -3%);\n      rect {\n        display: none;\n      }\n      path {\n        fill: ", ";\n      }\n    "], ["\n      transform: scale(0.9) translate(-15%, -3%);\n      rect {\n        display: none;\n      }\n      path {\n        fill: ", ";\n      }\n    "])), function (p) { return p.theme.formats.primary; }) }),
    apple: {
        light: tslib_es6.__assign(tslib_es6.__assign({}, themes_index.themes.dark), { name: 'Apple', icon: icons_social_Apple.Apple.render({}), formats: tslib_es6.__assign(tslib_es6.__assign({}, themes_index.themes.dark.formats), { primary: '#000' }), focus: '#000' }),
        dark: tslib_es6.__assign(tslib_es6.__assign({}, themes_index.themes.light), { name: 'Apple', icon: icons_social_Apple.Apple.render({}), formats: tslib_es6.__assign(tslib_es6.__assign({}, themes_index.themes.dark.formats), { primary: '#FFF' }), focus: '#FFF' }),
    },
};
var templateObject_1, templateObject_2;

exports.Icon = Icon;
exports.brandThemes = brandThemes;