@simplysm/angular 14.0.100 → 14.0.102

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 (97) hide show
  1. package/dist/controls/button/sd-additional-button.js +2 -2
  2. package/dist/controls/button/sd-anchor.js +2 -2
  3. package/dist/controls/button/sd-button.js +2 -2
  4. package/dist/controls/button/sd-modal-select-button.js +2 -2
  5. package/dist/controls/checkbox/sd-checkbox.d.ts.map +1 -1
  6. package/dist/controls/checkbox/sd-checkbox.js +3 -3
  7. package/dist/controls/checkbox/sd-switch.js +2 -2
  8. package/dist/controls/collapse/sd-collapse-icon.d.ts +1 -1
  9. package/dist/controls/collapse/sd-collapse-icon.d.ts.map +1 -1
  10. package/dist/controls/collapse/sd-collapse-icon.js +3 -1
  11. package/dist/controls/collapse/sd-collapse.d.ts +1 -1
  12. package/dist/controls/collapse/sd-collapse.d.ts.map +1 -1
  13. package/dist/controls/collapse/sd-collapse.js +3 -1
  14. package/dist/controls/dropdown/sd-dropdown-popup.js +2 -2
  15. package/dist/controls/gap/sd-gap.js +2 -2
  16. package/dist/controls/input/sd-date-range-picker.js +2 -2
  17. package/dist/controls/input/sd-range.js +2 -2
  18. package/dist/controls/input/sd-textarea.d.ts.map +1 -1
  19. package/dist/controls/input/sd-textarea.js +3 -3
  20. package/dist/controls/input/sd-textfield.d.ts +2 -0
  21. package/dist/controls/input/sd-textfield.d.ts.map +1 -1
  22. package/dist/controls/input/sd-textfield.js +44 -16
  23. package/dist/controls/list/sd-list-item.js +2 -2
  24. package/dist/controls/select/sd-select-button.js +2 -2
  25. package/dist/controls/select/sd-select-item.d.ts.map +1 -1
  26. package/dist/controls/select/sd-select-item.js +3 -3
  27. package/dist/controls/select/sd-select.d.ts.map +1 -1
  28. package/dist/controls/select/sd-select.js +3 -3
  29. package/dist/core/busy/sd-busy-container.js +2 -2
  30. package/dist/core/directive-input-signals.d.ts +0 -9
  31. package/dist/core/directive-input-signals.d.ts.map +1 -1
  32. package/dist/core/modal/sd-modal.js +2 -2
  33. package/dist/core/provideSdAngular.d.ts.map +1 -1
  34. package/dist/core/provideSdAngular.js +12 -0
  35. package/dist/core/ripple/setupRipple.js +1 -1
  36. package/dist/core/toast/sd-toast-container.js +2 -2
  37. package/dist/core/toast/sd-toast.js +2 -2
  38. package/dist/data/crud/sd-base-container.js +4 -4
  39. package/dist/data/crud/sd-crud-list.d.ts +4 -2
  40. package/dist/data/crud/sd-crud-list.d.ts.map +1 -1
  41. package/dist/data/crud/sd-crud-list.js +60 -58
  42. package/dist/data/kanban/sd-kanban-board.js +2 -2
  43. package/dist/data/kanban/sd-kanban-lane.js +2 -2
  44. package/dist/data/kanban/sd-kanban.js +2 -2
  45. package/dist/data/sheet/sd-sheet.d.ts.map +1 -1
  46. package/dist/data/sheet/sd-sheet.js +3 -3
  47. package/dist/features/editor/sd-tiptap-editor.d.ts.map +1 -1
  48. package/dist/features/editor/sd-tiptap-editor.js +3 -3
  49. package/dist/features/theme/sd-theme-provider.d.ts +1 -0
  50. package/dist/features/theme/sd-theme-provider.d.ts.map +1 -1
  51. package/dist/features/theme/sd-theme-provider.js +5 -0
  52. package/dist/features/theme/sd-theme-selector.d.ts.map +1 -1
  53. package/dist/features/theme/sd-theme-selector.js +14 -2
  54. package/dist/features/visual/sd-calendar.js +2 -2
  55. package/dist/features/visual/sd-label.js +2 -2
  56. package/dist/features/visual/sd-note.js +2 -2
  57. package/dist/features/visual/sd-progress.js +2 -2
  58. package/dist/layout/sidebar/sd-sidebar-container.js +2 -2
  59. package/dist/layout/sidebar/sd-sidebar.js +2 -2
  60. package/dist/layout/topbar/sd-topbar.js +2 -2
  61. package/package.json +5 -5
  62. package/scss/commons/_colors.scss +326 -0
  63. package/scss/commons/_mixins.scss +129 -129
  64. package/scss/commons/_theme-variables.scss +8 -1
  65. package/scss/commons/_variables.scss +37 -33
  66. package/scss/controls/_card.scss +1 -1
  67. package/scss/styles.scss +3 -0
  68. package/scss/themes/_blueprint-surfaces.scss +89 -0
  69. package/scss/themes/_variables-blueprint.scss +95 -0
  70. package/scss/themes/_variables-dark.scss +9 -22
  71. package/src/controls/button/sd-button.ts +2 -2
  72. package/src/controls/checkbox/sd-checkbox.ts +13 -11
  73. package/src/controls/collapse/sd-collapse-icon.ts +3 -1
  74. package/src/controls/collapse/sd-collapse.ts +3 -1
  75. package/src/controls/dropdown/sd-dropdown-popup.ts +2 -2
  76. package/src/controls/input/sd-textarea.ts +5 -0
  77. package/src/controls/input/sd-textfield.ts +40 -4
  78. package/src/controls/list/sd-list-item.ts +5 -5
  79. package/src/controls/select/sd-select-button.ts +1 -1
  80. package/src/controls/select/sd-select-item.ts +4 -3
  81. package/src/controls/select/sd-select.ts +2 -1
  82. package/src/core/busy/sd-busy-container.ts +3 -3
  83. package/src/core/directive-input-signals.ts +0 -9
  84. package/src/core/provideSdAngular.ts +14 -0
  85. package/src/core/ripple/setupRipple.ts +1 -1
  86. package/src/data/crud/sd-base-container.ts +3 -3
  87. package/src/data/crud/sd-crud-list.ts +24 -22
  88. package/src/data/kanban/sd-kanban-lane.ts +1 -1
  89. package/src/data/kanban/sd-kanban.ts +1 -1
  90. package/src/data/sheet/sd-sheet.ts +4 -3
  91. package/src/features/editor/sd-tiptap-editor.ts +1 -0
  92. package/src/features/theme/sd-theme-provider.ts +7 -0
  93. package/src/features/theme/sd-theme-selector.ts +4 -0
  94. package/src/layout/sidebar/sd-sidebar-container.ts +3 -3
  95. package/src/layout/sidebar/sd-sidebar.ts +5 -5
  96. package/src/layout/topbar/sd-topbar.ts +1 -1
  97. package/styles.css +487 -103
package/styles.css CHANGED
@@ -1,35 +1,282 @@
1
+ /*@function to-rgb($oklch-color) {
2
+ @return color.to-space($oklch-color, rgb);
3
+ }*/
4
+ /*$colors: (
5
+ red: to-rgb(oklch(0.704 0.191 22.216)),
6
+ orange: to-rgb(oklch(0.75 0.183 55.934)),
7
+ amber: to-rgb(oklch(0.828 0.189 84.429)),
8
+ yellow: to-rgb(oklch(0.852 0.199 91.936)),
9
+ lime: to-rgb(oklch(0.841 0.238 128.85)),
10
+ green: to-rgb(oklch(0.792 0.209 151.711)),
11
+ emerald: to-rgb(oklch(0.765 0.177 163.223)),
12
+ teal: to-rgb(oklch(0.777 0.152 181.912)),
13
+ cyan: to-rgb(oklch(0.789 0.154 211.53)),
14
+ sky: to-rgb(oklch(0.746 0.16 232.661)),
15
+ blue: to-rgb(oklch(0.707 0.165 254.624)),
16
+ indigo: to-rgb(oklch(0.673 0.182 276.935)),
17
+ violet: to-rgb(oklch(0.702 0.183 293.541)),
18
+ purple: to-rgb(oklch(0.714 0.203 305.504)),
19
+ fuchsia: to-rgb(oklch(0.74 0.238 322.16)),
20
+ pink: to-rgb(oklch(0.718 0.202 349.761)),
21
+ rose: to-rgb(oklch(0.712 0.194 13.428)),
22
+ slate: to-rgb(oklch(0.704 0.04 256.788)),
23
+ gray: to-rgb(oklch(0.707 0.022 261.325)),
24
+ zinc: to-rgb(oklch(0.705 0.015 286.067)),
25
+ neutral: to-rgb(oklch(0.708 0 0)),
26
+ stone: to-rgb(oklch(0.709 0.01 56.259)),
27
+ );*/
1
28
  @layer base, theme-variant, utilities;
