@deephaven/components 0.50.1-beta.0 → 0.50.1-beta.3

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 (15) hide show
  1. package/dist/theme/index.d.ts +2 -0
  2. package/dist/theme/index.d.ts.map +1 -1
  3. package/dist/theme/index.js +2 -0
  4. package/dist/theme/index.js.map +1 -1
  5. package/dist/theme/theme-dark/theme-dark-palette.css +1 -1
  6. package/dist/theme/theme-dark/theme-dark-palette.css.map +1 -1
  7. package/dist/theme/theme-dark/theme-dark-semantic-editor.css +29 -31
  8. package/dist/theme/theme-dark/theme-dark-semantic-editor.css.map +1 -1
  9. package/dist/theme/theme-dark/theme-dark-semantic-grid.css +80 -1
  10. package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map +1 -1
  11. package/dist/theme/theme-dark/theme-dark-semantic.css +31 -25
  12. package/dist/theme/theme-dark/theme-dark-semantic.css.map +1 -1
  13. package/dist/theme/theme-light/theme-light-palette.css +1 -1
  14. package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
  15. package/package.json +7 -7
package/dist/theme/index.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ export * from './theme-dark';
2
+ export * from './theme-light';
1
3
  export * from './ThemeModel';
2
4
  export * from './ThemeProvider';
3
5
  export * from './ThemeUtils';
package/dist/theme/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
package/dist/theme/index.js CHANGED
@@ -1,3 +1,5 @@
1
+ export * from "./theme-dark/index.js";
2
+ export * from "./theme-light/index.js";
1
3
  export * from "./ThemeModel.js";
2
4
  export * from "./ThemeProvider.js";
3
5
  export * from "./ThemeUtils.js";
package/dist/theme/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './ThemeModel';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\n"],"mappings":""}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\n"],"mappings":""}
package/dist/theme/theme-dark/theme-dark-palette.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --dh-color-gray-hue: 0deg;
4
4
  --dh-color-gray-50: hsl(var(--dh-color-gray-hue) 6% 10%);
5
5
  --dh-color-gray-75: hsl(var(--dh-color-gray-hue) 5% 13%);
6
- --dh-color-gray-100: hsl(var(--dh-color-gray-hue), 5%, 17%);
6
+ --dh-color-gray-100: hsl(var(--dh-color-gray-hue) 5% 17%);
7
7
  --dh-color-gray-200: hsl(var(--dh-color-gray-hue) 4% 19%);
8
8
  --dh-color-gray-300: hsl(var(--dh-color-gray-hue) 4% 21%);
9
9
  --dh-color-gray-400: hsl(var(--dh-color-gray-hue) 2% 25%);
package/dist/theme/theme-dark/theme-dark-palette.css.map CHANGED
@@ -1 +1 @@
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"]}
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 CHANGED
@@ -1,34 +1,34 @@
1
1
  :root {
2
2
  /* Editor */
3
- --dh-color-editor-background: var(--dh-color-content-background);
4
- --dh-color-editor-foreground: var(--dh-color-gray-900);
5
- --dh-color-editor-error-foreground: var(--dh-color-visual-red);
6
- --dh-color-editor-line-number-foreground: var(--dh-color-gray-700);
3
+ --dh-color-editor-bg: var(--dh-color-content-background);
4
+ --dh-color-editor-fg: var(--dh-color-gray-900);
5
+ --dh-color-editor-error-fg: var(--dh-color-visual-red);
6
+ --dh-color-editor-line-number-fg: var(--dh-color-gray-700);
7
7
  --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);
8
- --dh-color-editor-selection-background: var(--dh-color-text-highlight);
8
+ --dh-color-editor-selection-bg: var(--dh-color-text-highlight);
9
9
  /* Code rules */
10
- --dh-color-editor-string: var(--dh-color-visual-yellow);
11
- --dh-color-editor-string-delim: var(--dh-color-gray-700);
10
+ --dh-color-editor-comment: var(--dh-color-gray-700);
12
11
  --dh-color-editor-delimiter: var(--dh-color-gray-700);
