@strapi/design-system 0.0.1-alpha.72 → 0.0.1-alpha.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/design-system",
-  "version": "0.0.1-alpha.72",
+  "version": "0.0.1-alpha.73",
   "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",

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("react-dom"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","react-dom","@strapi/icons/ChevronRight","@strapi/icons/ChevronLeft"],n):"object"==typeof exports?exports.strapiDs=n(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):e.strapiDs=n(e.react,e["styled-components"],e["react-dom"],e["@strapi/icons/ChevronRight"],e["@strapi/icons/ChevronLeft"])}(this,(function(e,n,t,r,o){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)}([function(e,n,t){e.exports=t(16)()},function(n,t){n.exports=e},function(e,t){e.exports=n},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},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),u=t.n(a),c=t(2),s=t.n(c),l=t(7),f={color:!0},d=s.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:u.a.func,background:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.string]),borderColor:u.a.string,children:u.a.oneOfType([u.a.node,u.a.string]),color:u.a.string,flex:u.a.oneOfType([u.a.string,u.a.string]),grow:u.a.oneOfType([u.a.string,u.a.string]),hasRadius:u.a.bool,hiddenS:u.a.bool,hiddenXS:u.a.bool,padding:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingBottom:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingLeft:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingRight:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingTop:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),shadow:u.a.string,shrink:u.a.oneOfType([u.a.string,u.a.string])}},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},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},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],u=r[2],c="".concat(e,": ").concat(t.spaces[i],";");return void 0!==a&&(c+="".concat(t.mediaQueries.tablet,"{\n          ").concat(e,": ").concat(t.spaces[a],";\n        }")),void 0!==u&&(c+="".concat(t.mediaQueries.mobile,"{\n          ").concat(e,": ").concat(t.spaces[u],";\n        }")),c}var s=t.spaces[n]||n;return"".concat(e,": ").concat(s,";")}}},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),u=t.n(a),c=t(2),s=["alpha","beta","delta","epsilon","omega","pi","sigma"],l={fontSize:!0,fontWeight:!0},f=t.n(c).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:u.a.oneOfType([u.a.number,u.a.string]),fontWeight:u.a.string,lineHeight:u.a.oneOfType([u.a.number,u.a.string]),textColor:u.a.string,textTransform:u.a.string,variant:u.a.oneOf(s)}},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),u=t.n(a),c=t(2),s=t.n(c),l=t(4),f={direction:!0},d=s()(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:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.number]),direction:u.a.string,inline:u.a.bool,justifyContent:u.a.string,reverse:u.a.bool,wrap:u.a.string}},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},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"}},,function(e,n,t){"use strict";t.d(n,"a",(function(){return i}));var r=t(1),o=0,i=function(e,n){return Object(r.useRef)(n||"".concat(e,"-").concat(++o)).current}},,,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 u=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 u.name="Invariant Violation",u}}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}},function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},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},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},function(e,n,t){"use strict";t.r(n),t.d(n,"VisuallyHidden",(function(){return u}));var r,o=t(3),i=t.n(o),a=t(2),u=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"])))},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},function(e,n){e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},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,u=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},e.exports.default=e.exports,e.exports.__esModule=!0},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},function(e,n,t){"use strict";t.r(n),t.d(n,"Stack",(function(){return j}));var r,o,i=t(5),a=t.n(i),u=t(6),c=t.n(u),s=t(3),l=t.n(s),f=t(1),d=t.n(f),p=t(0),h=t.n(p),g=t(2),m=t.n(g),b=t(4),v=t(9),y=["horizontal","size"],x={size:!0},O=m()(b.Box).withConfig({shouldForwardProp:function(e,n){return!x[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]})),w=m()(v.Flex).withConfig({shouldForwardProp:function(e,n){return!x[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]})),j=Object(f.forwardRef)((function(e,n){var t=e.horizontal,r=e.size,o=c()(e,y);return t?d.a.createElement(w,a()({ref:n,size:r},o)):d.a.createElement(O,a()({ref:n,size:r},o))}));j.displayName="Stack",j.defaultProps={horizontal:!1},j.propTypes={horizontal:h.a.bool,size:h.a.number.isRequired}},,,function(e,n,t){"use strict";t.r(n),t.d(n,"Portal",(function(){return u}));var r=t(10),o=t.n(r),i=t(1),a=t(30),u=function(e){var n=e.children,t=Object(i.useRef)(null),r=Object(i.useState)(!1),u=o()(r,2),c=u[0],s=u[1];return Object(i.useLayoutEffect)((function(){return t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),s(!0),function(){var e;null===(e=t.current)||void 0===e||e.remove()}}),[]),c&&t.current?Object(a.createPortal)(n,t.current):null}},,function(e,n){e.exports=t},,,,,,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},,,,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),u=t.n(a),c=t(1),s=t.n(c),l=t(0),f=t.n(l),d=t(4),p=t(2),h=t.n(p)()(d.Box)(r||(r=u()(["\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=s.a.forwardRef((function(e,n){return s.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}},,,,,function(e,n,t){"use strict";t.r(n),t.d(n,"Tooltip",(function(){return z}));var r,o=t(5),i=t.n(o),a=t(36),u=t.n(a),c=t(6),s=t.n(c),l=t(3),f=t.n(l),d=t(1),p=t.n(d),h=t(0),g=t.n(h),m=t(2),b=t.n(m),v=t(4),y=t(8),x=t(28),O=t(10),w=t.n(O),j=function(e,n,t){var r=e.getBoundingClientRect(),o=n.getBoundingClientRect();return"bottom"===t?function(e,n){var t=(e.width-n.width)/2;return{left:n.left-t,top:n.top+n.height+8+window.pageYOffset}}(r,o):"right"===t?function(e,n){var t=(e.height-n.height)/2;return{left:n.left+n.width+8,top:n.top-t+window.pageYOffset}}(r,o):"left"===t?function(e,n){var t=(e.height-n.height)/2;return{left:n.left-e.width-8,top:n.top-t+window.pageYOffset}}(r,o):function(e,n){var t=(e.width-n.width)/2,r=n.left-t,o=n.top-e.height-8+window.pageYOffset,i=window.innerWidth-n.right;return n.left+e.width-i>window.innerWidth?(r=n.left-e.width-8,o=n.top+window.scrollY-n.height/2):r<0?(r=n.width+n.left+8,o=n.top+window.scrollY-e.height/2+8):o<0&&r>0&&(o=n.top+n.height+8),{left:r,top:o}}(r,o)},E=t(13),T=t(20),S=["children","label","description","delay","position","id"],C=["visible"];function R(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 P=b()(v.Box)(r||(r=f()(["\n  position: absolute;\n  /* z-index exist because of its position inside Modals */\n  z-index: 4;\n  display: ",";\n"])),(function(e){return e.visible?"revert":"none"})),z=function(e){var n=e.children,t=e.label,r=e.description,o=e.delay,a=e.position,c=e.id,l=s()(e,S),f=Object(E.a)("tooltip",c),h=Object(E.a)("description"),g=function(e){var n=Object(d.useState)(!1),t=w()(n,2),r=t[0],o=t[1],i=Object(d.useRef)(),a=function(){i.current&&clearTimeout(i.current)};Object(d.useEffect)((function(){return function(){a()}}),[]);return{visible:r,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onMouseEnter:function(){i.current=setTimeout((function(){o(!0)}),e)},onMouseLeave:function(){a(),o(!1)}}}(o),m=g.visible,b=s()(g,C),v=function(e,n){var t=Object(d.useRef)(null),r=Object(d.useRef)(null);return Object(d.useLayoutEffect)((function(){if(e){var o=t.current,i=r.current,a=j(o,i,n);o.style.left="".concat(a.left,"px"),o.style.top="".concat(a.top,"px")}}),[e]),{tooltipWrapperRef:t,toggleSourceRef:r}}(m,a),O=v.tooltipWrapperRef,z=v.toggleSourceRef,_=p.a.cloneElement(n,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){u()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({tabIndex:0,"aria-labelledby":t?f:void 0,"aria-describedby":r?f:void 0},b));return p.a.createElement(p.a.Fragment,null,p.a.createElement(x.Portal,null,p.a.createElement(P,i()({id:f,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:O,visible:m},l),m&&p.a.createElement(T.VisuallyHidden,{id:h},r),p.a.createElement(y.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},t||r))),p.a.createElement("span",{ref:z},_))};z.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},z.propTypes={children:g.a.node.isRequired,delay:g.a.number,description:g.a.string,id:g.a.string,label:g.a.string,position:g.a.oneOf(["top","left","bottom","right"])}},,,,,function(e,n){e.exports=r},,,,,,,function(e,n){e.exports=o},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,n,t){"use strict";t.r(n),t.d(n,"Carousel",(function(){return A})),t.d(n,"CarouselActions",(function(){return k})),t.d(n,"CarouselImage",(function(){return W})),t.d(n,"CarouselSlide",(function(){return M}));var r,o,i,a=t(5),u=t.n(a),c=t(6),s=t.n(c),l=t(3),f=t.n(l),d=t(1),p=t.n(d),h=t(0),g=t.n(h),m=t(2),b=t.n(m),v=t(50),y=t.n(v),x=t(57),O=t.n(x),w=t(40),j=t(4),E=t(8),T=t(9),S=t(45),C=t(11),R=["actions","children","error","hint","label","nextLabel","onNext","onPrevious","previousLabel","secondaryLabel","selectedSlide"],P=b()(j.Box)(r||(r=f()(["\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  grid-template-areas: 'startAction slides endAction';\n"]))),z=b()(j.Box)(o||(o=f()(["\n  grid-area: slides;\n"]))),_=b.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})),A=function(e){var n=e.actions,t=e.children,r=e.error,o=e.hint,i=e.label,a=e.nextLabel,c=e.onNext,l=e.onPrevious,f=e.previousLabel,h=e.secondaryLabel,g=e.selectedSlide,m=s()(e,R),b=Object(d.useRef)(null),v=Object(d.useRef)(null),x=d.Children.toArray(t).map((function(e,n){return Object(d.cloneElement)(e,{selected:n===g})})),A=x.length>1;return p.a.createElement(j.Box,u()({},m,{onKeyDown:function(e){switch(e.key){case C.a.RIGHT:e.preventDefault(),v.current.focus(),c();break;case C.a.LEFT:e.preventDefault(),b.current.focus(),l()}}}),p.a.createElement(j.Box,{paddingBottom:1},p.a.createElement(E.Typography,{variant:"pi",textColor:"neutral800",fontWeight:"bold"},i)),p.a.createElement(j.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100"},p.a.createElement(P,{as:"section","aria-roledescription":"carousel","aria-label":i,position:"relative"},A&&p.a.createElement(_,{onClick:l,area:"startAction",ref:b,"aria-label":f,type:"button"},p.a.createElement(w.Icon,{as:O.a,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),A&&p.a.createElement(_,{onClick:c,area:"endAction",ref:v,"aria-label":a,type:"button"},p.a.createElement(w.Icon,{as:y.a,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),p.a.createElement(z,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%"},x),n),h&&p.a.createElement(j.Box,{paddingTop:2,paddingLeft:4,paddingRight:4},p.a.createElement(S.Tooltip,{label:h},p.a.createElement(T.Flex,{justifyContent:"center"},p.a.createElement(E.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0},h))))),o||r?p.a.createElement(j.Box,{paddingTop:1},p.a.createElement(E.Typography,{variant:"pi",textColor:r?"danger600":"neutral600"},o||r)):null)};A.defaultProps={actions:void 0,error:void 0,hint:void 0,secondaryLabel:void 0},A.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,secondaryLabel:g.a.string,selectedSlide:g.a.number.isRequired};var L,B=t(25),k=function(e){return p.a.createElement(B.Stack,u()({justifyContent:"center",horizontal:!0,size:1,position:"absolute",width:"100%",bottom:1},e))},W=function(e){return p.a.createElement(j.Box,u()({as:"img",height:"100%"},e))},q=["label","children","selected"],H=b()(T.Flex)(L||(L=f()(["\n  display: ",";\n"])),(function(e){return e.selected?"flex":"none"})),M=function(e){var n=e.label,t=e.children,r=e.selected,o=s()(e,q);return p.a.createElement(H,u()({selected:r,role:"group","aria-roledescription":"slide","aria-label":n,justifyContent:"center",height:"124px"},o),t)};M.defaultProps={selected:!1},M.propTypes={children:g.a.node.isRequired,label:g.a.string.isRequired,selected:g.a.bool}}])}));