@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/utils/styleProps.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/utils/styleProps.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\nimport {BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderSizeValue, ColorValue, ColorVersion, DimensionValue, Direction, Responsive, ResponsiveProp, StyleProps, ViewStyleProps} from '@react-types/shared';\nimport {CSSProperties, HTMLAttributes} from 'react';\nimport {useBreakpoint} from './BreakpointProvider';\nimport {useLocale} from 'react-aria/I18nProvider';\n\ntype Breakpoint = 'base' | 'S' | 'M' | 'L' | string;\ntype StyleName = string | string[] | ((dir: Direction) => string);\ntype StyleHandler = (value: any, colorVersion?: number) => string | undefined;\nexport interface StyleHandlers {\n  [key: string]: [StyleName, StyleHandler]\n}\n\nexport const baseStyleProps: StyleHandlers = {\n  margin: ['margin', dimensionValue],\n  marginStart: [rtl('marginLeft', 'marginRight'), dimensionValue],\n  marginEnd: [rtl('marginRight', 'marginLeft'), dimensionValue],\n  // marginLeft: ['marginLeft', dimensionValue],\n  // marginRight: ['marginRight', dimensionValue],\n  marginTop: ['marginTop', dimensionValue],\n  marginBottom: ['marginBottom', dimensionValue],\n  marginX: [['marginLeft', 'marginRight'], dimensionValue],\n  marginY: [['marginTop', 'marginBottom'], dimensionValue],\n  width: ['width', dimensionValue],\n  height: ['height', dimensionValue],\n  minWidth: ['minWidth', dimensionValue],\n  minHeight: ['minHeight', dimensionValue],\n  maxWidth: ['maxWidth', dimensionValue],\n  maxHeight: ['maxHeight', dimensionValue],\n  isHidden: ['display', hiddenValue],\n  alignSelf: ['alignSelf', passthroughStyle],\n  justifySelf: ['justifySelf', passthroughStyle],\n  position: ['position', anyValue],\n  zIndex: ['zIndex', anyValue],\n  top: ['top', dimensionValue],\n  bottom: ['bottom', dimensionValue],\n  start: [rtl('left', 'right'), dimensionValue],\n  end: [rtl('right', 'left'), dimensionValue],\n  left: ['left', dimensionValue],\n  right: ['right', dimensionValue],\n  order: ['order', anyValue],\n  flex: ['flex', flexValue],\n  flexGrow: ['flexGrow', passthroughStyle],\n  flexShrink: ['flexShrink', passthroughStyle],\n  flexBasis: ['flexBasis', passthroughStyle],\n  gridArea: ['gridArea', passthroughStyle],\n  gridColumn: ['gridColumn', passthroughStyle],\n  gridColumnEnd: ['gridColumnEnd', passthroughStyle],\n  gridColumnStart: ['gridColumnStart', passthroughStyle],\n  gridRow: ['gridRow', passthroughStyle],\n  gridRowEnd: ['gridRowEnd', passthroughStyle],\n  gridRowStart: ['gridRowStart', passthroughStyle]\n};\n\nexport const viewStyleProps: StyleHandlers = {\n  ...baseStyleProps,\n  backgroundColor: ['backgroundColor', backgroundColorValue],\n  borderWidth: ['borderWidth', borderSizeValue],\n  borderStartWidth: [rtl('borderLeftWidth', 'borderRightWidth'), borderSizeValue],\n  borderEndWidth: [rtl('borderRightWidth', 'borderLeftWidth'), borderSizeValue],\n  borderLeftWidth: ['borderLeftWidth', borderSizeValue],\n  borderRightWidth: ['borderRightWidth', borderSizeValue],\n  borderTopWidth: ['borderTopWidth', borderSizeValue],\n  borderBottomWidth: ['borderBottomWidth', borderSizeValue],\n  borderXWidth: [['borderLeftWidth', 'borderRightWidth'], borderSizeValue],\n  borderYWidth: [['borderTopWidth', 'borderBottomWidth'], borderSizeValue],\n  borderColor: ['borderColor', borderColorValue],\n  borderStartColor: [rtl('borderLeftColor', 'borderRightColor'), borderColorValue],\n  borderEndColor: [rtl('borderRightColor', 'borderLeftColor'), borderColorValue],\n  borderLeftColor: ['borderLeftColor', borderColorValue],\n  borderRightColor: ['borderRightColor', borderColorValue],\n  borderTopColor: ['borderTopColor', borderColorValue],\n  borderBottomColor: ['borderBottomColor', borderColorValue],\n  borderXColor: [['borderLeftColor', 'borderRightColor'], borderColorValue],\n  borderYColor: [['borderTopColor', 'borderBottomColor'], borderColorValue],\n  borderRadius: ['borderRadius', borderRadiusValue],\n  borderTopStartRadius: [rtl('borderTopLeftRadius', 'borderTopRightRadius'), borderRadiusValue],\n  borderTopEndRadius: [rtl('borderTopRightRadius', 'borderTopLeftRadius'), borderRadiusValue],\n  borderBottomStartRadius: [rtl('borderBottomLeftRadius', 'borderBottomRightRadius'), borderRadiusValue],\n  borderBottomEndRadius: [rtl('borderBottomRightRadius', 'borderBottomLeftRadius'), borderRadiusValue],\n  borderTopLeftRadius: ['borderTopLeftRadius', borderRadiusValue],\n  borderTopRightRadius: ['borderTopRightRadius', borderRadiusValue],\n  borderBottomLeftRadius: ['borderBottomLeftRadius', borderRadiusValue],\n  borderBottomRightRadius: ['borderBottomRightRadius', borderRadiusValue],\n  padding: ['padding', dimensionValue],\n  paddingStart: [rtl('paddingLeft', 'paddingRight'), dimensionValue],\n  paddingEnd: [rtl('paddingRight', 'paddingLeft'), dimensionValue],\n  paddingLeft: ['paddingLeft', dimensionValue],\n  paddingRight: ['paddingRight', dimensionValue],\n  paddingTop: ['paddingTop', dimensionValue],\n  paddingBottom: ['paddingBottom', dimensionValue],\n  paddingX: [['paddingLeft', 'paddingRight'], dimensionValue],\n  paddingY: [['paddingTop', 'paddingBottom'], dimensionValue],\n  overflow: ['overflow', passthroughStyle]\n};\n\nconst borderStyleProps = {\n  borderWidth: 'borderStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderBottomWidth: 'borderBottomStyle'\n};\n\nfunction rtl(ltr: string, rtl: string) {\n  return (direction: Direction) => (\n    direction === 'rtl' ? rtl : ltr\n  );\n}\n\nconst UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;\nconst FUNC_RE = /^\\s*\\w+\\(/;\nconst SPECTRUM_VARIABLE_RE = /(static-)?size-\\d+|single-line-(height|width)/g;\n\nexport function dimensionValue(value: DimensionValue): string | undefined {\n  if (typeof value === 'number') {\n    return value + 'px';\n  }\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (UNIT_RE.test(value)) {\n    return value;\n  }\n\n  if (FUNC_RE.test(value)) {\n    return value.replace(SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');\n  }\n\n  return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;\n}\n\nexport function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]): string | undefined {\n  let responsiveValue = getResponsiveProp(value, matchedBreakpoints);\n  if (responsiveValue != null) {\n    return dimensionValue(responsiveValue);\n  }\n}\n\ntype ColorType = 'default' | 'background' | 'border' | 'icon' | 'status';\nfunction colorValue(value: ColorValue, type: ColorType = 'default', version = 5) {\n  if (version > 5) {\n    return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;\n  }\n\n  return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;\n}\n\nfunction backgroundColorValue(value: BackgroundColorValue, version = 5): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-background-color-${value}, ${colorValue(value as ColorValue, 'background', version)})`;\n}\n\nfunction borderColorValue(value: BorderColorValue, version = 5): string | undefined {\n  if (!value)  {\n    return undefined;\n  }\n\n  if (value === 'default') {\n    return 'var(--spectrum-alias-border-color)';\n  }\n\n  return `var(--spectrum-alias-border-color-${value}, ${colorValue(value as ColorValue, 'border', version)})`;\n}\n\nfunction borderSizeValue(value?: BorderSizeValue | null): string {\n  return value && value !== 'none'\n    ? `var(--spectrum-alias-border-size-${value})`\n    : '0';\n}\n\nfunction borderRadiusValue(value: BorderRadiusValue): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-border-radius-${value})`;\n}\n\nfunction hiddenValue(value: boolean): string | undefined {\n  return value ? 'none' : undefined;\n}\n\nfunction anyValue<T>(value: T): T {\n  return value;\n}\n\nfunction flexValue(value: boolean | number | string): string | undefined {\n  if (typeof value === 'boolean') {\n    return value ? '1' : undefined;\n  }\n\n  return '' + value;\n}\n\nexport function convertStyleProps<C extends ColorVersion>(props: ViewStyleProps<C>, handlers: StyleHandlers, direction: Direction, matchedBreakpoints: Breakpoint[]): CSSProperties {\n  let style: CSSProperties = {};\n  for (let key in props) {\n    let styleProp = handlers[key];\n    if (!styleProp || props[key] == null) {\n      continue;\n    }\n\n    let [name, convert] = styleProp;\n    if (typeof name === 'function') {\n      name = name(direction);\n    }\n\n    let prop = getResponsiveProp(props[key], matchedBreakpoints);\n    let value = convert(prop, props.colorVersion);\n    if (Array.isArray(name)) {\n      for (let k of name) {\n        style[k] = value;\n      }\n    } else {\n      style[name] = value;\n    }\n  }\n\n  for (let prop in borderStyleProps) {\n    if (style[prop]) {\n      style[borderStyleProps[prop]] = 'solid';\n      style.boxSizing = 'border-box';\n    }\n  }\n\n  return style;\n}\n\ntype StylePropsOptions = {\n  matchedBreakpoints?: Breakpoint[]\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  handlers: StyleHandlers = baseStyleProps,\n  options: StylePropsOptions = {}\n): {styleProps: HTMLAttributes<HTMLElement>} {\n  let {\n    UNSAFE_className,\n    UNSAFE_style,\n    ...otherProps\n  } = props;\n  let breakpointProvider = useBreakpoint();\n  let {direction} = useLocale();\n  let {\n    matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base']\n  } = options;\n  let styles = convertStyleProps(props, handlers, direction, matchedBreakpoints);\n  let style = {...UNSAFE_style, ...styles};\n\n  // @ts-ignore\n  if (otherProps.className && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'The className prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  // @ts-ignore\n  if (otherProps.style && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'The style prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  let styleProps: HTMLAttributes<HTMLElement> = {\n    style,\n    className: UNSAFE_className\n  };\n\n  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {\n    styleProps.hidden = true;\n  }\n\n  return {\n    styleProps\n  };\n}\n\nexport function passthroughStyle<T>(value: T): T {\n  return value;\n}\n\nexport function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T | undefined {\n  if (prop && typeof prop === 'object' && !Array.isArray(prop)) {\n    for (let i = 0; i < matchedBreakpoints.length; i++) {\n      let breakpoint = matchedBreakpoints[i];\n      if (prop[breakpoint] != null) {\n        return prop[breakpoint];\n      }\n    }\n    return (prop as ResponsiveProp<T>).base;\n  }\n  return prop as T;\n}\n"],"names":[],"version":3,"file":"styleProps.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/utils/styleProps.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\nimport {\n  BackgroundColorValue,\n  BorderColorValue,\n  BorderRadiusValue,\n  BorderSizeValue,\n  ColorValue,\n  ColorVersion,\n  DimensionValue,\n  Direction,\n  Responsive,\n  ResponsiveProp,\n  StyleProps,\n  ViewStyleProps\n} from '@react-types/shared';\nimport {CSSProperties, HTMLAttributes} from 'react';\nimport {useBreakpoint} from './BreakpointProvider';\nimport {useLocale} from 'react-aria/I18nProvider';\n\ntype Breakpoint = 'base' | 'S' | 'M' | 'L' | string;\ntype StyleName = string | string[] | ((dir: Direction) => string);\ntype StyleHandler = (value: any, colorVersion?: number) => string | undefined;\nexport interface StyleHandlers {\n  [key: string]: [StyleName, StyleHandler];\n}\n\nexport const baseStyleProps: StyleHandlers = {\n  margin: ['margin', dimensionValue],\n  marginStart: [rtl('marginLeft', 'marginRight'), dimensionValue],\n  marginEnd: [rtl('marginRight', 'marginLeft'), dimensionValue],\n  // marginLeft: ['marginLeft', dimensionValue],\n  // marginRight: ['marginRight', dimensionValue],\n  marginTop: ['marginTop', dimensionValue],\n  marginBottom: ['marginBottom', dimensionValue],\n  marginX: [['marginLeft', 'marginRight'], dimensionValue],\n  marginY: [['marginTop', 'marginBottom'], dimensionValue],\n  width: ['width', dimensionValue],\n  height: ['height', dimensionValue],\n  minWidth: ['minWidth', dimensionValue],\n  minHeight: ['minHeight', dimensionValue],\n  maxWidth: ['maxWidth', dimensionValue],\n  maxHeight: ['maxHeight', dimensionValue],\n  isHidden: ['display', hiddenValue],\n  alignSelf: ['alignSelf', passthroughStyle],\n  justifySelf: ['justifySelf', passthroughStyle],\n  position: ['position', anyValue],\n  zIndex: ['zIndex', anyValue],\n  top: ['top', dimensionValue],\n  bottom: ['bottom', dimensionValue],\n  start: [rtl('left', 'right'), dimensionValue],\n  end: [rtl('right', 'left'), dimensionValue],\n  left: ['left', dimensionValue],\n  right: ['right', dimensionValue],\n  order: ['order', anyValue],\n  flex: ['flex', flexValue],\n  flexGrow: ['flexGrow', passthroughStyle],\n  flexShrink: ['flexShrink', passthroughStyle],\n  flexBasis: ['flexBasis', passthroughStyle],\n  gridArea: ['gridArea', passthroughStyle],\n  gridColumn: ['gridColumn', passthroughStyle],\n  gridColumnEnd: ['gridColumnEnd', passthroughStyle],\n  gridColumnStart: ['gridColumnStart', passthroughStyle],\n  gridRow: ['gridRow', passthroughStyle],\n  gridRowEnd: ['gridRowEnd', passthroughStyle],\n  gridRowStart: ['gridRowStart', passthroughStyle]\n};\n\nexport const viewStyleProps: StyleHandlers = {\n  ...baseStyleProps,\n  backgroundColor: ['backgroundColor', backgroundColorValue],\n  borderWidth: ['borderWidth', borderSizeValue],\n  borderStartWidth: [rtl('borderLeftWidth', 'borderRightWidth'), borderSizeValue],\n  borderEndWidth: [rtl('borderRightWidth', 'borderLeftWidth'), borderSizeValue],\n  borderLeftWidth: ['borderLeftWidth', borderSizeValue],\n  borderRightWidth: ['borderRightWidth', borderSizeValue],\n  borderTopWidth: ['borderTopWidth', borderSizeValue],\n  borderBottomWidth: ['borderBottomWidth', borderSizeValue],\n  borderXWidth: [['borderLeftWidth', 'borderRightWidth'], borderSizeValue],\n  borderYWidth: [['borderTopWidth', 'borderBottomWidth'], borderSizeValue],\n  borderColor: ['borderColor', borderColorValue],\n  borderStartColor: [rtl('borderLeftColor', 'borderRightColor'), borderColorValue],\n  borderEndColor: [rtl('borderRightColor', 'borderLeftColor'), borderColorValue],\n  borderLeftColor: ['borderLeftColor', borderColorValue],\n  borderRightColor: ['borderRightColor', borderColorValue],\n  borderTopColor: ['borderTopColor', borderColorValue],\n  borderBottomColor: ['borderBottomColor', borderColorValue],\n  borderXColor: [['borderLeftColor', 'borderRightColor'], borderColorValue],\n  borderYColor: [['borderTopColor', 'borderBottomColor'], borderColorValue],\n  borderRadius: ['borderRadius', borderRadiusValue],\n  borderTopStartRadius: [rtl('borderTopLeftRadius', 'borderTopRightRadius'), borderRadiusValue],\n  borderTopEndRadius: [rtl('borderTopRightRadius', 'borderTopLeftRadius'), borderRadiusValue],\n  borderBottomStartRadius: [\n    rtl('borderBottomLeftRadius', 'borderBottomRightRadius'),\n    borderRadiusValue\n  ],\n  borderBottomEndRadius: [\n    rtl('borderBottomRightRadius', 'borderBottomLeftRadius'),\n    borderRadiusValue\n  ],\n  borderTopLeftRadius: ['borderTopLeftRadius', borderRadiusValue],\n  borderTopRightRadius: ['borderTopRightRadius', borderRadiusValue],\n  borderBottomLeftRadius: ['borderBottomLeftRadius', borderRadiusValue],\n  borderBottomRightRadius: ['borderBottomRightRadius', borderRadiusValue],\n  padding: ['padding', dimensionValue],\n  paddingStart: [rtl('paddingLeft', 'paddingRight'), dimensionValue],\n  paddingEnd: [rtl('paddingRight', 'paddingLeft'), dimensionValue],\n  paddingLeft: ['paddingLeft', dimensionValue],\n  paddingRight: ['paddingRight', dimensionValue],\n  paddingTop: ['paddingTop', dimensionValue],\n  paddingBottom: ['paddingBottom', dimensionValue],\n  paddingX: [['paddingLeft', 'paddingRight'], dimensionValue],\n  paddingY: [['paddingTop', 'paddingBottom'], dimensionValue],\n  overflow: ['overflow', passthroughStyle]\n};\n\nconst borderStyleProps = {\n  borderWidth: 'borderStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderBottomWidth: 'borderBottomStyle'\n};\n\nfunction rtl(ltr: string, rtl: string) {\n  return (direction: Direction) => (direction === 'rtl' ? rtl : ltr);\n}\n\nconst UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;\nconst FUNC_RE = /^\\s*\\w+\\(/;\nconst SPECTRUM_VARIABLE_RE = /(static-)?size-\\d+|single-line-(height|width)/g;\n\nexport function dimensionValue(value: DimensionValue): string | undefined {\n  if (typeof value === 'number') {\n    return value + 'px';\n  }\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (UNIT_RE.test(value)) {\n    return value;\n  }\n\n  if (FUNC_RE.test(value)) {\n    return value.replace(\n      SPECTRUM_VARIABLE_RE,\n      'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))'\n    );\n  }\n\n  return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;\n}\n\nexport function responsiveDimensionValue(\n  value: Responsive<DimensionValue>,\n  matchedBreakpoints: Breakpoint[]\n): string | undefined {\n  let responsiveValue = getResponsiveProp(value, matchedBreakpoints);\n  if (responsiveValue != null) {\n    return dimensionValue(responsiveValue);\n  }\n}\n\ntype ColorType = 'default' | 'background' | 'border' | 'icon' | 'status';\nfunction colorValue(value: ColorValue, type: ColorType = 'default', version = 5) {\n  if (version > 5) {\n    return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;\n  }\n\n  return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;\n}\n\nfunction backgroundColorValue(value: BackgroundColorValue, version = 5): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-background-color-${value}, ${colorValue(value as ColorValue, 'background', version)})`;\n}\n\nfunction borderColorValue(value: BorderColorValue, version = 5): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  if (value === 'default') {\n    return 'var(--spectrum-alias-border-color)';\n  }\n\n  return `var(--spectrum-alias-border-color-${value}, ${colorValue(value as ColorValue, 'border', version)})`;\n}\n\nfunction borderSizeValue(value?: BorderSizeValue | null): string {\n  return value && value !== 'none' ? `var(--spectrum-alias-border-size-${value})` : '0';\n}\n\nfunction borderRadiusValue(value: BorderRadiusValue): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-border-radius-${value})`;\n}\n\nfunction hiddenValue(value: boolean): string | undefined {\n  return value ? 'none' : undefined;\n}\n\nfunction anyValue<T>(value: T): T {\n  return value;\n}\n\nfunction flexValue(value: boolean | number | string): string | undefined {\n  if (typeof value === 'boolean') {\n    return value ? '1' : undefined;\n  }\n\n  return '' + value;\n}\n\nexport function convertStyleProps<C extends ColorVersion>(\n  props: ViewStyleProps<C>,\n  handlers: StyleHandlers,\n  direction: Direction,\n  matchedBreakpoints: Breakpoint[]\n): CSSProperties {\n  let style: CSSProperties = {};\n  for (let key in props) {\n    let styleProp = handlers[key];\n    if (!styleProp || props[key] == null) {\n      continue;\n    }\n\n    let [name, convert] = styleProp;\n    if (typeof name === 'function') {\n      name = name(direction);\n    }\n\n    let prop = getResponsiveProp(props[key], matchedBreakpoints);\n    let value = convert(prop, props.colorVersion);\n    if (Array.isArray(name)) {\n      for (let k of name) {\n        style[k] = value;\n      }\n    } else {\n      style[name] = value;\n    }\n  }\n\n  for (let prop in borderStyleProps) {\n    if (style[prop]) {\n      style[borderStyleProps[prop]] = 'solid';\n      style.boxSizing = 'border-box';\n    }\n  }\n\n  return style;\n}\n\ntype StylePropsOptions = {\n  matchedBreakpoints?: Breakpoint[];\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  handlers: StyleHandlers = baseStyleProps,\n  options: StylePropsOptions = {}\n): {styleProps: HTMLAttributes<HTMLElement>} {\n  let {UNSAFE_className, UNSAFE_style, ...otherProps} = props;\n  let breakpointProvider = useBreakpoint();\n  let {direction} = useLocale();\n  let {matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base']} = options;\n  let styles = convertStyleProps(props, handlers, direction, matchedBreakpoints);\n  let style = {...UNSAFE_style, ...styles};\n\n  // @ts-ignore\n  if (otherProps.className && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'The className prop is unsafe and is unsupported in React Spectrum v3. ' +\n        'Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  // @ts-ignore\n  if (otherProps.style && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'The style prop is unsafe and is unsupported in React Spectrum v3. ' +\n        'Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  let styleProps: HTMLAttributes<HTMLElement> = {\n    style,\n    className: UNSAFE_className\n  };\n\n  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {\n    styleProps.hidden = true;\n  }\n\n  return {\n    styleProps\n  };\n}\n\nexport function passthroughStyle<T>(value: T): T {\n  return value;\n}\n\nexport function getResponsiveProp<T>(\n  prop: Responsive<T>,\n  matchedBreakpoints: Breakpoint[]\n): T | undefined {\n  if (prop && typeof prop === 'object' && !Array.isArray(prop)) {\n    for (let i = 0; i < matchedBreakpoints.length; i++) {\n      let breakpoint = matchedBreakpoints[i];\n      if (prop[breakpoint] != null) {\n        return prop[breakpoint];\n      }\n    }\n    return (prop as ResponsiveProp<T>).base;\n  }\n  return prop as T;\n}\n"],"names":[],"version":3,"file":"styleProps.mjs.map"}

package/dist/private/utils/useDOMRef.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAKM,SAAS,0CAAkD,GAAwB;IACxF,OAAO;QACL;YACE,OAAO,IAAI,OAAO;QACpB;IACF;AACF;AAEO,SAAS,0CAAwD,MAA2B,EAAE,eAAmD,MAAM;IAC5J,OAAO;QACL,GAAG,0CAAa,OAAO;QACvB;YACE,IAAI,aAAa,OAAO,EACtB,aAAa,OAAO,CAAC,KAAK;QAE9B;IACF;AACF;AAEO,SAAS,0CAA+C,GAAc;IAC3E,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAK;IACvB,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAM,0CAAa;IAC5C,OAAO;AACT;AAEO,SAAS,0CAAqD,GAAoB,EAAE,YAAiD;IAC1I,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAK;IACvB,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAM,0CAAmB,QAAQ;IAC1D,OAAO;AACT;AAEO,SAAS,0CAAoC,GAAqC;IACvF,OAAO;QACL,IAAI,WAAU;YACZ,OAAO,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,iBAAiB;QACrD;IACF;AACF;AAEO,SAAS,0CAAuC,GAAqC;IAC1F,OAAO,CAAA,GAAA,oBAAM,EAAE,IAAM,0CAAa,MAAM;QAAC;KAAI;AAC/C","sources":["packages/@adobe/react-spectrum/src/utils/useDOMRef.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\nimport {DOMRef, DOMRefValue, FocusableElement, FocusableRef, FocusableRefValue, RefObject} from '@react-types/shared';\nimport {useImperativeHandle, useMemo, useRef} from 'react';\n\nexport function createDOMRef<T extends HTMLElement = HTMLElement>(ref: RefObject<T | null>): DOMRefValue<T> {\n  return {\n    UNSAFE_getDOMNode() {\n      return ref.current;\n    }\n  };\n}\n\nexport function createFocusableRef<T extends HTMLElement = HTMLElement>(domRef: RefObject<T | null>, focusableRef: RefObject<FocusableElement | null> = domRef): FocusableRefValue<T> {\n  return {\n    ...createDOMRef(domRef),\n    focus() {\n      if (focusableRef.current) {\n        focusableRef.current.focus();\n      }\n    }\n  };\n}\n\nexport function useDOMRef<T extends HTMLElement = HTMLElement>(ref: DOMRef<T>): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createDOMRef(domRef));\n  return domRef;\n}\n\nexport function useFocusableRef<T extends HTMLElement = HTMLElement>(ref: FocusableRef<T>, focusableRef?: RefObject<FocusableElement | null>): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createFocusableRef(domRef, focusableRef));\n  return domRef;\n}\n\nexport function unwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T> | null>): RefObject<T | null> {\n  return {\n    get current() {\n      return ref.current && ref.current.UNSAFE_getDOMNode();\n    }\n  };\n}\n\nexport function useUnwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T> | null>) : RefObject<T | null> {\n  return useMemo(() => unwrapDOMRef(ref), [ref]);\n}\n"],"names":[],"version":3,"file":"useDOMRef.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAYM,SAAS,0CACd,GAAwB;IAExB,OAAO;QACL;YACE,OAAO,IAAI,OAAO;QACpB;IACF;AACF;AAEO,SAAS,0CACd,MAA2B,EAC3B,eAAmD,MAAM;IAEzD,OAAO;QACL,GAAG,0CAAa,OAAO;QACvB;YACE,IAAI,aAAa,OAAO,EACtB,aAAa,OAAO,CAAC,KAAK;QAE9B;IACF;AACF;AAEO,SAAS,0CACd,GAAc;IAEd,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAK;IACvB,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAM,0CAAa;IAC5C,OAAO;AACT;AAEO,SAAS,0CACd,GAAoB,EACpB,YAAiD;IAEjD,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAK;IACvB,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAM,0CAAmB,QAAQ;IAC1D,OAAO;AACT;AAEO,SAAS,0CACd,GAAqC;IAErC,OAAO;QACL,IAAI,WAAU;YACZ,OAAO,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,iBAAiB;QACrD;IACF;AACF;AAEO,SAAS,0CACd,GAAqC;IAErC,OAAO,CAAA,GAAA,oBAAM,EAAE,IAAM,0CAAa,MAAM;QAAC;KAAI;AAC/C","sources":["packages/@adobe/react-spectrum/src/utils/useDOMRef.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\nimport {\n  DOMRef,\n  DOMRefValue,\n  FocusableElement,\n  FocusableRef,\n  FocusableRefValue,\n  RefObject\n} from '@react-types/shared';\nimport {useImperativeHandle, useMemo, useRef} from 'react';\n\nexport function createDOMRef<T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T | null>\n): DOMRefValue<T> {\n  return {\n    UNSAFE_getDOMNode() {\n      return ref.current;\n    }\n  };\n}\n\nexport function createFocusableRef<T extends HTMLElement = HTMLElement>(\n  domRef: RefObject<T | null>,\n  focusableRef: RefObject<FocusableElement | null> = domRef\n): FocusableRefValue<T> {\n  return {\n    ...createDOMRef(domRef),\n    focus() {\n      if (focusableRef.current) {\n        focusableRef.current.focus();\n      }\n    }\n  };\n}\n\nexport function useDOMRef<T extends HTMLElement = HTMLElement>(\n  ref: DOMRef<T>\n): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createDOMRef(domRef));\n  return domRef;\n}\n\nexport function useFocusableRef<T extends HTMLElement = HTMLElement>(\n  ref: FocusableRef<T>,\n  focusableRef?: RefObject<FocusableElement | null>\n): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createFocusableRef(domRef, focusableRef));\n  return domRef;\n}\n\nexport function unwrapDOMRef<T extends HTMLElement>(\n  ref: RefObject<DOMRefValue<T> | null>\n): RefObject<T | null> {\n  return {\n    get current() {\n      return ref.current && ref.current.UNSAFE_getDOMNode();\n    }\n  };\n}\n\nexport function useUnwrapDOMRef<T extends HTMLElement>(\n  ref: RefObject<DOMRefValue<T> | null>\n): RefObject<T | null> {\n  return useMemo(() => unwrapDOMRef(ref), [ref]);\n}\n"],"names":[],"version":3,"file":"useDOMRef.cjs.map"}