13
- --dh-color-editor-predefined: var(--dh-color-visual-green);
12
+ --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);
13
+ --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);
14
+ --dh-color-editor-identifier: var(--dh-color-gray-900);
14
15
  --dh-color-editor-keyword: var(--dh-color-visual-cyan);
15
- --dh-color-editor-storage: var(--dh-color-visual-red);
16
16
  --dh-color-editor-number: var(--dh-color-visual-purple);
17
17
  --dh-color-editor-operator: var(--dh-color-visual-red);
18
- --dh-color-editor-identifier: var(--dh-color-gray-900);
19
- --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);
20
- --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);
21
- --dh-color-editor-comment: var(--dh-color-gray-700);
18
+ --dh-color-editor-predefined: var(--dh-color-visual-green);
19
+ --dh-color-editor-storage: var(--dh-color-visual-red);
20
+ --dh-color-editor-string-delim: var(--dh-color-gray-700);
21
+ --dh-color-editor-string: var(--dh-color-visual-yellow);
22
22
  /* Input */
23
23
  --dh-color-editor-focus-border: var(--dh-color-focus-border);
24
24
  --dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);
25
- --dh-color-editor-input-background: var(--dh-color-background);
26
- --dh-color-editor-input-foreground: var(--dh-color-text);
25
+ --dh-color-editor-input-bg: var(--dh-color-background);
26
+ --dh-color-editor-input-fg: var(--dh-color-text);
27
27
  --dh-color-editor-input-border: var(--dh-color-border);
28
28
  /* Menus */
29
- --dh-color-editor-context-menu-background: var(--dh-color-gray-300);
30
- --dh-color-editor-context-menu-foreground: var(--dh-color-gray-900);
31
- --dh-color-editor-menu-selection-background: var(--dh-color-highlight-hover);
29
+ --dh-color-editor-context-menu-bg: var(--dh-color-gray-300);
30
+ --dh-color-editor-context-menu-fg: var(--dh-color-gray-900);
31
+ --dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);
32
32
  /* Logging */
33
33
  --dh-color-editor-log-date: var(--dh-color-gray-700);
34
34
  --dh-color-editor-log-error: var(--dh-color-visual-red);
@@ -38,25 +38,23 @@
38
38
  --dh-color-editor-log-debug: var(--dh-color-visual-purple);
39
39
  --dh-color-editor-log-trace: var(--dh-color-visual-green);
40
40
  /* Find */
41
- --dh-color-editor-find-background: var(--dh-color-gray-200);
42
- --dh-color-editor-find-match-background: var(--dh-color-highlight-selected);
43
- --dh-color-editor-find-match-highlight-background: var(
41
+ --dh-color-editor-find-bg: var(--dh-color-gray-200);
42
+ --dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);
43
+ --dh-color-editor-find-match-highlight-bg: var(
44
44
  --dh-color-highlight-selected-hover
45
45
  );
46
- --dh-color-editor-find-option-active-background: var(--dh-color-accent-700);
47
- --dh-color-editor-find-option-active-foreground: var(--dh-color-gray-900);
46
+ --dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);
47
+ --dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);
48
48
  /* Suggest */
49
- --dh-color-editor-suggest-background: var(--dh-color-gray-200);
49
+ --dh-color-editor-suggest-bg: var(--dh-color-gray-200);
50
50
  --dh-color-editor-suggest-border: var(--dh-color-gray-400);
51
- --dh-color-editor-suggest-foreground: var(--dh-color-gray-100);
52
- --dh-color-editor-suggest-selected-background: var(
53
- --dh-color-highlight-selected
54
- );
55
- --dh-color-editor-suggest-highlight-foreground: var(--dh-color-accent-700);
56
- --dh-color-editor-suggest-hover-background: var(--dh-color-highlight-hover);
51
+ --dh-color-editor-suggest-fg: var(--dh-color-gray-100);
52
+ --dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);
53
+ --dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);
54
+ --dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);
57
55
  /* Links */
58
56
  --dh-color-editor-link-foreground: var(--dh-color-accent-1000);
59
- --dh-color-editor-link-active-foreground: var(--dh-color-accent-1100);
57
+ --dh-color-editor-link-active-fg: var(--dh-color-accent-1100);
60
58
  }
