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

package/dist/v2/Link/Link.js

@@ -1,19 +1,39 @@
-import r from "react";
-import t from "prop-types";
-import s from "styled-components";
-import c from "@strapi/icons/ExternalLink";
-import { Typography as f } from "../../Typography/Typography.js";
-import { Box as y } from "../../Box/Box.js";
-import { buttonFocusStyle as u } from "../../themes/utils.js";
-import { BaseLink as v } from "../../BaseLink/BaseLink.js";
-const g = s(v)`
+var x = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var m = (e, r, t) => r in e ? x(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, y = (e, r) => {
+  for (var t in r || (r = {}))
+    c.call(r, t) && m(e, t, r[t]);
+  if (i)
+    for (var t of i(r))
+      f.call(r, t) && m(e, t, r[t]);
+  return e;
+};
+var u = (e, r) => {
+  var t = {};
+  for (var o in e)
+    c.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && i)
+    for (var o of i(e))
+      r.indexOf(o) < 0 && f.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import n from "react";
+import a from "prop-types";
+import v from "styled-components";
+import E from "@strapi/icons/ExternalLink";
+import { Typography as L } from "../../Typography/Typography.js";
+import { Box as k } from "../../Box/Box.js";
+import { buttonFocusStyle as $ } from "../../themes/utils.js";
+import { BaseLink as R } from "../../BaseLink/BaseLink.js";
+const T = v(R)`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
   pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
 
   svg path {
-    fill: ${({ disabled: e, theme: o }) => e ? o.colors.neutral600 : o.colors.primary600};
+    fill: ${({ disabled: e, theme: r }) => e ? r.colors.neutral600 : r.colors.primary600};
   }
 
   svg {
@@ -25,45 +45,47 @@ const g = s(v)`
     color: ${({ theme: e }) => e.colors.primary800};
   }
 
-  ${u};
-`, a = s(y)`
+  ${$};
+`, p = v(k)`
   display: flex;
-`, i = r.forwardRef(({ children: e, href: o, disabled: l, startIcon: p, endIcon: n, ...d }, m) => /* @__PURE__ */ r.createElement(g, {
-  ref: m,
-  href: o,
-  disabled: l,
-  ...d
-}, p && /* @__PURE__ */ r.createElement(a, {
-  as: "span",
-  "aria-hidden": !0,
-  paddingRight: 2
-}, p), /* @__PURE__ */ r.createElement(f, {
-  textColor: l ? "neutral600" : "primary600"
-}, e), n && /* @__PURE__ */ r.createElement(a, {
-  as: "span",
-  "aria-hidden": !0,
-  paddingLeft: 2
-}, n), o && !n && /* @__PURE__ */ r.createElement(a, {
-  as: "span",
-  "aria-hidden": !0,
-  paddingLeft: 2
-}, /* @__PURE__ */ r.createElement(c, null))));
-i.displayName = "Link";
-i.defaultProps = {
+`, s = n.forwardRef((b, h) => {
+  var d = b, { children: e, href: r, disabled: t, startIcon: o, endIcon: l } = d, g = u(d, ["children", "href", "disabled", "startIcon", "endIcon"]);
+  return /* @__PURE__ */ n.createElement(T, y({
+    ref: h,
+    href: r,
+    disabled: t
+  }, g), o && /* @__PURE__ */ n.createElement(p, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingRight: 2
+  }, o), /* @__PURE__ */ n.createElement(L, {
+    textColor: t ? "neutral600" : "primary600"
+  }, e), l && /* @__PURE__ */ n.createElement(p, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingLeft: 2
+  }, l), r && !l && /* @__PURE__ */ n.createElement(p, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingLeft: 2
+  }, /* @__PURE__ */ n.createElement(E, null)));
+});
+s.displayName = "Link";
+s.defaultProps = {
   as: void 0,
   href: void 0,
   disabled: !1,
   startIcon: void 0,
   endIcon: void 0
 };
-i.propTypes = {
-  as: t.elementType,
-  children: t.node.isRequired,
-  disabled: t.bool,
-  endIcon: t.element,
-  href: t.string,
-  startIcon: t.element
+s.propTypes = {
+  as: a.elementType,
+  children: a.node.isRequired,
+  disabled: a.bool,
+  endIcon: a.element,
+  href: a.string,
+  startIcon: a.element
 };
 export {
-  i as Link
+  s as Link
 };

package/dist/v2/LinkButton/LinkButton.cjs

@@ -1,28 +1,28 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),h=require("styled-components"),m=require("prop-types"),i=require("../../Typography/Typography.cjs"),d=require("../../Box/Box.cjs"),o=require("../../Button/utils.cjs"),f=require("../../Button/constants.cjs"),$=require("../../BaseButton/BaseButton.cjs"),p=require("../../BaseLink/BaseLink.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=s(v),T=s(h),t=s(m),k=T.default($.BaseButtonWrapper)`
-  padding: ${({theme:e,size:r})=>`${r==="S"?e.spaces[2]:"10px"} ${e.spaces[4]}`};
+"use strict";var x=Object.defineProperty,q=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var B=(e,t,a)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,v=(e,t)=>{for(var a in t||(t={}))b.call(t,a)&&B(e,a,t[a]);if(d)for(var a of d(t))g.call(t,a)&&B(e,a,t[a]);return e},h=(e,t)=>q(e,_(t));var m=(e,t)=>{var a={};for(var o in e)b.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&d)for(var o of d(e))t.indexOf(o)<0&&g.call(e,o)&&(a[o]=e[o]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),E=require("styled-components"),R=require("prop-types"),l=require("../../Typography/Typography.cjs"),u=require("../../Box/Box.cjs"),i=require("../../Button/utils.cjs"),$=require("../../Button/constants.cjs"),P=require("../../BaseButton/BaseButton.cjs"),T=require("../../BaseLink/BaseLink.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=c(j),I=c(E),r=c(R),N=I.default(P.BaseButtonWrapper)`
+  padding: ${({theme:e,size:t})=>`${t==="S"?e.spaces[2]:"10px"} ${e.spaces[4]}`};
   background: ${({theme:e})=>e.colors.buttonPrimary600};
   border: 1px solid ${({theme:e})=>e.colors.buttonPrimary600};
   border-radius: ${({theme:e})=>e.borderRadius};
-  ${d.Box} {
+  ${u.Box} {
     display: flex;
     align-items: center;
   }
-  ${i.Typography} {
+  ${l.Typography} {
     color: ${({theme:e})=>e.colors.buttonNeutral0};
   }
   &[aria-disabled='true'] {
-    ${o.getDisabledStyle}
+    ${i.getDisabledStyle}
     &:active {
-      ${o.getDisabledStyle}
+      ${i.getDisabledStyle}
     }
   }
   &:hover {
-    ${o.getHoverStyle}
+    ${i.getHoverStyle}
   }
   &:active {
-    ${o.getActiveStyle}
+    ${i.getActiveStyle}
   }
-  ${o.getVariantStyle}
+  ${i.getVariantStyle}
 
   /**
     Link specific properties
@@ -30,4 +30,4 @@
   display: inline-flex;
   text-decoration: none;
   pointer-events: ${({disabled:e})=>e?"none":void 0};
-`,n=a.default.forwardRef(({variant:e,startIcon:r,endIcon:l,disabled:y,children:u,size:c,as:B,...b},g)=>a.default.createElement(k,{ref:g,"aria-disabled":y,size:c,variant:e,...b,as:B||p.BaseLink},r&&a.default.createElement(d.Box,{"aria-hidden":!0,paddingRight:2},r),c==="S"?a.default.createElement(i.Typography,{variant:"pi",fontWeight:"bold"},u):a.default.createElement(i.Typography,{fontWeight:"bold"},u),l&&a.default.createElement(d.Box,{"aria-hidden":!0,paddingLeft:2},l)));n.displayName="LinkButton";n.defaultProps={as:p.BaseLink,disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};n.propTypes={as:t.default.elementType,children:t.default.node.isRequired,disabled:t.default.bool,endIcon:t.default.element,href:e=>{if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},onClick:t.default.func,size:t.default.oneOf(f.BUTTON_SIZES),startIcon:t.default.element,to:e=>{if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")},variant:t.default.oneOf(f.VARIANTS)};exports.LinkButton=n;
+`,s=n.default.forwardRef((O,L)=>{var y=O,{variant:e,startIcon:t,endIcon:a,disabled:o,children:f,size:p,as:k}=y,S=m(y,["variant","startIcon","endIcon","disabled","children","size","as"]);return n.default.createElement(N,h(v({ref:L,"aria-disabled":o,size:p,variant:e},S),{as:k||T.BaseLink}),t&&n.default.createElement(u.Box,{"aria-hidden":!0,paddingRight:2},t),p==="S"?n.default.createElement(l.Typography,{variant:"pi",fontWeight:"bold"},f):n.default.createElement(l.Typography,{fontWeight:"bold"},f),a&&n.default.createElement(u.Box,{"aria-hidden":!0,paddingLeft:2},a))});s.displayName="LinkButton";s.defaultProps={as:T.BaseLink,disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};s.propTypes={as:r.default.elementType,children:r.default.node.isRequired,disabled:r.default.bool,endIcon:r.default.element,href(e){if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},onClick:r.default.func,size:r.default.oneOf($.BUTTON_SIZES),startIcon:r.default.element,to(e){if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")},variant:r.default.oneOf($.VARIANTS)};exports.LinkButton=s;

package/dist/v2/LinkButton/LinkButton.js

@@ -1,37 +1,58 @@
-import r from "react";
-import v from "styled-components";
-import t from "prop-types";
-import { Typography as i } from "../../Typography/Typography.js";
-import { Box as a } from "../../Box/Box.js";
-import { getDisabledStyle as f, getHoverStyle as y, getActiveStyle as $, getVariantStyle as g } from "../../Button/utils.js";
-import { BUTTON_SIZES as h, VARIANTS as S } from "../../Button/constants.js";
-import { BaseButtonWrapper as k } from "../../BaseButton/BaseButton.js";
-import { BaseLink as m } from "../../BaseLink/BaseLink.js";
-const E = v(k)`
-  padding: ${({ theme: e, size: o }) => `${o === "S" ? e.spaces[2] : "10px"} ${e.spaces[4]}`};
+var x = Object.defineProperty, B = Object.defineProperties;
+var T = Object.getOwnPropertyDescriptors;
+var n = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var c = (e, r, t) => r in e ? x(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, v = (e, r) => {
+  for (var t in r || (r = {}))
+    u.call(r, t) && c(e, t, r[t]);
+  if (n)
+    for (var t of n(r))
+      b.call(r, t) && c(e, t, r[t]);
+  return e;
+}, y = (e, r) => B(e, T(r));
+var $ = (e, r) => {
+  var t = {};
+  for (var o in e)
+    u.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && n)
+    for (var o of n(e))
+      r.indexOf(o) < 0 && b.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import a from "react";
+import L from "styled-components";
+import i from "prop-types";
+import { Typography as d } from "../../Typography/Typography.js";
+import { Box as l } from "../../Box/Box.js";
+import { getDisabledStyle as g, getHoverStyle as R, getActiveStyle as I, getVariantStyle as N } from "../../Button/utils.js";
+import { BUTTON_SIZES as P, VARIANTS as W } from "../../Button/constants.js";
+import { BaseButtonWrapper as w } from "../../BaseButton/BaseButton.js";
+import { BaseLink as h } from "../../BaseLink/BaseLink.js";
+const A = L(w)`
+  padding: ${({ theme: e, size: r }) => `${r === "S" ? e.spaces[2] : "10px"} ${e.spaces[4]}`};
   background: ${({ theme: e }) => e.colors.buttonPrimary600};
   border: 1px solid ${({ theme: e }) => e.colors.buttonPrimary600};
   border-radius: ${({ theme: e }) => e.borderRadius};
-  ${a} {
+  ${l} {
     display: flex;
     align-items: center;
   }
-  ${i} {
+  ${d} {
     color: ${({ theme: e }) => e.colors.buttonNeutral0};
   }
   &[aria-disabled='true'] {
-    ${f}
+    ${g}
     &:active {
-      ${f}
+      ${g}
     }
   }
   &:hover {
-    ${y}
+    ${R}
   }
   &:active {
-    ${$}
+    ${I}
   }
-  ${g}
+  ${N}
 
   /**
     Link specific properties
@@ -39,30 +60,33 @@ const E = v(k)`
   display: inline-flex;
   text-decoration: none;
   pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
-`, n = r.forwardRef(
-  ({ variant: e, startIcon: o, endIcon: d, disabled: p, children: l, size: s, as: c, ...u }, b) => /* @__PURE__ */ r.createElement(E, {
-    ref: b,
-    "aria-disabled": p,
-    size: s,
-    variant: e,
-    ...u,
-    as: c || m
-  }, o && /* @__PURE__ */ r.createElement(a, {
-    "aria-hidden": !0,
-    paddingRight: 2
-  }, o), s === "S" ? /* @__PURE__ */ r.createElement(i, {
-    variant: "pi",
-    fontWeight: "bold"
-  }, l) : /* @__PURE__ */ r.createElement(i, {
-    fontWeight: "bold"
-  }, l), d && /* @__PURE__ */ r.createElement(a, {
-    "aria-hidden": !0,
-    paddingLeft: 2
-  }, d))
+`, s = a.forwardRef(
+  (O, E) => {
+    var p = O, { variant: e, startIcon: r, endIcon: t, disabled: o, children: f, size: m, as: S } = p, k = $(p, ["variant", "startIcon", "endIcon", "disabled", "children", "size", "as"]);
+    return /* @__PURE__ */ a.createElement(A, y(v({
+      ref: E,
+      "aria-disabled": o,
+      size: m,
+      variant: e
+    }, k), {
+      as: S || h
+    }), r && /* @__PURE__ */ a.createElement(l, {
+      "aria-hidden": !0,
+      paddingRight: 2
+    }, r), m === "S" ? /* @__PURE__ */ a.createElement(d, {
+      variant: "pi",
+      fontWeight: "bold"
+    }, f) : /* @__PURE__ */ a.createElement(d, {
+      fontWeight: "bold"
+    }, f), t && /* @__PURE__ */ a.createElement(l, {
+      "aria-hidden": !0,
+      paddingLeft: 2
+    }, t));
+  }
 );
-n.displayName = "LinkButton";
-n.defaultProps = {
-  as: m,
+s.displayName = "LinkButton";
+s.defaultProps = {
+  as: h,
   disabled: !1,
   startIcon: void 0,
   endIcon: void 0,
@@ -72,24 +96,24 @@ n.defaultProps = {
   href: void 0,
   to: void 0
 };
-n.propTypes = {
-  as: t.elementType,
-  children: t.node.isRequired,
-  disabled: t.bool,
-  endIcon: t.element,
-  href: (e) => {
+s.propTypes = {
+  as: i.elementType,
+  children: i.node.isRequired,
+  disabled: i.bool,
+  endIcon: i.element,
+  href(e) {
     if (!e.disabled && !e.to && !e.href)
       return new Error("href must be defined");
   },
-  onClick: t.func,
-  size: t.oneOf(h),
-  startIcon: t.element,
-  to: (e) => {
+  onClick: i.func,
+  size: i.oneOf(P),
+  startIcon: i.element,
+  to(e) {
     if (!e.disabled && !e.href && !e.to)
       return new Error("to must be defined");
   },
-  variant: t.oneOf(S)
+  variant: i.oneOf(W)
 };
 export {
-  n as LinkButton
+  s as LinkButton
 };

package/dist/v2/MainNav/MainNav.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),s=require("styled-components"),i=require("prop-types"),c=require("../../Grid/Grid.cjs");require("../../Grid/GridItem.cjs");const d=require("./MainNavContext.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=t(n),l=t(s),u=t(i),p=l.default(c.Grid)`
+"use strict";var f=Object.defineProperty;var a=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var i=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&i(e,r,t[r]);if(a)for(var r of a(t))d.call(t,r)&&i(e,r,t[r]);return e};var u=(e,t)=>{var r={};for(var o in e)c.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&d.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),y=require("styled-components"),_=require("prop-types"),M=require("../../Grid/Grid.cjs");require("../../Grid/GridItem.cjs");const m=require("./MainNavContext.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=n(v),b=n(y),g=n(_),q=b.default(M.Grid)`
   width: ${({condensed:e})=>e?"max-content":`${224/16}rem`};
   background: ${({theme:e})=>e.colors.neutral0};
   position: sticky;
@@ -6,4 +6,4 @@
   height: 100vh;
   z-index: 2;
   border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=({condensed:e,...a})=>o.default.createElement(d.MainNavContext.Provider,{value:e},o.default.createElement(p,{as:"nav",condensed:e,...a}));r.defaultProps={condensed:!1};r.propTypes={condensed:u.default.bool};exports.MainNav=r;
+`,s=r=>{var o=r,{condensed:e}=o,t=u(o,["condensed"]);return p.default.createElement(m.MainNavContext.Provider,{value:e},p.default.createElement(q,l({as:"nav",condensed:e},t)))};s.defaultProps={condensed:!1};s.propTypes={condensed:g.default.bool};exports.MainNav=s;

package/dist/v2/MainNav/MainNav.js

@@ -1,10 +1,30 @@
-import r from "react";
-import a from "styled-components";
-import i from "prop-types";
-import { Grid as n } from "../../Grid/Grid.js";
+var c = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var i = (o, r, e) => r in o ? c(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, m = (o, r) => {
+  for (var e in r || (r = {}))
+    n.call(r, e) && i(o, e, r[e]);
+  if (a)
+    for (var e of a(r))
+      p.call(r, e) && i(o, e, r[e]);
+  return o;
+};
+var s = (o, r) => {
+  var e = {};
+  for (var t in o)
+    n.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && a)
+    for (var t of a(o))
+      r.indexOf(t) < 0 && p.call(o, t) && (e[t] = o[t]);
+  return e;
+};
+import l from "react";
+import f from "styled-components";
+import u from "prop-types";
+import { Grid as v } from "../../Grid/Grid.js";
 import "../../Grid/GridItem.js";
-import { MainNavContext as p } from "./MainNavContext.js";
-const m = a(n)`
+import { MainNavContext as h } from "./MainNavContext.js";
+const x = f(v)`
   width: ${({ condensed: o }) => o ? "max-content" : `${224 / 16}rem`};
   background: ${({ theme: o }) => o.colors.neutral0};
   position: sticky;
@@ -12,19 +32,21 @@ const m = a(n)`
   height: 100vh;
   z-index: 2;
   border-right: 1px solid ${({ theme: o }) => o.colors.neutral150};
-`, e = ({ condensed: o, ...t }) => /* @__PURE__ */ r.createElement(p.Provider, {
-  value: o
-}, /* @__PURE__ */ r.createElement(m, {
-  as: "nav",
-  condensed: o,
-  ...t
-}));
-e.defaultProps = {
+`, d = (e) => {
+  var t = e, { condensed: o } = t, r = s(t, ["condensed"]);
+  return /* @__PURE__ */ l.createElement(h.Provider, {
+    value: o
+  }, /* @__PURE__ */ l.createElement(x, m({
+    as: "nav",
+    condensed: o
+  }, r)));
+};
+d.defaultProps = {
   condensed: !1
 };
-e.propTypes = {
-  condensed: i.bool
+d.propTypes = {
+  condensed: u.bool
 };
 export {
-  e as MainNav
+  d as MainNav
 };

package/dist/v2/MainNav/NavBrand.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),m=require("prop-types"),B=require("styled-components"),d=require("../../Box/Box.cjs"),u=require("../../Typography/Typography.cjs"),x=require("../../Flex/Flex.cjs"),h=require("./MainNavContext.cjs"),c=require("../../VisuallyHidden/VisuallyHidden.cjs"),f=require("../../BaseLink/BaseLink.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(y),a=r(m),g=r(B),p=g.default.div`
+"use strict";var v=Object.defineProperty;var r=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var f=(e,a,t)=>a in e?v(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,o=(e,a)=>{for(var t in a||(a={}))g.call(a,t)&&f(e,t,a[t]);if(r)for(var t of r(a))y.call(a,t)&&f(e,t,a[t]);return e};var m=(e,a)=>{var t={};for(var d in e)g.call(e,d)&&a.indexOf(d)<0&&(t[d]=e[d]);if(e!=null&&r)for(var d of r(e))a.indexOf(d)<0&&y.call(e,d)&&(t[d]=e[d]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),L=require("prop-types"),R=require("styled-components"),s=require("../../Box/Box.cjs"),B=require("../../Typography/Typography.cjs"),_=require("../../Flex/Flex.cjs"),j=require("./MainNavContext.cjs"),x=require("../../VisuallyHidden/VisuallyHidden.cjs"),E=require("../../BaseLink/BaseLink.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=u(T),l=u(L),q=u(R),h=q.default.div`
   border-radius: ${({theme:e})=>e.borderRadius};
 
   svg,
@@ -6,7 +6,7 @@
     height: ${({condensed:e})=>e?`${40/16}rem`:`${32/16}rem`};
     width: ${({condensed:e})=>e?`${40/16}rem`:`${32/16}rem`};
   }
-`,E=g.default(f.BaseLink)`
+`,N=q.default(E.BaseLink)`
   text-decoration: unset;
   color: inherit;
-`,n=t.default.forwardRef(({workplace:e,title:l,icon:i,...o},s)=>h.useMainNav()?t.default.createElement(f.BaseLink,{ref:s,...o},t.default.createElement(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},t.default.createElement(p,{condensed:!0},i,t.default.createElement(c.VisuallyHidden,null,t.default.createElement("span",null,l),t.default.createElement("span",null,e))))):t.default.createElement(E,{ref:s,...o},t.default.createElement(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},t.default.createElement(x.Flex,null,t.default.createElement(p,{"aria-hidden":!0,tabIndex:-1},i),t.default.createElement(d.Box,{paddingLeft:2},t.default.createElement(u.Typography,{fontWeight:"bold",textColor:"neutral800",as:"span"},l,t.default.createElement(c.VisuallyHidden,{as:"span"},e)),t.default.createElement(u.Typography,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0},e))))));n.displayName="NavBrand";n.defaultProps={to:"/"};n.propTypes={icon:a.default.node.isRequired,title:a.default.string.isRequired,to:a.default.string,workplace:a.default.string.isRequired};exports.NavBrand=n;
+`,i=n.default.forwardRef((b,c)=>{var p=b,{workplace:e,title:a,icon:t}=p,d=m(p,["workplace","title","icon"]);return j.useMainNav()?n.default.createElement(E.BaseLink,o({ref:c},d),n.default.createElement(s.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},n.default.createElement(h,{condensed:!0},t,n.default.createElement(x.VisuallyHidden,null,n.default.createElement("span",null,a),n.default.createElement("span",null,e))))):n.default.createElement(N,o({ref:c},d),n.default.createElement(s.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},n.default.createElement(_.Flex,null,n.default.createElement(h,{"aria-hidden":!0,tabIndex:-1},t),n.default.createElement(s.Box,{paddingLeft:2},n.default.createElement(B.Typography,{fontWeight:"bold",textColor:"neutral800",as:"span"},a,n.default.createElement(x.VisuallyHidden,{as:"span"},e)),n.default.createElement(B.Typography,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0},e)))))});i.displayName="NavBrand";i.defaultProps={to:"/"};i.propTypes={icon:l.default.node.isRequired,title:l.default.string.isRequired,to:l.default.string,workplace:l.default.string.isRequired};exports.NavBrand=i;

package/dist/v2/MainNav/NavBrand.js

@@ -1,68 +1,89 @@
-import e from "react";
-import r from "prop-types";
-import c from "styled-components";
-import { Box as n } from "../../Box/Box.js";
-import { Typography as p } from "../../Typography/Typography.js";
-import { Flex as g } from "../../Flex/Flex.js";
-import { useMainNav as f } from "./MainNavContext.js";
-import { VisuallyHidden as l } from "../../VisuallyHidden/VisuallyHidden.js";
-import { BaseLink as u } from "../../BaseLink/BaseLink.js";
-const s = c.div`
-  border-radius: ${({ theme: t }) => t.borderRadius};
+var y = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var c = (e, r, t) => r in e ? y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, d = (e, r) => {
+  for (var t in r || (r = {}))
+    u.call(r, t) && c(e, t, r[t]);
+  if (i)
+    for (var t of i(r))
+      g.call(r, t) && c(e, t, r[t]);
+  return e;
+};
+var f = (e, r) => {
+  var t = {};
+  for (var a in e)
+    u.call(e, a) && r.indexOf(a) < 0 && (t[a] = e[a]);
+  if (e != null && i)
+    for (var a of i(e))
+      r.indexOf(a) < 0 && g.call(e, a) && (t[a] = e[a]);
+  return t;
+};
+import n from "react";
+import o from "prop-types";
+import v from "styled-components";
+import { Box as m } from "../../Box/Box.js";
+import { Typography as E } from "../../Typography/Typography.js";
+import { Flex as B } from "../../Flex/Flex.js";
+import { useMainNav as $ } from "./MainNavContext.js";
+import { VisuallyHidden as h } from "../../VisuallyHidden/VisuallyHidden.js";
+import { BaseLink as x } from "../../BaseLink/BaseLink.js";
+const R = v.div`
+  border-radius: ${({ theme: e }) => e.borderRadius};
 
   svg,
   img {
-    height: ${({ condensed: t }) => t ? `${40 / 16}rem` : `${32 / 16}rem`};
-    width: ${({ condensed: t }) => t ? `${40 / 16}rem` : `${32 / 16}rem`};
+    height: ${({ condensed: e }) => e ? `${40 / 16}rem` : `${32 / 16}rem`};
+    width: ${({ condensed: e }) => e ? `${40 / 16}rem` : `${32 / 16}rem`};
   }
-`, E = c(u)`
+`, L = v(x)`
   text-decoration: unset;
   color: inherit;
-`, a = e.forwardRef(({ workplace: t, title: i, icon: o, ...d }, m) => f() ? /* @__PURE__ */ e.createElement(u, {
-  ref: m,
-  ...d
-}, /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 3,
-  paddingRight: 3,
-  paddingTop: 4,
-  paddingBottom: 4
-}, /* @__PURE__ */ e.createElement(s, {
-  condensed: !0
-}, o, /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement("span", null, i), /* @__PURE__ */ e.createElement("span", null, t))))) : /* @__PURE__ */ e.createElement(E, {
-  ref: m,
-  ...d
-}, /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 3,
-  paddingRight: 3,
-  paddingTop: 4,
-  paddingBottom: 4
-}, /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(s, {
-  "aria-hidden": !0,
-  tabIndex: -1
-}, o), /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 2
-}, /* @__PURE__ */ e.createElement(p, {
-  fontWeight: "bold",
-  textColor: "neutral800",
-  as: "span"
-}, i, /* @__PURE__ */ e.createElement(l, {
-  as: "span"
-}, t)), /* @__PURE__ */ e.createElement(p, {
-  variant: "pi",
-  as: "p",
-  textColor: "neutral600",
-  "aria-hidden": !0
-}, t))))));
-a.displayName = "NavBrand";
-a.defaultProps = {
+`, p = n.forwardRef((N, l) => {
+  var s = N, { workplace: e, title: r, icon: t } = s, a = f(s, ["workplace", "title", "icon"]);
+  return $() ? /* @__PURE__ */ n.createElement(x, d({
+    ref: l
+  }, a), /* @__PURE__ */ n.createElement(m, {
+    paddingLeft: 3,
+    paddingRight: 3,
+    paddingTop: 4,
+    paddingBottom: 4
+  }, /* @__PURE__ */ n.createElement(R, {
+    condensed: !0
+  }, t, /* @__PURE__ */ n.createElement(h, null, /* @__PURE__ */ n.createElement("span", null, r), /* @__PURE__ */ n.createElement("span", null, e))))) : /* @__PURE__ */ n.createElement(L, d({
+    ref: l
+  }, a), /* @__PURE__ */ n.createElement(m, {
+    paddingLeft: 3,
+    paddingRight: 3,
+    paddingTop: 4,
+    paddingBottom: 4
+  }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(R, {
+    "aria-hidden": !0,
+    tabIndex: -1
+  }, t), /* @__PURE__ */ n.createElement(m, {
+    paddingLeft: 2
+  }, /* @__PURE__ */ n.createElement(E, {
+    fontWeight: "bold",
+    textColor: "neutral800",
+    as: "span"
+  }, r, /* @__PURE__ */ n.createElement(h, {
+    as: "span"
+  }, e)), /* @__PURE__ */ n.createElement(E, {
+    variant: "pi",
+    as: "p",
+    textColor: "neutral600",
+    "aria-hidden": !0
+  }, e)))));
+});
+p.displayName = "NavBrand";
+p.defaultProps = {
   to: "/"
 };
-a.propTypes = {
-  icon: r.node.isRequired,
-  title: r.string.isRequired,
-  to: r.string,
-  workplace: r.string.isRequired
+p.propTypes = {
+  icon: o.node.isRequired,
+  title: o.string.isRequired,
+  to: o.string,
+  workplace: o.string.isRequired
 };
 export {
-  a as NavBrand
+  p as NavBrand
 };