package/dist/private/utils/useDOMRef.js.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAKM,SAAS,0CAAkD,GAAwB;IACxF,OAAO;QACL;YACE,OAAO,IAAI,OAAO;QACpB;IACF;AACF;AAEO,SAAS,0CAAwD,MAA2B,EAAE,eAAmD,MAAM;IAC5J,OAAO;QACL,GAAG,0CAAa,OAAO;QACvB;YACE,IAAI,aAAa,OAAO,EACtB,aAAa,OAAO,CAAC,KAAK;QAE9B;IACF;AACF;AAEO,SAAS,0CAA+C,GAAc;IAC3E,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAa;IAC5C,OAAO;AACT;AAEO,SAAS,0CAAqD,GAAoB,EAAE,YAAiD;IAC1I,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAmB,QAAQ;IAC1D,OAAO;AACT;AAEO,SAAS,0CAAoC,GAAqC;IACvF,OAAO;QACL,IAAI,WAAU;YACZ,OAAO,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,iBAAiB;QACrD;IACF;AACF;AAEO,SAAS,0CAAuC,GAAqC;IAC1F,OAAO,CAAA,GAAA,cAAM,EAAE,IAAM,0CAAa,MAAM;QAAC;KAAI;AAC/C","sources":["packages/@adobe/react-spectrum/src/utils/useDOMRef.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\nimport {DOMRef, DOMRefValue, FocusableElement, FocusableRef, FocusableRefValue, RefObject} from '@react-types/shared';\nimport {useImperativeHandle, useMemo, useRef} from 'react';\n\nexport function createDOMRef<T extends HTMLElement = HTMLElement>(ref: RefObject<T | null>): DOMRefValue<T> {\n  return {\n    UNSAFE_getDOMNode() {\n      return ref.current;\n    }\n  };\n}\n\nexport function createFocusableRef<T extends HTMLElement = HTMLElement>(domRef: RefObject<T | null>, focusableRef: RefObject<FocusableElement | null> = domRef): FocusableRefValue<T> {\n  return {\n    ...createDOMRef(domRef),\n    focus() {\n      if (focusableRef.current) {\n        focusableRef.current.focus();\n      }\n    }\n  };\n}\n\nexport function useDOMRef<T extends HTMLElement = HTMLElement>(ref: DOMRef<T>): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createDOMRef(domRef));\n  return domRef;\n}\n\nexport function useFocusableRef<T extends HTMLElement = HTMLElement>(ref: FocusableRef<T>, focusableRef?: RefObject<FocusableElement | null>): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createFocusableRef(domRef, focusableRef));\n  return domRef;\n}\n\nexport function unwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T> | null>): RefObject<T | null> {\n  return {\n    get current() {\n      return ref.current && ref.current.UNSAFE_getDOMNode();\n    }\n  };\n}\n\nexport function useUnwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T> | null>) : RefObject<T | null> {\n  return useMemo(() => unwrapDOMRef(ref), [ref]);\n}\n"],"names":[],"version":3,"file":"useDOMRef.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAYM,SAAS,0CACd,GAAwB;IAExB,OAAO;QACL;YACE,OAAO,IAAI,OAAO;QACpB;IACF;AACF;AAEO,SAAS,0CACd,MAA2B,EAC3B,eAAmD,MAAM;IAEzD,OAAO;QACL,GAAG,0CAAa,OAAO;QACvB;YACE,IAAI,aAAa,OAAO,EACtB,aAAa,OAAO,CAAC,KAAK;QAE9B;IACF;AACF;AAEO,SAAS,0CACd,GAAc;IAEd,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAa;IAC5C,OAAO;AACT;AAEO,SAAS,0CACd,GAAoB,EACpB,YAAiD;IAEjD,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAmB,QAAQ;IAC1D,OAAO;AACT;AAEO,SAAS,0CACd,GAAqC;IAErC,OAAO;QACL,IAAI,WAAU;YACZ,OAAO,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,iBAAiB;QACrD;IACF;AACF;AAEO,SAAS,0CACd,GAAqC;IAErC,OAAO,CAAA,GAAA,cAAM,EAAE,IAAM,0CAAa,MAAM;QAAC;KAAI;AAC/C","sources":["packages/@adobe/react-spectrum/src/utils/useDOMRef.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\nimport {\n  DOMRef,\n  DOMRefValue,\n  FocusableElement,\n  FocusableRef,\n  FocusableRefValue,\n  RefObject\n} from '@react-types/shared';\nimport {useImperativeHandle, useMemo, useRef} from 'react';\n\nexport function createDOMRef<T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T | null>\n): DOMRefValue<T> {\n  return {\n    UNSAFE_getDOMNode() {\n      return ref.current;\n    }\n  };\n}\n\nexport function createFocusableRef<T extends HTMLElement = HTMLElement>(\n  domRef: RefObject<T | null>,\n  focusableRef: RefObject<FocusableElement | null> = domRef\n): FocusableRefValue<T> {\n  return {\n    ...createDOMRef(domRef),\n    focus() {\n      if (focusableRef.current) {\n        focusableRef.current.focus();\n      }\n    }\n  };\n}\n\nexport function useDOMRef<T extends HTMLElement = HTMLElement>(\n  ref: DOMRef<T>\n): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createDOMRef(domRef));\n  return domRef;\n}\n\nexport function useFocusableRef<T extends HTMLElement = HTMLElement>(\n  ref: FocusableRef<T>,\n  focusableRef?: RefObject<FocusableElement | null>\n): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createFocusableRef(domRef, focusableRef));\n  return domRef;\n}\n\nexport function unwrapDOMRef<T extends HTMLElement>(\n  ref: RefObject<DOMRefValue<T> | null>\n): RefObject<T | null> {\n  return {\n    get current() {\n      return ref.current && ref.current.UNSAFE_getDOMNode();\n    }\n  };\n}\n\nexport function useUnwrapDOMRef<T extends HTMLElement>(\n  ref: RefObject<DOMRefValue<T> | null>\n): RefObject<T | null> {\n  return useMemo(() => unwrapDOMRef(ref), [ref]);\n}\n"],"names":[],"version":3,"file":"useDOMRef.js.map"}