61
59
 
62
60
  /*# sourceMappingURL=theme-dark-semantic-editor.css.map */
package/dist/theme/theme-dark/theme-dark-semantic-editor.css.map CHANGED
@@ -1 +1 @@
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"]}
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;EACA;EACA;AAEA;EACA;EACA","file":"theme-dark-semantic-editor.css","sourcesContent":[":root {\n /* Editor */\n --dh-color-editor-bg: var(--dh-color-content-background);\n --dh-color-editor-fg: var(--dh-color-gray-900);\n --dh-color-editor-error-fg: var(--dh-color-visual-red);\n --dh-color-editor-line-number-fg: var(--dh-color-gray-700);\n --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);\n --dh-color-editor-selection-bg: var(--dh-color-text-highlight);\n\n /* Code rules */\n --dh-color-editor-comment: var(--dh-color-gray-700);\n --dh-color-editor-delimiter: var(--dh-color-gray-700);\n --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);\n --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);\n --dh-color-editor-identifier: var(--dh-color-gray-900);\n --dh-color-editor-keyword: var(--dh-color-visual-cyan);\n --dh-color-editor-number: var(--dh-color-visual-purple);\n --dh-color-editor-operator: var(--dh-color-visual-red);\n --dh-color-editor-predefined: var(--dh-color-visual-green);\n --dh-color-editor-storage: var(--dh-color-visual-red);\n --dh-color-editor-string-delim: var(--dh-color-gray-700);\n --dh-color-editor-string: var(--dh-color-visual-yellow);\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-bg: var(--dh-color-background);\n --dh-color-editor-input-fg: var(--dh-color-text);\n --dh-color-editor-input-border: var(--dh-color-border);\n\n /* Menus */\n --dh-color-editor-context-menu-bg: var(--dh-color-gray-300);\n --dh-color-editor-context-menu-fg: var(--dh-color-gray-900);\n --dh-color-editor-menu-selection-bg: 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-bg: var(--dh-color-gray-200);\n --dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);\n --dh-color-editor-find-match-highlight-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);\n --dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);\n\n /* Suggest */\n --dh-color-editor-suggest-bg: var(--dh-color-gray-200);\n --dh-color-editor-suggest-border: var(--dh-color-gray-400);\n --dh-color-editor-suggest-fg: var(--dh-color-gray-100);\n --dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);\n --dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);\n --dh-color-editor-suggest-hover-bg: 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-fg: var(--dh-color-accent-1100);\n}\n"]}
package/dist/theme/theme-dark/theme-dark-semantic-grid.css CHANGED
@@ -1,5 +1,84 @@
1
1
  :root {
2
- --dh-color-grid-background: var(--dh-color-background);
2
+ /* Grid */
3
+ --dh-color-grid-bg: var(--dh-color-background);
4
+ /* Header */
5
+ --dh-color-grid-header-bg: var(--dh-color-gray-100);
6
+ --dh-color-grid-header-text: var(--dh-color-heading-text);
7
+ --dh-color-grid-header-separator: var(--dh-color-gray-50);
8
+ --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);
9
+ --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);
10
+ --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);
11
+ --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);
12
+ --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);
13
+ /* Row */
14
+ --dh-color-grid-row-0-bg: var(--dh-color-gray-200);
15
+ --dh-color-grid-row-1-bg: var(--dh-color-gray-100);
16
+ --dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);
17
+ --dh-color-grid-row-hover-bg-selected: var(
18
+ --dh-color-highlight-selected-hover
19
+ );
20
+ /* Selection */
21
+ --dh-color-grid-selection: var(--dh-color-highlight-selected);
22
+ --dh-color-grid-selection-outline: var(--dh-color-accent-900);
23
+ --dh-color-grid-selection-outline-casing: var(--dh-gray-50);
24
+ /** Sroll Bar */
25
+ --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);
26
+ --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);
27
+ --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);
28
+ --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);
29
+ --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);
30
+ --dh-color-grid-scroll-bar: var(--dh-color-gray-500);
31
+ --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);
32
+ --dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);
33
+ /* Text */
34
+ --dh-color-grid-text: var(--dh-color-text);
35
+ --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);
36
+ --dh-color-grid-text-pending: var(--dh-color-yellow-1300);
37
+ --dh-color-grid-text-error: var(--dh-color-visual-negative);
38
+ /* Data Types */
39
+ --dh-color-grid-date: var(--dh-color-visual-notice);
40
+ --dh-color-grid-number-positive: var(--dh-color-visual-positive);
41
+ --dh-color-grid-number-negative: var(--dh-color-visual-negative);
42
+ --dh-color-grid-number-zero: var(--dh-color-visual-notice);
43
+ --dh-color-grid-string-null: var(--dh-color-gray-600);
44
+ /* Filter Bar */
45
+ --dh-color-grid-filter-bar-active-bg: var(--dh-color-accent-300);
46
+ --dh-color-grid-filter-bar-active: var(--dh-color-accent-600);
47
+ --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);
48
+ --dh-color-grid-filter-bar-expanded-active-bg: var(--dh-color-accent-100);
49
+ --dh-color-grid-filter-bar-expanded-active-cell-bg: var(
50
+ --dh-color-accent-200
51
+ );
52
+ --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);
53
+ --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);
54
+ --dh-color-grid-filter-icon: var(--dh-color-accent-600);
55
+ /* Context Menu */
56
+ --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);
57
+ --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);
58
+ /* Column */
59
+ --dh-color-grid-column-linker-hover-bg: var(
60
+ --dh-color-highlight-selected-hover
61
+ );
62
+ --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);
63
+ /* Tree */
64
+ --dh-color-grid-tree-line: var(--dh-color-gray-500);
65
+ --dh-color-grid-tree-marker: var(--dh-color-gray-700);
66
+ --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);
67
+ /* Floating */
68
+ --dh-color-grid-floating-row: var(--dh-color-gray-300);
69
+ --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);
70
+ --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);
71
+ --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);
72
+ /* Overflow Button */
73
+ --dh-color-grid-overflow-button: var(--dh-color-gray-700);
74
+ --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);
75
+ /* Data Bars */
76
+ --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);
77
+ --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);
78
+ --dh-color-grid-data-bar-marker: var(--dh-color-white);
79
+ --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);
80
+ /* Scrim */
81
+ --dh-color-grid-scrim: var(--dh-color-gray-50);
3
82
  }
