@apia/theme 4.0.15 → 4.0.17

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.
@@ -1 +1 @@
1
- {"version":3,"file":"html-B-K0BIiw.js","sources":["../src/markdown/html.ts"],"sourcesContent":["import { IMarkdownHtml } from './types';\n\nexport const markdownHtml: IMarkdownHtml = (\n title: string,\n css: string,\n body: string,\n) => `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${title}</title>\n <style>\n${css}\n </style>\n</head>\n<body>\n <main id=\"Container\">${body}</main>\n</body>\n</html>`;\n"],"names":[],"mappings":"AAEO,MAAM,YAA8B,GAAA,CACzC,KACA,EAAA,GAAA,EACA,IACG,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EAKM,KAAK,CAAA;AAAA;AAAA,EAEd,GAAG;AAAA;AAAA;AAAA;AAAA,uBAAA,EAIoB,IAAI,CAAA;AAAA;AAAA,OAAA;;;;"}
1
+ {"version":3,"file":"html-B-K0BIiw.js","sources":["../src/markdown/html.ts"],"sourcesContent":["import { IMarkdownHtml } from './types';\r\n\r\nexport const markdownHtml: IMarkdownHtml = (\r\n title: string,\r\n css: string,\r\n body: string,\r\n) => `<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>${title}</title>\r\n <style>\r\n${css}\r\n </style>\r\n</head>\r\n<body>\r\n <main id=\"Container\">${body}</main>\r\n</body>\r\n</html>`;\r\n"],"names":[],"mappings":"AAEO,MAAM,YAA8B,GAAA,CACzC,KACA,EAAA,GAAA,EACA,IACG,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EAKM,KAAK,CAAA;AAAA;AAAA,EAEd,GAAG;AAAA;AAAA;AAAA;AAAA,uBAAA,EAIoB,IAAI,CAAA;AAAA;AAAA,OAAA;;;;"}
@@ -3,8 +3,8 @@ import tinycolor from 'tinycolor2';
3
3
  import merge from 'lodash-es/merge';
4
4
  import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
5
5
  import { Box, ThemeUIProvider, useThemeUI, ThemeProvider } from 'theme-ui';
6
+ import { forwardRef, useState, useRef, useMemo, Suspense } from 'react';
6
7
  import '@theme-ui/match-media';
7
- import { useState, useRef, useMemo, Suspense } from 'react';
8
8
  import { useMount, setValueByPath, EventEmitter } from '@apia/util';
9
9
  import { spacing as spacing$1, responsive as responsive$2 } from '@apia/theme';
10
10
  import { keyframes } from '@emotion/react';
