@deephaven/components 0.49.2-beta.5 → 0.49.2-beta.8

package/dist/theme/theme-dark/theme-dark-palette.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA","file":"theme-dark-palette.css","sourcesContent":[":root {\n  /* Gray */\n  --dh-color-gray-hue: 0deg;\n  --dh-color-gray-50: hsl(var(--dh-color-gray-hue) 6% 10%);\n  --dh-color-gray-75: hsl(var(--dh-color-gray-hue) 5% 13%);\n  --dh-color-gray-100: hsl(var(--dh-color-gray-hue), 5%, 17%);\n  --dh-color-gray-200: hsl(var(--dh-color-gray-hue) 4% 19%);\n  --dh-color-gray-300: hsl(var(--dh-color-gray-hue) 4% 21%);\n  --dh-color-gray-400: hsl(var(--dh-color-gray-hue) 2% 25%);\n  --dh-color-gray-500: hsl(var(--dh-color-gray-hue) 1% 36%);\n  --dh-color-gray-600: hsl(var(--dh-color-gray-hue) 0% 57%);\n  --dh-color-gray-700: hsl(var(--dh-color-gray-hue) 1% 75%);\n  --dh-color-gray-800: hsl(var(--dh-color-gray-hue) 6% 94%);\n  --dh-color-gray-900: hsl(var(--dh-color-gray-hue) 25% 98%);\n\n  /** Black & White */\n  --dh-color-black: var(--dh-color-gray-50);\n  --dh-color-white: var(--dh-color-gray-800);\n\n  /* Blue */\n  --dh-color-blue-hue: 222deg;\n  --dh-color-blue-100: hsl(var(--dh-color-blue-hue) 65% 19%);\n  --dh-color-blue-200: hsl(var(--dh-color-blue-hue) 66% 25%);\n  --dh-color-blue-300: hsl(var(--dh-color-blue-hue) 65% 32%);\n  --dh-color-blue-400: hsl(var(--dh-color-blue-hue) 63% 39%);\n  --dh-color-blue-500: hsl(var(--dh-color-blue-hue) 61% 47%);\n  --dh-color-blue-600: hsl(var(--dh-color-blue-hue) 68% 54%);\n  --dh-color-blue-700: hsl(var(--dh-color-blue-hue) 83% 62%);\n  --dh-color-blue-800: hsl(var(--dh-color-blue-hue) 94% 68%);\n  --dh-color-blue-900: hsl(var(--dh-color-blue-hue) 100% 74%);\n  --dh-color-blue-1000: hsl(var(--dh-color-blue-hue) 100% 80%);\n  --dh-color-blue-1100: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 84%);\n  --dh-color-blue-1200: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 89%);\n  --dh-color-blue-1300: hsl(var(--dh-color-blue-hue) 100% 93%);\n  --dh-color-blue-1400: hsl(calc(var(--dh-color-blue-hue) + 2deg) 100% 96%);\n\n  /* Red */\n  --dh-color-red-hue: 345deg;\n  --dh-color-red-100: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 18%);\n  --dh-color-red-200: hsl(var(--dh-color-red-hue) 55% 24%);\n  --dh-color-red-300: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 30%);\n  --dh-color-red-400: hsl(var(--dh-color-red-hue) 54% 37%);\n  --dh-color-red-500: hsl(var(--dh-color-red-hue) 53% 44%);\n  --dh-color-red-600: hsl(var(--dh-color-red-hue) 55% 51%);\n  --dh-color-red-700: hsl(var(--dh-color-red-hue) 71% 59%);\n  --dh-color-red-800: hsl(var(--dh-color-red-hue) 92% 67%);\n  --dh-color-red-900: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 74%);\n  --dh-color-red-1000: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 80%);\n  --dh-color-red-1100: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 85%);\n  --dh-color-red-1200: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 90%);\n  --dh-color-red-1300: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 94%);\n  --dh-color-red-1400: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 96%);\n\n  /* Orange */\n  --dh-color-orange-hue: 22deg;\n  --dh-color-orange-100: hsl(calc(var(--dh-color-orange-hue) - 2deg) 100% 14%);\n  --dh-color-orange-200: hsl(var(--dh-color-orange-hue) 96% 18%);\n  --dh-color-orange-300: hsl(calc(var(--dh-color-orange-hue) + 1deg) 90% 23%);\n  --dh-color-orange-400: hsl(var(--dh-color-orange-hue) 84% 29%);\n  --dh-color-orange-500: hsl(var(--dh-color-orange-hue) 80% 35%);\n  --dh-color-orange-600: hsl(var(--dh-color-orange-hue) 74% 41%);\n  --dh-color-orange-700: hsl(var(--dh-color-orange-hue) 70% 48%);\n  --dh-color-orange-800: hsl(var(--dh-color-orange-hue) 78% 55%);\n  --dh-color-orange-900: hsl(calc(var(--dh-color-orange-hue) - 1deg) 95% 63%);\n  --dh-color-orange-1000: hsl(var(--dh-color-orange-hue) 100% 71%);\n  --dh-color-orange-1100: hsl(calc(var(--dh-color-orange-hue) + 1deg) 100% 78%);\n  --dh-color-orange-1200: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 84%);\n  --dh-color-orange-1300: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 90%);\n  --dh-color-orange-1400: hsl(calc(var(--dh-color-orange-hue) + 3deg) 100% 94%);\n\n  /* Yellow */\n  --dh-color-yellow-hue: 49deg;\n  --dh-color-yellow-100: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 9%);\n  --dh-color-yellow-200: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 100% 12%);\n  --dh-color-yellow-300: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 15%);\n  --dh-color-yellow-400: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 90% 20%);\n  --dh-color-yellow-500: hsl(var(--dh-color-yellow-hue) 82% 25%);\n  --dh-color-yellow-600: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 75% 30%);\n  --dh-color-yellow-700: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 70% 35%);\n  --dh-color-yellow-800: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 41%);\n  --dh-color-yellow-900: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 61% 47%);\n  --dh-color-yellow-1000: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 54%);\n  --dh-color-yellow-1100: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 79% 60%);\n  --dh-color-yellow-1200: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 94% 66%);\n  --dh-color-yellow-1300: hsl(var(--dh-color-yellow-hue) 100% 74%);\n  --dh-color-yellow-1400: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 84%);\n\n  /* Chartreuse */\n  --dh-color-chartreuse-hue: 70deg;\n  --dh-color-chartreuse-100: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 7deg) 100% 8%\n  );\n  --dh-color-chartreuse-200: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 5deg) 84% 12%\n  );\n  --dh-color-chartreuse-300: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 4deg) 73% 16%\n  );\n  --dh-color-chartreuse-400: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 1deg) 67% 20%\n  );\n  --dh-color-chartreuse-500: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 1deg) 62% 25%\n  );\n  --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-hue) 59% 30%);\n  --dh-color-chartreuse-700: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 1deg) 56% 35%\n  );\n  --dh-color-chartreuse-800: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 2deg) 53% 40%\n  );\n  --dh-color-chartreuse-900: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 3deg) 50% 45%\n  );\n  --dh-color-chartreuse-1000: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 3deg) 49% 51%\n  );\n  --dh-color-chartreuse-1100: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 3deg) 58% 57%\n  );\n  --dh-color-chartreuse-1200: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 4deg) 67% 64%\n  );\n  --dh-color-chartreuse-1300: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 4deg) 76% 73%\n  );\n  --dh-color-chartreuse-1400: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 4deg) 82% 83%\n  );\n\n  /* Celery */\n  --dh-color-celery-hue: 126deg;\n  --dh-color-celery-100: hsl(calc(var(--dh-color-celery-hue) + 1deg) 43% 12%);\n  --dh-color-celery-200: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 16%);\n  --dh-color-celery-300: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 21%);\n  --dh-color-celery-400: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 25%);\n  --dh-color-celery-500: hsl(calc(var(--dh-color-celery-hue) - 1deg) 42% 30%);\n  --dh-color-celery-600: hsl(var(--dh-color-celery-hue) 41% 36%);\n  --dh-color-celery-700: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 41%);\n  --dh-color-celery-800: hsl(calc(var(--dh-color-celery-hue) - 1deg) 37% 48%);\n  --dh-color-celery-900: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 55%);\n  --dh-color-celery-1000: hsl(calc(var(--dh-color-celery-hue) - 1deg) 44% 63%);\n  --dh-color-celery-1100: hsl(calc(var(--dh-color-celery-hue) - 1deg) 48% 71%);\n  --dh-color-celery-1200: hsl(var(--dh-color-celery-hue) 50% 80%);\n  --dh-color-celery-1300: hsl(var(--dh-color-celery-hue) 48% 87%);\n  --dh-color-celery-1400: hsl(calc(var(--dh-color-celery-hue) + 1deg) 50% 93%);\n\n  /* Green */\n  --dh-color-green-hue: 94deg;\n  --dh-color-green-100: hsl(calc(var(--dh-color-green-hue) + 1deg) 17% 14%);\n  --dh-color-green-200: hsl(calc(var(--dh-color-green-hue) - 2deg) 19% 18%);\n  --dh-color-green-300: hsl(var(--dh-color-green-hue) 22% 23%);\n  --dh-color-green-400: hsl(var(--dh-color-green-hue) 23% 27%);\n  --dh-color-green-500: hsl(calc(var(--dh-color-green-hue) - 1deg) 26% 32%);\n  --dh-color-green-600: hsl(calc(var(--dh-color-green-hue) + 1deg) 28% 37%);\n  --dh-color-green-700: hsl(calc(var(--dh-color-green-hue) + 1deg) 30% 42%);\n  --dh-color-green-800: hsl(var(--dh-color-green-hue) 32% 48%);\n  --dh-color-green-900: hsl(var(--dh-color-green-hue) 38% 53%);\n  --dh-color-green-1000: hsl(var(--dh-color-green-hue) 47% 58%);\n  --dh-color-green-1100: hsl(var(--dh-color-green-hue) 59% 64%);\n  --dh-color-green-1200: hsl(var(--dh-color-green-hue) 71% 70%);\n  --dh-color-green-1300: hsl(var(--dh-color-green-hue) 81% 79%);\n  --dh-color-green-1400: hsl(calc(var(--dh-color-green-hue) - 1deg) 88% 87%);\n\n  /* Seafoam */\n  --dh-color-seafoam-hue: 159deg;\n  --dh-color-seafoam-100: hsl(calc(var(--dh-color-seafoam-hue) - 3deg) 14% 14%);\n  --dh-color-seafoam-200: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 17% 18%);\n  --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-hue) 20% 23%);\n  --dh-color-seafoam-400: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 23% 28%);\n  --dh-color-seafoam-500: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 26% 33%);\n  --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-hue) 29% 37%);\n  --dh-color-seafoam-700: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 33% 42%);\n  --dh-color-seafoam-800: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 36% 47%);\n  --dh-color-seafoam-900: hsl(calc(var(--dh-color-seafoam-hue) + 3deg) 42% 51%);\n  --dh-color-seafoam-1000: hsl(\n    calc(var(--dh-color-seafoam-hue) + 2deg) 53% 56%\n  );\n  --dh-color-seafoam-1100: hsl(\n    calc(var(--dh-color-seafoam-hue) + 3deg) 66% 62%\n  );\n  --dh-color-seafoam-1200: hsl(\n    calc(var(--dh-color-seafoam-hue) + 2deg) 76% 70%\n  );\n  --dh-color-seafoam-1300: hsl(\n    calc(var(--dh-color-seafoam-hue) - 1deg) 87% 80%\n  );\n  --dh-color-seafoam-1400: hsl(\n    calc(var(--dh-color-seafoam-hue) - 3deg) 89% 89%\n  );\n\n  /* Cyan */\n  --dh-color-cyan-hue: 186deg;\n  --dh-color-cyan-100: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 13%);\n  --dh-color-cyan-200: hsl(var(--dh-color-cyan-hue) 38% 16%);\n  --dh-color-cyan-300: hsl(var(--dh-color-cyan-hue) 39% 21%);\n  --dh-color-cyan-400: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 26%);\n  --dh-color-cyan-500: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 31%);\n  --dh-color-cyan-600: hsl(var(--dh-color-cyan-hue) 38% 37%);\n  --dh-color-cyan-700: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 42%);\n  --dh-color-cyan-800: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 37% 48%);\n  --dh-color-cyan-900: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 42% 54%);\n  --dh-color-cyan-1000: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 52% 60%);\n  --dh-color-cyan-1100: hsl(var(--dh-color-cyan-hue) 64% 67%);\n  --dh-color-cyan-1200: hsl(var(--dh-color-cyan-hue) 79% 74%);\n  --dh-color-cyan-1300: hsl(var(--dh-color-cyan-hue) 92% 81%);\n  --dh-color-cyan-1400: hsl(var(--dh-color-cyan-hue) 100% 90%);\n\n  /* Indigo */\n  --dh-color-indigo-hue: 235deg;\n  --dh-color-indigo-100: hsl(calc(var(--dh-color-indigo-hue) + 2deg) 58% 24%);\n  --dh-color-indigo-200: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 52% 30%);\n  --dh-color-indigo-300: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 47% 37%);\n  --dh-color-indigo-400: hsl(var(--dh-color-indigo-hue) 43% 44%);\n  --dh-color-indigo-500: hsl(var(--dh-color-indigo-hue) 40% 51%);\n  --dh-color-indigo-600: hsl(var(--dh-color-indigo-hue) 49% 58%);\n  --dh-color-indigo-700: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 60% 65%);\n  --dh-color-indigo-800: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 75% 72%);\n  --dh-color-indigo-900: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 91% 78%);\n  --dh-color-indigo-1000: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 83%);\n  --dh-color-indigo-1100: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 87%);\n  --dh-color-indigo-1200: hsl(var(--dh-color-indigo-hue) 100% 91%);\n  --dh-color-indigo-1300: hsl(calc(var(--dh-color-indigo-hue) - 3deg) 100% 94%);\n  --dh-color-indigo-1400: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 100% 97%);\n\n  /* Purple */\n  --dh-color-purple-hue: 254deg;\n  --dh-color-purple-100: hsl(calc(var(--dh-color-purple-hue) + 9deg) 73% 23%);\n  --dh-color-purple-200: hsl(calc(var(--dh-color-purple-hue) + 6deg) 59% 30%);\n  --dh-color-purple-300: hsl(calc(var(--dh-color-purple-hue) + 4deg) 50% 37%);\n  --dh-color-purple-400: hsl(calc(var(--dh-color-purple-hue) + 3deg) 43% 44%);\n  --dh-color-purple-500: hsl(calc(var(--dh-color-purple-hue) + 1deg) 38% 50%);\n  --dh-color-purple-600: hsl(var(--dh-color-purple-hue) 45% 57%);\n  --dh-color-purple-700: hsl(calc(var(--dh-color-purple-hue) - 1deg) 54% 64%);\n  --dh-color-purple-800: hsl(calc(var(--dh-color-purple-hue) - 3deg) 64% 71%);\n  --dh-color-purple-900: hsl(calc(var(--dh-color-purple-hue) - 4deg) 79% 78%);\n  --dh-color-purple-1000: hsl(calc(var(--dh-color-purple-hue) - 5deg) 91% 83%);\n  --dh-color-purple-1100: hsl(calc(var(--dh-color-purple-hue) - 5deg) 97% 88%);\n  --dh-color-purple-1200: hsl(calc(var(--dh-color-purple-hue) - 4deg) 100% 91%);\n  --dh-color-purple-1300: hsl(calc(var(--dh-color-purple-hue) - 3deg) 100% 95%);\n  --dh-color-purple-1400: hsl(calc(var(--dh-color-purple-hue) + 6deg) 88% 97%);\n\n  /* Fuchsia */\n  --dh-color-fuchsia-hue: 286deg;\n  --dh-color-fuchsia-100: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 15deg) 64% 16%\n  );\n  --dh-color-fuchsia-200: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 14deg) 53% 22%\n  );\n  --dh-color-fuchsia-300: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 11deg) 44% 29%\n  );\n  --dh-color-fuchsia-400: hsl(calc(var(--dh-color-fuchsia-hue) + 8deg) 39% 35%);\n  --dh-color-fuchsia-500: hsl(calc(var(--dh-color-fuchsia-hue) + 5deg) 35% 43%);\n  --dh-color-fuchsia-600: hsl(calc(var(--dh-color-fuchsia-hue) + 1deg) 33% 51%);\n  --dh-color-fuchsia-700: hsl(calc(var(--dh-color-fuchsia-hue) - 3deg) 40% 58%);\n  --dh-color-fuchsia-800: hsl(calc(var(--dh-color-fuchsia-hue) - 7deg) 50% 66%);\n  --dh-color-fuchsia-900: hsl(calc(var(--dh-color-fuchsia-hue) - 9deg) 61% 74%);\n  --dh-color-fuchsia-1000: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 11deg) 71% 80%\n  );\n  --dh-color-fuchsia-1100: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 11deg) 76% 85%\n  );\n  --dh-color-fuchsia-1200: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 9deg) 78% 89%\n  );\n  --dh-color-fuchsia-1300: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 6deg) 77% 93%\n  );\n  --dh-color-fuchsia-1400: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 2deg) 71% 96%\n  );\n\n  /* Magenta */\n  --dh-color-magenta-hue: 330deg;\n  --dh-color-magenta-100: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 91% 17%);\n  --dh-color-magenta-200: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 72% 23%);\n  --dh-color-magenta-300: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 60% 30%);\n  --dh-color-magenta-400: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 52% 36%);\n  --dh-color-magenta-500: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 46% 43%);\n  --dh-color-magenta-600: hsl(calc(var(--dh-color-magenta-hue) + 2deg) 42% 50%);\n  --dh-color-magenta-700: hsl(var(--dh-color-magenta-hue) 51% 58%);\n  --dh-color-magenta-800: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 61% 65%);\n  --dh-color-magenta-900: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 76% 72%);\n  --dh-color-magenta-1000: hsl(\n    calc(var(--dh-color-magenta-hue) - 2deg) 92% 79%\n  );\n  --dh-color-magenta-1100: hsl(\n    calc(var(--dh-color-magenta-hue) - 3deg) 100% 85%\n  );\n  --dh-color-magenta-1200: hsl(\n    calc(var(--dh-color-magenta-hue) - 3deg) 100% 89%\n  );\n  --dh-color-magenta-1300: hsl(\n    calc(var(--dh-color-magenta-hue) - 4deg) 100% 93%\n  );\n  --dh-color-magenta-1400: hsl(\n    calc(var(--dh-color-magenta-hue) - 2deg) 100% 96%\n  );\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic-editor.css