2
29
  @layer base {
3
30
  :root {
4
- --color-red: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);
5
- --color-orange: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);
6
- --color-amber: hsl(46.6817221727, 159.6637631153%, 38.52352831%);
7
- --color-yellow: hsl(49.9664175924, 174.3513869935%, 36.1945892083%);
8
- --color-lime: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);
9
- --color-green: rgb(5.0669992892, 223.2046302869, 114.3699681367);
10
- --color-emerald: hsl(164.7862200161, 160.6701453204%, 31.9404489417%);
11
- --color-teal: hsl(174.7805734287, 172.2078459154%, 30.6842879818%);
12
- --color-cyan: hsl(186.1271591177, 175.0224558865%, 34.577706736%);
13
- --color-sky: hsl(194.1535383409, 130.0849894436%, 43.6488203357%);
14
- --color-blue: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);
15
- --color-indigo: hsl(235.6133541805, 106.7726578532%, 75.2311038881%);
16
- --color-violet: hsl(256.1553762566, 109.002438294%, 76.8870977302%);
17
- --color-purple: hsl(270.7222371331, 110.5993251768%, 75.299071505%);
18
- --color-fuchsia: hsl(292.0350617679, 102.9148381536%, 71.2966488623%);
19
- --color-pink: rgb(251.3303207913, 99.970438819, 182.0348032837);
20
- --color-rose: hsl(349.9102208306, 105.3961055233%, 70.2458112586%);
21
- --color-slate: rgb(144.0364277624, 161.0825504589, 184.9359809919);
22
- --color-gray: rgb(153.0022463699, 161.0057700366, 174.7317580236);
23
- --color-zinc: rgb(158.7663980135, 158.7531978858, 169.1566961074);
24
- --color-neutral: rgb(160.69161709, 160.69161709, 160.69161709);
25
- --color-stone: rgb(166.2932937041, 159.6867953132, 155.2792477711);
26
- --theme-gray-lightest: rgb(244.800224637, 245.6005770037, 246.9731758024);
27
- --theme-gray-lighter: rgb(229.5005615925, 231.5014425092, 234.9329395059);
28
- --theme-gray-light: rgb(214.200898548, 217.4023080146, 222.8927032095);
29
- --theme-gray-default: rgb(153.0022463699, 161.0057700366, 174.7317580236);
30
- --theme-gray-dark: rgb(134.6619453582, 144.1045892797, 160.2986585961);
31
- --theme-gray-darker: rgb(108.2482457069, 119.0416476185, 137.5522575883);
32
- --theme-gray-darkest: rgb(86.5985965655, 95.2333180948, 110.0418060707);
31
+ --color-red-50: rgb(254.1945391239, 242.1442738789, 242.1443350649);
32
+ --color-red-100: rgb(254.8217181843, 225.8389557974, 225.8476144431);
33
+ --color-red-200: hsl(359.9479511491, 102.8403616872%, 89.639310331%);
34
+ --color-red-300: hsl(359.7293797974, 105.4707180664%, 82.220327427%);
35
+ --color-red-400: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);
36
+ --color-red-500: rgb(250.5786638632, 43.8082581156, 54.3329019898);
37
+ --color-red-600: hsl(351.7303497709, 123.674841747%, 40.5256824926%);
38
+ --color-red-700: hsl(353.3247003608, 117.9684513254%, 34.724506841%);
39
+ --color-red-800: rgb(158.6630805294, 7.3415983533, 17.5792123513);
40
+ --color-red-900: rgb(129.8384774613, 23.543847265, 25.6751707694);
41
+ --color-red-950: rgb(70.2261490784, 8.0562549844, 8.7968916689);
42
+ --color-orange-50: hsl(33.3343342232, 102.528234295%, 96.507296985%);
43
+ --color-orange-100: hsl(34.2903094524, 101.2893750504%, 91.682860556%);
44
+ --color-orange-200: hsl(32.1783475455, 100.2607268985%, 82.8640062583%);
45
+ --color-orange-300: hsl(30.9781472306, 103.8794214342%, 71.2539413381%);
46
+ --color-orange-400: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);
47
+ --color-orange-500: hsl(29.2041089064, 138.8742859313%, 42.6445826407%);
48
+ --color-orange-600: hsl(23.8136653657, 138.2924575772%, 40.3162356329%);
49
+ --color-orange-700: hsl(20.5064222619, 127.6827158995%, 34.7800557535%);
50
+ --color-orange-800: hsl(17.2674880813, 101.4001176206%, 31.0078372075%);
51
+ --color-orange-900: rgb(126.2552179901, 42.1818165855, 11.6413206427);
52
+ --color-orange-950: rgb(67.9407613905, 18.9748030663, 5.585857635);
53
+ --color-amber-50: hsl(47.994262328, 101.6232887274%, 96.0319024957%);
54
+ --color-amber-100: rgb(254.2349910839, 243.0360666897, 198.2685934207);
55
+ --color-amber-200: rgb(253.9111302598, 229.80723062, 133.1582141291);
56
+ --color-amber-300: hsl(46.8179394956, 100.7390312323%, 59.5298138404%);
57
+ --color-amber-400: hsl(46.6817221727, 159.6637631153%, 38.52352831%);
58
+ --color-amber-500: hsl(40.5817571481, 156.005294159%, 38.8379253816%);
59
+ --color-amber-600: hsl(34.9186952046, 147.567837071%, 35.698051234%);
60
+ --color-amber-700: hsl(29.0668115803, 133.039966054%, 31.4018587278%);
61
+ --color-amber-800: hsl(25.5552119978, 110.9999060401%, 27.9766261921%);
62
+ --color-amber-900: rgb(122.5138096591, 50.9401499174, 6.3324376444);
63
+ --color-amber-950: rgb(69.8871219789, 25.1156370888, 1.1900372954);
64
+ --color-yellow-50: rgb(253.8704266657, 251.8897185597, 232.0700276199);
65
+ --color-yellow-100: rgb(254.2306053407, 249.0798521297, 193.7288921574);
66
+ --color-yellow-200: rgb(254.6644724345, 239.9883368575, 133.3211198069);
67
+ --color-yellow-300: hsl(51.2899332584, 100.8533084382%, 56.4713206488%);
68
+ --color-yellow-400: hsl(49.9664175924, 174.3513869935%, 36.1945892083%);
69
+ --color-yellow-500: hsl(47.299314597, 165.4722890821%, 35.4580118203%);
70
+ --color-yellow-600: hsl(42.7084398953, 157.0678714518%, 31.8030445809%);
71
+ --color-yellow-700: hsl(38.0068634698, 139.3147763468%, 27.2053241015%);
72
+ --color-yellow-800: hsl(34.5622645862, 115.1423468866%, 24.9095279025%);
73
+ --color-yellow-900: rgb(114.8739713356, 61.812597161, 10.4304254459);
74
+ --color-yellow-950: rgb(66.7745529433, 31.6200770818, 4.4422450563);
75
+ --color-lime-50: rgb(247.1057319708, 254.1126619187, 231.0888996659);
76
+ --color-lime-100: rgb(235.8944688848, 252.1441750023, 202.3101261483);
77
+ --color-lime-200: rgb(216.1799179839, 249.4676858898, 152.9747144984);
78
+ --color-lime-300: rgb(186.8988920614, 243.565667195, 81.0400222703);
79
+ --color-lime-400: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);
80
+ --color-lime-500: hsl(78.9936132098, 169.6671412527%, 30.0339662974%);
81
+ --color-lime-600: hsl(80.6561730653, 166.8749675237%, 24.261889028%);
82
+ --color-lime-700: hsl(81.5949164889, 140.5083421776%, 20.4359698882%);
83
+ --color-lime-800: hsl(83.1789648446, 101.2458796999%, 19.2834865747%);
84
+ --color-lime-900: rgb(52.7896025146, 83.4420799818, 14.0854175203);
85
+ --color-lime-950: rgb(25.2669583543, 46.2288509241, 2.7896681072);
86
+ --color-green-50: rgb(240.0552786723, 253.011522318, 244.0412797341);
87
+ --color-green-100: rgb(219.5243100816, 251.9938182555, 230.6977498032);
88
+ --color-green-200: rgb(184.8951633234, 247.6714732911, 207.0182915853);
89
+ --color-green-300: rgb(122.7710428605, 241.3189677949, 167.5355605369);
90
+ --color-green-400: rgb(5.0669992892, 223.2046302869, 114.3699681367);
91
+ --color-green-500: hsl(151.1674546528, 165.4565847449%, 29.6528945593%);
92
+ --color-green-600: hsl(149.9515480441, 168.4093941383%, 24.2652557495%);
93
+ --color-green-700: hsl(150.0005284119, 143.0825359597%, 20.9804319787%);
94
+ --color-green-800: rgb(1.4779812192, 102.3765397158, 48.0900438304);
95
+ --color-green-900: rgb(13.0369819071, 83.8156424496, 43.3939796413);
96
+ --color-green-950: rgb(3.0589110071, 46.1553899701, 21.2934029326);
97
+ --color-emerald-50: rgb(235.7019308318, 252.9680479011, 244.8459072791);
98
+ --color-emerald-100: rgb(208.0599764518, 250.1214794063, 228.6117345944);
99
+ --color-emerald-200: rgb(164.3453283043, 243.7321094542, 207.3976517267);
100
+ --color-emerald-300: rgb(94.3123945313, 233.3480905339, 180.7356569452);
101
+ --color-emerald-400: hsl(164.7862200161, 160.6701453204%, 31.9404489417%);
102
+ --color-emerald-500: hsl(164.3317651606, 183.0012028966%, 26.1055124151%);
103
+ --color-emerald-600: hsl(164.4888731819, 182.2435947417%, 21.220636388%);
104
+ --color-emerald-700: hsl(165.5688219035, 169.4666752533%, 17.7468901779%);
105
+ --color-emerald-800: hsl(165.4902741018, 141.8477709291%, 15.6184141732%);
106
+ --color-emerald-900: hsl(165.2904718319, 107.5347803886%, 14.8458906691%);
107
+ --color-emerald-950: hsl(166.0461295787, 102.4044265197%, 8.5792638689%);
108
+ --color-teal-50: rgb(240.2774260381, 253.0922445548, 250.1337721911);
109
+ --color-teal-100: rgb(203.1787023317, 251.3908146387, 241.1602576923);
110
+ --color-teal-200: rgb(149.6926710541, 246.7008292502, 228.1193124726);
111
+ --color-teal-300: rgb(70.2832341452, 236.4954671776, 212.5436991172);
112
+ --color-teal-400: hsl(174.7805734287, 172.2078459154%, 30.6842879818%);
113
+ --color-teal-500: hsl(175.0197560409, 181.4516997571%, 26.0562912331%);
114
+ --color-teal-600: hsl(175.8621696892, 177.4258448863%, 21.2405674706%);
115
+ --color-teal-700: hsl(176.3739822686, 150.1678126216%, 18.7473668429%);
116
+ --color-teal-800: hsl(176.8537485586, 115.9108998957%, 17.2822807846%);
117
+ --color-teal-900: rgb(10.7107997545, 78.5835615409, 74.3977776834);
118
+ --color-teal-950: rgb(2.0709705062, 47.1128778612, 46.1098185059);
119
+ --color-cyan-50: rgb(235.8759634907, 253.9857399963, 254.9921301433);
120
+ --color-cyan-100: rgb(206.3644251496, 250.0506045665, 254.1166939204);
121
+ --color-cyan-200: rgb(162.3451453833, 243.6331917092, 252.9995953438);
122
+ --color-cyan-300: rgb(83.3000327049, 233.8336555478, 252.7963291459);
123
+ --color-cyan-400: hsl(186.1271591177, 175.0224558865%, 34.577706736%);
124
+ --color-cyan-500: hsl(187.4738546414, 173.4031664332%, 31.3580134289%);
125
+ --color-cyan-600: hsl(189.9661427912, 161.8632096989%, 27.5935039634%);
126
+ --color-cyan-700: hsl(190.8632738992, 142.7991921005%, 24.0219960673%);
127
+ --color-cyan-800: hsl(192.647861907, 101.4918255738%, 23.3879395394%);
128
+ --color-cyan-900: rgb(16.2507089915, 78.2106886508, 100.4041202232);
129
+ --color-cyan-950: rgb(5.4029190602, 51.1650097993, 68.8071808155);
130
+ --color-sky-50: hsl(203.9960537235, 103.6899988564%, 97.0463299082%);
131
+ --color-sky-100: rgb(223.2743570967, 241.9791850355, 254.44175402);
132
+ --color-sky-200: rgb(184.0723460885, 230.1878578223, 254.238111914);
133
+ --color-sky-300: hsl(199.1009082835, 103.1238004491%, 73.0813584748%);
134
+ --color-sky-400: hsl(194.1535383409, 130.0849894436%, 43.6488203357%);
135
+ --color-sky-500: hsl(195.8943018894, 153.8911207129%, 37.6984860813%);
136
+ --color-sky-600: hsl(198.4363443395, 149.1974955063%, 32.8975875778%);
137
+ --color-sky-700: hsl(199.3512709006, 140.2821090769%, 27.4800263896%);
138
+ --color-sky-800: hsl(199.0273713285, 125.9163552286%, 23.8963629235%);
139
+ --color-sky-900: rgb(1.7221023493, 74.0191280105, 112.4818843754);
140
+ --color-sky-950: rgb(5.0528200213, 46.9040620594, 74.0931140053);
141
+ --color-blue-50: rgb(238.9196434278, 245.8288290213, 254.71232161);
142
+ --color-blue-100: rgb(218.8513375047, 234.0460181508, 254.3039742905);
143
+ --color-blue-200: hsl(213.3274318544, 100.4487711977%, 87.2831844043%);
144
+ --color-blue-300: hsl(211.6315519072, 106.8325645494%, 78.5620025563%);
145
+ --color-blue-400: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);
146
+ --color-blue-500: hsl(216.8916257328, 105.6529896151%, 59.6082946922%);
147
+ --color-blue-600: rgb(21.322862592, 92.9263691881, 251.5174749654);
148
+ --color-blue-700: rgb(19.8664669747, 71.1794726727, 229.9524760644);
149
+ --color-blue-800: rgb(25.4442079, 59.6113718184, 184.3452100519);
150
+ --color-blue-900: rgb(27.8092569592, 56.6591063808, 142.1659718294);
151
+ --color-blue-950: rgb(22.2519570402, 36.4987367094, 85.6014707829);
152
+ --color-indigo-50: hsl(225.8826494115, 100.9296246155%, 96.6851349078%);
153
+ --color-indigo-100: hsl(226.4583617525, 102.6976851152%, 93.9810004979%);
154
+ --color-indigo-200: hsl(228.0460184982, 103.1315183528%, 89.0884341139%);
155
+ --color-indigo-300: hsl(229.9232549742, 108.2305239239%, 82.6695930627%);
156
+ --color-indigo-400: hsl(235.6133541805, 106.7726578532%, 75.2311038881%);
157
+ --color-indigo-500: hsl(240.9708479775, 102.4782656509%, 68.9788090388%);
158
+ --color-indigo-600: rgb(79.275795796, 57.2231503708, 246.3966120514);
159
+ --color-indigo-700: rgb(67.4100078223, 45.0310805927, 215.4326961013);
160
+ --color-indigo-800: rgb(54.9338619235, 41.6219807643, 171.7953866344);
161
+ --color-indigo-900: rgb(48.8703315507, 44.0245156954, 133.2806927214);
162
+ --color-indigo-950: rgb(29.8691293722, 26.1706932802, 76.6578775101);
163
+ --color-violet-50: rgb(244.9510855703, 242.958718626, 254.9141922075);
164
+ --color-violet-100: rgb(236.9057482719, 232.8170794773, 254.252436948);
165
+ --color-violet-200: hsl(250.5605851688, 100.9308807581%, 91.9312290599%);
166
+ --color-violet-300: hsl(252.8128186712, 109.6411250917%, 85.8775786478%);
167
+ --color-violet-400: hsl(256.1553762566, 109.002438294%, 76.8870977302%);
168
+ --color-violet-500: hsl(260.1076918704, 108.4472267311%, 67.2897435644%);
169
+ --color-violet-600: rgb(127.4773409841, 34.0947137424, 253.9795521184);
170
+ --color-violet-700: rgb(112.1198959373, 8.0129145404, 231.1372495811);
171
+ --color-violet-800: rgb(93.1727993852, 14.1624719881, 192.0931008141);
172
+ --color-violet-900: rgb(77.1307025633, 22.7245753428, 153.9475065621);
173
+ --color-violet-950: rgb(46.5494672104, 12.980056352, 103.6199175976);
174
+ --color-purple-50: rgb(250.012118921, 245.0828077459, 254.9425171428);
175
+ --color-purple-100: rgb(242.9028206662, 231.8158843541, 254.9942220563);
176
+ --color-purple-200: hsl(268.61992687, 105.9740455789%, 91.8964254038%);
177
+ --color-purple-300: hsl(269.4020857997, 112.2082925185%, 85.7590003773%);
178
+ --color-purple-400: hsl(270.7222371331, 110.5993251768%, 75.299071505%);
179
+ --color-purple-500: hsl(272.1085342673, 107.7717829659%, 65.1512824657%);
180
+ --color-purple-600: rgb(152.1940518562, 15.7410258091, 250.2462303455);
181
+ --color-purple-700: hsl(276.4102039814, 106.3108119876%, 41.5517555134%);
182
+ --color-purple-800: rgb(109.648303904, 16.9929952507, 176.140030756);
183
+ --color-purple-900: rgb(89.4341138913, 22.2616303432, 139.0241604809);
184
+ --color-purple-950: rgb(59.8309533067, 3.0039345143, 102.3491555176);
185
+ --color-fuchsia-50: rgb(252.8096087195, 243.9762850826, 254.772379475);
186
+ --color-fuchsia-100: hsl(286.9575295908, 103.8533361795%, 95.532634303%);
187
+ --color-fuchsia-200: hsl(288.2598500047, 100.6520282546%, 90.6974764506%);
188
+ --color-fuchsia-300: hsl(291.0782650805, 104.2424926133%, 83.2200006122%);
189
+ --color-fuchsia-400: hsl(292.0350617679, 102.9148381536%, 71.2966488623%);
190
+ --color-fuchsia-500: rgb(225.340446537, 42.2654219186, 251.0478507487);
191
+ --color-fuchsia-600: hsl(294.6313479981, 129.2551282339%, 38.016207976%);
192
+ --color-fuchsia-700: hsl(295.4866361189, 122.5619908149%, 32.2584916854%);
193
+ --color-fuchsia-800: rgb(138.0563054724, 1.3185248187, 148.3543857062);
194
+ --color-fuchsia-900: rgb(114.2183741316, 19.2126255674, 119.7471511375);
195
+ --color-fuchsia-950: rgb(74.9392129537, 0.3739366451, 79.2077274361);
196
+ --color-pink-50: rgb(252.7859555396, 241.897626432, 247.8359778316);
197
+ --color-pink-100: rgb(252.1105524232, 230.845376233, 243.0008656229);
198
+ --color-pink-200: rgb(251.85698054, 206.3075768576, 232.2357085738);
199
+ --color-pink-300: rgb(253.4912707897, 164.8523668492, 213.4712354069);
200
+ --color-pink-400: rgb(251.3303207913, 99.970438819, 182.0348032837);
201
+ --color-pink-500: rgb(246.2803889063, 50.5254002313, 154.1027090479);
202
+ --color-pink-600: hsl(326.4433537014, 122.8224158337%, 40.4508736155%);
203
+ --color-pink-700: hsl(328.8689050955, 127.0737679406%, 34.2512844575%);
204
+ --color-pink-800: hsl(331.1755240904, 105.4144897338%, 31.0885154655%);
205
+ --color-pink-900: rgb(133.9213705732, 16.1370041157, 66.6401561514);
206
+ --color-pink-950: rgb(81.0904428772, 3.846345817, 35.653904025);
207
+ --color-rose-50: rgb(254.7508979006, 240.9057325071, 241.893919399);
208
+ --color-rose-100: hsl(355.5505227377, 100.1195377008%, 94.6741914103%);
209
+ --color-rose-200: hsl(352.6021080461, 100.204700083%, 90.0655466921%);
210
+ --color-rose-300: hsl(352.2525766672, 107.8387379864%, 82.1943111467%);
211
+ --color-rose-400: hsl(349.9102208306, 105.3961055233%, 70.2458112586%);
212
+ --color-rose-500: hsl(345.3616971936, 100.7698334017%, 56.3985906548%);
213
+ --color-rose-600: hsl(338.0102233506, 136.7401546389%, 39.1733668734%);
214
+ --color-rose-700: hsl(338.1457521077, 134.526563154%, 33.1948061744%);
215
+ --color-rose-800: hsl(337.6480193806, 115.5343299568%, 30.0040840841%);
216
+ --color-rose-900: rgb(138.8482411933, 7.6598658263, 53.7282270879);
217
+ --color-rose-950: rgb(77.3024759241, 2.2490559287, 24.4439708173);
218
+ --color-slate-50: rgb(248.1529573248, 249.9108643939, 251.6690680963);
219
+ --color-slate-100: rgb(240.8410507803, 244.9263194607, 249.0113985417);
220
+ --color-slate-200: rgb(225.918372057, 232.0999889561, 240.3415928054);
221
+ --color-slate-300: rgb(202.0487085986, 213.136127163, 226.4329675211);
222
+ --color-slate-400: rgb(144.0364277624, 161.0825504589, 184.9359809919);
223
+ --color-slate-500: rgb(97.8975773504, 115.9707414439, 141.9484269742);
224
+ --color-slate-600: rgb(69.1040209295, 85.1907948881, 108.1681362588);
225
+ --color-slate-700: rgb(49.3425343986, 65.0928399829, 87.5892447239);
226
+ --color-slate-800: rgb(28.5925661279, 40.8112160911, 60.8614847987);
227
+ --color-slate-900: rgb(14.5820025038, 22.9608285899, 43.0429789595);
228
+ --color-slate-950: rgb(1.8944767892, 5.9368461019, 23.5887952774);
229
+ --color-gray-50: rgb(248.9805284516, 250.1530034005, 251.3253276461);
230
+ --color-gray-100: rgb(242.9738180205, 244.0175977196, 246.1052000381);
231
+ --color-gray-200: rgb(229.0775001296, 231.1417341369, 235.2702753162);
232
+ --color-gray-300: rgb(208.8495068847, 213.1327929188, 219.5572340417);
233
+ --color-gray-400: rgb(153.0022463699, 161.0057700366, 174.7317580236);
234
+ --color-gray-500: rgb(105.9408581617, 114.0081976049, 130.1766765861);
235
+ --color-gray-600: rgb(73.6525305281, 85.0542108067, 101.0096728309);
236
+ --color-gray-700: rgb(53.9407444333, 65.0325451975, 82.7998311854);
237
+ --color-gray-800: rgb(29.8282413826, 40.9923403592, 56.6139526222);
238
+ --color-gray-900: rgb(16.4540349974, 23.9041055339, 39.9800276815);
239
+ --color-gray-950: rgb(2.9541053384, 7.0398696147, 18.32832695);
240
+ --color-zinc-50: rgb(249.965274862, 249.965274862, 249.965274862);
241
+ --color-zinc-100: rgb(243.8781621679, 243.8782584823, 244.632450036);
242
+ --color-zinc-200: rgb(228.0915640874, 228.0916119328, 231.0684085318);
243
+ --color-zinc-300: rgb(211.9273206973, 211.9262145525, 216.3278766188);
244
+ --color-zinc-400: rgb(158.7663980135, 158.7531978858, 169.1566961074);
245
+ --color-zinc-500: rgb(112.9637770491, 112.9469501767, 123.3700946526);
246
+ --color-zinc-600: rgb(81.9013746844, 81.8780014744, 92.3374227947);
247
+ --color-zinc-700: rgb(62.8536504092, 62.8440021684, 70.4985501248);
248
+ --color-zinc-800: rgb(38.9887136761, 38.9861462622, 42.2714131908);
249
+ --color-zinc-900: rgb(23.9180797372, 23.9171938438, 26.9870719758);
250
+ --color-zinc-950: rgb(9.0204365145, 9.0165449152, 11.3011248189);
251
+ --color-neutral-50: rgb(249.965274862, 249.965274862, 249.965274862);
252
+ --color-neutral-100: rgb(244.9496816646, 244.9496816646, 244.9496816646);
253
+ --color-neutral-200: rgb(229.0309692143, 229.0309692143, 229.0309692143);
254
+ --color-neutral-300: rgb(212.0183348284, 212.0183348284, 212.0183348284);
255
+ --color-neutral-400: rgb(160.69161709, 160.69161709, 160.69161709);
256
+ --color-neutral-500: rgb(115.1374069554, 115.1374069554, 115.1374069554);
257
+ --color-neutral-600: rgb(82.1081759594, 82.1081759594, 82.1081759594);
258
+ --color-neutral-700: rgb(63.8700798933, 63.8700798933, 63.8700798933);
259
+ --color-neutral-800: rgb(38.0924297971, 38.0924297971, 38.0924297971);
260
+ --color-neutral-900: rgb(23.0844883386, 23.0844883386, 23.0844883386);
261
+ --color-neutral-950: rgb(10.043999925, 10.043999925, 10.043999925);
262
+ --color-stone-50: rgb(250.0359612467, 250.0360440884, 249.2779368046);
263
+ --color-stone-100: rgb(245.0200869724, 245.0201812093, 244.2649733185);
264
+ --color-stone-200: rgb(231.2111592449, 228.8705954858, 227.700022947);
265
+ --color-stone-300: rgb(214.4972833075, 211.0148528696, 208.69228363);
266
+ --color-stone-400: rgb(166.2932937041, 159.6867953132, 155.2792477711);
267
+ --color-stone-500: rgb(120.5421156673, 112.7105487033, 107.1095116537);
268
+ --color-stone-600: rgb(87.3758702227, 82.7922334309, 77.0566791824);
269
+ --color-stone-700: rgb(68.4644332304, 63.8579930371, 59.244454546);
270
+ --color-stone-800: rgb(41.2141136397, 36.7696719172, 35.6586021892);
271
+ --color-stone-900: rgb(27.9255779968, 24.9868584315, 23.0282837222);
272
+ --color-stone-950: rgb(11.9745991606, 10.0358084864, 9.0638434236);
273
+ --theme-gray-lightest: rgb(245.3766398013, 245.3753197886, 246.4156696107);
274
+ --theme-gray-lighter: rgb(230.9415995034, 230.9382994715, 233.5391740269);
275
+ --theme-gray-light: rgb(216.5065592054, 216.5012791543, 220.662678443);
276
+ --theme-gray-default: rgb(158.7663980135, 158.7531978858, 169.1566961074);
277
+ --theme-gray-dark: rgb(141.4365436254, 141.4209664041, 153.6979381899);
278
+ --theme-gray-darker: rgb(115.9585125847, 115.9406843818, 129.9917361131);
279
+ --theme-gray-darkest: rgb(92.7668100677, 92.7525475055, 103.9933888905);
33
280
  --theme-blue-gray-lightest: rgb(243.9036427762, 245.6082550459, 247.9935980992);
