@react-spectrum/tag 3.3.10 → 3.4.0

package/dist/import.mjs

@@ -1,5 +1,5 @@
-import {TagGroup as $880d112c7a588209$export$67ea30858aaf75e3} from "./TagGroup.mjs";
-import {Item as $c14698d57a91452e$re_export$Item} from "@react-stately/collections";
+import {TagGroup as $423f8fcf23477fa1$re_export$TagGroup} from "@adobe/react-spectrum/TagGroup";
+import {Item as $423f8fcf23477fa1$re_export$Item} from "react-stately/Item";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -15,5 +15,5 @@ import {Item as $c14698d57a91452e$re_export$Item} from "@react-stately/collectio
 
 
 
-export {$880d112c7a588209$export$67ea30858aaf75e3 as TagGroup, $c14698d57a91452e$re_export$Item as Item};
+export {$423f8fcf23477fa1$re_export$TagGroup as TagGroup, $423f8fcf23477fa1$re_export$Item as Item};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,13 +1,13 @@
-var $e7b72d8874e98cd4$exports = require("./TagGroup.main.js");
-var $dTV3V$reactstatelycollections = require("@react-stately/collections");
+var $76Dju$adobereactspectrumTagGroup = require("@adobe/react-spectrum/TagGroup");
+var $76Dju$reactstatelyItem = require("react-stately/Item");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "TagGroup", () => $e7b72d8874e98cd4$exports.TagGroup);
-$parcel$export(module.exports, "Item", () => $dTV3V$reactstatelycollections.Item);
+$parcel$export(module.exports, "TagGroup", function () { return $76Dju$adobereactspectrumTagGroup.TagGroup; });
+$parcel$export(module.exports, "Item", function () { return $76Dju$reactstatelyItem.Item; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-spectrum/tag/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-spectrum/tag/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from '@adobe/react-spectrum/TagGroup';\n\nexport type {SpectrumTagGroupProps} from '@adobe/react-spectrum/TagGroup';\nexport {Item} from 'react-stately/Item';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,5 +1,5 @@
-import {TagGroup as $880d112c7a588209$export$67ea30858aaf75e3} from "./TagGroup.module.js";
-import {Item as $c14698d57a91452e$re_export$Item} from "@react-stately/collections";
+import {TagGroup as $423f8fcf23477fa1$re_export$TagGroup} from "@adobe/react-spectrum/TagGroup";
+import {Item as $423f8fcf23477fa1$re_export$Item} from "react-stately/Item";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -15,5 +15,5 @@ import {Item as $c14698d57a91452e$re_export$Item} from "@react-stately/collectio
 
 
 
-export {$880d112c7a588209$export$67ea30858aaf75e3 as TagGroup, $c14698d57a91452e$re_export$Item as Item};
+export {$423f8fcf23477fa1$re_export$TagGroup as TagGroup, $423f8fcf23477fa1$re_export$Item as Item};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-spectrum/tag/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from './TagGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumTagGroupProps} from './TagGroup';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-spectrum/tag/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {TagGroup} from '@adobe/react-spectrum/TagGroup';\n\nexport type {SpectrumTagGroupProps} from '@adobe/react-spectrum/TagGroup';\nexport {Item} from 'react-stately/Item';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,3 @@
+export { TagGroup } from '@adobe/react-spectrum/TagGroup';
+export type { SpectrumTagGroupProps } from '@adobe/react-spectrum/TagGroup';
+export { Item } from 'react-stately/Item';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-spectrum/tag",
-  "version": "3.3.10",
+  "version": "3.4.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "source": "src/index.ts",
   "files": [
     "dist",
@@ -24,48 +24,23 @@
     "*.css"
   ],
   "targets": {
-    "main": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    },
-    "module": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    }
+    "types": false
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "^3.21.5",
-    "@react-aria/i18n": "^3.12.16",
-    "@react-aria/interactions": "^3.27.1",
-    "@react-aria/selection": "^3.27.2",
-    "@react-aria/tag": "^3.8.1",
-    "@react-aria/utils": "^3.33.1",
-    "@react-spectrum/button": "^3.17.7",
-    "@react-spectrum/form": "^3.7.22",
-    "@react-spectrum/label": "^3.16.22",
-    "@react-spectrum/text": "^3.5.25",
-    "@react-spectrum/utils": "^3.12.12",
-    "@react-stately/collections": "^3.12.10",
-    "@react-stately/list": "^3.13.4",
-    "@react-types/shared": "^3.33.1",
-    "@swc/helpers": "^0.5.0"
-  },
-  "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
+    "@adobe/react-spectrum": "3.47.0",
+    "@swc/helpers": "^0.5.0",
+    "react-stately": "3.46.0"
   },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0",
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
     "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -10,6 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-export {TagGroup} from './TagGroup';
