New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@hixme-ui/theme

Package Overview
Dependencies
Maintainers
3
Versions
50
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hixme-ui/theme - npm Package Compare versions

Comparing version 2.0.0-alpha.12 to 3.0.2

61

lib/GlobalStylesContainer.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
value: true
});

@@ -11,25 +11,5 @@

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n@import \'~normalize.css/normalize\';\n@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=79a1ceb5-780f-4fc9-ae1d-104008072ee2&fontids=1437336,1437356,1437416,1437426,1437456,1437496,1437516,1437536,1437546,1437556,1437566");\n\n@font-face{\nfont-family:"Avenir-Next_UltraLight";\nsrc:url("fonts/1437416/1c2faa72-b1b1-421e-bc47-43ebd67cc8bd.eot?#iefix");\nsrc:url("fonts/1437416/1c2faa72-b1b1-421e-bc47-43ebd67cc8bd.eot?#iefix") format("eot"),\n url("fonts/1437416/599179d8-2203-4a9f-b271-010a707271dc.woff2") format("woff2"),\n url("fonts/1437416/3b0370cd-39d6-4a24-9c65-60787db0ebe0.woff") format("woff"),\n url("fonts/1437416/55f63dc4-546d-4886-95bd-d2360a19f485.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Light";\nsrc:url("fonts/1437356/d7595278-c472-486c-a142-86cb160a1226.eot?#iefix");\nsrc:url("fonts/1437356/d7595278-c472-486c-a142-86cb160a1226.eot?#iefix") format("eot"),\n url("fonts/1437356/5934eb8d-da89-4362-81fa-111b5b9f8c6c.woff2") format("woff2"),\n url("fonts/1437356/f6d0771b-5a61-449b-87e8-b3175abfc271.woff") format("woff"),\n url("fonts/1437356/e4bf5c77-59b9-49bf-8497-2f26b4101c11.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Regular";\nsrc:url("fonts/1437496/483d8937-5e17-4378-9c51-aa91a3d9e1eb.eot?#iefix");\nsrc:url("fonts/1437496/483d8937-5e17-4378-9c51-aa91a3d9e1eb.eot?#iefix") format("eot"),\n url("fonts/1437496/ed4b9060-b5ab-4379-8840-0b50a15258b7.woff2") format("woff2"),\n url("fonts/1437496/9b47db0b-77fb-4bb0-b5c2-3c131a36fc4d.woff") format("woff"),\n url("fonts/1437496/9c8b7e5f-b3ca-435d-a197-b3dfeae277a1.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Medium";\nsrc:url("fonts/1437536/930383e5-36a7-4f9b-ba93-91da56426238.eot?#iefix");\nsrc:url("fonts/1437536/930383e5-36a7-4f9b-ba93-91da56426238.eot?#iefix") format("eot"),\n url("fonts/1437536/91e99835-1d11-4c71-af9b-aed2a94329e7.woff2") format("woff2"),\n url("fonts/1437536/4952d2e1-e0c0-46ca-b32e-c24a5882c471.woff") format("woff"),\n url("fonts/1437536/55e40b4b-6742-4cea-b87c-382b0c65d12d.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Demi";\nsrc:url("fonts/1437516/47d79f32-82c5-4a74-9646-5150297aabc1.eot?#iefix");\nsrc:url("fonts/1437516/47d79f32-82c5-4a74-9646-5150297aabc1.eot?#iefix") format("eot"),\n url("fonts/1437516/249228f0-61ac-40cc-a5a5-5609c9816e3f.woff2") format("woff2"),\n url("fonts/1437516/efba18ed-80cc-49c4-997a-fbb140739d19.woff") format("woff"),\n url("fonts/1437516/750a20ec-9242-42a8-b3bd-c4dcec552196.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Bold";\nsrc:url("fonts/1437556/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix");\nsrc:url("fonts/1437556/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix") format("eot"),\n url("fonts/1437556/91799b0e-0ef8-446e-b274-5509412e1242.woff2") format("woff2"),\n url("fonts/1437556/97fb5311-bdbd-46bc-bf69-3bcf8c744cda.woff") format("woff"),\n url("fonts/1437556/88093bd3-b377-4278-8abe-8460dd24d0e8.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Heavy";\nsrc:url("fonts/1437456/aa8f537e-7081-4c0e-9236-0f9fcfac4541.eot?#iefix");\nsrc:url("fonts/1437456/aa8f537e-7081-4c0e-9236-0f9fcfac4541.eot?#iefix") format("eot"),\n url("fonts/1437456/89f00a92-1c94-43f4-9b5d-a9a7d3573805.woff2") format("woff2"),\n url("fonts/1437456/97f8a201-6c8c-4ab9-9427-7dac9cb31534.woff") format("woff"),\n url("fonts/1437456/7e15ebeb-7336-4881-b9fd-14d423ae42d3.ttf") format("truetype");\n}\nhtml {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n height: 100%;\n font-family: \'Avenir-Next_Medium\', \'HelveticaNeue-Roman\', \'Helvetica Neue Roman\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif;\n font-size: 14px;\n color: #3A4951;\n line-height: 1.42857143;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\na {\n text-decoration: none;\n}\n'], ['\n@import \'~normalize.css/normalize\';\n@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=79a1ceb5-780f-4fc9-ae1d-104008072ee2&fontids=1437336,1437356,1437416,1437426,1437456,1437496,1437516,1437536,1437546,1437556,1437566");\n\n@font-face{\nfont-family:"Avenir-Next_UltraLight";\nsrc:url("fonts/1437416/1c2faa72-b1b1-421e-bc47-43ebd67cc8bd.eot?#iefix");\nsrc:url("fonts/1437416/1c2faa72-b1b1-421e-bc47-43ebd67cc8bd.eot?#iefix") format("eot"),\n url("fonts/1437416/599179d8-2203-4a9f-b271-010a707271dc.woff2") format("woff2"),\n url("fonts/1437416/3b0370cd-39d6-4a24-9c65-60787db0ebe0.woff") format("woff"),\n url("fonts/1437416/55f63dc4-546d-4886-95bd-d2360a19f485.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Light";\nsrc:url("fonts/1437356/d7595278-c472-486c-a142-86cb160a1226.eot?#iefix");\nsrc:url("fonts/1437356/d7595278-c472-486c-a142-86cb160a1226.eot?#iefix") format("eot"),\n url("fonts/1437356/5934eb8d-da89-4362-81fa-111b5b9f8c6c.woff2") format("woff2"),\n url("fonts/1437356/f6d0771b-5a61-449b-87e8-b3175abfc271.woff") format("woff"),\n url("fonts/1437356/e4bf5c77-59b9-49bf-8497-2f26b4101c11.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Regular";\nsrc:url("fonts/1437496/483d8937-5e17-4378-9c51-aa91a3d9e1eb.eot?#iefix");\nsrc:url("fonts/1437496/483d8937-5e17-4378-9c51-aa91a3d9e1eb.eot?#iefix") format("eot"),\n url("fonts/1437496/ed4b9060-b5ab-4379-8840-0b50a15258b7.woff2") format("woff2"),\n url("fonts/1437496/9b47db0b-77fb-4bb0-b5c2-3c131a36fc4d.woff") format("woff"),\n url("fonts/1437496/9c8b7e5f-b3ca-435d-a197-b3dfeae277a1.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Medium";\nsrc:url("fonts/1437536/930383e5-36a7-4f9b-ba93-91da56426238.eot?#iefix");\nsrc:url("fonts/1437536/930383e5-36a7-4f9b-ba93-91da56426238.eot?#iefix") format("eot"),\n url("fonts/1437536/91e99835-1d11-4c71-af9b-aed2a94329e7.woff2") format("woff2"),\n url("fonts/1437536/4952d2e1-e0c0-46ca-b32e-c24a5882c471.woff") format("woff"),\n url("fonts/1437536/55e40b4b-6742-4cea-b87c-382b0c65d12d.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Demi";\nsrc:url("fonts/1437516/47d79f32-82c5-4a74-9646-5150297aabc1.eot?#iefix");\nsrc:url("fonts/1437516/47d79f32-82c5-4a74-9646-5150297aabc1.eot?#iefix") format("eot"),\n url("fonts/1437516/249228f0-61ac-40cc-a5a5-5609c9816e3f.woff2") format("woff2"),\n url("fonts/1437516/efba18ed-80cc-49c4-997a-fbb140739d19.woff") format("woff"),\n url("fonts/1437516/750a20ec-9242-42a8-b3bd-c4dcec552196.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Bold";\nsrc:url("fonts/1437556/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix");\nsrc:url("fonts/1437556/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix") format("eot"),\n url("fonts/1437556/91799b0e-0ef8-446e-b274-5509412e1242.woff2") format("woff2"),\n url("fonts/1437556/97fb5311-bdbd-46bc-bf69-3bcf8c744cda.woff") format("woff"),\n url("fonts/1437556/88093bd3-b377-4278-8abe-8460dd24d0e8.ttf") format("truetype");\n}\n@font-face{\nfont-family:"Avenir-Next_Heavy";\nsrc:url("fonts/1437456/aa8f537e-7081-4c0e-9236-0f9fcfac4541.eot?#iefix");\nsrc:url("fonts/1437456/aa8f537e-7081-4c0e-9236-0f9fcfac4541.eot?#iefix") format("eot"),\n url("fonts/1437456/89f00a92-1c94-43f4-9b5d-a9a7d3573805.woff2") format("woff2"),\n url("fonts/1437456/97f8a201-6c8c-4ab9-9427-7dac9cb31534.woff") format("woff"),\n url("fonts/1437456/7e15ebeb-7336-4881-b9fd-14d423ae42d3.ttf") format("truetype");\n}\nhtml {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n height: 100%;\n font-family: \'Avenir-Next_Medium\', \'HelveticaNeue-Roman\', \'Helvetica Neue Roman\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif;\n font-size: 14px;\n color: #3A4951;\n line-height: 1.42857143;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\na {\n text-decoration: none;\n}\n']); /* eslint-disable no-unused-expressions, max-len */
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n@import \'~normalize.css/normalize\';\n\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-SemiboldItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-SemiboldItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-SemiboldItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-SemiboldItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-SemiboldItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-SemiboldItalic.svg#SFProText-SemiboldItalic\') format("svg");\n font-weight: 600;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-HeavyItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-HeavyItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-HeavyItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-HeavyItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-HeavyItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-HeavyItalic.svg#SFProText-HeavyItalic\') format("svg");\n font-weight: 900;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-RegularItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-RegularItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-RegularItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-RegularItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-RegularItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-RegularItalic.svg#SFProText-RegularItalic\') format("svg");\n font-weight: normal;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Bold.eot\');\n src: url(\'fonts/SFProText/SFProText-Bold.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Bold.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Bold.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Bold.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Bold.svg#SFProText-Bold\') format("svg");\n font-weight: bold;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Medium.eot\');\n src: url(\'fonts/SFProText/SFProText-Medium.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Medium.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Medium.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Medium.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Medium.svg#SFProText-Medium\') format("svg");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Heavy.eot\');\n src: url(\'fonts/SFProText/SFProText-Heavy.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Heavy.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Heavy.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Heavy.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Heavy.svg#SFProText-Heavy\') format("svg");\n font-weight: 900;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Regular.eot\');\n src: url(\'fonts/SFProText/SFProText-Regular.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Regular.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Regular.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Regular.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Regular.svg#SFProText-Regular\') format("svg");\n font-weight: normal;\n font-style: normal;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n height: 100%;\n font-family: "SF Pro Display", "Arial", "sans-serif";\n font-size: 14px;\n color: #3A4951;\n line-height: 1.42857143;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\na {\n text-decoration: none;\n}\n '], ['\n@import \'~normalize.css/normalize\';\n\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-SemiboldItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-SemiboldItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-SemiboldItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-SemiboldItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-SemiboldItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-SemiboldItalic.svg#SFProText-SemiboldItalic\') format("svg");\n font-weight: 600;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-HeavyItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-HeavyItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-HeavyItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-HeavyItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-HeavyItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-HeavyItalic.svg#SFProText-HeavyItalic\') format("svg");\n font-weight: 900;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-RegularItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-RegularItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-RegularItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-RegularItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-RegularItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-RegularItalic.svg#SFProText-RegularItalic\') format("svg");\n font-weight: normal;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Bold.eot\');\n src: url(\'fonts/SFProText/SFProText-Bold.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Bold.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Bold.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Bold.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Bold.svg#SFProText-Bold\') format("svg");\n font-weight: bold;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Medium.eot\');\n src: url(\'fonts/SFProText/SFProText-Medium.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Medium.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Medium.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Medium.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Medium.svg#SFProText-Medium\') format("svg");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Heavy.eot\');\n src: url(\'fonts/SFProText/SFProText-Heavy.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Heavy.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Heavy.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Heavy.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Heavy.svg#SFProText-Heavy\') format("svg");\n font-weight: 900;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Regular.eot\');\n src: url(\'fonts/SFProText/SFProText-Regular.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Regular.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Regular.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Regular.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Regular.svg#SFProText-Regular\') format("svg");\n font-weight: normal;\n font-style: normal;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n height: 100%;\n font-family: "SF Pro Display", "Arial", "sans-serif";\n font-size: 14px;\n color: #3A4951;\n line-height: 1.42857143;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\na {\n text-decoration: none;\n}\n ']); /* eslint-disable no-unused-expressions, max-len */
var _react = require('react');

