@spark-web/a11y - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

CHANGELOG.md

 # @spark-web/a11y
 
+## 1.0.1
+
+### Patch Changes
+
+- [#36](https://github.com/brighte-labs/spark-web/pull/36)
+  [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel
+  config
+
+- Updated dependencies
+  [[`aebff30`](https://github.com/brighte-labs/spark-web/commit/aebff30c86cb0a9db22b545c46159ce0d1c14afb),
+  [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)]:
+  - @spark-web/theme@2.0.0
+  - @spark-web/utils@1.0.1
+
 ## 1.0.0
@@ -4,0 +19,0 @@

dist/declarations/src/VisuallyHidden.d.ts

@@ -11,3 +11,3 @@ import type { ReactNode } from 'react';
     as?: Comp | undefined;
-    ref?: import("react").Ref<Comp extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "circle" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap | "set" ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "circle" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | "set">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
+    ref?: import("react").Ref<Comp extends "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "set" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "set">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
 } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & VisuallyHiddenProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
@@ -14,0 +14,0 @@ export declare const visuallyHiddenStyles: {

dist/spark-web-a11y.cjs.dev.js

@@ -5,8 +5,9 @@ 'use strict';
 
-var React = require('react');
-var _defineProperty = require('@babel/runtime/helpers/esm/defineProperty');
+var jsxRuntime = require('react/jsx-runtime');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var theme = require('@spark-web/theme');
 var polished = require('polished');
-var _extends = require('@babel/runtime/helpers/esm/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/esm/objectWithoutProperties');
+var React = require('react');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var css = require('@emotion/css');
@@ -35,16 +36,13 @@ var ts = require('@spark-web/utils/ts');
 
-var __jsx$2 = React__namespace["default"].createElement;
 var Emoji = function Emoji(_ref) {
   var label = _ref.label,
       symbol = _ref.symbol;
-  return __jsx$2("span", {
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
     "aria-hidden": label ? undefined : true,
     "aria-label": label,
-    role: "img"
-  }, symbol);
+    role: "img",
+    children: symbol
+  });
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var focusVisibleDataAttribute = 'data-brighte-focus-visible';
@@ -96,3 +94,3 @@
 
-var __jsx$1 = React__namespace.createElement;
+// Implementation heavily inspired by react-aria's:
 var defaultIdContext = {
@@ -115,5 +113,6 @@ prefix: Math.round(Math.random() * 10000000000),
   }, [isRootIdProvider, currentContext]);
-  return __jsx$1(IdContext.Provider, {
-    value: context
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(IdContext.Provider, {
+    value: context,
+    children: children
+  });
 } // Utils
@@ -163,3 +162,2 @@ // ------------------------------
 var _excluded = ["as"];
-var __jsx = React__namespace["default"].createElement;
 
@@ -175,3 +173,3 @@ /**
 
-  return __jsx(Tag, _extends({
+  return /*#__PURE__*/jsxRuntime.jsx(Tag, _objectSpread({
     ref: ref,
@@ -178,0 +176,0 @@ className: css.css(visuallyHiddenStyles)

dist/spark-web-a11y.cjs.prod.js

@@ -5,8 +5,9 @@ 'use strict';
 
-var React = require('react');
-var _defineProperty = require('@babel/runtime/helpers/esm/defineProperty');
+var jsxRuntime = require('react/jsx-runtime');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var theme = require('@spark-web/theme');
 var polished = require('polished');
-var _extends = require('@babel/runtime/helpers/esm/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/esm/objectWithoutProperties');
+var React = require('react');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var css = require('@emotion/css');
@@ -35,16 +36,13 @@ var ts = require('@spark-web/utils/ts');
 
-var __jsx$2 = React__namespace["default"].createElement;
 var Emoji = function Emoji(_ref) {
   var label = _ref.label,
       symbol = _ref.symbol;
-  return __jsx$2("span", {
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
     "aria-hidden": label ? undefined : true,
     "aria-label": label,
-    role: "img"
-  }, symbol);
+    role: "img",
+    children: symbol
+  });
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var focusVisibleDataAttribute = 'data-brighte-focus-visible';
@@ -96,3 +94,3 @@
 
-var __jsx$1 = React__namespace.createElement;
+// Implementation heavily inspired by react-aria's:
 var defaultIdContext = {
@@ -115,5 +113,6 @@ prefix: Math.round(Math.random() * 10000000000),
   }, [isRootIdProvider, currentContext]);
-  return __jsx$1(IdContext.Provider, {
-    value: context
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(IdContext.Provider, {
+    value: context,
+    children: children
+  });
 } // Utils
@@ -163,3 +162,2 @@ // ------------------------------
 var _excluded = ["as"];
-var __jsx = React__namespace["default"].createElement;
 
@@ -175,3 +173,3 @@ /**
 
-  return __jsx(Tag, _extends({
+  return /*#__PURE__*/jsxRuntime.jsx(Tag, _objectSpread({
     ref: ref,
@@ -178,0 +176,0 @@ className: css.css(visuallyHiddenStyles)

dist/spark-web-a11y.esm.js

@@ -1,7 +0,8 @@
-import * as React from 'react';
-import React__default, { useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 import { useTheme } from '@spark-web/theme';
 import { rgba } from 'polished';
-import _extends from '@babel/runtime/helpers/esm/extends';
+import * as React from 'react';
+import { useEffect } from 'react';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
@@ -11,16 +12,13 @@ import { css } from '@emotion/css';
 
-var __jsx$2 = React__default.createElement;
 var Emoji = function Emoji(_ref) {
   var label = _ref.label,
       symbol = _ref.symbol;
-  return __jsx$2("span", {
+  return /*#__PURE__*/jsx("span", {
     "aria-hidden": label ? undefined : true,
     "aria-label": label,
-    role: "img"
-  }, symbol);
+    role: "img",
+    children: symbol
+  });
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var focusVisibleDataAttribute = 'data-brighte-focus-visible';
@@ -72,3 +70,3 @@
 
-var __jsx$1 = React.createElement;
+// Implementation heavily inspired by react-aria's:
 var defaultIdContext = {
@@ -91,5 +89,6 @@ prefix: Math.round(Math.random() * 10000000000),
   }, [isRootIdProvider, currentContext]);
-  return __jsx$1(IdContext.Provider, {
-    value: context
-  }, children);
+  return /*#__PURE__*/jsx(IdContext.Provider, {
+    value: context,
+    children: children
+  });
 } // Utils
@@ -139,3 +138,2 @@ // ------------------------------
 var _excluded = ["as"];
-var __jsx = React__default.createElement;
 
@@ -151,3 +149,3 @@ /**
 
-  return __jsx(Tag, _extends({
+  return /*#__PURE__*/jsx(Tag, _objectSpread({
     ref: ref,
@@ -154,0 +152,0 @@ className: css(visuallyHiddenStyles)

package.json

 {
   "name": "@spark-web/a11y",
   "license": "MIT",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "dist/spark-web-a11y.cjs.js",
@@ -13,4 +13,4 @@ "module": "dist/spark-web-a11y.esm.js",
     "@emotion/css": "^11.7.1",
-    "@spark-web/theme": "^1.0.0",
-    "@spark-web/utils": "^1.0.0",
+    "@spark-web/theme": "^2.0.0",
+    "@spark-web/utils": "^1.0.1",
     "polished": "^4.1.3",
@@ -17,0 +17,0 @@ "react": "^17.0.2"

No alert changes

Worsened metrics

Total package byte prevSize

32283

decreased by-5.5%

Lines of code

743

decreased by-1.2%

Dependency changes

• + Added@spark-web/theme@2.0.2(transitive)

• - Removed@spark-web/theme@1.0.0(transitive)

• Updated@spark-web/theme@^2.0.0

• Updated@spark-web/utils@^1.0.1