@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/fieldlabel_vars.css

@@ -1,38 +1,38 @@
 ._2LOUfW_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-._2LOUfW_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;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-._2LOUfW_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;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-._2LOUfW_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-._2LOUfW_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-._2LOUfW_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-._2LOUfW_i18nFontFamily:lang(zh-SG), ._2LOUfW_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-._2LOUfW_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-._2LOUfW_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 ._2LOUfW_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --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)));
-}
 
-._2LOUfW_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,
+  &: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;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-._2LOUfW_spectrum-FocusRing._2LOUfW_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);
+._2LOUfW_spectrum-FocusRing {
+  &._2LOUfW_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);
+    }
+  }
 }
 
-._2LOUfW_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+._2LOUfW_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-._2LOUfW_spectrum-FocusRing--quiet._2LOUfW_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &._2LOUfW_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);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   ._2LOUfW_spectrum-FocusRing, ._2LOUfW_spectrum-FocusRing-ring, ._2LOUfW_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(._2LOUfW_spectrum-FocusRing, ._2LOUfW_spectrum-FocusRing-ring, ._2LOUfW_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -117,157 +125,163 @@
 ._2LOUfW_spectrum-Field {
   --spectrum-field-default-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
   height: max-content;
-}
-
-._2LOUfW_spectrum-Field ._2LOUfW_spectrum-Field-contextualHelp {
-  margin-inline-start: var(--spectrum-global-dimension-size-50);
-  margin-top: var(--spectrum-global-dimension-size-25);
-  grid-area: _2LOUfW_contextualHelp;
-}
-
-._2LOUfW_spectrum-Field:where(._2LOUfW_spectrum-Field--positionTop) {
-  width: var(--spectrum-field-default-width);
-  grid-template: "_2LOUfW_label _2LOUfW_contextualHelp ."
-                 "_2LOUfW_field _2LOUfW_field _2LOUfW_field" 1fr
-                 "_2LOUfW_helpText _2LOUfW_helpText _2LOUfW_helpText"
-                 / auto auto minmax(0, 1fr);
-  align-content: start;
-  display: inline-grid;
-}
-
-._2LOUfW_spectrum-Field:where(._2LOUfW_spectrum-Field--positionTop) ._2LOUfW_spectrum-Field-field {
-  grid-area: _2LOUfW_field;
-  width: 100%;
-}
-
-._2LOUfW_spectrum-Field:where(._2LOUfW_spectrum-Field--positionTop)._2LOUfW_spectrum-Field--alignEnd {
-  grid-template-columns: 1fr auto 0;
-}
-
-._2LOUfW_spectrum-Field:where(._2LOUfW_spectrum-Field--positionTop) ._2LOUfW_spectrum-FieldLabel {
-  grid-area: _2LOUfW_label;
-}
-
-._2LOUfW_spectrum-Field:where(._2LOUfW_spectrum-Field--positionSide) {
-  align-items: flex-start;
-  display: inline-flex;
-}
-
-._2LOUfW_spectrum-Field:where(._2LOUfW_spectrum-Field--positionSide) ._2LOUfW_spectrum-Field-wrapper {
-  min-width: 0;
-  width: var(--spectrum-field-default-width);
-  flex: 1;
-  height: 100%;
-}
 
-._2LOUfW_spectrum-Field:where(._2LOUfW_spectrum-Field--positionSide) ._2LOUfW_spectrum-Field-wrapper ._2LOUfW_spectrum-Field-field {
-  width: 100%;
-}
+  & ._2LOUfW_spectrum-Field-contextualHelp {
+    margin-inline-start: var(--spectrum-global-dimension-size-50);
+    margin-top: var(--spectrum-global-dimension-size-25);
+    grid-area: _2LOUfW_contextualHelp;
+  }
 
-._2LOUfW_spectrum-Field:where(._2LOUfW_spectrum-Field--positionSide) ._2LOUfW_spectrum-Field-field {
-  flex: 1;
-  min-width: 0;
-}
+  &:where(._2LOUfW_spectrum-Field--positionTop) {
+    width: var(--spectrum-field-default-width);
+    grid-template: "_2LOUfW_label _2LOUfW_contextualHelp ."
+                   "_2LOUfW_field _2LOUfW_field _2LOUfW_field" 1fr
+                   "_2LOUfW_helpText _2LOUfW_helpText _2LOUfW_helpText"
+                   / auto auto minmax(0, 1fr);
+    align-content: start;
+    display: inline-grid;
+
+    & ._2LOUfW_spectrum-Field-field {
+      grid-area: _2LOUfW_field;
+      width: 100%;
+    }
+
+    &._2LOUfW_spectrum-Field--alignEnd {
+      grid-template-columns: 1fr auto 0;
+    }
+
+    & ._2LOUfW_spectrum-FieldLabel {
+      grid-area: _2LOUfW_label;
+    }
+  }
 
-._2LOUfW_spectrum-Field:where(._2LOUfW_spectrum-Field--positionSide) ._2LOUfW_spectrum-Field-contextualHelp {
-  margin-top: var(--spectrum-global-dimension-size-65);
-  margin-inline-end: var(--spectrum-fieldlabel-side-padding-x, var(--spectrum-global-dimension-size-100));
-}
+  &:where(._2LOUfW_spectrum-Field--positionSide) {
+    align-items: flex-start;
+    display: inline-flex;
+
+    & ._2LOUfW_spectrum-Field-wrapper {
+      min-width: 0;
+      width: var(--spectrum-field-default-width);
+      flex: 1;
+      height: 100%;
+
+      & ._2LOUfW_spectrum-Field-field {
+        width: 100%;
+      }
+    }
+
+    & ._2LOUfW_spectrum-Field-field {
+      flex: 1;
+      min-width: 0;
+    }
+
+    & ._2LOUfW_spectrum-Field-contextualHelp {
+      margin-top: var(--spectrum-global-dimension-size-65);
+      margin-inline-end: var(--spectrum-fieldlabel-side-padding-x, var(--spectrum-global-dimension-size-100));
+    }
+  }
 
-._2LOUfW_spectrum-Field._2LOUfW_spectrum-Field--hasContextualHelp ._2LOUfW_spectrum-FieldLabel {
-  padding-inline-end: 0;
+  &._2LOUfW_spectrum-Field--hasContextualHelp {
+    & ._2LOUfW_spectrum-FieldLabel {
+      padding-inline-end: 0;
+    }
+  }
 }
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide {
-  border-collapse: separate;
-  border-spacing: 0 var(--spectrum-global-dimension-size-300);
-  margin: calc(var(--spectrum-global-dimension-size-250) * -1) 0;
-  text-align: start;
-  display: table;
-}
+._2LOUfW_spectrum-Form {
+  &._2LOUfW_spectrum-Form--positionSide {
+    border-collapse: separate;
+    border-spacing: 0 var(--spectrum-global-dimension-size-300);
+    margin: calc(var(--spectrum-global-dimension-size-250) * -1) 0;
+    text-align: start;
+    display: table;
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide ._2LOUfW_spectrum-Field {
-  width: 100%;
-  display: table-row;
-}
+    & ._2LOUfW_spectrum-Field {
+      width: 100%;
+      display: table-row;
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide ._2LOUfW_spectrum-Field:not(._2LOUfW_spectrum-Field--hasContextualHelp) ._2LOUfW_spectrum-FieldLabel, ._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide ._2LOUfW_spectrum-Field._2LOUfW_spectrum-Field--hasContextualHelp ._2LOUfW_spectrum-Field-labelCell {
-  display: table-cell;
-}
+      &:not(._2LOUfW_spectrum-Field--hasContextualHelp) ._2LOUfW_spectrum-FieldLabel, &._2LOUfW_spectrum-Field--hasContextualHelp ._2LOUfW_spectrum-Field-labelCell {
+        display: table-cell;
+      }
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide ._2LOUfW_spectrum-Field ._2LOUfW_spectrum-Field-labelCell {
-  vertical-align: top;
-}
+      & ._2LOUfW_spectrum-Field-labelCell {
+        vertical-align: top;
+      }
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide ._2LOUfW_spectrum-Field._2LOUfW_spectrum-Field--alignEnd ._2LOUfW_spectrum-Field-labelCell {
-  text-align: end;
-}
+      &._2LOUfW_spectrum-Field--alignEnd ._2LOUfW_spectrum-Field-labelCell {
+        text-align: end;
+      }
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide ._2LOUfW_spectrum-Field ._2LOUfW_spectrum-Field-labelWrapper {
-  display: inline-flex;
-}
+      & ._2LOUfW_spectrum-Field-labelWrapper {
+        display: inline-flex;
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide ._2LOUfW_spectrum-Field ._2LOUfW_spectrum-Field-labelWrapper ._2LOUfW_spectrum-FieldLabel {
-  flex: 1;
-}
+        & ._2LOUfW_spectrum-FieldLabel {
+          flex: 1;
+        }
+      }
+    }
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide ._2LOUfW_spectrum-Field-wrapper {
-  width: 100%;
-}
+    & ._2LOUfW_spectrum-Field-wrapper {
+      width: 100%;
+    }
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionSide ._2LOUfW_spectrum-Field-field {
-  width: auto;
-  min-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
-}
+    & ._2LOUfW_spectrum-Field-field {
+      width: auto;
+      min-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
+    }
+  }
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionTop {
-  min-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
-  flex-direction: column;
-  margin: 0;
-  display: flex;
-}
+  &._2LOUfW_spectrum-Form--positionTop {
+    min-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
+    flex-direction: column;
+    margin: 0;
+    display: flex;
 
-._2LOUfW_spectrum-Form._2LOUfW_spectrum-Form--positionTop > * {
-  margin-top: var(--spectrum-global-dimension-size-100);
-  width: 100%;
+    & > * {
+      margin-top: var(--spectrum-global-dimension-size-100);
+      width: 100%;
+    }
+  }
 }
 
-._2LOUfW_spectrum-LabeledValue._2LOUfW_spectrum-Field--positionSide {
-  align-items: baseline;
-}
+._2LOUfW_spectrum-LabeledValue {
+  &._2LOUfW_spectrum-Field--positionSide {
+    align-items: baseline;
 
-._2LOUfW_spectrum-LabeledValue._2LOUfW_spectrum-Field--positionSide ._2LOUfW_spectrum-Field-contextualHelp {
-  top: var(--spectrum-global-dimension-size-40);
-  margin-top: var(--spectrum-global-dimension-size-65);
-  position: relative;
-}
+    & ._2LOUfW_spectrum-Field-contextualHelp {
+      top: var(--spectrum-global-dimension-size-40);
+      margin-top: var(--spectrum-global-dimension-size-65);
+      position: relative;
+    }
+  }
 
-._2LOUfW_spectrum-LabeledValue._2LOUfW_spectrum-Field--positionTop {
-  width: unset;
-}
+  &._2LOUfW_spectrum-Field--positionTop {
+    width: unset;
+  }
 
-._2LOUfW_spectrum-LabeledValue ._2LOUfW_spectrum-FieldLabel._2LOUfW_spectrum-FieldLabel {
-  padding-top: 0;
-}
+  & ._2LOUfW_spectrum-FieldLabel._2LOUfW_spectrum-FieldLabel {
+    padding-top: 0;
+  }
 
-._2LOUfW_spectrum-LabeledValue ._2LOUfW_spectrum-Field-wrapper._2LOUfW_spectrum-Field-wrapper {
-  width: unset;
-}
+  & ._2LOUfW_spectrum-Field-wrapper._2LOUfW_spectrum-Field-wrapper {
+    width: unset;
+  }
 
-._2LOUfW_spectrum-LabeledValue ._2LOUfW_spectrum-Field-field {
-  word-break: break-word;
-  overflow: hidden;
-}
+  & ._2LOUfW_spectrum-Field-field {
+    word-break: break-word;
+    overflow: hidden;
+  }
 
-._2LOUfW_spectrum-LabeledValue ._2LOUfW_spectrum-Field-contextualHelp {
-  margin-top: calc(-1 * var(--spectrum-global-dimension-size-25));
+  & ._2LOUfW_spectrum-Field-contextualHelp {
+    margin-top: calc(-1 * var(--spectrum-global-dimension-size-25));
+  }
 }
 
 ._2LOUfW_spectrum-FieldLabel, ._2LOUfW_spectrum-Form-itemLabel {
   color: var(--spectrum-fieldlabel-text-color, var(--spectrum-alias-label-text-color));
-}
 
-:is(._2LOUfW_spectrum-FieldLabel, ._2LOUfW_spectrum-Form-itemLabel)._2LOUfW_is-disabled {
-  color: var(--spectrum-fieldlabel-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+  &._2LOUfW_is-disabled {
+    color: var(--spectrum-fieldlabel-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+  }
 }
 /*# sourceMappingURL=fieldlabel_vars.css.map */

package/dist/private/fieldlabel_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE","sources":["packages/@adobe/spectrum-css-temp/components/fieldlabel/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":"fieldlabel_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE","sources":["packages/@adobe/spectrum-css-temp/components/fieldlabel/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":"fieldlabel_vars.css.map"}

package/dist/private/helptext_vars.css

@@ -1,38 +1,38 @@
 .YlbGRG_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.YlbGRG_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;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.YlbGRG_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;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.YlbGRG_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.YlbGRG_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.YlbGRG_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.YlbGRG_i18nFontFamily:lang(zh-SG), .YlbGRG_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.YlbGRG_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.YlbGRG_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .YlbGRG_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --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)));
-}
 
-.YlbGRG_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,
+  &: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;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.YlbGRG_spectrum-FocusRing.YlbGRG_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);
+.YlbGRG_spectrum-FocusRing {
+  &.YlbGRG_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);
+    }
+  }
 }
 