@@ -47,30 +27,21 @@

var GlobalStylesContainer = function (_React$Component) {
(0, _inherits3.default)(GlobalStylesContainer, _React$Component);
var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject);
function GlobalStylesContainer() {
(0, _classCallCheck3.default)(this, GlobalStylesContainer);
return (0, _possibleConstructorReturn3.default)(this, (GlobalStylesContainer.__proto__ || (0, _getPrototypeOf2.default)(GlobalStylesContainer)).apply(this, arguments));
}
function GlobalStylesContainer(_ref) {
var children = _ref.children;
(0, _createClass3.default)(GlobalStylesContainer, [{
key: 'componentWillMount',
value: function componentWillMount() {
(0, _styledComponents.injectGlobal)(_templateObject);
}
}, {
key: 'render',
value: function render() {
return this.props.children;
}
}]);
return GlobalStylesContainer;
}(_react2.default.Component);
return _react2.default.createElement(
_react2.default.Fragment,
null,
_react2.default.createElement(GlobalStyle, null),
children,
'yooooooooooo!!!!!!!!!!'
);
}
exports.default = GlobalStylesContainer;
GlobalStylesContainer.propTypes = {
children: _propTypes2.default.element.isRequired
children: _propTypes2.default.element.isRequired
};
exports.default = GlobalStylesContainer;
//# sourceMappingURL=GlobalStylesContainer.js.map

