@db-ux/core-foundations 4.12.1 → 4.13.0-shell-f221975

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 (52) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/assets/icons/LICENCES.json +18 -0
  3. package/assets/icons/fonts/all/db-ux.woff2 +0 -0
  4. package/assets/icons/fonts/default/db-ux.woff2 +0 -0
  5. package/assets/icons/fonts/default_12/db-ux.woff2 +0 -0
  6. package/assets/icons/fonts/default_14/db-ux.woff2 +0 -0
  7. package/assets/icons/fonts/default_16/db-ux.woff2 +0 -0
  8. package/assets/icons/fonts/default_20/db-ux.woff2 +0 -0
  9. package/assets/icons/fonts/default_24/db-ux.woff2 +0 -0
  10. package/assets/icons/fonts/default_28/db-ux.woff2 +0 -0
  11. package/assets/icons/fonts/default_32/db-ux.woff2 +0 -0
  12. package/assets/icons/fonts/default_48/db-ux.woff2 +0 -0
  13. package/assets/icons/fonts/default_64/db-ux.woff2 +0 -0
  14. package/assets/icons/fonts/filled/db-ux.woff2 +0 -0
  15. package/assets/icons/fonts/filled_12/db-ux.woff2 +0 -0
  16. package/assets/icons/fonts/filled_14/db-ux.woff2 +0 -0
  17. package/assets/icons/fonts/filled_16/db-ux.woff2 +0 -0
  18. package/assets/icons/fonts/filled_20/db-ux.woff2 +0 -0
  19. package/assets/icons/fonts/filled_24/db-ux.woff2 +0 -0
  20. package/assets/icons/fonts/filled_28/db-ux.woff2 +0 -0
  21. package/assets/icons/fonts/filled_32/db-ux.woff2 +0 -0
  22. package/assets/icons/fonts/filled_48/db-ux.woff2 +0 -0
  23. package/assets/icons/fonts/filled_64/db-ux.woff2 +0 -0
  24. package/assets/images/chevron_down.svg +7 -0
  25. package/assets/images/chevron_up.svg +7 -0
  26. package/assets/images/logo.svg +7 -0
  27. package/assets/images/resize_handle_corner.svg +7 -0
  28. package/build/styles/_screen-sizes.scss +6 -0
  29. package/build/styles/bundle.css +18 -36
  30. package/build/styles/defaults/default-required.css +1 -1
  31. package/build/styles/defaults/default-required.scss +13 -24
  32. package/build/styles/helpers/_a11y.scss +18 -11
  33. package/build/styles/helpers/_divider.scss +35 -6
  34. package/build/styles/helpers/classes/all.css +86 -38
  35. package/build/styles/helpers/classes/divider.css +86 -38
  36. package/build/styles/icons/_icon-helpers.scss +1 -1
  37. package/build/styles/theme/_absolute.assets-paths.scss +2 -1
  38. package/build/styles/theme/_default-images.scss +14 -0
  39. package/build/styles/theme/_default.assets-paths.scss +1 -0
  40. package/build/styles/theme/_rollup.assets-paths.scss +2 -1
  41. package/build/styles/theme/_webpack.assets-paths.scss +2 -1
  42. package/build/styles/theme/absolute.css +1 -1
  43. package/build/styles/theme/relative.css +1 -1
  44. package/build/styles/theme/relative.scss +5 -0
  45. package/build/styles/theme/rollup.css +1 -1
  46. package/build/styles/theme/webpack.css +1 -1
  47. package/build/tailwind/theme/breakpoints.css +10 -0
  48. package/build/tailwind/theme/breakpoints.scss +10 -0
  49. package/build/tailwind/theme/index.css +1 -0
  50. package/build/tailwind/theme/revert-theme.css +0 -5
  51. package/package.json +6 -5
  52. package/build/styles/colors/_default-color-icons.scss +0 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @db-ux/core-foundations
2
2
 
3
+ ## 4.13.0
4
+
5
+ ### Patch Changes
6
+
7
+ - fix: add missing `@property --db-screen-lg` - [see commit 43c450e](https://github.com/db-ux-design-system/core-web/commit/43c450e0a731b85f59ae22efd029ceb435bdeca4)
8
+
3
9
  ## 4.12.1
4
10
 
5
11
  _version bump_
@@ -29,6 +29,12 @@
29
29
  "licence": "https://lucide.dev/license#lucide-license",
30
30
  "origin": "arrow-right"
31
31
  },
32
+ {
33
+ "name": "house.svg",
34
+ "type": "lucide",
35
+ "licence": "https://lucide.dev/license#lucide-license",
36
+ "origin": "house"
37
+ },
32
38
  {
33
39
  "name": "arrow_up.svg",
34
40
  "type": "lucide",
@@ -65,6 +71,18 @@
65
71
  "licence": "https://lucide.dev/license#lucide-license",
66
72
  "origin": "chevron-up"
67
73
  },