4
83
 
5
84
  /*# sourceMappingURL=theme-dark-semantic-grid.css.map */
package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map CHANGED
@@ -1 +1 @@
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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA;AACE;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAIA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;AAAA;AAAA;EAGA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA","file":"theme-dark-semantic-grid.css","sourcesContent":[":root {\n /* Grid */\n --dh-color-grid-bg: var(--dh-color-background);\n\n /* Header */\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-50);\n --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);\n --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);\n --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);\n --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);\n --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);\n\n /* Row */\n --dh-color-grid-row-0-bg: var(--dh-color-gray-200);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n\n /* Selection */\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-gray-50);\n\n /** Sroll Bar */\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-500);\n --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);\n --dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);\n\n /* Text */\n --dh-color-grid-text: var(--dh-color-text);\n --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);\n --dh-color-grid-text-pending: var(--dh-color-yellow-1300);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n /* Data Types */\n --dh-color-grid-date: var(--dh-color-visual-notice);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-notice);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n /* Filter Bar */\n --dh-color-grid-filter-bar-active-bg: var(--dh-color-accent-300);\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-600);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);\n --dh-color-grid-filter-bar-expanded-active-bg: var(--dh-color-accent-100);\n --dh-color-grid-filter-bar-expanded-active-cell-bg: var(\n --dh-color-accent-200\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n /* Context Menu */\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n /* Column */\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n /* Tree */\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n /* Floating */\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n /* Overflow Button */\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n /* Data Bars */\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n /* Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-50);\n}\n"]}
package/dist/theme/theme-dark/theme-dark-semantic.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable custom-property-empty-line-before */
1
2
  /* stylelint-disable alpha-value-notation */
2
3
  :root {
3
4
  /* General */
@@ -7,8 +8,30 @@
7
8
  --dh-color-foreground: var(--dh-color-white);
8
9
  --dh-color-content-background: var(--dh-color-gray-100);
9
10
  /* Text */
11
+ --dh-color-heading-text: var(--dh-color-gray-900);
10
12
  --dh-color-text: var(--dh-color-gray-800);
13
+ --dh-color-text-disabled: var(--dh-color-gray-400);
11
14
  --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);
15
+ /** Accent Colors */
16
+ --dh-color-accent-100: var(--dh-color-blue-100);
17
+ --dh-color-accent-200: var(--dh-color-blue-200);
18
+ --dh-color-accent-300: var(--dh-color-blue-300);
19
+ --dh-color-accent-400: var(--dh-color-blue-400);
20
+ --dh-color-accent-500: var(--dh-color-blue-500);
21
+ --dh-color-accent-600: var(--dh-color-blue-600);
22
+ --dh-color-accent-700: var(--dh-color-blue-700);
23
+ --dh-color-accent-800: var(--dh-color-blue-800);
24
+ --dh-color-accent-900: var(--dh-color-blue-900);
25
+ --dh-color-accent-1000: var(--dh-color-blue-1000);
26
+ --dh-color-accent-1100: var(--dh-color-blue-1100);
27
+ --dh-color-accent-1200: var(--dh-color-blue-1200);
28
+ --dh-color-accent-1300: var(--dh-color-blue-1300);
29
+ --dh-color-accent-1400: var(--dh-color-blue-1400);
30
+ /* Accent Background */
31
+ --dh-color-accent-background-default: var(--dh-color-accent-600);
32
+ --dh-color-accent-background-hover: var(--dh-color-accent-500);
33
+ --dh-color-accent-background-down: var(--dh-color-accent-400);
34
+ --dh-color-accent-background-key-focus: var(--dh-color-accent-500);
12
35
  /* Focus */
13
36
  --dh-color-focus: var(--dh-color-blue-800);
14
37
  --dh-color-focus-border: var(--dh-color-blue-800);
@@ -24,6 +47,11 @@
24
47
  62%,
25
48
  0.2
26
49
  );
