@strapi/design-system 0.0.0-jsoninput.0

package/dist/TextButton/index.js

@@ -0,0 +1,4 @@
+import { TextButton as e } from "./TextButton.js";
+export {
+  e as TextButton
+};

package/dist/TextInput/TextInput.cjs

@@ -0,0 +1 @@
+"use strict";var _=Object.defineProperty;var a=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var F=(e,i,l)=>i in e?_(e,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[i]=l,q=(e,i)=>{for(var l in i||(i={}))b.call(i,l)&&F(e,l,i[l]);if(a)for(var l of a(i))m.call(i,l)&&F(e,l,i[l]);return e};var j=(e,i)=>{var l={};for(var r in e)b.call(e,r)&&i.indexOf(r)<0&&(l[r]=e[r]);if(e!=null&&a)for(var r of a(e))i.indexOf(r)<0&&m.call(e,r)&&(l[r]=e[r]);return l};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),h=require("prop-types"),x=require("../Field/Field.cjs"),O=require("../Field/FieldLabel.cjs"),R=require("../Field/FieldInput.cjs"),S=require("../Field/FieldHint.cjs"),k=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const z=require("../Stack/Stack.cjs"),H=require("../themes/sizes.cjs"),L=require("../helpers/useId.cjs"),v=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=v(o),t=v(h),n=d.default.forwardRef((P,c)=>{var f=P,{size:e,startAction:i,endAction:l,name:r,hint:y,error:I,label:u,labelAction:g,id:E,required:T}=f,s=j(f,["size","startAction","endAction","name","hint","error","label","labelAction","id","required"]);const A=L.useId("textinput",E),p=o.useRef(null);if(!u&&!s["aria-label"])throw new Error('The TextInput component needs a "label" or an "aria-label" props');return o.useImperativeHandle(c,()=>({inputWrapperRef:p})),d.default.createElement("div",{ref:p},d.default.createElement(x.Field,{name:r,hint:y,error:I,id:A,required:T},d.default.createElement(z.Stack,{spacing:1},u&&d.default.createElement(O.FieldLabel,{action:g},u),d.default.createElement(R.FieldInput,q({size:e,ref:c,startAction:i,endAction:l},s)),d.default.createElement(S.FieldHint,null),d.default.createElement(k.FieldError,null))))});n.displayName="TextInput";n.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,startAction:void 0,size:"M",endAction:void 0,required:!1};n.propTypes={"aria-label":t.default.string,endAction:t.default.element,error:t.default.oneOfType([t.default.string,t.default.bool]),hint:t.default.oneOfType([t.default.string,t.default.node,t.default.arrayOf(t.default.node)]),id:t.default.string,label:t.default.string,labelAction:t.default.element,name:t.default.string.isRequired,required:t.default.bool,size:t.default.oneOf(Object.keys(H.sizes.input)),startAction:t.default.element};exports.TextInput=n;

package/dist/TextInput/TextInput.js

@@ -0,0 +1,89 @@
+var F = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var f = (e, i, r) => i in e ? F(e, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[i] = r, v = (e, i) => {
+  for (var r in i || (i = {}))
+    u.call(i, r) && f(e, r, i[r]);
+  if (a)
+    for (var r of a(i))
+      b.call(i, r) && f(e, r, i[r]);
+  return e;
+};
+var E = (e, i) => {
+  var r = {};
+  for (var o in e)
+    u.call(e, o) && i.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && a)
+    for (var o of a(e))
+      i.indexOf(o) < 0 && b.call(e, o) && (r[o] = e[o]);
+  return r;
+};
+import n, { useRef as O, useImperativeHandle as R } from "react";
+import t from "prop-types";
+import { Field as h } from "../Field/Field.js";
+import { FieldLabel as q } from "../Field/FieldLabel.js";
+import { FieldInput as w } from "../Field/FieldInput.js";
+import { FieldHint as z } from "../Field/FieldHint.js";
+import { FieldError as k } from "../Field/FieldError.js";
+import "../Field/FieldContext.js";
+import "../Field/FieldAction.js";
+import { Stack as H } from "../Stack/Stack.js";
+import { sizes as P } from "../themes/sizes.js";
+import { useId as _ } from "../helpers/useId.js";
+const m = n.forwardRef(
+  (j, d) => {
+    var s = j, { size: e, startAction: i, endAction: r, name: o, hint: g, error: T, label: l, labelAction: y, id: I, required: A } = s, p = E(s, ["size", "startAction", "endAction", "name", "hint", "error", "label", "labelAction", "id", "required"]);
+    const x = _("textinput", I), c = O(null);
+    if (!l && !p["aria-label"])
+      throw new Error('The TextInput component needs a "label" or an "aria-label" props');
+    return R(d, () => ({
+      inputWrapperRef: c
+    })), /* @__PURE__ */ n.createElement("div", {
+      ref: c
+    }, /* @__PURE__ */ n.createElement(h, {
+      name: o,
+      hint: g,
+      error: T,
+      id: x,
+      required: A
+    }, /* @__PURE__ */ n.createElement(H, {
+      spacing: 1
+    }, l && /* @__PURE__ */ n.createElement(q, {
+      action: y
+    }, l), /* @__PURE__ */ n.createElement(w, v({
+      size: e,
+      ref: d,
+      startAction: i,
+      endAction: r
+    }, p)), /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(k, null))));
+  }
+);
+m.displayName = "TextInput";
+m.defaultProps = {
+  "aria-label": void 0,
+  label: void 0,
+  labelAction: void 0,
+  error: void 0,
+  hint: void 0,
+  id: void 0,
+  startAction: void 0,
+  size: "M",
+  endAction: void 0,
+  required: !1
+};
+m.propTypes = {
+  "aria-label": t.string,
+  endAction: t.element,
+  error: t.oneOfType([t.string, t.bool]),
+  hint: t.oneOfType([t.string, t.node, t.arrayOf(t.node)]),
+  id: t.string,
+  label: t.string,
+  labelAction: t.element,
+  name: t.string.isRequired,
+  required: t.bool,
+  size: t.oneOf(Object.keys(P.input)),
+  startAction: t.element
+};
+export {
+  m as TextInput
+};