-.YlbGRG_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.YlbGRG_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.YlbGRG_spectrum-FocusRing--quiet.YlbGRG_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.YlbGRG_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);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .YlbGRG_spectrum-FocusRing, .YlbGRG_spectrum-FocusRing-ring, .YlbGRG_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.YlbGRG_spectrum-FocusRing, .YlbGRG_spectrum-FocusRing-ring, .YlbGRG_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -84,38 +92,44 @@
   text-align: start;
   font-size: var(--spectrum-global-dimension-font-size-75);
   display: flex;
-}
 
-.YlbGRG_spectrum-HelpText .YlbGRG_spectrum-HelpText-validationIcon {
-  padding-block: var(--spectrum-global-dimension-size-40)
+  & .YlbGRG_spectrum-HelpText-validationIcon {
+    padding-block: var(--spectrum-global-dimension-size-40)
       var(--spectrum-global-dimension-size-40);
-  flex-shrink: 0;
-  margin-inline-end: var(--spectrum-global-dimension-size-100);
-}
+    flex-shrink: 0;
+    margin-inline-end: var(--spectrum-global-dimension-size-100);
+  }
 
-.YlbGRG_spectrum-HelpText .YlbGRG_spectrum-HelpText-text {
-  padding-block: var(--spectrum-global-dimension-static-size-50, 4px)
+  & .YlbGRG_spectrum-HelpText-text {
+    padding-block: var(--spectrum-global-dimension-static-size-50, 4px)
       var(--spectrum-global-dimension-size-115);
-  line-height: var(--spectrum-global-font-line-height-small, 1.3);
-  text-transform: none;
-  letter-spacing: var(--spectrum-global-font-letter-spacing-none, 0);
-  flex: 1;
-  margin-inline-end: var(--spectrum-global-dimension-size-100);
-}
+    line-height: var(--spectrum-global-font-line-height-small, 1.3);
+    text-transform: none;
+    letter-spacing: var(--spectrum-global-font-letter-spacing-none, 0);
+    flex: 1;
+    margin-inline-end: var(--spectrum-global-dimension-size-100);
+  }
 