-export {Item} from '@react-stately/collections';
-export type {SpectrumTagGroupProps} from './TagGroup';
+export {TagGroup} from '@adobe/react-spectrum/TagGroup';
+
+export type {SpectrumTagGroupProps} from '@adobe/react-spectrum/TagGroup';
+export {Item} from 'react-stately/Item';

package/dist/Tag.main.js

@@ -1,95 +0,0 @@
-require("./tag.9dd3cf2c.css");
-var $ed889f8f1f091fc8$exports = require("./tags_vars_css.main.js");
-var $hZPqg$reactariatag = require("@react-aria/tag");
-var $hZPqg$reactspectrumutils = require("@react-spectrum/utils");
-var $hZPqg$reactspectrumbutton = require("@react-spectrum/button");
-var $hZPqg$reactariautils = require("@react-aria/utils");
-var $hZPqg$react = require("react");
-var $hZPqg$reactspectrumtext = require("@react-spectrum/text");
-var $hZPqg$reactariafocus = require("@react-aria/focus");
-var $hZPqg$reactariainteractions = require("@react-aria/interactions");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "Tag", () => $dd2c5d00108c1840$export$3288d34c523a1192);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-function $dd2c5d00108c1840$export$3288d34c523a1192(props) {
-    const { item: item, state: state, ...otherProps } = props;
-    // @ts-ignore
-    let { styleProps: styleProps } = (0, $hZPqg$reactspectrumutils.useStyleProps)(otherProps);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $hZPqg$reactariainteractions.useHover)({});
-    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $hZPqg$reactariafocus.useFocusRing)({
-        within: false
-    });
-    let ref = (0, $hZPqg$react.useRef)(null);
-    let { removeButtonProps: removeButtonProps, gridCellProps: gridCellProps, rowProps: rowProps, allowsRemoving: allowsRemoving } = (0, $hZPqg$reactariatag.useTag)({
-        ...props,
-        item: item
-    }, state, ref);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement("div", {
-        ...(0, $hZPqg$reactariautils.mergeProps)(rowProps, hoverProps, focusProps),
-        className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag', {
-            'focus-ring': isFocusVisible,
-            'is-focused': isFocused,
-            'is-hovered': isHovered,
-            'spectrum-Tag--removable': allowsRemoving
-        }, styleProps.className),
-        ref: ref
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement("div", {
-        className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-cell'),
-        ...gridCellProps
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement((0, $hZPqg$reactspectrumutils.SlotProvider), {
-        slots: {
-            icon: {
-                UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-icon'),
-                size: 'XS'
-            },
-            text: {
-                UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-content')
-            },
-            avatar: {
-                UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-avatar'),
-                size: 'avatar-size-50'
-            }
-        }
-    }, typeof item.rendered === 'string' ? /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement((0, $hZPqg$reactspectrumtext.Text), null, item.rendered) : item.rendered, /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement((0, $hZPqg$reactspectrumutils.ClearSlots), null, allowsRemoving && /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement($dd2c5d00108c1840$var$TagRemoveButton, {
-        item: item,
-        ...removeButtonProps,
-        UNSAFE_className: (0, $hZPqg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ed889f8f1f091fc8$exports))), 'spectrum-Tag-removeButton')
-    })))));
-}
-function $dd2c5d00108c1840$var$TagRemoveButton(props) {
-    let { styleProps: styleProps } = (0, $hZPqg$reactspectrumutils.useStyleProps)(props);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement("span", styleProps, /*#__PURE__*/ (0, ($parcel$interopDefault($hZPqg$react))).createElement((0, $hZPqg$reactspectrumbutton.ClearButton), {
-        ...props,
-        inset: true
-    }));
-}
-
-
-//# sourceMappingURL=Tag.main.js.map