package/dist/TextInput/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./TextInput.cjs");exports.TextInput=e.TextInput;

package/dist/TextInput/index.js

@@ -0,0 +1,4 @@
+import { TextInput as o } from "./TextInput.js";
+export {
+  o as TextInput
+};

package/dist/Textarea/Textarea.cjs

@@ -0,0 +1,15 @@
+"use strict";var T=Object.defineProperty;var d=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var s=(e,l,t)=>l in e?T(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,p=(e,l)=>{for(var t in l||(l={}))c.call(l,t)&&s(e,t,l[t]);if(d)for(var t of d(l))f.call(l,t)&&s(e,t,l[t]);return e};var F=(e,l)=>{var t={};for(var a in e)c.call(e,a)&&l.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&d)for(var a of d(e))l.indexOf(a)<0&&f.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),v=require("prop-types"),E=require("styled-components"),_=require("../Field/Field.cjs"),I=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const S=require("../Field/FieldHint.cjs"),O=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const k=require("./TextareaInput.cjs"),w=require("../Stack/Stack.cjs"),L=require("../Flex/Flex.cjs"),P=require("../helpers/useId.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=u(b),r=u(v),R=u(E),$=R.default.div`
+  & textarea {
+    // TODO: remove when we'll have fonts in the theme
+    height: ${80/16}rem;
+    line-height: ${20/16}rem;
+  }
+
+  & textarea::placeholder {
+    font-weight: 400;
+    font-size: ${14/16}rem;
+    line-height: 1.43;
+    color: ${({theme:e})=>e.colors.neutral500};
+    opacity: 1;
+  }
+`,n=i.default.forwardRef((A,y)=>{var o=A,{name:e,hint:l,error:t,label:a,children:m,labelAction:h,id:q,required:g}=o,x=F(o,["name","hint","error","label","children","labelAction","id","required"]);const j=P.useId("textarea",q);return i.default.createElement($,null,i.default.createElement(_.Field,{name:e,hint:l,error:t,id:j,required:g},i.default.createElement(w.Stack,{spacing:1},a&&i.default.createElement(L.Flex,null,i.default.createElement(I.FieldLabel,{action:h},a)),i.default.createElement(k.TextareaInput,p({ref:y,as:"textarea",value:m},x)),i.default.createElement(S.FieldHint,null),i.default.createElement(O.FieldError,null))))});n.displayName="Textarea";n.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,children:"",required:!1};n.propTypes={"aria-label":r.default.string,children:r.default.string,error:r.default.string,hint:r.default.oneOfType([r.default.string,r.default.node,r.default.arrayOf(r.default.node)]),id:r.default.string,label:r.default.string,labelAction:r.default.element,name:r.default.string.isRequired,required:r.default.bool};exports.Textarea=n;

package/dist/Textarea/Textarea.js

@@ -0,0 +1,94 @@
+var b = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var d = (e, t, r) => t in e ? b(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, s = (e, t) => {
+  for (var r in t || (t = {}))
+    p.call(t, r) && d(e, r, t[r]);
+  if (l)
+    for (var r of l(t))
+      c.call(t, r) && d(e, r, t[r]);
+  return e;
+};
+var f = (e, t) => {
+  var r = {};
+  for (var o in e)
+    p.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && l)
+    for (var o of l(e))
+      t.indexOf(o) < 0 && c.call(e, o) && (r[o] = e[o]);
+  return r;
+};
+import a from "react";
+import i from "prop-types";
+import y from "styled-components";
+import { Field as F } from "../Field/Field.js";
+import { FieldLabel as w } from "../Field/FieldLabel.js";
+import "../Field/FieldInput.js";
+import { FieldHint as O } from "../Field/FieldHint.js";
+import { FieldError as $ } from "../Field/FieldError.js";
+import "../Field/FieldContext.js";
+import "../Field/FieldAction.js";
+import { TextareaInput as q } from "./TextareaInput.js";
+import { Stack as I } from "../Stack/Stack.js";
+import { Flex as R } from "../Flex/Flex.js";
+import { useId as A } from "../helpers/useId.js";
+const P = y.div`
+  & textarea {
+    // TODO: remove when we'll have fonts in the theme
+    height: ${80 / 16}rem;
+    line-height: ${20 / 16}rem;
+  }
+
+  & textarea::placeholder {
+    font-weight: 400;
+    font-size: ${14 / 16}rem;
+    line-height: 1.43;
+    color: ${({ theme: e }) => e.colors.neutral500};
+    opacity: 1;
+  }
+`, n = a.forwardRef(
+  (_, E) => {
+    var m = _, { name: e, hint: t, error: r, label: o, children: h, labelAction: u, id: g, required: v } = m, x = f(m, ["name", "hint", "error", "label", "children", "labelAction", "id", "required"]);
+    const T = A("textarea", g);
+    return /* @__PURE__ */ a.createElement(P, null, /* @__PURE__ */ a.createElement(F, {
+      name: e,
+      hint: t,
+      error: r,
+      id: T,
+      required: v
+    }, /* @__PURE__ */ a.createElement(I, {
+      spacing: 1
+    }, o && /* @__PURE__ */ a.createElement(R, null, /* @__PURE__ */ a.createElement(w, {
+      action: u
+    }, o)), /* @__PURE__ */ a.createElement(q, s({
+      ref: E,
+      as: "textarea",
+      value: h
+    }, x)), /* @__PURE__ */ a.createElement(O, null), /* @__PURE__ */ a.createElement($, null))));
+  }
+);
+n.displayName = "Textarea";
+n.defaultProps = {
+  "aria-label": void 0,
+  label: void 0,
+  labelAction: void 0,
+  error: void 0,
+  hint: void 0,
+  id: void 0,
+  children: "",
+  required: !1
+};
+n.propTypes = {
+  "aria-label": i.string,
+  children: i.string,
+  error: i.string,
+  hint: i.oneOfType([i.string, i.node, i.arrayOf(i.node)]),
+  id: i.string,
+  label: i.string,
+  labelAction: i.element,
+  name: i.string.isRequired,
+  required: i.bool
+};
+export {
+  n as Textarea
+};

package/dist/Textarea/TextareaInput.cjs

@@ -0,0 +1,30 @@
+"use strict";var x=Object.defineProperty;var a=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var p=(e,r,t)=>r in e?x(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,b=(e,r)=>{for(var t in r||(r={}))f.call(r,t)&&p(e,t,r[t]);if(a)for(var t of a(r))y.call(r,t)&&p(e,t,r[t]);return e};var $=(e,r)=>{var t={};for(var o in e)f.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&a)for(var o of a(e))r.indexOf(o)<0&&y.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("react"),_=require("styled-components"),m=require("prop-types");require("../Field/Field.cjs");require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const v=require("../Field/FieldContext.cjs");require("../Typography/Typography.cjs");require("../Field/FieldAction.cjs");const w=require("../themes/utils.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=n(F),q=n(_),I=n(m),P=q.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};
+  ${w.inputFocusStyle()}
+`,R=q.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;
+  }
+`,i=F.forwardRef((o,t)=>{var c=o,{disabled:e}=c,r=$(c,["disabled"]);const{id:l,error:u,hint:T,name:h,required:j}=v.useField();let s;u?s=`${l}-error`:T&&(s=`${l}-hint`);const d=Boolean(u);return g.default.createElement(P,{hasError:d,disabled:e},g.default.createElement(R,b({id:l,name:h,ref:t,"aria-describedby":s,"aria-invalid":d,disabled:e,hasError:d,"aria-required":j},r)))});i.displayName="TextareaInput";i.defaultProps={disabled:!1};i.propTypes={disabled:I.default.bool};exports.TextareaInput=i;

package/dist/Textarea/TextareaInput.js

@@ -0,0 +1,89 @@
+var T = Object.defineProperty;
+var t = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var c = (r, o, e) => o in r ? T(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, f = (r, o) => {
+  for (var e in o || (o = {}))
+    u.call(o, e) && c(r, e, o[e]);
+  if (t)
+    for (var e of t(o))
+      m.call(o, e) && c(r, e, o[e]);
+  return r;
+};
+var $ = (r, o) => {
+  var e = {};
+  for (var a in r)
+    u.call(r, a) && o.indexOf(a) < 0 && (e[a] = r[a]);
+  if (r != null && t)
+    for (var a of t(r))
+      o.indexOf(a) < 0 && m.call(r, a) && (e[a] = r[a]);
+  return e;
+};
+import b, { forwardRef as w } from "react";
+import g from "styled-components";
+import k from "prop-types";
+import "../Field/Field.js";
+import "../Field/FieldLabel.js";
+import "../Field/FieldInput.js";
+import { useField as E } from "../Field/FieldContext.js";
+import "../Typography/Typography.js";
+import "../Field/FieldAction.js";
+import { inputFocusStyle as R } from "../themes/utils.js";
+const q = g.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};
+  ${R()}
+`, v = g.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;
+  }
+`, l = w((a, e) => {
+  var p = a, { disabled: r } = p, o = $(p, ["disabled"]);
+  const { id: i, error: d, hint: y, name: x, required: h } = E();
+  let n;
+  d ? n = `${i}-error` : y && (n = `${i}-hint`);
+  const s = Boolean(d);
+  return /* @__PURE__ */ b.createElement(q, {
+    hasError: s,
+    disabled: r
+  }, /* @__PURE__ */ b.createElement(v, f({
+    id: i,
+    name: x,
+    ref: e,
+    "aria-describedby": n,
+    "aria-invalid": s,
+    disabled: r,
+    hasError: s,
+    "aria-required": h
+  }, o)));
+});
+l.displayName = "TextareaInput";
+l.defaultProps = {
+  disabled: !1
+};
+l.propTypes = {
+  disabled: k.bool
+};
+export {
+  l as TextareaInput
+};

package/dist/Textarea/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Textarea.cjs");exports.Textarea=e.Textarea;

package/dist/Textarea/index.js

@@ -0,0 +1,4 @@
+import { Textarea as a } from "./Textarea.js";
+export {
+  a as Textarea
+};

package/dist/ThemeProvider/ThemeProvider.cjs

@@ -0,0 +1,173 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),c=require("prop-types"),l=require("styled-components"),u=require("../LiveRegions/LiveRegions.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function b(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const r=b(a),i=d(c),p=l.createGlobalStyle`
+ /* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+  html,
+  body,
+  div,
+  span,
+  applet,
+  object,
+  iframe,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  blockquote,
+  pre,
+  a,
+  abbr,
+  acronym,
+  address,
+  big,
+  cite,
+  code,
+  del,
+  dfn,
+  em,
+  img,
+  ins,
+  kbd,
+  q,
+  s,
+  samp,
+  small,
+  strike,
+  strong,
+  sub,
+  sup,
+  tt,
+  var,
+  b,
+  u,
+  i,
+  center,
+  dl,
+  dt,
+  dd,
+  ol,
+  ul,
+  li,
+  fieldset,
+  form,
+  label,
+  legend,
+  table,
+  caption,
+  tbody,
+  tfoot,
+  thead,
+  tr,
+  th,
+  td,
+  article,
+  aside,
+  canvas,
+  details,
+  embed,
+  figure,
+  figcaption,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  output,
+  ruby,
+  section,
+  summary,
+  time,
+  mark,
+  audio,
+  video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+  }
+  /* HTML5 display-role reset for older browsers */
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  section {
+    display: block;
+  }
+  body {
+    line-height: 1;
+  }
+  ol,
+  ul {
+    list-style: none;
+  }
+  blockquote,
+  q {
+    quotes: none;
+  }
+  blockquote:before,
+  blockquote:after,
+  q:before,
+  q:after {
+    content: "";
+    content: none;
+  }
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+  /* My styles */
+  *,
+  *:before,
+  *:after {
+    box-sizing: border-box;
+  }
+
+  *:focus-visible {
+    outline: 2px solid ${({theme:e})=>e.colors.primary600};
+    outline-offset: 2px;
+  }
+
+  /* Focusing the button with a mouse, touch, or stylus will show a subtle drop shadow. */
+  *:focus:not(:focus-visible) {
+    outline: none;
+  }
+
+  body,html{
+    height: 100%;
+  }
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  }
+
+  button {
+    margin: 0;
+    padding: 0;
+    border: none;
+    background: none;
+    color: inherit;
+    font-size: 100%;
+    cursor: pointer;
+    font: inherit;
+  }
+
+  textarea,input {
+    font: inherit;
+  }
+
+  .lock-body-scroll {
+    height: 100vh;
+    overflow-y: hidden;
+  }
+`,s=({children:e,theme:t})=>r.createElement(l.ThemeProvider,{theme:t},r.createElement(p,null),e,r.createElement(u.LiveRegions,null));s.propTypes={children:i.default.node.isRequired,theme:i.default.object.isRequired};exports.ThemeProvider=s;