| 1 | 'use strict';
|
| 2 |
|
| 3 | function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
| 4 |
|
| 5 | var styled = require('reakit/styled');
|
| 6 | var styled__default = _interopDefault(styled);
|
| 7 | var styledTools = require('styled-tools');
|
| 8 | var index$2 = require('./styled/index.js');
|
| 9 | var Input = _interopDefault(require('reakit/Input'));
|
| 10 |
|
| 11 | function HiddenInput(_ref) {
|
| 12 | var Icon = _ref.Icon,
|
| 13 | checkedCss = _ref.checkedCss,
|
| 14 | disabledCheckedCss = _ref.disabledCheckedCss,
|
| 15 | disabledCheckedIconCss = _ref.disabledCheckedIconCss,
|
| 16 | disabledUncheckedIconCss = _ref.disabledUncheckedIconCss,
|
| 17 | checkedIconCss = _ref.checkedIconCss,
|
| 18 | uncheckedIconCss = _ref.uncheckedIconCss,
|
| 19 | themePrefix = _ref.themePrefix;
|
| 20 |
|
| 21 | return index$2.default(Input).withConfig({
|
| 22 | displayName: "HiddenInput",
|
| 23 | componentId: "sc-1k1k2p-0"
|
| 24 | })(["clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;& + ", "{&::before{", ";&{", ";}}}&[disabled] + ", "{background-color:", ";box-shadow:unset;&::before{", ";&{", ";}}&{", ";}}&:checked:focus + ", "{border-color:", ";box-shadow:", " 0px 0px 0px 1px !important;&{", ";}}&:focus + ", "{border-color:", ";box-shadow:", " 0px 0px 0px 1px !important;&{", ";}}&:not([disabled]):checked + ", "{border-color:", ";", ";}&:checked + ", "{", ";&{", ";}&::before{", ";", ";}&{", ";}}&[disabled]:checked + ", "::before{", ";&{", ";}}"], Icon, uncheckedIconCss, styledTools.theme("fannypack." + themePrefix + ".icon.unchecked"), Icon, styledTools.palette('white700'), disabledUncheckedIconCss, styledTools.theme("fannypack." + themePrefix + ".icon.uncheckedDisabled"), styledTools.theme("fannypack." + themePrefix + ".disabled"), Icon, function (props) {
|
| 25 | return styledTools.palette("" + (props.palette || 'primary'));
|
| 26 | }, function (props) {
|
| 27 | return styledTools.palette("" + (props.palette || 'primary'));
|
| 28 | }, styledTools.theme("fannypack." + themePrefix + ".focusChecked"), Icon, styledTools.palette('primary'), styledTools.palette('primary'), styledTools.theme("fannypack." + themePrefix + ".focus"), Icon, function (props) {
|
| 29 | return styledTools.palette("" + (props.palette || 'primary'));
|
| 30 | }, checkedCss, Icon, disabledCheckedCss, function (props) {
|
| 31 | return props.state && styled.css(["box-shadow:", " 0px 0px 0px 1px !important;"], styledTools.palette('primary'));
|
| 32 | }, checkedIconCss, styledTools.theme("fannypack." + themePrefix + ".icon.checked"), styledTools.theme("fannypack." + themePrefix + ".checked"), Icon, disabledCheckedIconCss, styledTools.theme("fannypack." + themePrefix + ".icon.checkedDisabled"));
|
| 33 | }
|
| 34 |
|
| 35 | exports.HiddenInput = HiddenInput;
|