@strapi/design-system 1.7.6 → 1.7.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/design-system",
-  "version": "1.7.6",
+  "version": "1.7.8",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -24,7 +24,7 @@
     "@radix-ui/react-dismissable-layer": "^1.0.3",
     "@radix-ui/react-dropdown-menu": "^2.0.4",
     "@radix-ui/react-focus-scope": "1.0.2",
-    "@strapi/ui-primitives": "^1.7.6",
+    "@strapi/ui-primitives": "^1.7.8",
     "@uiw/react-codemirror": "^4.19.16",
     "aria-hidden": "^1.2.3",
     "compute-scroll-into-view": "^3.0.3",
@@ -33,7 +33,7 @@
   },
   "devDependencies": {
     "@playwright/test": "1.33.0",
-    "@strapi/icons": "^1.7.6",
+    "@strapi/icons": "^1.7.8",
     "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.26",
     "axe-playwright": "^1.2.3",
@@ -64,5 +64,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": "953be7427371cdb5d7063803078fa7939ce1ecf1"
+  "gitHead": "d82da913a5a9f8d8abd785e95f893fa4100d5793"
 }

package/dist/Grid/GridContext.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({gap:0,gridCols:12}),o=()=>e.useContext(t);exports.GridContext=t;exports.useGrid=o;

package/dist/Grid/GridContext.js

@@ -1,6 +0,0 @@
-import { createContext as t, useContext as o } from "react";
-const e = t({ gap: 0, gridCols: 12 }), n = () => o(e);
-export {
-  e as GridContext,
-  n as useGrid
-};

package/dist/Tabs/useTabsFocus.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),o=require("@strapi/ui-primitives"),i=(r,c)=>{const e=u.useRef(null),t=u.useRef(null),n=o.useCallbackRef(c);return u.useEffect(()=>{if(e.current){if(t.current){const s=e.current.querySelector('[tabindex="0"]');s&&(s.focus(),n(r))}t.current||(t.current=!0)}},[r,n]),e};exports.useTabsFocus=i;

package/dist/Tabs/useTabsFocus.js

@@ -1,17 +0,0 @@
-import { useRef as c, useEffect as f } from "react";
-import { useCallbackRef as s } from "@strapi/ui-primitives";
-const i = (t, o) => {
-  const e = c(null), r = c(null), u = s(o);
-  return f(() => {
-    if (e.current) {
-      if (r.current) {
-        const n = e.current.querySelector('[tabindex="0"]');
-        n && (n.focus(), u(t));
-      }
-      r.current || (r.current = !0);
-    }
-  }, [t, u]), e;
-};
-export {
-  i as useTabsFocus
-};

package/dist/Textarea/TextareaInput.cjs

@@ -1,30 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),$=require("react"),b=require("prop-types"),y=require("styled-components"),g=require("../themes/utils.cjs"),x=require("../Field/FieldContext.cjs"),l=e=>e&&e.__esModule?e:{default:e},T=l(b),d=l(y),q=d.default.div`
-  border: 1px solid ${({theme:e,hasError:r})=>r?e.colors.danger600:e.colors.neutral200};
-  border-radius: ${({theme:e})=>e.borderRadius};
-
-  padding-left: ${({theme:e,hasLeftAction:r})=>r?0:e.spaces[4]};
-  padding-right: ${({theme:e,hasRightAction:r})=>r?0:e.spaces[4]};
-  padding-top: ${({theme:e})=>`${e.spaces[3]}`};
-  padding-bottom: ${({theme:e})=>`${e.spaces[3]}`};
-
-  background: ${({theme:e,disabled:r})=>r?e.colors.neutral150:e.colors.neutral0};
-  ${g.inputFocusStyle()}
-`,h=d.default.textarea`
-  display: block;
-  width: 100%;
-  font-weight: 400;
-  font-size: ${14/16}rem;
-  border: none;
-  color: ${({theme:e,disabled:r})=>r?e.colors.neutral600:e.colors.neutral800};
-  resize: none;
-  background: inherit;
-
-  ::placeholder {
-    color: ${({theme:e})=>e.colors.neutral500};
-    opacity: 1;
-  }
-
-  &:focus-within {
-    outline: none;
-  }
-`,o=$.forwardRef(({disabled:e,...r},u)=>{const{id:t,error:n,hint:c,name:p,required:f}=x.useField();let a;n?a=`${t}-error`:c&&(a=`${t}-hint`);const s=!!n;return i.jsx(q,{hasError:s,disabled:e,children:i.jsx(h,{id:t,name:p,ref:u,"aria-describedby":a,"aria-invalid":s,disabled:e,hasError:s,"aria-required":f,...r})})});o.displayName="TextareaInput";o.defaultProps={disabled:!1};o.propTypes={disabled:T.default.bool};exports.TextareaInput=o;

package/dist/Textarea/TextareaInput.js

@@ -1,65 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import $ from "prop-types";
-import d from "styled-components";
-import { inputFocusStyle as m } from "../themes/utils.js";
-import { useField as b } from "../Field/FieldContext.js";
-const g = d.div`
-  border: 1px solid ${({ theme: r, hasError: o }) => o ? r.colors.danger600 : r.colors.neutral200};
-  border-radius: ${({ theme: r }) => r.borderRadius};
-
-  padding-left: ${({ theme: r, hasLeftAction: o }) => o ? 0 : r.spaces[4]};
-  padding-right: ${({ theme: r, hasRightAction: o }) => o ? 0 : r.spaces[4]};
-  padding-top: ${({ theme: r }) => `${r.spaces[3]}`};
-  padding-bottom: ${({ theme: r }) => `${r.spaces[3]}`};
-
-  background: ${({ theme: r, disabled: o }) => o ? r.colors.neutral150 : r.colors.neutral0};
-  ${m()}
-`, x = d.textarea`
-  display: block;
-  width: 100%;
-  font-weight: 400;
-  font-size: ${14 / 16}rem;
-  border: none;
-  color: ${({ theme: r, disabled: o }) => o ? r.colors.neutral600 : r.colors.neutral800};
-  resize: none;
-  background: inherit;
-
-  ::placeholder {
-    color: ${({ theme: r }) => r.colors.neutral500};
-    opacity: 1;
-  }
-
-  &:focus-within {
-    outline: none;
-  }
-`, t = f(({ disabled: r, ...o }, l) => {
-  const { id: e, error: s, hint: p, name: c, required: u } = b();
-  let a;
-  s ? a = `${e}-error` : p && (a = `${e}-hint`);
-  const i = !!s;
-  return /* @__PURE__ */ n(g, { hasError: i, disabled: r, children: /* @__PURE__ */ n(
-    x,
-    {
-      id: e,
-      name: c,
-      ref: l,
-      "aria-describedby": a,
-      "aria-invalid": i,
-      disabled: r,
-      hasError: i,
-      "aria-required": u,
-      ...o
-    }
-  ) });
-});
-t.displayName = "TextareaInput";
-t.defaultProps = {
-  disabled: !1
-};
-t.propTypes = {
-  disabled: $.bool
-};
-export {
-  t as TextareaInput
-};