@strapi/design-system 1.3.1-alpha.0 → 1.3.1

package/dist/v2/SubNav/SubNavLink.js

@@ -1,12 +1,32 @@
-import r from "react";
-import o from "prop-types";
-import i from "styled-components";
-import g from "@strapi/icons/Dot";
-import { Box as l } from "../../Box/Box.js";
-import { Typography as s } from "../../Typography/Typography.js";
-import { Flex as a } from "../../Flex/Flex.js";
-import { BaseLink as y } from "../../BaseLink/BaseLink.js";
-const $ = i(l)`
+var k = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var m = (e, r, o) => r in e ? k(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, f = (e, r) => {
+  for (var o in r || (r = {}))
+    d.call(r, o) && m(e, o, r[o]);
+  if (n)
+    for (var o of n(r))
+      u.call(r, o) && m(e, o, r[o]);
+  return e;
+};
+var g = (e, r) => {
+  var o = {};
+  for (var t in e)
+    d.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && n)
+    for (var t of n(e))
+      r.indexOf(t) < 0 && u.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import l from "react";
+import i from "prop-types";
+import p from "styled-components";
+import w from "@strapi/icons/Dot";
+import { Box as a } from "../../Box/Box.js";
+import { Typography as b } from "../../Typography/Typography.js";
+import { Flex as y } from "../../Flex/Flex.js";
+import { BaseLink as x } from "../../BaseLink/BaseLink.js";
+const S = p(a)`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -23,7 +43,7 @@ const $ = i(l)`
       svg > * {
         fill: ${e.colors.primary700};
       }
-      ${s} {
+      ${b} {
         color: ${e.colors.primary700};
         font-weight: 500;
       }
@@ -33,51 +53,53 @@ const $ = i(l)`
   &:focus-visible {
     outline-offset: -2px;
   }
-`, p = i(g)`
+`, $ = p(w)`
   width: ${12 / 16}rem;
   height: ${4 / 16}rem;
   * {
-    fill: ${({ theme: e, $active: t }) => t ? e.colors.primary600 : e.colors.neutral600};
+    fill: ${({ theme: e, $active: r }) => r ? e.colors.primary600 : e.colors.neutral600};
   }
-`, b = i.div`
+`, B = p.div`
   svg {
     height: ${12 / 16}rem;
     width: ${12 / 16}rem;
   }
-`, n = r.forwardRef(({ children: e, icon: t, withBullet: c, as: m, isSubSectionChild: d, ...u }, f) => /* @__PURE__ */ r.createElement($, {
-  as: m,
-  icon: t,
-  background: "neutral100",
-  paddingLeft: d ? 9 : 7,
-  paddingBottom: 2,
-  paddingTop: 2,
-  ref: f,
-  ...u
-}, /* @__PURE__ */ r.createElement(a, null, t ? /* @__PURE__ */ r.createElement(b, null, t) : /* @__PURE__ */ r.createElement(p, null), /* @__PURE__ */ r.createElement(l, {
-  paddingLeft: 2
-}, /* @__PURE__ */ r.createElement(s, {
-  as: "span"
-}, e))), c && /* @__PURE__ */ r.createElement(l, {
-  as: a,
-  paddingRight: 4
-}, /* @__PURE__ */ r.createElement(p, {
-  $active: !0
-}))));
-n.displayName = "SubNavLink";
-n.defaultProps = {
-  as: y,
+`, s = l.forwardRef((L, E) => {
+  var c = L, { children: e, icon: r, withBullet: o, as: t, isSubSectionChild: h } = c, v = g(c, ["children", "icon", "withBullet", "as", "isSubSectionChild"]);
+  return /* @__PURE__ */ l.createElement(S, f({
+    as: t,
+    icon: r,
+    background: "neutral100",
+    paddingLeft: h ? 9 : 7,
+    paddingBottom: 2,
+    paddingTop: 2,
+    ref: E
+  }, v), /* @__PURE__ */ l.createElement(y, null, r ? /* @__PURE__ */ l.createElement(B, null, r) : /* @__PURE__ */ l.createElement($, null), /* @__PURE__ */ l.createElement(a, {
+    paddingLeft: 2
+  }, /* @__PURE__ */ l.createElement(b, {
+    as: "span"
+  }, e))), o && /* @__PURE__ */ l.createElement(a, {
+    as: y,
+    paddingRight: 4
+  }, /* @__PURE__ */ l.createElement($, {
+    $active: !0
+  })));
+});
+s.displayName = "SubNavLink";
+s.defaultProps = {
+  as: x,
   icon: null,
   isSubSectionChild: !1,
   withBullet: !1
 };
