@bryntum/grid-thin-trial 7.1.1

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 (272) hide show
  1. package/README.md +52 -0
  2. package/entry.js +124 -0
  3. package/fluent2-dark.css +227 -0
  4. package/fluent2-light.css +191 -0
  5. package/grid.css +2567 -0
  6. package/grid.css.map +7 -0
  7. package/grid.d.ts +54003 -0
  8. package/high-contrast-dark.css +419 -0
  9. package/high-contrast-light.css +389 -0
  10. package/lib/column/ActionColumn.css +65 -0
  11. package/lib/column/ActionColumn.js +1 -0
  12. package/lib/column/AggregateColumn.js +1 -0
  13. package/lib/column/ChartColumn.js +1 -0
  14. package/lib/column/CheckColumn.css +9 -0
  15. package/lib/column/CheckColumn.js +1 -0
  16. package/lib/column/ColorColumn.css +57 -0
  17. package/lib/column/ColorColumn.js +1 -0
  18. package/lib/column/Column.js +1 -0
  19. package/lib/column/CurrencyColumn.js +1 -0
  20. package/lib/column/DateColumn.js +1 -0
  21. package/lib/column/NumberColumn.js +1 -0
  22. package/lib/column/PercentColumn.css +223 -0
  23. package/lib/column/PercentColumn.js +1 -0
  24. package/lib/column/RatingColumn.css +67 -0
  25. package/lib/column/RatingColumn.js +1 -0
  26. package/lib/column/RowNumberColumn.css +13 -0
  27. package/lib/column/RowNumberColumn.js +1 -0
  28. package/lib/column/SparklineColumn.css +3 -0
  29. package/lib/column/SparklineColumn.js +1 -0
  30. package/lib/column/TemplateColumn.js +1 -0
  31. package/lib/column/TimeColumn.js +1 -0
  32. package/lib/column/TreeColumn.css +274 -0
  33. package/lib/column/TreeColumn.js +1 -0
  34. package/lib/column/WidgetColumn.css +5 -0
  35. package/lib/column/WidgetColumn.js +1 -0
  36. package/lib/customElements/GridTag.js +1 -0
  37. package/lib/data/ColumnStore.js +1 -0
  38. package/lib/data/GridRowModel.js +1 -0
  39. package/lib/feature/CellCopyPaste.js +1 -0
  40. package/lib/feature/CellEdit.css +29 -0
  41. package/lib/feature/CellEdit.js +1 -0
  42. package/lib/feature/CellMenu.js +1 -0
  43. package/lib/feature/CellTooltip.js +1 -0
  44. package/lib/feature/Charts.css +9 -0
  45. package/lib/feature/Charts.js +1 -0
  46. package/lib/feature/ColumnAutoWidth.js +1 -0
  47. package/lib/feature/ColumnDragToolbar.css +271 -0
  48. package/lib/feature/ColumnDragToolbar.js +17 -0
  49. package/lib/feature/ColumnPicker.js +1 -0
  50. package/lib/feature/ColumnRename.css +4 -0
  51. package/lib/feature/ColumnRename.js +1 -0
  52. package/lib/feature/ColumnReorder.css +54 -0
  53. package/lib/feature/ColumnReorder.js +1 -0
  54. package/lib/feature/ColumnResize.css +79 -0
  55. package/lib/feature/ColumnResize.js +1 -0
  56. package/lib/feature/FillHandle.css +53 -0
  57. package/lib/feature/FillHandle.js +1 -0
  58. package/lib/feature/Filter.css +107 -0
  59. package/lib/feature/Filter.js +1 -0
  60. package/lib/feature/FilterBar.css +113 -0
  61. package/lib/feature/FilterBar.js +1 -0
  62. package/lib/feature/GridFeatureManager.js +1 -0
  63. package/lib/feature/Group.css +160 -0
  64. package/lib/feature/Group.js +1 -0
  65. package/lib/feature/GroupSummary.css +30 -0
  66. package/lib/feature/GroupSummary.js +1 -0
  67. package/lib/feature/HeaderMenu.js +1 -0
  68. package/lib/feature/LockRows.css +45 -0
  69. package/lib/feature/LockRows.js +1 -0
  70. package/lib/feature/MergeCells.css +61 -0
  71. package/lib/feature/MergeCells.js +1 -0
  72. package/lib/feature/PinColumns.js +1 -0
  73. package/lib/feature/QuickFind.css +75 -0
  74. package/lib/feature/QuickFind.js +1 -0
  75. package/lib/feature/RegionResize.css +276 -0
  76. package/lib/feature/RegionResize.js +1 -0
  77. package/lib/feature/RowCopyPaste.js +1 -0
  78. package/lib/feature/RowEdit.css +25 -0
  79. package/lib/feature/RowEdit.js +1 -0
  80. package/lib/feature/RowExpander.css +109 -0
  81. package/lib/feature/RowExpander.js +1 -0
  82. package/lib/feature/RowReorder.css +190 -0
  83. package/lib/feature/RowReorder.js +1 -0
  84. package/lib/feature/RowResize.css +20 -0
  85. package/lib/feature/RowResize.js +1 -0
  86. package/lib/feature/Search.css +34 -0
  87. package/lib/feature/Search.js +1 -0
  88. package/lib/feature/Sort.css +86 -0
  89. package/lib/feature/Sort.js +1 -0
  90. package/lib/feature/Split.css +34 -0
  91. package/lib/feature/Split.js +1 -0
  92. package/lib/feature/StickyCells.css +34 -0
  93. package/lib/feature/StickyCells.js +1 -0
  94. package/lib/feature/Stripe.css +42 -0
  95. package/lib/feature/Stripe.js +1 -0
  96. package/lib/feature/Summary.css +12 -0
  97. package/lib/feature/Summary.js +1 -0
  98. package/lib/feature/Tree.js +1 -0
  99. package/lib/feature/TreeGroup.css +4 -0
  100. package/lib/feature/TreeGroup.js +1 -0
  101. package/lib/feature/ai/AIFilter.js +1 -0
  102. package/lib/feature/ai/agents/DefaultGridAgent.js +4 -0
  103. package/lib/feature/ai/agents/GridFilterAgent.js +1 -0
  104. package/lib/feature/ai/agents/trainingData.js +1 -0
  105. package/lib/feature/base/CopyPasteBase.js +1 -0
  106. package/lib/feature/base/GridEditBase.js +1 -0
  107. package/lib/feature/base/SearchQuickFind.css +49 -0
  108. package/lib/feature/experimental/ExcelExporter.js +1 -0
  109. package/lib/feature/experimental/FileDrop.js +1 -0
  110. package/lib/feature/experimental/xlsproviders/WriteExcelFileProvider.js +1 -0
  111. package/lib/feature/experimental/xlsproviders/XlsProviderBase.js +1 -0
  112. package/lib/feature/export/PdfExport.css +148 -0
  113. package/lib/feature/export/PdfExport.js +5 -0
  114. package/lib/feature/export/Print.css +19 -0
  115. package/lib/feature/export/Print.js +1 -0
  116. package/lib/feature/export/Utils.js +1 -0
  117. package/lib/feature/export/consumer/ConsumerBase.js +1 -0
  118. package/lib/feature/export/consumer/PrintConsumer.js +1 -0
  119. package/lib/feature/export/consumer/SingleFetchConsumer.js +1 -0
  120. package/lib/feature/export/consumer/WebSocketConsumer.js +1 -0
  121. package/lib/feature/export/exporter/Exporter.js +1 -0
  122. package/lib/feature/export/exporter/ExporterBase.js +18 -0
  123. package/lib/feature/export/exporter/MultiPageExporter.js +1 -0
  124. package/lib/feature/export/exporter/MultiPageVerticalExporter.js +1 -0
  125. package/lib/feature/export/exporter/SinglePageExporter.js +1 -0
  126. package/lib/feature/export/exporter/SinglePageUnscaledExporter.js +1 -0
  127. package/lib/feature/export/mixin/PrintMixin.js +1 -0
  128. package/lib/feature/mixin/SummaryFormatter.css +35 -0
  129. package/lib/feature/mixin/SummaryFormatter.js +1 -0
  130. package/lib/localization/Ar.js +230 -0
  131. package/lib/localization/Bg.js +230 -0
  132. package/lib/localization/Ca.js +230 -0
  133. package/lib/localization/Cs.js +230 -0
  134. package/lib/localization/Da.js +230 -0
  135. package/lib/localization/De.js +230 -0
  136. package/lib/localization/El.js +230 -0
  137. package/lib/localization/En.js +230 -0
  138. package/lib/localization/EnGb.js +230 -0
  139. package/lib/localization/Es.js +230 -0
  140. package/lib/localization/Et.js +230 -0
  141. package/lib/localization/Eu.js +230 -0
  142. package/lib/localization/Fi.js +230 -0
  143. package/lib/localization/FrFr.js +230 -0
  144. package/lib/localization/Gl.js +230 -0
  145. package/lib/localization/He.js +230 -0
  146. package/lib/localization/Hi.js +230 -0
  147. package/lib/localization/Hr.js +230 -0
  148. package/lib/localization/Hu.js +230 -0
  149. package/lib/localization/Id.js +230 -0
  150. package/lib/localization/It.js +230 -0
  151. package/lib/localization/Ja.js +230 -0
  152. package/lib/localization/Kk.js +230 -0
  153. package/lib/localization/Ko.js +230 -0
  154. package/lib/localization/Lt.js +230 -0
  155. package/lib/localization/Lv.js +230 -0
  156. package/lib/localization/Ms.js +230 -0
  157. package/lib/localization/Nl.js +230 -0
  158. package/lib/localization/No.js +230 -0
  159. package/lib/localization/Pl.js +230 -0
  160. package/lib/localization/Pt.js +230 -0
  161. package/lib/localization/PtBr.js +230 -0
  162. package/lib/localization/Ro.js +230 -0
  163. package/lib/localization/Ru.js +230 -0
  164. package/lib/localization/Sk.js +230 -0
  165. package/lib/localization/Sl.js +230 -0
  166. package/lib/localization/Sr.js +230 -0
  167. package/lib/localization/SrRs.js +230 -0
  168. package/lib/localization/SvSE.js +230 -0
  169. package/lib/localization/Th.js +230 -0
  170. package/lib/localization/Tr.js +230 -0
  171. package/lib/localization/Uk.js +230 -0
  172. package/lib/localization/Vi.js +230 -0
  173. package/lib/localization/ZhCn.js +230 -0
  174. package/lib/localization/ZhTw.js +230 -0
  175. package/lib/override/salesforce/AllOverrides.js +1 -0
  176. package/lib/override/salesforce/GridBaseOverride.js +1 -0
  177. package/lib/override/salesforce/GridPrintOverride.js +1 -0
  178. package/lib/override/salesforce/RowExpanderOverride.js +1 -0
  179. package/lib/override/salesforce/RowOverride.js +1 -0
  180. package/lib/override/salesforce/TreeOverride.js +1 -0
  181. package/lib/row/Row.js +1 -0
  182. package/lib/row/RowManager.js +1 -0
  183. package/lib/util/GridLocation.js +1 -0
  184. package/lib/util/GridScroller.js +1 -0
  185. package/lib/util/SubGridScroller.js +1 -0
  186. package/lib/util/TableExporter.js +1 -0
  187. package/lib/view/Bar.js +1 -0
  188. package/lib/view/Footer.css +110 -0
  189. package/lib/view/Footer.js +11 -0
  190. package/lib/view/Grid.js +1 -0
  191. package/lib/view/GridBase.css +419 -0
  192. package/lib/view/GridBase.js +1 -0
  193. package/lib/view/Header.css +320 -0
  194. package/lib/view/Header.js +1 -0
  195. package/lib/view/SubGrid.css +325 -0
  196. package/lib/view/SubGrid.js +1 -0
  197. package/lib/view/TreeGrid.js +1 -0
  198. package/lib/view/export/ExportDialog.js +1 -0
  199. package/lib/view/export/field/ExportOrientationCombo.js +1 -0
  200. package/lib/view/export/field/ExportRowsCombo.js +1 -0
  201. package/lib/view/mixin/GridElementEvents.js +1 -0
  202. package/lib/view/mixin/GridFeatures.js +1 -0
  203. package/lib/view/mixin/GridNavigation.js +1 -0
  204. package/lib/view/mixin/GridResponsive.js +1 -0
  205. package/lib/view/mixin/GridSelection.js +1 -0
  206. package/lib/view/mixin/GridState.js +1 -0
  207. package/lib/view/mixin/GridSubGrids.js +1 -0
  208. package/lib/widget/AIFilterField.css +8 -0
  209. package/lib/widget/AIFilterField.js +1 -0
  210. package/lib/widget/ChecklistFilterCombo.css +21 -0
  211. package/lib/widget/ChecklistFilterCombo.js +1 -0
  212. package/lib/widget/GridChartDesigner.js +1 -0
  213. package/lib/widget/GridFieldFilterPicker.js +1 -0
  214. package/lib/widget/GridFieldFilterPickerGroup.js +1 -0
  215. package/lib/widget/GroupBar.css +88 -0
  216. package/lib/widget/GroupBar.js +1 -0
  217. package/lib/widget/TreeCombo.js +1 -0
  218. package/locales/grid.locale.Ar.js +1 -0
  219. package/locales/grid.locale.Bg.js +1 -0
  220. package/locales/grid.locale.Ca.js +1 -0
  221. package/locales/grid.locale.Cs.js +1 -0
  222. package/locales/grid.locale.Da.js +1 -0
  223. package/locales/grid.locale.De.js +1 -0
  224. package/locales/grid.locale.El.js +1 -0
  225. package/locales/grid.locale.En.js +1 -0
  226. package/locales/grid.locale.EnGb.js +1 -0
  227. package/locales/grid.locale.Es.js +1 -0
  228. package/locales/grid.locale.Et.js +1 -0
  229. package/locales/grid.locale.Eu.js +1 -0
  230. package/locales/grid.locale.Fi.js +1 -0
  231. package/locales/grid.locale.FrFr.js +1 -0
  232. package/locales/grid.locale.Gl.js +1 -0
  233. package/locales/grid.locale.He.js +1 -0
  234. package/locales/grid.locale.Hi.js +1 -0
  235. package/locales/grid.locale.Hr.js +1 -0
  236. package/locales/grid.locale.Hu.js +1 -0
  237. package/locales/grid.locale.Id.js +1 -0
  238. package/locales/grid.locale.It.js +1 -0
  239. package/locales/grid.locale.Ja.js +1 -0
  240. package/locales/grid.locale.Kk.js +1 -0
  241. package/locales/grid.locale.Ko.js +1 -0
  242. package/locales/grid.locale.Lt.js +1 -0
  243. package/locales/grid.locale.Lv.js +1 -0
  244. package/locales/grid.locale.Ms.js +1 -0
  245. package/locales/grid.locale.Nl.js +1 -0
  246. package/locales/grid.locale.No.js +1 -0
  247. package/locales/grid.locale.Pl.js +1 -0
  248. package/locales/grid.locale.Pt.js +1 -0
  249. package/locales/grid.locale.PtBr.js +1 -0
  250. package/locales/grid.locale.Ro.js +1 -0
  251. package/locales/grid.locale.Ru.js +1 -0
  252. package/locales/grid.locale.Sk.js +1 -0
  253. package/locales/grid.locale.Sl.js +1 -0
  254. package/locales/grid.locale.Sr.js +1 -0
  255. package/locales/grid.locale.SrRs.js +1 -0
  256. package/locales/grid.locale.SvSE.js +1 -0
  257. package/locales/grid.locale.Th.js +1 -0
  258. package/locales/grid.locale.Tr.js +1 -0
  259. package/locales/grid.locale.Uk.js +1 -0
  260. package/locales/grid.locale.Vi.js +1 -0
  261. package/locales/grid.locale.ZhCn.js +1 -0
  262. package/locales/grid.locale.ZhTw.js +1 -0
  263. package/material3-dark.css +307 -0
  264. package/material3-light.css +201 -0
  265. package/package.json +24 -0
  266. package/postinstall.cjs +11 -0
  267. package/stockholm-dark.css +202 -0
  268. package/stockholm-light.css +120 -0
  269. package/svalbard-dark.css +160 -0
  270. package/svalbard-light.css +99 -0
  271. package/visby-dark.css +243 -0
  272. package/visby-light.css +209 -0
