@react-spectrum/theme-light 3.4.9-nightly.4552 → 3.4.9-nightly.4558

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/import.mjs +15 -58
  2. package/dist/main.js +15 -54
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +15 -58
  5. package/dist/module.js.map +1 -1
  6. package/dist/spectrum-darkest.0d1ebb78.css +342 -0
  7. package/dist/spectrum-darkest.0d1ebb78.css.map +1 -0
  8. package/dist/spectrum-global.8695f78d.css +616 -0
  9. package/dist/spectrum-global.8695f78d.css.map +1 -0
  10. package/dist/spectrum-large.16835b8e.css +387 -0
  11. package/dist/spectrum-large.16835b8e.css.map +1 -0
  12. package/dist/spectrum-lightest.73b0e1ef.css +298 -0
  13. package/dist/spectrum-lightest.73b0e1ef.css.map +1 -0
  14. package/dist/spectrum-medium.fff885a6.css +387 -0
  15. package/dist/spectrum-medium.fff885a6.css.map +1 -0
  16. package/dist/vars_spectrum-darkest_css.main.js +11 -0
  17. package/dist/vars_spectrum-darkest_css.main.js.map +1 -0
  18. package/dist/vars_spectrum-darkest_css.mjs +13 -0
  19. package/dist/vars_spectrum-darkest_css.module.js +13 -0
  20. package/dist/vars_spectrum-darkest_css.module.js.map +1 -0
  21. package/dist/vars_spectrum-global_css.main.js +29 -0
  22. package/dist/vars_spectrum-global_css.main.js.map +1 -0
  23. package/dist/vars_spectrum-global_css.mjs +31 -0
  24. package/dist/vars_spectrum-global_css.module.js +31 -0
  25. package/dist/vars_spectrum-global_css.module.js.map +1 -0
  26. package/dist/vars_spectrum-large_css.main.js +11 -0
  27. package/dist/vars_spectrum-large_css.main.js.map +1 -0
  28. package/dist/vars_spectrum-large_css.mjs +13 -0
  29. package/dist/vars_spectrum-large_css.module.js +13 -0
  30. package/dist/vars_spectrum-large_css.module.js.map +1 -0
  31. package/dist/vars_spectrum-lightest_css.main.js +11 -0
  32. package/dist/vars_spectrum-lightest_css.main.js.map +1 -0
  33. package/dist/vars_spectrum-lightest_css.mjs +13 -0
  34. package/dist/vars_spectrum-lightest_css.module.js +13 -0
  35. package/dist/vars_spectrum-lightest_css.module.js.map +1 -0
  36. package/dist/vars_spectrum-medium_css.main.js +11 -0
  37. package/dist/vars_spectrum-medium_css.main.js.map +1 -0
  38. package/dist/vars_spectrum-medium_css.mjs +13 -0
  39. package/dist/vars_spectrum-medium_css.module.js +13 -0
  40. package/dist/vars_spectrum-medium_css.module.js.map +1 -0
  41. package/package.json +4 -4
  42. package/dist/main.css +0 -2030
  43. package/dist/main.css.map +0 -1
  44. package/dist/module.css +0 -2030
  45. package/dist/module.css.map +0 -1