@@ -0,0 +1,62 @@
+:root {
+  /* Editor */
+  --dh-color-editor-background: var(--dh-color-content-background);
+  --dh-color-editor-foreground: var(--dh-color-gray-900);
+  --dh-color-editor-error-foreground: var(--dh-color-visual-red);
+  --dh-color-editor-line-number-foreground: var(--dh-color-gray-700);
+  --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);
+  --dh-color-editor-selection-background: var(--dh-color-text-highlight);
+  /* Code rules */
+  --dh-color-editor-string: var(--dh-color-visual-yellow);
+  --dh-color-editor-string-delim: var(--dh-color-gray-700);
+  --dh-color-editor-delimiter: var(--dh-color-gray-700);
+  --dh-color-editor-predefined: var(--dh-color-visual-green);
+  --dh-color-editor-keyword: var(--dh-color-visual-cyan);
+  --dh-color-editor-storage: var(--dh-color-visual-red);
+  --dh-color-editor-number: var(--dh-color-visual-purple);
+  --dh-color-editor-operator: var(--dh-color-visual-red);
+  --dh-color-editor-identifier: var(--dh-color-gray-900);
+  --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);
+  --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);
+  --dh-color-editor-comment: var(--dh-color-gray-700);
+  /* Input */
+  --dh-color-editor-focus-border: var(--dh-color-focus-border);
+  --dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);
+  --dh-color-editor-input-background: var(--dh-color-background);
+  --dh-color-editor-input-foreground: var(--dh-color-text);
+  --dh-color-editor-input-border: var(--dh-color-border);
+  /* Menus */
+  --dh-color-editor-context-menu-background: var(--dh-color-gray-300);
+  --dh-color-editor-context-menu-foreground: var(--dh-color-gray-900);
+  --dh-color-editor-menu-selection-background: var(--dh-color-highlight-hover);
+  /* Logging */
+  --dh-color-editor-log-date: var(--dh-color-gray-700);
+  --dh-color-editor-log-error: var(--dh-color-visual-red);
+  --dh-color-editor-log-info: var(--dh-color-visual-cyan);
+  --dh-color-editor-log-stdout: var(--dh-color-gray-900);
+  --dh-color-editor-log-warn: var(--dh-color-visual-yellow);
+  --dh-color-editor-log-debug: var(--dh-color-visual-purple);
+  --dh-color-editor-log-trace: var(--dh-color-visual-green);
+  /* Find */
+  --dh-color-editor-find-background: var(--dh-color-gray-200);
+  --dh-color-editor-find-match-background: var(--dh-color-highlight-selected);
+  --dh-color-editor-find-match-highlight-background: var(
+    --dh-color-highlight-selected-hover
+  );
+  --dh-color-editor-find-option-active-background: var(--dh-color-accent-700);
+  --dh-color-editor-find-option-active-foreground: var(--dh-color-gray-900);
+  /* Suggest */
+  --dh-color-editor-suggest-background: var(--dh-color-gray-200);
+  --dh-color-editor-suggest-border: var(--dh-color-gray-400);
+  --dh-color-editor-suggest-foreground: var(--dh-color-gray-100);
+  --dh-color-editor-suggest-selected-background: var(
+    --dh-color-highlight-selected
+  );
+  --dh-color-editor-suggest-highlight-foreground: var(--dh-color-accent-700);
+  --dh-color-editor-suggest-hover-background: var(--dh-color-highlight-hover);
+  /* Links */
+  --dh-color-editor-link-foreground: var(--dh-color-accent-1000);
+  --dh-color-editor-link-active-foreground: var(--dh-color-accent-1100);
+}
+
+/*# sourceMappingURL=theme-dark-semantic-editor.css.map */

