UNPKG

@polygon.io/core

Version:

A set of themeable UI components for React

1 lines 5.43 kB
"use strict";var _typeof=require("@babel/runtime/helpers/typeof");var _styledComponents=_interopRequireWildcard(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.LoadingSpan=exports.LoadingIcon=exports.IconCLSContainer=exports.CenteredContentSpan=exports.ButtonStyle=void 0;function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d["default"]=a,c&&c.set(a,d),d}var LoadingIcon=_styledComponents["default"].i.withConfig({displayName:"styles__LoadingIcon",componentId:"sc-1vm3dn3-0"})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:",";"],function(a){var b=a.theme;return b.color.content.primary});exports.LoadingIcon=LoadingIcon;var CenteredContentSpan=_styledComponents["default"].span.withConfig({displayName:"styles__CenteredContentSpan",componentId:"sc-1vm3dn3-1"})(["position:relative;height:100%;display:inline-flex;align-items:center;"]);exports.CenteredContentSpan=CenteredContentSpan;var LoadingSpan=(0,_styledComponents["default"])(CenteredContentSpan).withConfig({displayName:"styles__LoadingSpan",componentId:"sc-1vm3dn3-2"})(["visibility:",";"],function(a){var b=a.isLoading,c=a.loadWithContent;return b&&!c?"hidden":"visible"});exports.LoadingSpan=LoadingSpan;var IconCLSContainer=_styledComponents["default"].div.withConfig({displayName:"styles__IconCLSContainer",componentId:"sc-1vm3dn3-3"})(["line-height:0;padding:",";width:",";height:",";&&& svg{width:100%;height:100%;}"],function(a){var b=a.theme,c=a.iconDirection,d=a.small;return"left"===c?"0 ".concat(d?b.spacing.s1:b.spacing.s2," 0 0"):"0 0 0 ".concat(d?b.spacing.s1:b.spacing.s2)},function(a){var b=a.theme,c=a.medium,d=a.large,e=a.small;return e&&"".concat(b.font.size.s1)||d&&"".concat(b.font.size.s4)||c&&"".concat(b.font.size.s2)},function(a){var b=a.theme,c=a.medium,d=a.large,e=a.small;return e&&"".concat(b.font.size.s1)||d&&"".concat(b.font.size.s4)||c&&"".concat(b.font.size.s2)});exports.IconCLSContainer=IconCLSContainer;var ButtonStyle=(0,_styledComponents.css)(["position:relative;white-space:nowrap;width:",";height:",";font-size:",";cursor:pointer;border-style:solid;border-width:1px;border-radius:",";padding:",";transition:all 100ms linear;background-color:",";border-color:",";color:",";&:hover{cursor:",";background-color:",";color:",";}&:active{background-color:",";color:",";}"],function(a){var b=a.fullWidth;return b?"100%":"auto"},function(a){var b=a.theme,c=a.small,d=a.medium,e=a.large;return c&&"".concat(b.spacing.s4)||e&&"".concat(b.spacing.s6)||d&&"".concat(b.spacing.s5)},function(a){var b=a.theme,c=a.small;return c&&b.font.size.s2||b.font.size.s3},function(a){var b=a.theme;return b.radius},function(a){var b=a.theme,c=a.small,d=a.medium,e=a.large,f=a.icon;return f?c&&"0 ".concat(b.spacing.s2)||e&&"0 ".concat(b.spacing.s4)||d&&"0 ".concat(b.spacing.s3):c&&"0 ".concat(b.spacing.s2)||e&&"0 ".concat(b.spacing.s4)||d&&"0 ".concat(b.spacing.s3)},function(a){var b=a.theme,c=a.primary,d=a.secondary,e=a.dark,f=a.tertiary,g=a.disabled;return f&&"transparent"||g&&"".concat(b.color.button.disabled)||d&&b.color.background.input||e&&b.color.button.inverse||c&&b.color.button.primary},function(a){var b=a.theme,c=a.primary,d=a.secondary,e=a.dark,f=a.tertiary,g=a.disabled;return f&&"transparent"||g&&b.color.border.disabled||d&&b.color.border.primary||e&&b.color.background.inverse||c&&b.color.button.primaryHover},function(a){var b=a.theme,c=a.primary,d=a.secondary,e=a.dark,f=a.tertiary,g=a.disabled;return"dark"===b.name&&c&&!(d||e||f||g)&&b.color.content.primary||g&&b.color.content.disabled||d&&b.color.content.secondary||f&&b.color.button.primary||(c||e)&&b.color.content.onColor},function(a){var b=a.disabled;return b?"not-allowed":"pointer"},function(a){var b=a.theme,c=a.primary,d=a.secondary,e=a.dark,f=a.tertiary,g=a.disabled;return g&&f&&"transparent"||g&&b.color.button.disabled||f&&"".concat(b.color.link.hover,"1A")||d&&b.color.button.secondaryHover||e&&b.color.button.inverseHover||c&&b.color.button.primaryHover},function(a){var b=a.theme,c=a.primary,d=a.secondary,e=a.dark,f=a.tertiary,g=a.disabled;return"dark"===b.name&&c&&!(d||e||f||g)&&b.color.content.primary||g&&b.color.content.disabled||d&&b.color.content.secondary||f&&b.color.button.primaryHover||(c||e)&&b.color.content.onColor},function(a){var b=a.theme,c=a.primary,d=a.secondary,e=a.dark,f=a.tertiary,g=a.disabled;return f&&"transparent"||g&&"".concat(b.color.button.disabled)||d&&b.color.button.secondaryPressed||e&&b.color.button.inversePressed||c&&b.color.button.primaryPressed},function(a){var b=a.theme,c=a.primary,d=a.secondary,e=a.dark,f=a.tertiary,g=a.disabled;return"dark"===b.name&&c&&!(d||e||f||g)&&b.color.content.primary||g&&b.color.content.disabled||d&&b.color.content.secondary||f&&b.color.button.primaryPressed||(c||e)&&b.color.content.onColor});exports.ButtonStyle=ButtonStyle;