-.YlbGRG_spectrum-HelpText.YlbGRG_is-disabled {
-  cursor: default;
+  &.YlbGRG_is-disabled {
+    cursor: default;
+  }
 }
 
-.YlbGRG_spectrum-HelpText--neutral .YlbGRG_spectrum-HelpText-text {
-  color: var(--spectrum-alias-label-text-color, var(--spectrum-global-color-gray-700));
-}
+.YlbGRG_spectrum-HelpText--neutral {
+  & .YlbGRG_spectrum-HelpText-text {
+    color: var(--spectrum-alias-label-text-color, var(--spectrum-global-color-gray-700));
+  }
 
-.YlbGRG_spectrum-HelpText--neutral.YlbGRG_is-disabled .YlbGRG_spectrum-HelpText-text {
-  color: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
+  &.YlbGRG_is-disabled {
+    & .YlbGRG_spectrum-HelpText-text {
+      color: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
+    }
+  }
 }
 
-.YlbGRG_spectrum-HelpText--negative .YlbGRG_spectrum-HelpText-validationIcon, .YlbGRG_spectrum-HelpText--negative .YlbGRG_spectrum-HelpText-text {
-  color: var(--spectrum-semantic-negative-color-text-small, var(--spectrum-global-color-red-600));
+.YlbGRG_spectrum-HelpText--negative {
+  & .YlbGRG_spectrum-HelpText-validationIcon, & .YlbGRG_spectrum-HelpText-text {
+    color: var(--spectrum-semantic-negative-color-text-small, var(--spectrum-global-color-red-600));
+  }
 }
 /*# sourceMappingURL=helptext_vars.css.map */

package/dist/private/helptext_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA;;;;AAIE;;;;AAOF","sources":["packages/@adobe/spectrum-css-temp/components/helptext/vars.css"],"sourcesContent":["/*\n * Copyright 2021 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":"helptext_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEF","sources":["packages/@adobe/spectrum-css-temp/components/helptext/vars.css"],"sourcesContent":["/*\n * Copyright 2021 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":"helptext_vars.css.map"}