package/dist/spectrum-global.8695f78d.css.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":"AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6bA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA","sources":["packages/@adobe/spectrum-css-temp/vars/spectrum-global.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 { /* spectrum-animationGlobals.css */\n --spectrum-global-animation-duration-0: 0ms;\n --spectrum-global-animation-duration-100: 130ms;\n --spectrum-global-animation-duration-200: 160ms;\n --spectrum-global-animation-duration-300: 190ms;\n --spectrum-global-animation-duration-400: 220ms;\n --spectrum-global-animation-duration-500: 250ms;\n --spectrum-global-animation-duration-600: 300ms;\n --spectrum-global-animation-duration-700: 350ms;\n --spectrum-global-animation-duration-800: 400ms;\n --spectrum-global-animation-duration-900: 450ms;\n --spectrum-global-animation-duration-1000: 500ms;\n --spectrum-global-animation-duration-2000: 1000ms;\n --spectrum-global-animation-duration-4000: 2000ms;\n --spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);\n --spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);\n --spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);\n --spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);\n\n\n /* spectrum-colorGlobals.css */\n --spectrum-global-color-status: Verified;\n --spectrum-global-color-version: 5.1.0;\n --spectrum-global-color-static-black: rgb(0, 0, 0);\n --spectrum-global-color-static-white: rgb(255, 255, 255);\n --spectrum-global-color-static-blue: rgb(0, 87, 191);\n --spectrum-global-color-static-gray-50: rgb(255, 255, 255);\n --spectrum-global-color-static-gray-75: rgb(255, 255, 255);\n --spectrum-global-color-static-gray-100: rgb(255, 255, 255);\n --spectrum-global-color-static-gray-200: rgb(235, 235, 235);\n --spectrum-global-color-static-gray-300: rgb(217, 217, 217);\n --spectrum-global-color-static-gray-400: rgb(179, 179, 179);\n --spectrum-global-color-static-gray-500: rgb(146, 146, 146);\n --spectrum-global-color-static-gray-600: rgb(110, 110, 110);\n --spectrum-global-color-static-gray-700: rgb(71, 71, 71);\n --spectrum-global-color-static-gray-800: rgb(34, 34, 34);\n --spectrum-global-color-static-gray-900: rgb(0, 0, 0);\n --spectrum-global-color-static-blue-200: rgb(130, 193, 251);\n --spectrum-global-color-static-blue-300: rgb(98, 173, 247);\n --spectrum-global-color-static-blue-400: rgb(66, 151, 244);\n --spectrum-global-color-static-blue-500: rgb(27, 127, 245);\n --spectrum-global-color-static-blue-600: rgb(4, 105, 227);\n --spectrum-global-color-static-blue-700: rgb(0, 87, 190);\n --spectrum-global-color-static-blue-800: rgb(0, 72, 153);\n --spectrum-global-color-static-red-400: rgb(237, 64, 48);\n --spectrum-global-color-static-red-500: rgb(217, 28, 21);\n --spectrum-global-color-static-red-600: rgb(187, 2, 2);\n --spectrum-global-color-static-red-700: rgb(154, 0, 0);\n --spectrum-global-color-static-orange-400: rgb(250, 139, 26);\n --spectrum-global-color-static-orange-500: rgb(233, 117, 0);\n --spectrum-global-color-static-orange-600: rgb(209, 97, 0);\n --spectrum-global-color-static-orange-700: rgb(182, 80, 0);\n --spectrum-global-color-static-green-400: rgb(29, 169, 115);\n --spectrum-global-color-static-green-500: rgb(0, 148, 97);\n --spectrum-global-color-static-green-600: rgb(0, 126, 80);\n --spectrum-global-color-static-green-700: rgb(0, 105, 65);\n --spectrum-global-color-static-celery-200: rgb(126, 229, 114);\n --spectrum-global-color-static-celery-300: rgb(87, 212, 86);\n --spectrum-global-color-static-celery-400: rgb(48, 193, 61);\n --spectrum-global-color-static-celery-500: rgb(15, 172, 38);\n --spectrum-global-color-static-celery-600: rgb(0, 150, 20);\n --spectrum-global-color-static-celery-700: rgb(0, 128, 15);\n --spectrum-global-color-static-chartreuse-300: rgb(176, 222, 27);\n --spectrum-global-color-static-chartreuse-400: rgb(157, 203, 13);\n --spectrum-global-color-static-chartreuse-500: rgb(139, 182, 4);\n --spectrum-global-color-static-chartreuse-600: rgb(122, 162, 0);\n --spectrum-global-color-static-chartreuse-700: rgb(106, 141, 0);\n --spectrum-global-color-static-yellow-200: rgb(250, 237, 123);\n --spectrum-global-color-static-yellow-300: rgb(250, 224, 23);\n --spectrum-global-color-static-yellow-400: rgb(238, 205, 0);\n --spectrum-global-color-static-yellow-500: rgb(221, 185, 0);\n --spectrum-global-color-static-yellow-600: rgb(201, 164, 0);\n --spectrum-global-color-static-yellow-700: rgb(181, 144, 0);\n --spectrum-global-color-static-magenta-200: rgb(253, 127, 175);\n --spectrum-global-color-static-magenta-300: rgb(242, 98, 157);\n --spectrum-global-color-static-magenta-400: rgb(226, 68, 135);\n --spectrum-global-color-static-magenta-500: rgb(205, 40, 111);\n --spectrum-global-color-static-magenta-600: rgb(179, 15, 89);\n --spectrum-global-color-static-magenta-700: rgb(149, 0, 72);\n --spectrum-global-color-static-fuchsia-400: rgb(228, 93, 230);\n --spectrum-global-color-static-fuchsia-500: rgb(211, 63, 212);\n --spectrum-global-color-static-fuchsia-600: rgb(188, 39, 187);\n --spectrum-global-color-static-fuchsia-700: rgb(163, 10, 163);\n --spectrum-global-color-static-purple-400: rgb(178, 121, 250);\n --spectrum-global-color-static-purple-500: rgb(161, 93, 246);\n --spectrum-global-color-static-purple-600: rgb(142, 67, 234);\n --spectrum-global-color-static-purple-700: rgb(120, 43, 216);\n --spectrum-global-color-static-purple-800: rgb(98, 23, 190);\n --spectrum-global-color-static-indigo-200: rgb(178, 181, 255);\n --spectrum-global-color-static-indigo-300: rgb(155, 159, 255);\n --spectrum-global-color-static-indigo-400: rgb(132, 137, 253);\n --spectrum-global-color-static-indigo-500: rgb(109, 115, 246);\n --spectrum-global-color-static-indigo-600: rgb(87, 93, 232);\n --spectrum-global-color-static-indigo-700: rgb(68, 74, 208);\n --spectrum-global-color-static-seafoam-200: rgb(75, 206, 199);\n --spectrum-global-color-static-seafoam-300: rgb(32, 187, 180);\n --spectrum-global-color-static-seafoam-400: rgb(0, 166, 160);\n --spectrum-global-color-static-seafoam-500: rgb(0, 145, 139);\n --spectrum-global-color-static-seafoam-600: rgb(0, 124, 118);\n --spectrum-global-color-static-seafoam-700: rgb(0, 103, 99);\n --spectrum-global-color-opacity-100: 1;\n --spectrum-global-color-opacity-90: 0.9;\n --spectrum-global-color-opacity-80: 0.8;\n --spectrum-global-color-opacity-60: 0.6;\n --spectrum-global-color-opacity-50: 0.5;\n --spectrum-global-color-opacity-42: 0.42;\n --spectrum-global-color-opacity-40: 0.4;\n --spectrum-global-color-opacity-30: 0.3;\n --spectrum-global-color-opacity-25: 0.25;\n --spectrum-global-color-opacity-20: 0.2;\n --spectrum-global-color-opacity-15: 0.15;\n --spectrum-global-color-opacity-10: 0.1;\n --spectrum-global-color-opacity-8: 0.08;\n --spectrum-global-color-opacity-7: 0.07;\n --spectrum-global-color-opacity-6: 0.06;\n --spectrum-global-color-opacity-5: 0.05;\n --spectrum-global-color-opacity-4: 0.04;\n\n /* mappings from v5 color indices to v6 color indices */\n --spectrum-global-color-celery-400: var(--spectrum-celery-600);\n --spectrum-global-color-celery-500: var(--spectrum-celery-700);\n --spectrum-global-color-celery-600: var(--spectrum-celery-800);\n --spectrum-global-color-celery-700: var(--spectrum-celery-900);\n --spectrum-global-color-chartreuse-400: var(--spectrum-chartreuse-500);\n --spectrum-global-color-chartreuse-500: var(--spectrum-chartreuse-600);\n --spectrum-global-color-chartreuse-600: var(--spectrum-chartreuse-700);\n --spectrum-global-color-chartreuse-700: var(--spectrum-chartreuse-800);\n --spectrum-global-color-yellow-400: var(--spectrum-yellow-400);\n --spectrum-global-color-yellow-500: var(--spectrum-yellow-500);\n --spectrum-global-color-yellow-600: var(--spectrum-yellow-600);\n --spectrum-global-color-yellow-700: var(--spectrum-yellow-700);\n --spectrum-global-color-magenta-400: var(--spectrum-magenta-800);\n --spectrum-global-color-magenta-500: var(--spectrum-magenta-900);\n --spectrum-global-color-magenta-600: var(--spectrum-magenta-1000);\n --spectrum-global-color-magenta-700: var(--spectrum-magenta-1100);\n --spectrum-global-color-fuchsia-400: var(--spectrum-fuchsia-800);\n --spectrum-global-color-fuchsia-500: var(--spectrum-fuchsia-900);\n --spectrum-global-color-fuchsia-600: var(--spectrum-fuchsia-1000);\n --spectrum-global-color-fuchsia-700: var(--spectrum-fuchsia-1100);\n --spectrum-global-color-purple-400: var(--spectrum-purple-800);\n --spectrum-global-color-purple-500: var(--spectrum-purple-900);\n --spectrum-global-color-purple-600: var(--spectrum-purple-1000);\n --spectrum-global-color-purple-700: var(--spectrum-purple-1100);\n --spectrum-global-color-indigo-400: var(--spectrum-indigo-800);\n --spectrum-global-color-indigo-500: var(--spectrum-indigo-900);\n --spectrum-global-color-indigo-600: var(--spectrum-indigo-1000);\n --spectrum-global-color-indigo-700: var(--spectrum-indigo-1100);\n --spectrum-global-color-seafoam-400: var(--spectrum-seafoam-700);\n --spectrum-global-color-seafoam-500: var(--spectrum-seafoam-800);\n --spectrum-global-color-seafoam-600: var(--spectrum-seafoam-900);\n --spectrum-global-color-seafoam-700: var(--spectrum-seafoam-1000);\n --spectrum-global-color-red-400: var(--spectrum-red-800);\n --spectrum-global-color-red-500: var(--spectrum-red-900);\n --spectrum-global-color-red-600: var(--spectrum-red-1000);\n --spectrum-global-color-red-700: var(--spectrum-red-1100);\n --spectrum-global-color-orange-400: var(--spectrum-orange-600);\n --spectrum-global-color-orange-500: var(--spectrum-orange-700);\n --spectrum-global-color-orange-600: var(--spectrum-orange-800);\n --spectrum-global-color-orange-700: var(--spectrum-orange-900);\n --spectrum-global-color-green-400: var(--spectrum-green-800);\n --spectrum-global-color-green-500: var(--spectrum-green-900);\n --spectrum-global-color-green-600: var(--spectrum-green-1000);\n --spectrum-global-color-green-700: var(--spectrum-green-1100);\n --spectrum-global-color-blue-400: var(--spectrum-blue-800);\n --spectrum-global-color-blue-500: var(--spectrum-blue-900);\n --spectrum-global-color-blue-600: var(--spectrum-blue-1000);\n --spectrum-global-color-blue-700: var(--spectrum-blue-1100);\n --spectrum-global-color-gray-50: var(--spectrum-gray-50);\n --spectrum-global-color-gray-75: var(--spectrum-gray-75);\n --spectrum-global-color-gray-100: var(--spectrum-gray-100);\n --spectrum-global-color-gray-200: var(--spectrum-gray-200);\n --spectrum-global-color-gray-300: var(--spectrum-gray-300);\n --spectrum-global-color-gray-400: var(--spectrum-gray-400);\n --spectrum-global-color-gray-500: var(--spectrum-gray-500);\n --spectrum-global-color-gray-600: var(--spectrum-gray-600);\n --spectrum-global-color-gray-700: var(--spectrum-gray-700);\n --spectrum-global-color-gray-800: var(--spectrum-gray-800);\n --spectrum-global-color-gray-900: var(--spectrum-gray-900);\n\n /* v6 aliases */\n --spectrum-accent-color-100: var(--spectrum-blue-100);\n --spectrum-accent-color-200: var(--spectrum-blue-200);\n --spectrum-accent-color-300: var(--spectrum-blue-300);\n --spectrum-accent-color-400: var(--spectrum-blue-400);\n --spectrum-accent-color-500: var(--spectrum-blue-500);\n --spectrum-accent-color-600: var(--spectrum-blue-600);\n --spectrum-accent-color-700: var(--spectrum-blue-700);\n --spectrum-accent-color-800: var(--spectrum-blue-800);\n --spectrum-accent-color-900: var(--spectrum-blue-900);\n --spectrum-accent-color-1000: var(--spectrum-blue-1000);\n --spectrum-accent-color-1100: var(--spectrum-blue-1100);\n --spectrum-accent-color-1200: var(--spectrum-blue-1200);\n --spectrum-accent-color-1300: var(--spectrum-blue-1300);\n --spectrum-accent-color-1400: var(--spectrum-blue-1400);\n\n /* spectrum-colorSemantics.css */\n --spectrum-semantic-negative-color-background: var(--spectrum-negative-background-color-default);\n --spectrum-semantic-negative-color-default: var(--spectrum-red-900);\n --spectrum-semantic-negative-color-state-hover: var(--spectrum-red-1000);\n --spectrum-semantic-negative-color-dark: var(--spectrum-red-1000);\n --spectrum-semantic-negative-color-border: var(--spectrum-red-800);\n --spectrum-semantic-negative-color-icon: var(--spectrum-negative-visual-color);\n --spectrum-semantic-negative-color-status: var(--spectrum-negative-visual-color);\n --spectrum-semantic-negative-color-text-large: var(--spectrum-red-900);\n --spectrum-semantic-negative-color-text-small: var(--spectrum-red-900);\n --spectrum-semantic-negative-color-state-down: var(--spectrum-red-1100);\n --spectrum-semantic-negative-color-state-focus: var(--spectrum-red-1000);\n --spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-600);\n --spectrum-semantic-notice-color-default: var(--spectrum-orange-700);\n --spectrum-semantic-notice-color-dark: var(--spectrum-orange-800);\n --spectrum-semantic-notice-color-border: var(--spectrum-orange-600);\n --spectrum-semantic-notice-color-icon: var(--spectrum-notice-visual-color);\n --spectrum-semantic-notice-color-status: var(--spectrum-notice-visual-color);\n --spectrum-semantic-notice-color-text-large: var(--spectrum-orange-700);\n --spectrum-semantic-notice-color-text-small: var(--spectrum-orange-800);\n --spectrum-semantic-notice-color-state-down: var(--spectrum-orange-900);\n --spectrum-semantic-notice-color-state-focus: var(--spectrum-orange-600);\n --spectrum-semantic-positive-color-background: var(--spectrum-positive-background-color-default);\n --spectrum-semantic-positive-color-default: var(--spectrum-green-900);\n --spectrum-semantic-positive-color-dark: var(--spectrum-green-1000);\n --spectrum-semantic-positive-color-border: var(--spectrum-green-800);\n --spectrum-semantic-positive-color-icon: var(--spectrum-positive-visual-color);\n --spectrum-semantic-positive-color-status: var(--spectrum-positive-visual-color);\n --spectrum-semantic-positive-color-text-large: var(--spectrum-green-900);\n --spectrum-semantic-positive-color-text-small: var(--spectrum-green-1000);\n --spectrum-semantic-positive-color-state-down: var(--spectrum-green-1100);\n --spectrum-semantic-positive-color-state-focus: var(--spectrum-green-800);\n --spectrum-semantic-informative-color-background: var(--spectrum-informative-background-color-default);\n --spectrum-semantic-informative-color-default: var(--spectrum-blue-900);\n --spectrum-semantic-informative-color-dark: var(--spectrum-blue-1000);\n --spectrum-semantic-informative-color-border: var(--spectrum-blue-800);\n --spectrum-semantic-informative-color-icon: var(--spectrum-informative-visual-color);\n --spectrum-semantic-informative-color-status: var(--spectrum-informative-visual-color);\n --spectrum-semantic-informative-color-text-large: var(--spectrum-blue-900);\n --spectrum-semantic-informative-color-text-small: var(--spectrum-blue-1000);\n --spectrum-semantic-informative-color-state-down: var(--spectrum-blue-1100);\n --spectrum-semantic-informative-color-state-focus: var(--spectrum-blue-800);\n --spectrum-semantic-cta-color-background-default: var(--spectrum-accent-background-color-default);\n --spectrum-semantic-cta-color-background-hover: var(--spectrum-accent-background-color-hover);\n --spectrum-semantic-cta-color-background-down: var(--spectrum-accent-background-color-down);\n --spectrum-semantic-cta-color-background-key-focus: var(--spectrum-accent-background-color-key-focus);\n --spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600);\n --spectrum-semantic-neutral-color-background: var(--spectrum-neutral-subdued-background-color-default);\n --spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500);\n --spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400);\n --spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400);\n --spectrum-semantic-presence-color-4: rgb(75, 204, 162);\n --spectrum-semantic-presence-color-5: rgb(0, 199, 255);\n --spectrum-semantic-presence-color-6: rgb(0, 140, 184);\n --spectrum-semantic-presence-color-7: rgb(126, 75, 243);\n --spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600);\n\n\n /* spectrum-dimensionGlobals.css */\n --spectrum-global-dimension-static-size-0: 0px;\n --spectrum-global-dimension-static-size-10: 1px;\n --spectrum-global-dimension-static-size-25: 2px;\n --spectrum-global-dimension-static-size-50: 4px;\n --spectrum-global-dimension-static-size-40: 3px;\n --spectrum-global-dimension-static-size-65: 5px;\n --spectrum-global-dimension-static-size-100: 8px;\n --spectrum-global-dimension-static-size-115: 9px;\n --spectrum-global-dimension-static-size-125: 10px;\n --spectrum-global-dimension-static-size-130: 11px;\n --spectrum-global-dimension-static-size-150: 12px;\n --spectrum-global-dimension-static-size-160: 13px;\n --spectrum-global-dimension-static-size-175: 14px;\n --spectrum-global-dimension-static-size-200: 16px;\n --spectrum-global-dimension-static-size-225: 18px;\n --spectrum-global-dimension-static-size-250: 20px;\n --spectrum-global-dimension-static-size-300: 24px;\n --spectrum-global-dimension-static-size-400: 32px;\n --spectrum-global-dimension-static-size-450: 36px;\n --spectrum-global-dimension-static-size-500: 40px;\n --spectrum-global-dimension-static-size-550: 44px;\n --spectrum-global-dimension-static-size-600: 48px;\n --spectrum-global-dimension-static-size-700: 56px;\n --spectrum-global-dimension-static-size-800: 64px;\n --spectrum-global-dimension-static-size-900: 72px;\n --spectrum-global-dimension-static-size-1000: 80px;\n --spectrum-global-dimension-static-size-1200: 96px;\n --spectrum-global-dimension-static-size-1700: 136px;\n --spectrum-global-dimension-static-size-2400: 192px;\n --spectrum-global-dimension-static-size-2600: 208px;\n --spectrum-global-dimension-static-size-3400: 272px;\n --spectrum-global-dimension-static-size-3600: 288px;\n --spectrum-global-dimension-static-size-4600: 368px;\n --spectrum-global-dimension-static-size-5000: 400px;\n --spectrum-global-dimension-static-size-6000: 480px;\n --spectrum-global-dimension-static-font-size-50: 11px;\n --spectrum-global-dimension-static-font-size-75: 12px;\n --spectrum-global-dimension-static-font-size-100: 14px;\n --spectrum-global-dimension-static-font-size-150: 15px;\n --spectrum-global-dimension-static-font-size-200: 16px;\n --spectrum-global-dimension-static-font-size-300: 18px;\n --spectrum-global-dimension-static-font-size-400: 20px;\n --spectrum-global-dimension-static-font-size-500: 22px;\n --spectrum-global-dimension-static-font-size-600: 25px;\n --spectrum-global-dimension-static-font-size-700: 28px;\n --spectrum-global-dimension-static-font-size-800: 32px;\n --spectrum-global-dimension-static-font-size-900: 36px;\n --spectrum-global-dimension-static-font-size-1000: 40px;\n --spectrum-global-dimension-static-percent-50: 50%;\n --spectrum-global-dimension-static-percent-100: 100%;\n --spectrum-global-dimension-static-breakpoint-xsmall: 304px;\n --spectrum-global-dimension-static-breakpoint-small: 768px;\n --spectrum-global-dimension-static-breakpoint-medium: 1280px;\n --spectrum-global-dimension-static-breakpoint-large: 1768px;\n --spectrum-global-dimension-static-breakpoint-xlarge: 2160px;\n --spectrum-global-dimension-static-grid-columns: 12;\n --spectrum-global-dimension-static-grid-fluid-width: 100%;\n --spectrum-global-dimension-static-grid-fixed-max-width: 1280px;\n\n\n /* spectrum-fontGlobals.css */\n --spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;\n --spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;\n --spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;\n --spectrum-global-font-weight-thin: 100;\n --spectrum-global-font-weight-ultra-light: 200;\n --spectrum-global-font-weight-light: 300;\n --spectrum-global-font-weight-regular: 400;\n --spectrum-global-font-weight-medium: 500;\n --spectrum-global-font-weight-semi-bold: 600;\n --spectrum-global-font-weight-bold: 700;\n --spectrum-global-font-weight-extra-bold: 800;\n --spectrum-global-font-weight-black: 900;\n --spectrum-global-font-style-regular: normal;\n --spectrum-global-font-style-italic: italic;\n --spectrum-global-font-letter-spacing-none: 0;\n --spectrum-global-font-letter-spacing-small: 0.0125em;\n --spectrum-global-font-letter-spacing-han: 0.05em;\n --spectrum-global-font-letter-spacing-medium: 0.06em;\n --spectrum-global-font-line-height-large: 1.7;\n --spectrum-global-font-line-height-medium: 1.5;\n --spectrum-global-font-line-height-small: 1.3;\n --spectrum-global-font-multiplier-25: 0.25em;\n --spectrum-global-font-multiplier-75: 0.75em;\n\n\n /* spectrum-staticAliases.css */\n --spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);\n --spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);\n --spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);\n --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-10);\n --spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);\n --spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);\n --spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);\n --spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);\n --spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);\n --spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);\n --spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);\n --spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);\n --spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);\n --spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);\n --spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);\n --spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);\n --spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);\n --spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);\n --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);\n --spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);\n --spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);\n --spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);\n --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);\n --spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);\n --spectrum-alias-font-family-ar: var(--spectrum-global-font-font-family-ar);\n --spectrum-alias-font-family-he: var(--spectrum-global-font-font-family-he);\n --spectrum-alias-font-family-zh: var(--spectrum-global-font-font-family-zh);\n --spectrum-alias-font-family-zhhans: var(--spectrum-global-font-font-family-zhhans);\n --spectrum-alias-font-family-ko: var(--spectrum-global-font-font-family-ko);\n --spectrum-alias-font-family-ja: var(--spectrum-global-font-font-family-ja);\n --spectrum-alias-font-family-condensed: var(--spectrum-global-font-font-family-condensed);\n --spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium);\n --spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small);\n --spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large);\n --spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);\n --spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium);\n --spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small);\n --spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium);\n --spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small);\n --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);\n --spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-detail-text-font-weight-light: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif);\n --spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif);\n --spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code);\n --spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold);\n --spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);\n --spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);\n --spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black);\n --spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);\n --spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black);\n --spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold);\n --spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);\n --spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular);\n --spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold);\n --spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium);\n --spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25);\n --spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75);\n --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-0);\n --spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25);\n --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-10);\n --spectrum-alias-loupe-entry-animation-duration: var(--spectrum-global-animation-duration-300);\n --spectrum-alias-loupe-exit-animation-duration: var(--spectrum-global-animation-duration-300);\n}\n\n.spectrum--medium,\n.spectrum--large {\n /* spectrum-dimensionAliases.css */\n --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);\n --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);\n --spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);\n --spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);\n --spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);\n --spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);\n --spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);\n --spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);\n --spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);\n --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);\n --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);\n --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);\n --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);\n --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);\n --spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);\n --spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);\n --spectrum-alias-heading-display1-text-size: var(--spectrum-global-dimension-font-size-1300);\n --spectrum-alias-heading-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300);\n --spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1300);\n --spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300);\n --spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-1200);\n --spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200);\n --spectrum-alias-heading-display1-margin-top: var(--spectrum-global-dimension-font-size-1200);\n --spectrum-alias-heading-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200);\n --spectrum-alias-heading-display2-text-size: var(--spectrum-global-dimension-font-size-1100);\n --spectrum-alias-heading-xxl-text-size: var(--spectrum-global-dimension-font-size-1100);\n --spectrum-alias-heading-display2-margin-top: var(--spectrum-global-dimension-font-size-900);\n --spectrum-alias-heading-xxl-margin-top: var(--spectrum-global-dimension-font-size-900);\n --spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900);\n --spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);\n --spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800);\n --spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);\n --spectrum-alias-heading1-text-size: var(--spectrum-global-dimension-font-size-900);\n --spectrum-alias-heading-xl-text-size: var(--spectrum-global-dimension-font-size-900);\n --spectrum-alias-heading1-margin-top: var(--spectrum-global-dimension-font-size-800);\n --spectrum-alias-heading-xl-margin-top: var(--spectrum-global-dimension-font-size-800);\n --spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800);\n --spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);\n --spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700);\n --spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);\n --spectrum-alias-heading2-text-size: var(--spectrum-global-dimension-font-size-700);\n --spectrum-alias-heading-l-text-size: var(--spectrum-global-dimension-font-size-700);\n --spectrum-alias-heading2-margin-top: var(--spectrum-global-dimension-font-size-600);\n --spectrum-alias-heading-l-margin-top: var(--spectrum-global-dimension-font-size-600);\n --spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600);\n --spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);\n --spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500);\n --spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);\n --spectrum-alias-heading3-text-size: var(--spectrum-global-dimension-font-size-500);\n --spectrum-alias-heading-m-text-size: var(--spectrum-global-dimension-font-size-500);\n --spectrum-alias-heading3-margin-top: var(--spectrum-global-dimension-font-size-400);\n --spectrum-alias-heading-m-margin-top: var(--spectrum-global-dimension-font-size-400);\n --spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400);\n --spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);\n --spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300);\n --spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);\n --spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300);\n --spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);\n --spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200);\n --spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);\n --spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200);\n --spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);\n --spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100);\n --spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);\n --spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);\n --spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75);\n --spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);\n --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200);\n --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225);\n --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275);\n --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);\n --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);\n --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);\n}\n\n.spectrum--darkest,\n.spectrum--dark,\n.spectrum--light,\n.spectrum--lightest {\n /* spectrum-colorAliases.css */\n --spectrum-alias-background-color-default: var(--spectrum-gray-100);\n --spectrum-alias-background-color-disabled: var(--spectrum-gray-200);\n --spectrum-alias-background-color-transparent: transparent;\n --spectrum-alias-background-color-label-gray: rgb(112, 112, 112);\n --spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);\n --spectrum-alias-placeholder-text-color: var(--spectrum-gray-800);\n --spectrum-alias-placeholder-text-color-hover: var(--spectrum-gray-900);\n --spectrum-alias-placeholder-text-color-down: var(--spectrum-gray-900);\n --spectrum-alias-placeholder-text-color-selected: var(--spectrum-gray-800);\n --spectrum-alias-label-text-color: var(--spectrum-gray-700);\n --spectrum-alias-text-color: var(--spectrum-gray-800);\n --spectrum-alias-text-color-hover: var(--spectrum-gray-900);\n --spectrum-alias-text-color-down: var(--spectrum-gray-900);\n --spectrum-alias-text-color-key-focus: var(--spectrum-blue-1000);\n --spectrum-alias-text-color-mouse-focus: var(--spectrum-blue-1000);\n --spectrum-alias-text-color-disabled: var(--spectrum-gray-400);\n --spectrum-alias-text-color-invalid: var(--spectrum-red-900);\n --spectrum-alias-text-color-selected: var(--spectrum-blue-1000);\n --spectrum-alias-text-color-selected-neutral: var(--spectrum-gray-900);\n --spectrum-alias-title-text-color: var(--spectrum-gray-900);\n --spectrum-alias-heading-text-color: var(--spectrum-gray-900);\n --spectrum-alias-border-color: var(--spectrum-gray-500);\n --spectrum-alias-border-color-hover: var(--spectrum-gray-600);\n --spectrum-alias-border-color-down: var(--spectrum-gray-600);\n --spectrum-alias-border-color-focus: var(--spectrum-blue-800);\n --spectrum-alias-input-border-color-key-focus: var(--spectrum-alias-border-color-focus);\n --spectrum-alias-border-color-mouse-focus: var(--spectrum-blue-900);\n --spectrum-alias-border-color-disabled: var(--spectrum-gray-200);\n --spectrum-alias-border-color-extralight: var(--spectrum-gray-100);\n --spectrum-alias-border-color-light: var(--spectrum-gray-200);\n --spectrum-alias-border-color-mid: var(--spectrum-gray-300);\n --spectrum-alias-border-color-dark: var(--spectrum-gray-400);\n --spectrum-alias-border-color-transparent: transparent;\n --spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);\n --spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);\n --spectrum-alias-focus-color: var(--spectrum-blue-800);\n --spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color);\n --spectrum-alias-track-color-default: var(--spectrum-gray-300);\n --spectrum-alias-track-color-disabled: var(--spectrum-gray-300);\n --spectrum-alias-track-color-over-background: rgba(255,255,255,0.2);\n --spectrum-alias-icon-color: var(--spectrum-gray-700);\n --spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white);\n --spectrum-alias-icon-color-hover: var(--spectrum-gray-900);\n --spectrum-alias-icon-color-down: var(--spectrum-gray-900);\n --spectrum-alias-icon-color-focus: var(--spectrum-gray-900);\n --spectrum-alias-icon-color-disabled: var(--spectrum-gray-400);\n --spectrum-alias-icon-color-selected-neutral: var(--spectrum-gray-900);\n --spectrum-alias-icon-color-selected: var(--spectrum-blue-900);\n --spectrum-alias-icon-color-selected-hover: var(--spectrum-blue-1000);\n --spectrum-alias-icon-color-selected-down: var(--spectrum-blue-1100);\n --spectrum-alias-icon-color-selected-focus: var(--spectrum-blue-1000);\n --spectrum-alias-icon-color-error: var(--spectrum-red-800);\n --spectrum-alias-toolbar-background-color: var(--spectrum-gray-100);\n --spectrum-alias-colorhandle-outer-border-color: rgba(0,0,0,0.42);\n --spectrum-alias-categorical-color-1: var(--spectrum-global-color-static-seafoam-200);\n --spectrum-alias-categorical-color-2: var(--spectrum-global-color-static-indigo-700);\n --spectrum-alias-categorical-color-3: var(--spectrum-global-color-static-orange-500);\n --spectrum-alias-categorical-color-4: var(--spectrum-global-color-static-magenta-500);\n --spectrum-alias-categorical-color-5: var(--spectrum-global-color-static-indigo-200);\n --spectrum-alias-categorical-color-6: var(--spectrum-global-color-static-celery-200);\n --spectrum-alias-categorical-color-7: var(--spectrum-global-color-static-blue-500);\n --spectrum-alias-categorical-color-8: var(--spectrum-global-color-static-purple-800);\n --spectrum-alias-categorical-color-9: var(--spectrum-global-color-static-yellow-500);\n --spectrum-alias-categorical-color-10: var(--spectrum-global-color-static-orange-700);\n --spectrum-alias-categorical-color-11: var(--spectrum-global-color-static-green-600);\n --spectrum-alias-categorical-color-12: var(--spectrum-global-color-static-chartreuse-300);\n --spectrum-alias-categorical-color-13: var(--spectrum-global-color-static-blue-200);\n --spectrum-alias-categorical-color-14: var(--spectrum-global-color-static-fuchsia-500);\n --spectrum-alias-categorical-color-15: var(--spectrum-global-color-static-magenta-200);\n --spectrum-alias-categorical-color-16: var(--spectrum-global-color-static-yellow-200);\n\n --spectrum-alias-toggle-color-default: var(--spectrum-gray-600);\n --spectrum-alias-toggle-color-hover: var(--spectrum-gray-700);\n --spectrum-alias-toggle-color-key-focus: var(--spectrum-gray-700);\n --spectrum-alias-toggle-color-selected: var(--spectrum-gray-700);\n --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-800);\n --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);\n\n --spectrum-actionbutton-background-color-disabled: transparent;\n --spectrum-actionbutton-border-color-disabled: var(--spectrum-gray-300);\n\n --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-gray-200);\n --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-gray-200);\n --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-gray-300);\n\n --spectrum-actionbutton-static-black-border-color: rgba(0, 0, 0, 0.4);\n --spectrum-actionbutton-static-black-border-color-hover: rgba(0, 0, 0, 0.55);\n --spectrum-actionbutton-static-black-border-color-key-focus: rgba(0, 0, 0, 0.55);\n --spectrum-actionbutton-static-black-border-color-down: rgba(0, 0, 0, 0.7);\n --spectrum-actionbutton-static-black-border-color-disabled: rgba(0, 0, 0, 0.25);\n --spectrum-actionbutton-static-black-border-color-selected-disabled: rgba(0, 0, 0, 0.1);\n --spectrum-actionbutton-static-black-background-color: transparent;\n --spectrum-actionbutton-static-black-background-color-disabled: transparent;\n\n --spectrum-actionbutton-static-white-border-color: rgba(255, 255, 255, 0.4);\n --spectrum-actionbutton-static-white-border-color-hover: rgba(255, 255, 255, 0.55);\n --spectrum-actionbutton-static-white-border-color-key-focus: rgba(255, 255, 255, 0.55);\n --spectrum-actionbutton-static-white-border-color-down: rgba(255, 255, 255, 0.7);\n --spectrum-actionbutton-static-white-border-color-disabled: rgba(255, 255, 255, 0.25);\n --spectrum-actionbutton-static-white-border-color-selected-disabled: rgba(255, 255, 255, 0.1);\n --spectrum-actionbutton-static-white-background-color: transparent;\n --spectrum-actionbutton-static-white-background-color-disabled: transparent;\n\n --spectrum-combobox-fieldbutton-inset: 0;\n --spectrum-combobox-fieldbutton-border-left-width: var(--spectrum-alias-input-border-size);\n --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius);\n --spectrum-combobox-fieldbutton-start-border-radius: 0;\n --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-alias-border-radius-regular);\n\n --spectrum-actiongroup-compact-button-gap: calc(-1 * var(--spectrum-actionbutton-border-size));\n\n --spectrum-alias-neutral-background-color: var(--spectrum-neutral-subdued-background-color-default);\n\n --spectrum-breadcrumb-separator-icon-position-adjustment: var(--spectrum-global-dimension-size-10);\n}\n"],"names":[],"version":3,"file":"spectrum-global.8695f78d.css.map"}
package/dist/spectrum-large.16835b8e.css ADDED
@@ -0,0 +1,387 @@
1
+ .HAZavG_spectrum--large {
2
+ --spectrum-global-dimension-scale-factor: 1.25;
3
+ --spectrum-global-dimension-size-0: 0px;
4
+ --spectrum-global-dimension-size-10: 1px;
5
+ --spectrum-global-dimension-size-25: 2px;
6
+ --spectrum-global-dimension-size-40: 4px;
7
+ --spectrum-global-dimension-size-50: 5px;
8
+ --spectrum-global-dimension-size-65: 6px;
9
+ --spectrum-global-dimension-size-75: 8px;
10
+ --spectrum-global-dimension-size-85: 9px;
11
+ --spectrum-global-dimension-size-100: 10px;
12
+ --spectrum-global-dimension-size-115: 11px;
13
+ --spectrum-global-dimension-size-125: 13px;
14
+ --spectrum-global-dimension-size-130: 14px;
15
+ --spectrum-global-dimension-size-150: 15px;
16
+ --spectrum-global-dimension-size-160: 16px;
17
+ --spectrum-global-dimension-size-175: 18px;
18
+ --spectrum-global-dimension-size-200: 20px;
19
+ --spectrum-global-dimension-size-225: 22px;
20
+ --spectrum-global-dimension-size-250: 25px;
21
+ --spectrum-global-dimension-size-275: 28px;
22
+ --spectrum-global-dimension-size-300: 30px;
23
+ --spectrum-global-dimension-size-325: 32px;
24
+ --spectrum-global-dimension-size-350: 35px;
25
+ --spectrum-global-dimension-size-400: 40px;
26
+ --spectrum-global-dimension-size-450: 45px;
27
+ --spectrum-global-dimension-size-500: 50px;
28
+ --spectrum-global-dimension-size-550: 56px;
29
+ --spectrum-global-dimension-size-600: 60px;
30
+ --spectrum-global-dimension-size-675: 68px;
31
+ --spectrum-global-dimension-size-700: 70px;
32
+ --spectrum-global-dimension-size-800: 80px;
33
+ --spectrum-global-dimension-size-900: 90px;
34
+ --spectrum-global-dimension-size-1000: 100px;
35
+ --spectrum-global-dimension-size-1200: 120px;
36
+ --spectrum-global-dimension-size-1250: 125px;
37
+ --spectrum-global-dimension-size-1600: 160px;
38
+ --spectrum-global-dimension-size-1700: 170px;
39
+ --spectrum-global-dimension-size-2000: 200px;
40
+ --spectrum-global-dimension-size-2400: 240px;
41
+ --spectrum-global-dimension-size-3000: 300px;
42
+ --spectrum-global-dimension-size-3400: 340px;
43
+ --spectrum-global-dimension-size-3600: 360px;
44
+ --spectrum-global-dimension-size-4600: 460px;
45
+ --spectrum-global-dimension-size-5000: 500px;
46
+ --spectrum-global-dimension-size-6000: 600px;
47
+ --spectrum-global-dimension-font-size-25: 12px;
48
+ --spectrum-global-dimension-font-size-50: 13px;
49
+ --spectrum-global-dimension-font-size-75: 15px;
50
+ --spectrum-global-dimension-font-size-100: 17px;
51
+ --spectrum-global-dimension-font-size-150: 18px;
52
+ --spectrum-global-dimension-font-size-200: 19px;
53
+ --spectrum-global-dimension-font-size-300: 22px;
54
+ --spectrum-global-dimension-font-size-400: 24px;
55
+ --spectrum-global-dimension-font-size-500: 27px;
56
+ --spectrum-global-dimension-font-size-600: 31px;
57
+ --spectrum-global-dimension-font-size-700: 34px;
58
+ --spectrum-global-dimension-font-size-800: 39px;
59
+ --spectrum-global-dimension-font-size-900: 44px;
60
+ --spectrum-global-dimension-font-size-1000: 49px;
61
+ --spectrum-global-dimension-font-size-1100: 55px;
62
+ --spectrum-global-dimension-font-size-1200: 62px;
63
+ --spectrum-global-dimension-font-size-1300: 70px;
64
+ --spectrum-alias-avatar-size-100: 26px;
65
+ --spectrum-alias-avatar-size-400: 36px;
66
+ --spectrum-alias-avatar-size-600: 46px;
67
+ --spectrum-actionbutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
68
+ --spectrum-actionbutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
69
+ --spectrum-actionbutton-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
70
+ --spectrum-actionbutton-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
71
+ --spectrum-actionbutton-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
72
+ --spectrum-actionbutton-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
73
+ --spectrum-actionbutton-quiet-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
74
+ --spectrum-actionbutton-quiet-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
75
+ --spectrum-barloader-large-border-radius: 4px;
76
+ --spectrum-barloader-large-indeterminate-border-radius: 4px;
77
+ --spectrum-barloader-large-over-background-border-radius: 4px;
78
+ --spectrum-barloader-small-border-radius: 3px;
79
+ --spectrum-barloader-small-indeterminate-border-radius: 3px;
80
+ --spectrum-barloader-small-over-background-border-radius: 3px;
81
+ --spectrum-breadcrumb-compact-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
82
+ --spectrum-breadcrumb-compact-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
83
+ --spectrum-breadcrumb-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
84
+ --spectrum-breadcrumb-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
85
+ --spectrum-breadcrumb-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
86
+ --spectrum-breadcrumb-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
87
+ --spectrum-button-cta-text-padding-bottom: var(--spectrum-global-dimension-size-100);
88
+ --spectrum-button-cta-min-width: 90px;
89
+ --spectrum-button-cta-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
90
+ --spectrum-button-cta-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
91
+ --spectrum-button-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-100);
92
+ --spectrum-button-over-background-min-width: 90px;
93
+ --spectrum-button-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
94
+ --spectrum-button-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
95
+ --spectrum-button-primary-text-padding-bottom: var(--spectrum-global-dimension-size-100);
96
+ --spectrum-button-primary-min-width: 90px;
97
+ --spectrum-button-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
98
+ --spectrum-button-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
99
+ --spectrum-button-quiet-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-100);
100
+ --spectrum-button-quiet-over-background-min-width: 90px;
101
+ --spectrum-button-quiet-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
102
+ --spectrum-button-quiet-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
103
+ --spectrum-button-quiet-over-background-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
104
+ --spectrum-button-quiet-primary-text-padding-bottom: var(--spectrum-global-dimension-size-100);
105
+ --spectrum-button-quiet-primary-min-width: 90px;
106
+ --spectrum-button-quiet-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
107
+ --spectrum-button-quiet-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
108
+ --spectrum-button-quiet-primary-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
109
+ --spectrum-button-quiet-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-100);
110
+ --spectrum-button-quiet-secondary-min-width: 90px;
111
+ --spectrum-button-quiet-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
112
+ --spectrum-button-quiet-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
113
+ --spectrum-button-quiet-secondary-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
114
+ --spectrum-button-quiet-warning-text-padding-bottom: var(--spectrum-global-dimension-size-100);
115
+ --spectrum-button-quiet-warning-min-width: 90px;
116
+ --spectrum-button-quiet-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
117
+ --spectrum-button-quiet-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
118
+ --spectrum-button-quiet-warning-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
119
+ --spectrum-button-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-100);
120
+ --spectrum-button-secondary-min-width: 90px;
121
+ --spectrum-button-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
122
+ --spectrum-button-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
123
+ --spectrum-button-warning-text-padding-bottom: var(--spectrum-global-dimension-size-100);
124
+ --spectrum-button-warning-min-width: 90px;
125
+ --spectrum-button-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
126
+ --spectrum-button-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
127
+ --spectrum-checkbox-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
128
+ --spectrum-checkbox-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
129
+ --spectrum-checkbox-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
130
+ --spectrum-checkbox-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
131
+ --spectrum-checkbox-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
132
+ --spectrum-checkbox-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
133
+ --spectrum-checkbox-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
134
+ --spectrum-checkbox-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
135
+ --spectrum-checkbox-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
136
+ --spectrum-checkbox-emphasized-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
137
+ --spectrum-checkbox-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
138
+ --spectrum-checkbox-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
139
+ --spectrum-checkbox-emphasized-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
140
+ --spectrum-checkbox-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
141
+ --spectrum-checkbox-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
142
+ --spectrum-checkbox-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
143
+ --spectrum-checkbox-quiet-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
144
+ --spectrum-checkbox-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
145
+ --spectrum-checkbox-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
146
+ --spectrum-checkbox-quiet-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
147
+ --spectrum-checkbox-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
148
+ --spectrum-circleloader-medium-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
149
+ --spectrum-circleloader-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
150
+ --spectrum-circleloader-small-border-size: 3px;
151
+ --spectrum-circleloader-small-over-background-border-size: 3px;
152
+ --spectrum-colorhandle-loupe-margin: var(--spectrum-global-dimension-static-size-100, 8px);
153
+ --spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-100, 8px);
154
+ --spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-85);
155
+ --spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-85);
156
+ --spectrum-colorwheel-min-size: var(--spectrum-global-dimension-static-size-2600, 208px);
157
+ --spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-85);
158
+ --spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-85);
159
+ --spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
160
+ --spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
161
+ --spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
162
+ --spectrum-dialog-confirm-title-text-size: var(--spectrum-global-dimension-font-size-200);
163
+ --spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-75);
164
+ --spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-300, 24px);
165
+ --spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
166
+ --spectrum-dialog-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
167
+ --spectrum-dialog-title-text-size: var(--spectrum-global-dimension-font-size-200);
168
+ --spectrum-dialog-content-text-size: var(--spectrum-global-dimension-font-size-75);
169
+ --spectrum-dialog-padding: var(--spectrum-global-dimension-static-size-300, 24px);
170
+ --spectrum-dialog-content-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
171
+ --spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
172
+ --spectrum-dialog-destructive-title-text-size: var(--spectrum-global-dimension-font-size-200);
173
+ --spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-75);
174
+ --spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-300, 24px);
175
+ --spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
176
+ --spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
177
+ --spectrum-dialog-error-title-text-size: var(--spectrum-global-dimension-font-size-200);
178
+ --spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-75);
179
+ --spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-300, 24px);
180
+ --spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
181
+ --spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
182
+ --spectrum-dialog-info-title-text-size: var(--spectrum-global-dimension-font-size-200);
183
+ --spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-75);
184
+ --spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-300, 24px);
185
+ --spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
186
+ --spectrum-dropdown-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
187
+ --spectrum-dropdown-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
188
+ --spectrum-dropdown-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
189
+ --spectrum-dropdown-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
190
+ --spectrum-dropdown-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
191
+ --spectrum-fieldbutton-quiet-min-width: var(--spectrum-global-dimension-size-200);
192
+ --spectrum-icon-arrow-down-small-height: 12px;
193
+ --spectrum-icon-arrow-left-medium-height: 12px;
194
+ --spectrum-icon-checkmark-medium-width: 16px;
195
+ --spectrum-icon-checkmark-medium-height: 16px;
196
+ --spectrum-icon-checkmark-small-width: 12px;
197
+ --spectrum-icon-checkmark-small-height: 12px;
198
+ --spectrum-icon-chevron-down-medium-width: 12px;
199
+ --spectrum-icon-chevron-left-large-width: 16px;
200
+ --spectrum-icon-chevron-left-medium-height: 12px;
201
+ --spectrum-icon-chevron-right-large-width: 16px;
202
+ --spectrum-icon-chevron-right-medium-height: 12px;
203
+ --spectrum-icon-cross-large-width: 16px;
204
+ --spectrum-icon-cross-large-height: 16px;
205
+ --spectrum-icon-dash-small-width: 12px;
206
+ --spectrum-icon-dash-small-height: 12px;
207
+ --spectrum-icon-skip-left-width: 10px;
208
+ --spectrum-icon-skip-left-height: 12px;
209
+ --spectrum-icon-skip-right-width: 10px;
210
+ --spectrum-icon-skip-right-height: 12px;
211
+ --spectrum-icon-triplegripper-width: 12px;
212
+ --spectrum-listitem-option-icon-size: var(--spectrum-global-dimension-static-size-200, 16px);
213
+ --spectrum-listitem-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px);
214
+ --spectrum-listitem-option-height: var(--spectrum-global-dimension-static-size-600, 48px);
215
+ --spectrum-listitem-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
216
+ --spectrum-listitem-thumbnail-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px);
217
+ --spectrum-listitem-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
218
+ --spectrum-selectlist-thumbnail-small-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px);
219
+ --spectrum-selectlist-thumbnail-small-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
220
+ --spectrum-selectlist-option-icon-size: var(--spectrum-global-dimension-static-size-200, 16px);
221
+ --spectrum-selectlist-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
222
+ --spectrum-selectlist-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px);
223
+ --spectrum-selectlist-option-height: var(--spectrum-global-dimension-static-size-600, 48px);
224
+ --spectrum-selectlist-option-padding-height: var(--spectrum-global-dimension-static-size-160, 13px);
225
+ --spectrum-selectlist-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
226
+ --spectrum-loader-bar-large-border-radius: 4px;
227
+ --spectrum-loader-bar-large-over-background-border-radius: 4px;
228
+ --spectrum-loader-bar-small-border-radius: 3px;
229
+ --spectrum-loader-bar-small-over-background-border-radius: 3px;
230
+ --spectrum-loader-circle-medium-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
231
+ --spectrum-loader-circle-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
232
+ --spectrum-loader-circle-small-border-size: 3px;
233
+ --spectrum-loader-circle-small-over-background-border-size: 3px;
234
+ --spectrum-meter-large-border-radius: 4px;
235
+ --spectrum-meter-small-border-radius: 3px;
236
+ --spectrum-pagination-page-button-line-height: 32px;
237
+ --spectrum-overlay-positive-transform-distance: 8px;
238
+ --spectrum-overlay-negative-transform-distance: -8px;
239
+ --spectrum-picker-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
240
+ --spectrum-picker-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
241
+ --spectrum-picker-quiet-min-width: var(--spectrum-global-dimension-size-200);
242
+ --spectrum-picker-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
243
+ --spectrum-picker-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
244
+ --spectrum-picker-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
245
+ --spectrum-progressbar-large-border-radius: 4px;
246
+ --spectrum-progressbar-large-indeterminate-border-radius: 4px;
247
+ --spectrum-progressbar-large-over-background-border-radius: 4px;
248
+ --spectrum-progressbar-small-border-radius: 3px;
249
+ --spectrum-progressbar-small-indeterminate-border-radius: 3px;
250
+ --spectrum-progressbar-small-over-background-border-radius: 3px;
251
+ --spectrum-progresscircle-medium-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
252
+ --spectrum-progresscircle-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
253
+ --spectrum-progresscircle-small-border-size: 3px;
254
+ --spectrum-progresscircle-small-indeterminate-border-size: 3px;
255
+ --spectrum-progresscircle-small-over-background-border-size: 3px;
256
+ --spectrum-progresscircle-medium-indeterminate-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
257
+ --spectrum-radio-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
258
+ --spectrum-radio-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
259
+ --spectrum-radio-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
260
+ --spectrum-radio-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
261
+ --spectrum-radio-margin-bottom: var(--spectrum-global-dimension-static-size-100, 8px);
262
+ --spectrum-radio-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
263
+ --spectrum-radio-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
264
+ --spectrum-radio-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
265
+ --spectrum-radio-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
266
+ --spectrum-radio-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
267
+ --spectrum-radio-emphasized-margin-bottom: var(--spectrum-global-dimension-static-size-100, 8px);
268
+ --spectrum-radio-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
269
+ --spectrum-radio-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
270
+ --spectrum-radio-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
271
+ --spectrum-radio-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
272
+ --spectrum-radio-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
273
+ --spectrum-radio-quiet-margin-bottom: var(--spectrum-global-dimension-static-size-100, 8px);
274
+ --spectrum-radio-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
275
+ --spectrum-rating-icon-width: 30px;
276
+ --spectrum-rating-indicator-width: 20px;
277
+ --spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
278
+ --spectrum-rating-emphasized-icon-width: 30px;
279
+ --spectrum-rating-emphasized-indicator-width: 20px;
280
+ --spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
281
+ --spectrum-rating-quiet-icon-width: 30px;
282
+ --spectrum-rating-quiet-indicator-width: 20px;
283
+ --spectrum-rating-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
284
+ --spectrum-search-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
285
+ --spectrum-search-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
286
+ --spectrum-search-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
287
+ --spectrum-search-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
288
+ --spectrum-search-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
289
+ --spectrum-search-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
290
+ --spectrum-sidenav-item-touch-hit-bottom: 3px;
291
+ --spectrum-sidenav-multilevel-item-touch-hit-bottom: 3px;
292
+ --spectrum-slider-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
293
+ --spectrum-slider-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175, 14px);
294
+ --spectrum-slider-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175, 14px);
295
+ --spectrum-slider-editable-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
296
+ --spectrum-slider-editable-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175, 14px);
297
+ --spectrum-slider-editable-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175, 14px);
298
+ --spectrum-slider-fill-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
299
+ --spectrum-slider-fill-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175, 14px);
300
+ --spectrum-slider-fill-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175, 14px);
301
+ --spectrum-switch-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160, 13px);
302
+ --spectrum-switch-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
303
+ --spectrum-switch-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
304
+ --spectrum-switch-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
305
+ --spectrum-switch-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
306
+ --spectrum-switch-track-width: var(--spectrum-global-dimension-static-size-450, 36px);
307
+ --spectrum-switch-handle-border-radius: 9px;
308
+ --spectrum-switch-handle-transform-x-ltr: 18px;
309
+ --spectrum-switch-handle-transform-x-rtl: -18px;
310
+ --spectrum-switch-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
311
+ --spectrum-switch-emphasized-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160, 13px);
312
+ --spectrum-switch-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
313
+ --spectrum-switch-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
314
+ --spectrum-switch-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
315
+ --spectrum-switch-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
316
+ --spectrum-switch-emphasized-track-width: var(--spectrum-global-dimension-static-size-450, 36px);
317
+ --spectrum-switch-emphasized-handle-border-radius: 9px;
318
+ --spectrum-switch-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
319
+ --spectrum-switch-quiet-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160, 13px);
320
+ --spectrum-switch-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
321
+ --spectrum-switch-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
322
+ --spectrum-switch-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
323
+ --spectrum-switch-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
324
+ --spectrum-switch-quiet-track-width: var(--spectrum-global-dimension-static-size-450, 36px);
325
+ --spectrum-switch-quiet-handle-border-radius: 9px;
326
+ --spectrum-switch-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
327
+ --spectrum-tabs-compact-focus-ring-border-radius: 6px;
328
+ --spectrum-tabs-compact-margin-left: -11px;
329
+ --spectrum-tabs-compact-margin-right: -11px;
330
+ --spectrum-tabs-compact-vertical-focus-ring-border-radius: 6px;
331
+ --spectrum-tabs-compact-vertical-emphasized-focus-ring-border-radius: 6px;
332
+ --spectrum-tabs-baseline: var(--spectrum-global-dimension-size-250);
333
+ --spectrum-tabs-focus-ring-border-radius: 6px;
334
+ --spectrum-tabs-margin-left: -11px;
335
+ --spectrum-tabs-margin-right: -11px;
336
+ --spectrum-tabs-emphasized-baseline: var(--spectrum-global-dimension-size-250);
337
+ --spectrum-tabs-emphasized-focus-ring-border-radius: 6px;
338
+ --spectrum-tabs-emphasized-margin-left: -11px;
339
+ --spectrum-tabs-emphasized-margin-right: -11px;
340
+ --spectrum-tabs-quiet-baseline: var(--spectrum-global-dimension-size-250);
341
+ --spectrum-tabs-quiet-focus-ring-border-radius: 6px;
342
+ --spectrum-tabs-quiet-margin-left: -11px;
343
+ --spectrum-tabs-quiet-margin-right: -11px;
344
+ --spectrum-tabs-quiet-compact-focus-ring-border-radius: 6px;
345
+ --spectrum-tabs-quiet-compact-margin-left: -11px;
346
+ --spectrum-tabs-quiet-compact-margin-right: -11px;
347
+ --spectrum-tabs-quiet-compact-emphasized-focus-ring-border-radius: 6px;
348
+ --spectrum-tabs-quiet-compact-emphasized-margin-left: -11px;
349
+ --spectrum-tabs-quiet-compact-emphasized-margin-right: -11px;
350
+ --spectrum-tabs-quiet-compact-vertical-focus-ring-border-radius: 6px;
351
+ --spectrum-tabs-quiet-compact-vertical-emphasized-focus-ring-border-radius: 6px;
352
+ --spectrum-tabs-quiet-emphasized-baseline: var(--spectrum-global-dimension-size-250);
353
+ --spectrum-tabs-quiet-emphasized-focus-ring-border-radius: 6px;
354
+ --spectrum-tabs-quiet-emphasized-margin-left: -11px;
355
+ --spectrum-tabs-quiet-emphasized-margin-right: -11px;
356
+ --spectrum-tabs-quiet-vertical-baseline: var(--spectrum-global-dimension-size-250);
357
+ --spectrum-tabs-quiet-vertical-focus-ring-border-radius: 6px;
358
+ --spectrum-tabs-quiet-vertical-emphasized-baseline: var(--spectrum-global-dimension-size-250);
359
+ --spectrum-tabs-quiet-vertical-emphasized-focus-ring-border-radius: 6px;
360
+ --spectrum-tabs-vertical-baseline: var(--spectrum-global-dimension-size-250);
361
+ --spectrum-tabs-vertical-focus-ring-border-radius: 6px;
362
+ --spectrum-textarea-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
363
+ --spectrum-textarea-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
364
+ --spectrum-textarea-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
365
+ --spectrum-textarea-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
366
+ --spectrum-textarea-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
367
+ --spectrum-textarea-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
368
+ --spectrum-textfield-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
369
+ --spectrum-textfield-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
370
+ --spectrum-textfield-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
371
+ --spectrum-textfield-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
372
+ --spectrum-textfield-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
373
+ --spectrum-textfield-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
374
+ --spectrum-tool-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
375
+ --spectrum-tool-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
376
+ --spectrum-tool-high-emphasis-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
377
+ --spectrum-tool-high-emphasis-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
378
+ --spectrum-tooltip-padding-bottom: 6px;
379
+ --spectrum-tooltip-content-max-width: var(--spectrum-global-dimension-size-2000);
380
+ --spectrum-tooltip-info-padding-bottom: 6px;
381
+ --spectrum-tooltip-info-content-max-width: 126px;
382
+ --spectrum-tooltip-negative-padding-bottom: 6px;
383
+ --spectrum-tooltip-negative-content-max-width: 126px;
384
+ --spectrum-tooltip-positive-padding-bottom: 6px;
385
+ --spectrum-tooltip-positive-content-max-width: 126px;
386
+ }
387
+ /*# sourceMappingURL=spectrum-large.16835b8e.css.map */
package/dist/spectrum-large.16835b8e.css.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":"AAYA","sources":["packages/@adobe/spectrum-css-temp/vars/spectrum-large.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--large {\n --spectrum-global-dimension-scale-factor: 1.25;\n --spectrum-global-dimension-size-0: 0px;\n --spectrum-global-dimension-size-10: 1px;\n --spectrum-global-dimension-size-25: 2px;\n --spectrum-global-dimension-size-40: 4px;\n --spectrum-global-dimension-size-50: 5px;\n --spectrum-global-dimension-size-65: 6px;\n --spectrum-global-dimension-size-75: 8px;\n --spectrum-global-dimension-size-85: 9px;\n --spectrum-global-dimension-size-100: 10px;\n --spectrum-global-dimension-size-115: 11px;\n --spectrum-global-dimension-size-125: 13px;\n --spectrum-global-dimension-size-130: 14px;\n --spectrum-global-dimension-size-150: 15px;\n --spectrum-global-dimension-size-160: 16px;\n --spectrum-global-dimension-size-175: 18px;\n --spectrum-global-dimension-size-200: 20px;\n --spectrum-global-dimension-size-225: 22px;\n --spectrum-global-dimension-size-250: 25px;\n --spectrum-global-dimension-size-275: 28px;\n --spectrum-global-dimension-size-300: 30px;\n --spectrum-global-dimension-size-325: 32px;\n --spectrum-global-dimension-size-350: 35px;\n --spectrum-global-dimension-size-400: 40px;\n --spectrum-global-dimension-size-450: 45px;\n --spectrum-global-dimension-size-500: 50px;\n --spectrum-global-dimension-size-550: 56px;\n --spectrum-global-dimension-size-600: 60px;\n --spectrum-global-dimension-size-675: 68px;\n --spectrum-global-dimension-size-700: 70px;\n --spectrum-global-dimension-size-800: 80px;\n --spectrum-global-dimension-size-900: 90px;\n --spectrum-global-dimension-size-1000: 100px;\n --spectrum-global-dimension-size-1200: 120px;\n --spectrum-global-dimension-size-1250: 125px;\n --spectrum-global-dimension-size-1600: 160px;\n --spectrum-global-dimension-size-1700: 170px;\n --spectrum-global-dimension-size-2000: 200px;\n --spectrum-global-dimension-size-2400: 240px;\n --spectrum-global-dimension-size-3000: 300px;\n --spectrum-global-dimension-size-3400: 340px;\n --spectrum-global-dimension-size-3600: 360px;\n --spectrum-global-dimension-size-4600: 460px;\n --spectrum-global-dimension-size-5000: 500px;\n --spectrum-global-dimension-size-6000: 600px;\n --spectrum-global-dimension-font-size-25: 12px;\n --spectrum-global-dimension-font-size-50: 13px;\n --spectrum-global-dimension-font-size-75: 15px;\n --spectrum-global-dimension-font-size-100: 17px;\n --spectrum-global-dimension-font-size-150: 18px;\n --spectrum-global-dimension-font-size-200: 19px;\n --spectrum-global-dimension-font-size-300: 22px;\n --spectrum-global-dimension-font-size-400: 24px;\n --spectrum-global-dimension-font-size-500: 27px;\n --spectrum-global-dimension-font-size-600: 31px;\n --spectrum-global-dimension-font-size-700: 34px;\n --spectrum-global-dimension-font-size-800: 39px;\n --spectrum-global-dimension-font-size-900: 44px;\n --spectrum-global-dimension-font-size-1000: 49px;\n --spectrum-global-dimension-font-size-1100: 55px;\n --spectrum-global-dimension-font-size-1200: 62px;\n --spectrum-global-dimension-font-size-1300: 70px;\n --spectrum-alias-avatar-size-100: 26px;\n --spectrum-alias-avatar-size-400: 36px;\n --spectrum-alias-avatar-size-600: 46px;\n --spectrum-actionbutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-actionbutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-actionbutton-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-actionbutton-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-actionbutton-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-actionbutton-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-actionbutton-quiet-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-actionbutton-quiet-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-barloader-large-border-radius: 4px;\n --spectrum-barloader-large-indeterminate-border-radius: 4px;\n --spectrum-barloader-large-over-background-border-radius: 4px;\n --spectrum-barloader-small-border-radius: 3px;\n --spectrum-barloader-small-indeterminate-border-radius: 3px;\n --spectrum-barloader-small-over-background-border-radius: 3px;\n --spectrum-breadcrumb-compact-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-compact-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-breadcrumb-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-cta-text-padding-bottom: var(--spectrum-global-dimension-size-100);\n --spectrum-button-cta-min-width: 90px;\n --spectrum-button-cta-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-cta-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-100);\n --spectrum-button-over-background-min-width: 90px;\n --spectrum-button-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-primary-text-padding-bottom: var(--spectrum-global-dimension-size-100);\n --spectrum-button-primary-min-width: 90px;\n --spectrum-button-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-quiet-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-100);\n --spectrum-button-quiet-over-background-min-width: 90px;\n --spectrum-button-quiet-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-250);\n --spectrum-button-quiet-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-quiet-over-background-cursor-hit-x: var(--spectrum-global-dimension-static-size-250);\n --spectrum-button-quiet-primary-text-padding-bottom: var(--spectrum-global-dimension-size-100);\n --spectrum-button-quiet-primary-min-width: 90px;\n --spectrum-button-quiet-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-250);\n --spectrum-button-quiet-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-quiet-primary-cursor-hit-x: var(--spectrum-global-dimension-static-size-250);\n --spectrum-button-quiet-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-100);\n --spectrum-button-quiet-secondary-min-width: 90px;\n --spectrum-button-quiet-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-250);\n --spectrum-button-quiet-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-quiet-secondary-cursor-hit-x: var(--spectrum-global-dimension-static-size-250);\n --spectrum-button-quiet-warning-text-padding-bottom: var(--spectrum-global-dimension-size-100);\n --spectrum-button-quiet-warning-min-width: 90px;\n --spectrum-button-quiet-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-250);\n --spectrum-button-quiet-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-quiet-warning-cursor-hit-x: var(--spectrum-global-dimension-static-size-250);\n --spectrum-button-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-100);\n --spectrum-button-secondary-min-width: 90px;\n --spectrum-button-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-warning-text-padding-bottom: var(--spectrum-global-dimension-size-100);\n --spectrum-button-warning-min-width: 90px;\n --spectrum-button-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-button-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-checkbox-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-checkbox-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-emphasized-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-emphasized-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-checkbox-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-quiet-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-quiet-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-checkbox-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-circleloader-medium-border-size: var(--spectrum-global-dimension-static-size-50);\n --spectrum-circleloader-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50);\n --spectrum-circleloader-small-border-size: 3px;\n --spectrum-circleloader-small-over-background-border-size: 3px;\n --spectrum-colorhandle-loupe-margin: var(--spectrum-global-dimension-static-size-100);\n --spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-100);\n --spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-85);\n --spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-85);\n --spectrum-colorwheel-min-size: var(--spectrum-global-dimension-static-size-2600);\n --spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-85);\n --spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-85);\n --spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-5000);\n --spectrum-dialog-confirm-title-text-size: var(--spectrum-global-dimension-font-size-200);\n --spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-75);\n --spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-300);\n --spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-500);\n --spectrum-dialog-max-width: var(--spectrum-global-dimension-static-size-5000);\n --spectrum-dialog-title-text-size: var(--spectrum-global-dimension-font-size-200);\n --spectrum-dialog-content-text-size: var(--spectrum-global-dimension-font-size-75);\n --spectrum-dialog-padding: var(--spectrum-global-dimension-static-size-300);\n --spectrum-dialog-content-margin-bottom: var(--spectrum-global-dimension-static-size-500);\n --spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-5000);\n --spectrum-dialog-destructive-title-text-size: var(--spectrum-global-dimension-font-size-200);\n --spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-75);\n --spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-300);\n --spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-500);\n --spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-5000);\n --spectrum-dialog-error-title-text-size: var(--spectrum-global-dimension-font-size-200);\n --spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-75);\n --spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-300);\n --spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-500);\n --spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-5000);\n --spectrum-dialog-info-title-text-size: var(--spectrum-global-dimension-font-size-200);\n --spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-75);\n --spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-300);\n --spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-500);\n --spectrum-dropdown-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-dropdown-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-dropdown-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-dropdown-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-dropdown-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-fieldbutton-quiet-min-width: var(--spectrum-global-dimension-size-200);\n --spectrum-icon-arrow-down-small-height: 12px;\n --spectrum-icon-arrow-left-medium-height: 12px;\n --spectrum-icon-checkmark-medium-width: 16px;\n --spectrum-icon-checkmark-medium-height: 16px;\n --spectrum-icon-checkmark-small-width: 12px;\n --spectrum-icon-checkmark-small-height: 12px;\n --spectrum-icon-chevron-down-medium-width: 12px;\n --spectrum-icon-chevron-left-large-width: 16px;\n --spectrum-icon-chevron-left-medium-height: 12px;\n --spectrum-icon-chevron-right-large-width: 16px;\n --spectrum-icon-chevron-right-medium-height: 12px;\n --spectrum-icon-cross-large-width: 16px;\n --spectrum-icon-cross-large-height: 16px;\n --spectrum-icon-dash-small-width: 12px;\n --spectrum-icon-dash-small-height: 12px;\n --spectrum-icon-skip-left-width: 10px;\n --spectrum-icon-skip-left-height: 12px;\n --spectrum-icon-skip-right-width: 10px;\n --spectrum-icon-skip-right-height: 12px;\n --spectrum-icon-triplegripper-width: 12px;\n --spectrum-listitem-option-icon-size: var(--spectrum-global-dimension-static-size-200);\n --spectrum-listitem-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50);\n --spectrum-listitem-option-height: var(--spectrum-global-dimension-static-size-600);\n --spectrum-listitem-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200);\n --spectrum-listitem-thumbnail-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50);\n --spectrum-listitem-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200);\n --spectrum-selectlist-thumbnail-small-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50);\n --spectrum-selectlist-thumbnail-small-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200);\n --spectrum-selectlist-option-icon-size: var(--spectrum-global-dimension-static-size-200);\n --spectrum-selectlist-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200);\n --spectrum-selectlist-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50);\n --spectrum-selectlist-option-height: var(--spectrum-global-dimension-static-size-600);\n /* BEGIN RSP PATCH */\n /*\n This is not correct in DNA. Renamed from padding-y to padding-height to fix docs issue where fallback var replaced this value\n (due to old spectrum-css postcss-custom-properties-custom-mapping plugin).\n */\n --spectrum-selectlist-option-padding-height: var(--spectrum-global-dimension-static-size-160);\n /* END RSP PATCH */\n --spectrum-selectlist-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200);\n --spectrum-loader-bar-large-border-radius: 4px;\n --spectrum-loader-bar-large-over-background-border-radius: 4px;\n --spectrum-loader-bar-small-border-radius: 3px;\n --spectrum-loader-bar-small-over-background-border-radius: 3px;\n --spectrum-loader-circle-medium-border-size: var(--spectrum-global-dimension-static-size-50);\n --spectrum-loader-circle-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50);\n --spectrum-loader-circle-small-border-size: 3px;\n --spectrum-loader-circle-small-over-background-border-size: 3px;\n --spectrum-meter-large-border-radius: 4px;\n --spectrum-meter-small-border-radius: 3px;\n --spectrum-pagination-page-button-line-height: 32px;\n /* BEGIN RSP PATCH */\n /* fix popover in edge https://github.com/adobe/react-spectrum/pull/402 */\n --spectrum-overlay-positive-transform-distance: 8px;\n --spectrum-overlay-negative-transform-distance: -8px;\n /* END RSP PATCH */\n --spectrum-picker-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-picker-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-picker-quiet-min-width: var(--spectrum-global-dimension-size-200);\n --spectrum-picker-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-picker-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-picker-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-progressbar-large-border-radius: 4px;\n --spectrum-progressbar-large-indeterminate-border-radius: 4px;\n --spectrum-progressbar-large-over-background-border-radius: 4px;\n --spectrum-progressbar-small-border-radius: 3px;\n --spectrum-progressbar-small-indeterminate-border-radius: 3px;\n --spectrum-progressbar-small-over-background-border-radius: 3px;\n --spectrum-progresscircle-medium-border-size: var(--spectrum-global-dimension-static-size-50);\n --spectrum-progresscircle-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50);\n --spectrum-progresscircle-small-border-size: 3px;\n --spectrum-progresscircle-small-indeterminate-border-size: 3px;\n --spectrum-progresscircle-small-over-background-border-size: 3px;\n --spectrum-progresscircle-medium-indeterminate-border-size: var(--spectrum-global-dimension-static-size-50);\n --spectrum-radio-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-margin-bottom: var(--spectrum-global-dimension-static-size-100);\n --spectrum-radio-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-radio-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-emphasized-margin-bottom: var(--spectrum-global-dimension-static-size-100);\n --spectrum-radio-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-radio-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-radio-quiet-margin-bottom: var(--spectrum-global-dimension-static-size-100);\n --spectrum-radio-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-rating-icon-width: 30px;\n --spectrum-rating-indicator-width: 20px;\n --spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-rating-emphasized-icon-width: 30px;\n --spectrum-rating-emphasized-indicator-width: 20px;\n --spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-rating-quiet-icon-width: 30px;\n --spectrum-rating-quiet-indicator-width: 20px;\n --spectrum-rating-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-search-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-search-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-search-icon-frame: var(--spectrum-global-dimension-static-size-500);\n --spectrum-search-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-search-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-search-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500);\n --spectrum-sidenav-item-touch-hit-bottom: 3px;\n --spectrum-sidenav-multilevel-item-touch-hit-bottom: 3px;\n --spectrum-slider-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-slider-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175);\n --spectrum-slider-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175);\n --spectrum-slider-editable-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-slider-editable-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175);\n --spectrum-slider-editable-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175);\n --spectrum-slider-fill-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-slider-fill-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175);\n --spectrum-slider-fill-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175);\n --spectrum-switch-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160);\n --spectrum-switch-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-track-width: var(--spectrum-global-dimension-static-size-450);\n --spectrum-switch-handle-border-radius: 9px;\n /* BEGIN RSP PATCH */\n /* fix switch in edge: https://github.com/adobe/react-spectrum/pull/90 */\n --spectrum-switch-handle-transform-x-ltr: 18px;\n --spectrum-switch-handle-transform-x-rtl: -18px;\n /* END RSP PATCH */\n --spectrum-switch-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-switch-emphasized-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160);\n --spectrum-switch-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-emphasized-track-width: var(--spectrum-global-dimension-static-size-450);\n --spectrum-switch-emphasized-handle-border-radius: 9px;\n --spectrum-switch-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-switch-quiet-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160);\n --spectrum-switch-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150);\n --spectrum-switch-quiet-track-width: var(--spectrum-global-dimension-static-size-450);\n --spectrum-switch-quiet-handle-border-radius: 9px;\n --spectrum-switch-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-tabs-compact-focus-ring-border-radius: 6px;\n --spectrum-tabs-compact-margin-left: -11px;\n --spectrum-tabs-compact-margin-right: -11px;\n --spectrum-tabs-compact-vertical-focus-ring-border-radius: 6px;\n --spectrum-tabs-compact-vertical-emphasized-focus-ring-border-radius: 6px;\n --spectrum-tabs-baseline: var(--spectrum-global-dimension-size-250);\n --spectrum-tabs-focus-ring-border-radius: 6px;\n --spectrum-tabs-margin-left: -11px;\n --spectrum-tabs-margin-right: -11px;\n --spectrum-tabs-emphasized-baseline: var(--spectrum-global-dimension-size-250);\n --spectrum-tabs-emphasized-focus-ring-border-radius: 6px;\n --spectrum-tabs-emphasized-margin-left: -11px;\n --spectrum-tabs-emphasized-margin-right: -11px;\n --spectrum-tabs-quiet-baseline: var(--spectrum-global-dimension-size-250);\n --spectrum-tabs-quiet-focus-ring-border-radius: 6px;\n --spectrum-tabs-quiet-margin-left: -11px;\n --spectrum-tabs-quiet-margin-right: -11px;\n --spectrum-tabs-quiet-compact-focus-ring-border-radius: 6px;\n --spectrum-tabs-quiet-compact-margin-left: -11px;\n --spectrum-tabs-quiet-compact-margin-right: -11px;\n --spectrum-tabs-quiet-compact-emphasized-focus-ring-border-radius: 6px;\n --spectrum-tabs-quiet-compact-emphasized-margin-left: -11px;\n --spectrum-tabs-quiet-compact-emphasized-margin-right: -11px;\n --spectrum-tabs-quiet-compact-vertical-focus-ring-border-radius: 6px;\n --spectrum-tabs-quiet-compact-vertical-emphasized-focus-ring-border-radius: 6px;\n --spectrum-tabs-quiet-emphasized-baseline: var(--spectrum-global-dimension-size-250);\n --spectrum-tabs-quiet-emphasized-focus-ring-border-radius: 6px;\n --spectrum-tabs-quiet-emphasized-margin-left: -11px;\n --spectrum-tabs-quiet-emphasized-margin-right: -11px;\n --spectrum-tabs-quiet-vertical-baseline: var(--spectrum-global-dimension-size-250);\n --spectrum-tabs-quiet-vertical-focus-ring-border-radius: 6px;\n --spectrum-tabs-quiet-vertical-emphasized-baseline: var(--spectrum-global-dimension-size-250);\n --spectrum-tabs-quiet-vertical-emphasized-focus-ring-border-radius: 6px;\n --spectrum-tabs-vertical-baseline: var(--spectrum-global-dimension-size-250);\n --spectrum-tabs-vertical-focus-ring-border-radius: 6px;\n --spectrum-textarea-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-textarea-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-textarea-icon-frame: var(--spectrum-global-dimension-static-size-500);\n --spectrum-textarea-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-textarea-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-textarea-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500);\n --spectrum-textfield-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-textfield-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-textfield-icon-frame: var(--spectrum-global-dimension-static-size-500);\n --spectrum-textfield-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-textfield-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-textfield-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500);\n --spectrum-tool-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-tool-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-tool-high-emphasis-touch-hit-x: var(--spectrum-global-dimension-static-size-50);\n --spectrum-tool-high-emphasis-touch-hit-y: var(--spectrum-global-dimension-static-size-50);\n --spectrum-tooltip-padding-bottom: 6px;\n /* BEGIN RSP PATCH */\n /* Old value is deprecated, bumping to new value for now: https://git.corp.adobe.com/Spectrum/spectrum-dna/blob/53f6efb0d81ec6829048a53a9e8389b450f46dee/data/elements/tooltip/TooltipBase.mjs#L36 */\n --spectrum-tooltip-content-max-width: var(--spectrum-global-dimension-size-2000);\n /* END RSP PATCH */\n --spectrum-tooltip-info-padding-bottom: 6px;\n --spectrum-tooltip-info-content-max-width: 126px;\n --spectrum-tooltip-negative-padding-bottom: 6px;\n --spectrum-tooltip-negative-content-max-width: 126px;\n --spectrum-tooltip-positive-padding-bottom: 6px;\n --spectrum-tooltip-positive-content-max-width: 126px;\n}\n"],"names":[],"version":3,"file":"spectrum-large.16835b8e.css.map"}