@react-spectrum/tag 3.0.0-nightly.2840 → 3.0.0-nightly.2846

package/dist/module.css

@@ -1,269 +0,0 @@
-.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;
-  inset: 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);
-}
-
-@media (forced-colors: active) {
-  .fx8d1q_spectrum-FocusRing, .fx8d1q_spectrum-FocusRing-ring, .fx8d1q_spectrum-FocusRing--quiet {
-    --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
-
-  :is(.fx8d1q_spectrum-FocusRing, .fx8d1q_spectrum-FocusRing-ring, .fx8d1q_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
-  }
-}
-
-.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;
-  }
-}
-/*# sourceMappingURL=module.css.map */

package/dist/module.css.map

@@ -1 +0,0 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;AAGE;;;;;;AAaA;;;;;AAOF;;;;;;;;;;;;;;;;;;;;;AA2BE;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;;;;AASA;;;;;AAUA;;;;;;;;;;;;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":"module.css.map"}