@react-spectrum/tag 3.0.0-nightly.2610 → 3.0.0-nightly.2613

package/dist/import.mjs

@@ -1,3 +1,5 @@
+"use client";
+
 import "./main.css";
 import {Item as $c14698d57a91452e$re_export$Item} from "@react-stately/collections";
 import {ActionButton as $fUaQ2$ActionButton, ClearButton as $fUaQ2$ClearButton} from "@react-spectrum/button";

package/dist/main.css

@@ -1 +1,279 @@
-.fx8d1q_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.fx8d1q_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.fx8d1q_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.fx8d1q_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.fx8d1q_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.fx8d1q_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.fx8d1q_i18nFontFamily:lang(zh-SG),.fx8d1q_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.fx8d1q_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.fx8d1q_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.fx8d1q_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.fx8d1q_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.fx8d1q_spectrum-FocusRing.fx8d1q_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.fx8d1q_spectrum-FocusRing--quiet:after{border-radius:0}.fx8d1q_spectrum-FocusRing--quiet.fx8d1q_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.fx8d1q_spectrum-Tags{display:inline}.fx8d1q_spectrum-Tags.fx8d1q_focus-ring{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:none;display:block}.fx8d1q_spectrum-Tags-container:not(.fx8d1q_spectrum-Tags-container--empty){margin-inline-start:calc(calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)*-1);margin-inline-end:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}.fx8d1q_spectrum-Tag{--spectrum-focus-ring-border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-border-size:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));box-sizing:border-box;cursor:default;margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);block-size:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));border-width:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;outline:none;align-items:center;max-inline-size:100%;padding-inline-start:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)));display:inline-grid;position:relative}.fx8d1q_spectrum-Tag[data-href]{cursor:pointer}.fx8d1q_spectrum-Tag.fx8d1q_is-disabled{cursor:default;pointer-events:none}.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-removeButton{height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - (2*var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin))));width:var(--spectrum-global-dimension-size-300);grid-area:fx8d1q_action}.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-cell{text-overflow:ellipsis;grid-template-columns:auto 1fr auto;grid-template-areas:"fx8d1q_decoration fx8d1q_content fx8d1q_action";align-items:center;display:grid;overflow:hidden}.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-icon,.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-avatar{grid-area:fx8d1q_decoration;margin-inline-end:var(--spectrum-global-dimension-size-100)}.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-content{line-height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - calc(var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin))*2));font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));white-space:nowrap;text-overflow:ellipsis;outline:none;flex:auto;grid-area:fx8d1q_content;margin-inline-end:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125));overflow:hidden}.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable .fx8d1q_spectrum-Tag-content{margin-inline-end:0}.fx8d1q_spectrum-Tags-actions{display:inline}.fx8d1q_spectrum-Tags-actions .fx8d1q_spectrum-Tags-actionButton{height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);display:inline}.fx8d1q_spectrum-Tags-actions .fx8d1q_spectrum-Tags-actionButton.fx8d1q_spectrum-Tags-actionButton>span{padding-inline-start:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125));padding-inline-end:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.fx8d1q_spectrum-Tags-fieldWrapper.fx8d1q_spectrum-Tags-fieldWrapper{width:unset}.fx8d1q_spectrum-Tags-fieldWrapper.fx8d1q_spectrum-Tags-fieldWrapper:not(.fx8d1q_spectrum-Tags-fieldWrapper--positionSide){display:grid}.fx8d1q_spectrum-Tags-empty-state{min-height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300))}.fx8d1q_spectrum-Tag{color:var(--spectrum-tag-text-color,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-border-color,var(--spectrum-global-color-gray-600))}.fx8d1q_spectrum-Tag.fx8d1q_is-hovered{background-color:var(--spectrum-tag-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-hover,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-hover,var(--spectrum-global-color-gray-900))}.fx8d1q_spectrum-Tag.fx8d1q_focus-ring{background-color:var(--spectrum-tag-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-key-focus,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.fx8d1q_spectrum-Tag.fx8d1q_focus-ring:after{box-shadow:0 0 0 var(--spectrum-focus-ring-border-size)var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.fx8d1q_spectrum-Tag.fx8d1q_is-disabled{color:var(--spectrum-tag-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:var(--spectrum-tag-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-tag-border-color-disabled,var(--spectrum-global-color-gray-200))}.fx8d1q_spectrum-Tag.fx8d1q_is-disabled .fx8d1q_spectrum-Tag-avatar{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable.fx8d1q_is-hovered{color:var(--spectrum-tag-removable-text-color-hover,var(--spectrum-global-color-gray-900))}.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable:active{color:var(--spectrum-tag-removable-text-color-down,var(--spectrum-global-color-gray-700))}.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable.fx8d1q_is-focused{color:var(--spectrum-tag-removable-text-color-key-focus,var(--spectrum-global-color-gray-700))}.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable .fx8d1q_spectrum-Tag-removeButton.fx8d1q_is-focused{border:2px solid var(--spectrum-tag-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-tag-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-key-focus,var(--spectrum-global-color-gray-900))}.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable .fx8d1q_spectrum-Tag-removeButton.fx8d1q_is-hovered{color:var(--spectrum-tag-removable-button-icon-color-hover,var(--spectrum-global-color-gray-900))}@media (forced-colors:active){.fx8d1q_spectrum-Tag{forced-color-adjust:none;--spectrum-tag-background-color:ButtonFace;--spectrum-tag-background-color-disabled:ButtonFace;--spectrum-tag-background-color-hover:ButtonFace;--spectrum-tag-background-color-key-focus:ButtonFace;--spectrum-tag-border-color:ButtonText;--spectrum-tag-border-color-disabled:GrayText;--spectrum-tag-border-color-hover:Highlight;--spectrum-tag-border-color-key-focus:Highlight;--spectrum-tag-removable-border-color-key-focus:Highlight;--spectrum-tag-removable-button-background-color-key-focus:ButtonFace;--spectrum-tag-removable-button-icon-color-hover:Highlight;--spectrum-tag-removable-button-icon-color-key-focus:Highlight;--spectrum-tag-removable-text-color-down:ButtonText;--spectrum-tag-removable-text-color-hover:ButtonText;--spectrum-tag-removable-text-color-key-focus:ButtonText;--spectrum-tag-text-color:ButtonText;--spectrum-tag-text-color-disabled:GrayText;--spectrum-tag-text-color-hover:ButtonText;--spectrum-tag-text-color-key-focus:ButtonText}}
+.fx8d1q_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.fx8d1q_i18nFontFamily:lang(ar) {
+  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.fx8d1q_i18nFontFamily:lang(he) {
+  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.fx8d1q_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.fx8d1q_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.fx8d1q_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.fx8d1q_i18nFontFamily:lang(zh-SG) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.fx8d1q_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.fx8d1q_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.fx8d1q_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.fx8d1q_spectrum-FocusRing-ring {
+  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
+  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
+  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
+  --spectrum-focus-ring-border-size: 0px;
+  --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
+}
+
+.fx8d1q_spectrum-FocusRing-ring:after {
+  border-radius: calc(var(--spectrum-focus-ring-border-radius)  + var(--spectrum-focus-ring-gap));
+  content: "";
+  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+  pointer-events: none;
+  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.fx8d1q_spectrum-FocusRing {
+}
+
+.fx8d1q_spectrum-FocusRing.fx8d1q_focus-ring:after {
+  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+}
+
+.fx8d1q_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.fx8d1q_spectrum-FocusRing--quiet.fx8d1q_focus-ring:after {
+  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
+  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+}
+
+.fx8d1q_spectrum-Tags {
+  display: inline;
+}
+
+.fx8d1q_spectrum-Tags.fx8d1q_focus-ring {
+  outline: none;
+}
+
+.fx8d1q_spectrum-Tags.fx8d1q_focus-ring {
+  box-shadow: 0 0 0 2px var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+  outline: none;
+  display: block;
+}
+
+.fx8d1q_spectrum-Tags-container:not(.fx8d1q_spectrum-Tags-container--empty) {
+  margin-inline-start: calc(calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2) * -1);
+  margin-inline-end: calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
+}
+
+.fx8d1q_spectrum-Tag {
+  --spectrum-focus-ring-border-radius: var(--spectrum-tag-border-radius, var(--spectrum-alias-border-radius-regular));
+  --spectrum-focus-ring-border-size: var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin));
+  box-sizing: border-box;
+  cursor: default;
+  margin: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2) calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
+  block-size: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300));
+  border-width: var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin));
+  border-radius: var(--spectrum-tag-border-radius, var(--spectrum-alias-border-radius-regular));
+  -webkit-user-select: none;
+  user-select: none;
+  transition: border-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out, color var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out, background-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+  border-style: solid;
+  outline: none;
+  align-items: center;
+  max-inline-size: 100%;
+  padding-inline-start: calc(var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125))  - var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)));
+  display: inline-grid;
+  position: relative;
+}
+
+.fx8d1q_spectrum-Tag[data-href] {
+  cursor: pointer;
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_is-disabled {
+  cursor: default;
+  pointer-events: none;
+}
+
+.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-removeButton {
+  height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300))  - (2 * var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin))));
+  width: var(--spectrum-global-dimension-size-300);
+  grid-area: fx8d1q_action;
+}
+
+.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-cell {
+  text-overflow: ellipsis;
+  grid-template-columns: auto 1fr auto;
+  grid-template-areas: "fx8d1q_decoration fx8d1q_content fx8d1q_action";
+  align-items: center;
+  display: grid;
+  overflow: hidden;
+}
+
+.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-icon {
+  grid-area: fx8d1q_decoration;
+  margin-inline-end: var(--spectrum-global-dimension-size-100);
+}
+
+.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-avatar {
+  grid-area: fx8d1q_decoration;
+  margin-inline-end: var(--spectrum-global-dimension-size-100);
+}
+
+.fx8d1q_spectrum-Tag .fx8d1q_spectrum-Tag-content {
+  line-height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300))  - calc(var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)) * 2));
+  font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  outline: none;
+  flex: auto;
+  grid-area: fx8d1q_content;
+  margin-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+  overflow: hidden;
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable .fx8d1q_spectrum-Tag-content {
+  margin-inline-end: 0;
+}
+
+.fx8d1q_spectrum-Tags-actions {
+  display: inline;
+}
+
+.fx8d1q_spectrum-Tags-actions .fx8d1q_spectrum-Tags-actionButton {
+  height: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300));
+  font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
+  margin: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2) calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
+  display: inline;
+}
+
+.fx8d1q_spectrum-Tags-actions .fx8d1q_spectrum-Tags-actionButton.fx8d1q_spectrum-Tags-actionButton > span {
+  padding-inline-start: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+  padding-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+}
+
+.fx8d1q_spectrum-Tags-fieldWrapper.fx8d1q_spectrum-Tags-fieldWrapper {
+  width: unset;
+}
+
+.fx8d1q_spectrum-Tags-fieldWrapper.fx8d1q_spectrum-Tags-fieldWrapper:not(.fx8d1q_spectrum-Tags-fieldWrapper--positionSide) {
+  display: grid;
+}
+
+.fx8d1q_spectrum-Tags-empty-state {
+  min-height: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300));
+}
+
+.fx8d1q_spectrum-Tag {
+  color: var(--spectrum-tag-text-color, var(--spectrum-global-color-gray-700));
+  background-color: var(--spectrum-tag-background-color, var(--spectrum-global-color-gray-75));
+  border-color: var(--spectrum-tag-border-color, var(--spectrum-global-color-gray-600));
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_is-hovered {
+  background-color: var(--spectrum-tag-background-color-hover, var(--spectrum-global-color-gray-75));
+  color: var(--spectrum-tag-text-color-hover, var(--spectrum-global-color-gray-900));
+  border-color: var(--spectrum-tag-border-color-hover, var(--spectrum-global-color-gray-900));
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_focus-ring {
+  background-color: var(--spectrum-tag-background-color-key-focus, var(--spectrum-global-color-gray-75));
+  color: var(--spectrum-tag-text-color-key-focus, var(--spectrum-global-color-gray-900));
+  border-color: var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_focus-ring:after {
+  box-shadow: 0 0 0 var(--spectrum-focus-ring-border-size) var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_is-disabled {
+  color: var(--spectrum-tag-text-color-disabled, var(--spectrum-global-color-gray-500));
+  background-color: var(--spectrum-tag-background-color-disabled, var(--spectrum-global-color-gray-200));
+  border-color: var(--spectrum-tag-border-color-disabled, var(--spectrum-global-color-gray-200));
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_is-disabled .fx8d1q_spectrum-Tag-avatar {
+  opacity: var(--spectrum-avatar-small-opacity-disabled, .3);
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable.fx8d1q_is-hovered {
+  color: var(--spectrum-tag-removable-text-color-hover, var(--spectrum-global-color-gray-900));
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable:active {
+  color: var(--spectrum-tag-removable-text-color-down, var(--spectrum-global-color-gray-700));
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable.fx8d1q_is-focused {
+  color: var(--spectrum-tag-removable-text-color-key-focus, var(--spectrum-global-color-gray-700));
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable .fx8d1q_spectrum-Tag-removeButton.fx8d1q_is-focused {
+  border: 2px solid var(--spectrum-tag-removable-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  background-color: var(--spectrum-tag-removable-button-background-color-key-focus, var(--spectrum-global-color-gray-600));
+  color: var(--spectrum-tag-removable-button-icon-color-key-focus, var(--spectrum-global-color-gray-900));
+}
+
+.fx8d1q_spectrum-Tag.fx8d1q_spectrum-Tag--removable .fx8d1q_spectrum-Tag-removeButton.fx8d1q_is-hovered {
+  color: var(--spectrum-tag-removable-button-icon-color-hover, var(--spectrum-global-color-gray-900));
+}
+
+@media (forced-colors: active) {
+  .fx8d1q_spectrum-Tag {
+    forced-color-adjust: none;
+    --spectrum-tag-background-color: ButtonFace;
+    --spectrum-tag-background-color-disabled: ButtonFace;
+    --spectrum-tag-background-color-hover: ButtonFace;
+    --spectrum-tag-background-color-key-focus: ButtonFace;
+    --spectrum-tag-border-color: ButtonText;
+    --spectrum-tag-border-color-disabled: GrayText;
+    --spectrum-tag-border-color-hover: Highlight;
+    --spectrum-tag-border-color-key-focus: Highlight;
+    --spectrum-tag-removable-border-color-key-focus: Highlight;
+    --spectrum-tag-removable-button-background-color-key-focus: ButtonFace;
+    --spectrum-tag-removable-button-icon-color-hover: Highlight;
+    --spectrum-tag-removable-button-icon-color-key-focus: Highlight;
+    --spectrum-tag-removable-text-color-down: ButtonText;
+    --spectrum-tag-removable-text-color-hover: ButtonText;
+    --spectrum-tag-removable-text-color-key-focus: ButtonText;
+    --spectrum-tag-text-color: ButtonText;
+    --spectrum-tag-text-color-disabled: GrayText;
+    --spectrum-tag-text-color-hover: ButtonText;
+    --spectrum-tag-text-color-key-focus: ButtonText;
+  }
+}
+
+/*# sourceMappingURL=main.css.map */

package/dist/main.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;AAGE;;;;AAIA;;;;;;AASA;;;;;AAOF;;;;;;;;;;;;;;;;;;;;;AA2BE;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;;;;AASA;;;;;AAKA;;;;;AAKA;;;;;;;;;;;;AAaE;;;;AAMJ;;;;AAGE;;;;;;;AAOI;;;;;AAQN;;;;AAGE;;;;AAKF;;;;AAgBA;;;;;;AAKE;;;;;;AAMA;;;;;;AAIE;;;;AAKF;;;;;;AAKE;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAKE;;;;;;;AAMA;;;;AAON;EACE","sources":["packages/@adobe/spectrum-css-temp/components/tags/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/main.js

@@ -1,3 +1,5 @@
+"use client";
+
 require("./main.css");
 var $dTV3V$reactstatelycollections = require("@react-stately/collections");
 var $dTV3V$reactspectrumbutton = require("@react-spectrum/button");

package/dist/module.js

@@ -1,3 +1,5 @@
+"use client";
+
 import "./main.css";
 import {Item as $c14698d57a91452e$re_export$Item} from "@react-stately/collections";
 import {ActionButton as $fUaQ2$ActionButton, ClearButton as $fUaQ2$ClearButton} from "@react-spectrum/button";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/tag",
-  "version": "3.0.0-nightly.2610+5e487532e",
+  "version": "3.0.0-nightly.2613+a2146aa2e",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,24 +36,24 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.2610+5e487532e",
-    "@react-aria/i18n": "3.0.0-nightly.2610+5e487532e",
-    "@react-aria/interactions": "3.0.0-nightly.2610+5e487532e",
-    "@react-aria/selection": "3.0.0-nightly.2610+5e487532e",
-    "@react-aria/tag": "3.0.0-nightly.2610+5e487532e",
-    "@react-aria/utils": "3.0.0-nightly.2610+5e487532e",
-    "@react-spectrum/button": "3.0.0-nightly.2610+5e487532e",
-    "@react-spectrum/form": "3.0.0-nightly.2610+5e487532e",
-    "@react-spectrum/label": "3.16.1-nightly.4321+5e487532e",
-    "@react-spectrum/text": "3.5.1-nightly.4321+5e487532e",
-    "@react-spectrum/utils": "3.0.0-nightly.2610+5e487532e",
-    "@react-stately/collections": "3.0.0-nightly.2610+5e487532e",
-    "@react-stately/list": "3.10.2-nightly.4321+5e487532e",
-    "@react-types/shared": "3.0.0-nightly.2610+5e487532e",
+    "@react-aria/focus": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-aria/i18n": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-aria/interactions": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-aria/selection": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-aria/tag": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-aria/utils": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-spectrum/button": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-spectrum/form": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-spectrum/label": "3.16.1-nightly.4324+a2146aa2e",
+    "@react-spectrum/text": "3.5.1-nightly.4324+a2146aa2e",
+    "@react-spectrum/utils": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-stately/collections": "3.0.0-nightly.2613+a2146aa2e",
+    "@react-stately/list": "3.10.2-nightly.4324+a2146aa2e",
+    "@react-types/shared": "3.0.0-nightly.2613+a2146aa2e",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.2610+5e487532e"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.2613+a2146aa2e"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5e487532e3ca4714513fb6ab64f7a78d9d1ca281"
+  "gitHead": "a2146aa2eb9cc28f4d90c8f520e6be5ff90471c4"
 }