@renderforest/rf-ui-library/consts/styles.js

Renderforest UI Library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getBoxShadow=exports._applyFilter=exports.closeDropDown=exports.openDropDown=exports.visuallyHidden=exports.ellipsis=exports.noSelect=void 0;var _styledComponents=require("styled-components"),noSelect=exports.noSelect=(0,_styledComponents.css)(["-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;"]),ellipsis=exports.ellipsis=(0,_styledComponents.css)(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;"]),visuallyHidden=exports.visuallyHidden=(0,_styledComponents.css)(["position:absolute;clip-path:inset(100%);clip:rect(0,0,0,0);margin:-1px;width:0;height:0;overflow:hidden;"]),openDropDown=exports.openDropDown=(0,_styledComponents.keyframes)(["from{height:0;}to{height:","px;}"],function(_ref){var height=_ref.height;return height}),closeDropDown=exports.closeDropDown=(0,_styledComponents.keyframes)(["from{height:","px;}to{height:0;}"],function(_ref2){var height=_ref2.height;return height}),_applyFilter=exports._applyFilter=function(filter){var _filter$sepia=filter.sepia,sepia=void 0===_filter$sepia?0:_filter$sepia,_filter$contrast=filter.contrast,contrast=void 0===_filter$contrast?1:_filter$contrast,_filter$grayscale=filter.grayscale,grayscale=void 0===_filter$grayscale?0:_filter$grayscale,_filter$saturate=filter.saturate,saturate=void 0===_filter$saturate?1:_filter$saturate,_filter$huerotate=filter.huerotate,huerotate=void 0===_filter$huerotate?0:_filter$huerotate,_filter$brightness=filter.brightness,brightness=void 0===_filter$brightness?1:_filter$brightness;return"\n      sepia(".concat(sepia,")\n      contrast(").concat(contrast,")\n      grayscale(").concat(grayscale,") \n      saturate(").concat(saturate,") \n      hue-rotate(").concat(huerotate,"deg) \n      brightness(").concat(brightness,")\n    ")},shadows={shallow:"0px 6px 12px 0px rgba(0,82,224,0.1);",dense:"0px 3px 9px 0px rgba(0,82,224,0.2);"},getBoxShadow=exports.getBoxShadow=function(){var shadowType=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"dense";return shadows[shadowType]};