@strapi/design-system 1.0.0 → 1.1.0

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 (126) hide show
  1. package/Accordion.development.js +2 -2
  2. package/Accordion.production.js +1 -1
  3. package/Alert.development.js +1 -1
  4. package/Alert.production.js +1 -1
  5. package/Avatar.development.js +2 -2
  6. package/Avatar.production.js +1 -1
  7. package/Badge.development.js +1 -1
  8. package/Badge.production.js +1 -1
  9. package/BaseButton.production.js +1 -1
  10. package/BaseCheckbox.production.js +1 -1
  11. package/BaseLink.production.js +1 -1
  12. package/BaseRadio.production.js +1 -1
  13. package/Box.production.js +1 -1
  14. package/Breadcrumbs.development.js +1 -1
  15. package/Breadcrumbs.production.js +1 -1
  16. package/Button.development.js +4 -4
  17. package/Button.production.js +1 -1
  18. package/Card.development.js +2 -2
  19. package/Card.production.js +1 -1
  20. package/CarouselInput.development.js +3 -3
  21. package/CarouselInput.production.js +1 -1
  22. package/Checkbox.development.js +3 -3
  23. package/Checkbox.production.js +1 -1
  24. package/Combobox.development.js +3 -3
  25. package/Combobox.production.js +1 -1
  26. package/DatePicker.development.js +26 -39
  27. package/DatePicker.production.js +1 -1
  28. package/Dialog.development.js +2 -2
  29. package/Dialog.production.js +1 -1
  30. package/Divider.production.js +1 -1
  31. package/EmptyStateLayout.production.js +1 -1
  32. package/Field.development.js +2 -2
  33. package/Field.production.js +1 -1
  34. package/Flex.development.js +1 -1
  35. package/Flex.production.js +1 -1
  36. package/FocusTrap.production.js +1 -1
  37. package/Grid.production.js +1 -1
  38. package/Icon.production.js +1 -1
  39. package/IconButton.development.js +1 -1
  40. package/IconButton.production.js +1 -1
  41. package/KeyboardNavigable.production.js +1 -1
  42. package/Layout.development.js +1 -1
  43. package/Layout.production.js +1 -1
  44. package/Link.development.js +17 -30
  45. package/Link.production.js +1 -1
  46. package/LinkButton.development.js +20 -33
  47. package/LinkButton.production.js +1 -1
  48. package/LiveRegions.production.js +1 -1
  49. package/Loader.production.js +1 -1
  50. package/Main.production.js +1 -1
  51. package/MainNav.development.js +21 -34
  52. package/MainNav.production.js +1 -1
  53. package/ModalLayout.development.js +1 -1
  54. package/ModalLayout.production.js +1 -1
  55. package/NumberInput.development.js +3 -3
  56. package/NumberInput.production.js +1 -1
  57. package/Pagination.development.js +18 -31
  58. package/Pagination.production.js +1 -1
  59. package/Popover.production.js +1 -1
  60. package/Portal.production.js +1 -1
  61. package/ProgressBar.production.js +1 -1
  62. package/Radio.production.js +1 -1
  63. package/RawTable.production.js +1 -1
  64. package/Searchbar.development.js +2 -2
  65. package/Searchbar.production.js +1 -1
  66. package/Select.development.js +3 -3
  67. package/Select.production.js +1 -1
  68. package/SimpleMenu.development.js +22 -35
  69. package/SimpleMenu.production.js +1 -1
  70. package/Stack.development.js +2 -2
  71. package/Stack.production.js +1 -1
  72. package/Status.development.js +1 -1
  73. package/Status.production.js +1 -1
  74. package/SubNav.development.js +20 -33
  75. package/SubNav.production.js +1 -1
  76. package/Switch.development.js +1 -1
  77. package/Switch.production.js +1 -1
  78. package/Table.development.js +2 -2
  79. package/Table.production.js +1 -1
  80. package/Tabs.development.js +1 -1
  81. package/Tabs.production.js +1 -1
  82. package/Tag.development.js +1 -1
  83. package/Tag.production.js +1 -1
  84. package/TextButton.development.js +1 -1
  85. package/TextButton.production.js +1 -1
  86. package/TextInput.development.js +3 -3
  87. package/TextInput.production.js +1 -1
  88. package/Textarea.development.js +3 -3
  89. package/Textarea.production.js +1 -1
  90. package/ThemeProvider.production.js +1 -1
  91. package/TimePicker.development.js +3 -3
  92. package/TimePicker.production.js +1 -1
  93. package/ToggleCheckbox.development.js +2 -2
  94. package/ToggleCheckbox.production.js +1 -1
  95. package/ToggleInput.development.js +5 -5
  96. package/ToggleInput.production.js +1 -1
  97. package/Tooltip.production.js +1 -1
  98. package/Typography.production.js +1 -1
  99. package/VisuallyHidden.production.js +1 -1
  100. package/index.development.js +408 -37
  101. package/index.production.js +1 -1
  102. package/package.json +8 -4
  103. package/themes.development.js +23 -11
  104. package/themes.production.js +1 -1
  105. package/v2/Link.development.js +481 -0
  106. package/v2/Link.js +9 -0
  107. package/v2/Link.production.js +1 -0
  108. package/v2/LinkButton.development.js +562 -0
  109. package/v2/LinkButton.js +9 -0
  110. package/v2/LinkButton.production.js +1 -0
  111. package/v2/MainNav.development.js +934 -0
  112. package/v2/MainNav.js +9 -0
  113. package/v2/MainNav.production.js +1 -0
  114. package/v2/Pagination.development.js +564 -0
  115. package/v2/Pagination.js +9 -0
  116. package/v2/Pagination.production.js +1 -0
  117. package/v2/SimpleMenu.development.js +774 -0
  118. package/v2/SimpleMenu.js +9 -0
  119. package/v2/SimpleMenu.production.js +1 -0
  120. package/v2/SubNav.development.js +1100 -0
  121. package/v2/SubNav.js +9 -0
  122. package/v2/SubNav.production.js +1 -0
  123. package/v2/index.development.js +1608 -0
  124. package/v2/index.js +9 -0
  125. package/v2/index.production.js +1 -0
  126. package/v2/package.json +76 -0