package/stockholm-dark.css ADDED
@@ -0,0 +1,202 @@
1
+ @charset "UTF-8";
2
+
3
+ /* Themes need more specific rules than Widgets etc. to make sure the values are applied no matter the import order */
4
+ :root:not(.b-nothing), :host(:not(.b-nothing)) {
5
+ --b-primary : var(--b-color-blue);
6
+ --b-secondary : var(--b-color-orange);
7
+
8
+ --b-elevation-1 : 0 1px 3px 0 rgb(0 0 0 /0.22), 0 1px 1px 0 rgb(0 0 0 /0.20), 0 2px 1px -1px rgb(0 0 0 /0.18);
9
+ --b-elevation-2 : 0 1px 5px 0 rgb(0 0 0 /0.22), 0 2px 2px 0 rgb(0 0 0 /0.20), 0 3px 1px -2px rgb(0 0 0 /0.18);
10
+
11
+ /* region Neutral shades */
12
+ --b-neutral-100 : hsl(0 0 13%);
13
+ --b-neutral-99 : hsl(0 0 14%);
14
+ --b-neutral-98 : hsl(0 0 15%);
15
+ --b-neutral-97 : hsl(0 0 16%);
16
+ --b-neutral-96 : hsl(0 0 17%);
17
+ --b-neutral-95 : hsl(0 0 18%);
18
+ --b-neutral-94 : hsl(0 0 19%);
19
+ --b-neutral-93 : hsl(0 0 20%);
20
+ --b-neutral-92 : hsl(0 0 21%);
21
+ --b-neutral-91 : hsl(0 0 22%);
22
+ --b-neutral-90 : hsl(0 0 23%);
23
+ --b-neutral-85 : hsl(0 0 28%);
24
+ --b-neutral-80 : hsl(0 0 33%);
25
+ --b-neutral-75 : hsl(0 0 38%);
26
+ --b-neutral-70 : hsl(0 0 43%);
27
+ --b-neutral-65 : hsl(0 0 48%);
28
+ --b-neutral-60 : hsl(0 0 53%);
29
+ --b-neutral-55 : hsl(0 0 58%);
30
+ --b-neutral-50 : hsl(0 0 63%);
31
+ --b-neutral-45 : hsl(0 0 68%);
32
+ --b-neutral-40 : hsl(0 0 73%);
33
+ --b-neutral-35 : hsl(0 0 78%);
34
+ --b-neutral-30 : hsl(0 0 83%);
35
+ --b-neutral-25 : hsl(0 0 88%);
36
+ --b-neutral-20 : hsl(0 0 93%);
37
+ --b-neutral-15 : hsl(0 0 95%);
38
+ --b-neutral-10 : hsl(0 0 97%);
39
+ --b-neutral-5 : hsl(0 0 98%);
40
+ --b-neutral-2 : hsl(0 0 99%);
41
+ --b-neutral-1 : hsl(0 0 99.5%);
42
+ --b-neutral-0 : hsl(0 0 100%);
43
+ /* endregion */
44
+
45
+ --b-mix : hsl(0 0 13%);
46
+ --b-opposite : #fff;
47
+
48
+ /* region Core */
49
+ --b-widget-color-scheme : dark;
50
+ --b-widget-border-radius : 0.35em;
51
+ --b-widget-border-color : var(--b-neutral-60);
52
+ --b-widget-color : var(--b-neutral-15);
53
+ --b-widget-border-radius-large : 1em;
54
+
55
+ --b-button-font-weight : 400;
56
+
57
+ --b-button-group-padded-background : var(--b-neutral-90);
58
+
59
+ --b-checkbox-background : var(--b-primary-100);
60
+ --b-checkbox-hover-background : var(--b-primary-100);
61
+ --b-checkbox-checked-background : var(--b-neutral-100);
62
+ --b-checkbox-checked-hover-background : var(--b-neutral-100);
63
+
64
+ /* --b-list-checkbox-checked-check-color : var(--b-neutral-100); */
65
+
66
+ --b-panel-background : var(--b-neutral-98);
67
+
68
+ --b-popup-background : var(--b-panel-background);
69
+ --b-popup-padding : var(--b-widget-padding);
70
+
71
+ --b-slide-toggle-border-color : var(--b-widget-border-color);
72
+ --b-slide-toggle-thumb-background : var(--b-neutral-50);
73
+ --b-slide-toggle-thumb-size : 1.25em;
74
+ --b-slide-toggle-hovered-thumb-background : var(--b-neutral-55);
75
+ --b-slide-toggle-checked-thumb-background : var(--b-neutral-50);
76
+ --b-slide-toggle-checked-thumb-size : 1.25em;
77
+ --b-slide-toggle-disabled-border-color : var(--b-neutral-80);
78
+
79
+ --b-splitter-color : var(--b-border-7);
80
+
81
+ --b-toolbar-background : var(--b-neutral-98);
82
+
83
+ --b-tooltip-rich-padding : 1em;
84
+ --b-tooltip-rich-background : var(--b-neutral-94);
85
+ --b-tooltip-plain-background : var(--b-neutral-94);
86
+
87
+ --b-text-field-focus-border-width : 2px;
88
+ /* --b-text-field-border-color : var(--b-border-3); */
89
+
90
+ --b-text-field-outlined-input-padding : .9em;
91
+ --b-field-trigger-edge-gap : .9em;
92
+
93
+ /* endregion */
94
+
95
+ /* Grid */
96
+ --b-grid-header-background : var(--b-neutral-95);
97
+ --b-grid-header-color : var(--b-neutral-10);
98
+ --b-grid-cell-color : var(--b-neutral-20);
99
+ --b-grid-cell-border-color : var(--b-neutral-85);
100
+ --b-grid-header-font-weight : 400;
101
+ --b-grid-footer-background : var(--b-grid-header-background);
102
+ --b-grid-toolbar-background : var(--b-grid-header-background);
103
+ --b-grid-panel-header-border-bottom : none;
104
+ --b-stripe-odd-color : var(--b-neutral-97);
105
+ --b-group-header-background : var(--b-neutral-98);
106
+ --b-grid-header-icon-color : var(--b-neutral-50);
107
+
108
+ /* Scheduler */
109
+ --b-column-lines-tick-color : var(--b-neutral-93);
110
+
111
+ /* TaskBoard */
112
+ --b-task-board-card-background : var(--b-neutral-95);
113
+ --b-task-board-card-hover-background : var(--b-neutral-92);
114
+ }
115
+
116
+ /* Shades of primary color have to be specified per widget, for color-mix to work as intended */
117
+ .b-bryntum:not(.b-nothing) {
118
+ --bi-primary-shade : var(--b-primary-50);
119
+
120
+ /* region Core */
121
+ --b-button-tonal-background : var(--b-primary-92);
122
+
123
+ --b-button-type-text-hover-background : var(--b-primary-92);
124
+ --b-button-type-text-focused-background : var(--b-primary-90);
125
+ --b-button-type-text-pressed-background : var(--b-primary-95);
126
+
127
+ --b-checkbox-checked-check-color : var(--b-primary-20);
128
+
129
+ --b-chip-view-chip-background : var(--b-primary-85);
130
+ --b-chip-view-chip-hover-background : var(--b-primary-80);
131
+
132
+ --b-list-checkbox-checked-background : var(--b-primary-95);
133
+ --b-list-checkbox-checked-check-color : var(--b-checkbox-checked-check-color);
134
+ --b-list-checkbox-checked-border-color : var(--b-checkbox-checked-border-color);
135
+
136
+ --b-menu-background : var(--b-neutral-95);
137
+
138
+ --b-radio-checked-color : var(--b-primary-20);
139
+ --b-radio-checked-background : var(--b-primary-95);
140
+ --b-radio-checked-border-color : var(--b-widget-border-color);
141
+
142
+ --b-slide-toggle-background : var(--b-primary-97);
143
+ --b-slide-toggle-hover-background : var(--b-primary-97);
144
+ --b-slide-toggle-checked-hovered-thumb-background : var(--b-neutral-55);
145
+ --b-slide-toggle-checked-border-color : var(--b-widget-border-color);
146
+ --b-slide-toggle-checked-background : var(--b-primary-65);
147
+ --b-slide-toggle-checked-hover-background : var(--b-primary-65);
148
+
149
+ --b-slider-color : var(--b-primary-65);
150
+
151
+ --b-tab-indicator-color : var(--b-primary-50);
152
+
153
+ --b-text-field-focus-border-color : var(--bi-primary-shade);
154
+ --b-text-field-filled-hover-border-color : var(--bi-primary-shade);
155
+ --b-text-field-selection-background : var(--b-primary-70);
156
+
157
+ --b-panel-header-background : var(--b-primary-90);
158
+ --b-panel-header-color : var(--b-primary-30);
159
+
160
+ /* endregion */
161
+
162
+ /* Grid */
163
+ --b-grid-cell-hover-background : var(--b-primary-96);
164
+ --b-grid-cell-selected-background : var(--b-primary-94);
165
+ --b-grid-cell-hover-selected-background : var(--b-primary-92);
166
+ }
167
+
168
+ /* endregion */
169
+
170
+ /* Less vars target b-colorize compared to b-bryntum, making it cheaper to use for coloring many elements */
171
+ .b-colorize:not(.b-nothing) {
172
+ /* Grid */
173
+ --b-quick-find-background : var(--b-primary-90);
174
+
175
+ /* Scheduler */
176
+ --b-resource-time-range-background : var(--b-primary-70);
177
+ --b-resource-time-range-color : var(--b-primary-70);
178
+
179
+ /* Calendar */
180
+ --b-day-view-body-background : var(--b-primary-90);
181
+
182
+ /* Colorize */
183
+ --b-task-board-card-selected-background : var(--b-neutral-90);
184
+ }
185
+
186
+ /* Override specific event styles in Scheduler */
187
+ .b-sch-event-wrap {
188
+ --b-sch-event-tonal-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
189
+ --b-sch-event-tonal-hover-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 60%);
190
+ --b-sch-event-indented-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
191
+ --b-sch-event-indented-hover-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
192
+ --b-sch-event-indented-selected-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 60%);
193
+ }
194
+
195
+ /* Theme meta data */
196
+ .b-theme-info {
197
+ --b-theme-name : "StockholmDark";
198
+ --b-theme-filename : "stockholm-dark";
199
+ --b-theme-button-rendition : "outlined";
200
+ --b-theme-label-position : "align-before";
201
+ --b-theme-overlap-label : "false";
202
+ }
package/stockholm-light.css ADDED
@@ -0,0 +1,120 @@
1
+ @charset "UTF-8";
2
+
3
+ /* Themes need more specific rules than Widgets etc. to make sure the values are applied no matter the import order */
4
+ :root:not(.b-nothing), :host(:not(.b-nothing)) {
5
+ --b-primary : var(--b-color-blue);
6
+ --b-secondary : var(--b-color-orange);
7
+
8
+ --b-mix : #fff;
9
+ --b-opposite : #000;
10
+
11
+ /* region Core */
12
+
13
+ --b-widget-color-scheme : light;
14
+ --b-widget-border-radius : 0.35em;
15
+ --b-widget-border-radius-large : 1em;
16
+ --b-widget-border-color : var(--b-neutral-60);
17
+
18
+ --b-button-font-weight : 400;
19
+
20
+ --b-button-group-padded-background : var(--b-neutral-90);
21
+
22
+ --b-checkbox-background : var(--b-primary-100);
23
+ --b-checkbox-hover-background : var(--b-primary-100);
24
+ --b-checkbox-checked-background : var(--b-neutral-100);
25
+ --b-checkbox-checked-hover-background : var(--b-neutral-100);
26
+
27
+ --b-panel-background : var(--b-neutral-98);
28
+
29
+ --b-popup-background : var(--b-panel-background);
30
+ --b-popup-padding : var(--b-widget-padding);
31
+
32
+ --b-slide-toggle-border-color : var(--b-widget-border-color);
33
+ --b-slide-toggle-thumb-background : var(--b-neutral-50);
34
+ --b-slide-toggle-thumb-size : 1.25em;
35
+ --b-slide-toggle-hovered-thumb-background : var(--b-neutral-30);
36
+ --b-slide-toggle-checked-thumb-size : 1.25em;
37
+ --b-slide-toggle-disabled-border-color : var(--b-neutral-80);
38
+
39
+ --b-splitter-color : var(--b-border-7);
40
+
41
+ --b-text-field-focus-border-width : 2px;
42
+ /* --b-text-field-border-color : var(--b-border-3); */
43
+
44
+ --b-text-field-outlined-input-padding : .9em;
45
+ --b-field-trigger-edge-gap : .9em;
46
+
47
+ --b-toolbar-background : var(--b-neutral-98);
48
+
49
+ --b-tooltip-rich-padding : 1em;
50
+
51
+ /* endregion */
52
+
53
+ /* Grid */
54
+ --b-grid-header-background : var(--b-neutral-97);
55
+ --b-grid-header-font-weight : 400;
56
+ --b-grid-footer-background : var(--b-grid-header-background);
57
+ --b-grid-cell-border-color : var(--b-neutral-85);
58
+ --b-grid-toolbar-background : var(--b-grid-header-background);
59
+ --b-grid-panel-header-border-bottom : none;
60
+ --b-stripe-odd-color : var(--b-neutral-97);
61
+ --b-group-header-background : var(--b-neutral-98);
62
+ --b-grid-header-icon-color : var(--b-neutral-50);
63
+ }
64
+
65
+ /* Shades of primary color have to be specified per widget, for color-mix to work as intended */
66
+ .b-bryntum:not(.b-nothing) {
67
+ --bi-primary-shade : var(--b-primary-50);
68
+
69
+ /* region Core */
70
+
71
+ --b-button-tonal-background : var(--b-primary-92);
72
+
73
+ --b-button-type-text-focused-background : var(--b-primary-90);
74
+ --b-button-type-text-pressed-background : var(--b-primary-85);
75
+
76
+ --b-checkbox-checked-check-color : var(--b-primary-20);
77
+
78
+ --b-list-checkbox-checked-background : var(--b-primary-95);
79
+ --b-list-checkbox-checked-check-color : var(--b-checkbox-checked-check-color);
80
+ --b-list-checkbox-checked-border-color : var(--b-checkbox-checked-border-color);
81
+
82
+ --b-menu-background : var(--b-primary-100);
83
+
84
+ --b-radio-checked-color : var(--b-primary-20);
85
+ --b-radio-checked-background : var(--b-primary-95);
86
+ --b-radio-checked-border-color : var(--b-widget-border-color);
87
+
88
+ --b-slide-toggle-background : var(--b-primary-97);
89
+ --b-slide-toggle-hover-background : var(--b-primary-97);
90
+ --b-slide-toggle-checked-hovered-thumb-background : var(--b-primary-95);
91
+ --b-slide-toggle-checked-border-color : var(--b-widget-border-color);
92
+ --b-slide-toggle-checked-background : var(--b-primary-65);
93
+ --b-slide-toggle-checked-hover-background : var(--b-primary-65);
94
+
95
+ --b-slider-color : var(--b-primary-65);
96
+
97
+ --b-tab-indicator-color : var(--b-primary-50);
98
+
99
+ --b-text-field-focus-border-color : var(--bi-primary-shade);
100
+ --b-text-field-filled-hover-border-color : var(--bi-primary-shade);
101
+
102
+ --b-panel-header-background : var(--b-primary-90);
103
+ --b-panel-header-color : var(--b-primary-30);
104
+
105
+ /* endregion */
106
+
107
+ /* Grid */
108
+ --b-grid-cell-hover-background : var(--b-primary-96);
109
+ --b-grid-cell-selected-background : var(--b-primary-94);
110
+ --b-grid-cell-hover-selected-background : var(--b-primary-92);
111
+ }
112
+
113
+ /* Theme meta data */
114
+ .b-theme-info {
115
+ --b-theme-name : "StockholmLight";
116
+ --b-theme-filename : "stockholm-light";
117
+ --b-theme-button-rendition : "outlined";
118
+ --b-theme-label-position : "align-before";
119
+ --b-theme-overlap-label : "false";
120
+ }
package/svalbard-dark.css ADDED
@@ -0,0 +1,160 @@
1
+ @charset "UTF-8";
2
+
3
+ /* Themes need more specific rules than Widgets etc. to make sure the values are applied no matter the import order */
4
+ :root:not(.b-nothing), :host(:not(.b-nothing)) {
5
+ --b-primary : var(--b-color-blue);
6
+ --b-secondary : var(--b-color-orange);
7
+
8
+ --b-elevation-1 : 0 1px 3px 0 rgb(0 0 0 /0.22), 0 1px 1px 0 rgb(0 0 0 /0.20), 0 2px 1px -1px rgb(0 0 0 /0.18);
9
+ --b-elevation-2 : 0 1px 5px 0 rgb(0 0 0 /0.22), 0 2px 2px 0 rgb(0 0 0 /0.20), 0 3px 1px -2px rgb(0 0 0 /0.18);
10
+
11
+ /* region Neutral shades */
12
+ --b-neutral-100 : hsl(0 0 10%);
13
+ --b-neutral-99 : hsl(0 0 10.9%);
14
+ --b-neutral-98 : hsl(0 0 11.8%);
15
+ --b-neutral-97 : hsl(0 0 12.7%);
16
+ --b-neutral-96 : hsl(0 0 13.6%);
17
+ --b-neutral-95 : hsl(0 0 14.5%);
18
+ --b-neutral-94 : hsl(0 0 15.4%);
19
+ --b-neutral-93 : hsl(0 0 16.3%);
20
+ --b-neutral-92 : hsl(0 0 17.2%);
21
+ --b-neutral-91 : hsl(0 0 18.1%);
22
+ --b-neutral-90 : hsl(0 0 19%);
23
+ --b-neutral-85 : hsl(0 0 23.5%);
24
+ --b-neutral-80 : hsl(0 0 28%);
25
+ --b-neutral-75 : hsl(0 0 32.5%);
26
+ --b-neutral-70 : hsl(0 0 37%);
27
+ --b-neutral-65 : hsl(0 0 41.5%);
28
+ --b-neutral-60 : hsl(0 0 46%);
29
+ --b-neutral-55 : hsl(0 0 50.5%);
30
+ --b-neutral-50 : hsl(0 0 55%);
31
+ --b-neutral-45 : hsl(0 0 59.5%);
32
+ --b-neutral-40 : hsl(0 0 64%);
33
+ --b-neutral-35 : hsl(0 0 68.5%);
34
+ --b-neutral-30 : hsl(0 0 73%);
35
+ --b-neutral-25 : hsl(0 0 77.5%);
36
+ --b-neutral-20 : hsl(0 0 82%);
37
+ --b-neutral-15 : hsl(0 0 86.5%);
38
+ --b-neutral-10 : hsl(0 0 91%);
39
+ --b-neutral-5 : hsl(0 0 95.5%);
40
+ --b-neutral-2 : hsl(0 0 97.3%);
41
+ --b-neutral-1 : hsl(0 0 98.2%);
42
+ --b-neutral-0 : hsl(0 0 100%);
43
+ /* endregion */
44
+
45
+ --b-mix : hsl(0 0 12%);
46
+ --b-opposite : #fff;
47
+
48
+ /* region Core */
49
+ --b-widget-color-scheme : dark;
50
+ --b-widget-border-radius : .6em;
51
+ --b-widget-border-radius-large : 1.2em;
52
+ --b-widget-border-color : var(--b-neutral-60);
53
+
54
+ --b-field-set-border-color : var(--b-neutral-80);
55
+
56
+ --b-panel-with-header-padding : 0 var(--b-widget-padding-large) var(--b-widget-padding-large) var(--b-widget-padding-large);
57
+
58
+ --b-popup-background : var(--b-neutral-97);
59
+ --b-popup-padding : var(--b-widget-padding);
60
+
61
+ --b-tooltip-rich-background : var(--b-neutral-96);
62
+ --b-tooltip-plain-background : var(--b-neutral-96);
63
+
64
+ --b-slide-toggle-border-color : transparent;
65
+ --b-slide-toggle-disabled-border-color : transparent;
66
+ --b-slide-toggle-height : 1.5em;
67
+ --b-slide-toggle-width : 2.25em;
68
+
69
+ --b-splitter-color : var(--b-neutral-80);
70
+ --b-splitter-size : 1px;
71
+ --b-splitter-hover-size : 5px;
72
+ --b-splitter-hover-color : var(--b-neutral-90);
73
+
74
+ --b-text-field-outlined-input-padding : .9em;
75
+ --b-text-field-outlined-border-color : var(--b-border-6);
76
+ --b-field-trigger-edge-gap : .9em;
77
+
78
+ /* endregion */
79
+
80
+ /* Grid */
81
+ --b-grid-header-font-weight : 600;
82
+ --b-grid-header-color : var(--b-neutral-25);
83
+
84
+ /* Scheduler */
85
+ --b-column-lines-tick-color : var(--b-neutral-93);
86
+
87
+ /* Gantt */
88
+ --b-scroll-button-border-width : 1px;
89
+
90
+ /* TaskBoard */
91
+ --b-task-board-column-header-font-weight : 600;
92
+ }
93
+
94
+ /* Shades of primary color have to be specified per widget, for color-mix to work as intended */
95
+ .b-bryntum:not(.b-nothing) {
96
+ --bi-primary-shade : var(--b-primary-50);
97
+
98
+ /* region Core */
99
+
100
+ --b-checkbox-checked-background : var(--bi-primary-shade);
101
+ --b-checkbox-checked-border-color : var(--b-checkbox-checked-background);
102
+ --b-checkbox-checked-hover-background : var(--bi-primary-shade);
103
+
104
+ --b-list-checkbox-checked-background : var(--b-primary);
105
+
106
+ --b-menu-background : var(--b-neutral-95);
107
+
108
+ --b-radio-checked-color : var(--b-neutral-100);
109
+ --b-radio-checked-background : var(--bi-primary-shade);
110
+ --b-radio-checked-border-color : var(--b-radio-checked-background);
111
+ --b-radio-check-gap : 0.25em;
112
+
113
+ --b-slide-toggle-background : var(--b-neutral-80);
114
+ --b-slide-toggle-hover-background : var(--b-neutral-80);
115
+ --b-slide-toggle-checked-hovered-thumb-background : var(--b-primary-95);
116
+ --b-slide-toggle-checked-border-color : transparent;
117
+ --b-slide-toggle-checked-background : var(--bi-primary-shade);
118
+ --b-slide-toggle-checked-hover-background : var(--bi-primary-shade);
119
+
120
+ --b-slider-color : var(--bi-primary-shade);
121
+
122
+ --b-tab-indicator-color : var(--bi-primary-shade);
123
+
124
+ --b-text-field-focus-border-color : var(--bi-primary-shade);
125
+ --b-text-field-filled-hover-border-color : var(--bi-primary-shade);
126
+
127
+ --b-toast-background : var(--b-neutral-96);
128
+
129
+ /* endregion */
130
+
131
+ /* Grid */
132
+ }
133
+
134
+ /* Less vars target b-colorize compared to b-bryntum, making it cheaper to use for coloring many elements */
135
+ .b-colorize:not(.b-nothing) {
136
+ /* Grid */
137
+ --b-quick-find-background : var(--b-primary-90);
138
+
139
+ /* Scheduler */
140
+ --b-resource-time-range-background : var(--b-primary-70);
141
+ --b-resource-time-range-color : var(--b-primary-70);
142
+ }
143
+
144
+ /* Override specific event styles in Scheduler */
145
+ .b-sch-event-wrap {
146
+ --b-sch-event-tonal-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
147
+ --b-sch-event-tonal-hover-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 60%);
148
+ --b-sch-event-indented-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
149
+ --b-sch-event-indented-hover-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
150
+ --b-sch-event-indented-selected-background : color-mix(in srgb, var(--b-primary), var(--b-mix) 60%);
151
+ }
152
+
153
+ /* Theme meta data */
154
+ .b-theme-info {
155
+ --b-theme-name : "SvalbardDark";
156
+ --b-theme-filename : "svalbard-dark";
157
+ --b-theme-button-rendition : "text";
158
+ --b-theme-label-position : "align-before";
159
+ --b-theme-overlap-label : "false";
160
+ }
package/svalbard-light.css ADDED
@@ -0,0 +1,99 @@
1
+ @charset "UTF-8";
2
+
3
+ /* Themes need more specific rules than Widgets etc. to make sure the values are applied no matter the import order */
4
+ :root:not(.b-nothing), :host(:not(.b-nothing)) {
5
+ --b-primary : var(--b-color-blue);
6
+ --b-secondary : var(--b-color-orange);
7
+
8
+ --b-mix : #fff;
9
+ --b-opposite : #000;
10
+
11
+ /* region Core */
12
+
13
+ --b-widget-color-scheme : light;
14
+ --b-widget-border-radius : .6em;
15
+ --b-widget-border-radius-large : 1.2em;
16
+ --b-widget-border-color : var(--b-neutral-60);
17
+
18
+ --b-field-set-border-color : var(--b-neutral-80);
19
+
20
+ --b-panel-with-header-padding : 0 var(--b-widget-padding-large) var(--b-widget-padding-large) var(--b-widget-padding-large);
21
+
22
+ --b-popup-background : var(--b-panel-background);
23
+ --b-popup-padding : var(--b-widget-padding);
24
+
25
+ --b-slide-toggle-border-color : transparent;
26
+ --b-slide-toggle-disabled-border-color : transparent;
27
+ --b-slide-toggle-height : 1.5em;
28
+ --b-slide-toggle-width : 2.25em;
29
+
30
+ --b-splitter-color : var(--b-neutral-80);
31
+ --b-splitter-size : 1px;
32
+ --b-splitter-hover-size : 5px;
33
+ --b-splitter-hover-color : var(--b-neutral-90);
34
+
35
+ --b-text-field-outlined-input-padding : .9em;
36
+ --b-text-field-outlined-border-color : var(--b-border-6);
37
+ --b-field-trigger-edge-gap : .9em;
38
+
39
+ /* endregion */
40
+
41
+ /* Grid */
42
+ --b-grid-header-font-weight : 600;
43
+ --b-grid-header-color : var(--b-neutral-25);
44
+
45
+ /* Gantt */
46
+ --b-scroll-button-border-width : 1px;
47
+
48
+ /* TaskBoard */
49
+ --b-task-board-column-header-font-weight : 600;
50
+ }
51
+
52
+ /* Shades of primary color have to be specified per widget, for color-mix to work as intended */
53
+ .b-bryntum:not(.b-nothing) {
54
+ --bi-primary-shade : var(--b-primary-50);
55
+
56
+ /* region Core */
57
+
58
+ --b-checkbox-checked-background : var(--bi-primary-shade);
59
+ --b-checkbox-checked-border-color : var(--b-checkbox-checked-background);
60
+ --b-checkbox-checked-hover-background : var(--bi-primary-shade);
61
+
62
+ --b-list-checkbox-checked-background : var(--b-primary);
63
+
64
+ --b-menu-background : var(--b-primary-100);
65
+
66
+ --b-radio-checked-color : var(--b-neutral-100);
67
+ --b-radio-checked-background : var(--bi-primary-shade);
68
+ --b-radio-checked-border-color : var(--b-radio-checked-background);
69
+ --b-radio-check-gap : 0.25em;
70
+
71
+ --b-slide-toggle-background : var(--b-neutral-80);
72
+ --b-slide-toggle-hover-background : var(--b-neutral-80);
73
+ --b-slide-toggle-checked-hovered-thumb-background : var(--b-primary-95);
74
+ --b-slide-toggle-checked-border-color : transparent;
75
+ --b-slide-toggle-checked-background : var(--bi-primary-shade);
76
+ --b-slide-toggle-checked-hover-background : var(--bi-primary-shade);
77
+
78
+ --b-slider-color : var(--bi-primary-shade);
79
+
80
+ --b-tab-indicator-color : var(--bi-primary-shade);
81
+
82
+ --b-text-field-focus-border-color : var(--bi-primary-shade);
83
+ --b-text-field-filled-hover-border-color : var(--bi-primary-shade);
84
+
85
+ --b-toast-background : var(--b-neutral-100);
86
+
87
+ /* endregion */
88
+
89
+ /* Grid */
90
+ }
91
+
92
+ /* Theme meta data */
93
+ .b-theme-info {
94
+ --b-theme-name : "SvalbardLight";
95
+ --b-theme-filename : "svalbard-light";
96
+ --b-theme-button-rendition : "text";
97
+ --b-theme-label-position : "align-before";
98
+ --b-theme-overlap-label : "false";
99
+ }