74
+ {
75
+ "name": "double_chevron_left.svg",
76
+ "type": "lucide",
77
+ "licence": "https://lucide.dev/license#lucide-license",
78
+ "origin": "chevrons-left"
79
+ },
80
+ {
81
+ "name": "double_chevron_right.svg",
82
+ "type": "lucide",
83
+ "licence": "https://lucide.dev/license#lucide-license",
84
+ "origin": "chevrons-right"
85
+ },
68
86
  {
69
87
  "name": "clock.svg",
70
88
  "type": "lucide",
Binary file
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24">
2
+ <style>
3
+ :is(:root, :host) { color-scheme: var(--db-color-scheme, light dark); }
4
+ path { fill: light-dark(#16181b, #fff) }
5
+ </style>
6
+ <path fill-rule="evenodd" stroke="none" d="M5.67 8.061c-.222.081-.42.248-.542.455-.092.156-.108.229-.107.484 0 .212.022.341.074.44.1.192 6.199 6.298 6.425 6.433.153.091.225.107.48.106.212 0 .341-.022.44-.074.192-.1 6.298-6.199 6.433-6.425.091-.152.107-.226.107-.48s-.017-.328-.108-.484a1 1 0 0 0-1.215-.451c-.179.06-.447.315-2.927 2.789L12 13.578l-2.73-2.724C6.79 8.38 6.522 8.125 6.343 8.065a1 1 0 0 0-.673-.004"/>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24">
2
+ <style>
3
+ :is(:root, :host) { color-scheme: var(--db-color-scheme, light dark); }
4
+ path { fill: light-dark(#16181b, #fff) }
5
+ </style>
6
+ <path fill-rule="evenodd" stroke="none" d="M11.64 8.068c-.155.053-.604.485-3.293 3.167-1.777 1.773-3.159 3.182-3.22 3.285-.091.152-.107.226-.107.48 0 .257.016.327.113.492.13.222.369.409.603.473.202.054.53.024.709-.066.074-.037 1.355-1.285 2.845-2.773L12 10.421l2.71 2.705c1.49 1.488 2.771 2.736 2.845 2.773.455.229 1.046.045 1.312-.407.097-.165.113-.235.113-.492 0-.254-.016-.328-.107-.48-.061-.103-1.442-1.512-3.22-3.285-2.836-2.828-3.131-3.11-3.31-3.17a1.05 1.05 0 0 0-.703.003"/>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none">
2
+ <style>
3
+ :is(:root, :host) { color-scheme: var(--db-color-scheme, light dark); }
4
+ path { fill: light-dark(#16181b, #fff) }
5
+ </style>
6
+ <path d="M45.385 4.255 C 42.417 4.792,40.465 5.695,33.600 9.710 C 30.740 11.383,25.196 14.610,21.280 16.881 C 13.039 21.661,12.590 21.949,11.200 23.365 C 9.958 24.631,9.108 26.023,8.516 27.760 L 8.080 29.040 8.036 47.071 C 7.987 67.032,7.956 66.339,9.016 68.554 C 9.993 70.599,11.645 72.440,13.840 73.931 C 14.280 74.230,19.932 77.556,26.400 81.322 C 39.049 88.688,43.678 91.150,45.916 91.705 C 49.306 92.545,51.926 91.624,60.590 86.548 C 62.862 85.217,68.392 81.999,72.880 79.398 C 77.368 76.796,81.472 74.380,82.000 74.028 C 84.311 72.491,85.977 70.661,86.984 68.554 C 88.044 66.339,88.013 67.032,87.964 47.071 L 87.920 29.040 87.484 27.760 C 87.244 27.056,86.776 26.021,86.444 25.460 C 85.708 24.216,84.094 22.532,82.800 21.657 C 81.185 20.566,58.119 7.182,56.199 6.222 C 52.245 4.245,48.854 3.629,45.385 4.255 M49.840 12.240 C 50.538 12.386,51.714 12.853,52.960 13.478 C 54.671 14.336,75.843 26.395,76.209 26.720 C 76.310 26.809,64.845 33.623,55.252 39.176 C 51.111 41.572,47.129 41.912,43.440 40.183 C 42.129 39.568,36.284 36.304,29.360 32.319 C 26.192 30.496,22.713 28.516,21.629 27.919 C 20.229 27.148,19.719 26.791,19.869 26.690 C 19.985 26.611,20.487 26.336,20.985 26.079 C 22.508 25.291,30.649 20.624,36.546 17.158 C 39.619 15.352,42.805 13.556,43.626 13.167 C 46.000 12.043,47.692 11.790,49.840 12.240 M21.310 37.098 C 28.301 41.179,31.802 43.162,35.600 45.192 C 40.816 47.979,42.666 49.355,43.386 50.982 C 43.945 52.245,44.006 54.089,43.963 68.286 L 43.920 82.091 42.400 81.354 C 39.755 80.071,18.257 67.493,17.395 66.723 C 15.893 65.384,16.008 66.807,16.004 49.400 C 16.002 40.974,16.032 34.080,16.070 34.080 C 16.109 34.080,18.467 35.438,21.310 37.098 M79.753 65.234 C 79.303 66.426,78.170 67.229,71.582 71.030 C 68.160 73.005,62.912 76.059,59.920 77.818 C 56.928 79.576,53.940 81.328,53.280 81.710 L 52.080 82.404 52.033 68.682 C 51.987 55.141,52.057 52.624,52.514 51.566 C 52.929 50.604,53.636 49.764,54.674 48.999 C 56.531 47.632,67.024 41.525,76.000 36.586 L 79.920 34.429 79.963 49.495 C 80.002 62.944,79.980 64.632,79.753 65.234 " stroke="none" fill-rule="evenodd"/>
7
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2
+ <style>
3
+ :is(:root, :host) { color-scheme: var(--db-color-scheme, light dark); }
4
+ path { fill: light-dark(#16181b, #fff) }
5
+ </style>
6
+ <path fill-rule="evenodd" d="M18.771 4.037a1 1 0 0 0-.233.1c-.331.217-14.185 14.054-14.407 14.39-.096.145-.11.204-.109.469.002.352.059.487.305.726.279.271.745.348 1.074.178.066-.034.88-.806 1.809-1.716C9.426 16.016 19.441 5.972 19.709 5.65c.12-.145.227-.322.254-.42.15-.558-.272-1.145-.867-1.206a1.2 1.2 0 0 0-.325.013m-.063 8.512c-.149.022-1.31 1.139-3.991 3.837-2.291 2.305-2.221 2.219-2.19 2.708.012.194.043.297.125.422.22.332.634.522 1.012.466.256-.039.433-.2 2.772-2.521 2.58-2.561 3.452-3.477 3.516-3.691.104-.345.007-.695-.266-.968-.249-.249-.527-.321-.978-.253"/>
7
+ </svg>
@@ -32,6 +32,12 @@ $db-breakpoint-xl: helpers.px-to-em($db-screen-size-xl);
32
32
  initial-value: #{$db-breakpoint-md};
33
33
  }
34
34
 
35
+ @property --db-screen-lg {
36
+ syntax: "*";
37
+ inherits: true;
38
+ initial-value: #{$db-breakpoint-lg};
39
+ }
40
+
35
41
  @property --db-screen-xl {
36
42
  syntax: "*";
37
43
  inherits: true;
@@ -4537,39 +4537,16 @@ blockquote:not([class]) {
4537
4537
  inherits: true;
4538
4538
  initial-value: 64em;
4539
4539
  }
4540
+ @property --db-screen-lg {
4541
+ syntax: "*";
4542
+ inherits: true;
4543
+ initial-value: 90em;
4544
+ }
4540
4545
  @property --db-screen-xl {
4541
4546
  syntax: "*";
4542
4547
  inherits: true;
4543
4548
  initial-value: 120em;
4544
4549
  }
4545
- :root,
4546
- :host {
4547
- /* COLORS */
4548
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4549
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4550
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
4551
- }
4552
- @media (prefers-color-scheme: dark) {
4553
- :root,
4554
- :host {
4555
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4556
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4557
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
4558
- }
4559
- }
4560
- :root [data-mode=dark],
4561
- :host [data-mode=dark] {
4562
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4563
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4564
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
4565
- }
4566
- :root [data-mode=light],
4567
- :host [data-mode=light] {
4568
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4569
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4570
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
4571
- }
4572
-
4573
4550
  :root {
4574
4551
  color-scheme: var(--db-color-scheme, light dark);
4575
4552
  }
@@ -4585,24 +4562,29 @@ blockquote:not([class]) {
4585
4562
  color-scheme: dark;
4586
4563
  }
4587
4564
 
4565
+ [data-pride=true] {
4566
+ --db-pride-red: var(--db-red-origin-default);
4567
+ --db-pride-orange: var(--db-orange-origin-default);
4568
+ --db-pride-yellow: var(--db-yellow-origin-default);
4569
+ --db-pride-green: var(--db-light-green-origin-default);
4570
+ --db-pride-blue: var(--db-blue-origin-default);
4571
+ --db-pride-violet: var(--db-violet-origin-default);
4572
+ }
4573
+
4588
4574
  html,
4589
4575
  body {
4590
4576
  margin: 0;
4591
4577
  padding: 0;
4592
4578
  }
4593
4579
 
4594
- /* stylelint-disable selector-max-id */
4595
- body,
4596
- #root,
4597
- #app {
4598
- block-size: inherit;
4599
- }
4600
-
4601
- /* stylelint-enable selector-max-id */
4602
4580
  body {
4603
4581
  font-family: var(--db-font-family-sans);
4604
4582
  }
4605
4583
 
4584
+ html {
4585
+ -webkit-tap-highlight-color: var(--db-informational-bg-basic-transparent-semi-default);
4586
+ }
4587
+
4606
4588
  *,
4607
4589
  ::before,
4608
4590
  ::after {