50
+ /* Negative Background */
51
+ --dh-color-negative-background-default: var(--dh-color-red-600);
52
+ --dh-color-negative-background-hover: var(--dh-color-red-500);
53
+ --dh-color-negative-background-down: var(--dh-color-red-400);
54
+ --dh-color-negative-background-key-focus: var(--dh-color-red-500);
27
55
  /* Visual Colors */
28
56
  --dh-color-visual-blue: var(--dh-color-blue-700);
29
57
  --dh-color-visual-celery: var(--dh-color-celery-1000);
@@ -39,31 +67,9 @@
39
67
  --dh-color-visual-red: var(--dh-color-red-800);
40
68
  --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);
41
69
  --dh-color-visual-yellow: var(--dh-color-yellow-1200);
42
- /** Accent Colors */
43
- --dh-color-accent-100: var(--dh-color-blue-100);
44
- --dh-color-accent-200: var(--dh-color-blue-200);
45
- --dh-color-accent-300: var(--dh-color-blue-300);
46
- --dh-color-accent-400: var(--dh-color-blue-400);
47
- --dh-color-accent-500: var(--dh-color-blue-500);
48
- --dh-color-accent-600: var(--dh-color-blue-600);
49
- --dh-color-accent-700: var(--dh-color-blue-700);
50
- --dh-color-accent-800: var(--dh-color-blue-800);
51
- --dh-color-accent-900: var(--dh-color-blue-900);
52
- --dh-color-accent-1000: var(--dh-color-blue-1000);
53
- --dh-color-accent-1100: var(--dh-color-blue-1100);
54
- --dh-color-accent-1200: var(--dh-color-blue-1200);
55
- --dh-color-accent-1300: var(--dh-color-blue-1300);
56
- --dh-color-accent-1400: var(--dh-color-blue-1400);
57
- /* Accent Background */
58
- --dh-color-accent-background-default: var(--dh-color-accent-600);
59
- --dh-color-accent-background-hover: var(--dh-color-accent-500);
60
- --dh-color-accent-background-down: var(--dh-color-accent-400);
61
- --dh-color-accent-background-key-focus: var(--dh-color-accent-500);
62
- /* Negative Background */
63
- --dh-color-negative-background-default: var(--dh-color-red-600);
64
- --dh-color-negative-background-hover: var(--dh-color-red-500);
65
- --dh-color-negative-background-down: var(--dh-color-red-400);
66
- --dh-color-negative-background-key-focus: var(--dh-color-red-500);
70
+ --dh-color-visual-positive: var(--dh-color-green-1100);
71
+ --dh-color-visual-negative: var(--dh-color-red-800);
72
+ --dh-color-visual-notice: var(--dh-color-yellow-1200);
67
73
  }