package/dist/theme/theme-dark/theme-dark-semantic-editor.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-editor.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAEA;EACA;EACA","file":"theme-dark-semantic-editor.css","sourcesContent":[":root {\n  /* Editor */\n  --dh-color-editor-background: var(--dh-color-content-background);\n  --dh-color-editor-foreground: var(--dh-color-gray-900);\n  --dh-color-editor-error-foreground: var(--dh-color-visual-red);\n  --dh-color-editor-line-number-foreground: var(--dh-color-gray-700);\n  --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);\n  --dh-color-editor-selection-background: var(--dh-color-text-highlight);\n\n  /* Code rules */\n  --dh-color-editor-string: var(--dh-color-visual-yellow);\n  --dh-color-editor-string-delim: var(--dh-color-gray-700);\n  --dh-color-editor-delimiter: var(--dh-color-gray-700);\n  --dh-color-editor-predefined: var(--dh-color-visual-green);\n  --dh-color-editor-keyword: var(--dh-color-visual-cyan);\n  --dh-color-editor-storage: var(--dh-color-visual-red);\n  --dh-color-editor-number: var(--dh-color-visual-purple);\n  --dh-color-editor-operator: var(--dh-color-visual-red);\n  --dh-color-editor-identifier: var(--dh-color-gray-900);\n  --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);\n  --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);\n  --dh-color-editor-comment: var(--dh-color-gray-700);\n\n  /* Input */\n  --dh-color-editor-focus-border: var(--dh-color-focus-border);\n  --dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);\n  --dh-color-editor-input-background: var(--dh-color-background);\n  --dh-color-editor-input-foreground: var(--dh-color-text);\n  --dh-color-editor-input-border: var(--dh-color-border);\n\n  /* Menus */\n  --dh-color-editor-context-menu-background: var(--dh-color-gray-300);\n  --dh-color-editor-context-menu-foreground: var(--dh-color-gray-900);\n  --dh-color-editor-menu-selection-background: var(--dh-color-highlight-hover);\n\n  /* Logging */\n  --dh-color-editor-log-date: var(--dh-color-gray-700);\n  --dh-color-editor-log-error: var(--dh-color-visual-red);\n  --dh-color-editor-log-info: var(--dh-color-visual-cyan);\n  --dh-color-editor-log-stdout: var(--dh-color-gray-900);\n  --dh-color-editor-log-warn: var(--dh-color-visual-yellow);\n  --dh-color-editor-log-debug: var(--dh-color-visual-purple);\n  --dh-color-editor-log-trace: var(--dh-color-visual-green);\n\n  /* Find */\n  --dh-color-editor-find-background: var(--dh-color-gray-200);\n  --dh-color-editor-find-match-background: var(--dh-color-highlight-selected);\n  --dh-color-editor-find-match-highlight-background: var(\n    --dh-color-highlight-selected-hover\n  );\n  --dh-color-editor-find-option-active-background: var(--dh-color-accent-700);\n  --dh-color-editor-find-option-active-foreground: var(--dh-color-gray-900);\n\n  /* Suggest */\n  --dh-color-editor-suggest-background: var(--dh-color-gray-200);\n  --dh-color-editor-suggest-border: var(--dh-color-gray-400);\n  --dh-color-editor-suggest-foreground: var(--dh-color-gray-100);\n  --dh-color-editor-suggest-selected-background: var(\n    --dh-color-highlight-selected\n  );\n  --dh-color-editor-suggest-highlight-foreground: var(--dh-color-accent-700);\n  --dh-color-editor-suggest-hover-background: var(--dh-color-highlight-hover);\n\n  /* Links */\n  --dh-color-editor-link-foreground: var(--dh-color-accent-1000);\n  --dh-color-editor-link-active-foreground: var(--dh-color-accent-1100);\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic-grid.css