package/dist/private/utils/useDOMRef.mjs.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAKM,SAAS,0CAAkD,GAAwB;IACxF,OAAO;QACL;YACE,OAAO,IAAI,OAAO;QACpB;IACF;AACF;AAEO,SAAS,0CAAwD,MAA2B,EAAE,eAAmD,MAAM;IAC5J,OAAO;QACL,GAAG,0CAAa,OAAO;QACvB;YACE,IAAI,aAAa,OAAO,EACtB,aAAa,OAAO,CAAC,KAAK;QAE9B;IACF;AACF;AAEO,SAAS,0CAA+C,GAAc;IAC3E,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAa;IAC5C,OAAO;AACT;AAEO,SAAS,0CAAqD,GAAoB,EAAE,YAAiD;IAC1I,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAmB,QAAQ;IAC1D,OAAO;AACT;AAEO,SAAS,0CAAoC,GAAqC;IACvF,OAAO;QACL,IAAI,WAAU;YACZ,OAAO,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,iBAAiB;QACrD;IACF;AACF;AAEO,SAAS,0CAAuC,GAAqC;IAC1F,OAAO,CAAA,GAAA,cAAM,EAAE,IAAM,0CAAa,MAAM;QAAC;KAAI;AAC/C","sources":["packages/@adobe/react-spectrum/src/utils/useDOMRef.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\nimport {DOMRef, DOMRefValue, FocusableElement, FocusableRef, FocusableRefValue, RefObject} from '@react-types/shared';\nimport {useImperativeHandle, useMemo, useRef} from 'react';\n\nexport function createDOMRef<T extends HTMLElement = HTMLElement>(ref: RefObject<T | null>): DOMRefValue<T> {\n  return {\n    UNSAFE_getDOMNode() {\n      return ref.current;\n    }\n  };\n}\n\nexport function createFocusableRef<T extends HTMLElement = HTMLElement>(domRef: RefObject<T | null>, focusableRef: RefObject<FocusableElement | null> = domRef): FocusableRefValue<T> {\n  return {\n    ...createDOMRef(domRef),\n    focus() {\n      if (focusableRef.current) {\n        focusableRef.current.focus();\n      }\n    }\n  };\n}\n\nexport function useDOMRef<T extends HTMLElement = HTMLElement>(ref: DOMRef<T>): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createDOMRef(domRef));\n  return domRef;\n}\n\nexport function useFocusableRef<T extends HTMLElement = HTMLElement>(ref: FocusableRef<T>, focusableRef?: RefObject<FocusableElement | null>): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createFocusableRef(domRef, focusableRef));\n  return domRef;\n}\n\nexport function unwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T> | null>): RefObject<T | null> {\n  return {\n    get current() {\n      return ref.current && ref.current.UNSAFE_getDOMNode();\n    }\n  };\n}\n\nexport function useUnwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T> | null>) : RefObject<T | null> {\n  return useMemo(() => unwrapDOMRef(ref), [ref]);\n}\n"],"names":[],"version":3,"file":"useDOMRef.mjs.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAYM,SAAS,0CACd,GAAwB;IAExB,OAAO;QACL;YACE,OAAO,IAAI,OAAO;QACpB;IACF;AACF;AAEO,SAAS,0CACd,MAA2B,EAC3B,eAAmD,MAAM;IAEzD,OAAO;QACL,GAAG,0CAAa,OAAO;QACvB;YACE,IAAI,aAAa,OAAO,EACtB,aAAa,OAAO,CAAC,KAAK;QAE9B;IACF;AACF;AAEO,SAAS,0CACd,GAAc;IAEd,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAa;IAC5C,OAAO;AACT;AAEO,SAAS,0CACd,GAAoB,EACpB,YAAiD;IAEjD,IAAI,SAAS,CAAA,GAAA,aAAK,EAAK;IACvB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,0CAAmB,QAAQ;IAC1D,OAAO;AACT;AAEO,SAAS,0CACd,GAAqC;IAErC,OAAO;QACL,IAAI,WAAU;YACZ,OAAO,IAAI,OAAO,IAAI,IAAI,OAAO,CAAC,iBAAiB;QACrD;IACF;AACF;AAEO,SAAS,0CACd,GAAqC;IAErC,OAAO,CAAA,GAAA,cAAM,EAAE,IAAM,0CAAa,MAAM;QAAC;KAAI;AAC/C","sources":["packages/@adobe/react-spectrum/src/utils/useDOMRef.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\nimport {\n  DOMRef,\n  DOMRefValue,\n  FocusableElement,\n  FocusableRef,\n  FocusableRefValue,\n  RefObject\n} from '@react-types/shared';\nimport {useImperativeHandle, useMemo, useRef} from 'react';\n\nexport function createDOMRef<T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T | null>\n): DOMRefValue<T> {\n  return {\n    UNSAFE_getDOMNode() {\n      return ref.current;\n    }\n  };\n}\n\nexport function createFocusableRef<T extends HTMLElement = HTMLElement>(\n  domRef: RefObject<T | null>,\n  focusableRef: RefObject<FocusableElement | null> = domRef\n): FocusableRefValue<T> {\n  return {\n    ...createDOMRef(domRef),\n    focus() {\n      if (focusableRef.current) {\n        focusableRef.current.focus();\n      }\n    }\n  };\n}\n\nexport function useDOMRef<T extends HTMLElement = HTMLElement>(\n  ref: DOMRef<T>\n): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createDOMRef(domRef));\n  return domRef;\n}\n\nexport function useFocusableRef<T extends HTMLElement = HTMLElement>(\n  ref: FocusableRef<T>,\n  focusableRef?: RefObject<FocusableElement | null>\n): RefObject<T | null> {\n  let domRef = useRef<T>(null);\n  useImperativeHandle(ref, () => createFocusableRef(domRef, focusableRef));\n  return domRef;\n}\n\nexport function unwrapDOMRef<T extends HTMLElement>(\n  ref: RefObject<DOMRefValue<T> | null>\n): RefObject<T | null> {\n  return {\n    get current() {\n      return ref.current && ref.current.UNSAFE_getDOMNode();\n    }\n  };\n}\n\nexport function useUnwrapDOMRef<T extends HTMLElement>(\n  ref: RefObject<DOMRefValue<T> | null>\n): RefObject<T | null> {\n  return useMemo(() => unwrapDOMRef(ref), [ref]);\n}\n"],"names":[],"version":3,"file":"useDOMRef.mjs.map"}

package/dist/private/utils/useMediaQuery.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE,IACnC,qBACI,OAAO,UAAU,CAAC,OAAO,OAAO,GAChC;IAGN,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAC;YACd,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,oCAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@adobe/react-spectrum/src/utils/useMediaQuery.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\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let [matches, setMatches] = useState(() =>\n    supportsMatchMedia\n      ? window.matchMedia(query).matches\n      : false\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let mq = window.matchMedia(query);\n    let onChange = (evt) => {\n      setMatches(evt.matches);\n    };\n\n    mq.addListener(onChange);\n    return () => {\n      mq.removeListener(onChange);\n    };\n  }, [supportsMatchMedia, query]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.cjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE,IACnC,qBAAqB,OAAO,UAAU,CAAC,OAAO,OAAO,GAAG;IAG1D,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAA;YACb,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,oCAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@adobe/react-spectrum/src/utils/useMediaQuery.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\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let [matches, setMatches] = useState(() =>\n    supportsMatchMedia ? window.matchMedia(query).matches : false\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let mq = window.matchMedia(query);\n    let onChange = evt => {\n      setMatches(evt.matches);\n    };\n\n    mq.addListener(onChange);\n    return () => {\n      mq.removeListener(onChange);\n    };\n  }, [supportsMatchMedia, query]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.cjs.map"}

package/dist/private/utils/useMediaQuery.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE,IACnC,qBACI,OAAO,UAAU,CAAC,OAAO,OAAO,GAChC;IAGN,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAC;YACd,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@adobe/react-spectrum/src/utils/useMediaQuery.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\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let [matches, setMatches] = useState(() =>\n    supportsMatchMedia\n      ? window.matchMedia(query).matches\n      : false\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let mq = window.matchMedia(query);\n    let onChange = (evt) => {\n      setMatches(evt.matches);\n    };\n\n    mq.addListener(onChange);\n    return () => {\n      mq.removeListener(onChange);\n    };\n  }, [supportsMatchMedia, query]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE,IACnC,qBAAqB,OAAO,UAAU,CAAC,OAAO,OAAO,GAAG;IAG1D,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAA;YACb,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@adobe/react-spectrum/src/utils/useMediaQuery.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\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let [matches, setMatches] = useState(() =>\n    supportsMatchMedia ? window.matchMedia(query).matches : false\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let mq = window.matchMedia(query);\n    let onChange = evt => {\n      setMatches(evt.matches);\n    };\n\n    mq.addListener(onChange);\n    return () => {\n      mq.removeListener(onChange);\n    };\n  }, [supportsMatchMedia, query]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.js.map"}

package/dist/private/utils/useMediaQuery.mjs.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE,IACnC,qBACI,OAAO,UAAU,CAAC,OAAO,OAAO,GAChC;IAGN,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAC;YACd,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@adobe/react-spectrum/src/utils/useMediaQuery.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\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let [matches, setMatches] = useState(() =>\n    supportsMatchMedia\n      ? window.matchMedia(query).matches\n      : false\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let mq = window.matchMedia(query);\n    let onChange = (evt) => {\n      setMatches(evt.matches);\n    };\n\n    mq.addListener(onChange);\n    return () => {\n      mq.removeListener(onChange);\n    };\n  }, [supportsMatchMedia, query]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.mjs.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE,IACnC,qBAAqB,OAAO,UAAU,CAAC,OAAO,OAAO,GAAG;IAG1D,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAA;YACb,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@adobe/react-spectrum/src/utils/useMediaQuery.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\nimport {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n  let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n  let [matches, setMatches] = useState(() =>\n    supportsMatchMedia ? window.matchMedia(query).matches : false\n  );\n\n  useEffect(() => {\n    if (!supportsMatchMedia) {\n      return;\n    }\n\n    let mq = window.matchMedia(query);\n    let onChange = evt => {\n      setMatches(evt.matches);\n    };\n\n    mq.addListener(onChange);\n    return () => {\n      mq.removeListener(onChange);\n    };\n  }, [supportsMatchMedia, query]);\n\n  // If in SSR, the media query should never match. Once the page hydrates,\n  // this will update and the real value will be returned.\n  let isSSR = useIsSSR();\n  return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.mjs.map"}

package/dist/private/vars_express.css

@@ -1,4 +1,4 @@
-.u4Zobq_express.u4Zobq_express {
+.bGGqKW_express.bGGqKW_express {
   --spectrum-accent-color-100: var(--spectrum-indigo-100);
   --spectrum-accent-color-200: var(--spectrum-indigo-200);
   --spectrum-accent-color-300: var(--spectrum-indigo-300);
@@ -135,21 +135,22 @@
   --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);
   --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);
   --spectrum-popover-border-size: 0px;
-  --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y, var(--spectrum-global-dimension-size-10)) var(--spectrum-alias-dropshadow-blur, var(--spectrum-global-dimension-size-50)) var(--spectrum-alias-dropshadow-color));
+  --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y, var(--spectrum-global-dimension-size-10)) var(--spectrum-alias-dropshadow-blur, var(--spectrum-global-dimension-size-50))
+      var(--spectrum-alias-dropshadow-color));
   --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);
   --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);
 }
 