68
74
 
69
75
  /*# sourceMappingURL=theme-dark-semantic.css.map */
package/dist/theme/theme-dark/theme-dark-semantic.css.map CHANGED
@@ -1 +1 @@
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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;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;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* 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-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-400);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);\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 /* 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 /* 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 /* 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 --dh-color-visual-positive: var(--dh-color-green-1100);\n --dh-color-visual-negative: var(--dh-color-red-800);\n --dh-color-visual-notice: var(--dh-color-yellow-1200);\n}\n"]}
package/dist/theme/theme-light/theme-light-palette.css CHANGED
@@ -47,7 +47,7 @@
47
47
  --dh-color-accent: var(--dh-color-blue-700);
48
48
  --dh-color-background: var(--dh-color-white);
49
49
  --dh-color-foreground: var(--dh-color-black);
50
- --dh-color-grid-background: var(--dh-color-background);
50
+ --dh-color-grid-bg: var(--dh-color-background);
51
51
  }
52
52
 
53
53
  /*# sourceMappingURL=theme-light-palette.css.map */
package/dist/theme/theme-light/theme-light-palette.css.map CHANGED
@@ -1 +1 @@
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"]}
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-bg: var(--dh-color-background);\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deephaven/components",
3
- "version": "0.50.1-beta.0+cf1b3687",
3
+ "version": "0.50.1-beta.3+94cc82c3",
4
4
  "description": "Deephaven React component library",
5
5
  "author": "Deephaven Data Labs LLC",
6
6
  "license": "Apache-2.0",
@@ -24,10 +24,10 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@adobe/react-spectrum": "^3.29.0",
27
- "@deephaven/icons": "^0.50.1-beta.0+cf1b3687",
28
- "@deephaven/log": "^0.50.1-beta.0+cf1b3687",
29
- "@deephaven/react-hooks": "^0.50.1-beta.0+cf1b3687",
30
- "@deephaven/utils": "^0.50.1-beta.0+cf1b3687",
27
+ "@deephaven/icons": "^0.50.1-beta.3+94cc82c3",
28
+ "@deephaven/log": "^0.50.1-beta.3+94cc82c3",
29
+ "@deephaven/react-hooks": "^0.50.1-beta.3+94cc82c3",
30
+ "@deephaven/utils": "^0.50.1-beta.3+94cc82c3",
31
31
  "@fortawesome/fontawesome-svg-core": "^6.2.1",
32
32
  "@fortawesome/react-fontawesome": "^0.2.0",
33
33
  "@react-spectrum/theme-default": "^3.5.1",
@@ -51,7 +51,7 @@
51
51
  "react-dom": "^17.x"
52
52
  },
53
53
  "devDependencies": {
54
- "@deephaven/mocks": "^0.50.1-beta.0+cf1b3687"
54
+ "@deephaven/mocks": "^0.50.1-beta.3+94cc82c3"
55
55
  },
56
56
  "files": [
57
57
  "dist",
@@ -64,5 +64,5 @@
64
64
  "publishConfig": {
65
65
  "access": "public"
66
66
  },
67
- "gitHead": "cf1b368742a7700b08a8d2eda43671856913c9c7"
67
+ "gitHead": "94cc82c379103326669d477ae96ec253041f2967"
68
68
  }