@@ -0,0 +1,5 @@
+:root {
+  --dh-color-grid-background: var(--dh-color-background);
+}
+
+/*# sourceMappingURL=theme-dark-semantic-grid.css.map */

package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA;EACE","file":"theme-dark-semantic-grid.css","sourcesContent":[":root {\n  --dh-color-grid-background: var(--dh-color-background);\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic.css

@@ -0,0 +1,69 @@
+/* stylelint-disable alpha-value-notation */
+:root {
+  /* General */
+  --dh-color-accent: var(--dh-color-blue-700);
+  --dh-color-border: var(--dh-color-gray-500);
+  --dh-color-background: var(--dh-color-black);
+  --dh-color-foreground: var(--dh-color-white);
+  --dh-color-content-background: var(--dh-color-gray-100);
+  /* Text */
+  --dh-color-text: var(--dh-color-gray-800);
+  --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);
+  /* Focus */
+  --dh-color-focus: var(--dh-color-blue-800);
+  --dh-color-focus-border: var(--dh-color-blue-800);
+  --dh-color-focus-ring: var(--dh-color-focus);
+  /* Highlight */
+  --dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);
+  --dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);
+  --dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);
+  --dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);
+  --dh-color-highlight-selected-hover: hsla(
+    var(--dh-color-blue-hue),
+    83%,
+    62%,
+    0.2
+  );
+  /* Visual Colors */
+  --dh-color-visual-blue: var(--dh-color-blue-700);
+  --dh-color-visual-celery: var(--dh-color-celery-1000);
+  --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);
+  --dh-color-visual-cyan: var(--dh-color-cyan-1100);
+  --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);
+  --dh-color-visual-gray: var(--dh-color-gray-600);
+  --dh-color-visual-green: var(--dh-color-green-1100);
+  --dh-color-visual-indigo: var(--dh-color-indigo-900);
+  --dh-color-visual-magenta: var(--dh-color-magenta-900);
+  --dh-color-visual-orange: var(--dh-color-orange-900);
+  --dh-color-visual-purple: var(--dh-color-purple-900);
+  --dh-color-visual-red: var(--dh-color-red-800);
+  --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);
+  --dh-color-visual-yellow: var(--dh-color-yellow-1200);
+  /** Accent Colors */
+  --dh-color-accent-100: var(--dh-color-blue-100);
+  --dh-color-accent-200: var(--dh-color-blue-200);
+  --dh-color-accent-300: var(--dh-color-blue-300);
+  --dh-color-accent-400: var(--dh-color-blue-400);
+  --dh-color-accent-500: var(--dh-color-blue-500);
+  --dh-color-accent-600: var(--dh-color-blue-600);
+  --dh-color-accent-700: var(--dh-color-blue-700);
+  --dh-color-accent-800: var(--dh-color-blue-800);
+  --dh-color-accent-900: var(--dh-color-blue-900);
+  --dh-color-accent-1000: var(--dh-color-blue-1000);
+  --dh-color-accent-1100: var(--dh-color-blue-1100);
+  --dh-color-accent-1200: var(--dh-color-blue-1200);
+  --dh-color-accent-1300: var(--dh-color-blue-1300);
+  --dh-color-accent-1400: var(--dh-color-blue-1400);
+  /* Accent Background */
+  --dh-color-accent-background-default: var(--dh-color-accent-600);
+  --dh-color-accent-background-hover: var(--dh-color-accent-500);
+  --dh-color-accent-background-down: var(--dh-color-accent-400);
+  --dh-color-accent-background-key-focus: var(--dh-color-accent-500);
+  /* Negative Background */
+  --dh-color-negative-background-default: var(--dh-color-red-600);
+  --dh-color-negative-background-hover: var(--dh-color-red-500);
+  --dh-color-negative-background-down: var(--dh-color-red-400);
+  --dh-color-negative-background-key-focus: var(--dh-color-red-500);
+}
+
+/*# sourceMappingURL=theme-dark-semantic.css.map */