@@ -28,6 +28,4 @@ 'use strict';

teal: '#2EAE8F',
lightGreen: '#31d5a3',
blue: '#3997E2',
darkBlue: '#5874d0',
red: '#FF1442',
red: '#EB5565',
yellow: '#E0BC4D',

@@ -43,3 +41,2 @@ purple: '#A374D2',

blue: 'linear-gradient(-1deg, #2583C4 0%, #30A0EE 100%)',
darkBlue: 'linear-gradient(-1deg, #5874d0 0%, #313677 100%)',
grey: 'linear-gradient(180deg, #CCD2D6 0%, #a4adb3 100%)'

@@ -102,5 +99,5 @@ };

var buttonGradientColors = {
primary: gradients.lightGreen,
primary: gradients.teal,
secondary: gradients.grey,
default: gradients.darkBlue,
default: gradients.teal,
red: gradients.red,

@@ -113,40 +110,2 @@ danger: gradients.red,

var backgroundColorStates = {
darkBlue: {
default: colors.darkBlue,
hover: '#313677'
},
grey: {
default: '#CCD2D6',
hover: '#a4adb3'
},
default: {
default: colors.darkBlue,
hover: '#313677'
},
red: {
default: '#DE293C',
hover: '#FF7272'
},
yellow: {
default: '#FF8C00',
hover: '#F3C200'
},
blue: {
default: '#2583C4',
hover: '#30A0EE'
}
};
var buttonColors = {
primary: backgroundColorStates.darkBlue,
secondary: backgroundColorStates.grey,
default: backgroundColorStates.darkBlue,
red: backgroundColorStates.red,
danger: backgroundColorStates.red,
error: backgroundColorStates.red,
blue: backgroundColorStates.blue,
gold: backgroundColorStates.yellow
};
var shadows = {

@@ -164,13 +123,13 @@ medium: '0px 5px 9px 0px rgba(56,59,60,0.22);',

};var fontFamily = exports.fontFamily = {
thinnest: "'SF Pro Text', 'Arial', 'sans-serif'",
thinner: "'SF Pro Text', 'Arial', 'sans-serif'",
thin: "'SF Pro Text', 'Arial', 'sans-serif'",
normal: "'SF Pro Text', 'Arial', 'sans-serif'",
bold: "'SF Pro Text', 'Arial', 'sans-serif'",
bolder: "'SF Pro Text', 'Arial', 'sans-serif'",
boldest: "'SF Pro Text', 'Arial', 'sans-serif'"
thinnest: '\'Avenir-Next_UltraLight\', \'HelveticaNeue-UltraLight\', \'Helvetica Neue Ultra Light\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
thinner: '\'Avenir-Next_Light\', \'HelveticaNeue-Thin\', \'Helvetica Neue Thin\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
thin: '\'Avenir-Next_Regular\', \'HelveticaNeue-Light\', \'Helvetica Neue Light\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
normal: '\'Avenir-Next_Medium\', \'HelveticaNeue-Roman\', \'Helvetica Neue Roman\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
bold: '\'Avenir-Next_Demi\', \'HelveticaNeue-Medium\', \'Helvetica Neue Medium\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
bolder: '\'Avenir-Next_Bold\', \'HelveticaNeue-Bold\', \'Helvetica Neue Bold\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
boldest: '\'Avenir-Next_Heavy\', \'HelveticaNeue-Heavy\', \'Helvetica Neue Heavy\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif'
};
var defaults = {
gradient: gradients.darkBlue,
gradient: gradients.teal,
fontSize: fontSizes.default,

@@ -188,4 +147,4 @@ buttonHeight: buttonHeights.default,

default: colors.grey30,
primary: colors.darkBlue,
success: colors.lightGreen,
primary: colors.teal,
success: colors.teal,
warning: colors.yellow,

@@ -200,3 +159,2 @@ error: colors.red,

blue: colors.blue,
darkBlue: colors.darkBlue,
purple: colors.purple,

@@ -224,3 +182,2 @@ yellow: colors.yellow,

buttonTextColors: buttonTextColors,
buttonColors: buttonColors,
buttonGradientColors: buttonGradientColors,

@@ -227,0 +184,0 @@ buttonFontSizes: buttonFontSizes,

{
"name": "@hixme-ui/theme",
"version": "2.0.0-alpha.12",
"version": "3.0.2",
"description": "hixme-ui theme",

@@ -81,3 +81,3 @@ "main": "lib/index.js",

"normalize.css": "^8.0.0",
"styled-components": "^2.3.3"
"styled-components": "^5.3.1"
},

@@ -87,3 +87,4 @@ "peerDependencies": {

"react": "~15 || ~16"
}
},
"gitHead": "b0acaf739551b2cbb6f7fab3816743f197600c0b"
}
/* eslint-disable no-unused-expressions, max-len */
import React from 'react'
import PropTypes from 'prop-types'
import { injectGlobal } from 'styled-components'
import { createGlobalStyle } from 'styled-components'
export default class GlobalStylesContainer extends React.Component {
componentWillMount() {
injectGlobal`
const GlobalStyle = createGlobalStyle`
@import '~normalize.css/normalize';
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=79a1ceb5-780f-4fc9-ae1d-104008072ee2&fontids=1437336,1437356,1437416,1437426,1437456,1437496,1437516,1437536,1437546,1437556,1437566");
@font-face {
font-family: "SF Pro Text";
src: url('fonts/SFProText/SFProText-SemiboldItalic.eot');
src: url('fonts/SFProText/SFProText-SemiboldItalic.eot?#iefix') format("embedded-opentype"), url('fonts/SFProText/SFProText-SemiboldItalic.woff2') format("woff2"), url('fonts/SFProText/SFProText-SemiboldItalic.woff') format("woff"), url('fonts/SFProText/SFProText-SemiboldItalic.ttf') format("truetype"), url('fonts/SFProText/SFProText-SemiboldItalic.svg#SFProText-SemiboldItalic') format("svg");
font-weight: 600;
font-style: italic;
@font-face{
font-family:"Avenir-Next_UltraLight";
src:url("fonts/1437416/1c2faa72-b1b1-421e-bc47-43ebd67cc8bd.eot?#iefix");
src:url("fonts/1437416/1c2faa72-b1b1-421e-bc47-43ebd67cc8bd.eot?#iefix") format("eot"),
url("fonts/1437416/599179d8-2203-4a9f-b271-010a707271dc.woff2") format("woff2"),
url("fonts/1437416/3b0370cd-39d6-4a24-9c65-60787db0ebe0.woff") format("woff"),
url("fonts/1437416/55f63dc4-546d-4886-95bd-d2360a19f485.ttf") format("truetype");
}
@font-face {
font-family: "SF Pro Text";
src: url('fonts/SFProText/SFProText-HeavyItalic.eot');
src: url('fonts/SFProText/SFProText-HeavyItalic.eot?#iefix') format("embedded-opentype"), url('fonts/SFProText/SFProText-HeavyItalic.woff2') format("woff2"), url('fonts/SFProText/SFProText-HeavyItalic.woff') format("woff"), url('fonts/SFProText/SFProText-HeavyItalic.ttf') format("truetype"), url('fonts/SFProText/SFProText-HeavyItalic.svg#SFProText-HeavyItalic') format("svg");
font-weight: 900;
font-style: italic;
@font-face{
font-family:"Avenir-Next_Light";
src:url("fonts/1437356/d7595278-c472-486c-a142-86cb160a1226.eot?#iefix");
src:url("fonts/1437356/d7595278-c472-486c-a142-86cb160a1226.eot?#iefix") format("eot"),
url("fonts/1437356/5934eb8d-da89-4362-81fa-111b5b9f8c6c.woff2") format("woff2"),
url("fonts/1437356/f6d0771b-5a61-449b-87e8-b3175abfc271.woff") format("woff"),
url("fonts/1437356/e4bf5c77-59b9-49bf-8497-2f26b4101c11.ttf") format("truetype");
}
@font-face {
font-family: "SF Pro Text";
src: url('fonts/SFProText/SFProText-RegularItalic.eot');
src: url('fonts/SFProText/SFProText-RegularItalic.eot?#iefix') format("embedded-opentype"), url('fonts/SFProText/SFProText-RegularItalic.woff2') format("woff2"), url('fonts/SFProText/SFProText-RegularItalic.woff') format("woff"), url('fonts/SFProText/SFProText-RegularItalic.ttf') format("truetype"), url('fonts/SFProText/SFProText-RegularItalic.svg#SFProText-RegularItalic') format("svg");
font-weight: normal;
font-style: italic;
@font-face{
font-family:"Avenir-Next_Regular";
src:url("fonts/1437496/483d8937-5e17-4378-9c51-aa91a3d9e1eb.eot?#iefix");
src:url("fonts/1437496/483d8937-5e17-4378-9c51-aa91a3d9e1eb.eot?#iefix") format("eot"),
url("fonts/1437496/ed4b9060-b5ab-4379-8840-0b50a15258b7.woff2") format("woff2"),
url("fonts/1437496/9b47db0b-77fb-4bb0-b5c2-3c131a36fc4d.woff") format("woff"),
url("fonts/1437496/9c8b7e5f-b3ca-435d-a197-b3dfeae277a1.ttf") format("truetype");
}
@font-face {
font-family: "SF Pro Text";
src: url('fonts/SFProText/SFProText-Bold.eot');
src: url('fonts/SFProText/SFProText-Bold.eot?#iefix') format("embedded-opentype"), url('fonts/SFProText/SFProText-Bold.woff2') format("woff2"), url('fonts/SFProText/SFProText-Bold.woff') format("woff"), url('fonts/SFProText/SFProText-Bold.ttf') format("truetype"), url('fonts/SFProText/SFProText-Bold.svg#SFProText-Bold') format("svg");
font-weight: bold;
font-style: normal;
@font-face{
font-family:"Avenir-Next_Medium";
src:url("fonts/1437536/930383e5-36a7-4f9b-ba93-91da56426238.eot?#iefix");
src:url("fonts/1437536/930383e5-36a7-4f9b-ba93-91da56426238.eot?#iefix") format("eot"),
url("fonts/1437536/91e99835-1d11-4c71-af9b-aed2a94329e7.woff2") format("woff2"),
url("fonts/1437536/4952d2e1-e0c0-46ca-b32e-c24a5882c471.woff") format("woff"),
url("fonts/1437536/55e40b4b-6742-4cea-b87c-382b0c65d12d.ttf") format("truetype");
}
@font-face {
font-family: "SF Pro Text";
src: url('fonts/SFProText/SFProText-Medium.eot');
src: url('fonts/SFProText/SFProText-Medium.eot?#iefix') format("embedded-opentype"), url('fonts/SFProText/SFProText-Medium.woff2') format("woff2"), url('fonts/SFProText/SFProText-Medium.woff') format("woff"), url('fonts/SFProText/SFProText-Medium.ttf') format("truetype"), url('fonts/SFProText/SFProText-Medium.svg#SFProText-Medium') format("svg");
font-weight: 500;
font-style: normal;
@font-face{
font-family:"Avenir-Next_Demi";
src:url("fonts/1437516/47d79f32-82c5-4a74-9646-5150297aabc1.eot?#iefix");
src:url("fonts/1437516/47d79f32-82c5-4a74-9646-5150297aabc1.eot?#iefix") format("eot"),
url("fonts/1437516/249228f0-61ac-40cc-a5a5-5609c9816e3f.woff2") format("woff2"),
url("fonts/1437516/efba18ed-80cc-49c4-997a-fbb140739d19.woff") format("woff"),
url("fonts/1437516/750a20ec-9242-42a8-b3bd-c4dcec552196.ttf") format("truetype");
}
@font-face {
font-family: "SF Pro Text";
src: url('fonts/SFProText/SFProText-Heavy.eot');
src: url('fonts/SFProText/SFProText-Heavy.eot?#iefix') format("embedded-opentype"), url('fonts/SFProText/SFProText-Heavy.woff2') format("woff2"), url('fonts/SFProText/SFProText-Heavy.woff') format("woff"), url('fonts/SFProText/SFProText-Heavy.ttf') format("truetype"), url('fonts/SFProText/SFProText-Heavy.svg#SFProText-Heavy') format("svg");
font-weight: 900;
font-style: normal;
@font-face{
font-family:"Avenir-Next_Bold";
src:url("fonts/1437556/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix");
src:url("fonts/1437556/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix") format("eot"),
url("fonts/1437556/91799b0e-0ef8-446e-b274-5509412e1242.woff2") format("woff2"),
url("fonts/1437556/97fb5311-bdbd-46bc-bf69-3bcf8c744cda.woff") format("woff"),
url("fonts/1437556/88093bd3-b377-4278-8abe-8460dd24d0e8.ttf") format("truetype");
}
@font-face {
font-family: "SF Pro Text";
src: url('fonts/SFProText/SFProText-Regular.eot');
src: url('fonts/SFProText/SFProText-Regular.eot?#iefix') format("embedded-opentype"), url('fonts/SFProText/SFProText-Regular.woff2') format("woff2"), url('fonts/SFProText/SFProText-Regular.woff') format("woff"), url('fonts/SFProText/SFProText-Regular.ttf') format("truetype"), url('fonts/SFProText/SFProText-Regular.svg#SFProText-Regular') format("svg");
font-weight: normal;
font-style: normal;
@font-face{
font-family:"Avenir-Next_Heavy";
src:url("fonts/1437456/aa8f537e-7081-4c0e-9236-0f9fcfac4541.eot?#iefix");
src:url("fonts/1437456/aa8f537e-7081-4c0e-9236-0f9fcfac4541.eot?#iefix") format("eot"),
url("fonts/1437456/89f00a92-1c94-43f4-9b5d-a9a7d3573805.woff2") format("woff2"),
url("fonts/1437456/97f8a201-6c8c-4ab9-9427-7dac9cb31534.woff") format("woff"),
url("fonts/1437456/7e15ebeb-7336-4881-b9fd-14d423ae42d3.ttf") format("truetype");
}
html {

@@ -70,3 +75,3 @@ box-sizing: border-box;

height: 100%;
font-family: "SF Pro Display", "Arial", "sans-serif";
font-family: 'Avenir-Next_Medium', 'HelveticaNeue-Roman', 'Helvetica Neue Roman', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
font-size: 14px;

@@ -86,8 +91,10 @@ color: #3A4951;

}
`
}
`
render() {
return this.props.children
}
function GlobalStylesContainer({ children }) {
return (<React.Fragment>
<GlobalStyle />
{children}
yooooooooooo!!!!!!!!!!
</React.Fragment>)
}

@@ -99,1 +106,2 @@

export default GlobalStylesContainer

@@ -11,6 +11,4 @@ export const colors = {

teal: '#2EAE8F',
lightGreen: '#31d5a3',
blue: '#3997E2',
darkBlue: '#5874d0',
red: '#FF1442',
red: '#EB5565',
yellow: '#E0BC4D',

@@ -26,3 +24,2 @@ purple: '#A374D2',

blue: 'linear-gradient(-1deg, #2583C4 0%, #30A0EE 100%)',
darkBlue: 'linear-gradient(-1deg, #5874d0 0%, #313677 100%)',
grey: 'linear-gradient(180deg, #CCD2D6 0%, #a4adb3 100%)',

@@ -85,5 +82,5 @@ }

const buttonGradientColors = {
primary: gradients.lightGreen,
primary: gradients.teal,
secondary: gradients.grey,
default: gradients.darkBlue,
default: gradients.teal,
red: gradients.red,

@@ -96,41 +93,2 @@ danger: gradients.red,

const backgroundColorStates = {
darkBlue: {
default: colors.darkBlue,
hover: '#313677',
},
grey: {
default: '#CCD2D6',
hover: '#a4adb3',
},
default: {
default: colors.darkBlue,
hover: '#313677',
},
red: {
default: '#DE293C',
hover: '#FF7272',
},
yellow: {
default: '#FF8C00',
hover: '#F3C200',
},
blue: {
default: '#2583C4',
hover: '#30A0EE',
},
}
const buttonColors = {
primary: backgroundColorStates.darkBlue,
secondary: backgroundColorStates.grey,
default: backgroundColorStates.darkBlue,
red: backgroundColorStates.red,
danger: backgroundColorStates.red,
error: backgroundColorStates.red,
blue: backgroundColorStates.blue,
gold: backgroundColorStates.yellow,
}
const shadows = {

@@ -149,13 +107,13 @@ medium: '0px 5px 9px 0px rgba(56,59,60,0.22);',

export const fontFamily = {
thinnest: "'SF Pro Text', 'Arial', 'sans-serif'",
thinner: "'SF Pro Text', 'Arial', 'sans-serif'",
thin: "'SF Pro Text', 'Arial', 'sans-serif'",
normal: "'SF Pro Text', 'Arial', 'sans-serif'",
bold: "'SF Pro Text', 'Arial', 'sans-serif'",
bolder: "'SF Pro Text', 'Arial', 'sans-serif'",
boldest: "'SF Pro Text', 'Arial', 'sans-serif'",
thinnest: '\'Avenir-Next_UltraLight\', \'HelveticaNeue-UltraLight\', \'Helvetica Neue Ultra Light\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
thinner: '\'Avenir-Next_Light\', \'HelveticaNeue-Thin\', \'Helvetica Neue Thin\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
thin: '\'Avenir-Next_Regular\', \'HelveticaNeue-Light\', \'Helvetica Neue Light\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
normal: '\'Avenir-Next_Medium\', \'HelveticaNeue-Roman\', \'Helvetica Neue Roman\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
bold: '\'Avenir-Next_Demi\', \'HelveticaNeue-Medium\', \'Helvetica Neue Medium\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
bolder: '\'Avenir-Next_Bold\', \'HelveticaNeue-Bold\', \'Helvetica Neue Bold\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
boldest: '\'Avenir-Next_Heavy\', \'HelveticaNeue-Heavy\', \'Helvetica Neue Heavy\', \'Helvetica Neue\', Helvetica, Arial, \'Lucida Grande\', sans-serif',
}
const defaults = {
gradient: gradients.darkBlue,
gradient: gradients.teal,
fontSize: fontSizes.default,

@@ -173,4 +131,4 @@ buttonHeight: buttonHeights.default,

default: colors.grey30,
primary: colors.darkBlue,
success: colors.lightGreen,
primary: colors.teal,
success: colors.teal,
warning: colors.yellow,

@@ -185,3 +143,2 @@ error: colors.red,

blue: colors.blue,
darkBlue: colors.darkBlue,
purple: colors.purple,

@@ -212,3 +169,2 @@ yellow: colors.yellow,

buttonTextColors,
buttonColors,
buttonGradientColors,

@@ -215,0 +171,0 @@ buttonFontSizes,

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc