@strapi/design-system 1.3.0-beta.0 → 1.3.0-beta.2

package/ToggleInput.js

@@ -0,0 +1,9 @@
+
+  'use strict';
+  
+  if (process.env.NODE_ENV === "production") {
+    module.exports = require("./ToggleInput.production.js");
+  } else {
+    module.exports = require("./ToggleInput.development.js");
+  }
+  

package/ToggleInput.production.js

@@ -0,0 +1 @@
+!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components"),require("@strapi/icons/Loader")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","@strapi/icons/Loader"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("@strapi/icons/Loader")):n.strapiDs=e(n.react,n["styled-components"],n["@strapi/icons/Loader"])}(this,(function(n,e,t){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=128)}({0:function(n,e,t){n.exports=t(24)()},1:function(e,t){e.exports=n},10:function(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return v}));var r,o=t(3),i=t.n(o),a=t(2),c=t.n(a),u=t(6),s=t(7),l=t(1),d=t.n(l),f=t(0),p=t.n(f),h=function(n){return d.a.createElement("div",n)},g={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},b={alignItems:p.a.string,basis:p.a.oneOfType([p.a.string,p.a.number]),direction:p.a.string,gap:p.a.oneOfType([p.a.shape({desktop:p.a.number,mobile:p.a.number,tablet:p.a.number}),p.a.number,p.a.arrayOf(p.a.number),p.a.string]),inline:p.a.bool,justifyContent:p.a.string,reverse:p.a.bool,shrink:p.a.number,wrap:p.a.string};h.defaultProps=g,h.propTypes=b;var m={direction:!0},v=c()(u.Box).withConfig({shouldForwardProp:function(n,e){return!m[n]&&e(n)}})(r||(r=i()(["\n  align-items: ",";\n  display: ",";\n  flex-direction: ",";\n  flex-shrink: ",";\n  flex-wrap: ",";\n  ","};\n  justify-content: ",";\n"])),(function(n){return n.alignItems}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.shrink}),(function(n){return n.wrap}),(function(n){var e=n.gap,t=n.theme;return Object(s.a)("gap",e,t)}),(function(n){return n.justifyContent}));v.defaultProps=g,v.propTypes=b},11:function(n,e,t){var r=t(27),o=t(28),i=t(26),a=t(29);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},128:function(n,e,t){"use strict";t.r(e),t.d(e,"ToggleInput",(function(){return C}));var r,o,i=t(5),a=t.n(i),c=t(4),u=t.n(c),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(2),h=t.n(p),g=t(0),b=t.n(g),m=t(31),v=t(15),x=t(17),y=t(22),O=t(10),w=t(74),T=t(88),z=["disabled","size","error","hint","label","name","labelAction","required","id","onClear","clearLabel","checked"],k=h()(x.Field)(r||(r=l()(["\n  max-width: 320px;\n"]))),j=h()(w.TextButton)(o||(o=l()(["\n  align-self: flex-end;\n  margin-left: auto;\n"]))),C=function(n){var e=n.disabled,t=n.size,r=n.error,o=n.hint,i=n.label,c=n.name,s=n.labelAction,l=n.required,d=n.id,p=n.onClear,h=n.clearLabel,g=n.checked,b=u()(n,z),m=Object(v.a)("toggleinput",d);return f.a.createElement(k,{name:c,hint:o,error:r,id:m},f.a.createElement(y.Stack,{spacing:1},f.a.createElement(O.Flex,null,f.a.createElement(x.FieldLabel,{required:l,action:s},i),h&&p&&null!==g&&!e&&f.a.createElement(j,{onClick:p},h)),f.a.createElement(T.ToggleCheckbox,a()({id:m,size:t,name:c,checked:g,disabled:e},b),i),f.a.createElement(x.FieldHint,null),f.a.createElement(x.FieldError,null)))};C.displayName="ToggleInput",C.defaultProps={checked:!1,clearLabel:void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:"",labelAction:void 0,name:"",onClear:void 0,required:!1,size:"M"},C.propTypes={checked:b.a.bool,clearLabel:b.a.string,disabled:b.a.bool,error:b.a.string,hint:b.a.oneOfType([b.a.string,b.a.node,b.a.arrayOf(b.a.node)]),id:b.a.string,label:b.a.string,labelAction:b.a.node,name:b.a.string,onClear:b.a.func,required:b.a.bool,size:b.a.oneOf(Object.keys(m.a.input))}},13:function(n,e,t){"use strict";t.d(e,"a",(function(){return o})),t.d(e,"c",(function(){return i})),t.d(e,"b",(function(){return a}));var r=t(9),o=function(n){return n.ellipsis&&"\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "},i=function(n){var e=n.variant,t=n.theme;switch(e){case r.a:return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[5],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case r.b:return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[4],";\n        line-height: ").concat(t.lineHeights[1],";\n      ");case r.c:return"\n        font-weight: ".concat(t.fontWeights.semiBold,";\n        font-size: ").concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case r.d:return"\n        font-size: ".concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[6],";\n      ");case r.e:return"\n        font-size: ".concat(t.fontSizes[2],";\n        line-height: ").concat(t.lineHeights[4],";\n      ");case r.f:return"\n        font-size: ".concat(t.fontSizes[1],";\n        line-height: ").concat(t.lineHeights[3],";\n      ");case r.g:return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[0],";\n        line-height: ").concat(t.lineHeights[5],";\n        text-transform: uppercase;\n      ");default:return"\n        font-size: ".concat(t.fontSizes[2],";\n      ")}},a=function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}},14:function(n,e,t){"use strict";t.d(e,"a",(function(){return o})),t.d(e,"b",(function(){return i}));var r=t(1),o=Object(r.createContext)({error:void 0,hint:void 0,name:"",id:""}),i=function(){return Object(r.useContext)(o)}},15:function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var r=t(1),o=0,i=function(n,e){return Object(r.useRef)(e||"".concat(n,"-").concat(++o)).current}},16:function(n,e){function t(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(n.exports=t=function(n){return typeof n},n.exports.default=n.exports,n.exports.__esModule=!0):(n.exports=t=function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.default=n.exports,n.exports.__esModule=!0),t(e)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},17:function(n,e,t){"use strict";t.r(e),t.d(e,"Field",(function(){return f})),t.d(e,"FieldLabel",(function(){return j})),t.d(e,"InputWrapper",(function(){return S.b})),t.d(e,"FieldInput",(function(){return S.a})),t.d(e,"FieldHint",(function(){return E})),t.d(e,"FieldError",(function(){return _})),t.d(e,"FieldContext",(function(){return s.a})),t.d(e,"useField",(function(){return s.b})),t.d(e,"FieldAction",(function(){return A}));var r=t(4),o=t.n(r),i=t(1),a=t.n(i),c=t(0),u=t.n(c),s=t(14),l=t(15),d=["children","name","error","hint","id"],f=function(n){var e=n.children,t=n.name,r=n.error,i=n.hint,c=n.id,u=o()(n,d),f=Object(l.a)("field",c);return a.a.createElement("div",u,a.a.createElement(s.a.Provider,{value:{name:t,id:f,error:r,hint:i}},e))};f.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0},f.propTypes={children:u.a.node.isRequired,error:u.a.oneOfType([u.a.string,u.a.bool]),hint:u.a.oneOfType([u.a.string,u.a.node,u.a.arrayOf(u.a.node)]),id:u.a.oneOfType([u.a.string,u.a.number]),name:u.a.string};var p,h,g=t(5),b=t.n(g),m=t(3),v=t.n(m),x=t(2),y=t.n(x),O=t(10),w=t(8),T=["children","required","action"],z=y()(w.Typography)(p||(p=v()(["\n  line-height: 0;\n"]))),k=y()(O.Flex)(h||(h=v()(["\n  line-height: 0;\n\n  svg path {\n    fill: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral500})),j=function(n){var e=n.children,t=n.required,r=n.action,i=o()(n,T),c=Object(s.b)().id;return a.a.createElement(w.Typography,b()({variant:"pi",textColor:"neutral800",htmlFor:c,fontWeight:"bold",as:"label",required:t},i),a.a.createElement(O.Flex,{alignItems:"center"},e,t&&a.a.createElement(z,{textColor:"danger600"},"*"),r&&a.a.createElement(k,{marginLeft:1},r)))};j.defaultProps={required:!1,action:void 0},j.propTypes={action:u.a.element,children:u.a.node.isRequired,required:u.a.bool};var C,S=t(38),E=function(){var n=Object(s.b)(),e=n.id,t=n.hint,r=n.error;return!t||r?null:a.a.createElement(w.Typography,{variant:"pi",as:"p",id:"".concat(e,"-hint"),textColor:"neutral600"},t)},_=function(){var n=Object(s.b)(),e=n.id,t=n.error;return t&&"string"==typeof t?a.a.createElement(w.Typography,{variant:"pi",as:"p",id:"".concat(e,"-error"),textColor:"danger600","data-strapi-field-error":!0},t):null},R=["label","children"],P=y.a.button(C||(C=v()(["\n  border: none;\n  background: transparent;\n  // TODO: Make sure to use the theme when it's ready\n  font-size: 1.6rem;\n  width: auto;\n  padding: 0;\n  display: flex;\n  align-items: center;\n"]))),A=function(n){var e=n.label,t=n.children,r=o()(n,R);return a.a.createElement(P,b()({"aria-label":e,type:"button"},r),t)};A.propTypes={children:u.a.node.isRequired,label:u.a.string.isRequired}},2:function(n,t){n.exports=e},20:function(n,e,t){"use strict";t.r(e),t.d(e,"VisuallyHidden",(function(){return c}));var r,o=t(3),i=t.n(o),a=t(2),c=t.n(a).a.div(r||(r=i()(["\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n"])))},21:function(n,e,t){"use strict";t.d(e,"b",(function(){return r})),t.d(e,"c",(function(){return o})),t.d(e,"a",(function(){return i}));var r=function(n){return function(e){var t=e.theme,r=e.size;return t.sizes[n][r]}},o=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(e){var t=e.theme,r=e.hasError;return"\n      outline: none;\n      box-shadow: 0;\n      transition-property: border-color, box-shadow, fill;\n      transition-duration: 0.2s;\n\n      ".concat(n,":focus-within {\n        border: 1px solid ").concat(r?t.colors.danger600:t.colors.primary600,";\n        box-shadow: ").concat(r?t.colors.danger600:t.colors.primary600," 0px 0px 0px 2px;\n      }\n    ")}},i=function(n){var e=n.theme;return"\n  position: relative;\n  outline: none;\n  \n  &:after {\n    transition-property: all;\n    transition-duration: 0.2s;\n    border-radius: 8px;\n    content: '';\n    position: absolute;\n    top: -4px;\n    bottom: -4px;\n    left: -4px;\n    right: -4px;\n    border: 2px solid transparent;\n  }\n\n  &:focus-visible {\n    outline: none;\n    &:after {\n      border-radius: 8px;\n      content: '';\n      position: absolute;\n      top: -5px;\n      bottom: -5px;\n      left: -5px;\n      right: -5px;\n      border: 2px solid ".concat(e.colors.primary600,";\n    }\n  }\n")}},22:function(n,e,t){"use strict";t.r(e),t.d(e,"Stack",(function(){return w}));var r,o,i=t(5),a=t.n(i),c=t(4),u=t.n(c),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(0),h=t.n(p),g=t(2),b=t.n(g),m=t(10),v=["horizontal","spacing","size"],x={size:!0},y=b()(m.Flex).withConfig({shouldForwardProp:function(n,e){return!x[n]&&e(n)}})(r||(r=l()(["\n  & > * {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  & > * + * {\n    margin-top: ",";\n  }\n"])),(function(n){var e=n.theme,t=n.spacing;return e.spaces[t]})),O=b()(m.Flex).withConfig({shouldForwardProp:function(n,e){return!x[n]&&e(n)}})(o||(o=l()(["\n  & > * {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  & > * + * {\n    margin-left: ",";\n  }\n"])),(function(n){var e=n.theme,t=n.spacing;return e.spaces[t]})),w=Object(d.forwardRef)((function(n,e){var t=n.horizontal,r=n.spacing,o=n.size,i=u()(n,v);return o&&console.warn('Deprecation warning: Usage of "size" prop in Stack component is deprecated. This is discouraged and will be removed in the next major release. Please use "spacing" instead'),t?f.a.createElement(O,a()({ref:e,spacing:r||o},i)):f.a.createElement(y,a()({direction:"column",alignItems:"stretch",ref:e,spacing:r||o},i))}));w.displayName="Stack",w.defaultProps={horizontal:!1,size:void 0,spacing:void 0},w.propTypes={horizontal:h.a.bool,size:h.a.number,spacing:h.a.number}},23:function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},24:function(n,e,t){"use strict";var r=t(25);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,t,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},25:function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},26:function(n,e,t){var r=t(23);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},27:function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},28:function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},29:function(n,e){n.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},3:function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},30:function(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},31:function(n,e,t){"use strict";t.d(e,"a",(function(){return r}));var r={input:{S:"".concat(2,"rem"),M:"".concat(2.5,"rem")},accordions:{S:"".concat(3,"rem"),M:"".concat(5.5,"rem")}}},38:function(n,e,t){"use strict";t.d(e,"b",(function(){return k})),t.d(e,"a",(function(){return j}));var r,o,i=t(5),a=t.n(i),c=t(4),u=t.n(c),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(2),h=t.n(p),g=t(0),b=t.n(g),m=t(31),v=t(21),x=t(14),y=t(10),O=t(6),w=["endAction","startAction","disabled","onChange","size"],T={S:6.5,M:10.5},z=h.a.input(r||(r=l()(["\n  border: none;\n  border-radius: ",";\n  padding-bottom: ",";\n  padding-left: ",";\n  padding-right: ",";\n  padding-top: ",";\n  cursor: ",";\n\n  color: ",";\n  font-weight: 400;\n  // TODO: Make sure to use the theme when it's ready\n  font-size: ","rem;\n  display: block;\n  width: 100%;\n  background: inherit;\n\n  ::placeholder {\n    color: ",";\n    opacity: 1;\n  }\n\n  &[aria-disabled='true'] {\n    color: inherit;\n  }\n\n  //focus managed by InputWrapper\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.borderRadius}),(function(n){var e=n.size;return"".concat(T[e]/16,"rem")}),(function(n){var e=n.theme;return n.hasLeftAction?0:e.spaces[4]}),(function(n){var e=n.theme;return n.hasRightAction?0:e.spaces[4]}),(function(n){var e=n.size;return"".concat(T[e]/16,"rem")}),(function(n){return n["aria-disabled"]?"not-allowed":void 0}),(function(n){return n.theme.colors.neutral800}),.875,(function(n){return n.theme.colors.neutral500})),k=h()(y.Flex)(o||(o=l()(["\n  border: 1px solid ",";\n  border-radius: ",";\n  background: ",";\n  ","\n\n  ","\n"])),(function(n){var e=n.theme;return n.hasError?e.colors.danger600:e.colors.neutral200}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),Object(v.c)(),(function(n){var e=n.theme;return n.disabled?"\n    color: ".concat(e.colors.neutral600,";\n    background: ").concat(e.colors.neutral150,";\n  \n  "):void 0})),j=Object(d.forwardRef)((function(n,e){var t,r=n.endAction,o=n.startAction,i=n.disabled,c=n.onChange,s=n.size,l=u()(n,w),d=Object(x.b)(),p=d.id,h=d.error,g=d.hint,b=d.name;h?t="".concat(p,"-error"):g&&(t="".concat(p,"-hint"));var m=Boolean(h);return f.a.createElement(k,{size:s,justifyContent:"space-between",hasError:m,disabled:i},o&&f.a.createElement(O.Box,{paddingLeft:3,paddingRight:2},o),f.a.createElement(z,a()({id:p,name:b,ref:e,"aria-describedby":t,"aria-invalid":m,"aria-disabled":i,hasLeftAction:Boolean(o),hasRightAction:Boolean(r),onChange:function(n){i||c(n)},size:s},l)),r&&f.a.createElement(O.Box,{paddingLeft:2,paddingRight:3},r))}));j.displayName="FieldInput",j.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange:function(){}},j.propTypes={disabled:b.a.bool,endAction:b.a.element,onChange:b.a.func,size:b.a.oneOf(Object.keys(m.a.input)),startAction:b.a.element}},4:function(n,e,t){var r=t(30);n.exports=function(n,e){if(null==n)return{};var t,o,i=r(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},5:function(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},51:function(n,e){n.exports=t},6:function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return m}));var r,o=t(3),i=t.n(o),a=t(2),c=t.n(a),u=t(7),s=t(1),l=t.n(s),d=t(0),f=t.n(d),p=function(n){return l.a.createElement("div",n)},h={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},g={_hover:f.a.func,background:f.a.string,basis:f.a.oneOfType([f.a.string,f.a.string]),borderColor:f.a.string,children:f.a.oneOfType([f.a.node,f.a.string]),color:f.a.string,flex:f.a.oneOfType([f.a.string,f.a.string]),grow:f.a.oneOfType([f.a.string,f.a.string]),hasRadius:f.a.bool,hiddenS:f.a.bool,hiddenXS:f.a.bool,padding:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingBottom:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingLeft:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingRight:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingTop:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),shadow:f.a.string,shrink:f.a.oneOfType([f.a.string,f.a.string])};p.defaultProps=h,p.propTypes=g;var b={color:!0},m=c.a.div.withConfig({shouldForwardProp:function(n,e){return!b[n]&&e(n)}})(r||(r=i()(["\n  // Font\n  font-size: ",";\n\n  // Colors\n  background: ",";\n  color: ",";\n\n  // Spaces\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n\n  // Responsive hiding\n  ","\n  ","\n  \n\n  // Borders\n  border-radius: ",";\n  border-style: ",";\n  border-width: ",";\n  border-color: ",";\n  border: ",";\n\n  // Shadows\n  box-shadow: ",";\n\n  // Handlers\n  pointer-events: ",";\n  &:hover {\n    ","\n  }\n\n  // Display\n  display: ",";\n\n  // Position\n  position: ",";\n  left: ",";\n  right: ",";\n  top: ",";\n  bottom: ",";\n  z-index: ",";\n  overflow: ",";\n  cursor: ",";\n\n  // Size\n  width: ",";\n  max-width: ",";\n  min-width: ",";\n  height: ",";\n  max-height: ",";\n  min-height: ",";\n\n  // Animation\n  transition: ",";\n  transform: ",";\n  animation: ",";\n\n  //Flexbox children props\n  flex-shrink: ",";\n  flex-grow: ",";\n  flex-basis: ",";\n  flex: ",";\n\n  // Text\n  text-align: ",";\n  text-transform: ",";\n  line-height: ",";\n\n  // Cursor\n  cursor: ",";\n"])),(function(n){var e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(u.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(u.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(u.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(u.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(u.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(u.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(u.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(u.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(u.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.spaces[e]||e}),(function(n){var e=n.maxWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.minWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.height;return n.theme.spaces[e]||e}),(function(n){var e=n.maxHeight;return n.theme.spaces[e]||e}),(function(n){var e=n.minHeight;return n.theme.spaces[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));m.defaultProps=h,m.propTypes=g},7:function(n,e,t){"use strict";var r=t(11),o=t.n(r),i=t(16),a=t.n(i);e.a=function(n,e,t){var r=e;if(Array.isArray(e)||"object"!==a()(e)||(r=[null==e?void 0:e.desktop,null==e?void 0:e.tablet,null==e?void 0:e.mobile]),void 0!==r){if(Array.isArray(r)){var i=r,c=o()(i,3),u=c[0],s=c[1],l=c[2],d="".concat(n,": ").concat(t.spaces[u],";");return void 0!==s&&(d+="".concat(t.mediaQueries.tablet,"{\n          ").concat(n,": ").concat(t.spaces[s],";\n        }")),void 0!==l&&(d+="".concat(t.mediaQueries.mobile,"{\n          ").concat(n,": ").concat(t.spaces[l],";\n        }")),d}var f=t.spaces[r]||r;return"".concat(n,": ").concat(f,";")}}},74:function(n,e,t){"use strict";t.r(e),t.d(e,"TextButton",(function(){return S}));var r,o,i,a=t(5),c=t.n(a),u=t(4),s=t.n(u),l=t(3),d=t.n(l),f=t(1),p=t.n(f),h=t(0),g=t.n(h),b=t(2),m=t.n(b),v=t(51),x=t.n(v),y=t(6),O=t(8),w=t(10),T=t(21),z=["children","startIcon","endIcon","onClick","disabled","loading"],k=Object(b.keyframes)(r||(r=d()(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n"]))),j=m.a.div(o||(o=d()(["\n  animation: "," 2s infinite linear;\n  will-change: transform;\n"])),k),C=m()(w.Flex)(i||(i=d()(["\n  background: transparent;\n  border: none;\n\n  &[aria-disabled='true'] {\n    pointer-events: none;\n    svg path {\n      fill: ",";\n    }\n  }\n\n  svg {\n    display: flex;\n    font-size: ","rem;\n  }\n\n  svg path {\n    fill: ",";\n  }\n\n  ","\n"])),(function(n){return n.theme.colors.neutral600}),.625,(function(n){return n.theme.colors.primary600}),T.a),S=p.a.forwardRef((function(n,e){var t=n.children,r=n.startIcon,o=n.endIcon,i=n.onClick,a=n.disabled,u=n.loading,l=s()(n,z),d=i&&!a?i:void 0,f=a||u;return p.a.createElement(C,c()({ref:e,"aria-disabled":f,onClick:d,as:"button",type:"button"},l),(r||u)&&p.a.createElement(y.Box,{as:"span",paddingRight:2,"aria-hidden":!0},u?p.a.createElement(j,null,p.a.createElement(x.a,null)):r),p.a.createElement(O.Typography,{variant:"pi",textColor:f?"neutral600":"primary600"},t),o&&p.a.createElement(y.Box,{as:"span",paddingLeft:2,"aria-hidden":!0},o))}));S.displayName="TextButton",S.defaultProps={disabled:!1,startIcon:void 0,endIcon:void 0,loading:!1,onClick:void 0},S.propTypes={children:g.a.node.isRequired,disabled:g.a.bool,endIcon:g.a.element,loading:g.a.bool,onClick:g.a.func,startIcon:g.a.element}},8:function(n,e,t){"use strict";t.r(e),t.d(e,"Typography",(function(){return v}));var r,o=t(3),i=t.n(o),a=t(2),c=t.n(a),u=t(13),s=t(1),l=t.n(s),d=t(0),f=t.n(d),p=t(9),h=function(n){return l.a.createElement("div",n)},g={ellipsis:!1,fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textAlign:void 0,textTransform:void 0,variant:p.e},b={ellipsis:f.a.bool,fontSize:f.a.oneOfType([f.a.number,f.a.string]),fontWeight:f.a.string,lineHeight:f.a.oneOfType([f.a.number,f.a.string]),textAlign:f.a.string,textColor:f.a.string,textTransform:f.a.string,variant:f.a.oneOf(p.h)};h.defaultProps=g,h.propTypes=b;var m={fontSize:!0,fontWeight:!0},v=c.a.span.withConfig({shouldForwardProp:function(n,e){return!m[n]&&e(n)}})(r||(r=i()(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  text-align: ",";\n  text-transform: ",";\n  ","\n  ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),u.b,(function(n){return n.textAlign}),(function(n){return n.textTransform}),u.a,u.c);v.defaultProps=g,v.propTypes=b},88:function(n,e,t){"use strict";t.r(e),t.d(e,"ToggleCheckbox",(function(){return _}));var r,o,i,a,c=t(5),u=t.n(c),s=t(4),l=t.n(s),d=t(3),f=t.n(d),p=t(1),h=t.n(p),g=t(0),b=t.n(g),m=t(2),v=t.n(m),x=t(31),y=t(21),O=t(8),w=t(20),T=t(6),z=t(10),k=["size","onLabel","offLabel","children","checked","disabled","onChange"],j=v.a.label(r||(r=f()(["\n  position: relative;\n  display: inline-block;\n  z-index: 0;\n  width: 100%;\n"]))),C=v()(T.Box)(o||(o=f()(["\n  cursor: ",";\n  // Masks the background of each value\n  overflow: hidden;\n  flex-wrap: wrap;\n\n  ","\n"])),(function(n){return n.disabled?"not-allowed":void 0}),Object(y.c)()),S=v()(z.Flex).attrs({hasRadius:!0})(i||(i=f()(["\n  background-color: ",";\n  border: 1px solid\n    ",";\n  position: relative;\n  user-select: none;\n  z-index: 2;\n  flex: 1 1 50%;\n  /**\n    We declare the defined value because we want the height of the input when \n    the values are in a row to be 40px. But defining a height on the label\n    would break the input when it wraps.\n  */\n  padding-top: ",";\n  padding-bottom: ",";\n"])),(function(n){var e=n.theme,t=n.checked,r=n.disabled;return t?r?e.colors.neutral200:e.colors.neutral0:"transparent"}),(function(n){var e=n.theme,t=n.checked,r=n.disabled;return t&&null!==t?r?e.colors.neutral300:e.colors.neutral200:r?e.colors.neutral150:e.colors.neutral100}),(function(n){var e=n.size;return"".concat("S"===e?"2px":"6px")}),(function(n){var e=n.size;return"".concat("S"===e?"2px":"6px")})),E=v.a.input(a||(a=f()(["\n  height: 100%;\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  z-index: 1;\n  width: 100%;\n"]))),_=h.a.forwardRef((function(n,e){var t=n.size,r=n.onLabel,o=n.offLabel,i=n.children,a=n.checked,c=n.disabled,s=n.onChange,d=l()(n,k),f=a||null===a?"neutral600":"danger700",p=a?"primary600":"neutral600",g=function(n){c||s(n)};return h.a.createElement(j,null,h.a.createElement(w.VisuallyHidden,null,i),h.a.createElement(C,{hasRadius:!0,disabled:c,padding:1,display:"flex",background:c?"neutral150":"neutral100",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral200"},h.a.createElement(S,{size:t,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:null!==a&&!a,disabled:c},h.a.createElement(O.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:c?"neutral700":f},o)),h.a.createElement(S,{size:t,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:null!==a&&a,disabled:c},h.a.createElement(O.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:c?"neutral700":p},r)),h.a.createElement(E,u()({type:"checkbox","aria-disabled":c,onChange:function(n){return g(n)},ref:e},d,{checked:!(null===a||!a)}))))}));_.displayName="ToggleCheckbox",_.defaultProps={disabled:!1,checked:!1,onChange:void 0,size:"M"},_.propTypes={checked:b.a.bool,children:b.a.string.isRequired,disabled:b.a.bool,offLabel:b.a.string.isRequired,onChange:b.a.func,onLabel:b.a.string.isRequired,size:b.a.oneOf(Object.keys(x.a.input))}},9:function(n,e,t){"use strict";t.d(e,"a",(function(){return r})),t.d(e,"b",(function(){return o})),t.d(e,"c",(function(){return i})),t.d(e,"d",(function(){return a})),t.d(e,"e",(function(){return c})),t.d(e,"f",(function(){return u})),t.d(e,"g",(function(){return s})),t.d(e,"h",(function(){return l}));var r="alpha",o="beta",i="delta",a="epsilon",c="omega",u="pi",s="sigma",l=[r,o,i,a,c,u,s]}})}));