package/dist/Tag.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAiBM,SAAS,0CAAO,KAA0B;IAC/C,MAAM,QACJ,IAAI,SACJ,KAAK,EACL,GAAG,YACJ,GAAG;IAEJ,aAAa;IACb,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE,CAAC;IACxC,IAAI,aAAC,SAAS,kBAAE,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,kCAAW,EAAE;QAAC,QAAQ;IAAK;IACzE,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAE;IACjB,IAAI,qBAAC,iBAAiB,iBAAE,aAAa,YAAE,QAAQ,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,0BAAK,EAAE;QACxE,GAAG,KAAK;cACR;IACF,GAAG,OAAO;IAEV,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,gCAAS,EAAE,UAAU,YAAY,WAAW;QAChD,WAAW,CAAA,GAAA,oCAAS,EAChB,CAAA,GAAA,mDAAK,GACL,gBACF;YACE,cAAc;YACd,cAAc;YACd,cAAc;YACd,2BAA2B;QAC7B,GACE,WAAW,SAAS;QAExB,KAAK;qBACL,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC7B,GAAG,aAAa;qBACjB,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,MAAM;gBAAC,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;gBAAsB,MAAM;YAAI;YAC5E,MAAM;gBAAC,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAAuB;YACnE,QAAQ;gBAAC,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;gBAAwB,MAAM;YAAgB;QAC9F;OACC,OAAO,KAAK,QAAQ,KAAK,yBAAW,0DAAC,CAAA,GAAA,6BAAG,SAAG,KAAK,QAAQ,IAAW,KAAK,QAAQ,gBACjF,0DAAC,CAAA,GAAA,oCAAS,SACP,gCAAkB,0DAAC;QAAgB,MAAM;QAAO,GAAG,iBAAiB;QAAE,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;;AAMxH;AAEA,SAAS,sCAAgB,KAAK;IAC5B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,qBACE,0DAAC,QAAS,0BACR,0DAAC,CAAA,GAAA,sCAAU;QAAG,GAAG,KAAK;QAAE,OAAA;;AAG9B","sources":["packages/@react-spectrum/tag/src/Tag.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaTagProps, useTag} from '@react-aria/tag';\nimport {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ReactNode, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\n\nexport interface SpectrumTagProps<T> extends AriaTagProps<T> {\n  state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>): ReactNode {\n  const {\n    item,\n    state,\n    ...otherProps\n  } = props;\n\n  // @ts-ignore\n  let {styleProps} = useStyleProps(otherProps);\n  let {hoverProps, isHovered} = useHover({});\n  let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: false});\n  let ref = useRef(null);\n  let {removeButtonProps, gridCellProps, rowProps, allowsRemoving} = useTag({\n    ...props,\n    item\n  }, state, ref);\n\n  return (\n    <div\n      {...mergeProps(rowProps, hoverProps, focusProps)}\n      className={classNames(\n          styles,\n          'spectrum-Tag',\n        {\n          'focus-ring': isFocusVisible,\n          'is-focused': isFocused,\n          'is-hovered': isHovered,\n          'spectrum-Tag--removable': allowsRemoving\n        },\n          styleProps.className\n        )}\n      ref={ref}>\n      <div\n        className={classNames(styles, 'spectrum-Tag-cell')}\n        {...gridCellProps}>\n        <SlotProvider\n          slots={{\n            icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n            text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content')},\n            avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n          }}>\n          {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n          <ClearSlots>\n            {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n          </ClearSlots>\n        </SlotProvider>\n      </div>\n    </div>\n  );\n}\n\nfunction TagRemoveButton(props) {\n  let {styleProps} = useStyleProps(props);\n\n  return (\n    <span {...styleProps}>\n      <ClearButton {...props} inset />\n    </span>\n  );\n}\n"],"names":[],"version":3,"file":"Tag.main.js.map"}

package/dist/Tag.mjs

@@ -1,90 +0,0 @@
-import "./tag.9dd3cf2c.css";
-import $X1F04$tags_vars_cssmodulejs from "./tags_vars_css.mjs";
-import {useTag as $X1F04$useTag} from "@react-aria/tag";
-import {useStyleProps as $X1F04$useStyleProps, classNames as $X1F04$classNames, SlotProvider as $X1F04$SlotProvider, ClearSlots as $X1F04$ClearSlots} from "@react-spectrum/utils";
-import {ClearButton as $X1F04$ClearButton} from "@react-spectrum/button";
-import {mergeProps as $X1F04$mergeProps} from "@react-aria/utils";
-import $X1F04$react, {useRef as $X1F04$useRef} from "react";
-import {Text as $X1F04$Text} from "@react-spectrum/text";
-import {useFocusRing as $X1F04$useFocusRing} from "@react-aria/focus";
-import {useHover as $X1F04$useHover} from "@react-aria/interactions";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
-    const { item: item, state: state, ...otherProps } = props;
-    // @ts-ignore
-    let { styleProps: styleProps } = (0, $X1F04$useStyleProps)(otherProps);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $X1F04$useHover)({});
-    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $X1F04$useFocusRing)({
-        within: false
-    });
-    let ref = (0, $X1F04$useRef)(null);
-    let { removeButtonProps: removeButtonProps, gridCellProps: gridCellProps, rowProps: rowProps, allowsRemoving: allowsRemoving } = (0, $X1F04$useTag)({
-        ...props,
-        item: item
-    }, state, ref);
-    return /*#__PURE__*/ (0, $X1F04$react).createElement("div", {
-        ...(0, $X1F04$mergeProps)(rowProps, hoverProps, focusProps),
-        className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag', {
-            'focus-ring': isFocusVisible,
-            'is-focused': isFocused,
-            'is-hovered': isHovered,
-            'spectrum-Tag--removable': allowsRemoving
-        }, styleProps.className),
-        ref: ref
-    }, /*#__PURE__*/ (0, $X1F04$react).createElement("div", {
-        className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-cell'),
-        ...gridCellProps
-    }, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$SlotProvider), {
-        slots: {
-            icon: {
-                UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-icon'),
-                size: 'XS'
-            },
-            text: {
-                UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-content')
-            },
-            avatar: {
-                UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-avatar'),
-                size: 'avatar-size-50'
-            }
-        }
-    }, typeof item.rendered === 'string' ? /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$Text), null, item.rendered) : item.rendered, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$ClearSlots), null, allowsRemoving && /*#__PURE__*/ (0, $X1F04$react).createElement($b5f5ee35d3b6b95c$var$TagRemoveButton, {
-        item: item,
-        ...removeButtonProps,
-        UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-removeButton')
-    })))));
-}
-function $b5f5ee35d3b6b95c$var$TagRemoveButton(props) {
-    let { styleProps: styleProps } = (0, $X1F04$useStyleProps)(props);
-    return /*#__PURE__*/ (0, $X1F04$react).createElement("span", styleProps, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$ClearButton), {
-        ...props,
-        inset: true
-    }));
-}
-
-
-export {$b5f5ee35d3b6b95c$export$3288d34c523a1192 as Tag};
-//# sourceMappingURL=Tag.module.js.map