package/v2/MainNav.js ADDED
@@ -0,0 +1,9 @@
1
+
2
+ 'use strict';
3
+
4
+ if (process.env.NODE_ENV === "production") {
5
+ module.exports = require("./MainNav.production.js");
6
+ } else {
7
+ module.exports = require("./MainNav.development.js");
8
+ }
9
+
@@ -0,0 +1 @@
1
+ !function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(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"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):n.strapiDs=e(n.react,n["styled-components"],n["react-dom"],n["@strapi/icons/ChevronRight"],n["@strapi/icons/ChevronLeft"])}(this,(function(n,e,t,r,o){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=49)}([function(n,e,t){n.exports=t(25)()},function(e,t){e.exports=n},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,t){n.exports=e},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(24);n.exports=function(n,e){if(null==n)return{};var t,o,a=r(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(a[t]=n[t])}return a},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return f}));var r,o=t(2),a=t.n(o),i=t(0),c=t.n(i),u=t(3),s=t.n(u),l=t(8),d={color:!0},f=s.a.div.withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(r||(r=a()(["\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.spaces[e]||e}),(function(n){var e=n.maxWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.minWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.height;return n.theme.spaces[e]||e}),(function(n){var e=n.maxHeight;return n.theme.spaces[e]||e}),(function(n){var e=n.minHeight;return n.theme.spaces[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));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:c.a.func,background:c.a.string,basis:c.a.oneOfType([c.a.string,c.a.string]),borderColor:c.a.string,children:c.a.oneOfType([c.a.node,c.a.string]),color:c.a.string,flex:c.a.oneOfType([c.a.string,c.a.string]),grow:c.a.oneOfType([c.a.string,c.a.string]),hasRadius:c.a.bool,hiddenS:c.a.bool,hiddenXS:c.a.bool,padding:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingBottom:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingLeft:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingRight:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingTop:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),shadow:c.a.string,shrink:c.a.oneOfType([c.a.string,c.a.string])}},function(n,e,t){"use strict";t.d(e,"a",(function(){return d}));var r,o=t(2),a=t.n(o),i=t(0),c=t.n(i),u=t(3),s=["alpha","beta","delta","epsilon","omega","pi","sigma"],l={fontSize:!0,fontWeight:!0},d=t.n(u).a.span.withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=a()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-transform: ",";\n ","\n ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),(function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}),(function(n){return n.textTransform}),(function(n){return n.ellipsis&&"\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "}),(function(n){var e=n.variant,t=n.theme;switch(e){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 ")}}));d.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},d.propTypes={fontSize:c.a.oneOfType([c.a.number,c.a.string]),fontWeight:c.a.string,lineHeight:c.a.oneOfType([c.a.number,c.a.string]),textColor:c.a.string,textTransform:c.a.string,variant:c.a.oneOf(s)}},function(n,e,t){"use strict";var r=t(11),o=t.n(r),a=t(17),i=t.n(a);e.a=function(n,e,t){var r=e;if(Array.isArray(e)||"object"!==i()(e)||(r=[null==e?void 0:e.desktop,null==e?void 0:e.tablet,null==e?void 0:e.mobile]),void 0!==r){if(Array.isArray(r)){var a=r,c=o()(a,3),u=c[0],s=c[1],l=c[2],d="".concat(n,": ").concat(t.spaces[u],";");return void 0!==s&&(d+="".concat(t.mediaQueries.tablet,"{\n ").concat(n,": ").concat(t.spaces[s],";\n }")),void 0!==l&&(d+="".concat(t.mediaQueries.mobile,"{\n ").concat(n,": ").concat(t.spaces[l],";\n }")),d}var f=t.spaces[r]||r;return"".concat(n,": ").concat(f,";")}}},function(n,e,t){"use strict";t.d(e,"a",(function(){return p}));var r,o=t(2),a=t.n(o),i=t(0),c=t.n(i),u=t(3),s=t.n(u),l=t(6),d=t(8),f={direction:!0},p=s()(l.a).withConfig({shouldForwardProp:function(n,e){return!f[n]&&e(n)}})(r||(r=a()(["\n align-items: ",";\n display: ",";\n flex-direction: ",";\n flex-wrap: ",";\n ","};\n justify-content: ",";\n"])),(function(n){return n.alignItems}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.wrap}),(function(n){var e=n.gap,t=n.theme;return Object(d.a)("gap",e,t)}),(function(n){return n.justifyContent}));p.defaultProps={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},p.propTypes={alignItems:c.a.string,basis:c.a.oneOfType([c.a.string,c.a.number]),direction:c.a.string,gap:c.a.oneOfType([c.a.shape({desktop:c.a.number,mobile:c.a.number,tablet:c.a.number}),c.a.number,c.a.arrayOf(c.a.number),c.a.string]),inline:c.a.bool,justifyContent:c.a.string,reverse:c.a.bool,wrap:c.a.string}},,function(n,e,t){var r=t(27),o=t(28),a=t(20),i=t(29);n.exports=function(n,e){return r(n)||o(n,e)||a(n,e)||i()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return c}));var r,o=t(2),a=t.n(o),i=t(3),c=t.n(i).a.div(r||(r=a()(["\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,t){"use strict";t.d(e,"a",(function(){return b}));var r,o=t(4),a=t.n(o),i=t(5),c=t.n(i),u=t(2),s=t.n(u),l=t(1),d=t.n(l),f=t(0),p=t.n(f),h=t(3),g=["href","rel","target","disabled","isExternal"],m=t.n(h).a.a(r||(r=s()(["\n cursor: pointer;\n"]))),b=d.a.forwardRef((function(n,e){var t=n.href,r=n.rel,o=n.target,i=n.disabled,u=n.isExternal,s=c()(n,g);return d.a.createElement(m,a()({ref:e,target:u?"_blank":o,rel:u?r:void 0,href:i?"#":t,disabled:i},s))}));b.displayName="BaseLink",b.defaultProps={disabled:!1,href:void 0,isExternal:!1,rel:"noreferrer noopener",target:"_self"},b.propTypes={disabled:p.a.bool,href:p.a.string,isExternal:p.a.bool,rel:p.a.string,target:p.a.string}},function(n,e,t){"use strict";t.d(e,"a",(function(){return a}));var r=t(1),o=0,a=function(n,e){return Object(r.useRef)(e||"".concat(n,"-").concat(++o)).current}},,,function(n,e){function t(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(n.exports=t=function(n){return typeof n},n.exports.default=n.exports,n.exports.__esModule=!0):(n.exports=t=function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.default=n.exports,n.exports.__esModule=!0),t(e)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},,function(n,e,t){"use strict";t.d(e,"a",(function(){return O}));var r,o,a=t(4),i=t.n(a),c=t(5),u=t.n(c),s=t(2),l=t.n(s),d=t(1),f=t.n(d),p=t(0),h=t.n(p),g=t(3),m=t.n(g),b=t(9),v=["horizontal","spacing","size"],y={size:!0},x=m()(b.a).withConfig({shouldForwardProp:function(n,e){return!y[n]&&e(n)}})(r||(r=l()(["\n & > * {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > * + * {\n margin-top: ",";\n }\n"])),(function(n){var e=n.theme,t=n.spacing;return e.spaces[t]})),w=m()(b.a).withConfig({shouldForwardProp:function(n,e){return!y[n]&&e(n)}})(o||(o=l()(["\n & > * {\n margin-left: 0;\n margin-right: 0;\n }\n\n & > * + * {\n margin-left: ",";\n }\n"])),(function(n){var e=n.theme,t=n.spacing;return e.spaces[t]})),O=Object(d.forwardRef)((function(n,e){var t=n.horizontal,r=n.spacing,o=n.size,a=u()(n,v);return o&&console.warn('Deprecation warning: Usage of "size" prop in Stack component is deprecated. This is discouraged and will be removed in the next major release. Please use "spacing" instead'),t?f.a.createElement(w,i()({ref:e,spacing:r||o},a)):f.a.createElement(x,i()({direction:"column",alignItems:"stretch",ref:e,spacing:r||o},a))}));O.displayName="Stack",O.defaultProps={horizontal:!1,size:void 0,spacing:void 0},O.propTypes={horizontal:h.a.bool,size:h.a.number,spacing:h.a.number}},function(n,e,t){var r=t(21);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){(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){n.exports=function(n,e){if(null==n)return{};var t,r,o={},a=Object.keys(n);for(r=0;r<a.length;r++)t=a[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";var r=t(26);function o(){}function a(){}a.resetWarningCache=o,n.exports=function(){function n(n,e,t,o,a,i){if(i!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:a,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){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,a=[],i=!0,c=!1;try{for(t=t.call(n);!(i=(r=t.next()).done)&&(a.push(r.value),!e||a.length!==e);i=!0);}catch(n){c=!0,o=n}finally{try{i||null==t.return||t.return()}finally{if(c)throw o}}return a}},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){n.exports=function(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return c}));var r=t(11),o=t.n(r),a=t(1),i=t(32),c=function(n){var e=n.children,t=Object(a.useRef)(null),r=Object(a.useState)(!1),c=o()(r,2),u=c[0],s=c[1];return Object(a.useLayoutEffect)((function(){return t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),s(!0),function(){var n;null===(n=t.current)||void 0===n||n.remove()}}),[]),u&&t.current?Object(i.createPortal)(e,t.current):null}},function(n,e){n.exports=t},,function(n,e){n.exports=r},function(n,e){n.exports=o},function(n,e,t){"use strict";t.d(e,"a",(function(){return P}));var r,o=t(4),a=t.n(o),i=t(30),c=t.n(i),u=t(5),s=t.n(u),l=t(2),d=t.n(l),f=t(1),p=t.n(f),h=t(0),g=t.n(h),m=t(3),b=t.n(m),v=t(6),y=t(7),x=t(31),w=t(11),O=t.n(w),E=function(n,e,t){var r=n.getBoundingClientRect(),o=e.getBoundingClientRect();return"bottom"===t?function(n,e){var t=(n.width-e.width)/2;return{left:e.left-t,top:e.top+e.height+8+window.pageYOffset}}(r,o):"right"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left+e.width+8,top:e.top-t+window.pageYOffset}}(r,o):"left"===t?function(n,e){var t=(n.height-e.height)/2;return{left:e.left-n.width-8,top:e.top-t+window.pageYOffset}}(r,o):function(n,e){var t=(n.width-e.width)/2,r=e.left-t,o=e.top-n.height-8+window.pageYOffset,a=window.innerWidth-e.right;return e.left+n.width-a>window.innerWidth?(r=e.left-n.width-8,o=e.top+window.scrollY-e.height/2):r<0?(r=e.width+e.left+8,o=e.top+window.scrollY-n.height/2+8):o<0&&r>0&&(o=e.top+e.height+8),{left:r,top:o}}(r,o)},j=t(14),C=t(12),T=["children","label","description","delay","position","id"],R=["visible"];function S(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var k=b()(v.a)(r||(r=d()(["\n position: absolute;\n /* z-index exist because of its position inside Modals */\n z-index: 4;\n display: ",";\n"])),(function(n){return n.visible?"revert":"none"})),P=function(n){var e=n.children,t=n.label,r=n.description,o=n.delay,i=n.position,u=n.id,l=s()(n,T),d=Object(j.a)("tooltip",u),h=Object(j.a)("description"),g=function(n){var e=Object(f.useState)(!1),t=O()(e,2),r=t[0],o=t[1],a=Object(f.useRef)(),i=function(){a.current&&clearTimeout(a.current)};Object(f.useEffect)((function(){return function(){i()}}),[]);return{visible:r,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onMouseEnter:function(){a.current=setTimeout((function(){o(!0)}),n)},onMouseLeave:function(){i(),o(!1)}}}(o),m=g.visible,b=s()(g,R),v=function(n,e){var t=Object(f.useRef)(null),r=Object(f.useRef)(null);return Object(f.useLayoutEffect)((function(){if(n){var o=t.current,a=r.current,i=E(o,a,e);o.style.left="".concat(i.left,"px"),o.style.top="".concat(i.top,"px")}}),[n]),{tooltipWrapperRef:t,toggleSourceRef:r}}(m,i),w=v.tooltipWrapperRef,P=v.toggleSourceRef,_=p.a.cloneElement(e,function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?S(Object(t),!0).forEach((function(e){c()(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({tabIndex:0,"aria-labelledby":t?d:void 0,"aria-describedby":r?d:void 0},b));return p.a.createElement(p.a.Fragment,null,p.a.createElement(x.a,null,p.a.createElement(k,a()({id:d,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:w,visible:m},l),m&&p.a.createElement(C.a,{id:h},r),p.a.createElement(y.a,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},t||r))),p.a.createElement("span",{ref:P},_))};P.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},P.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(n,e,t){"use strict";t.d(e,"a",(function(){return w}));var r,o=t(4),a=t.n(o),i=t(5),c=t.n(i),u=t(2),s=t.n(u),l=t(1),d=t.n(l),f=t(3),p=t.n(f),h=t(0),g=t.n(h),m=Object(l.createContext)({gap:0,gridCols:12}),b=t(6),v=t(8),y=["gap","gridCols"],x=p()(b.a)(r||(r=s()(["\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n ","\n"])),(function(n){return n.gridCols}),(function(n){var e=n.theme,t=n.gap;return Object(v.a)("gap",t,e)})),w=function(n){var e=n.gap,t=n.gridCols,r=c()(n,y);return d.a.createElement(m.Provider,{value:{gap:e,gridCols:t}},d.a.createElement(x,a()({gap:e,gridCols:t},r)))};w.defaultProps={gap:0,gridCols:12},w.propTypes={gap:g.a.oneOfType([g.a.number,g.a.arrayOf(g.a.number)]),gridCols:g.a.number};var O,E=["col","xs","s"],j=p.a.div(O||(O=s()(["\n grid-column: span ",";\n max-width: 100%;\n\n "," {\n grid-column: span ",";\n }\n\n "," {\n grid-column: span ",";\n }\n"])),(function(n){return n.col}),(function(n){return n.theme.mediaQueries.tablet}),(function(n){return n.s}),(function(n){return n.theme.mediaQueries.mobile}),(function(n){return n.xs})),C=function(n){var e=n.col,t=n.xs,r=n.s,o=c()(n,E),a=Object(l.useContext)(m),i=a.gap,u=a.gridCols;return d.a.createElement(j,{gap:i,gridCols:u,col:e,xs:t,s:r},d.a.createElement(b.a,o))};C.defaultProps={col:void 0,s:void 0,xs:void 0},C.propTypes={col:g.a.number,s:g.a.number,xs:g.a.number}},function(n,e,t){"use strict";t.d(e,"a",(function(){return h}));var r=t(4),o=t.n(r),a=t(5),i=t.n(a),c=t(1),u=t.n(c),s=t(0),l=t.n(s),d=t(9),f=t(7),p=["active","textColor","backgroundColor","children","minWidth"],h=function(n){var e=n.active,t=n.textColor,r=n.backgroundColor,a=n.children,c=n.minWidth,s=i()(n,p);return u.a.createElement(d.a,o()({inline:!0,alignItem:"center",justifyContent:"center",minWidth:c,padding:1,background:e?"primary100":r,hasRadius:!0},s),u.a.createElement(f.a,{variant:"sigma",textColor:e?"primary600":t},a))};h.defaultProps={active:!1,backgroundColor:"neutral100",minWidth:5,textColor:"neutral600"},h.propTypes={active:l.a.bool,backgroundColor:l.a.string,children:l.a.oneOfType([l.a.number,l.a.string]).isRequired,minWidth:l.a.number,textColor:l.a.string}},function(n,e,t){"use strict";t.d(e,"a",(function(){return v}));var r,o=t(4),a=t.n(o),i=t(5),c=t.n(i),u=t(2),s=t.n(u),l=t(1),d=t.n(l),f=t(0),p=t.n(f),h=t(6),g=t(3),m=["unsetMargin"],b=t.n(g)()(h.a)(r||(r=s()(["\n height: 1px;\n border: none;\n ","\n"])),(function(n){return n.unsetMargin?"margin: 0;":""})),v=function(n){var e=n.unsetMargin,t=c()(n,m);return d.a.createElement(b,a()({},t,{as:"hr",unsetMargin:e}))};v.defaultProps={background:"neutral150",unsetMargin:!0},v.propTypes={background:p.a.string,unsetMargin:p.a.bool}},,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"MainNav",(function(){return w})),t.d(e,"NavBrand",(function(){return z})),t.d(e,"NavLink",(function(){return Y})),t.d(e,"NavSection",(function(){return V})),t.d(e,"NavSections",(function(){return G})),t.d(e,"NavUser",(function(){return mn})),t.d(e,"NavCondense",(function(){return Rn}));var r,o=t(4),a=t.n(o),i=t(5),c=t.n(i),u=t(2),s=t.n(u),l=t(1),d=t.n(l),f=t(3),p=t.n(f),h=t(0),g=t.n(h),m=t(37),b=Object(l.createContext)(),v=function(){return Object(l.useContext)(b)},y=["condensed"],x=p()(m.a)(r||(r=s()(["\n width: ",";\n background: ",";\n position: sticky;\n top: 0;\n height: 100vh;\n z-index: 2;\n border-right: 1px solid ",";\n"])),(function(n){return n.condensed?"max-content":"".concat(14,"rem")}),(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral150})),w=function(n){var e=n.condensed,t=c()(n,y);return d.a.createElement(b.Provider,{value:e},d.a.createElement(x,a()({as:"nav",condensed:e},t)))};w.defaultProps={condensed:!1},w.propTypes={condensed:g.a.bool};var O,E,j=t(6),C=t(7),T=t(9),R=t(12),S=t(13),k=["workplace","title","icon"],P=p.a.div(O||(O=s()(["\n border-radius: ",";\n\n svg,\n img {\n height: ",";\n width: ",";\n }\n"])),(function(n){return n.theme.borderRadius}),(function(n){var e=n.condensed;return"".concat(e?2.5:2,"rem")}),(function(n){var e=n.condensed;return"".concat(e?2.5:2,"rem")})),_=p()(S.a)(E||(E=s()(["\n text-decoration: unset;\n color: inherit;\n"]))),z=d.a.forwardRef((function(n,e){var t=n.workplace,r=n.title,o=n.icon,i=c()(n,k);return v()?d.a.createElement(S.a,a()({ref:e},i),d.a.createElement(j.a,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},d.a.createElement(P,{condensed:!0},o,d.a.createElement(R.a,null,d.a.createElement("span",null,r),d.a.createElement("span",null,t))))):d.a.createElement(_,a()({ref:e},i),d.a.createElement(j.a,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},d.a.createElement(T.a,null,d.a.createElement(P,{"aria-hidden":!0,tabIndex:-1},o),d.a.createElement(j.a,{paddingLeft:2},d.a.createElement(C.a,{fontWeight:"bold",textColor:"neutral800",as:"span"},r,d.a.createElement(R.a,{as:"span"},t)),d.a.createElement(C.a,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0},t)))))}));z.displayName="NavBrand",z.defaultProps={to:"/"},z.propTypes={icon:g.a.node.isRequired,title:g.a.string.isRequired,to:g.a.string,workplace:g.a.string.isRequired};var M,L,W,q,B=t(36),N=t(38),A=["children","icon","badgeContent","badgeAriaLabel"],I=p()(j.a)(M||(M=s()(["\n svg {\n width: 1rem;\n height: 1rem;\n }\n"]))),H=p()(S.a)(L||(L=s()(["\n position: relative;\n text-decoration: none;\n display: block;\n border-radius: ",";\n background: ",";\n\n "," {\n color: ",";\n }\n\n svg path {\n fill: ",";\n }\n\n &:hover {\n background: ",";\n\n "," {\n color: ",";\n }\n\n svg path {\n fill: ",";\n }\n }\n\n &.active {\n background: ",";\n\n svg path {\n fill: ",";\n }\n\n "," {\n color: ",";\n font-weight: 500;\n }\n }\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),C.a,(function(n){return n.theme.colors.neutral600}),(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral100}),C.a,(function(n){return n.theme.colors.neutral700}),(function(n){return n.theme.colors.neutral600}),(function(n){return n.theme.colors.primary100}),(function(n){return n.theme.colors.primary600}),C.a,(function(n){return n.theme.colors.primary600})),D=p()(T.a)(W||(W=s()(["\n padding: ",";\n"])),(function(n){var e=n.theme;return"".concat(e.spaces[2]," ").concat(e.spaces[3])})),F=p()(N.a)(q||(q=s()(["\n ","\n\n "," {\n //find a solution to remove !important\n color: "," !important;\n line-height: 0;\n }\n\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: ",";\n height: ",";\n padding: ",";\n border-radius: ",";\n background: ",";\n"])),(function(n){return n.condensed&&"\n\t position: absolute;\n transform: translate(35%, -50%);\n top: 0;\n right: 0;\n "}),C.a,(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.spaces[6]}),(function(n){return n.theme.spaces[5]}),(function(n){var e=n.theme;return"0 ".concat(e.spaces[2])}),(function(n){return n.theme.spaces[10]}),(function(n){return n.theme.colors.primary600})),Y=d.a.forwardRef((function(n,e){var t=n.children,r=n.icon,o=n.badgeContent,i=n.badgeAriaLabel,u=c()(n,A);return v()?d.a.createElement(H,a()({ref:e},u),d.a.createElement(B.a,{position:"right",label:t},d.a.createElement(D,{as:"span",justifyContent:"center"},d.a.createElement(I,{"aria-hidden":!0,paddingRight:0,as:"span"},r),o&&d.a.createElement(F,{condensed:!0,"aria-label":i},o)))):d.a.createElement(H,a()({ref:e},u),d.a.createElement(D,{as:"span",justifyContent:"space-between"},d.a.createElement(T.a,null,d.a.createElement(I,{"aria-hidden":!0,paddingRight:3,as:"span"},r),d.a.createElement(C.a,null,t)),o&&d.a.createElement(F,{justifyContent:"center","aria-label":i},o)))}));Y.displayName="NavLink",Y.defaultProps={badgeContent:void 0,badgeAriaLabel:void 0},Y.propTypes={badgeAriaLabel:g.a.string,badgeContent:g.a.oneOfType([g.a.string,g.a.number]),children:g.a.string.isRequired,icon:g.a.node.isRequired};var Q=t(19),U=t(39),X=["label","children"],V=function(n){var e=n.label,t=n.children,r=c()(n,X);return v()?d.a.createElement(Q.a,{spacing:2},d.a.createElement(j.a,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span"},d.a.createElement(U.a,null),d.a.createElement(R.a,null,d.a.createElement("span",null,e))),d.a.createElement(Q.a,a()({as:"ul",spacing:2},r),l.Children.map(t,(function(n,e){return d.a.createElement("li",{key:e},n)})))):d.a.createElement(Q.a,{spacing:2},d.a.createElement(j.a,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span"},d.a.createElement(C.a,{variant:"sigma",textColor:"neutral600"},e)),d.a.createElement(Q.a,a()({as:"ul",spacing:2},r),l.Children.map(t,(function(n,e){return d.a.createElement("li",{key:e},n)}))))};V.propTypes={children:g.a.node.isRequired,label:g.a.string.isRequired};var $=["children"],G=function(n){var e=n.children,t=c()(n,$);return d.a.createElement(j.a,{paddingLeft:3,paddingRight:2,paddingTop:3},d.a.createElement(Q.a,a()({as:"ul",spacing:4},t),l.Children.map(e,(function(n,e){return d.a.createElement("li",{key:e},n)}))))};G.propTypes={children:g.a.node.isRequired};var J,K,Z,nn,en,tn,rn=t(11),on=t.n(rn),an=p.a.img(J||(J=s()(["\n border-radius: 50%;\n display: block;\n position: relative;\n"]))),cn=p.a.div(K||(K=s()(["\n position: relative;\n width: ","rem;\n height: ","rem;\n z-index: ",";\n"])),1.625,1.625,(function(n){return n.hovering?1:void 0})),un=p.a.img(Z||(Z=s()(["\n border-radius: 50%;\n position: absolute;\n transform: translate(-","px, -100%);\n margin-top: -",";\n"])),19,(function(n){return n.theme.spaces[1]})),sn=p.a.div(nn||(nn=s()(["\n z-index: 1;\n border-radius: 30%;\n position: absolute;\n width: ","rem;\n height: ","rem;\n background: ",";\n opacity: 0.4;\n"])),1.625,1.625,(function(n){return n.theme.colors.neutral0})),ln=function(n){var e=n.src,t=n.alt,r=n.preview,o=Object(l.useState)(!1),a=on()(o,2),i=a[0],c=a[1];return d.a.createElement("span",null,r&&i?d.a.createElement(un,{"aria-hidden":!0,alt:"",width:"".concat(64,"px"),height:"".concat(64,"px"),src:!0===r?e:r}):null,d.a.createElement(cn,{hovering:r&&i,onMouseEnter:function(){return c(!0)},onMouseLeave:function(){return c(!1)}},r&&i?d.a.createElement(sn,null):null,d.a.createElement(an,{src:e,alt:t,width:"".concat(26,"px"),height:"".concat(26,"px")})))},dn=p()(T.a)(en||(en=s()(["\n span {\n line-height: 0;\n }\n"]))),fn=function(n){var e=n.children;return d.a.createElement(dn,{borderRadius:"50%",width:"".concat(26,"px"),height:"".concat(26,"px"),background:"primary600",justifyContent:"center"},d.a.createElement(C.a,{fontWeight:"bold",textColor:"buttonNeutral0",fontSize:0,textTransform:"uppercase"},e))};fn.propTypes={children:g.a.string.isRequired},ln.defaultProps={preview:void 0},ln.propTypes={alt:g.a.string.isRequired,preview:g.a.oneOfType([g.a.string,g.a.bool]),src:g.a.string.isRequired};p()(T.a)(tn||(tn=s()(["\n & > * + * {\n margin-left: -","px;\n }\n"])),13);var pn,hn=["src","children","initials"],gn=p()(j.a)(pn||(pn=s()(["\n text-decoration: none;\n position: absolute;\n bottom: 0;\n width: 100%;\n border-top: 1px solid ",";\n"])),(function(n){return n.theme.colors.neutral150})),mn=d.a.forwardRef((function(n,e){var t=n.src,r=n.children,o=n.initials,i=c()(n,hn),u=v();return d.a.createElement(gn,a()({paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5},i),d.a.createElement(T.a,{as:"button",justifyContent:u?"center":void 0,ref:e},t?d.a.createElement(ln,{src:t,alt:"","aria-hidden":!0}):d.a.createElement(fn,null,o),u?d.a.createElement(R.a,null,d.a.createElement("span",null,r)):d.a.createElement(j.a,{width:"".concat(8.125,"rem"),paddingLeft:2,as:"span"},d.a.createElement(C.a,{ellipsis:!0,textColor:"neutral600"},r))))}));mn.displayName="NavUser",mn.defaultProps={src:void 0,initials:void 0},mn.propTypes={children:g.a.node.isRequired,initials:g.a.node,src:g.a.string};var bn,vn=t(34),yn=t.n(vn),xn=t(35),wn=t.n(xn),On=p()(j.a)(bn||(bn=s()(["\n path {\n fill: ",";\n }\n ","\n"])),(function(n){var e=n.color;return n.theme.colors[e]}),(function(n){var e=n.theme;return(0,n.colors)(e)})),En=d.a.forwardRef((function(n,e){return d.a.createElement(On,a()({ref:e},n))}));En.displayName="Icon",En.defaultProps={color:"neutral600",colors:function(){}},En.propTypes={color:g.a.string,colors:g.a.func};var jn,Cn=["children"],Tn=p.a.button(jn||(jn=s()(["\n background: ",";\n border: 1px solid ",";\n border-radius: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n bottom: ","rem; // 9 is the height of the svg and 4 is the padding below\n right: ",";\n transform: ",";\n z-index: 2;\n width: ","rem;\n height: ","rem;\n\n svg {\n width: ","rem;\n height: ","rem;\n }\n"])),(function(n){return n.theme.colors.neutral0}),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.borderRadius}),13/16,(function(n){var e=n.theme;return n.condensed?0:e.spaces[5]}),(function(n){return n.condensed?"translateX(50%)":void 0}),1.125,25/16,6/16,9/16),Rn=function(n){var e=n.children,t=c()(n,Cn),r=v();return d.a.createElement(Tn,a()({as:"button",condensed:r},t),d.a.createElement(En,{as:r?yn.a:wn.a,"aria-hidden":!0,color:"neutral600"}),d.a.createElement(R.a,null,e))};Rn.propTypes={children:g.a.string.isRequired}}])}));