package/dist/theme/theme-dark/theme-dark-semantic.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAAA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n:root {\n  /* General */\n  --dh-color-accent: var(--dh-color-blue-700);\n  --dh-color-border: var(--dh-color-gray-500);\n  --dh-color-background: var(--dh-color-black);\n  --dh-color-foreground: var(--dh-color-white);\n  --dh-color-content-background: var(--dh-color-gray-100);\n\n  /* Text */\n  --dh-color-text: var(--dh-color-gray-800);\n  --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);\n\n  /* Focus */\n  --dh-color-focus: var(--dh-color-blue-800);\n  --dh-color-focus-border: var(--dh-color-blue-800);\n  --dh-color-focus-ring: var(--dh-color-focus);\n\n  /* Highlight */\n  --dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);\n  --dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);\n  --dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);\n  --dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);\n  --dh-color-highlight-selected-hover: hsla(\n    var(--dh-color-blue-hue),\n    83%,\n    62%,\n    0.2\n  );\n\n  /* Visual Colors */\n  --dh-color-visual-blue: var(--dh-color-blue-700);\n  --dh-color-visual-celery: var(--dh-color-celery-1000);\n  --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);\n  --dh-color-visual-cyan: var(--dh-color-cyan-1100);\n  --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);\n  --dh-color-visual-gray: var(--dh-color-gray-600);\n  --dh-color-visual-green: var(--dh-color-green-1100);\n  --dh-color-visual-indigo: var(--dh-color-indigo-900);\n  --dh-color-visual-magenta: var(--dh-color-magenta-900);\n  --dh-color-visual-orange: var(--dh-color-orange-900);\n  --dh-color-visual-purple: var(--dh-color-purple-900);\n  --dh-color-visual-red: var(--dh-color-red-800);\n  --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);\n  --dh-color-visual-yellow: var(--dh-color-yellow-1200);\n\n  /** Accent Colors */\n  --dh-color-accent-100: var(--dh-color-blue-100);\n  --dh-color-accent-200: var(--dh-color-blue-200);\n  --dh-color-accent-300: var(--dh-color-blue-300);\n  --dh-color-accent-400: var(--dh-color-blue-400);\n  --dh-color-accent-500: var(--dh-color-blue-500);\n  --dh-color-accent-600: var(--dh-color-blue-600);\n  --dh-color-accent-700: var(--dh-color-blue-700);\n  --dh-color-accent-800: var(--dh-color-blue-800);\n  --dh-color-accent-900: var(--dh-color-blue-900);\n  --dh-color-accent-1000: var(--dh-color-blue-1000);\n  --dh-color-accent-1100: var(--dh-color-blue-1100);\n  --dh-color-accent-1200: var(--dh-color-blue-1200);\n  --dh-color-accent-1300: var(--dh-color-blue-1300);\n  --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n  /* Accent Background */\n  --dh-color-accent-background-default: var(--dh-color-accent-600);\n  --dh-color-accent-background-hover: var(--dh-color-accent-500);\n  --dh-color-accent-background-down: var(--dh-color-accent-400);\n  --dh-color-accent-background-key-focus: var(--dh-color-accent-500);\n\n  /* Negative Background */\n  --dh-color-negative-background-default: var(--dh-color-red-600);\n  --dh-color-negative-background-hover: var(--dh-color-red-500);\n  --dh-color-negative-background-down: var(--dh-color-red-400);\n  --dh-color-negative-background-key-focus: var(--dh-color-red-500);\n}\n"]}