-.u4Zobq_express.u4Zobq_medium {
+.bGGqKW_express.bGGqKW_medium {
   --spectrum-switch-track-width: 28px;
 }
 
-.u4Zobq_express.u4Zobq_large {
+.bGGqKW_express.bGGqKW_large {
   --spectrum-switch-track-width: 36px;
 }
 
 @media (forced-colors: active) {
-  .u4Zobq_express.u4Zobq_express {
+  .bGGqKW_express.bGGqKW_express {
     --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
   }
 }

package/dist/private/vars_express.css.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n  --spectrum-accent-color-100: var(--spectrum-indigo-100);\n  --spectrum-accent-color-200: var(--spectrum-indigo-200);\n  --spectrum-accent-color-300: var(--spectrum-indigo-300);\n  --spectrum-accent-color-400: var(--spectrum-indigo-400);\n  --spectrum-accent-color-500: var(--spectrum-indigo-500);\n  --spectrum-accent-color-600: var(--spectrum-indigo-600);\n  --spectrum-accent-color-700: var(--spectrum-indigo-700);\n  --spectrum-accent-color-800: var(--spectrum-indigo-800);\n  --spectrum-accent-color-900: var(--spectrum-indigo-900);\n  --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n  --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n  --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n  --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n  --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n  --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n  --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n  --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n  --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n  --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n  --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n  --spectrum-button-primary-border-radius:  var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n  --spectrum-alias-border-color: var(--spectrum-gray-400);\n  --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n  --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n  --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n  --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n  --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n  --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n  --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n  --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n  --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n  --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n  --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n  --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n  --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-actionbutton-quiet-background-color-key-focus:  var(--spectrum-actionbutton-background-color-key-focus);\n  --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n  --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n  --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-actionbutton-static-black-border-color: transparent;\n  --spectrum-actionbutton-static-black-border-color-hover: transparent;\n  --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-black-border-color-down: transparent;\n  --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n  --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n  --spectrum-actionbutton-static-white-border-color: transparent;\n  --spectrum-actionbutton-static-white-border-color-hover: transparent;\n  --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-white-border-color-down: transparent;\n  --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n  --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n  --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n  --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n  --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n  --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n  --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n  --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n  --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n  --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n  --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n  --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n  --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n  --spectrum-combobox-fieldbutton-border-left-width: 0;\n  --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n  --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n  --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n  --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n  /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n  --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n  --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n  --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n  --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n  --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n  --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n  --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n  --spectrum-slider-handle-gap: 0px;\n  --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n  --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n  --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n  --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n  --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n  --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n  --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n  --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n  /* These are missing from spectrum-css */\n  --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n  --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n  --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n  --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n  --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n  --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n  --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n  .express.express {\n    --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n  }\n}\n"],"names":[],"version":3,"file":"vars_express.css.map"}
+{"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyLE","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n  --spectrum-accent-color-100: var(--spectrum-indigo-100);\n  --spectrum-accent-color-200: var(--spectrum-indigo-200);\n  --spectrum-accent-color-300: var(--spectrum-indigo-300);\n  --spectrum-accent-color-400: var(--spectrum-indigo-400);\n  --spectrum-accent-color-500: var(--spectrum-indigo-500);\n  --spectrum-accent-color-600: var(--spectrum-indigo-600);\n  --spectrum-accent-color-700: var(--spectrum-indigo-700);\n  --spectrum-accent-color-800: var(--spectrum-indigo-800);\n  --spectrum-accent-color-900: var(--spectrum-indigo-900);\n  --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n  --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n  --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n  --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n  --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n  --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n  --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n  --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n  --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n  --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n  --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n  --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n  --spectrum-alias-border-color: var(--spectrum-gray-400);\n  --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n  --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n  --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n  --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-textfield-quiet-border-color-key-focus: var(\n    --spectrum-alias-input-border-color-key-focus\n  );\n\n  --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n  --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n  --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n  --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n  --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n  --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n  --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-actionbutton-border-color-key-focus: var(\n    --spectrum-actionbutton-background-color-key-focus\n  );\n  --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n  --spectrum-actionbutton-quiet-background-color-hover: var(\n    --spectrum-actionbutton-background-color-hover\n  );\n  --spectrum-actionbutton-quiet-background-color-key-focus: var(\n    --spectrum-actionbutton-background-color-key-focus\n  );\n  --spectrum-actionbutton-quiet-background-color-down: var(\n    --spectrum-actionbutton-background-color-down\n  );\n  --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-actionbutton-quiet-border-color-key-focus: var(\n    --spectrum-actionbutton-border-color-key-focus\n  );\n  --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-actionbutton-static-black-border-color: transparent;\n  --spectrum-actionbutton-static-black-border-color-hover: transparent;\n  --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-black-border-color-down: transparent;\n  --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n  --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n  --spectrum-actionbutton-static-white-border-color: transparent;\n  --spectrum-actionbutton-static-white-border-color-hover: transparent;\n  --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-white-border-color-down: transparent;\n  --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n  --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n  --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-fieldbutton-background-color-hover: var(\n    --spectrum-actionbutton-background-color-hover\n  );\n  --spectrum-fieldbutton-background-color-key-focus: var(\n    --spectrum-actionbutton-background-color-key-focus\n  );\n  --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n  --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n  --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-fieldbutton-border-color-key-focus: var(\n    --spectrum-actionbutton-border-color-key-focus\n  );\n  --spectrum-fieldbutton-border-color-error-key-focus: var(\n    --spectrum-fieldbutton-border-color-error\n  );\n  --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n  --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n  --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n  --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n  --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n  --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n  --spectrum-combobox-fieldbutton-border-left-width: 0;\n  --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(\n    --spectrum-alias-border-radius-regular\n  );\n  --spectrum-combobox-fieldbutton-start-border-radius: calc(\n    var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size)\n  );\n  --spectrum-combobox-fieldbutton-end-border-radius: var(\n    --spectrum-combobox-fieldbutton-start-border-radius\n  );\n\n  --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n  /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n  --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n  --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n  --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n  --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n  --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n  --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n  --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n  --spectrum-slider-handle-gap: 0px;\n  --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n  --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n  --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n  --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n  --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n  --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n  --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n  --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n  /* These are missing from spectrum-css */\n  --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n  --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n  --spectrum-tooltip-dropshadow: drop-shadow(\n    0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur)\n      var(--spectrum-alias-dropshadow-color)\n  );\n  --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n  --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n  --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n  --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n  .express.express {\n    --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n  }\n}\n"],"names":[],"version":3,"file":"vars_express.css.map"}

package/dist/private/vars_express_css.cjs

@@ -9,9 +9,9 @@ $parcel$export(module.exports, "medium", function () { return $d3bb744e95191474$
 var $d3bb744e95191474$export$7cee79dbff713def;
 var $d3bb744e95191474$export$f09585a853dddd32;
 var $d3bb744e95191474$export$649ecc744817b5c7;
-$d3bb744e95191474$export$7cee79dbff713def = `u4Zobq_express`;
-$d3bb744e95191474$export$f09585a853dddd32 = `u4Zobq_large`;
-$d3bb744e95191474$export$649ecc744817b5c7 = `u4Zobq_medium`;
+$d3bb744e95191474$export$7cee79dbff713def = `bGGqKW_express`;
+$d3bb744e95191474$export$f09585a853dddd32 = `bGGqKW_large`;
+$d3bb744e95191474$export$649ecc744817b5c7 = `bGGqKW_medium`;
 
 
 //# sourceMappingURL=vars_express_css.cjs.map

package/dist/private/vars_express_css.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n  --spectrum-accent-color-100: var(--spectrum-indigo-100);\n  --spectrum-accent-color-200: var(--spectrum-indigo-200);\n  --spectrum-accent-color-300: var(--spectrum-indigo-300);\n  --spectrum-accent-color-400: var(--spectrum-indigo-400);\n  --spectrum-accent-color-500: var(--spectrum-indigo-500);\n  --spectrum-accent-color-600: var(--spectrum-indigo-600);\n  --spectrum-accent-color-700: var(--spectrum-indigo-700);\n  --spectrum-accent-color-800: var(--spectrum-indigo-800);\n  --spectrum-accent-color-900: var(--spectrum-indigo-900);\n  --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n  --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n  --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n  --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n  --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n  --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n  --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n  --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n  --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n  --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n  --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n  --spectrum-button-primary-border-radius:  var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n  --spectrum-alias-border-color: var(--spectrum-gray-400);\n  --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n  --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n  --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n  --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n  --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n  --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n  --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n  --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n  --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n  --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n  --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n  --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n  --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-actionbutton-quiet-background-color-key-focus:  var(--spectrum-actionbutton-background-color-key-focus);\n  --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n  --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n  --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-actionbutton-static-black-border-color: transparent;\n  --spectrum-actionbutton-static-black-border-color-hover: transparent;\n  --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-black-border-color-down: transparent;\n  --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n  --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n  --spectrum-actionbutton-static-white-border-color: transparent;\n  --spectrum-actionbutton-static-white-border-color-hover: transparent;\n  --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-white-border-color-down: transparent;\n  --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n  --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n  --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n  --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n  --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n  --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n  --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n  --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n  --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n  --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n  --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n  --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n  --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n  --spectrum-combobox-fieldbutton-border-left-width: 0;\n  --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n  --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n  --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n  --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n  /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n  --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n  --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n  --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n  --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n  --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n  --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n  --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n  --spectrum-slider-handle-gap: 0px;\n  --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n  --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n  --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n  --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n  --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n  --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n  --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n  --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n  /* These are missing from spectrum-css */\n  --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n  --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n  --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n  --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n  --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n  --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n  --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n  .express.express {\n    --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n  }\n}\n"],"names":[],"version":3,"file":"vars_express_css.cjs.map"}
+{"mappings":";;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n  --spectrum-accent-color-100: var(--spectrum-indigo-100);\n  --spectrum-accent-color-200: var(--spectrum-indigo-200);\n  --spectrum-accent-color-300: var(--spectrum-indigo-300);\n  --spectrum-accent-color-400: var(--spectrum-indigo-400);\n  --spectrum-accent-color-500: var(--spectrum-indigo-500);\n  --spectrum-accent-color-600: var(--spectrum-indigo-600);\n  --spectrum-accent-color-700: var(--spectrum-indigo-700);\n  --spectrum-accent-color-800: var(--spectrum-indigo-800);\n  --spectrum-accent-color-900: var(--spectrum-indigo-900);\n  --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n  --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n  --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n  --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n  --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n  --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n  --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n  --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n  --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n  --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n  --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n  --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n  --spectrum-alias-border-color: var(--spectrum-gray-400);\n  --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n  --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n  --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n  --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-textfield-quiet-border-color-key-focus: var(\n    --spectrum-alias-input-border-color-key-focus\n  );\n\n  --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n  --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n  --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n  --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n  --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n  --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n  --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-actionbutton-border-color-key-focus: var(\n    --spectrum-actionbutton-background-color-key-focus\n  );\n  --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n  --spectrum-actionbutton-quiet-background-color-hover: var(\n    --spectrum-actionbutton-background-color-hover\n  );\n  --spectrum-actionbutton-quiet-background-color-key-focus: var(\n    --spectrum-actionbutton-background-color-key-focus\n  );\n  --spectrum-actionbutton-quiet-background-color-down: var(\n    --spectrum-actionbutton-background-color-down\n  );\n  --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-actionbutton-quiet-border-color-key-focus: var(\n    --spectrum-actionbutton-border-color-key-focus\n  );\n  --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-actionbutton-static-black-border-color: transparent;\n  --spectrum-actionbutton-static-black-border-color-hover: transparent;\n  --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-black-border-color-down: transparent;\n  --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n  --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n  --spectrum-actionbutton-static-white-border-color: transparent;\n  --spectrum-actionbutton-static-white-border-color-hover: transparent;\n  --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-white-border-color-down: transparent;\n  --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n  --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n  --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-fieldbutton-background-color-hover: var(\n    --spectrum-actionbutton-background-color-hover\n  );\n  --spectrum-fieldbutton-background-color-key-focus: var(\n    --spectrum-actionbutton-background-color-key-focus\n  );\n  --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n  --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n  --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-fieldbutton-border-color-key-focus: var(\n    --spectrum-actionbutton-border-color-key-focus\n  );\n  --spectrum-fieldbutton-border-color-error-key-focus: var(\n    --spectrum-fieldbutton-border-color-error\n  );\n  --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n  --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n  --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n  --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n  --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n  --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n  --spectrum-combobox-fieldbutton-border-left-width: 0;\n  --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(\n    --spectrum-alias-border-radius-regular\n  );\n  --spectrum-combobox-fieldbutton-start-border-radius: calc(\n    var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size)\n  );\n  --spectrum-combobox-fieldbutton-end-border-radius: var(\n    --spectrum-combobox-fieldbutton-start-border-radius\n  );\n\n  --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n  /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n  --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n  --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n  --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n  --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n  --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n  --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n  --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n  --spectrum-slider-handle-gap: 0px;\n  --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n  --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n  --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n  --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n  --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n  --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n  --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n  --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n  /* These are missing from spectrum-css */\n  --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n  --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n  --spectrum-tooltip-dropshadow: drop-shadow(\n    0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur)\n      var(--spectrum-alias-dropshadow-color)\n  );\n  --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n  --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n  --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n  --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n  .express.express {\n    --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n  }\n}\n"],"names":[],"version":3,"file":"vars_express_css.cjs.map"}

package/dist/private/vars_express_css.mjs

@@ -10,9 +10,9 @@ $parcel$export($1580776c0c5a37b4$exports, "medium", function () { return $158077
 var $1580776c0c5a37b4$export$7cee79dbff713def;
 var $1580776c0c5a37b4$export$f09585a853dddd32;
 var $1580776c0c5a37b4$export$649ecc744817b5c7;
-$1580776c0c5a37b4$export$7cee79dbff713def = `u4Zobq_express`;
-$1580776c0c5a37b4$export$f09585a853dddd32 = `u4Zobq_large`;
-$1580776c0c5a37b4$export$649ecc744817b5c7 = `u4Zobq_medium`;
+$1580776c0c5a37b4$export$7cee79dbff713def = `bGGqKW_express`;
+$1580776c0c5a37b4$export$f09585a853dddd32 = `bGGqKW_large`;
+$1580776c0c5a37b4$export$649ecc744817b5c7 = `bGGqKW_medium`;
 
 
 export {$1580776c0c5a37b4$exports as default};

package/dist/private/vars_express_css.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n  --spectrum-accent-color-100: var(--spectrum-indigo-100);\n  --spectrum-accent-color-200: var(--spectrum-indigo-200);\n  --spectrum-accent-color-300: var(--spectrum-indigo-300);\n  --spectrum-accent-color-400: var(--spectrum-indigo-400);\n  --spectrum-accent-color-500: var(--spectrum-indigo-500);\n  --spectrum-accent-color-600: var(--spectrum-indigo-600);\n  --spectrum-accent-color-700: var(--spectrum-indigo-700);\n  --spectrum-accent-color-800: var(--spectrum-indigo-800);\n  --spectrum-accent-color-900: var(--spectrum-indigo-900);\n  --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n  --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n  --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n  --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n  --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n  --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n  --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n  --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n  --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n  --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n  --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n  --spectrum-button-primary-border-radius:  var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n  --spectrum-alias-border-color: var(--spectrum-gray-400);\n  --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n  --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n  --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n  --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n\n  --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n  --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n  --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n  --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n  --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n  --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n  --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-actionbutton-border-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n  --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n  --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-actionbutton-quiet-background-color-key-focus:  var(--spectrum-actionbutton-background-color-key-focus);\n  --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-actionbutton-background-color-down);\n  --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-actionbutton-quiet-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n  --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-actionbutton-static-black-border-color: transparent;\n  --spectrum-actionbutton-static-black-border-color-hover: transparent;\n  --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-black-border-color-down: transparent;\n  --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n  --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n  --spectrum-actionbutton-static-white-border-color: transparent;\n  --spectrum-actionbutton-static-white-border-color-hover: transparent;\n  --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-white-border-color-down: transparent;\n  --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n  --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n  --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-fieldbutton-background-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-fieldbutton-background-color-key-focus: var(--spectrum-actionbutton-background-color-key-focus);\n  --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n  --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n  --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-fieldbutton-border-color-key-focus: var(--spectrum-actionbutton-border-color-key-focus);\n  --spectrum-fieldbutton-border-color-error-key-focus: var(--spectrum-fieldbutton-border-color-error);\n  --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n  --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n  --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n  --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n  --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n  --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n  --spectrum-combobox-fieldbutton-border-left-width: 0;\n  --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular);\n  --spectrum-combobox-fieldbutton-start-border-radius: calc(var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size));\n  --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);\n\n  --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n  /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n  --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n  --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n  --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n  --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n  --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n  --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n  --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n  --spectrum-slider-handle-gap: 0px;\n  --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n  --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n  --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n  --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n  --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n  --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n  --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n  --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n  /* These are missing from spectrum-css */\n  --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n  --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n  --spectrum-tooltip-dropshadow: drop-shadow(0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur) var(--spectrum-alias-dropshadow-color));\n  --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n  --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n  --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n  --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n  .express.express {\n    --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n  }\n}\n"],"names":[],"version":3,"file":"vars_express_css.mjs.map"}
+{"mappings":";;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/@adobe/spectrum-css-temp/vars/express.css"],"sourcesContent":[".express.express {\n  --spectrum-accent-color-100: var(--spectrum-indigo-100);\n  --spectrum-accent-color-200: var(--spectrum-indigo-200);\n  --spectrum-accent-color-300: var(--spectrum-indigo-300);\n  --spectrum-accent-color-400: var(--spectrum-indigo-400);\n  --spectrum-accent-color-500: var(--spectrum-indigo-500);\n  --spectrum-accent-color-600: var(--spectrum-indigo-600);\n  --spectrum-accent-color-700: var(--spectrum-indigo-700);\n  --spectrum-accent-color-800: var(--spectrum-indigo-800);\n  --spectrum-accent-color-900: var(--spectrum-indigo-900);\n  --spectrum-accent-color-1000: var(--spectrum-indigo-1000);\n  --spectrum-accent-color-1100: var(--spectrum-indigo-1100);\n  --spectrum-accent-color-1200: var(--spectrum-indigo-1200);\n  --spectrum-accent-color-1300: var(--spectrum-indigo-1300);\n  --spectrum-accent-color-1400: var(--spectrum-indigo-1400);\n\n  --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black);\n  --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25);\n  --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40);\n  --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75);\n  --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125);\n  --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150);\n\n  --spectrum-button-primary-border-radius: var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-25);\n\n  --spectrum-alias-border-color: var(--spectrum-gray-400);\n  --spectrum-alias-border-color-hover: var(--spectrum-gray-500);\n  --spectrum-alias-border-color-down: var(--spectrum-gray-900);\n\n  --spectrum-textfield-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);\n  --spectrum-textfield-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-textfield-quiet-border-color-key-focus: var(\n    --spectrum-alias-input-border-color-key-focus\n  );\n\n  --spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-handle-size: var(--spectrum-global-dimension-size-200);\n  --spectrum-switch-track-height: var(--spectrum-global-dimension-size-200);\n\n  --spectrum-alias-toggle-color-default: var(--spectrum-global-color-gray-800);\n  --spectrum-alias-toggle-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-alias-toggle-color-selected: var(--spectrum-gray-800);\n  --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-900);\n  --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n  --spectrum-actionbutton-icon-color: var(--spectrum-global-color-gray-800);\n  --spectrum-actionbutton-background-color: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-actionbutton-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-actionbutton-background-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-actionbutton-border-color-disabled: var(--spectrum-global-color-gray-200);\n\n  --spectrum-actionbutton-border-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-actionbutton-border-color-hover: var(--spectrum-actionbutton-background-color-hover);\n  --spectrum-actionbutton-border-color-key-focus: var(\n    --spectrum-actionbutton-background-color-key-focus\n  );\n  --spectrum-actionbutton-border-color-down: var(--spectrum-actionbutton-background-color-down);\n\n  --spectrum-actionbutton-quiet-background-color-hover: var(\n    --spectrum-actionbutton-background-color-hover\n  );\n  --spectrum-actionbutton-quiet-background-color-key-focus: var(\n    --spectrum-actionbutton-background-color-key-focus\n  );\n  --spectrum-actionbutton-quiet-background-color-down: var(\n    --spectrum-actionbutton-background-color-down\n  );\n  --spectrum-actionbutton-quiet-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-actionbutton-quiet-border-color-key-focus: var(\n    --spectrum-actionbutton-border-color-key-focus\n  );\n  --spectrum-actionbutton-quiet-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-actionbutton-static-black-border-color: transparent;\n  --spectrum-actionbutton-static-black-border-color-hover: transparent;\n  --spectrum-actionbutton-static-black-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-black-border-color-down: transparent;\n  --spectrum-actionbutton-static-black-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-black-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-black-background-color: rgba(0, 0, 0, 0.07);\n  --spectrum-actionbutton-static-black-background-color-disabled: rgba(0, 0, 0, 0.07);\n\n  --spectrum-actionbutton-static-white-border-color: transparent;\n  --spectrum-actionbutton-static-white-border-color-hover: transparent;\n  --spectrum-actionbutton-static-white-border-color-key-focus: transparent;\n  --spectrum-actionbutton-static-white-border-color-down: transparent;\n  --spectrum-actionbutton-static-white-border-color-disabled: transparent;\n  --spectrum-actionbutton-static-white-border-color-selected-disabled: transparent;\n  --spectrum-actionbutton-static-white-background-color: rgba(255, 255, 255, 0.07);\n  --spectrum-actionbutton-static-white-background-color-disabled: rgba(255, 255, 255, 0.07);\n\n  --spectrum-fieldbutton-background-color: var(--spectrum-actionbutton-background-color);\n  --spectrum-fieldbutton-background-color-hover: var(\n    --spectrum-actionbutton-background-color-hover\n  );\n  --spectrum-fieldbutton-background-color-key-focus: var(\n    --spectrum-actionbutton-background-color-key-focus\n  );\n  --spectrum-fieldbutton-background-color-down: var(--spectrum-actionbutton-background-color-down);\n  --spectrum-fieldbutton-border-color: var(--spectrum-actionbutton-border-color);\n  --spectrum-fieldbutton-border-color-hover: var(--spectrum-actionbutton-border-color-hover);\n  --spectrum-fieldbutton-border-color-key-focus: var(\n    --spectrum-actionbutton-border-color-key-focus\n  );\n  --spectrum-fieldbutton-border-color-error-key-focus: var(\n    --spectrum-fieldbutton-border-color-error\n  );\n  --spectrum-fieldbutton-border-color-down: var(--spectrum-actionbutton-border-color-down);\n\n  --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-50);\n  --spectrum-breadcrumb-ui-icon-color: var(--spectrum-gray-800);\n  --spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-50);\n  --spectrum-breadcrumb-separator-icon-position-adjustment: 0;\n\n  --spectrum-icon-chevron-right-small-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-icon-chevron-right-small-width: var(--spectrum-global-dimension-size-225);\n\n  --spectrum-combobox-fieldbutton-inset: var(--spectrum-global-dimension-size-75);\n  --spectrum-combobox-fieldbutton-border-left-width: 0;\n  --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(\n    --spectrum-alias-border-radius-regular\n  );\n  --spectrum-combobox-fieldbutton-start-border-radius: calc(\n    var(--spectrum-alias-border-radius-regular) + var(--spectrum-alias-input-border-size)\n  );\n  --spectrum-combobox-fieldbutton-end-border-radius: var(\n    --spectrum-combobox-fieldbutton-start-border-radius\n  );\n\n  --spectrum-search-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-search-clear-button-padding: var(--spectrum-global-dimension-size-50);\n\n  /* These are wrong in spectrum-css compared with XD. Matching XD here. */\n  --spectrum-search-clear-button-background-color-hover: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-key-focus: var(--spectrum-global-color-gray-200);\n  --spectrum-search-clear-button-background-color-down: var(--spectrum-global-color-gray-300);\n\n  --spectrum-label-text-size: var(--spectrum-global-dimension-font-size-100);\n  --spectrum-fieldlabel-text-size: var(--spectrum-global-dimension-font-size-100);\n\n  --spectrum-slider-track-height: var(--spectrum-global-dimension-size-50);\n  --spectrum-slider-track-color: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-color-disabled: var(--spectrum-global-color-gray-200);\n  --spectrum-slider-track-border-radius: var(--spectrum-alias-border-radius-xsmall);\n  --spectrum-slider-fill-track-height: var(--spectrum-slider-track-height);\n  --spectrum-slider-fill-track-color: var(--spectrum-global-color-gray-600);\n  --spectrum-slider-handle-gap: 0px;\n  --spectrum-slider-handle-border-size-down: var(--spectrum-slider-handle-border-size);\n  --spectrum-slider-handle-width: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-height: var(--spectrum-global-dimension-size-225);\n  --spectrum-slider-handle-background-color: var(--spectrum-global-color-gray-50);\n  --spectrum-slider-handle-border-color: var(--spectrum-global-color-gray-800);\n  --spectrum-slider-handle-border-color-hover: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-key-focus: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-down: var(--spectrum-global-color-gray-900);\n  --spectrum-slider-handle-border-color-disabled: var(--spectrum-global-color-gray-300);\n\n  --spectrum-actiongroup-compact-button-gap: var(--spectrum-global-dimension-size-25);\n\n  --spectrum-tag-border-size: var(--spectrum-global-dimension-static-size-25);\n  --spectrum-tag-border-radius: var(--spectrum-global-dimension-size-300);\n  --spectrum-tag-border-color: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-border-color-hover: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-border-color-down: var(--spectrum-global-color-gray-500);\n  --spectrum-tag-border-color-disabled: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color: var(--spectrum-global-color-gray-100);\n  --spectrum-tag-background-color-hover: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);\n  --spectrum-tag-background-color-down: var(--spectrum-global-color-gray-400);\n  --spectrum-tag-background-color-disabled: var(--spectrum-global-color-gray-100);\n\n  /* These are missing from spectrum-css */\n  --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-200);\n  --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-50);\n  --spectrum-popover-border-size: 0px; /* TODO: is this for all popovers or just menu/picker/combobox? */\n  --spectrum-tooltip-dropshadow: drop-shadow(\n    0 var(--spectrum-alias-dropshadow-offset-y) var(--spectrum-alias-dropshadow-blur)\n      var(--spectrum-alias-dropshadow-color)\n  );\n  --spectrum-selectlist-option-icon-color-selected: var(--spectrum-global-color-indigo-500);\n\n  --spectrum-alias-neutral-background-color: var(--spectrum-neutral-background-color-default);\n}\n\n.express.medium {\n  --spectrum-switch-track-width: 28px;\n}\n\n.express.large {\n  --spectrum-switch-track-width: 36px;\n}\n\n@media (forced-colors: active) {\n  .express.express {\n    --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin);\n  }\n}\n"],"names":[],"version":3,"file":"vars_express_css.mjs.map"}

