@reach/alert-dialog - npm Package Compare versions

Comparing version 0.18.0-pre.3 to 0.18.0-pre.4

CHANGELOG.md

 # @reach/alert-dialog
 
+## 0.18.0-pre.4
+
+### Minor Changes
+
+- We no longer check that our internal styles are included by looking for a defined CSS custom property. You can still include our base styles as before, but this removes the need to define `--reach-<pkg>` in your own stylesheets to silence dev warnings. ([`69df3a03`](https://github.com/reach/reach-ui/commit/69df3a038d12c0e731778c9ac6e18ba6f81fbb49))
+
+### Patch Changes
+
+- Updated dependencies:
+  - `@reach/utils@0.18.0-pre.4`
+  - `@reach/polymorphic@0.18.0-pre.4`
+  - `@reach/dialog@0.18.0-pre.4`
+  - `@reach/auto-id@0.18.0-pre.4`
+
 ## 0.18.0-pre.3
@@ -4,0 +18,0 @@

dist/reach-alert-dialog.cjs.dev.js

 "use strict";
 /**
-  * @reach/alert-dialog v0.18.0-pre.3
+  * @reach/alert-dialog v0.18.0-pre.4
   *
@@ -5,0 +5,0 @@ * Copyright (c) 2018-2022, React Training LLC

dist/reach-alert-dialog.cjs.prod.js

@@ -1,1 +0,1 @@
-"use strict";var N=Object.create;var p=Object.defineProperty,F=Object.defineProperties,M=Object.getOwnPropertyDescriptor,H=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols,V=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var P=(e,t,a)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,g=(e,t)=>{for(var a in t||(t={}))A.call(t,a)&&P(e,a,t[a]);if(m)for(var a of m(t))C.call(t,a)&&P(e,a,t[a]);return e},D=(e,t)=>F(e,H(t));var f=(e,t)=>{var a={};for(var l in e)A.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(e!=null&&m)for(var l of m(e))t.indexOf(l)<0&&C.call(e,l)&&(a[l]=e[l]);return a};var Y=(e,t)=>{for(var a in t)p(e,a,{get:t[a],enumerable:!0})},I=(e,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of j(t))!A.call(e,o)&&o!==a&&p(e,o,{get:()=>t[o],enumerable:!(l=M(t,o))||l.enumerable});return e};var L=(e,t,a)=>(a=e!=null?N(V(e)):{},I(t||!e||!e.__esModule?p(a,"default",{value:e,enumerable:!0}):a,e)),k=e=>I(p({},"__esModule",{value:!0}),e);var K={};Y(K,{AlertDialog:()=>E,AlertDialogContent:()=>w,AlertDialogDescription:()=>x,AlertDialogLabel:()=>T,AlertDialogOverlay:()=>y});module.exports=k(K);var r=L(require("react")),u=require("@reach/dialog"),O=require("@reach/auto-id"),d=require("@reach/utils"),v=L(require("tiny-invariant")),[B,b]=(0,d.createContext)("AlertDialog"),y=r.forwardRef(function(o,l){var i=o,{leastDestructiveRef:t}=i,a=f(i,["leastDestructiveRef"]);let s=r.useRef(null),c=(0,d.useComposedRefs)(l,s),n=(0,O.useId)(a.id),h=n?(0,d.makeId)("alert-dialog",n):void 0,R=n?(0,d.makeId)("alert-dialog-description",n):void 0;return r.createElement(B,{labelId:h,descriptionId:R,overlayRef:s,leastDestructiveRef:t},r.createElement(u.DialogOverlay,D(g({},a),{ref:c,"data-reach-alert-dialog-overlay":!0,initialFocusRef:t})))});y.displayName="AlertDialogOverlay";var w=r.forwardRef(function(o,l){var i=o,{children:t}=i,a=f(i,["children"]);let{descriptionId:s,labelId:c,leastDestructiveRef:n,overlayRef:h}=b("AlertDialogContent");return r.useEffect(()=>{let R=(0,d.getOwnerDocument)(h.current);c&&(0,v.default)(R.getElementById(c),"@reach/alert-dialog: You must render a `<AlertDialogLabel>`\n          inside an `<AlertDialog/>`."),(0,v.default)(n,"@reach/alert-dialog: You must provide a `leastDestructiveRef` to\n          `<AlertDialog>` or `<AlertDialogOverlay/>`. Please see\n          https://ui.reach.tech/alert-dialog/#alertdialogoverlay-leastdestructiveref")},[c,n]),r.createElement(u.DialogContent,D(g({role:"alertdialog","aria-describedby":s,"aria-labelledby":a["aria-label"]?void 0:c},a),{ref:l,"data-reach-alert-dialong-content":!0,"data-reach-alert-dialog-content":!0}),t)});w.displayName="AlertDialogContent";var T=r.forwardRef(function(l,a){var o=l,{as:e="div"}=o,t=f(o,["as"]);let{labelId:i}=b("AlertDialogLabel");return r.createElement(e,D(g({},t),{ref:a,id:i,"data-reach-alert-dialog-label":!0}))});T.displayName="AlertDialogLabel";var x=r.forwardRef(function(o,l){var i=o,{as:t="div"}=i,a=f(i,["as"]);let{descriptionId:s}=b("AlertDialogDescription");return r.createElement(t,D(g({},a),{ref:l,id:s,"data-reach-alert-dialog-description":!0}))});x.displayName="AlertDialogDescription";var E=r.forwardRef(function(c,s){var n=c,{id:t,isOpen:a,onDismiss:l,leastDestructiveRef:o}=n,i=f(n,["id","isOpen","onDismiss","leastDestructiveRef"]);return r.createElement(y,g({},{isOpen:a,onDismiss:l,leastDestructiveRef:o,id:t}),r.createElement(w,g({ref:s},i)))});E.displayName="AlertDialog";0&&(module.exports={AlertDialog,AlertDialogContent,AlertDialogDescription,AlertDialogLabel,AlertDialogOverlay});
+"use strict";var N=Object.create;var p=Object.defineProperty,F=Object.defineProperties,M=Object.getOwnPropertyDescriptor,H=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols,V=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var P=(e,t,a)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,g=(e,t)=>{for(var a in t||(t={}))A.call(t,a)&&P(e,a,t[a]);if(m)for(var a of m(t))C.call(t,a)&&P(e,a,t[a]);return e},D=(e,t)=>F(e,H(t));var f=(e,t)=>{var a={};for(var l in e)A.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(e!=null&&m)for(var l of m(e))t.indexOf(l)<0&&C.call(e,l)&&(a[l]=e[l]);return a};var Y=(e,t)=>{for(var a in t)p(e,a,{get:t[a],enumerable:!0})},I=(e,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of j(t))!A.call(e,o)&&o!==a&&p(e,o,{get:()=>t[o],enumerable:!(l=M(t,o))||l.enumerable});return e};var L=(e,t,a)=>(a=e!=null?N(V(e)):{},I(t||!e||!e.__esModule?p(a,"default",{value:e,enumerable:!0}):a,e)),k=e=>I(p({},"__esModule",{value:!0}),e);var K={};Y(K,{AlertDialog:()=>E,AlertDialogContent:()=>w,AlertDialogDescription:()=>x,AlertDialogLabel:()=>T,AlertDialogOverlay:()=>y});module.exports=k(K);var r=L(require("react")),h=require("@reach/dialog"),O=require("@reach/auto-id"),d=require("@reach/utils"),v=L(require("tiny-invariant")),[B,b]=(0,d.createContext)("AlertDialog"),y=r.forwardRef(function(o,l){var i=o,{leastDestructiveRef:t}=i,a=f(i,["leastDestructiveRef"]);let s=r.useRef(null),c=(0,d.useComposedRefs)(l,s),n=(0,O.useId)(a.id),u=n?(0,d.makeId)("alert-dialog",n):void 0,R=n?(0,d.makeId)("alert-dialog-description",n):void 0;return r.createElement(B,{labelId:u,descriptionId:R,overlayRef:s,leastDestructiveRef:t},r.createElement(h.DialogOverlay,D(g({},a),{ref:c,"data-reach-alert-dialog-overlay":!0,initialFocusRef:t})))});y.displayName="AlertDialogOverlay";var w=r.forwardRef(function(o,l){var i=o,{children:t}=i,a=f(i,["children"]);let{descriptionId:s,labelId:c,leastDestructiveRef:n,overlayRef:u}=b("AlertDialogContent");return r.useEffect(()=>{let R=(0,d.getOwnerDocument)(u.current);c&&(0,v.default)(R.getElementById(c),"@reach/alert-dialog: You must render a `<AlertDialogLabel>`\n          inside an `<AlertDialog/>`."),(0,v.default)(n,"@reach/alert-dialog: You must provide a `leastDestructiveRef` to\n          `<AlertDialog>` or `<AlertDialogOverlay/>`. Please see\n          https://ui.reach.tech/alert-dialog/#alertdialogoverlay-leastdestructiveref")},[c,n]),r.createElement(h.DialogContent,D(g({role:"alertdialog","aria-describedby":s,"aria-labelledby":a["aria-label"]?void 0:c},a),{ref:l,"data-reach-alert-dialong-content":!0,"data-reach-alert-dialog-content":!0}),t)});w.displayName="AlertDialogContent";var T=r.forwardRef(function(l,a){var o=l,{as:e="div"}=o,t=f(o,["as"]);let{labelId:i}=b("AlertDialogLabel");return r.createElement(e,D(g({},t),{ref:a,id:i,"data-reach-alert-dialog-label":!0}))});T.displayName="AlertDialogLabel";var x=r.forwardRef(function(o,l){var i=o,{as:t="div"}=i,a=f(i,["as"]);let{descriptionId:s}=b("AlertDialogDescription");return r.createElement(t,D(g({},a),{ref:l,id:s,"data-reach-alert-dialog-description":!0}))});x.displayName="AlertDialogDescription";var E=r.forwardRef(function(c,s){var n=c,{id:t,isOpen:a,onDismiss:l,leastDestructiveRef:o}=n,i=f(n,["id","isOpen","onDismiss","leastDestructiveRef"]);return r.createElement(y,g({},{isOpen:a,onDismiss:l,leastDestructiveRef:o,id:t}),r.createElement(w,g({ref:s},i)))});E.displayName="AlertDialog";0&&(module.exports={AlertDialog,AlertDialogContent,AlertDialogDescription,AlertDialogLabel,AlertDialogOverlay});

dist/reach-alert-dialog.d.ts

 /**
-  * @reach/alert-dialog v0.18.0-pre.3
+  * @reach/alert-dialog v0.18.0-pre.4
   *
@@ -13,3 +13,3 @@ * Copyright (c) 2018-2022, React Training LLC
 import * as React from 'react';
-import { Polymorphic } from '@reach/utils';
+import * as Polymorphic from '@reach/polymorphic';
 import { DialogContentProps, DialogProps } from '@reach/dialog';
@@ -16,0 +16,0 @@

package.json

 {
   "name": "@reach/alert-dialog",
-  "version": "0.18.0-pre.3",
+  "version": "0.18.0-pre.4",
   "description": "Accessible React Alert Dialog.",
@@ -13,5 +13,6 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/auto-id": "0.18.0-pre.3",
-    "@reach/dialog": "0.18.0-pre.3",
-    "@reach/utils": "0.18.0-pre.3",
+    "@reach/auto-id": "0.18.0-pre.4",
+    "@reach/dialog": "0.18.0-pre.4",
+    "@reach/polymorphic": "0.18.0-pre.4",
+    "@reach/utils": "0.18.0-pre.4",
     "tiny-invariant": "^1.2.0"
@@ -18,0 +19,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

41693

increased by1.53%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Added@reach/polymorphic@0.18.0-pre.4

• + Added@reach/auto-id@0.18.0-pre.4(transitive)

• + Added@reach/dialog@0.18.0-pre.4(transitive)

• + Added@reach/polymorphic@0.18.0-pre.4(transitive)

• + Added@reach/portal@0.18.0-pre.4(transitive)

• + Added@reach/utils@0.18.0-pre.4(transitive)

• - Removed@reach/auto-id@0.18.0-pre.3(transitive)

• - Removed@reach/dialog@0.18.0-pre.3(transitive)

• - Removed@reach/portal@0.18.0-pre.3(transitive)

• - Removed@reach/utils@0.18.0-pre.3(transitive)

• Updated@reach/auto-id@0.18.0-pre.4

• Updated@reach/dialog@0.18.0-pre.4

• Updated@reach/utils@0.18.0-pre.4