package/dist/Tag.module.js

@@ -1,90 +0,0 @@
-import "./tag.9dd3cf2c.css";
-import $X1F04$tags_vars_cssmodulejs from "./tags_vars_css.module.js";
-import {useTag as $X1F04$useTag} from "@react-aria/tag";
-import {useStyleProps as $X1F04$useStyleProps, classNames as $X1F04$classNames, SlotProvider as $X1F04$SlotProvider, ClearSlots as $X1F04$ClearSlots} from "@react-spectrum/utils";
-import {ClearButton as $X1F04$ClearButton} from "@react-spectrum/button";
-import {mergeProps as $X1F04$mergeProps} from "@react-aria/utils";
-import $X1F04$react, {useRef as $X1F04$useRef} from "react";
-import {Text as $X1F04$Text} from "@react-spectrum/text";
-import {useFocusRing as $X1F04$useFocusRing} from "@react-aria/focus";
-import {useHover as $X1F04$useHover} from "@react-aria/interactions";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
-    const { item: item, state: state, ...otherProps } = props;
-    // @ts-ignore
-    let { styleProps: styleProps } = (0, $X1F04$useStyleProps)(otherProps);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $X1F04$useHover)({});
-    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $X1F04$useFocusRing)({
-        within: false
-    });
-    let ref = (0, $X1F04$useRef)(null);
-    let { removeButtonProps: removeButtonProps, gridCellProps: gridCellProps, rowProps: rowProps, allowsRemoving: allowsRemoving } = (0, $X1F04$useTag)({
-        ...props,
-        item: item
-    }, state, ref);
-    return /*#__PURE__*/ (0, $X1F04$react).createElement("div", {
-        ...(0, $X1F04$mergeProps)(rowProps, hoverProps, focusProps),
-        className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag', {
-            'focus-ring': isFocusVisible,
-            'is-focused': isFocused,
-            'is-hovered': isHovered,
-            'spectrum-Tag--removable': allowsRemoving
-        }, styleProps.className),
-        ref: ref
-    }, /*#__PURE__*/ (0, $X1F04$react).createElement("div", {
-        className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-cell'),
-        ...gridCellProps
-    }, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$SlotProvider), {
-        slots: {
-            icon: {
-                UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-icon'),
-                size: 'XS'
-            },
-            text: {
-                UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-content')
-            },
-            avatar: {
-                UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-avatar'),
-                size: 'avatar-size-50'
-            }
-        }
-    }, typeof item.rendered === 'string' ? /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$Text), null, item.rendered) : item.rendered, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$ClearSlots), null, allowsRemoving && /*#__PURE__*/ (0, $X1F04$react).createElement($b5f5ee35d3b6b95c$var$TagRemoveButton, {
-        item: item,
-        ...removeButtonProps,
-        UNSAFE_className: (0, $X1F04$classNames)((0, ($parcel$interopDefault($X1F04$tags_vars_cssmodulejs))), 'spectrum-Tag-removeButton')
-    })))));
-}
-function $b5f5ee35d3b6b95c$var$TagRemoveButton(props) {
-    let { styleProps: styleProps } = (0, $X1F04$useStyleProps)(props);
-    return /*#__PURE__*/ (0, $X1F04$react).createElement("span", styleProps, /*#__PURE__*/ (0, $X1F04$react).createElement((0, $X1F04$ClearButton), {
-        ...props,
-        inset: true
-    }));
-}
-
-
-export {$b5f5ee35d3b6b95c$export$3288d34c523a1192 as Tag};
-//# sourceMappingURL=Tag.module.js.map

