@strapi/design-system 0.0.1-alpha.51 → 0.0.1-alpha.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/Accordion.development.js +199 -23
  2. package/Accordion.production.js +1 -1
  3. package/Alert.development.js +27 -27
  4. package/Alert.production.js +1 -1
  5. package/Avatar.development.js +1 -1
  6. package/Avatar.production.js +1 -1
  7. package/Badge.development.js +2 -2
  8. package/Badge.production.js +1 -1
  9. package/BaseButton.production.js +1 -1
  10. package/BaseCheckbox.production.js +1 -1
  11. package/BaseRadio.production.js +1 -1
  12. package/Box.development.js +1 -1
  13. package/Box.production.js +1 -1
  14. package/Breadcrumbs.development.js +12 -12
  15. package/Breadcrumbs.production.js +1 -1
  16. package/Button.development.js +12 -12
  17. package/Button.production.js +1 -1
  18. package/Card.development.js +2 -2
  19. package/Card.production.js +1 -1
  20. package/Carousel.development.js +17 -17
  21. package/Carousel.production.js +1 -1
  22. package/Checkbox.development.js +2 -2
  23. package/Checkbox.production.js +1 -1
  24. package/Combobox.development.js +19 -19
  25. package/Combobox.production.js +1 -1
  26. package/DatePicker.development.js +25 -25
  27. package/DatePicker.production.js +1 -1
  28. package/Dialog.development.js +1 -1
  29. package/Dialog.production.js +1 -1
  30. package/Divider.development.js +1 -1
  31. package/Divider.production.js +1 -1
  32. package/EmptyStateLayout.development.js +1 -1
  33. package/EmptyStateLayout.production.js +1 -1
  34. package/Field.development.js +2 -2
  35. package/Field.production.js +1 -1
  36. package/Flex.development.js +1 -1
  37. package/Flex.production.js +1 -1
  38. package/FocusTrap.production.js +1 -1
  39. package/Grid.development.js +1 -1
  40. package/Grid.production.js +1 -1
  41. package/Icon.development.js +1 -1
  42. package/Icon.production.js +1 -1
  43. package/IconButton.development.js +1 -1
  44. package/IconButton.production.js +1 -1
  45. package/KeyboardNavigable.development.js +1 -1
  46. package/KeyboardNavigable.production.js +1 -1
  47. package/Layout.development.js +1 -1
  48. package/Layout.production.js +1 -1
  49. package/Link.development.js +1 -1
  50. package/Link.production.js +1 -1
  51. package/LinkButton.development.js +1 -1
  52. package/LinkButton.production.js +1 -1
  53. package/LiveRegions.production.js +1 -1
  54. package/Loader.production.js +1 -1
  55. package/Main.development.js +1 -1
  56. package/Main.production.js +1 -1
  57. package/MainNav.development.js +42 -18
  58. package/MainNav.production.js +1 -1
  59. package/ModalLayout.development.js +12 -12
  60. package/ModalLayout.production.js +1 -1
  61. package/NumberInput.development.js +37 -13
  62. package/NumberInput.production.js +1 -1
  63. package/Pagination.development.js +17 -17
  64. package/Pagination.production.js +1 -1
  65. package/Popover.development.js +1 -1
  66. package/Popover.production.js +1 -1
  67. package/Portal.production.js +1 -1
  68. package/ProgressBar.production.js +1 -1
  69. package/Radio.development.js +1 -1
  70. package/Radio.production.js +1 -1
  71. package/RawTable.development.js +1 -1
  72. package/RawTable.production.js +1 -1
  73. package/Searchbar.development.js +18 -18
  74. package/Searchbar.production.js +1 -1
  75. package/Select.development.js +20 -20
  76. package/Select.production.js +1 -1
  77. package/SimpleMenu.development.js +18 -18
  78. package/SimpleMenu.production.js +1 -1
  79. package/Stack.development.js +1 -1
  80. package/Stack.production.js +1 -1
  81. package/Status.development.js +1 -1
  82. package/Status.production.js +1 -1
  83. package/SubNav.development.js +28 -39
  84. package/SubNav.production.js +1 -1
  85. package/Switch.development.js +1 -1
  86. package/Switch.production.js +1 -1
  87. package/Table.development.js +1 -1
  88. package/Table.production.js +1 -1
  89. package/Tabs.development.js +5 -5
  90. package/Tabs.production.js +1 -1
  91. package/Tag.development.js +1 -1
  92. package/Tag.production.js +1 -1
  93. package/Text.production.js +1 -1
  94. package/TextButton.development.js +2 -2
  95. package/TextButton.production.js +1 -1
  96. package/TextInput.development.js +2 -2
  97. package/TextInput.production.js +1 -1
  98. package/Textarea.development.js +2 -2
  99. package/Textarea.production.js +1 -1
  100. package/ThemeProvider.development.js +1 -1
  101. package/ThemeProvider.production.js +1 -1
  102. package/TimePicker.development.js +26 -26
  103. package/TimePicker.production.js +1 -1
  104. package/ToggleCheckbox.development.js +3 -3
  105. package/ToggleCheckbox.production.js +1 -1
  106. package/ToggleInput.development.js +3 -3
  107. package/ToggleInput.production.js +1 -1
  108. package/Tooltip.development.js +1 -1
  109. package/Tooltip.production.js +1 -1
  110. package/index.development.js +120 -141
  111. package/index.production.js +1 -1
  112. package/package.json +2 -1
  113. package/themes.development.js +1 -1
  114. package/themes.production.js +1 -1