34
281
  --theme-blue-gray-lighter: rgb(227.2591069406, 231.5206376147, 237.483995248);
35
282
  --theme-blue-gray-light: rgb(210.614571105, 217.4330201836, 226.9743923967);
@@ -116,19 +363,19 @@
116
363
  --gap-xxl: 1.5rem;
117
364
  --gap-0: 0;
118
365
  --gap-auto: auto;
119
- --border-color-lightest: rgb(249.9001123185, 250.3002885018, 250.9865879012);
120
- --border-color-lighter: rgb(234.600449274, 236.2011540073, 238.9463516047);
121
- --border-color-light: rgb(219.3007862295, 222.1020195128, 226.9061153083);
122
- --border-color-default: rgb(153.0022463699, 161.0057700366, 174.7317580236);
123
- --border-color-dark: rgb(143.832095864, 152.5551796582, 167.5152083098);
124
- --border-color-darker: rgb(116.3216443464, 127.2034085228, 145.8655591685);
125
- --border-color-darkest: rgb(93.8151462793, 103.169427936, 119.2119565765);
126
- --border-radius-xs: var(--gap-xs);
127
- --border-radius-sm: var(--gap-sm);
128
- --border-radius-default: var(--gap-default);
129
- --border-radius-lg: var(--gap-lg);
130
- --border-radius-xl: var(--gap-xl);
131
- --border-radius-xxl: var(--gap-xxl);
366
+ --border-color-lightest: rgb(245.3766398013, 245.3753197886, 246.4156696107);
367
+ --border-color-lighter: rgb(230.9415995034, 230.9382994715, 233.5391740269);
368
+ --border-color-light: rgb(216.5065592054, 216.5012791543, 220.662678443);
369
+ --border-color-default: rgb(158.7663980135, 158.7531978858, 169.1566961074);
370
+ --border-color-dark: rgb(141.4365436254, 141.4209664041, 153.6979381899);
371
+ --border-color-darker: rgb(115.9585125847, 115.9406843818, 129.9917361131);
372
+ --border-color-darkest: rgb(92.7668100677, 92.7525475055, 103.9933888905);
373
+ --border-radius-xs: var(--gap-xxs);
374
+ --border-radius-sm: var(--gap-xs);
375
+ --border-radius-default: var(--gap-sm);
376
+ --border-radius-lg: var(--gap-default);
377
+ --border-radius-xl: var(--gap-lg);
378
+ --border-radius-xxl: var(--gap-xl);
132
379
  --z-index-toast: 9999;