@@ -697,7 +697,7 @@ const components$1 = (theme) => {
697
697
  secondaryTable: {
698
698
  borderColor: palette.background.paper,
699
699
  header: {
700
- backgroundColor: palette.background.default,
700
+ backgroundColor: palette.darkenColor(palette.background.default, 2),
701
701
  color: palette.text.primary,
702
702
  borderColor: palette.background.default
703
703
  },
@@ -706,12 +706,12 @@ const components$1 = (theme) => {
706
706
  backgroundColor: palette.background.paper,
707
707
  evenRowsBackgroundColor: palette.darkenColor(
708
708
  palette.background.paper,
709
- 3
709
+ 2
710
710
  ),
711
711
  color: palette.text.primary,
712
- borderColor: palette.gray["800"],
712
+ borderColor: palette.darkenColor(palette.background.paper, 5),
713
713
  selectedRows: {
714
- borderColor: palette.gray["800"],
714
+ borderColor: palette.darkenColor(palette.background.paper, 5),
715
715
  backgroundColor: palette.getOneState(
716
716
  { backgroundColor: palette.background.paper },
717
717
  "selected"
@@ -1255,6 +1255,9 @@ const MaterialInput = ({ title, label, boxProperties, ...props }) => /* @__PURE_
1255
1255
  );
1256
1256
 
1257
1257
  const Form = (props) => /* @__PURE__ */ jsx(Box, { as: "form", ...props });
1258
+ const Table = forwardRef(
1259
+ (props, ref) => /* @__PURE__ */ jsx(Box, { as: "table", ref, ...props })
1260
+ );
1258
1261
 
1259
1262
  const alerts = {
1260
1263
  primary: {
@@ -1831,14 +1834,25 @@ const menu = {
1831
1834
  position: "relative",
1832
1835
  padding: "0.375rem 1.5rem",
1833
1836
  paddingLeft: "2.2rem",
1834
- ".withIcon": {
1835
- padding: "0px",
1837
+ "&:has(> div.menu_item)": { paddingLeft: "10px" },
1838
+ ".menu_item": {
1839
+ padding: "0px 4px",
1836
1840
  display: "flex",
1837
- gap: "4px",
1838
- justifyContent: "left",
1841
+ gap: "12px",
1842
+ justifyContent: "flex-start",
1839
1843
  alignItems: "center",
1840
- ".icon": {
1841
- flexShrink: 0
1844
+ width: "100%",
1845
+ ".children_box": {},
1846
+ ".icon_box": {
1847
+ textAlign: "center",
1848
+ marginTop: "3px",
1849
+ flexShrink: "0",
1850
+ width: "32px",
1851
+ ".icon": {
1852
+ marginLeft: 0,
1853
+ flexShrink: 0,
1854
+ alignSelf: "flex-start"
1855
+ }
1842
1856
  }
1843
1857
  }
1844
1858
  },
@@ -1888,6 +1902,9 @@ const menu = {
1888
1902
  ".szh-menu__item--type-checkbox.szh-menu__item--checked::before": {
1889
1903
  content: '"\u2714"'
1890
1904
  },
1905
+ ".szh-menu__submenu.with-icon>.szh-menu__item": {
1906
+ paddingLeft: "58px"
1907
+ },
1891
1908
  ".szh-menu__submenu>.szh-menu__item": { paddingRight: "2.5rem" },
1892
1909
  ".szh-menu__submenu>.szh-menu__item::after": {
1893
1910
  content: '"\u276F"',
@@ -2501,12 +2518,12 @@ const deletableInput = {
2501
2518
  border: "none"
2502
2519
  },
2503
2520
  ".deletableInput__deleteButton": {
2504
- height: "100%",
2521
+ height: "80%",
2505
2522
  outlineOffset: "-2px",
2506
2523
  position: "absolute",
2507
2524
  right: 0,
2508
2525
  top: 0,
2509
- width: "45px",
2526
+ width: "40px",
2510
2527
  ...getColorsAndStatesByPath("buttons.deletableInputButton", {
2511
2528
  states: { path: true }
2512
2529
  })
@@ -3194,6 +3211,12 @@ const primary$4 = (theme) => {
3194
3211
  display: "table-cell",
3195
3212
  verticalAlign: "center",
3196
3213
  wordBreak: "break-word",
3214
+ textAlign: "left",
3215
+ "&.additional-column": {
3216
+ width: "50px",
3217
+ textAlign: "center",
3218
+ verticalAlign: "middle"
3219
+ },
3197
3220
  '&[role="presentation"]': {
3198
3221
  display: "none"
3199
3222
  },
@@ -3323,6 +3346,14 @@ const primary$4 = (theme) => {
3323
3346
  borderBottom: "1px solid",
3324
3347
  background: "transparent",
3325
3348
  borderColor: "components.primaryTable.body.borderColor",
3349
+ "&.additional-column": {
3350
+ width: "50px",
3351
+ textAlign: "center",
3352
+ padding: 4,
3353
+ button: {
3354
+ margin: "auto"
3355
+ }
3356
+ },
3326
3357
  "&.stickyColumn": {
3327
3358
  position: "sticky",
3328
3359
  left: 0,
@@ -3378,6 +3409,10 @@ const primary$4 = (theme) => {
3378
3409
  borderWidth: "1.5px",
3379
3410
  borderStyle: "dotted"
3380
3411
  },
3412
+ "&.editionMode *:focus": {
3413
+ outlineWidth: "5px",
3414
+ outlineStyle: "dotted"
3415
+ },
3381
3416
  ".stateCell": {
3382
3417
  width: "50px",
3383
3418
  maxWidth: "50px",
@@ -3620,11 +3655,12 @@ const clean = (theme) => {
3620
3655
  display: "table-cell",
3621
3656
  verticalAlign: "center",
3622
3657
  wordBreak: "break-word",
3623
- p: 0,
3624
- px: 0,
3625
- py: 0,
3658
+ py: spacing(3),
3659
+ px: 4,
3626
3660
  border: "none",
3627
3661
  borderBottom: "1px solid #ccc",
3662
+ textAlign: "left",
3663
+ fontWeight: "bold",
3628
3664
  '&[role="presentation"]': {
3629
3665
  display: "none"
3630
3666
  },
@@ -3767,9 +3803,10 @@ const clean = (theme) => {
3767
3803
  }
3768
3804
  },
3769
3805
  td: {
3806
+ py: spacing(3),
3807
+ px: 4,
3770
3808
  border: "none",
3771
3809
  display: "table-cell",
3772
- p: 0,
3773
3810
  overflow: "hidden",
3774
3811
  whiteSpace: "nowrap",
3775
3812
  textOverflow: "ellipsis",
@@ -3793,10 +3830,6 @@ const clean = (theme) => {
3793
3830
  ".autoellipsis__container": {
3794
3831
  width: "100%"
3795
3832
  },
3796
- "& > *": {
3797
- py: spacing(3),
3798
- px: 4
3799
- },
3800
3833
  borderBottomWidth: "1px",
3801
3834
  borderBottomStyle: "solid",
3802
3835
  borderBottomColor: "components.cleanTable.body.borderColor"
@@ -4489,6 +4522,11 @@ const chat$1 = {
4489
4522
  width: "100%",
4490
4523
  border: "1px solid",
4491
4524
  borderColor: "palette.border.section",
4525
+ ".chat_controller": {
4526
+ display: "flex",
4527
+ flexDirection: "column",
4528
+ gap: "3"
4529
+ },
4492
4530
  ".autoscrollContainer": {
4493
4531
  display: "flex",
4494
4532
  flexDirection: "column",
@@ -4667,7 +4705,9 @@ const autocomplete = {
4667
4705
  position: "relative"
4668
4706
  },
4669
4707
  ".autocomplete__search.disabled": {
4670
- cursor: "not-allowed"
4708
+ cursor: "not-allowed",
4709
+ background: "form.fields.disabled.backgroundColor",
4710
+ borderColor: "form.fields.disabled.backgroundColor"
4671
4711
  },
4672
4712
  ".autocomplete__icons": {
4673
4713
  alignItems: "center",
@@ -4689,11 +4729,14 @@ const autocomplete = {
4689
4729
  }
4690
4730
  },
4691
4731
  optionsContainer: {
4692
- background: "palette.background.paper",
4693
- border: "1px solid",
4694
- borderColor: "palette.border.field",
4695
- overflow: "auto",
4696
- zIndex: "tooltip",
4732
+ "&.autocomplete__options__box": {
4733
+ background: "palette.background.paper",
4734
+ border: "1px solid",
4735
+ borderColor: "palette.border.field",
4736
+ zIndex: "tooltip",
4737
+ overflow: "auto",
4738
+ display: "block"
4739
+ },
4697
4740
  ".autocomplete__option": {
4698
4741
  variant: "buttons.link",
4699
4742
  border: "none",
@@ -4805,6 +4848,114 @@ const infoButton = {
4805
4848
  }
4806
4849
  };
4807
4850
 
4851
+ const rangeFilter = {
4852
+ backgroundColor: "white",
4853
+ display: "flex",
4854
+ alignItems: "center",
4855
+ ".ApiaFilter__Range__Low": {
4856
+ "input:first-of-type": {
4857
+ textAlign: "end"
4858
+ },
4859
+ "input:first-of-type::-webkit-inner-spin-button, input:first-of-type::-webkit-outer-spin-button": {
4860
+ WebkitAppearance: "none",
4861
+ margin: 0
4862
+ },
4863
+ "input[type=number]": {
4864
+ MozAppearance: "textfield"
4865
+ }
4866
+ },
4867
+ ".ApiaFilter__Range__High": {
4868
+ "input:first-of-type::-webkit-inner-spin-button, input:first-of-type::-webkit-outer-spin-button": {
4869
+ WebkitAppearance: "none",
4870
+ margin: 0
4871
+ },
4872
+ "input[type=number]": {
4873
+ MozAppearance: "textfield"
4874
+ }
4875
+ },
4876
+ "div:has(.ApiaFilter__Range__UnitSelector)": {
4877
+ flexShrink: 0,
4878
+ flexBasis: "80px"
4879
+ }
4880
+ };
4881
+
4882
+ const filters = {
4883
+ rangeFilter
4884
+ /* PREPEND HERE */
4885
+ };
4886
+
4887
+ const fileCard = {
4888
+ "&.fileCard": {
4889
+ display: "flex",
4890
+ alignItems: "center",
4891
+ position: "relative",
4892
+ border: "1px solid",
4893
+ borderColor: "palette.gray.800",
4894
+ height: "50px",
4895
+ // borderRadius: 'default',
4896
+ borderRadius: "7px",
4897
+ boxShadow: "0px 1px 1px #c7c7c7",
4898
+ background: "palette.background.paper",
4899
+ cursor: "pointer",
4900
+ ".fileCard__content": {
4901
+ display: "flex",
4902
+ alignItems: "center",
4903
+ p: 3,
4904
+ gap: 3,
4905
+ width: "100%"
4906
+ },
4907
+ button: {
4908
+ boxShadow: "none"
4909
+ }
4910
+ },
4911
+ "&.selected": (theme) => {
4912
+ return {
4913
+ backgroundColor: theme.palette.getColor("transparent", "selected")
4914
+ };
4915
+ },
4916
+ "&.fileList__modal": {
4917
+ // pr: 7,
4918
+ },
4919
+ ".file__icon": {
4920
+ flexShrink: 0
4921
+ },
4922
+ ".fileCard__name": {
4923
+ whiteSpace: "nowrap",
4924
+ overflow: "hidden",
4925
+ textOverflow: "ellipsis"
4926
+ },
4927
+ ".fileCard__additionalButtons": {
4928
+ flexShrink: 0,
4929
+ display: "flex",
4930
+ height: "100%",
4931
+ ml: 3
4932
+ },
4933
+ ".fileCard__additionalButtons:hover": {
4934
+ color: "palette.text.primary"
4935
+ },
4936
+ ".fileCard__delete, .fileCard__additionalButton": {
4937
+ width: "auto",
4938
+ height: "100%",
4939
+ backgroundColor: "inherit",
4940
+ border: "none",
4941
+ m: 0,
4942
+ flexShrink: 0,
4943
+ px: 3,
4944
+ borderRadius: "7px",
4945
+ color: "palette.text.primary",
4946
+ svg: {
4947
+ width: "18px",
4948
+ height: "18px"
4949
+ }
4950
+ },
4951
+ ".fileCard__additionalButton[class]:hover": (theme) => {
4952
+ return {
4953
+ backgroundColor: theme.palette.getColor("white", "hover"),
4954
+ color: "palette.text.primary"
4955
+ };
4956
+ }
4957
+ };
4958
+
4808
4959
  const components = {
4809
4960
  /* PREPEND HERE */
4810
4961
  accordion,
@@ -4814,7 +4965,9 @@ const components = {
4814
4965
  chat: chat$1,
4815
4966
  toolbar,
4816
4967
  aiMessage,
4817
- infoButton
4968
+ infoButton,
4969
+ filters,
4970
+ fileCard
4818
4971
  };
4819
4972
 
4820
4973
  const labelBox = {
@@ -5094,11 +5247,110 @@ const fadeInFromTop = keyframes`
5094
5247
  opacity: 1;
5095
5248
  }
5096
5249
  `;
5097
- const animations = { fadeInFromBottom, fadeInFromTop };
5250
+ const fadeIn = keyframes`
5251
+ 0% {
5252
+ opacity: 0;
5253
+ }
5254
+ 100% {
5255
+ opacity: 1;
5256
+ }
5257
+ `;
5258
+ const animations = { fadeInFromBottom, fadeInFromTop, fadeIn };
5098
5259
 
5099
5260
  const semanticSearch = {
5100
5261
  execution: {
5101
5262
  background: "palette.background.default",
5263
+ ".chat_history": {
5264
+ margin: "50px 0 90px 0"
5265
+ },
5266
+ pre: {
5267
+ m: 0
5268
+ },
5269
+ ".sem_search__system_message": {
5270
+ display: "flex",
5271
+ flexDirection: "column",
5272
+ position: "relative"
5273
+ },
5274
+ ".sem_search__stream_blocks": {
5275
+ display: "flex",
5276
+ flexDirection: "column",
5277
+ gap: 3,
5278
+ padding: "16px 24px 0 24px"
5279
+ },
5280
+ ".sem_search__stream_block": {
5281
+ animation: `${animations.fadeIn} 0.2s`,
5282
+ borderRadius: "5px",
5283
+ padding: "5px 10px",
5284
+ background: "#d8e3e7",
5285
+ color: "black",
5286
+ listStyle: "disc"
5287
+ },
5288
+ ".sem_search__thumbs": {
5289
+ display: "flex",
5290
+ justifyContent: "end",
5291
+ gap: 2,
5292
+ position: "absolute",
5293
+ bottom: 0,
5294
+ right: 0,
5295
+ ".unselected": {
5296
+ color: "#c2c2c2"
5297
+ },
5298
+ ".selected": {
5299
+ strokeWidth: "15px"
5300
+ },
5301
+ ".no_feedback": {
5302
+ color: "gray"
5303
+ }
5304
+ },
5305
+ ".ellipsis": {
5306
+ padding: "0 24px 32px 24px",
5307
+ fontWeight: "bold"
5308
+ },
5309
+ ".markdown": {
5310
+ padding: "0 24px 32px 24px",
5311
+ "h1, h2, h3, h4, h5, h6": {
5312
+ margin: "32px 0px 20px 0px",
5313
+ "& *": {
5314
+ fontSize: "inherit",
5315
+ fontWeight: "inherit",
5316
+ fontFamily: "inherit"
5317
+ }
5318
+ },
5319
+ blockquote: {
5320
+ fontStyle: "italic"
5321
+ },
5322
+ table: {
5323
+ variant: "layout.common.tables.secondary",
5324
+ thead: {
5325
+ zIndex: 0
5326
+ }
5327
+ },
5328
+ h2: {
5329
+ display: "block",
5330
+ borderBottom: "2px solid hsl(195deg 10% 49% / 50%)",
5331
+ paddingBottom: "16px"
5332
+ },
5333
+ h3: {
5334
+ textDecoration: "underline"
5335
+ },
5336
+ h4: {
5337
+ fontSize: "20px"
5338
+ },
5339
+ ul: {
5340
+ listStyle: "unset",
5341
+ listStyleType: "disc",
5342
+ margin: "unset",
5343
+ padding: "unset",
5344
+ paddingLeft: "20px",
5345
+ paddingBottom: "16px"
5346
+ },
5347
+ "ol + ul, ul + ul, ol ul, ul ul": {
5348
+ paddingLeft: "72px"
5349
+ },
5350
+ "p, ul, ol, blockQuote, table": {
5351
+ mt: "16px"
5352
+ }
5353
+ },
5102
5354
  ".filters__container": {
5103
5355
  " > div": {
5104
5356
  display: "flex",
@@ -5205,10 +5457,6 @@ const semanticSearch = {
5205
5457
  background: "transparent",
5206
5458
  border: "none"
5207
5459
  },
5208
- "a:-webkit-any-link": {
5209
- color: "unset",
5210
- textDecoration: "unset"
5211
- },
5212
5460
  ".references_item": {
5213
5461
  maxWidth: "180px",
5214
5462
  whiteSpace: "nowrap",
@@ -5319,7 +5567,12 @@ const semanticSearch = {
5319
5567
  ml: "1px"
5320
5568
  }
5321
5569
  },
5322
- ".messages_box": { fontSize: "22px", minHeight: "88vh" },
5570
+ ".messages_box": {
5571
+ fontSize: "22px",
5572
+ minHeight: "82vh",
5573
+ paddingTop: "7%",
5574
+ marginBottom: "8%"
5575
+ },
5323
5576
  ".history__message": {
5324
5577
  borderRadius: "panel",
5325
5578
  margin: "15px",
@@ -5421,6 +5674,10 @@ const semanticSearch = {
5421
5674
  gap: spacing(6),
5422
5675
  pt: spacing(5)
5423
5676
  }
5677
+ },
5678
+ ".autogrow_textarea": {
5679
+ maxHeight: "20vh",
5680
+ width: "100%"
5424
5681
  }
5425
5682
  }
5426
5683
  };
@@ -5432,7 +5689,7 @@ const ai = {
5432
5689
  /* PREPEND HERE */
5433
5690
  };
5434
5691
 
5435
- const form = {
5692
+ const form$1 = {
5436
5693
  /* PREPEND HERE */
5437
5694
  alignItems: "center",
5438
5695
  justifyContent: "center",
@@ -5446,6 +5703,17 @@ const form = {
5446
5703
  boxShadow: "0px 2px 6px #0002",
5447
5704
  width: "100%",
5448
5705
  p: spacing(3),
5706
+ flexDirection: "column",
5707
+ position: "relative",
5708
+ ".chatButtons": {
5709
+ display: "flex",
5710
+ flexDirection: "row",
5711
+ alignitems: "end",
5712
+ justifyContent: "end",
5713
+ position: "absolute",
5714
+ bottom: "4px",
5715
+ right: "4px"
5716
+ },
5449
5717
  "&:focus-within": focusOutline,
5450
5718
  "& > *:focus[class]": {
5451
5719
  outlineWidth: 0
@@ -5467,14 +5735,16 @@ const form = {
5467
5735
  backgroundColor: "palette.error.main"
5468
5736
  },
5469
5737
  ".searchTextArea": {
5470
- minHeight: "34px",
5471
- height: "34px",
5738
+ minHeight: "16px",
5739
+ height: "16px",
5740
+ width: "100%",
5741
+ maxHeight: "30vh",
5472
5742
  resize: "none",
5473
- py: spacing(2),
5743
+ py: 0,
5474
5744
  background: "transparent",
5475
5745
  border: "none"
5476
5746
  },
5477
- ".SearchButton": {
5747
+ ".ChatBarButton": {
5478
5748
  borderRadius: "panel",
5479
5749
  height: "34px",
5480
5750
  width: "34px",
@@ -5482,6 +5752,15 @@ const form = {
5482
5752
  background: "transparent",
5483
5753
  border: "none",
5484
5754
  color: "palette.text.primary"
5755
+ },
5756
+ ".isRecording": {
5757
+ borderRadius: "panel",
5758
+ height: "34px",
5759
+ width: "34px",
5760
+ flexShrink: 0,
5761
+ background: "transparent",
5762
+ border: "none",
5763
+ color: "red"
5485
5764
  }
5486
5765
  };
5487
5766
 
@@ -5492,6 +5771,14 @@ const history = {
5492
5771
  width: "100%",
5493
5772
  gap: 2,
5494
5773
  p: 3,
5774
+ ".history_message__content": {
5775
+ display: "flex",
5776
+ flexDirection: "column",
5777
+ gap: "16px",
5778
+ h3: {
5779
+ fontSize: "20px"
5780
+ }
5781
+ },
5495
5782
  ".history_message": {
5496
5783
  px: 4,
5497
5784
  py: 5,
@@ -5507,10 +5794,16 @@ const history = {
5507
5794
  "&.first": {
5508
5795
  borderTopRightRadius: "0px"
5509
5796
  },
5797
+ "&.first:has(+ .first))": {
5798
+ mb: 4
5799
+ },
5510
5800
  backgroundColor: "rgb(108 166 203)",
5511
5801
  // TODO: Set the correct color, if necessary, define it in palette
5512
5802
  color: "white",
5513
5803
  // TODO: Set the correct color, if necessary, define it in palette
5804
+ ".fileCard__content": {
5805
+ color: "palette.text.primary"
5806
+ },
5514
5807
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
5515
5808
  // TODO: Set the correct color, if necessary, define it in palette
5516
5809
  border: "1px solid rgb(113 145 193)",
@@ -5523,6 +5816,9 @@ const history = {
5523
5816
  "&.first": {
5524
5817
  borderTopLeftRadius: "0px"
5525
5818
  },
5819
+ "&.first:has(+ .first))": {
5820
+ mb: 4
5821
+ },
5526
5822
  backgroundColor: "#00bcff14",
5527
5823
  // TODO: Set the correct color, if necessary, define it in palette
5528
5824
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
@@ -5584,12 +5880,16 @@ const controller = {
5584
5880
  display: "flex",
5585
5881
  flexDirection: "column",
5586
5882
  alignItems: "stretch",
5587
- height: "100%",
5883
+ maxHeight: "50vh",
5588
5884
  gap: 3,
5885
+ flexBasis: "50vh",
5589
5886
  ".autoscrollContainer": {
5590
5887
  flexGrow: 1,
5591
5888
  flexShrink: 1,
5592
- flexBasis: "30vh"
5889
+ overflow: "auto"
5890
+ },
5891
+ ".search_controls": {
5892
+ flexShrink: 0
5593
5893
  }
5594
5894
  };
5595
5895
 
@@ -5689,8 +5989,6 @@ const message = {
5689
5989
 
5690
5990
  const assistant = {
5691
5991
  floatingAssistant: {
5692
- maxHeight: "50vh",
5693
- height: "50vh",
5694
5992
  "& div.modal__content[class]": {
5695
5993
  p: 3,
5696
5994
  width: "min(90vw, 500px)"
@@ -5698,9 +5996,6 @@ const assistant = {
5698
5996
  ".modal__main": {
5699
5997
  maxWidth: "unset",
5700
5998
  overflow: "hidden"
5701
- },
5702
- ".autoscrollContainer": {
5703
- height: "30vh"
5704
5999
  }
5705
6000
  }
5706
6001
  };
@@ -5708,7 +6003,7 @@ const assistant = {
5708
6003
  const chat = {
5709
6004
  /* PREPEND HERE */
5710
6005
  assistant,
5711
- form,
6006
+ form: form$1,
5712
6007
  history,
5713
6008
  controller,
5714
6009
  attachments,
@@ -5875,11 +6170,47 @@ const charts = {
5875
6170
  }
5876
6171
  };
5877
6172
 
6173
+ const form = {
6174
+ /* PREPEND HERE */
6175
+ flexDirection: "column",
6176
+ ".fieldWrapper": {
6177
+ display: "flex",
6178
+ flexDirection: "column",
6179
+ alignItems: "stretch",
6180
+ "&.checkbox": {
6181
+ alignItems: "start"
6182
+ }
6183
+ },
6184
+ ".error": {
6185
+ borderLeftStyle: "solid",
6186
+ borderLeftWidth: "4px",
6187
+ borderLeftColor: "danger"
6188
+ },
6189
+ ".touched": {
6190
+ borderStyle: "solid",
6191
+ borderWidth: "1px",
6192
+ borderColor: "palette.primary.main",
6193
+ "&.radio-label": {
6194
+ border: "none",
6195
+ "input[role]:checked~svg": {
6196
+ "&, path": {
6197
+ color: "palette.primary.main"
6198
+ }
6199
+ }
6200
+ }
6201
+ }
6202
+ };
6203
+
6204
+ const validations = {
6205
+ form
6206
+ };
6207
+
5878
6208
  const layout = (theme) => {
5879
6209
  return {
5880
6210
  charts,
5881
6211
  common: common(theme),
5882
- util
6212
+ util,
6213
+ validations
5883
6214
  /* PREPEND HERE */
5884
6215
  };
5885
6216
  };
@@ -6481,7 +6812,7 @@ async function getRemarkable(extensions) {
6481
6812
 
6482
6813
  const parseMarkdown = async (options) => {
6483
6814
  const markdownLibrary = await getRemarkable(options.extensions);
6484
- const css = (await import('./styles-CdyzuHLg.js')).markdownParserStyles ?? new ErrorImporting();
6815
+ const css = (await import('./styles-CXru8otC.js')).markdownParserStyles ?? new ErrorImporting();
6485
6816
  if (css instanceof ErrorImporting)
6486
6817
  throw new Error("Could not import css, cannot continue");
6487
6818
  const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
@@ -6938,5 +7269,5 @@ class MarkdownBuilder {
6938
7269
  }
6939
7270
  }
6940
7271
 
6941
- export { ApiaThemeProvider as A, MarkdownTableOfContents as B, Form as F, MaterialInput as M, getColorStates as a, getColorsAndStatesByDefinition as b, getColorsAndStatesByPath as c, getColorsByDefinition as d, getColorsByPath as e, getOneColorState as f, getColorState as g, applyStatesGetColor as h, makeStyledComponent as i, injectStyles as j, getSpacingLayouts as k, spacing as l, markdownExtensions as m, smallButton as n, focusOutline as o, parsePalette as p, getVariant as q, responsive$1 as r, spacingLayouts as s, MarkdownBlock as t, useMainTheme as u, MarkdownBuilder as v, parseMarkdown as w, MarkdownList as x, MarkdownParagraph as y, MarkdownTable as z };
6942
- //# sourceMappingURL=index-BSfm5Owk.js.map
7272
+ export { ApiaThemeProvider as A, MarkdownTableOfContents as B, Form as F, MaterialInput as M, Table as T, getColorStates as a, getColorsAndStatesByDefinition as b, getColorsAndStatesByPath as c, getColorsByDefinition as d, getColorsByPath as e, getOneColorState as f, getColorState as g, applyStatesGetColor as h, makeStyledComponent as i, injectStyles as j, getSpacingLayouts as k, spacing as l, markdownExtensions as m, smallButton as n, focusOutline as o, parsePalette as p, getVariant as q, responsive$1 as r, spacingLayouts as s, MarkdownBlock as t, useMainTheme as u, MarkdownBuilder as v, parseMarkdown as w, MarkdownList as x, MarkdownParagraph as y, MarkdownTable as z };
7273
+ //# sourceMappingURL=index-B5yux0Do.js.map