package/dist/Tag.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAiBM,SAAS,0CAAO,KAA0B;IAC/C,MAAM,QACJ,IAAI,SACJ,KAAK,EACL,GAAG,YACJ,GAAG;IAEJ,aAAa;IACb,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE,CAAC;IACxC,IAAI,aAAC,SAAS,kBAAE,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QAAC,QAAQ;IAAK;IACzE,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,qBAAC,iBAAiB,iBAAE,aAAa,YAAE,QAAQ,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,aAAK,EAAE;QACxE,GAAG,KAAK;cACR;IACF,GAAG,OAAO;IAEV,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,YAAY,WAAW;QAChD,WAAW,CAAA,GAAA,iBAAS,EAChB,CAAA,GAAA,sDAAK,GACL,gBACF;YACE,cAAc;YACd,cAAc;YACd,cAAc;YACd,2BAA2B;QAC7B,GACE,WAAW,SAAS;QAExB,KAAK;qBACL,gCAAC;QACC,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC7B,GAAG,aAAa;qBACjB,gCAAC,CAAA,GAAA,mBAAW;QACV,OAAO;YACL,MAAM;gBAAC,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;gBAAsB,MAAM;YAAI;YAC5E,MAAM;gBAAC,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;YAAuB;YACnE,QAAQ;gBAAC,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;gBAAwB,MAAM;YAAgB;QAC9F;OACC,OAAO,KAAK,QAAQ,KAAK,yBAAW,gCAAC,CAAA,GAAA,WAAG,SAAG,KAAK,QAAQ,IAAW,KAAK,QAAQ,gBACjF,gCAAC,CAAA,GAAA,iBAAS,SACP,gCAAkB,gCAAC;QAAgB,MAAM;QAAO,GAAG,iBAAiB;QAAE,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;;AAMxH;AAEA,SAAS,sCAAgB,KAAK;IAC5B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IAEjC,qBACE,gCAAC,QAAS,0BACR,gCAAC,CAAA,GAAA,kBAAU;QAAG,GAAG,KAAK;QAAE,OAAA;;AAG9B","sources":["packages/@react-spectrum/tag/src/Tag.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaTagProps, useTag} from '@react-aria/tag';\nimport {classNames, ClearSlots, SlotProvider, useStyleProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport type {ListState} from '@react-stately/list';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ReactNode, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/tags/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useHover} from '@react-aria/interactions';\n\nexport interface SpectrumTagProps<T> extends AriaTagProps<T> {\n  state: ListState<T>\n}\n\nexport function Tag<T>(props: SpectrumTagProps<T>): ReactNode {\n  const {\n    item,\n    state,\n    ...otherProps\n  } = props;\n\n  // @ts-ignore\n  let {styleProps} = useStyleProps(otherProps);\n  let {hoverProps, isHovered} = useHover({});\n  let {isFocused, isFocusVisible, focusProps} = useFocusRing({within: false});\n  let ref = useRef(null);\n  let {removeButtonProps, gridCellProps, rowProps, allowsRemoving} = useTag({\n    ...props,\n    item\n  }, state, ref);\n\n  return (\n    <div\n      {...mergeProps(rowProps, hoverProps, focusProps)}\n      className={classNames(\n          styles,\n          'spectrum-Tag',\n        {\n          'focus-ring': isFocusVisible,\n          'is-focused': isFocused,\n          'is-hovered': isHovered,\n          'spectrum-Tag--removable': allowsRemoving\n        },\n          styleProps.className\n        )}\n      ref={ref}>\n      <div\n        className={classNames(styles, 'spectrum-Tag-cell')}\n        {...gridCellProps}>\n        <SlotProvider\n          slots={{\n            icon: {UNSAFE_className: classNames(styles, 'spectrum-Tag-icon'), size: 'XS'},\n            text: {UNSAFE_className: classNames(styles, 'spectrum-Tag-content')},\n            avatar: {UNSAFE_className: classNames(styles, 'spectrum-Tag-avatar'), size: 'avatar-size-50'}\n          }}>\n          {typeof item.rendered === 'string' ? <Text>{item.rendered}</Text> : item.rendered}\n          <ClearSlots>\n            {allowsRemoving && <TagRemoveButton item={item} {...removeButtonProps} UNSAFE_className={classNames(styles, 'spectrum-Tag-removeButton')} />}\n          </ClearSlots>\n        </SlotProvider>\n      </div>\n    </div>\n  );\n}\n\nfunction TagRemoveButton(props) {\n  let {styleProps} = useStyleProps(props);\n\n  return (\n    <span {...styleProps}>\n      <ClearButton {...props} inset />\n    </span>\n  );\n}\n"],"names":[],"version":3,"file":"Tag.module.js.map"}