133
380
  --z-index-busy: 9998;
134
381
  --z-index-dropdown: 5000;
@@ -137,13 +384,15 @@
137
384
  --line-height: 1.5em;
138
385
  --line-height-strip-unit: 1.5;
139
386
  --font-family: sans-serif;
140
- --font-family-monospace: monospace;
141
- --background-color: white;
387
+ --font-family-field: ui-sans-serif, system-ui, sans-serif;
388
+ --font-family-monospace: ui-monospace, monospace;
389
+ --background-color: var(--theme-gray-lightest);
142
390
  --background-rev-color: black;
143
391
  --control-color: white;
144
392
  --busy-overlay-bg: rgba(255, 255, 255, 0.6);
145
393
  --animation-duration: 0.2s;
146
394
  --elevation-size: 0.0833rem;
395
+ --elevation-blur-mult: 1;
147
396
  --sidebar-width: 14rem;
148
397
  --topbar-height: 2.5rem;
149
398
  --sheet-pv: var(--gap-xs);
@@ -153,62 +402,62 @@
153
402
  }
154
403
  @layer theme-variant {
155
404
  .sd-theme-dark {
156
- --theme-gray-darkest: rgb(234.600449274, 236.2011540073, 238.9463516047);
157
- --theme-gray-darker: rgb(214.200898548, 217.4023080146, 222.8927032095);
158
- --theme-gray-dark: rgb(193.801347822, 198.603462022, 206.8390548142);
159
- --theme-gray-default: rgb(122.4017970959, 128.8046160293, 139.7854064189);
160
- --theme-gray-light: rgb(68.8510108665, 72.4525965165, 78.6292911106);
161
- --theme-gray-lighter: rgb(45.900673911, 48.301731011, 52.4195274071);
162
- --theme-gray-lightest: rgb(30.600449274, 32.2011540073, 34.9463516047);
163
- --theme-blue-gray-darkest: rgb(232.8072855525, 236.2165100918, 240.9871961984);
164
- --theme-blue-gray-darker: rgb(210.614571105, 217.4330201836, 226.9743923967);
165
- --theme-blue-gray-dark: rgb(188.4218566574, 198.6495302753, 212.9615885951);
166
- --theme-blue-gray-default: rgb(115.2291422099, 128.8660403671, 147.9487847935);
167
- --theme-blue-gray-light: rgb(64.8163924931, 72.4871477065, 83.2211914463);
168
- --theme-blue-gray-lighter: rgb(43.2109283287, 48.3247651377, 55.4807942976);
169
- --theme-blue-gray-lightest: rgb(28.8072855525, 32.2165100918, 36.9871961984);
170
- --theme-primary-darkest: hsl(212.7907636992, 106.3271487689%, 93.3678077995%);
171
- --theme-primary-darker: hsl(212.7907636992, 106.3271487689%, 86.735615599%);
172
- --theme-primary-dark: hsl(212.7907636992, 106.3271487689%, 80.1034233985%);
173
- --theme-primary-default: rgb(64.4230667045, 129.6604512199, 208.2802124051);
174
- --theme-primary-light: rgb(36.2379750213, 72.9340038112, 117.1576194779);
175
- --theme-primary-lighter: rgb(24.1586500142, 48.6226692075, 78.1050796519);
176
- --theme-primary-lightest: rgb(16.1057666761, 32.415112805, 52.0700531013);
177
- --theme-secondary-darkest: hsl(212.7907636992, 106.3271487689%, 93.3678077995%);
178
- --theme-secondary-darker: hsl(212.7907636992, 106.3271487689%, 86.735615599%);
179
- --theme-secondary-dark: hsl(212.7907636992, 106.3271487689%, 80.1034233985%);
180
- --theme-secondary-default: rgb(64.4230667045, 129.6604512199, 208.2802124051);
181
- --theme-secondary-light: rgb(36.2379750213, 72.9340038112, 117.1576194779);
182
- --theme-secondary-lighter: rgb(24.1586500142, 48.6226692075, 78.1050796519);
183
- --theme-secondary-lightest: rgb(16.1057666761, 32.415112805, 52.0700531013);
184
- --theme-info-darkest: rgb(190.7700671609, 246.1954573671, 252.4991937098);
185
- --theme-info-darker: rgb(126.5401343218, 237.3909147342, 249.9983874196);
186
- --theme-info-dark: rgb(62.3102014827, 228.5863721013, 247.4975811294);
187
- --theme-info-default: hsl(186.1271591177, 175.0224558865%, 27.6621653888%);
188
- --theme-info-light: hsl(186.1271591177, 175.0224558865%, 15.5599680312%);
189
- --theme-info-lighter: hsl(186.1271591177, 175.0224558865%, 10.3733120208%);
190
- --theme-info-lightest: hsl(186.1271591177, 175.0224558865%, 6.9155413472%);
191
- --theme-success-darkest: rgb(234.7246152442, 249.9852325713, 194.4174673451);
192
- --theme-success-darker: rgb(214.4492304884, 244.9704651426, 133.8349346902);
193
- --theme-success-dark: rgb(194.1738457326, 239.9556977139, 73.2524020354);
194
- --theme-success-default: hsl(76.4778453101, 152.6473732821%, 28.5511371894%);
195
- --theme-success-light: hsl(76.4778453101, 152.6473732821%, 16.060014669%);
196
- --theme-success-lighter: hsl(76.4778453101, 152.6473732821%, 10.706676446%);
197
- --theme-success-lightest: hsl(76.4778453101, 152.6473732821%, 7.1377842973%);
198
- --theme-warning-darkest: hsl(31.4330872217, 102.5675912326%, 90.2634066279%);
199
- --theme-warning-darker: hsl(31.4330872217, 102.5675912326%, 80.5268132557%);
200
- --theme-warning-dark: hsl(31.4330872217, 102.5675912326%, 70.7902198836%);
201
- --theme-warning-default: rgb(206.5499583613, 109.552709794, 2.823536847);
202
- --theme-warning-light: rgb(116.1843515782, 61.6233992591, 1.5882394764);
203
- --theme-warning-lighter: rgb(77.4562343855, 41.0822661727, 1.0588263176);
204
- --theme-warning-lightest: rgb(51.6374895903, 27.3881774485, 0.7058842117);
205
- --theme-danger-darkest: hsl(358.7593862564, 101.8439024907%, 93.9671471842%);
206
- --theme-danger-darker: hsl(358.7593862564, 101.8439024907%, 87.9342943684%);
207
- --theme-danger-dark: hsl(358.7593862564, 101.8439024907%, 81.9014415527%);
208
- --theme-danger-default: rgb(205.134647218, 79.7951553401, 82.3867869441);
209
- --theme-danger-light: rgb(115.3882390601, 44.8847748788, 46.3425676561);
210
- --theme-danger-lighter: rgb(76.9254927067, 29.9231832525, 30.895045104);
211
- --theme-danger-lightest: rgb(51.2836618045, 19.948788835, 20.596696736);
405
+ --theme-gray-darkest: rgb(225.1881716323, 226.801639521, 230.0353353172);
406
+ --theme-gray-darker: rgb(195.3763432647, 198.603279042, 205.0706706344);
407
+ --theme-gray-dark: rgb(165.564514897, 170.4049185629, 180.1060059516);
408
+ --theme-gray-default: rgb(84.7526865293, 91.2065580839, 104.1413412689);
409
+ --theme-gray-light: rgb(47.6733861728, 51.3036889222, 58.5795044637);
410
+ --theme-gray-lighter: rgb(31.7822574485, 34.2024592815, 39.0530029758);
411
+ --theme-gray-lightest: rgb(21.1881716323, 22.801639521, 26.0353353172);
412
+ --theme-blue-gray-darkest: rgb(223.5795154701, 227.1941482888, 232.3896853948);
413
+ --theme-blue-gray-darker: rgb(192.1590309402, 199.3882965776, 209.7793707897);
414
+ --theme-blue-gray-dark: rgb(160.7385464102, 171.5824448663, 187.1690561845);
415
+ --theme-blue-gray-default: rgb(78.3180618803, 92.7765931551, 113.5587415794);
416
+ --theme-blue-gray-light: rgb(44.0539098077, 52.1868336498, 63.8767921384);
417
+ --theme-blue-gray-lighter: rgb(29.3692732051, 34.7912224332, 42.5845280923);
418
+ --theme-blue-gray-lightest: rgb(19.5795154701, 23.1941482888, 28.3896853948);
419
+ --theme-primary-darkest: hsl(216.8916257328, 105.6529896151%, 91.9216589384%);
420
+ --theme-primary-darker: hsl(216.8916257328, 105.6529896151%, 83.8433178769%);
421
+ --theme-primary-dark: hsl(216.8916257328, 105.6529896151%, 75.7649768153%);
422
+ --theme-primary-default: rgb(34.5438309752, 101.602091738, 208.6580113691);
423
+ --theme-primary-light: rgb(19.4309049235, 57.1511766026, 117.3701313951);
424
+ --theme-primary-lighter: rgb(12.9539366157, 38.1007844017, 78.2467542634);
425
+ --theme-primary-lightest: rgb(8.6359577438, 25.4005229345, 52.1645028423);
426
+ --theme-secondary-darkest: hsl(216.8916257328, 105.6529896151%, 91.9216589384%);
427
+ --theme-secondary-darker: hsl(216.8916257328, 105.6529896151%, 83.8433178769%);
428
+ --theme-secondary-dark: hsl(216.8916257328, 105.6529896151%, 75.7649768153%);
429
+ --theme-secondary-default: rgb(34.5438309752, 101.602091738, 208.6580113691);
430
+ --theme-secondary-light: rgb(19.4309049235, 57.1511766026, 117.3701313951);
431
+ --theme-secondary-lighter: rgb(12.9539366157, 38.1007844017, 78.2467542634);
432
+ --theme-secondary-lightest: rgb(8.6359577438, 25.4005229345, 52.1645028423);
433
+ --theme-info-darkest: rgb(192.2609348585, 240.8154943077, 247.724238839);
434
+ --theme-info-darker: rgb(129.5218697169, 226.6309886154, 240.448477678);
435
+ --theme-info-dark: rgb(66.7828045754, 212.446482923, 233.172716517);
436
+ --theme-info-default: hsl(187.4738546414, 173.4031664332%, 25.0864107431%);
437
+ --theme-info-light: hsl(187.4738546414, 173.4031664332%, 14.111106043%);
438
+ --theme-info-lighter: hsl(187.4738546414, 173.4031664332%, 9.4074040287%);
439
+ --theme-info-lightest: hsl(187.4738546414, 173.4031664332%, 6.2716026858%);
440
+ --theme-success-darkest: rgb(228.8519589419, 245.3057865427, 193.3288590806);
441
+ --theme-success-darker: rgb(202.7039178839, 235.6115730855, 131.6577181613);
442
+ --theme-success-dark: rgb(176.5558768258, 225.9173596282, 69.9865772419);
443
+ --theme-success-default: hsl(78.9936132098, 169.6671412527%, 24.0271730379%);
444
+ --theme-success-light: hsl(78.9936132098, 169.6671412527%, 13.5152848338%);
445
+ --theme-success-lighter: hsl(78.9936132098, 169.6671412527%, 9.0101898892%);
446
+ --theme-success-lightest: hsl(78.9936132098, 169.6671412527%, 6.0067932595%);
447
+ --theme-warning-darkest: hsl(29.2041089064, 103.2550408615%, 88.5289165281%);
448
+ --theme-warning-darker: hsl(29.2041089064, 103.2550408615%, 77.0578330563%);
449
+ --theme-warning-dark: hsl(29.2041089064, 103.2550408615%, 65.5867495844%);
450
+ --theme-warning-default: hsl(29.2041089064, 138.8742859313%, 34.1156661125%);
451
+ --theme-warning-light: hsl(29.2041089064, 138.8742859313%, 19.1900621883%);
452
+ --theme-warning-lighter: hsl(29.2041089064, 138.8742859313%, 12.7933747922%);
453
+ --theme-warning-lightest: hsl(29.2041089064, 138.8742859313%, 8.5289165281%);
454
+ --theme-danger-darkest: rgb(254.1157327726, 212.7616516231, 214.866580398);
455
+ --theme-danger-darker: rgb(253.2314655453, 170.5233032462, 174.7331607959);
456
+ --theme-danger-dark: rgb(252.3471983179, 128.2849548694, 134.5997411939);
457
+ --theme-danger-default: rgb(200.4629310906, 35.0466064925, 43.4663215918);
458
+ --theme-danger-light: rgb(112.7603987384, 19.713716152, 24.4498058954);
459
+ --theme-danger-lighter: rgb(75.173599159, 13.1424774347, 16.2998705969);
460
+ --theme-danger-lightest: rgb(50.1157327726, 8.7616516231, 10.866580398);
212
461
  --trans-darkest: rgba(255, 255, 255, 0.5);
213
462
  --trans-darker: rgba(255, 255, 255, 0.4);
214
463
  --trans-dark: rgba(255, 255, 255, 0.3);
@@ -242,6 +491,81 @@
242
491
  .sd-theme-dark img:not(.no-invert) {
243
492
  filter: invert(1) hue-rotate(180deg);
244
493
  }
494
+ .sd-theme-blueprint {
495
+ --theme-gray-lightest: rgb(249.965274862, 249.965274862, 249.965274862);
496
+ --theme-gray-lighter: rgb(243.8781621679, 243.8782584823, 244.632450036);
497
+ --theme-gray-light: rgb(211.9273206973, 211.9262145525, 216.3278766188);
498
+ --theme-gray-default: rgb(112.9637770491, 112.9469501767, 123.3700946526);
499
+ --theme-gray-dark: rgb(81.9013746844, 81.8780014744, 92.3374227947);
500
+ --theme-gray-darker: rgb(62.8536504092, 62.8440021684, 70.4985501248);
501
+ --theme-gray-darkest: rgb(38.9887136761, 38.9861462622, 42.2714131908);
502
+ --theme-blue-gray-lightest: rgb(248.1529573248, 249.9108643939, 251.6690680963);
503
+ --theme-blue-gray-lighter: rgb(240.8410507803, 244.9263194607, 249.0113985417);
504
+ --theme-blue-gray-light: rgb(202.0487085986, 213.136127163, 226.4329675211);
505
+ --theme-blue-gray-default: rgb(97.8975773504, 115.9707414439, 141.9484269742);
506
+ --theme-blue-gray-dark: rgb(69.1040209295, 85.1907948881, 108.1681362588);
507
+ --theme-blue-gray-darker: rgb(49.3425343986, 65.0928399829, 87.5892447239);
508
+ --theme-blue-gray-darkest: rgb(28.5925661279, 40.8112160911, 60.8614847987);
509
+ --theme-primary-lightest: rgb(218.8513375047, 234.0460181508, 254.3039742905);
510
+ --theme-primary-lighter: hsl(211.6315519072, 106.8325645494%, 78.5620025563%);
511
+ --theme-primary-light: hsl(216.8916257328, 105.6529896151%, 59.6082946922%);
512
+ --theme-primary-default: rgb(27.8092569592, 56.6591063808, 142.1659718294);
513
+ --theme-primary-dark: rgb(22.2519570402, 36.4987367094, 85.6014707829);
514
+ --theme-primary-darker: rgb(22.2519570402, 36.4987367094, 85.6014707829);
515
+ --theme-primary-darkest: rgb(22.2519570402, 36.4987367094, 85.6014707829);
516
+ --theme-secondary-lightest: rgb(238.9196434278, 245.8288290213, 254.71232161);
517
+ --theme-secondary-lighter: rgb(218.8513375047, 234.0460181508, 254.3039742905);
518
+ --theme-secondary-light: hsl(211.6315519072, 106.8325645494%, 78.5620025563%);
519
+ --theme-secondary-default: hsl(216.8916257328, 105.6529896151%, 59.6082946922%);
520
+ --theme-secondary-dark: rgb(21.322862592, 92.9263691881, 251.5174749654);
521
+ --theme-secondary-darker: rgb(19.8664669747, 71.1794726727, 229.9524760644);
522
+ --theme-secondary-darkest: rgb(25.4442079, 59.6113718184, 184.3452100519);
523
+ --theme-info-lightest: rgb(235.8759634907, 253.9857399963, 254.9921301433);
524
+ --theme-info-lighter: rgb(206.3644251496, 250.0506045665, 254.1166939204);
525
+ --theme-info-light: rgb(83.3000327049, 233.8336555478, 252.7963291459);
526
+ --theme-info-default: hsl(187.4738546414, 173.4031664332%, 31.3580134289%);
527
+ --theme-info-dark: hsl(189.9661427912, 161.8632096989%, 27.5935039634%);
528
+ --theme-info-darker: hsl(190.8632738992, 142.7991921005%, 24.0219960673%);
529
+ --theme-info-darkest: hsl(192.647861907, 101.4918255738%, 23.3879395394%);
530
+ --theme-success-lightest: rgb(240.0552786723, 253.011522318, 244.0412797341);
531
+ --theme-success-lighter: rgb(219.5243100816, 251.9938182555, 230.6977498032);
532
+ --theme-success-light: rgb(122.7710428605, 241.3189677949, 167.5355605369);
533
+ --theme-success-default: hsl(151.1674546528, 165.4565847449%, 29.6528945593%);
534
+ --theme-success-dark: hsl(149.9515480441, 168.4093941383%, 24.2652557495%);
535
+ --theme-success-darker: hsl(150.0005284119, 143.0825359597%, 20.9804319787%);
536
+ --theme-success-darkest: rgb(1.4779812192, 102.3765397158, 48.0900438304);
537
+ --theme-warning-lightest: hsl(33.3343342232, 102.528234295%, 96.507296985%);
538
+ --theme-warning-lighter: hsl(34.2903094524, 101.2893750504%, 91.682860556%);
539
+ --theme-warning-light: hsl(32.1783475455, 100.2607268985%, 82.8640062583%);
540
+ --theme-warning-default: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);
541
+ --theme-warning-dark: hsl(23.8136653657, 138.2924575772%, 40.3162356329%);
542
+ --theme-warning-darker: hsl(20.5064222619, 127.6827158995%, 34.7800557535%);
543
+ --theme-warning-darkest: hsl(17.2674880813, 101.4001176206%, 31.0078372075%);
544
+ --theme-danger-lightest: rgb(254.1945391239, 242.1442738789, 242.1443350649);
545
+ --theme-danger-lighter: rgb(254.8217181843, 225.8389557974, 225.8476144431);
546
+ --theme-danger-light: hsl(359.9479511491, 102.8403616872%, 89.639310331%);
547
+ --theme-danger-default: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);
548
+ --theme-danger-dark: hsl(351.7303497709, 123.674841747%, 40.5256824926%);
549
+ --theme-danger-darker: hsl(353.3247003608, 117.9684513254%, 34.724506841%);
550
+ --theme-danger-darkest: rgb(158.6630805294, 7.3415983533, 17.5792123513);
551
+ --background-color: var(--theme-gray-lightest);
552
+ --control-color: white;
553
+ --border-radius-xs: 0;
554
+ --border-radius-sm: 0;
555
+ --border-radius-default: 0;
556
+ --border-radius-lg: 0;
557
+ --border-radius-xl: 0;
558
+ --border-radius-xxl: 0;
559
+ --elevation-blur-mult: 0;
560
+ --sheet-bg: var(--theme-gray-lightest);
561
+ --border-color-lightest: rgb(240.71423958, 240.7122908301, 241.9194136529);
562
+ --border-color-lighter: rgb(219.2855989499, 219.2807270752, 222.2985341322);
563
+ --border-color-light: rgb(197.8569583198, 197.8491633202, 202.6776546115);
564
+ --border-color-default: rgb(112.9637770491, 112.9469501767, 123.3700946526);
565
+ --border-color-dark: rgb(101.6673993442, 101.652255159, 111.0330851873);
566
+ --border-color-darker: rgb(84.7228327869, 84.7102126325, 92.5275709894);
567
+ --border-color-darkest: rgb(67.7782662295, 67.768170106, 74.0220567915);
568
+ }
245
569
  }