@@ -1 +1 @@
1
- !function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components"),require("@strapi/icons/CloseAlertIcon"),require("@strapi/icons/SearchIcon")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","@strapi/icons/CloseAlertIcon","@strapi/icons/SearchIcon"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("@strapi/icons/CloseAlertIcon"),require("@strapi/icons/SearchIcon")):n.strapiDs=e(n.react,n["styled-components"],n["@strapi/icons/CloseAlertIcon"],n["@strapi/icons/SearchIcon"])}(this,(function(n,e,t,r){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=72)}([function(n,e,t){n.exports=t(17)()},function(e,t){e.exports=n},function(n,t){n.exports=e},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},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},function(n,e,t){var r=t(20);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},function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return f}));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),d={color:!0},f=s.a.div.withConfig({shouldForwardProp:function(n,e){return!d[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 // 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 animation: ",";\n\n //Flexbox children props\n flex-shrink: ",";\n flex-grow: ",";\n flex-basis: ",";\n flex: ",";\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(l.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(l.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(l.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(l.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(l.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(l.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(l.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(l.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(l.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;return n.hasRadius?e.borderRadius:void 0}),(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.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.sizes[e]||e}),(function(n){var e=n.maxWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.minWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.height;return n.theme.sizes[e]||e}),(function(n){var e=n.maxHeight;return n.theme.sizes[e]||e}),(function(n){var e=n.minHeight;return n.theme.sizes[e]||e}),(function(n){return n.transition}),(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}));f.displayName="Box",f.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(){}},f.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(n,e,t){"use strict";var r=t(10),o=t.n(r);e.a=function(n,e,t){if(void 0!==e){if(Array.isArray(e)){var r=o()(e,3),i=r[0],a=r[1],u=r[2],c="".concat(n,": ").concat(t.spaces[i],";");return void 0!==a&&(c+="".concat(t.mediaQueries.tablet,"{\n ").concat(n,": ").concat(t.spaces[a],";\n }")),void 0!==u&&(c+="".concat(t.mediaQueries.mobile,"{\n ").concat(n,": ").concat(t.spaces[u],";\n }")),c}var s=t.spaces[e]||e;return"".concat(n,": ").concat(s,";")}}},function(n,e,t){"use strict";t.r(e),t.d(e,"H2",(function(){return P})),t.d(e,"H3",(function(){return A})),t.d(e,"Text",(function(){return k})),t.d(e,"P",(function(){return F})),t.d(e,"Subtitle",(function(){return H})),t.d(e,"ButtonText",(function(){return M})),t.d(e,"TableLabel",(function(){return W})),t.d(e,"EllipsisText",(function(){return q})),t.d(e,"H1",(function(){return O})),t.d(e,"Typography",(function(){return R}));var r,o,i=t(4),a=t.n(i),u=t(3),c=t.n(u),s=t(1),l=t.n(s),d=t(2),f=t.n(d),p=function(n){return n.ellipsis&&"\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "},h=function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]},m=t(5),b=t.n(m),g=t(0),v=t.n(g),x=["as"],y=f.a.h1(r||(r=c()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n ","\n"])),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.fontSizes[5]}),(function(n){return n.theme.lineHeights[2]}),h,p),O=function(n){var e,t=n.as,r=b()(n,x);return"h1"===t&&(e="main-content-title"),l.a.createElement(y,a()({id:e,as:t},r))};O.defaultProps={as:"h1"},O.propTypes={as:v.a.string};var w,S,j,T,z,C,_,E={fontSize:!0,fontWeight:!0},R=f.a.span.withConfig({shouldForwardProp:function(n,e){return!E[n]&&e(n)}})(o||(o=c()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-transform: ",";\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]}),h,(function(n){return n.textTransform}),p);R.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0},R.propTypes={fontSize:v.a.oneOfType([v.a.number,v.a.string]),fontWeight:v.a.string,lineHeight:v.a.oneOfType([v.a.number,v.a.string]),textColor:v.a.string,textTransform:v.a.string};var P=f.a.h2(w||(w=c()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n ","\n"])),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.fontSizes[4]}),(function(n){return n.theme.lineHeights[1]}),h,p),A=f.a.h3(S||(S=c()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n ","\n"])),(function(n){return n.theme.fontWeights.semiBold}),(function(n){return n.theme.fontSizes[3]}),(function(n){return n.theme.lineHeights[2]}),h,p),I={S:{fontSize:1,lineHeight:3},M:{fontSize:2,lineHeight:4}},k=f.a.span(j||(j=c()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n ","\n"])),(function(n){var e=n.bold,t=n.theme;return e?t.fontWeights.semiBold:t.fontWeights.regular}),(function(n){var e=n.small,t=n.theme,r=I[e?"S":"M"].fontSize;return t.fontSizes[r]}),(function(n){var e=n.small,t=n.theme,r=I[e?"S":"M"].lineHeight;return t.lineHeights[r]}),h,p),F=function(n){return l.a.createElement(k,a()({as:"p"},n))},H=f()(k)(T||(T=c()(["\n font-size: ",";\n line-height: ",";\n"])),(function(n){return n.theme.fontSizes[3]}),(function(n){return n.theme.lineHeights[6]})),M=f()(k)(z||(z=c()(["\n font-weight: ",";\n line-height: ",";\n"])),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.lineHeights[0]})),W=f()(M)(C||(C=c()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n text-transform: uppercase;\n"])),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.fontSizes[0]}),(function(n){return n.theme.lineHeights[5]})),q=f()(k)(_||(_=c()(["\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])))},function(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return f}));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(6),d={direction:!0},f=s()(l.Box).withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(r||(r=i()(["\n display: ",";\n flex-direction: ",";\n justify-content: ",";\n align-items: ",";\n flex-wrap: ",";\n"])),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.justifyContent}),(function(n){return n.alignItems}),(function(n){return n.wrap}));f.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},f.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(n,e,t){var r=t(22),o=t(23),i=t(19),a=t(24);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},,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)}},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")}},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}},function(n,e,t){"use strict";t.r(e),t.d(e,"Field",(function(){return f})),t.d(e,"FieldLabel",(function(){return g})),t.d(e,"InputWrapper",(function(){return x.b})),t.d(e,"FieldInput",(function(){return x.a})),t.d(e,"FieldHint",(function(){return y})),t.d(e,"FieldError",(function(){return O})),t.d(e,"FieldContext",(function(){return s.a})),t.d(e,"useField",(function(){return s.b})),t.d(e,"FieldAction",(function(){return C}));var r=t(5),o=t.n(r),i=t(1),a=t.n(i),u=t(0),c=t.n(u),s=t(12),l=t(14),d=["children","name","error","hint","id"],f=function(n){var e=n.children,t=n.name,r=n.error,i=n.hint,u=n.id,c=o()(n,d),f=Object(l.a)("field",u);return a.a.createElement("div",c,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:c.a.node.isRequired,error:c.a.string,hint:c.a.string,id:c.a.oneOfType([c.a.string,c.a.number]),name:c.a.string};var p=t(4),h=t.n(p),m=t(8),b=["children","required"],g=function(n){var e=n.children,t=n.required,r=o()(n,b),i=Object(s.b)().id;return a.a.createElement(m.Text,h()({textColor:"neutral800",htmlFor:i,small:!0,bold:!0,as:"label",required:t},r),e,t&&a.a.createElement(m.Text,{textColor:"danger600"},"*"))};g.defaultProps={required:!1},g.propTypes={children:c.a.node.isRequired,required:c.a.bool};var v,x=t(30),y=function(){var n=Object(s.b)(),e=n.id,t=n.hint,r=n.error;return!t||r?null:a.a.createElement(m.P,{small:!0,id:"".concat(e,"-hint"),textColor:"neutral600"},t)},O=function(){var n=Object(s.b)(),e=n.id,t=n.error;return t?a.a.createElement(m.P,{small:!0,id:"".concat(e,"-error"),textColor:"danger600","data-strapi-field-error":!0},t):null},w=t(3),S=t.n(w),j=t(2),T=["label","children"],z=t.n(j).a.button(v||(v=S()(["\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"]))),C=function(n){var e=n.label,t=n.children,r=o()(n,T);return a.a.createElement(z,h()({"aria-label":e,type:"button"},r),t)};C.propTypes={children:c.a.node.isRequired,label:c.a.string.isRequired}},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},function(n,e,t){"use strict";var r=t(18);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,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 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}},function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(n,e,t){var r=t(16);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},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},function(n,e,t){"use strict";t.r(e),t.d(e,"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(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},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,u=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){u=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},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},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")}}},,,,,function(n,e,t){"use strict";t.d(e,"b",(function(){return j})),t.d(e,"a",(function(){return T}));var r,o,i=t(4),a=t.n(i),u=t(5),c=t.n(u),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(2),h=t.n(p),m=t(0),b=t.n(m),g=t(25),v=t(13),x=t(12),y=t(9),O=t(6),w=["endAction","startAction","disabled","onChange","size"],S=h.a.input(r||(r=l()(["\n border: none;\n border-radius: ",";\n padding-left: ",";\n padding-right: ",";\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\n ::placeholder {\n color: ",";\n opacity: 1;\n }\n\n &[aria-disabled='true'] {\n background: inherit;\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.theme;return n.hasLeftAction?0:e.spaces[4]}),(function(n){var e=n.theme;return n.hasRightAction?0:e.spaces[4]}),(function(n){return n.theme.colors.neutral800}),.875,(function(n){return n.theme.colors.neutral500})),j=h()(y.Flex)(o||(o=l()(["\n border: 1px solid ",";\n border-radius: ",";\n background: ",";\n height: ",";\n\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.b)("input"),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})),T=Object(d.forwardRef)((function(n,e){var t,r=n.endAction,o=n.startAction,i=n.disabled,u=n.onChange,s=n.size,l=c()(n,w),d=Object(x.b)(),p=d.id,h=d.error,m=d.hint,b=d.name;h?t="".concat(p,"-error"):m&&(t="".concat(p,"-hint"));var g=Boolean(h);return f.a.createElement(j,{size:s,justifyContent:"space-between",hasError:g,disabled:i},o&&f.a.createElement(O.Box,{paddingLeft:3,paddingRight:2},o),f.a.createElement(S,a()({id:p,name:b,ref:e,"aria-describedby":t,"aria-invalid":g,"aria-disabled":i,hasLeftAction:Boolean(o),hasRightAction:Boolean(r),onChange:function(n){i||u(n)}},l)),r&&f.a.createElement(O.Box,{paddingLeft:2,paddingRight:3},r))}));T.displayName="FieldInput",T.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange:function(){}},T.propTypes={disabled:b.a.bool,endAction:b.a.element,onChange:b.a.func,size:b.a.oneOf(Object.keys(g.a.input)),startAction:b.a.element}},function(n,e){n.exports=t},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"Searchbar",(function(){return P})),t.d(e,"SearchForm",(function(){return A}));var r,o,i,a=t(4),u=t.n(a),c=t(5),s=t.n(c),l=t(3),d=t.n(l),f=t(1),p=t.n(f),h=t(0),m=t.n(h),b=t(2),g=t.n(b),v=t(79),x=t.n(v),y=t(31),O=t.n(y),w=t(25),S=t(15),j=t(21),T=t(13),z=t(9),C=["name","size","children","value","onClear","clearLabel"],_=g()(z.Flex)(r||(r=d()(["\n font-size: 0.5rem;\n svg path {\n fill: ",";\n }\n"])),(function(n){return n.theme.colors.neutral400})),E=g()(z.Flex)(o||(o=d()(["\n font-size: 0.8rem;\n\n svg path {\n fill: ",";\n }\n"])),(function(n){return n.theme.colors.neutral800})),R=g.a.div(i||(i=d()(["\n border-radius: ",";\n box-shadow: ",";\n\n &:focus-within {\n "," {\n svg path {\n fill: ",";\n }\n }\n }\n\n "," {\n border: 1px solid transparent;\n }\n\n ","\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.shadows.filterShadow}),E,(function(n){return n.theme.colors.primary600}),S.InputWrapper,Object(T.c)(S.InputWrapper)),P=Object(f.forwardRef)((function(n,e){var t=n.name,r=n.size,o=n.children,i=n.value,a=n.onClear,c=n.clearLabel,l=s()(n,C),d=Object(f.useRef)(null),h=i.length>0,m=e||d;return p.a.createElement(R,null,p.a.createElement(S.Field,{name:t},p.a.createElement(j.VisuallyHidden,null,p.a.createElement(S.FieldLabel,null,o)),p.a.createElement(S.FieldInput,u()({ref:m,value:i,startAction:p.a.createElement(E,null,p.a.createElement(x.a,{"aria-hidden":!0})),size:r,endAction:h?p.a.createElement(S.FieldAction,{label:c,onClick:function(n){a(n),d.current.focus()}},p.a.createElement(_,null,p.a.createElement(O.a,null))):void 0},l))))}));P.displayName="Searchbar",P.defaultProps={value:"",size:"M"},P.propTypes={children:m.a.string.isRequired,clearLabel:m.a.string.isRequired,name:m.a.string.isRequired,onClear:m.a.func.isRequired,size:m.a.oneOf(Object.keys(w.a.input)),value:m.a.string};var A=function(n){return p.a.createElement("form",u()({},n,{role:"search"}))}},,,,,,,function(n,e){n.exports=r}])}));
1
+ !function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components"),require("@strapi/icons/Cross"),require("@strapi/icons/Search")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","@strapi/icons/Cross","@strapi/icons/Search"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("@strapi/icons/Cross"),require("@strapi/icons/Search")):n.strapiDs=e(n.react,n["styled-components"],n["@strapi/icons/Cross"],n["@strapi/icons/Search"])}(this,(function(n,e,t,r){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=73)}([function(n,e,t){n.exports=t(18)()},function(e,t){e.exports=n},function(n,t){n.exports=e},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},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},function(n,e,t){var r=t(20);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},function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),s=t(2),c=t.n(s),l=t(7),d={color:!0},f=c.a.div.withConfig({shouldForwardProp:function(n,e){return!d[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(l.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(l.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(l.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(l.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(l.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(l.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(l.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(l.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(l.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.sizes[e]||e}),(function(n){var e=n.maxWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.minWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.height;return n.theme.sizes[e]||e}),(function(n){var e=n.maxHeight;return n.theme.sizes[e]||e}),(function(n){var e=n.minHeight;return n.theme.sizes[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}));f.displayName="Box",f.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(){}},f.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(n,e,t){"use strict";var r=t(10),o=t.n(r);e.a=function(n,e,t){if(void 0!==e){if(Array.isArray(e)){var r=o()(e,3),i=r[0],a=r[1],u=r[2],s="".concat(n,": ").concat(t.spaces[i],";");return void 0!==a&&(s+="".concat(t.mediaQueries.tablet,"{\n ").concat(n,": ").concat(t.spaces[a],";\n }")),void 0!==u&&(s+="".concat(t.mediaQueries.mobile,"{\n ").concat(n,": ").concat(t.spaces[u],";\n }")),s}var c=t.spaces[e]||e;return"".concat(n,": ").concat(c,";")}}},function(n,e,t){"use strict";t.r(e),t.d(e,"H2",(function(){return P})),t.d(e,"H3",(function(){return A})),t.d(e,"Text",(function(){return F})),t.d(e,"P",(function(){return H})),t.d(e,"Subtitle",(function(){return M})),t.d(e,"ButtonText",(function(){return W})),t.d(e,"TableLabel",(function(){return q})),t.d(e,"EllipsisText",(function(){return I})),t.d(e,"H1",(function(){return O})),t.d(e,"Typography",(function(){return R}));var r,o,i=t(4),a=t.n(i),u=t(3),s=t.n(u),c=t(1),l=t.n(c),d=t(2),f=t.n(d),p=function(n){return n.ellipsis&&"\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "},h=function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]},m=t(5),b=t.n(m),g=t(0),v=t.n(g),x=["as"],y=f.a.h1(r||(r=s()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n ","\n"])),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.fontSizes[5]}),(function(n){return n.theme.lineHeights[2]}),h,p),O=function(n){var e,t=n.as,r=b()(n,x);return"h1"===t&&(e="main-content-title"),l.a.createElement(y,a()({id:e,as:t},r))};O.defaultProps={as:"h1"},O.propTypes={as:v.a.string};var w,S,j,T,z,C,_,E={fontSize:!0,fontWeight:!0},R=f.a.span.withConfig({shouldForwardProp:function(n,e){return!E[n]&&e(n)}})(o||(o=s()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-transform: ",";\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]}),h,(function(n){return n.textTransform}),p);R.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0},R.propTypes={fontSize:v.a.oneOfType([v.a.number,v.a.string]),fontWeight:v.a.string,lineHeight:v.a.oneOfType([v.a.number,v.a.string]),textColor:v.a.string,textTransform:v.a.string};var P=f.a.h2(w||(w=s()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n ","\n"])),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.fontSizes[4]}),(function(n){return n.theme.lineHeights[1]}),h,p),A=f.a.h3(S||(S=s()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n ","\n"])),(function(n){return n.theme.fontWeights.semiBold}),(function(n){return n.theme.fontSizes[3]}),(function(n){return n.theme.lineHeights[2]}),h,p),k={S:{fontSize:1,lineHeight:3},M:{fontSize:2,lineHeight:4}},F=f.a.span(j||(j=s()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n ","\n"])),(function(n){var e=n.bold,t=n.theme;return e?t.fontWeights.semiBold:t.fontWeights.regular}),(function(n){var e=n.small,t=n.theme,r=k[e?"S":"M"].fontSize;return t.fontSizes[r]}),(function(n){var e=n.small,t=n.theme,r=k[e?"S":"M"].lineHeight;return t.lineHeights[r]}),h,p),H=function(n){return l.a.createElement(F,a()({as:"p"},n))},M=f()(F)(T||(T=s()(["\n font-size: ",";\n line-height: ",";\n"])),(function(n){return n.theme.fontSizes[3]}),(function(n){return n.theme.lineHeights[6]})),W=f()(F)(z||(z=s()(["\n font-weight: ",";\n line-height: ",";\n"])),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.lineHeights[0]})),q=f()(W)(C||(C=s()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n text-transform: uppercase;\n"])),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.fontSizes[0]}),(function(n){return n.theme.lineHeights[5]})),I=f()(F)(_||(_=s()(["\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])))},function(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),s=t(2),c=t.n(s),l=t(6),d={direction:!0},f=c()(l.Box).withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(r||(r=i()(["\n display: ",";\n flex-direction: ",";\n justify-content: ",";\n align-items: ",";\n flex-wrap: ",";\n"])),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.justifyContent}),(function(n){return n.alignItems}),(function(n){return n.wrap}));f.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},f.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(n,e,t){var r=t(22),o=t(23),i=t(17),a=t(24);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},,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)}},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")}},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}},function(n,e,t){"use strict";t.r(e),t.d(e,"Field",(function(){return f})),t.d(e,"FieldLabel",(function(){return g})),t.d(e,"InputWrapper",(function(){return x.b})),t.d(e,"FieldInput",(function(){return x.a})),t.d(e,"FieldHint",(function(){return y})),t.d(e,"FieldError",(function(){return O})),t.d(e,"FieldContext",(function(){return c.a})),t.d(e,"useField",(function(){return c.b})),t.d(e,"FieldAction",(function(){return C}));var r=t(5),o=t.n(r),i=t(1),a=t.n(i),u=t(0),s=t.n(u),c=t(12),l=t(14),d=["children","name","error","hint","id"],f=function(n){var e=n.children,t=n.name,r=n.error,i=n.hint,u=n.id,s=o()(n,d),f=Object(l.a)("field",u);return a.a.createElement("div",s,a.a.createElement(c.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:s.a.node.isRequired,error:s.a.string,hint:s.a.string,id:s.a.oneOfType([s.a.string,s.a.number]),name:s.a.string};var p=t(4),h=t.n(p),m=t(8),b=["children","required"],g=function(n){var e=n.children,t=n.required,r=o()(n,b),i=Object(c.b)().id;return a.a.createElement(m.Text,h()({textColor:"neutral800",htmlFor:i,small:!0,bold:!0,as:"label",required:t},r),e,t&&a.a.createElement(m.Text,{textColor:"danger600"},"*"))};g.defaultProps={required:!1},g.propTypes={children:s.a.node.isRequired,required:s.a.bool};var v,x=t(30),y=function(){var n=Object(c.b)(),e=n.id,t=n.hint,r=n.error;return!t||r?null:a.a.createElement(m.P,{small:!0,id:"".concat(e,"-hint"),textColor:"neutral600"},t)},O=function(){var n=Object(c.b)(),e=n.id,t=n.error;return t?a.a.createElement(m.P,{small:!0,id:"".concat(e,"-error"),textColor:"danger600","data-strapi-field-error":!0},t):null},w=t(3),S=t.n(w),j=t(2),T=["label","children"],z=t.n(j).a.button(v||(v=S()(["\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"]))),C=function(n){var e=n.label,t=n.children,r=o()(n,T);return a.a.createElement(z,h()({"aria-label":e,type:"button"},r),t)};C.propTypes={children:s.a.node.isRequired,label:s.a.string.isRequired}},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},function(n,e,t){var r=t(16);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},function(n,e,t){"use strict";var r=t(19);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,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 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}},function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},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},function(n,e,t){"use strict";t.r(e),t.d(e,"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(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},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,u=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){u=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},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},,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")}}},,,,function(n,e,t){"use strict";t.d(e,"b",(function(){return j})),t.d(e,"a",(function(){return T}));var r,o,i=t(4),a=t.n(i),u=t(5),s=t.n(u),c=t(3),l=t.n(c),d=t(1),f=t.n(d),p=t(2),h=t.n(p),m=t(0),b=t.n(m),g=t(26),v=t(13),x=t(12),y=t(9),O=t(6),w=["endAction","startAction","disabled","onChange","size"],S=h.a.input(r||(r=l()(["\n border: none;\n border-radius: ",";\n padding-left: ",";\n padding-right: ",";\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\n ::placeholder {\n color: ",";\n opacity: 1;\n }\n\n &[aria-disabled='true'] {\n background: inherit;\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.theme;return n.hasLeftAction?0:e.spaces[4]}),(function(n){var e=n.theme;return n.hasRightAction?0:e.spaces[4]}),(function(n){return n.theme.colors.neutral800}),.875,(function(n){return n.theme.colors.neutral500})),j=h()(y.Flex)(o||(o=l()(["\n border: 1px solid ",";\n border-radius: ",";\n background: ",";\n height: ",";\n\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.b)("input"),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})),T=Object(d.forwardRef)((function(n,e){var t,r=n.endAction,o=n.startAction,i=n.disabled,u=n.onChange,c=n.size,l=s()(n,w),d=Object(x.b)(),p=d.id,h=d.error,m=d.hint,b=d.name;h?t="".concat(p,"-error"):m&&(t="".concat(p,"-hint"));var g=Boolean(h);return f.a.createElement(j,{size:c,justifyContent:"space-between",hasError:g,disabled:i},o&&f.a.createElement(O.Box,{paddingLeft:3,paddingRight:2},o),f.a.createElement(S,a()({id:p,name:b,ref:e,"aria-describedby":t,"aria-invalid":g,"aria-disabled":i,hasLeftAction:Boolean(o),hasRightAction:Boolean(r),onChange:function(n){i||u(n)}},l)),r&&f.a.createElement(O.Box,{paddingLeft:2,paddingRight:3},r))}));T.displayName="FieldInput",T.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange:function(){}},T.propTypes={disabled:b.a.bool,endAction:b.a.element,onChange:b.a.func,size:b.a.oneOf(Object.keys(g.a.input)),startAction:b.a.element}},function(n,e){n.exports=t},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(n,e){n.exports=r},,,,function(n,e,t){"use strict";t.r(e),t.d(e,"Searchbar",(function(){return P})),t.d(e,"SearchForm",(function(){return A}));var r,o,i,a=t(4),u=t.n(a),s=t(5),c=t.n(s),l=t(3),d=t.n(l),f=t(1),p=t.n(f),h=t(0),m=t.n(h),b=t(2),g=t.n(b),v=t(69),x=t.n(v),y=t(31),O=t.n(y),w=t(26),S=t(15),j=t(21),T=t(13),z=t(9),C=["name","size","children","value","onClear","clearLabel"],_=g()(z.Flex)(r||(r=d()(["\n font-size: 0.5rem;\n svg path {\n fill: ",";\n }\n"])),(function(n){return n.theme.colors.neutral400})),E=g()(z.Flex)(o||(o=d()(["\n font-size: 0.8rem;\n\n svg path {\n fill: ",";\n }\n"])),(function(n){return n.theme.colors.neutral800})),R=g.a.div(i||(i=d()(["\n border-radius: ",";\n box-shadow: ",";\n\n &:focus-within {\n "," {\n svg path {\n fill: ",";\n }\n }\n }\n\n "," {\n border: 1px solid transparent;\n }\n\n ","\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.shadows.filterShadow}),E,(function(n){return n.theme.colors.primary600}),S.InputWrapper,Object(T.c)(S.InputWrapper)),P=Object(f.forwardRef)((function(n,e){var t=n.name,r=n.size,o=n.children,i=n.value,a=n.onClear,s=n.clearLabel,l=c()(n,C),d=Object(f.useRef)(null),h=i.length>0,m=e||d;return p.a.createElement(R,null,p.a.createElement(S.Field,{name:t},p.a.createElement(j.VisuallyHidden,null,p.a.createElement(S.FieldLabel,null,o)),p.a.createElement(S.FieldInput,u()({ref:m,value:i,startAction:p.a.createElement(E,null,p.a.createElement(x.a,{"aria-hidden":!0})),size:r,endAction:h?p.a.createElement(S.FieldAction,{label:s,onClick:function(n){a(n),d.current.focus()}},p.a.createElement(_,null,p.a.createElement(O.a,null))):void 0},l))))}));P.displayName="Searchbar",P.defaultProps={value:"",size:"M"},P.propTypes={children:m.a.string.isRequired,clearLabel:m.a.string.isRequired,name:m.a.string.isRequired,onClear:m.a.func.isRequired,size:m.a.oneOf(Object.keys(w.a.input)),value:m.a.string};var A=function(n){return p.a.createElement("form",u()({},n,{role:"search"}))}}])}));