package/dist/theme/theme-light/index.d.ts

@@ -0,0 +1,3 @@
+export declare const themeLight: string;
+export default themeLight;
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/theme-light/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-light/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAAoB,CAAC;AAE5C,eAAe,UAAU,CAAC"}

package/dist/theme/theme-light/index.js

@@ -0,0 +1,4 @@
+import themeLightPalette from "./theme-light-palette.css?inline";
+export var themeLight = themeLightPalette;
+export default themeLight;
+//# sourceMappingURL=index.js.map

package/dist/theme/theme-light/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["themeLightPalette","themeLight"],"sources":["../../../src/theme/theme-light/index.ts"],"sourcesContent":["import themeLightPalette from './theme-light-palette.css?inline';\n\nexport const themeLight = themeLightPalette;\n\nexport default themeLight;\n"],"mappings":"OAAOA,iBAAiB;AAExB,OAAO,IAAMC,UAAU,GAAGD,iBAAiB;AAE3C,eAAeC,UAAU"}

package/dist/theme/theme-light/theme-light-palette.css

@@ -0,0 +1,53 @@
+:root {
+  /* Grays */
+  --dh-color-gray-900: #000;
+  --dh-color-gray-800: #222;
+  --dh-color-gray-700: #464646;
+  --dh-color-gray-600: #6d6d6d;
+  --dh-color-gray-500: #909090;
+  --dh-color-gray-400: #b1b1b1;
+  --dh-color-gray-300: #d5d5d5;
+  --dh-color-gray-200: #e6e6e6;
+  --dh-color-gray-100: #f8f8f8;
+  --dh-color-gray-75: #fdfdfd;
+  --dh-color-gray-50: #fff;
+  /* Blues */
+  --dh-color-blue-100: #112451;
+  --dh-color-blue-200: #16306c;
+  --dh-color-blue-300: #1d3d88;
+  --dh-color-blue-400: #254ba4;
+  --dh-color-blue-500: #2f5bc0;
+  --dh-color-blue-600: #3b6bda;
+  --dh-color-blue-700: #4c7dee;
+  --dh-color-blue-800: #6390fa;
+  --dh-color-blue-900: #7ca4ff;
+  --dh-color-blue-1000: #97b7ff;
+  --dh-color-blue-1100: #afc9ff;
+  --dh-color-blue-1200: #c7d9ff;
+  --dh-color-blue-1300: #dbe6ff;
+  --dh-color-blue-1400: #ecf1ff;
+  /* Seafoam */
+  --dh-color-seafoam-100: #1f2925;
+  --dh-color-seafoam-200: #263630;
+  --dh-color-seafoam-300: #2f463e;
+  --dh-color-seafoam-400: #37574b;
+  --dh-color-seafoam-500: #3e6959;
+  --dh-color-seafoam-600: #447b68;
+  --dh-color-seafoam-700: #488f78;
+  --dh-color-seafoam-800: #4ca387;
+  --dh-color-seafoam-900: #4fb797;
+  --dh-color-seafoam-1000: #54cba6;
+  --dh-color-seafoam-1100: #5edeb7;
+  --dh-color-seafoam-1200: #78edc7;
+  --dh-color-seafoam-1300: #9ef8d7;
+  --dh-color-seafoam-1400: #cbfce8;
+  /* Semantic */
+  --dh-color-black: var(--dh-color-gray-50);
+  --dh-color-white: var(--dh-color-gray-75);
+  --dh-color-accent: var(--dh-color-blue-700);
+  --dh-color-background: var(--dh-color-white);
+  --dh-color-foreground: var(--dh-color-black);
+  --dh-color-grid-background: var(--dh-color-background);
+}
+
+/*# sourceMappingURL=theme-light-palette.css.map */