246
570
  @layer base {
247
571
  *,
@@ -3386,6 +3710,66 @@
3386
3710
  align-items: center !important;
3387
3711
  }
3388
3712
  }
3713
+ body.sd-theme-blueprint,
3714
+ .sd-theme-blueprint sd-sheet > ._sheet-container {
3715
+ background-image: linear-gradient(rgba(28, 62, 156, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(28, 62, 156, 0.055) 1px, transparent 1px), linear-gradient(rgba(28, 62, 156, 0.022) 1px, transparent 1px), linear-gradient(90deg, rgba(28, 62, 156, 0.022) 1px, transparent 1px);
3716
+ background-size: 120px 120px, 120px 120px, 24px 24px, 24px 24px;
3717
+ }
3718
+
3719
+ .sd-theme-blueprint sd-sheet > ._sheet-container > table {
3720
+ box-shadow: 1px 1px 0 rgba(28, 62, 156, 0.1);
3721
+ }
3722
+
3723
+ .sd-theme-blueprint .card {
3724
+ border: 1px solid var(--border-color-default);
3725
+ box-shadow: 3px 3px 0 rgba(28, 62, 156, 0.1);
3726
+ }
3727
+ .sd-theme-blueprint .card:hover, .sd-theme-blueprint .card:focus-within {
3728
+ box-shadow: 5px 5px 0 rgba(28, 62, 156, 0.14);
3729
+ }
3730
+
3731
+ .sd-theme-blueprint sd-permission-table table > * > tr > * {
3732
+ border-bottom: 1px solid var(--border-color-lighter);
3733
+ }
3734
+
3735
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=first] > *._before,
3736
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=first] > *._title,
3737
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=first] > *._after {
3738
+ background: var(--trans-lighter);
3739
+ border-top: 1px solid var(--border-color-default);
3740
+ border-bottom: 1px solid var(--border-color-default);
3741
+ color: var(--text-trans-default);
3742
+ font-weight: 700;
3743
+ }
3744
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=first] > *._before > *,
3745
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=first] > *._title > *,
3746
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=first] > *._after > * {
3747
+ color: var(--text-trans-default) !important;
3748
+ }
3749
+
3750
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=info] > *._title,
3751
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=info] > *._after,
3752
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=warning] > *._title,
3753
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=warning] > *._after,
3754
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=success] > *._title,
3755
+ .sd-theme-blueprint sd-permission-table table > * > tr[data-sd-theme=success] > *._after {
3756
+ background: transparent;
3757
+ }
3758
+
3759
+ .sd-theme-blueprint sd-modal > ._dialog > ._header {
3760
+ background: var(--theme-primary-default);
3761
+ color: var(--text-trans-rev-default);
3762
+ }
3763
+ .sd-theme-blueprint sd-modal > ._dialog > ._header > ._close-btn {
3764
+ color: var(--text-trans-rev-dark);
3765
+ }
3766
+ .sd-theme-blueprint sd-modal > ._dialog > ._header > ._close-btn:hover {
3767
+ color: var(--text-trans-rev-default);
3768
+ }
3769
+ .sd-theme-blueprint sd-crud-detail > sd-base-container > sd-busy-container > .bg-control > .main-align-end {
3770
+ background: var(--theme-gray-lightest);
3771
+ }
3772
+
3389
3773
  .flex-row {
3390
3774
  display: flex !important;
3391
3775
  flex-wrap: nowrap;
@@ -3816,15 +4200,15 @@
3816
4200
  display: block;
3817
4201
  background: var(--control-color);
3818
4202
  border-radius: var(--border-radius-default);
3819
- transition: box-shadow 0.3s ease-in-out;
3820
- box-shadow: 0 calc(2 * var(--elevation-size)) calc(2 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);
4203
+ transition: box-shadow var(--animation-duration) ease-in-out;
4204
+ box-shadow: 0 calc(2 * var(--elevation-size)) calc(2 * 4 * var(--elevation-size) * var(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) var(--trans-lighter);
3821
4205
  animation: sd-card var(--animation-duration) ease-out;
3822
4206
  opacity: 0;
3823
4207
  transform: translateY(-1em);
3824
4208
  animation-fill-mode: forwards;
3825
4209
  }
3826
4210
  .card:hover, .card:focus-within {
3827
- box-shadow: 0 calc(4 * var(--elevation-size)) calc(4 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);
4211
+ box-shadow: 0 calc(4 * var(--elevation-size)) calc(4 * 4 * var(--elevation-size) * var(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) var(--trans-lighter);
3828
4212
  }
3829
4213
 
3830
4214
  @keyframes sd-card {