@strapi/design-system 0.0.1-alpha.71 → 0.0.1-alpha.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/design-system",
-  "version": "0.0.1-alpha.71",
+  "version": "0.0.1-alpha.75",
   "main": "index.js",
   "license": "MIT",
   "devDependencies": {
@@ -30,7 +30,7 @@
     "jest": "^26.6.3",
     "jest-playwright-preset": "^1.5.2",
     "jest-styled-components": "^7.0.4",
-    "playwright": "^1.13.1",
+    "playwright": "^1.18.0",
     "prettier": "^2.2.1",
     "react": "^17.0.1",
     "react-copy-to-clipboard": "^5.0.4",
@@ -65,7 +65,9 @@
     "lint-staged": "eslint --fix",
     "storybook": "start-storybook -p 6006",
     "test": "jest -c jest.config.js",
+    "test:watch": "jest -c jest.config.js --watchAll",
     "test:e2e": "jest -c jest.e2e.js",
+    "test:e2e:watch": "jest -c jest.e2e.js --watchAll",
     "test:e2e:debug": "cross-env PWDEBUG=1 jest -c jest.e2e.js",
     "test:e2e:ci": "jest -c jest.e2e.js"
   },

package/themes.production.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("strapiDs",[],n):"object"==typeof exports?exports.strapiDs=n():e.strapiDs=n()}(this,(function(){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=104)}({104:function(e,n,t){"use strict";t.r(n),t.d(n,"lightTheme",(function(){return r})),t.d(n,"extendTheme",(function(){return d})),t.d(n,"getThemeSize",(function(){return l.b})),t.d(n,"inputFocusStyle",(function(){return l.c})),t.d(n,"buttonFocusStyle",(function(){return l.a}));var r={colors:{alternative100:"#f6ecfc",alternative200:"#e0c1f4",alternative500:"#ac73e6",alternative600:"#9736e8",alternative700:"#8312d1",danger100:"#fcecea",danger200:"#f5c0b8",danger500:"#ee5e52",danger600:"#d02b20",danger700:"#b72b1a",neutral0:"#ffffff",neutral100:"#f6f6f9",neutral150:"#eaeaef",neutral200:"#dcdce4",neutral300:"#c0c0cf",neutral400:"#a5a5ba",neutral500:"#8e8ea9",neutral600:"#666687",neutral700:"#4a4a6a",neutral800:"#32324d",neutral900:"#212134",primary100:"#f0f0ff",primary200:"#d9d8ff",primary500:"#7b79ff",primary600:"#4945ff",primary700:"#271fe0",secondary100:"#eaf5ff",secondary200:"#b8e1ff",secondary500:"#66b7f1",secondary600:"#0c75af",secondary700:"#006096",success100:"#eafbe7",success200:"#c6f0c2",success500:"#5cb176",success600:"#328048",success700:"#2f6846",warning100:"#fdf4dc",warning200:"#fae7b9",warning500:"#f29d41",warning600:"#d9822f",warning700:"#be5d01"},shadows:{filterShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"0px 2px 15px rgba(33, 33, 52, 0.1)",tableShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)"},sizes:t(26).a,zIndices:[5,10,15,20],spaces:["0px","4px","8px","12px","16px","20px","24px","32px","40px","48px","56px","64px"],borderRadius:"4px",mediaQueries:{tablet:"@media (max-width: ".concat(68.75,"rem)"),mobile:"@media (max-width: ".concat(34.375,"rem)")},fontSizes:["".concat(11/16,"rem"),"".concat(.75,"rem"),"".concat(.875,"rem"),"1rem","".concat(1.125,"rem"),"".concat(2,"rem")],lineHeights:[1.14,1.22,1.25,1.33,1.43,1.45,1.5],fontWeights:{regular:400,semiBold:500,bold:600}},o=t(36),a=t.n(o),c=t(88),i=t.n(c);function u(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var s=function(e){return"\n".concat(e,"\n\nThe following is an example:\n\n\nimport { lightTheme, extendTheme } from '@strapi/design-system/themes';\n\nconst myCustomTheme = extendTheme(lightTheme, {\n    ").concat(Object.keys(r).map((function(e){return"".concat(e,": /* put the overrides for the ").concat(e," key */,")})).join("\n"),"\n})\n")},p=function(e){return e&&"object"===i()(e)&&!Array.isArray(e)},f=function e(n,t){var r=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?u(Object(t),!0).forEach((function(n){a()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},n);return p(n)&&p(t)&&Object.keys(t).forEach((function(o){p(t[o])&&n.hasOwnProperty(o)?r[o]=e(n[o],t[o]):r[o]=t[o]})),r},d=function(e,n){if(!p(e)){var t=s("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(t)}if(!p(n)){var r=s("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(r)}return f(e,n)},l=t(13)},13:function(e,n,t){"use strict";t.d(n,"b",(function(){return r})),t.d(n,"c",(function(){return o})),t.d(n,"a",(function(){return a}));var r=function(e){return function(n){var t=n.theme,r=n.size;return t.sizes[e][r]}},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(n){var t=n.theme,r=n.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(e,":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    ")}},a=function(e){var n=e.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(n.colors.primary600,";\n    }\n  }\n")}},26:function(e,n,t){"use strict";t.d(n,"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")}}},36:function(e,n){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0},88:function(e,n){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0}})}));
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("strapiDs",[],n):"object"==typeof exports?exports.strapiDs=n():e.strapiDs=n()}(this,(function(){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=104)}({104:function(e,n,t){"use strict";t.r(n),t.d(n,"lightTheme",(function(){return r})),t.d(n,"extendTheme",(function(){return d})),t.d(n,"getThemeSize",(function(){return l.b})),t.d(n,"inputFocusStyle",(function(){return l.c})),t.d(n,"buttonFocusStyle",(function(){return l.a}));var r={colors:{alternative100:"#f6ecfc",alternative200:"#e0c1f4",alternative500:"#ac73e6",alternative600:"#9736e8",alternative700:"#8312d1",danger100:"#fcecea",danger200:"#f5c0b8",danger500:"#ee5e52",danger600:"#d02b20",danger700:"#b72b1a",neutral0:"#ffffff",neutral100:"#f6f6f9",neutral150:"#eaeaef",neutral200:"#dcdce4",neutral300:"#c0c0cf",neutral400:"#a5a5ba",neutral500:"#8e8ea9",neutral600:"#666687",neutral700:"#4a4a6a",neutral800:"#32324d",neutral900:"#212134",primary100:"#f0f0ff",primary200:"#d9d8ff",primary500:"#7b79ff",primary600:"#4945ff",primary700:"#271fe0",secondary100:"#eaf5ff",secondary200:"#b8e1ff",secondary500:"#66b7f1",secondary600:"#0c75af",secondary700:"#006096",success100:"#eafbe7",success200:"#c6f0c2",success500:"#5cb176",success600:"#328048",success700:"#2f6846",warning100:"#fdf4dc",warning200:"#fae7b9",warning500:"#f29d41",warning600:"#d9822f",warning700:"#be5d01"},shadows:{filterShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"0px 2px 15px rgba(33, 33, 52, 0.1)",tableShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)"},sizes:t(27).a,zIndices:[5,10,15,20],spaces:["0px","4px","8px","12px","16px","20px","24px","32px","40px","48px","56px","64px"],borderRadius:"4px",mediaQueries:{tablet:"@media (max-width: ".concat(68.75,"rem)"),mobile:"@media (max-width: ".concat(34.375,"rem)")},fontSizes:["".concat(11/16,"rem"),"".concat(.75,"rem"),"".concat(.875,"rem"),"1rem","".concat(1.125,"rem"),"".concat(2,"rem")],lineHeights:[1.14,1.22,1.25,1.33,1.43,1.45,1.5],fontWeights:{regular:400,semiBold:500,bold:600}},o=t(37),a=t.n(o),c=t(13),i=t.n(c);function u(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var s=function(e){return"\n".concat(e,"\n\nThe following is an example:\n\n\nimport { lightTheme, extendTheme } from '@strapi/design-system/themes';\n\nconst myCustomTheme = extendTheme(lightTheme, {\n    ").concat(Object.keys(r).map((function(e){return"".concat(e,": /* put the overrides for the ").concat(e," key */,")})).join("\n"),"\n})\n")},p=function(e){return e&&"object"===i()(e)&&!Array.isArray(e)},f=function e(n,t){var r=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?u(Object(t),!0).forEach((function(n){a()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},n);return p(n)&&p(t)&&Object.keys(t).forEach((function(o){p(t[o])&&n.hasOwnProperty(o)?r[o]=e(n[o],t[o]):r[o]=t[o]})),r},d=function(e,n){if(!p(e)){var t=s("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(t)}if(!p(n)){var r=s("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(r)}return f(e,n)},l=t(15)},13:function(e,n){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},15:function(e,n,t){"use strict";t.d(n,"b",(function(){return r})),t.d(n,"c",(function(){return o})),t.d(n,"a",(function(){return a}));var r=function(e){return function(n){var t=n.theme,r=n.size;return t.sizes[e][r]}},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(n){var t=n.theme,r=n.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(e,":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    ")}},a=function(e){var n=e.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(n.colors.primary600,";\n    }\n  }\n")}},27:function(e,n,t){"use strict";t.d(n,"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")}}},37:function(e,n){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0}})}));

package/Carousel.js

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

package/Carousel.production.js

@@ -1 +0,0 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("styled-components"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","@strapi/icons/ChevronRight","@strapi/icons/ChevronLeft"],n):"object"==typeof exports?exports.strapiDs=n(require("react"),require("styled-components"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):e.strapiDs=n(e.react,e["styled-components"],e["@strapi/icons/ChevronRight"],e["@strapi/icons/ChevronLeft"])}(this,(function(e,n,t,r){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=102)}({0:function(e,n,t){e.exports=t(16)()},1:function(n,t){n.exports=e},10:function(e,n,t){var r=t(22),o=t(23),i=t(19),a=t(24);e.exports=function(e,n){return r(e)||o(e,n)||i(e,n)||a()},e.exports.default=e.exports,e.exports.__esModule=!0},102:function(e,n,t){"use strict";t.r(n),t.d(n,"Carousel",(function(){return P})),t.d(n,"CarouselActions",(function(){return k})),t.d(n,"CarouselImage",(function(){return B})),t.d(n,"CarouselSlide",(function(){return I}));var r,o,i,a=t(5),s=t.n(a),u=t(6),c=t.n(u),l=t(3),f=t.n(l),d=t(1),p=t.n(d),h=t(0),g=t.n(h),m=t(2),v=t.n(m),b=t(50),x=t.n(b),y=t(57),w=t.n(y),O=t(40),T=t(4),S=t(8),z=t(11),C=["label","children","previousLabel","nextLabel","selectedSlide","onPrevious","onNext","actions","hint","error"],E=v()(T.Box)(r||(r=f()(["\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  grid-template-areas: 'startAction slides endAction';\n"]))),j=v()(T.Box)(o||(o=f()(["\n  grid-area: slides;\n"]))),_=v.a.button(i||(i=f()(["\n  grid-area: ",";\n\n  &:focus svg path,\n  &:hover svg path {\n    fill: ",";\n  }\n"])),(function(e){return e.area}),(function(e){return e.theme.colors.neutral900})),P=function(e){var n=e.label,t=e.children,r=e.previousLabel,o=e.nextLabel,i=e.selectedSlide,a=e.onPrevious,u=e.onNext,l=e.actions,f=e.hint,h=e.error,g=c()(e,C),m=Object(d.useRef)(null),v=Object(d.useRef)(null),b=d.Children.toArray(t).map((function(e,n){return Object(d.cloneElement)(e,{selected:n===i})})),y=b.length>1;return p.a.createElement(T.Box,s()({},g,{onKeyDown:function(e){switch(e.key){case z.a.RIGHT:e.preventDefault(),v.current.focus(),u();break;case z.a.LEFT:e.preventDefault(),m.current.focus(),a()}}}),p.a.createElement(T.Box,{paddingBottom:1},p.a.createElement(S.Typography,{variant:"pi",textColor:"neutral800",fontWeight:"bold"},n)),p.a.createElement(T.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100"},p.a.createElement(E,{as:"section","aria-roledescription":"carousel","aria-label":n,position:"relative"},y&&p.a.createElement(_,{onClick:a,area:"startAction",ref:m,"aria-label":r,type:"button"},p.a.createElement(O.Icon,{as:w.a,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),y&&p.a.createElement(_,{onClick:u,area:"endAction",ref:v,"aria-label":o,type:"button"},p.a.createElement(O.Icon,{as:x.a,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),p.a.createElement(j,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%"},b),l)),f||h?p.a.createElement(T.Box,{paddingTop:1},p.a.createElement(S.Typography,{variant:"pi",textColor:h?"danger600":"neutral600"},f||h)):null)};P.defaultProps={actions:void 0,error:void 0,hint:void 0},P.propTypes={actions:g.a.node,children:g.a.node.isRequired,error:g.a.string,hint:g.a.string,label:g.a.string.isRequired,nextLabel:g.a.string.isRequired,onNext:g.a.func.isRequired,onPrevious:g.a.func.isRequired,previousLabel:g.a.string.isRequired,selectedSlide:g.a.number.isRequired};var R,A=t(25),k=function(e){return p.a.createElement(A.Stack,s()({justifyContent:"center",horizontal:!0,size:1,position:"absolute",width:"100%",bottom:1},e))},B=function(e){return p.a.createElement(T.Box,s()({as:"img",height:"100%"},e))},L=t(9),H=["label","children","selected"],q=v()(L.Flex)(R||(R=f()(["\n  display: ",";\n"])),(function(e){return e.selected?"flex":"none"})),I=function(e){var n=e.label,t=e.children,r=e.selected,o=c()(e,H);return p.a.createElement(q,s()({selected:r,role:"group","aria-roledescription":"slide","aria-label":n,justifyContent:"center",height:"124px"},o),t)};I.defaultProps={selected:!1},I.propTypes={children:g.a.node.isRequired,label:g.a.string.isRequired,selected:g.a.bool}},11:function(e,n,t){"use strict";t.d(n,"a",(function(){return r}));var r={DOWN:"ArrowDown",UP:"ArrowUp",RIGHT:"ArrowRight",LEFT:"ArrowLeft",ESCAPE:"Escape",ENTER:"Enter",SPACE:" ",TAB:"Tab",END:"End",HOME:"Home",DELETE:"Delete",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",BACKSPACE:"Backspace",CLEAR:"Clear"}},16:function(e,n,t){"use strict";var r=t(17);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,i,a){if(a!==r){var s=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 s.name="Invariant Violation",s}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},17:function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},18:function(e,n){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.default=e.exports,e.exports.__esModule=!0},19:function(e,n,t){var r=t(18);e.exports=function(e,n){if(e){if("string"==typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,n):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},2:function(e,t){e.exports=n},21:function(e,n){e.exports=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o},e.exports.default=e.exports,e.exports.__esModule=!0},22:function(e,n){e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},23:function(e,n){e.exports=function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);a=!0);}catch(e){s=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw o}}return i}},e.exports.default=e.exports,e.exports.__esModule=!0},24:function(e,n){e.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.")},e.exports.default=e.exports,e.exports.__esModule=!0},25:function(e,n,t){"use strict";t.r(n),t.d(n,"Stack",(function(){return T}));var r,o,i=t(5),a=t.n(i),s=t(6),u=t.n(s),c=t(3),l=t.n(c),f=t(1),d=t.n(f),p=t(0),h=t.n(p),g=t(2),m=t.n(g),v=t(4),b=t(9),x=["horizontal","size"],y={size:!0},w=m()(v.Box).withConfig({shouldForwardProp:function(e,n){return!y[e]&&n(e)}})(r||(r=l()(["\n  display: flex;\n  flex-direction: column;\n\n  & > * {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  & > * + * {\n    margin-top: ",";\n  }\n"])),(function(e){var n=e.theme,t=e.size;return n.spaces[t]})),O=m()(b.Flex).withConfig({shouldForwardProp:function(e,n){return!y[e]&&n(e)}})(o||(o=l()(["\n  & > * {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  & > * + * {\n    margin-left: ",";\n  }\n"])),(function(e){var n=e.theme,t=e.size;return n.spaces[t]})),T=Object(f.forwardRef)((function(e,n){var t=e.horizontal,r=e.size,o=u()(e,x);return t?d.a.createElement(O,a()({ref:n,size:r},o)):d.a.createElement(w,a()({ref:n,size:r},o))}));T.displayName="Stack",T.defaultProps={horizontal:!1},T.propTypes={horizontal:h.a.bool,size:h.a.number.isRequired}},3:function(e,n){e.exports=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))},e.exports.default=e.exports,e.exports.__esModule=!0},4:function(e,n,t){"use strict";t.r(n),t.d(n,"Box",(function(){return d}));var r,o=t(3),i=t.n(o),a=t(0),s=t.n(a),u=t(2),c=t.n(u),l=t(7),f={color:!0},d=c.a.div.withConfig({shouldForwardProp:function(e,n){return!f[e]&&n(e)}})(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(e){var n=e.fontSize;return e.theme.fontSizes[n]||n}),(function(e){var n=e.theme,t=e.background;return n.colors[t]}),(function(e){var n=e.theme,t=e.color;return n.colors[t]}),(function(e){var n=e.theme,t=e.padding;return Object(l.a)("padding",t,n)}),(function(e){var n=e.theme,t=e.paddingTop;return Object(l.a)("padding-top",t,n)}),(function(e){var n=e.theme,t=e.paddingRight;return Object(l.a)("padding-right",t,n)}),(function(e){var n=e.theme,t=e.paddingBottom;return Object(l.a)("padding-bottom",t,n)}),(function(e){var n=e.theme,t=e.paddingLeft;return Object(l.a)("padding-left",t,n)}),(function(e){var n=e.theme,t=e.marginLeft;return Object(l.a)("margin-left",t,n)}),(function(e){var n=e.theme,t=e.marginRight;return Object(l.a)("margin-right",t,n)}),(function(e){var n=e.theme,t=e.marginTop;return Object(l.a)("margin-top",t,n)}),(function(e){var n=e.theme,t=e.marginBottom;return Object(l.a)("margin-bottom",t,n)}),(function(e){var n=e.theme;return e.hiddenS?"".concat(n.mediaQueries.tablet," { display: none; }"):void 0}),(function(e){var n=e.theme;return e.hiddenXS?"".concat(n.mediaQueries.mobile," { display: none; }"):void 0}),(function(e){var n=e.theme,t=e.hasRadius,r=e.borderRadius;return t?n.borderRadius:r}),(function(e){return e.borderStyle}),(function(e){return e.borderWidth}),(function(e){var n=e.borderColor;return e.theme.colors[n]}),(function(e){var n=e.theme,t=e.borderColor,r=e.borderStyle,o=e.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(n.colors[t])}),(function(e){var n=e.theme,t=e.shadow;return n.shadows[t]}),(function(e){return e.pointerEvents}),(function(e){var n=e._hover,t=e.theme;return n?n(t):void 0}),(function(e){return e.display}),(function(e){return e.position}),(function(e){var n=e.left;return e.theme.spaces[n]||n}),(function(e){var n=e.right;return e.theme.spaces[n]||n}),(function(e){var n=e.top;return e.theme.spaces[n]||n}),(function(e){var n=e.bottom;return e.theme.spaces[n]||n}),(function(e){return e.zIndex}),(function(e){return e.overflow}),(function(e){return e.cursor}),(function(e){var n=e.width;return e.theme.sizes[n]||n}),(function(e){var n=e.maxWidth;return e.theme.sizes[n]||n}),(function(e){var n=e.minWidth;return e.theme.sizes[n]||n}),(function(e){var n=e.height;return e.theme.sizes[n]||n}),(function(e){var n=e.maxHeight;return e.theme.sizes[n]||n}),(function(e){var n=e.minHeight;return e.theme.sizes[n]||n}),(function(e){return e.transition}),(function(e){return e.transform}),(function(e){return e.animation}),(function(e){return e.shrink}),(function(e){return e.grow}),(function(e){return e.basis}),(function(e){return e.flex}),(function(e){return e.textAlign}),(function(e){return e.textTransform}),(function(e){return e.lineHeight}),(function(e){return e.cursor}));d.displayName="Box",d.defaultProps={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(){}},d.propTypes={_hover:s.a.func,background:s.a.string,basis:s.a.oneOfType([s.a.string,s.a.string]),borderColor:s.a.string,children:s.a.oneOfType([s.a.node,s.a.string]),color:s.a.string,flex:s.a.oneOfType([s.a.string,s.a.string]),grow:s.a.oneOfType([s.a.string,s.a.string]),hasRadius:s.a.bool,hiddenS:s.a.bool,hiddenXS:s.a.bool,padding:s.a.oneOfType([s.a.number,s.a.arrayOf(s.a.number)]),paddingBottom:s.a.oneOfType([s.a.number,s.a.arrayOf(s.a.number)]),paddingLeft:s.a.oneOfType([s.a.number,s.a.arrayOf(s.a.number)]),paddingRight:s.a.oneOfType([s.a.number,s.a.arrayOf(s.a.number)]),paddingTop:s.a.oneOfType([s.a.number,s.a.arrayOf(s.a.number)]),shadow:s.a.string,shrink:s.a.oneOfType([s.a.string,s.a.string])}},40:function(e,n,t){"use strict";t.r(n),t.d(n,"Icon",(function(){return g}));var r,o=t(5),i=t.n(o),a=t(3),s=t.n(a),u=t(1),c=t.n(u),l=t(0),f=t.n(l),d=t(4),p=t(2),h=t.n(p)()(d.Box)(r||(r=s()(["\n  path {\n    fill: ",";\n  }\n  ","\n"])),(function(e){var n=e.color;return e.theme.colors[n]}),(function(e){var n=e.theme;return(0,e.colors)(n)})),g=c.a.forwardRef((function(e,n){return c.a.createElement(h,i()({ref:n},e))}));g.displayName="Icon",g.defaultProps={color:"neutral600",colors:function(){}},g.propTypes={color:f.a.string,colors:f.a.func}},5:function(e,n){function t(){return e.exports=t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,t.apply(this,arguments)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},50:function(e,n){e.exports=t},57:function(e,n){e.exports=r},6:function(e,n,t){var r=t(21);e.exports=function(e,n){if(null==e)return{};var t,o,i=r(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i},e.exports.default=e.exports,e.exports.__esModule=!0},7:function(e,n,t){"use strict";var r=t(10),o=t.n(r);n.a=function(e,n,t){if(void 0!==n){if(Array.isArray(n)){var r=o()(n,3),i=r[0],a=r[1],s=r[2],u="".concat(e,": ").concat(t.spaces[i],";");return void 0!==a&&(u+="".concat(t.mediaQueries.tablet,"{\n          ").concat(e,": ").concat(t.spaces[a],";\n        }")),void 0!==s&&(u+="".concat(t.mediaQueries.mobile,"{\n          ").concat(e,": ").concat(t.spaces[s],";\n        }")),u}var c=t.spaces[n]||n;return"".concat(e,": ").concat(c,";")}}},8:function(e,n,t){"use strict";t.r(n),t.d(n,"Typography",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),s=t.n(a),u=t(2),c=["alpha","beta","delta","epsilon","omega","pi","sigma"],l={fontSize:!0,fontWeight:!0},f=t.n(u).a.span.withConfig({shouldForwardProp:function(e,n){return!l[e]&&n(e)}})(r||(r=i()(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  text-transform: ",";\n  ","\n  ","\n"])),(function(e){var n=e.theme,t=e.fontWeight;return n.fontWeights[t]}),(function(e){var n=e.theme,t=e.fontSize;return n.fontSizes[t]}),(function(e){var n=e.theme,t=e.lineHeight;return n.lineHeights[t]}),(function(e){var n=e.theme,t=e.textColor;return n.colors[t||"neutral800"]}),(function(e){return e.textTransform}),(function(e){return e.ellipsis&&"\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "}),(function(e){var n=e.variant,t=e.theme;switch(n){case"alpha":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[5],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"beta":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[4],";\n        line-height: ").concat(t.lineHeights[1],";\n      ");case"delta":return"\n        font-weight: ".concat(t.fontWeights.semiBold,";\n        font-size: ").concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"epsilon":return"\n        font-size: ".concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[6],";\n      ");case"omega":return"\n        font-size: ".concat(t.fontSizes[2],";\n        line-height: ").concat(t.lineHeights[4],";\n      ");case"pi":return"\n        font-size: ".concat(t.fontSizes[1],";\n        line-height: ").concat(t.lineHeights[3],";\n      ");case"sigma":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      ")}}));f.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},f.propTypes={fontSize:s.a.oneOfType([s.a.number,s.a.string]),fontWeight:s.a.string,lineHeight:s.a.oneOfType([s.a.number,s.a.string]),textColor:s.a.string,textTransform:s.a.string,variant:s.a.oneOf(c)}},9:function(e,n,t){"use strict";t.r(n),t.d(n,"Flex",(function(){return d}));var r,o=t(3),i=t.n(o),a=t(0),s=t.n(a),u=t(2),c=t.n(u),l=t(4),f={direction:!0},d=c()(l.Box).withConfig({shouldForwardProp:function(e,n){return!f[e]&&n(e)}})(r||(r=i()(["\n  display: ",";\n  flex-direction: ",";\n  justify-content: ",";\n  align-items: ",";\n  flex-wrap: ",";\n"])),(function(e){return e.inline?"inline-flex":"flex"}),(function(e){return e.direction}),(function(e){return e.justifyContent}),(function(e){return e.alignItems}),(function(e){return e.wrap}));d.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},d.propTypes={alignItems:s.a.string,basis:s.a.oneOfType([s.a.string,s.a.number]),direction:s.a.string,inline:s.a.bool,justifyContent:s.a.string,reverse:s.a.bool,wrap:s.a.string}}})}));