package/dist/theme/theme-light/theme-light-palette.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA","file":"theme-light-palette.css","sourcesContent":[":root {\n  /* Grays */\n  --dh-color-gray-900: #000;\n  --dh-color-gray-800: #222;\n  --dh-color-gray-700: #464646;\n  --dh-color-gray-600: #6d6d6d;\n  --dh-color-gray-500: #909090;\n  --dh-color-gray-400: #b1b1b1;\n  --dh-color-gray-300: #d5d5d5;\n  --dh-color-gray-200: #e6e6e6;\n  --dh-color-gray-100: #f8f8f8;\n  --dh-color-gray-75: #fdfdfd;\n  --dh-color-gray-50: #fff;\n\n  /* Blues */\n  --dh-color-blue-100: #112451;\n  --dh-color-blue-200: #16306c;\n  --dh-color-blue-300: #1d3d88;\n  --dh-color-blue-400: #254ba4;\n  --dh-color-blue-500: #2f5bc0;\n  --dh-color-blue-600: #3b6bda;\n  --dh-color-blue-700: #4c7dee;\n  --dh-color-blue-800: #6390fa;\n  --dh-color-blue-900: #7ca4ff;\n  --dh-color-blue-1000: #97b7ff;\n  --dh-color-blue-1100: #afc9ff;\n  --dh-color-blue-1200: #c7d9ff;\n  --dh-color-blue-1300: #dbe6ff;\n  --dh-color-blue-1400: #ecf1ff;\n\n  /* Seafoam */\n  --dh-color-seafoam-100: #1f2925;\n  --dh-color-seafoam-200: #263630;\n  --dh-color-seafoam-300: #2f463e;\n  --dh-color-seafoam-400: #37574b;\n  --dh-color-seafoam-500: #3e6959;\n  --dh-color-seafoam-600: #447b68;\n  --dh-color-seafoam-700: #488f78;\n  --dh-color-seafoam-800: #4ca387;\n  --dh-color-seafoam-900: #4fb797;\n  --dh-color-seafoam-1000: #54cba6;\n  --dh-color-seafoam-1100: #5edeb7;\n  --dh-color-seafoam-1200: #78edc7;\n  --dh-color-seafoam-1300: #9ef8d7;\n  --dh-color-seafoam-1400: #cbfce8;\n\n  /* Semantic */\n  --dh-color-black: var(--dh-color-gray-50);\n  --dh-color-white: var(--dh-color-gray-75);\n  --dh-color-accent: var(--dh-color-blue-700);\n  --dh-color-background: var(--dh-color-white);\n  --dh-color-foreground: var(--dh-color-black);\n  --dh-color-grid-background: var(--dh-color-background);\n}\n"]}

package/dist/theme/useTheme.d.ts

@@ -0,0 +1,7 @@
+import { ThemeContextValue } from './ThemeProvider';
+/**
+ * Hook to get the current `ThemeContextValue`.
+ */
+export declare function useTheme(): ThemeContextValue;
+export default useTheme;
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/theme/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAElE;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAK5C;AAED,eAAe,QAAQ,CAAC"}

package/dist/theme/useTheme.js

@@ -0,0 +1,10 @@
+import { useContextOrThrow } from '@deephaven/react-hooks';
+import { ThemeContext } from "./ThemeProvider.js";
+/**
+ * Hook to get the current `ThemeContextValue`.
+ */
+export function useTheme() {
+  return useContextOrThrow(ThemeContext, 'No ThemeContext value found. Component must be wrapped in a ThemeContext.Provider');
+}
+export default useTheme;
+//# sourceMappingURL=useTheme.js.map

package/dist/theme/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","names":["useContextOrThrow","ThemeContext","useTheme"],"sources":["../../src/theme/useTheme.ts"],"sourcesContent":["import { useContextOrThrow } from '@deephaven/react-hooks';\nimport { ThemeContext, ThemeContextValue } from './ThemeProvider';\n\n/**\n * Hook to get the current `ThemeContextValue`.\n */\nexport function useTheme(): ThemeContextValue {\n  return useContextOrThrow(\n    ThemeContext,\n    'No ThemeContext value found. Component must be wrapped in a ThemeContext.Provider'\n  );\n}\n\nexport default useTheme;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,wBAAwB;AAAC,SAClDC,YAAY;AAErB;AACA;AACA;AACA,OAAO,SAASC,QAAQ,GAAsB;EAC5C,OAAOF,iBAAiB,CACtBC,YAAY,EACZ,mFAAmF,CACpF;AACH;AAEA,eAAeC,QAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.49.2-beta.5+ee7d1c10",
+  "version": "0.49.2-beta.8+4eda17c8",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -24,10 +24,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "^3.29.0",
-    "@deephaven/icons": "^0.49.2-beta.5+ee7d1c10",
-    "@deephaven/log": "^0.49.2-beta.5+ee7d1c10",
-    "@deephaven/react-hooks": "^0.49.2-beta.5+ee7d1c10",
-    "@deephaven/utils": "^0.49.2-beta.5+ee7d1c10",
+    "@deephaven/icons": "^0.49.2-beta.8+4eda17c8",
+    "@deephaven/log": "^0.49.2-beta.8+4eda17c8",
+    "@deephaven/react-hooks": "^0.49.2-beta.8+4eda17c8",
+    "@deephaven/utils": "^0.49.2-beta.8+4eda17c8",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
@@ -51,7 +51,7 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.49.2-beta.5+ee7d1c10"
+    "@deephaven/mocks": "^0.49.2-beta.8+4eda17c8"
   },
   "files": [
     "dist",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee7d1c108e86973b4c6855e482dce21d665dfe28"
+  "gitHead": "4eda17c82f6c177a11ba600d6f43c4f36915f6bd"
 }

package/scss/BaseStyleSheet.scss

@@ -20,7 +20,7 @@ html {
 
 body {
   min-height: 100%;
-  background-color: $background;
+  background-color: var(--dh-color-background, $background);
   color: $foreground;
   margin: 0;
   padding: 0;
@@ -30,7 +30,7 @@ body {
 }
 
 #root {
-  background-color: $background;
+  background-color: var(--dh-color-background, $background);
 
   .app {
     height: 100vh;