package/dist/private/vars_spectrum-dark.css

@@ -1,4 +1,4 @@
-.VF2-xW_spectrum--dark {
+.jZfazW_spectrum--dark {
   --spectrum-global-color-status: Verified;
   --spectrum-global-color-version: 5.1;
   --spectrum-gray-50: #1d1d1d;

package/dist/private/vars_spectrum-dark.css.map

@@ -1 +1 @@
-{"mappings":"AAYA","sources":["packages/@adobe/spectrum-css-temp/vars/spectrum-dark.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.spectrum--dark {\n  --spectrum-global-color-status: Verified;\n  --spectrum-global-color-version: 5.1.0;\n  --spectrum-gray-50: rgb(29, 29, 29);\n  --spectrum-gray-75: rgb(38, 38, 38);\n  --spectrum-gray-100: rgb(50, 50, 50);\n  --spectrum-gray-200: rgb(63, 63, 63);\n  --spectrum-gray-300: rgb(84, 84, 84);\n  --spectrum-gray-400: rgb(112, 112, 112);\n  --spectrum-gray-500: rgb(144, 144, 144);\n  --spectrum-gray-600: rgb(178, 178, 178);\n  --spectrum-gray-700: rgb(209, 209, 209);\n  --spectrum-gray-800: rgb(235, 235, 235);\n  --spectrum-gray-900: rgb(255, 255, 255);\n  --spectrum-red-100: rgb(123, 0, 0);\n  --spectrum-red-200: rgb(141, 0, 0);\n  --spectrum-red-300: rgb(165, 0, 0);\n  --spectrum-red-400: rgb(190, 4, 3);\n  --spectrum-red-500: rgb(215, 25, 19);\n  --spectrum-red-600: rgb(234, 56, 41);\n  --spectrum-red-700: rgb(246, 88, 67);\n  --spectrum-red-800: rgb(255, 117, 94);\n  --spectrum-red-900: rgb(255, 149, 129);\n  --spectrum-red-1000: rgb(255, 176, 161);\n  --spectrum-red-1100: rgb(255, 201, 189);\n  --spectrum-red-1200: rgb(255, 222, 216);\n  --spectrum-red-1300: rgb(255, 241, 238);\n  --spectrum-red-1400: rgb(255, 255, 255);\n  --spectrum-orange-100: rgb(102, 37, 0);\n  --spectrum-orange-200: rgb(117, 45, 0);\n  --spectrum-orange-300: rgb(137, 55, 0);\n  --spectrum-orange-400: rgb(158, 66, 0);\n  --spectrum-orange-500: rgb(180, 78, 0);\n  --spectrum-orange-600: rgb(202, 93, 0);\n  --spectrum-orange-700: rgb(225, 109, 0);\n  --spectrum-orange-800: rgb(244, 129, 12);\n  --spectrum-orange-900: rgb(254, 154, 46);\n  --spectrum-orange-1000: rgb(255, 181, 88);\n  --spectrum-orange-1100: rgb(253, 206, 136);\n  --spectrum-orange-1200: rgb(255, 225, 179);\n  --spectrum-orange-1300: rgb(255, 242, 221);\n  --spectrum-orange-1400: rgb(255, 253, 249);\n  --spectrum-yellow-100: rgb(76, 54, 0);\n  --spectrum-yellow-200: rgb(88, 64, 0);\n  --spectrum-yellow-300: rgb(103, 76, 0);\n  --spectrum-yellow-400: rgb(119, 89, 0);\n  --spectrum-yellow-500: rgb(136, 104, 0);\n  --spectrum-yellow-600: rgb(155, 120, 0);\n  --spectrum-yellow-700: rgb(174, 137, 0);\n  --spectrum-yellow-800: rgb(192, 156, 0);\n  --spectrum-yellow-900: rgb(211, 174, 0);\n  --spectrum-yellow-1000: rgb(228, 194, 0);\n  --spectrum-yellow-1100: rgb(244, 213, 0);\n  --spectrum-yellow-1200: rgb(249, 232, 92);\n  --spectrum-yellow-1300: rgb(252, 246, 187);\n  --spectrum-yellow-1400: rgb(255, 255, 255);\n  --spectrum-chartreuse-100: rgb(48, 64, 0);\n  --spectrum-chartreuse-200: rgb(55, 74, 0);\n  --spectrum-chartreuse-300: rgb(65, 87, 0);\n  --spectrum-chartreuse-400: rgb(76, 102, 0);\n  --spectrum-chartreuse-500: rgb(89, 118, 0);\n  --spectrum-chartreuse-600: rgb(102, 136, 0);\n  --spectrum-chartreuse-700: rgb(117, 154, 0);\n  --spectrum-chartreuse-800: rgb(132, 173, 1);\n  --spectrum-chartreuse-900: rgb(148, 192, 8);\n  --spectrum-chartreuse-1000: rgb(166, 211, 18);\n  --spectrum-chartreuse-1100: rgb(184, 229, 37);\n  --spectrum-chartreuse-1200: rgb(205, 245, 71);\n  --spectrum-chartreuse-1300: rgb(231, 254, 154);\n  --spectrum-chartreuse-1400: rgb(255, 255, 255);\n  --spectrum-celery-100: rgb(0, 69, 10);\n  --spectrum-celery-200: rgb(0, 80, 12);\n  --spectrum-celery-300: rgb(0, 94, 14);\n  --spectrum-celery-400: rgb(0, 109, 15);\n  --spectrum-celery-500: rgb(0, 127, 15);\n  --spectrum-celery-600: rgb(0, 145, 18);\n  --spectrum-celery-700: rgb(4, 165, 30);\n  --spectrum-celery-800: rgb(34, 184, 51);\n  --spectrum-celery-900: rgb(68, 202, 73);\n  --spectrum-celery-1000: rgb(105, 220, 99);\n  --spectrum-celery-1100: rgb(142, 235, 127);\n  --spectrum-celery-1200: rgb(180, 247, 162);\n  --spectrum-celery-1300: rgb(221, 253, 211);\n  --spectrum-celery-1400: rgb(255, 255, 255);\n  --spectrum-green-100: rgb(4, 67, 41);\n  --spectrum-green-200: rgb(0, 78, 47);\n  --spectrum-green-300: rgb(0, 92, 56);\n  --spectrum-green-400: rgb(0, 108, 67);\n  --spectrum-green-500: rgb(0, 125, 78);\n  --spectrum-green-600: rgb(0, 143, 93);\n  --spectrum-green-700: rgb(18, 162, 108);\n  --spectrum-green-800: rgb(43, 180, 125);\n  --spectrum-green-900: rgb(67, 199, 143);\n  --spectrum-green-1000: rgb(94, 217, 162);\n  --spectrum-green-1100: rgb(129, 233, 184);\n  --spectrum-green-1200: rgb(177, 244, 209);\n  --spectrum-green-1300: rgb(223, 250, 234);\n  --spectrum-green-1400: rgb(254, 255, 252);\n  --spectrum-seafoam-100: rgb(18, 65, 63);\n  --spectrum-seafoam-200: rgb(14, 76, 73);\n  --spectrum-seafoam-300: rgb(4, 90, 87);\n  --spectrum-seafoam-400: rgb(0, 105, 101);\n  --spectrum-seafoam-500: rgb(0, 122, 117);\n  --spectrum-seafoam-600: rgb(0, 140, 135);\n  --spectrum-seafoam-700: rgb(0, 158, 152);\n  --spectrum-seafoam-800: rgb(3, 178, 171);\n  --spectrum-seafoam-900: rgb(54, 197, 189);\n  --spectrum-seafoam-1000: rgb(93, 214, 207);\n  --spectrum-seafoam-1100: rgb(132, 230, 223);\n  --spectrum-seafoam-1200: rgb(176, 242, 236);\n  --spectrum-seafoam-1300: rgb(223, 249, 246);\n  --spectrum-seafoam-1400: rgb(254, 255, 254);\n  --spectrum-cyan-100: rgb(0, 61, 98);\n  --spectrum-cyan-200: rgb(0, 71, 111);\n  --spectrum-cyan-300: rgb(0, 85, 127);\n  --spectrum-cyan-400: rgb(0, 100, 145);\n  --spectrum-cyan-500: rgb(0, 116, 162);\n  --spectrum-cyan-600: rgb(0, 134, 180);\n  --spectrum-cyan-700: rgb(0, 153, 198);\n  --spectrum-cyan-800: rgb(14, 173, 215);\n  --spectrum-cyan-900: rgb(44, 193, 230);\n  --spectrum-cyan-1000: rgb(84, 211, 241);\n  --spectrum-cyan-1100: rgb(127, 228, 249);\n  --spectrum-cyan-1200: rgb(167, 241, 255);\n  --spectrum-cyan-1300: rgb(215, 250, 255);\n  --spectrum-cyan-1400: rgb(255, 255, 255);\n  --spectrum-blue-100: rgb(0, 56, 119);\n  --spectrum-blue-200: rgb(0, 65, 138);\n  --spectrum-blue-300: rgb(0, 77, 163);\n  --spectrum-blue-400: rgb(0, 89, 194);\n  --spectrum-blue-500: rgb(3, 103, 224);\n  --spectrum-blue-600: rgb(19, 121, 243);\n  --spectrum-blue-700: rgb(52, 143, 244);\n  --spectrum-blue-800: rgb(84, 163, 246);\n  --spectrum-blue-900: rgb(114, 183, 249);\n  --spectrum-blue-1000: rgb(143, 202, 252);\n  --spectrum-blue-1100: rgb(174, 219, 254);\n  --spectrum-blue-1200: rgb(204, 233, 255);\n  --spectrum-blue-1300: rgb(232, 246, 255);\n  --spectrum-blue-1400: rgb(255, 255, 255);\n  --spectrum-indigo-100: rgb(40, 44, 140);\n  --spectrum-indigo-200: rgb(47, 52, 163);\n  --spectrum-indigo-300: rgb(57, 63, 187);\n  --spectrum-indigo-400: rgb(70, 75, 211);\n  --spectrum-indigo-500: rgb(85, 91, 231);\n  --spectrum-indigo-600: rgb(104, 109, 244);\n  --spectrum-indigo-700: rgb(124, 129, 251);\n  --spectrum-indigo-800: rgb(145, 149, 255);\n  --spectrum-indigo-900: rgb(167, 170, 255);\n  --spectrum-indigo-1000: rgb(188, 190, 255);\n  --spectrum-indigo-1100: rgb(208, 210, 255);\n  --spectrum-indigo-1200: rgb(226, 228, 255);\n  --spectrum-indigo-1300: rgb(243, 243, 254);\n  --spectrum-indigo-1400: rgb(255, 255, 255);\n  --spectrum-purple-100: rgb(76, 13, 157);\n  --spectrum-purple-200: rgb(89, 17, 177);\n  --spectrum-purple-300: rgb(105, 28, 200);\n  --spectrum-purple-400: rgb(122, 45, 218);\n  --spectrum-purple-500: rgb(140, 65, 233);\n  --spectrum-purple-600: rgb(157, 87, 243);\n  --spectrum-purple-700: rgb(172, 111, 249);\n  --spectrum-purple-800: rgb(187, 135, 251);\n  --spectrum-purple-900: rgb(202, 159, 252);\n  --spectrum-purple-1000: rgb(215, 182, 254);\n  --spectrum-purple-1100: rgb(228, 204, 254);\n  --spectrum-purple-1200: rgb(239, 223, 255);\n  --spectrum-purple-1300: rgb(249, 240, 255);\n  --spectrum-purple-1400: rgb(255, 253, 255);\n  --spectrum-fuchsia-100: rgb(107, 3, 106);\n  --spectrum-fuchsia-200: rgb(123, 0, 123);\n  --spectrum-fuchsia-300: rgb(144, 0, 145);\n  --spectrum-fuchsia-400: rgb(165, 13, 166);\n  --spectrum-fuchsia-500: rgb(185, 37, 185);\n  --spectrum-fuchsia-600: rgb(205, 57, 206);\n  --spectrum-fuchsia-700: rgb(223, 81, 224);\n  --spectrum-fuchsia-800: rgb(235, 110, 236);\n  --spectrum-fuchsia-900: rgb(244, 140, 242);\n  --spectrum-fuchsia-1000: rgb(250, 168, 245);\n  --spectrum-fuchsia-1100: rgb(254, 194, 248);\n  --spectrum-fuchsia-1200: rgb(255, 219, 250);\n  --spectrum-fuchsia-1300: rgb(255, 239, 252);\n  --spectrum-fuchsia-1400: rgb(255, 253, 255);\n  --spectrum-magenta-100: rgb(118, 0, 58);\n  --spectrum-magenta-200: rgb(137, 0, 66);\n  --spectrum-magenta-300: rgb(160, 0, 77);\n  --spectrum-magenta-400: rgb(182, 18, 90);\n  --spectrum-magenta-500: rgb(203, 38, 109);\n  --spectrum-magenta-600: rgb(222, 61, 130);\n  --spectrum-magenta-700: rgb(237, 87, 149);\n  --spectrum-magenta-800: rgb(249, 114, 167);\n  --spectrum-magenta-900: rgb(255, 143, 185);\n  --spectrum-magenta-1000: rgb(255, 172, 202);\n  --spectrum-magenta-1100: rgb(255, 198, 218);\n  --spectrum-magenta-1200: rgb(255, 221, 233);\n  --spectrum-magenta-1300: rgb(255, 240, 245);\n  --spectrum-magenta-1400: rgb(255, 252, 253);\n  /* legacy color aliases matching closest v6 color to v5 name */\n  --spectrum-legacy-color-celery-400: var(--spectrum-celery-800);\n  --spectrum-legacy-color-celery-500: var(--spectrum-celery-900);\n  --spectrum-legacy-color-celery-600: var(--spectrum-celery-1000);\n  --spectrum-legacy-color-celery-700: var(--spectrum-celery-1100);\n  --spectrum-legacy-color-chartreuse-400: var(--spectrum-chartreuse-900);\n  --spectrum-legacy-color-chartreuse-500: var(--spectrum-chartreuse-1000);\n  --spectrum-legacy-color-chartreuse-600: var(--spectrum-chartreuse-1100);\n  --spectrum-legacy-color-chartreuse-700: var(--spectrum-chartreuse-1200);\n  --spectrum-legacy-color-yellow-400: var(--spectrum-yellow-1000);\n  --spectrum-legacy-color-yellow-500: var(--spectrum-yellow-1100);\n  --spectrum-legacy-color-yellow-600: var(--spectrum-yellow-1200);\n  --spectrum-legacy-color-yellow-700: var(--spectrum-yellow-1300);\n  --spectrum-legacy-color-magenta-400: var(--spectrum-magenta-600);\n  --spectrum-legacy-color-magenta-500: var(--spectrum-magenta-700);\n  --spectrum-legacy-color-magenta-600: var(--spectrum-magenta-800);\n  --spectrum-legacy-color-magenta-700: var(--spectrum-magenta-900);\n  --spectrum-legacy-color-fuchsia-400: var(--spectrum-fuchsia-600);\n  --spectrum-legacy-color-fuchsia-500: var(--spectrum-fuchsia-700);\n  --spectrum-legacy-color-fuchsia-600: var(--spectrum-fuchsia-800);\n  --spectrum-legacy-color-fuchsia-700: var(--spectrum-fuchsia-900);\n  --spectrum-legacy-color-purple-400: var(--spectrum-purple-600);\n  --spectrum-legacy-color-purple-500: var(--spectrum-purple-700);\n  --spectrum-legacy-color-purple-600: var(--spectrum-purple-800);\n  --spectrum-legacy-color-purple-700: var(--spectrum-purple-900);\n  --spectrum-legacy-color-indigo-400: var(--spectrum-indigo-600);\n  --spectrum-legacy-color-indigo-500: var(--spectrum-indigo-700);\n  --spectrum-legacy-color-indigo-600: var(--spectrum-indigo-800);\n  --spectrum-legacy-color-indigo-700: var(--spectrum-indigo-900);\n  --spectrum-legacy-color-red-400: var(--spectrum-red-600);\n  --spectrum-legacy-color-red-500: var(--spectrum-red-700);\n  --spectrum-legacy-color-red-600: var(--spectrum-red-800);\n  --spectrum-legacy-color-red-700: var(--spectrum-red-900);\n  --spectrum-legacy-color-orange-400: var(--spectrum-orange-800);\n  --spectrum-legacy-color-orange-500: var(--spectrum-orange-900);\n  --spectrum-legacy-color-orange-600: var(--spectrum-orange-1000);\n  --spectrum-legacy-color-orange-700: var(--spectrum-orange-1100);\n  --spectrum-legacy-color-green-400: var(--spectrum-green-700);\n  --spectrum-legacy-color-green-500: var(--spectrum-green-800);\n  --spectrum-legacy-color-green-600: var(--spectrum-green-900);\n  --spectrum-legacy-color-green-700: var(--spectrum-green-1000);\n  --spectrum-legacy-color-blue-400: var(--spectrum-blue-700);\n  --spectrum-legacy-color-blue-500: var(--spectrum-blue-800);\n  --spectrum-legacy-color-blue-600: var(--spectrum-blue-900);\n  --spectrum-legacy-color-blue-700: var(--spectrum-blue-1000);\n  --spectrum-legacy-color-gray-900: var(--spectrum-indigo-1400);\n  --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.5);\n  --spectrum-alias-dropshadow-color: rgba(0,0,0,0.5);\n  --spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.06);\n  --spectrum-alias-highlight-hover: rgba(255,255,255,0.07);\n  --spectrum-alias-highlight-active: rgba(255,255,255,0.1);\n  --spectrum-alias-highlight-selected: rgba(84,163,246,0.15);\n  --spectrum-alias-highlight-selected-hover: rgba(84,163,246,0.25);\n  --spectrum-alias-highlight-invalid: rgba(215, 25, 19, 0.15); /* matches red-500 */\n  --spectrum-alias-text-highlight-color: rgba(84,163,246,0.25);\n  --spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9);\n  --spectrum-alias-radial-reaction-color-default: rgba(235,235,235,0.6);\n  --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);\n  --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);\n  --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);\n  --spectrum-colorarea-border-color: rgba(255,255,255,0.1);\n  --spectrum-colorarea-border-color-hover: rgba(255,255,255,0.1);\n  --spectrum-colorarea-border-color-down: rgba(255,255,255,0.1);\n  --spectrum-colorarea-border-color-key-focus: rgba(255,255,255,0.1);\n  --spectrum-colorslider-border-color: rgba(255,255,255,0.1);\n  --spectrum-colorslider-border-color-hover: rgba(255,255,255,0.1);\n  --spectrum-colorslider-border-color-down: rgba(255,255,255,0.1);\n  --spectrum-colorslider-border-color-key-focus: rgba(255,255,255,0.1);\n  --spectrum-colorslider-vertical-border-color: rgba(255,255,255,0.1);\n  --spectrum-colorslider-vertical-border-color-hover: rgba(255,255,255,0.1);\n  --spectrum-colorslider-vertical-border-color-down: rgba(255,255,255,0.1);\n  --spectrum-colorslider-vertical-border-color-key-focus: rgba(255,255,255,0.1);\n  --spectrum-colorwheel-border-color: rgba(255,255,255,0.1);\n  --spectrum-colorwheel-border-color-hover: rgba(255,255,255,0.1);\n  --spectrum-colorwheel-border-color-down: rgba(255,255,255,0.1);\n  --spectrum-colorwheel-border-color-key-focus: rgba(255,255,255,0.1);\n  --spectrum-miller-column-item-background-color-selected: rgba(55,142,240,0.1);\n  --spectrum-miller-column-item-background-color-selected-hover: rgba(55,142,240,0.2);\n  --spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);\n  --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);\n  --spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);\n  --spectrum-well-background-color: rgba(235,235,235,0.02);\n  --spectrum-well-border-color: rgba(255,255,255,0.05);\n  /* react spectrum additions */\n\n  --spectrum-accent-background-color-default: var(--spectrum-accent-color-500);\n  --spectrum-accent-background-color-hover: var(--spectrum-accent-color-400);\n  --spectrum-accent-background-color-down: var(--spectrum-accent-color-300);\n  --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-400);\n\n  --spectrum-neutral-background-color-default: var(--spectrum-gray-400);\n  --spectrum-neutral-background-color-hover: var(--spectrum-gray-300);\n  --spectrum-neutral-background-color-down: var(--spectrum-gray-200);\n  --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-300);\n\n  --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-400);\n  --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-300);\n  --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-200);\n  --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-300);\n\n  --spectrum-negative-background-color-default: var(--spectrum-red-500);\n  --spectrum-negative-background-color-hover: var(--spectrum-red-400);\n  --spectrum-negative-background-color-down: var(--spectrum-red-300);\n  --spectrum-negative-background-color-key-focus: var(--spectrum-red-400);\n\n  --spectrum-positive-background-color-default: var(--spectrum-green-500);\n  --spectrum-positive-background-color-hover: var(--spectrum-green-400);\n  --spectrum-positive-background-color-down: var(--spectrum-green-300);\n  --spectrum-positive-background-color-key-focus: var(--spectrum-green-400);\n\n  --spectrum-informative-background-color-default: var(--spectrum-blue-500);\n  --spectrum-informative-background-color-hover: var(--spectrum-blue-400);\n  --spectrum-informative-background-color-down: var(--spectrum-blue-300);\n  --spectrum-informative-background-color-key-focus: var(--spectrum-blue-400);\n\n  --spectrum-gray-background-color-default: var(--spectrum-gray-700);\n  --spectrum-red-background-color-default: var(--spectrum-red-700);\n  --spectrum-orange-background-color-default: var(--spectrum-orange-800);\n  --spectrum-yellow-background-color-default: var(--spectrum-yellow-1000);\n  --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-900);\n  --spectrum-celery-background-color-default: var(--spectrum-celery-800);\n  --spectrum-green-background-color-default: var(--spectrum-green-700);\n  --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700);\n  --spectrum-cyan-background-color-default: var(--spectrum-cyan-700);\n  --spectrum-blue-background-color-default: var(--spectrum-blue-700);\n  --spectrum-indigo-background-color-default: var(--spectrum-indigo-700);\n  --spectrum-purple-background-color-default: var(--spectrum-purple-700);\n  --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700);\n  --spectrum-magenta-background-color-default: var(--spectrum-magenta-700);\n\n  --spectrum-negative-visual-color: var(--spectrum-red-700);\n  --spectrum-positive-visual-color: var(--spectrum-green-800);\n  --spectrum-notice-visual-color: var(--spectrum-orange-900);\n  --spectrum-informative-visual-color: var(--spectrum-blue-900);\n\n  --spectrum-gray-visual-color: var(--spectrum-gray-600);\n  --spectrum-red-visual-color: var(--spectrum-red-700);\n  --spectrum-orange-visual-color: var(--spectrum-orange-900);\n  --spectrum-yellow-visual-color: var(--spectrum-yellow-1100);\n  --spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-900);\n  --spectrum-celery-visual-color: var(--spectrum-celery-800);\n  --spectrum-green-visual-color: var(--spectrum-green-800);\n  --spectrum-seafoam-visual-color: var(--spectrum-seafoam-800);\n  --spectrum-cyan-visual-color: var(--spectrum-cyan-900);\n  --spectrum-blue-visual-color: var(--spectrum-blue-900);\n  --spectrum-indigo-visual-color: var(--spectrum-indigo-900);\n  --spectrum-purple-visual-color: var(--spectrum-purple-900);\n  --spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900);\n  --spectrum-magenta-visual-color: var(--spectrum-magenta-900);\n}\n"],"names":[],"version":3,"file":"vars_spectrum-dark.css.map"}
+{"mappings":"AAYA","sources":["packages/@adobe/spectrum-css-temp/vars/spectrum-dark.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.spectrum--dark {\n  --spectrum-global-color-status: Verified;\n  --spectrum-global-color-version: 5.1.0;\n  --spectrum-gray-50: rgb(29, 29, 29);\n  --spectrum-gray-75: rgb(38, 38, 38);\n  --spectrum-gray-100: rgb(50, 50, 50);\n  --spectrum-gray-200: rgb(63, 63, 63);\n  --spectrum-gray-300: rgb(84, 84, 84);\n  --spectrum-gray-400: rgb(112, 112, 112);\n  --spectrum-gray-500: rgb(144, 144, 144);\n  --spectrum-gray-600: rgb(178, 178, 178);\n  --spectrum-gray-700: rgb(209, 209, 209);\n  --spectrum-gray-800: rgb(235, 235, 235);\n  --spectrum-gray-900: rgb(255, 255, 255);\n  --spectrum-red-100: rgb(123, 0, 0);\n  --spectrum-red-200: rgb(141, 0, 0);\n  --spectrum-red-300: rgb(165, 0, 0);\n  --spectrum-red-400: rgb(190, 4, 3);\n  --spectrum-red-500: rgb(215, 25, 19);\n  --spectrum-red-600: rgb(234, 56, 41);\n  --spectrum-red-700: rgb(246, 88, 67);\n  --spectrum-red-800: rgb(255, 117, 94);\n  --spectrum-red-900: rgb(255, 149, 129);\n  --spectrum-red-1000: rgb(255, 176, 161);\n  --spectrum-red-1100: rgb(255, 201, 189);\n  --spectrum-red-1200: rgb(255, 222, 216);\n  --spectrum-red-1300: rgb(255, 241, 238);\n  --spectrum-red-1400: rgb(255, 255, 255);\n  --spectrum-orange-100: rgb(102, 37, 0);\n  --spectrum-orange-200: rgb(117, 45, 0);\n  --spectrum-orange-300: rgb(137, 55, 0);\n  --spectrum-orange-400: rgb(158, 66, 0);\n  --spectrum-orange-500: rgb(180, 78, 0);\n  --spectrum-orange-600: rgb(202, 93, 0);\n  --spectrum-orange-700: rgb(225, 109, 0);\n  --spectrum-orange-800: rgb(244, 129, 12);\n  --spectrum-orange-900: rgb(254, 154, 46);\n  --spectrum-orange-1000: rgb(255, 181, 88);\n  --spectrum-orange-1100: rgb(253, 206, 136);\n  --spectrum-orange-1200: rgb(255, 225, 179);\n  --spectrum-orange-1300: rgb(255, 242, 221);\n  --spectrum-orange-1400: rgb(255, 253, 249);\n  --spectrum-yellow-100: rgb(76, 54, 0);\n  --spectrum-yellow-200: rgb(88, 64, 0);\n  --spectrum-yellow-300: rgb(103, 76, 0);\n  --spectrum-yellow-400: rgb(119, 89, 0);\n  --spectrum-yellow-500: rgb(136, 104, 0);\n  --spectrum-yellow-600: rgb(155, 120, 0);\n  --spectrum-yellow-700: rgb(174, 137, 0);\n  --spectrum-yellow-800: rgb(192, 156, 0);\n  --spectrum-yellow-900: rgb(211, 174, 0);\n  --spectrum-yellow-1000: rgb(228, 194, 0);\n  --spectrum-yellow-1100: rgb(244, 213, 0);\n  --spectrum-yellow-1200: rgb(249, 232, 92);\n  --spectrum-yellow-1300: rgb(252, 246, 187);\n  --spectrum-yellow-1400: rgb(255, 255, 255);\n  --spectrum-chartreuse-100: rgb(48, 64, 0);\n  --spectrum-chartreuse-200: rgb(55, 74, 0);\n  --spectrum-chartreuse-300: rgb(65, 87, 0);\n  --spectrum-chartreuse-400: rgb(76, 102, 0);\n  --spectrum-chartreuse-500: rgb(89, 118, 0);\n  --spectrum-chartreuse-600: rgb(102, 136, 0);\n  --spectrum-chartreuse-700: rgb(117, 154, 0);\n  --spectrum-chartreuse-800: rgb(132, 173, 1);\n  --spectrum-chartreuse-900: rgb(148, 192, 8);\n  --spectrum-chartreuse-1000: rgb(166, 211, 18);\n  --spectrum-chartreuse-1100: rgb(184, 229, 37);\n  --spectrum-chartreuse-1200: rgb(205, 245, 71);\n  --spectrum-chartreuse-1300: rgb(231, 254, 154);\n  --spectrum-chartreuse-1400: rgb(255, 255, 255);\n  --spectrum-celery-100: rgb(0, 69, 10);\n  --spectrum-celery-200: rgb(0, 80, 12);\n  --spectrum-celery-300: rgb(0, 94, 14);\n  --spectrum-celery-400: rgb(0, 109, 15);\n  --spectrum-celery-500: rgb(0, 127, 15);\n  --spectrum-celery-600: rgb(0, 145, 18);\n  --spectrum-celery-700: rgb(4, 165, 30);\n  --spectrum-celery-800: rgb(34, 184, 51);\n  --spectrum-celery-900: rgb(68, 202, 73);\n  --spectrum-celery-1000: rgb(105, 220, 99);\n  --spectrum-celery-1100: rgb(142, 235, 127);\n  --spectrum-celery-1200: rgb(180, 247, 162);\n  --spectrum-celery-1300: rgb(221, 253, 211);\n  --spectrum-celery-1400: rgb(255, 255, 255);\n  --spectrum-green-100: rgb(4, 67, 41);\n  --spectrum-green-200: rgb(0, 78, 47);\n  --spectrum-green-300: rgb(0, 92, 56);\n  --spectrum-green-400: rgb(0, 108, 67);\n  --spectrum-green-500: rgb(0, 125, 78);\n  --spectrum-green-600: rgb(0, 143, 93);\n  --spectrum-green-700: rgb(18, 162, 108);\n  --spectrum-green-800: rgb(43, 180, 125);\n  --spectrum-green-900: rgb(67, 199, 143);\n  --spectrum-green-1000: rgb(94, 217, 162);\n  --spectrum-green-1100: rgb(129, 233, 184);\n  --spectrum-green-1200: rgb(177, 244, 209);\n  --spectrum-green-1300: rgb(223, 250, 234);\n  --spectrum-green-1400: rgb(254, 255, 252);\n  --spectrum-seafoam-100: rgb(18, 65, 63);\n  --spectrum-seafoam-200: rgb(14, 76, 73);\n  --spectrum-seafoam-300: rgb(4, 90, 87);\n  --spectrum-seafoam-400: rgb(0, 105, 101);\n  --spectrum-seafoam-500: rgb(0, 122, 117);\n  --spectrum-seafoam-600: rgb(0, 140, 135);\n  --spectrum-seafoam-700: rgb(0, 158, 152);\n  --spectrum-seafoam-800: rgb(3, 178, 171);\n  --spectrum-seafoam-900: rgb(54, 197, 189);\n  --spectrum-seafoam-1000: rgb(93, 214, 207);\n  --spectrum-seafoam-1100: rgb(132, 230, 223);\n  --spectrum-seafoam-1200: rgb(176, 242, 236);\n  --spectrum-seafoam-1300: rgb(223, 249, 246);\n  --spectrum-seafoam-1400: rgb(254, 255, 254);\n  --spectrum-cyan-100: rgb(0, 61, 98);\n  --spectrum-cyan-200: rgb(0, 71, 111);\n  --spectrum-cyan-300: rgb(0, 85, 127);\n  --spectrum-cyan-400: rgb(0, 100, 145);\n  --spectrum-cyan-500: rgb(0, 116, 162);\n  --spectrum-cyan-600: rgb(0, 134, 180);\n  --spectrum-cyan-700: rgb(0, 153, 198);\n  --spectrum-cyan-800: rgb(14, 173, 215);\n  --spectrum-cyan-900: rgb(44, 193, 230);\n  --spectrum-cyan-1000: rgb(84, 211, 241);\n  --spectrum-cyan-1100: rgb(127, 228, 249);\n  --spectrum-cyan-1200: rgb(167, 241, 255);\n  --spectrum-cyan-1300: rgb(215, 250, 255);\n  --spectrum-cyan-1400: rgb(255, 255, 255);\n  --spectrum-blue-100: rgb(0, 56, 119);\n  --spectrum-blue-200: rgb(0, 65, 138);\n  --spectrum-blue-300: rgb(0, 77, 163);\n  --spectrum-blue-400: rgb(0, 89, 194);\n  --spectrum-blue-500: rgb(3, 103, 224);\n  --spectrum-blue-600: rgb(19, 121, 243);\n  --spectrum-blue-700: rgb(52, 143, 244);\n  --spectrum-blue-800: rgb(84, 163, 246);\n  --spectrum-blue-900: rgb(114, 183, 249);\n  --spectrum-blue-1000: rgb(143, 202, 252);\n  --spectrum-blue-1100: rgb(174, 219, 254);\n  --spectrum-blue-1200: rgb(204, 233, 255);\n  --spectrum-blue-1300: rgb(232, 246, 255);\n  --spectrum-blue-1400: rgb(255, 255, 255);\n  --spectrum-indigo-100: rgb(40, 44, 140);\n  --spectrum-indigo-200: rgb(47, 52, 163);\n  --spectrum-indigo-300: rgb(57, 63, 187);\n  --spectrum-indigo-400: rgb(70, 75, 211);\n  --spectrum-indigo-500: rgb(85, 91, 231);\n  --spectrum-indigo-600: rgb(104, 109, 244);\n  --spectrum-indigo-700: rgb(124, 129, 251);\n  --spectrum-indigo-800: rgb(145, 149, 255);\n  --spectrum-indigo-900: rgb(167, 170, 255);\n  --spectrum-indigo-1000: rgb(188, 190, 255);\n  --spectrum-indigo-1100: rgb(208, 210, 255);\n  --spectrum-indigo-1200: rgb(226, 228, 255);\n  --spectrum-indigo-1300: rgb(243, 243, 254);\n  --spectrum-indigo-1400: rgb(255, 255, 255);\n  --spectrum-purple-100: rgb(76, 13, 157);\n  --spectrum-purple-200: rgb(89, 17, 177);\n  --spectrum-purple-300: rgb(105, 28, 200);\n  --spectrum-purple-400: rgb(122, 45, 218);\n  --spectrum-purple-500: rgb(140, 65, 233);\n  --spectrum-purple-600: rgb(157, 87, 243);\n  --spectrum-purple-700: rgb(172, 111, 249);\n  --spectrum-purple-800: rgb(187, 135, 251);\n  --spectrum-purple-900: rgb(202, 159, 252);\n  --spectrum-purple-1000: rgb(215, 182, 254);\n  --spectrum-purple-1100: rgb(228, 204, 254);\n  --spectrum-purple-1200: rgb(239, 223, 255);\n  --spectrum-purple-1300: rgb(249, 240, 255);\n  --spectrum-purple-1400: rgb(255, 253, 255);\n  --spectrum-fuchsia-100: rgb(107, 3, 106);\n  --spectrum-fuchsia-200: rgb(123, 0, 123);\n  --spectrum-fuchsia-300: rgb(144, 0, 145);\n  --spectrum-fuchsia-400: rgb(165, 13, 166);\n  --spectrum-fuchsia-500: rgb(185, 37, 185);\n  --spectrum-fuchsia-600: rgb(205, 57, 206);\n  --spectrum-fuchsia-700: rgb(223, 81, 224);\n  --spectrum-fuchsia-800: rgb(235, 110, 236);\n  --spectrum-fuchsia-900: rgb(244, 140, 242);\n  --spectrum-fuchsia-1000: rgb(250, 168, 245);\n  --spectrum-fuchsia-1100: rgb(254, 194, 248);\n  --spectrum-fuchsia-1200: rgb(255, 219, 250);\n  --spectrum-fuchsia-1300: rgb(255, 239, 252);\n  --spectrum-fuchsia-1400: rgb(255, 253, 255);\n  --spectrum-magenta-100: rgb(118, 0, 58);\n  --spectrum-magenta-200: rgb(137, 0, 66);\n  --spectrum-magenta-300: rgb(160, 0, 77);\n  --spectrum-magenta-400: rgb(182, 18, 90);\n  --spectrum-magenta-500: rgb(203, 38, 109);\n  --spectrum-magenta-600: rgb(222, 61, 130);\n  --spectrum-magenta-700: rgb(237, 87, 149);\n  --spectrum-magenta-800: rgb(249, 114, 167);\n  --spectrum-magenta-900: rgb(255, 143, 185);\n  --spectrum-magenta-1000: rgb(255, 172, 202);\n  --spectrum-magenta-1100: rgb(255, 198, 218);\n  --spectrum-magenta-1200: rgb(255, 221, 233);\n  --spectrum-magenta-1300: rgb(255, 240, 245);\n  --spectrum-magenta-1400: rgb(255, 252, 253);\n  /* legacy color aliases matching closest v6 color to v5 name */\n  --spectrum-legacy-color-celery-400: var(--spectrum-celery-800);\n  --spectrum-legacy-color-celery-500: var(--spectrum-celery-900);\n  --spectrum-legacy-color-celery-600: var(--spectrum-celery-1000);\n  --spectrum-legacy-color-celery-700: var(--spectrum-celery-1100);\n  --spectrum-legacy-color-chartreuse-400: var(--spectrum-chartreuse-900);\n  --spectrum-legacy-color-chartreuse-500: var(--spectrum-chartreuse-1000);\n  --spectrum-legacy-color-chartreuse-600: var(--spectrum-chartreuse-1100);\n  --spectrum-legacy-color-chartreuse-700: var(--spectrum-chartreuse-1200);\n  --spectrum-legacy-color-yellow-400: var(--spectrum-yellow-1000);\n  --spectrum-legacy-color-yellow-500: var(--spectrum-yellow-1100);\n  --spectrum-legacy-color-yellow-600: var(--spectrum-yellow-1200);\n  --spectrum-legacy-color-yellow-700: var(--spectrum-yellow-1300);\n  --spectrum-legacy-color-magenta-400: var(--spectrum-magenta-600);\n  --spectrum-legacy-color-magenta-500: var(--spectrum-magenta-700);\n  --spectrum-legacy-color-magenta-600: var(--spectrum-magenta-800);\n  --spectrum-legacy-color-magenta-700: var(--spectrum-magenta-900);\n  --spectrum-legacy-color-fuchsia-400: var(--spectrum-fuchsia-600);\n  --spectrum-legacy-color-fuchsia-500: var(--spectrum-fuchsia-700);\n  --spectrum-legacy-color-fuchsia-600: var(--spectrum-fuchsia-800);\n  --spectrum-legacy-color-fuchsia-700: var(--spectrum-fuchsia-900);\n  --spectrum-legacy-color-purple-400: var(--spectrum-purple-600);\n  --spectrum-legacy-color-purple-500: var(--spectrum-purple-700);\n  --spectrum-legacy-color-purple-600: var(--spectrum-purple-800);\n  --spectrum-legacy-color-purple-700: var(--spectrum-purple-900);\n  --spectrum-legacy-color-indigo-400: var(--spectrum-indigo-600);\n  --spectrum-legacy-color-indigo-500: var(--spectrum-indigo-700);\n  --spectrum-legacy-color-indigo-600: var(--spectrum-indigo-800);\n  --spectrum-legacy-color-indigo-700: var(--spectrum-indigo-900);\n  --spectrum-legacy-color-red-400: var(--spectrum-red-600);\n  --spectrum-legacy-color-red-500: var(--spectrum-red-700);\n  --spectrum-legacy-color-red-600: var(--spectrum-red-800);\n  --spectrum-legacy-color-red-700: var(--spectrum-red-900);\n  --spectrum-legacy-color-orange-400: var(--spectrum-orange-800);\n  --spectrum-legacy-color-orange-500: var(--spectrum-orange-900);\n  --spectrum-legacy-color-orange-600: var(--spectrum-orange-1000);\n  --spectrum-legacy-color-orange-700: var(--spectrum-orange-1100);\n  --spectrum-legacy-color-green-400: var(--spectrum-green-700);\n  --spectrum-legacy-color-green-500: var(--spectrum-green-800);\n  --spectrum-legacy-color-green-600: var(--spectrum-green-900);\n  --spectrum-legacy-color-green-700: var(--spectrum-green-1000);\n  --spectrum-legacy-color-blue-400: var(--spectrum-blue-700);\n  --spectrum-legacy-color-blue-500: var(--spectrum-blue-800);\n  --spectrum-legacy-color-blue-600: var(--spectrum-blue-900);\n  --spectrum-legacy-color-blue-700: var(--spectrum-blue-1000);\n  --spectrum-legacy-color-gray-900: var(--spectrum-indigo-1400);\n  --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.5);\n  --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.5);\n  --spectrum-alias-background-color-hover-overlay: rgba(255, 255, 255, 0.06);\n  --spectrum-alias-highlight-hover: rgba(255, 255, 255, 0.07);\n  --spectrum-alias-highlight-active: rgba(255, 255, 255, 0.1);\n  --spectrum-alias-highlight-selected: rgba(84, 163, 246, 0.15);\n  --spectrum-alias-highlight-selected-hover: rgba(84, 163, 246, 0.25);\n  --spectrum-alias-highlight-invalid: rgba(215, 25, 19, 0.15); /* matches red-500 */\n  --spectrum-alias-text-highlight-color: rgba(84, 163, 246, 0.25);\n  --spectrum-alias-background-color-quickactions: rgba(50, 50, 50, 0.9);\n  --spectrum-alias-radial-reaction-color-default: rgba(235, 235, 235, 0.6);\n  --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);\n  --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);\n  --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);\n  --spectrum-colorarea-border-color: rgba(255, 255, 255, 0.1);\n  --spectrum-colorarea-border-color-hover: rgba(255, 255, 255, 0.1);\n  --spectrum-colorarea-border-color-down: rgba(255, 255, 255, 0.1);\n  --spectrum-colorarea-border-color-key-focus: rgba(255, 255, 255, 0.1);\n  --spectrum-colorslider-border-color: rgba(255, 255, 255, 0.1);\n  --spectrum-colorslider-border-color-hover: rgba(255, 255, 255, 0.1);\n  --spectrum-colorslider-border-color-down: rgba(255, 255, 255, 0.1);\n  --spectrum-colorslider-border-color-key-focus: rgba(255, 255, 255, 0.1);\n  --spectrum-colorslider-vertical-border-color: rgba(255, 255, 255, 0.1);\n  --spectrum-colorslider-vertical-border-color-hover: rgba(255, 255, 255, 0.1);\n  --spectrum-colorslider-vertical-border-color-down: rgba(255, 255, 255, 0.1);\n  --spectrum-colorslider-vertical-border-color-key-focus: rgba(255, 255, 255, 0.1);\n  --spectrum-colorwheel-border-color: rgba(255, 255, 255, 0.1);\n  --spectrum-colorwheel-border-color-hover: rgba(255, 255, 255, 0.1);\n  --spectrum-colorwheel-border-color-down: rgba(255, 255, 255, 0.1);\n  --spectrum-colorwheel-border-color-key-focus: rgba(255, 255, 255, 0.1);\n  --spectrum-miller-column-item-background-color-selected: rgba(55, 142, 240, 0.1);\n  --spectrum-miller-column-item-background-color-selected-hover: rgba(55, 142, 240, 0.2);\n  --spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);\n  --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);\n  --spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n  --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(\n    --spectrum-global-color-blue-500\n  );\n  --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);\n  --spectrum-well-background-color: rgba(235, 235, 235, 0.02);\n  --spectrum-well-border-color: rgba(255, 255, 255, 0.05);\n  /* react spectrum additions */\n\n  --spectrum-accent-background-color-default: var(--spectrum-accent-color-500);\n  --spectrum-accent-background-color-hover: var(--spectrum-accent-color-400);\n  --spectrum-accent-background-color-down: var(--spectrum-accent-color-300);\n  --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-400);\n\n  --spectrum-neutral-background-color-default: var(--spectrum-gray-400);\n  --spectrum-neutral-background-color-hover: var(--spectrum-gray-300);\n  --spectrum-neutral-background-color-down: var(--spectrum-gray-200);\n  --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-300);\n\n  --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-400);\n  --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-300);\n  --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-200);\n  --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-300);\n\n  --spectrum-negative-background-color-default: var(--spectrum-red-500);\n  --spectrum-negative-background-color-hover: var(--spectrum-red-400);\n  --spectrum-negative-background-color-down: var(--spectrum-red-300);\n  --spectrum-negative-background-color-key-focus: var(--spectrum-red-400);\n\n  --spectrum-positive-background-color-default: var(--spectrum-green-500);\n  --spectrum-positive-background-color-hover: var(--spectrum-green-400);\n  --spectrum-positive-background-color-down: var(--spectrum-green-300);\n  --spectrum-positive-background-color-key-focus: var(--spectrum-green-400);\n\n  --spectrum-informative-background-color-default: var(--spectrum-blue-500);\n  --spectrum-informative-background-color-hover: var(--spectrum-blue-400);\n  --spectrum-informative-background-color-down: var(--spectrum-blue-300);\n  --spectrum-informative-background-color-key-focus: var(--spectrum-blue-400);\n\n  --spectrum-gray-background-color-default: var(--spectrum-gray-700);\n  --spectrum-red-background-color-default: var(--spectrum-red-700);\n  --spectrum-orange-background-color-default: var(--spectrum-orange-800);\n  --spectrum-yellow-background-color-default: var(--spectrum-yellow-1000);\n  --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-900);\n  --spectrum-celery-background-color-default: var(--spectrum-celery-800);\n  --spectrum-green-background-color-default: var(--spectrum-green-700);\n  --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700);\n  --spectrum-cyan-background-color-default: var(--spectrum-cyan-700);\n  --spectrum-blue-background-color-default: var(--spectrum-blue-700);\n  --spectrum-indigo-background-color-default: var(--spectrum-indigo-700);\n  --spectrum-purple-background-color-default: var(--spectrum-purple-700);\n  --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700);\n  --spectrum-magenta-background-color-default: var(--spectrum-magenta-700);\n\n  --spectrum-negative-visual-color: var(--spectrum-red-700);\n  --spectrum-positive-visual-color: var(--spectrum-green-800);\n  --spectrum-notice-visual-color: var(--spectrum-orange-900);\n  --spectrum-informative-visual-color: var(--spectrum-blue-900);\n\n  --spectrum-gray-visual-color: var(--spectrum-gray-600);\n  --spectrum-red-visual-color: var(--spectrum-red-700);\n  --spectrum-orange-visual-color: var(--spectrum-orange-900);\n  --spectrum-yellow-visual-color: var(--spectrum-yellow-1100);\n  --spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-900);\n  --spectrum-celery-visual-color: var(--spectrum-celery-800);\n  --spectrum-green-visual-color: var(--spectrum-green-800);\n  --spectrum-seafoam-visual-color: var(--spectrum-seafoam-800);\n  --spectrum-cyan-visual-color: var(--spectrum-cyan-900);\n  --spectrum-blue-visual-color: var(--spectrum-blue-900);\n  --spectrum-indigo-visual-color: var(--spectrum-indigo-900);\n  --spectrum-purple-visual-color: var(--spectrum-purple-900);\n  --spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900);\n  --spectrum-magenta-visual-color: var(--spectrum-magenta-900);\n}\n"],"names":[],"version":3,"file":"vars_spectrum-dark.css.map"}

package/dist/private/vars_spectrum-dark_css.cjs

@@ -5,7 +5,7 @@ function $parcel$export(e, n, v, s) {
 
 $parcel$export(module.exports, "spectrum--dark", function () { return $89f17e66cecca39e$export$68dc111a79481afd; }, function (v) { return $89f17e66cecca39e$export$68dc111a79481afd = v; });
 var $89f17e66cecca39e$export$68dc111a79481afd;
-$89f17e66cecca39e$export$68dc111a79481afd = `VF2-xW_spectrum--dark`;
+$89f17e66cecca39e$export$68dc111a79481afd = `jZfazW_spectrum--dark`;
 
 
 //# sourceMappingURL=vars_spectrum-dark_css.cjs.map