-n.propTypes = {
-  as: o.elementType,
-  children: o.node,
-  icon: o.element,
-  isSubSectionChild: o.bool,
-  link: o.element,
-  withBullet: o.bool
+s.propTypes = {
+  as: i.elementType,
+  children: i.node,
+  icon: i.element,
+  isSubSectionChild: i.bool,
+  link: i.element,
+  withBullet: i.bool
 };
 export {
-  n as SubNavLink
+  s as SubNavLink
 };

package/dist/v2/SubNav/SubNavSections.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),s=require("prop-types"),l=require("../../Stack/Stack.cjs"),i=require("../../Box/Box.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(o),d=a(s),r=({children:e,...c})=>t.default.createElement(i.Box,{paddingTop:2,paddingBottom:4},t.default.createElement(l.Stack,{as:"ol",spacing:2,...c},o.Children.map(e,(n,u)=>t.default.createElement("li",{key:u},n))));r.propTypes={children:d.default.node.isRequired};exports.SubNavSections=r;
+"use strict";var _=Object.defineProperty;var r=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var n=(e,t,o)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,l=(e,t)=>{for(var o in t||(t={}))u.call(t,o)&&n(e,o,t[o]);if(r)for(var o of r(t))s.call(t,o)&&n(e,o,t[o]);return e};var i=(e,t)=>{var o={};for(var a in e)u.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(e!=null&&r)for(var a of r(e))t.indexOf(a)<0&&s.call(e,a)&&(o[a]=e[a]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),g=require("prop-types"),m=require("../../Stack/Stack.cjs"),b=require("../../Box/Box.cjs"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=p(d),k=p(g),f=o=>{var a=o,{children:e}=a,t=i(a,["children"]);return c.default.createElement(b.Box,{paddingTop:2,paddingBottom:4},c.default.createElement(m.Stack,l({as:"ol",spacing:2},t),d.Children.map(e,(S,y)=>c.default.createElement("li",{key:y},S))))};f.propTypes={children:k.default.node.isRequired};exports.SubNavSections=f;

package/dist/v2/SubNav/SubNavSections.js

@@ -1,20 +1,42 @@
-import e, { Children as i } from "react";
-import m from "prop-types";
-import { Stack as n } from "../../Stack/Stack.js";
-import { Box as a } from "../../Box/Box.js";
-const c = ({ children: r, ...t }) => /* @__PURE__ */ e.createElement(a, {
-  paddingTop: 2,
-  paddingBottom: 4
-}, /* @__PURE__ */ e.createElement(n, {
-  as: "ol",
-  spacing: 2,
-  ...t
-}, i.map(r, (o, p) => /* @__PURE__ */ e.createElement("li", {
-  key: p
-}, o))));
-c.propTypes = {
-  children: m.node.isRequired
+var f = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var m = (e, r, t) => r in e ? f(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, c = (e, r) => {
+  for (var t in r || (r = {}))
+    n.call(r, t) && m(e, t, r[t]);
+  if (p)
+    for (var t of p(r))
+      a.call(r, t) && m(e, t, r[t]);
+  return e;
+};
+var d = (e, r) => {
+  var t = {};
+  for (var o in e)
+    n.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && p)
+    for (var o of p(e))
+      r.indexOf(o) < 0 && a.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import i, { Children as u } from "react";
+import g from "prop-types";
+import { Stack as y } from "../../Stack/Stack.js";
+import { Box as E } from "../../Box/Box.js";
+const S = (t) => {
+  var o = t, { children: e } = o, r = d(o, ["children"]);
+  return /* @__PURE__ */ i.createElement(E, {
+    paddingTop: 2,
+    paddingBottom: 4
+  }, /* @__PURE__ */ i.createElement(y, c({
+    as: "ol",
+    spacing: 2
+  }, r), u.map(e, (l, s) => /* @__PURE__ */ i.createElement("li", {
+    key: s
+  }, l))));
+};
+S.propTypes = {
+  children: g.node.isRequired
 };
 export {
-  c as SubNavSections
+  S as SubNavSections
 };

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@strapi/design-system",
-  "version": "1.3.1-alpha.0",
+  "version": "1.3.1",
   "license": "MIT",
   "type": "module",
+  "sideEffects": false,
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "exports": {
@@ -29,7 +30,7 @@
     "@storybook/addon-essentials": "^6.5.13",
     "@storybook/addon-links": "^6.5.13",
     "@storybook/react": "^6.5.13",
-    "@strapi/icons": "^1.3.1-alpha.0",
+    "@strapi/icons": "^1.3.1",
     "@swc/core": "^1.3.11",
     "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "^5.16.5",
@@ -55,7 +56,7 @@
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
-    "@strapi/icons": "^1.2.8",
+    "@strapi/icons": "^1.3.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-router-dom": "^5.2.0",
@@ -77,5 +78,5 @@
     "test:e2e:watch": "chokidar '**/__tests__/*.e2e.js' -c 'npm run test:e2e -- --retries=0 {path}'",
     "test:e2e:debug": "cross-env PWDEBUG=1 playwright test"
   },
-  "gitHead": "28faac42b6e14c567afcd0018c7b3dfff46afc54"
+  "gitHead": "5aeb3e48842b0d8e5780075be5a172fe9ea7bb4a"
 }