@apia/theme 3.0.22 → 3.0.23

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 (19) hide show
  1. package/dist/html-B-K0BIiw.js.map +1 -1
  2. package/dist/{index-wohlbdB8.js → index-DY2si0MO.js} +224 -152
  3. package/dist/index-DY2si0MO.js.map +1 -0
  4. package/dist/index.js +1 -1
  5. package/dist/{styles-3M4Ekmpa.js → styles-aaU5Rq9Y.js} +2 -2
  6. package/dist/styles-aaU5Rq9Y.js.map +1 -0
  7. package/jsx-runtime/dist/jsx-runtime.d.ts +3 -3
  8. package/jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js +2 -2
  9. package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts +2 -2
  10. package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts.map +1 -1
  11. package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.dev.js +21 -21
  12. package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js +7 -7
  13. package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.prod.js +21 -21
  14. package/jsx-runtime/dist/theme-ui-jsx-runtime.esm.js +2 -2
  15. package/jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js +2 -2
  16. package/jsx-runtime/package.json +8 -8
  17. package/package.json +3 -3
  18. package/dist/index-wohlbdB8.js.map +0 -1
  19. package/dist/styles-3M4Ekmpa.js.map +0 -1
package/dist/html-B-K0BIiw.js.map CHANGED
@@ -1 +1 @@
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,CAAA;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';\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,CAAA;AAAA;AAAA;AAAA;AAAA,uBAAA,EAIoB,IAAI,CAAA;AAAA;AAAA,OAAA;;;;"}
package/dist/{index-wohlbdB8.js → index-DY2si0MO.js} RENAMED
@@ -4796,94 +4796,37 @@ const boxes = {
4796
4796
 
4797
4797
  const form$1 = {
4798
4798
  /* PREPEND HERE */
4799
- alignItems: "end",
4800
- width: "100%",
4799
+ alignItems: "center",
4800
+ justifyContent: "center",
4801
4801
  display: "flex",
4802
- flexDirection: "column",
4803
- gap: 3,
4804
- ".textarea__container": {
4805
- position: "relative",
4806
- width: "100%",
4807
- display: "flex",
4808
- ".buttons__container": {
4809
- position: "absolute",
4810
- right: "10px",
4811
- bottom: "10px",
4812
- display: "flex",
4813
- width: "auto",
4814
- gap: "8px",
4815
- button: {
4816
- background: "transparent"
4817
- }
4818
- },
4819
- button: {
4820
- // borderRadius: '50%',
4821
- background: "white",
4822
- border: "none",
4823
- color: "black"
4824
- // height: '50px',
4825
- // width: '50px',
4826
- },
4827
- "button:hover": {
4828
- background: "palette.background.overlay"
4829
- },
4830
- ".button__content": {
4831
- display: "flex"
4832
- }
4833
- },
4834
- textarea: {
4835
- height: "150px",
4836
- maxHeight: "30vh",
4837
- width: "100%",
4838
- scrollbarColor: "transparent",
4839
- flexShrink: 1
4840
- // resize: 'none',
4841
- },
4842
- "textarea::-webkit-scrollbar": {
4843
- display: "none"
4844
- },
4845
- ".gpt__buttonsContainer": {
4846
- display: "none",
4847
- alignItems: "end",
4848
- gap: 3
4802
+ gap: 0,
4803
+ mx: "auto",
4804
+ background: "palette.background.paper",
4805
+ border: "1px solid",
4806
+ borderColor: "palette.border.section",
4807
+ borderRadius: "panel",
4808
+ boxShadow: "0px 2px 6px #0002",
4809
+ width: "100%",
4810
+ p: spacing(3),
4811
+ "&:focus-within": focusOutline,
4812
+ "& > *:focus[class]": {
4813
+ outlineWidth: 0
4849
4814
  },
4850
- ul: {
4851
- ml: 6,
4852
- listStyle: "square"
4815
+ ".filter_button_box": {
4816
+ position: "relative"
4853
4817
  },
4854
- ".search_controls": {
4818
+ ".applied_filters_label": {
4819
+ position: "absolute",
4820
+ bottom: "21px",
4821
+ left: "20px",
4822
+ minWidth: "10px",
4823
+ maxHeight: "10px",
4824
+ border: "2px solid white",
4825
+ borderRadius: "100%",
4826
+ display: "inline-flex",
4855
4827
  alignItems: "center",
4856
4828
  justifyContent: "center",
4857
- display: "flex",
4858
- gap: 0,
4859
- mx: "auto",
4860
- background: "palette.background.paper",
4861
- border: "1px solid",
4862
- borderColor: "palette.border.section",
4863
- borderRadius: "panel",
4864
- boxShadow: "0px 2px 6px #0002",
4865
- width: "100%",
4866
- p: spacing(3),
4867
- "&:focus-within": focusOutline,
4868
- "& > *:focus": {
4869
- outline: "none"
4870
- },
4871
- ".filter_button_box": {
4872
- position: "relative"
4873
- },
4874
- ".applied_filters_label": {
4875
- position: "absolute",
4876
- bottom: "21px",
4877
- left: "20px",
4878
- minWidth: "10px",
4879
- maxHeight: "10px",
4880
- border: "2px solid white",
4881
- borderRadius: "100%",
4882
- display: "inline-flex",
4883
- alignItems: "center",
4884
- justifyContent: "center",
4885
- backgroundColor: "palette.error.main"
4886
- }
4829
+ backgroundColor: "palette.error.main"
4887
4830
  },
4888
4831
  ".searchTextArea": {
4889
4832
  minHeight: "34px",
@@ -4893,7 +4836,7 @@ const form$1 = {
4893
4836
  background: "transparent",
4894
4837
  border: "none"
4895
4838
  },
4896
- ".SearchButton": {
4839
+ ".ChatBarButton": {
4897
4840
  borderRadius: "panel",
4898
4841
  height: "34px",
4899
4842
  width: "34px",
@@ -4901,73 +4844,84 @@ const form$1 = {
4901
4844
  background: "transparent",
4902
4845
  border: "none",
4903
4846
  color: "palette.text.primary"
4847
+ },
4848
+ ".isRecording": {
4849
+ borderRadius: "panel",
4850
+ height: "34px",
4851
+ width: "34px",
4852
+ flexShrink: 0,
4853
+ background: "transparent",
4854
+ border: "none",
4855
+ color: "red"
4904
4856
  }
4905
4857
  };
4906
4858
 
4907
4859
  const history$1 = {
4908
4860
  /* PREPEND HERE */
4861
+ display: "flex",
4862
+ flexDirection: "column",
4909
4863
  width: "100%",
4910
- flexShrink: 1,
4911
- height: "calc(100vh - 300px)",
4912
- minHeight: "25vh",
4913
- flexGrow: 1,
4914
- ".messages_box": { fontSize: "22px", minHeight: "88vh" },
4915
- ".history__message": {
4916
- borderRadius: "2px",
4864
+ gap: 2,
4865
+ p: 3,
4866
+ ".history_message": {
4917
4867
  px: 4,
4918
4868
  py: 5,
4919
- maxWidth: "80%",
4869
+ maxWidth: "calc(100% - 50px)",
4870
+ width: "fit-content",
4920
4871
  wordWrap: "break-word",
4921
4872
  whiteSpace: "pre-wrap",
4873
+ borderRadius: "chatMessage",
4874
+ "&.last": {
4875
+ mb: 4
4876
+ },
4922
4877
  "&.user": {
4923
- borderRadius: "chatMessage",
4924
- borderTopRightRadius: "0px",
4878
+ "&.first": {
4879
+ borderTopRightRadius: "0px"
4880
+ },
4925
4881
  backgroundColor: "rgb(108 166 203)",
4926
- //rgb(117 163 192)', //rgb(92, 143, 174)',
4882
+ // TODO: Set the correct color, if necessary, define it in palette
4927
4883
  color: "white",
4884
+ // TODO: Set the correct color, if necessary, define it in palette
4928
4885
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4886
+ // TODO: Set the correct color, if necessary, define it in palette
4929
4887
  border: "1px solid rgb(113 145 193)",
4888
+ // TODO: Set the correct color, if necessary, define it in palette
4930
4889
  alignSelf: "end",
4931
4890
  display: "flex",
4932
- flexDirection: "column",
4933
- // gap: '16px',
4934
- width: "max-content",
4935
- ".additionalContent_wrapper": {
4936
- display: "flex",
4937
- justifyContent: "flex-end",
4938
- ".labelBox": {
4939
- width: "max-content",
4940
- background: "#fafafa",
4941
- color: "palette.text.primary",
4942
- fontSize: "14px",
4943
- ".labelAndIcon ": {
4944
- fontSize: "14px"
4945
- }
4946
- }
4947
- }
4891
+ flexDirection: "column"
4948
4892
  },
4949
4893
  "&.system": {
4950
- borderRadius: "chatMessage",
4951
- borderTopLeftRadius: "0px",
4894
+ "&.first": {
4895
+ borderTopLeftRadius: "0px"
4896
+ },
4952
4897
  backgroundColor: "#00bcff14",
4898
+ // TODO: Set the correct color, if necessary, define it in palette
4953
4899
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4900
+ // TODO: Set the correct color, if necessary, define it in palette
4954
4901
  border: "1px solid rgb(0 28 38 / 18%)"
4902
+ // TODO: Set the correct color, if necessary, define it in palette
4955
4903
  },
4956
4904
  "&.warning": {
4957
4905
  borderRadius: "2px 20px 20px 20px",
4958
4906
  alignSelf: "start",
4959
4907
  backgroundColor: "#ffff0024",
4908
+ // TODO: Set the correct color, if necessary, define it in palette
4960
4909
  width: "100%",
4961
4910
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4911
+ // TODO: Set the correct color, if necessary, define it in palette
4962
4912
  border: "1px solid rgb(0 28 38 / 18%)"
4913
+ // TODO: Set the correct color, if necessary, define it in palette
4963
4914
  },
4964
4915
  "&.error": {
4965
4916
  borderRadius: "2px 20px 20px 20px",
4966
4917
  alignSelf: "start",
4967
4918
  backgroundColor: "#fd84212b",
4919
+ // TODO: Set the correct color, if necessary, define it in palette
4968
4920
  width: "100%",
4969
4921
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4922
+ // TODO: Set the correct color, if necessary, define it in palette
4970
4923
  border: "1px solid rgb(0 28 38 / 18%)"
4924
+ // TODO: Set the correct color, if necessary, define it in palette
4971
4925
  },
4972
4926
  "&.information": {
4973
4927
  borderRadius: "2px 20px 20px 20px",
@@ -4976,34 +4930,139 @@ const history$1 = {
4976
4930
  //'#2222cc2b',
4977
4931
  width: "100%",
4978
4932
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4933
+ // TODO: Set the correct color, if necessary, define it in palette
4979
4934
  border: "1px solid rgb(0 28 38 / 18%)"
4935
+ // TODO: Set the correct color, if necessary, define it in palette
4980
4936
  }
4981
4937
  },
4982
- ".history": {
4983
- animation: `${animations$1.fadeInFromBottom} 0.3s`,
4984
- padding: "100px 32px 80px 32px",
4985
- border: "none",
4986
- height: "unset"
4938
+ ".history_message__attachments": {
4939
+ display: "flex",
4940
+ justifyContent: "flex-end",
4941
+ ".labelBox": {
4942
+ width: "max-content",
4943
+ background: "#fafafa",
4944
+ color: "palette.text.primary",
4945
+ fontSize: "14px",
4946
+ ".labelAndIcon ": {
4947
+ fontSize: "14px"
4948
+ }
4949
+ }
4950
+ }
4951
+ };
4952
+
4953
+ const controller$1 = {
4954
+ /* PREPEND HERE */
4955
+ display: "flex",
4956
+ flexDirection: "column",
4957
+ alignItems: "stretch",
4958
+ maxHeight: "50vh",
4959
+ gap: 3,
4960
+ flexBasis: "50vh",
4961
+ ".autoscrollContainer": {
4962
+ flexGrow: 1,
4963
+ flexShrink: 1
4987
4964
  },
4988
- ".help__container": {
4989
- borderRadius: "2px 20px 20px 20px",
4965
+ ".search_controls": {
4966
+ flexShrink: 0
4967
+ }
4968
+ };
4969
+
4970
+ const attachments$1 = {
4971
+ /* PREPEND HERE */
4972
+ alignItems: "center",
4973
+ display: "flex",
4974
+ flexDirection: responsive$2({ 0: "column", 3: "row" }),
4975
+ flexWrap: "wrap",
4976
+ gap: spacing$1(3),
4977
+ ".attachments__more_button": {
4978
+ border: "1px solid",
4979
+ borderColor: "palette.border.article",
4980
+ borderRadius: "elementBox",
4981
+ boxShadow: "sharp",
4982
+ p: 2
4983
+ },
4984
+ ".file_box": {
4985
+ alignItems: "center",
4986
+ border: "1px solid",
4987
+ borderColor: "palette.border.article",
4988
+ borderRadius: "elementBox",
4989
+ boxShadow: "sharp",
4990
4990
  display: "flex",
4991
- flexDirection: "column",
4992
- gap: 4
4991
+ gap: spacing$1(3),
4992
+ width: responsive$2({
4993
+ 0: "100%",
4994
+ 3: "min(90vw, 200px)"
4995
+ }),
4996
+ p: 2
4993
4997
  },
4994
- ".autoscrollContainer": {
4998
+ ".file_box__icon": {
4999
+ flexShrink: 0
5000
+ },
5001
+ ".file_box__name": {
5002
+ boxSizing: "border-box",
5003
+ flexGrow: 1,
5004
+ margin: "0px",
5005
+ overflow: "hidden",
5006
+ textOverflow: "ellipsis",
5007
+ whiteSpace: "nowrap"
5008
+ },
5009
+ ".file_box__remove": {
5010
+ flexShrink: 0,
5011
+ p: 4
5012
+ }
5013
+ };
5014
+
5015
+ const message$1 = {
5016
+ position: "relative",
5017
+ display: "flex",
5018
+ flexDirection: "column",
5019
+ ".closeButton": {
5020
+ borderRadius: "5px",
5021
+ right: "0px",
5022
+ top: "-2px",
5023
+ zIndex: "15",
5024
+ position: "absolute",
5025
+ variant: "buttons.icon-outline-danger"
5026
+ },
5027
+ genericBox: {
5028
+ margin: "10px",
4995
5029
  display: "flex",
4996
5030
  flexDirection: "column",
4997
- width: "100%",
4998
- gap: 3,
4999
- p: 3
5031
+ justifyContent: "space-between",
5032
+ alignItems: "center",
5033
+ padding: "12px"
5034
+ },
5035
+ fileName: {
5036
+ bottom: "4px",
5037
+ right: "4px",
5038
+ fontSize: "12px",
5039
+ color: "#333",
5040
+ textOverflow: "ellipsis",
5041
+ whiteSpace: "nowrap",
5042
+ overflow: "hidden",
5043
+ width: "inherit",
5044
+ textAlign: "center",
5045
+ px: "5px"
5046
+ },
5047
+ textBox: {
5048
+ variant: "layout.common.components.aiMessage.genericBox",
5049
+ width: "50px",
5050
+ padding: "10px",
5051
+ backgroundColor: "#fff",
5052
+ border: "1px solid #ddd",
5053
+ borderRadius: "4px",
5054
+ position: "relative"
5055
+ },
5056
+ textSnippet: {
5057
+ bottom: "4px",
5058
+ right: "4px",
5059
+ fontSize: "12px",
5060
+ color: "#555"
5000
5061
  }
5001
5062
  };
5002
5063
 
5003
- const assistant = {
5064
+ const assistant$1 = {
5004
5065
  floatingAssistant: {
5005
- maxHeight: "50vh",
5006
- height: "50vh",
5007
5066
  "& div.modal__content[class]": {
5008
5067
  p: 3,
5009
5068
  width: "min(90vw, 500px)"
@@ -5011,31 +5070,18 @@ const assistant = {
5011
5070
  ".modal__main": {
5012
5071
  maxWidth: "unset",
5013
5072
  overflow: "hidden"
5014
- },
5015
- ".autoscrollContainer": {
5016
- height: "30vh"
5017
5073
  }
5018
5074
  }
5019
5075
  };
5020
5076
 
5021
5077
  const chat = {
5022
5078
  /* PREPEND HERE */
5023
- assistant,
5079
+ assistant: assistant$1,
5024
5080
  form: form$1,
5025
5081
  history: history$1,
5026
- li: { mb: 4 },
5027
- attachments: {
5028
- ".labelBox": {
5029
- borderWidth: "1px",
5030
- borderStyle: "solid",
5031
- borderColor: "palette.border.article",
5032
- borderRadius: "7px",
5033
- padding: spacing(4),
5034
- ".iconButton": {
5035
- color: "palette.text.primary"
5036
- }
5037
- }
5038
- }
5082
+ controller: controller$1,
5083
+ attachments: attachments$1,
5084
+ message: message$1
5039
5085
  };
5040
5086
 
5041
5087
  const form = {
@@ -5080,7 +5126,7 @@ const form = {
5080
5126
  background: "transparent",
5081
5127
  border: "none"
5082
5128
  },
5083
- ".SearchButton": {
5129
+ ".ChatBarButton": {
5084
5130
  borderRadius: "panel",
5085
5131
  height: "34px",
5086
5132
  width: "34px",
@@ -5088,6 +5134,15 @@ const form = {
5088
5134
  background: "transparent",
5089
5135
  border: "none",
5090
5136
  color: "palette.text.primary"
5137
+ },
5138
+ ".isRecording": {
5139
+ borderRadius: "panel",
5140
+ height: "34px",
5141
+ width: "34px",
5142
+ flexShrink: 0,
5143
+ background: "transparent",
5144
+ border: "none",
5145
+ color: "red"
5091
5146
  }
5092
5147
  };
5093
5148
 
@@ -5190,12 +5245,15 @@ const controller = {
5190
5245
  display: "flex",
5191
5246
  flexDirection: "column",
5192
5247
  alignItems: "stretch",
5193
- height: "100%",
5248
+ maxHeight: "50vh",
5194
5249
  gap: 3,
5250
+ flexBasis: "50vh",
5195
5251
  ".autoscrollContainer": {
5196
5252
  flexGrow: 1,
5197
- flexShrink: 1,
5198
- flexBasis: "30vh"
5253
+ flexShrink: 1
5254
+ },
5255
+ ".search_controls": {
5256
+ flexShrink: 0
5199
5257
  }
5200
5258
  };
5201
5259
 
@@ -5293,8 +5351,22 @@ const message = {
5293
5351
  }
5294
5352
  };
5295
5353
 
5354
+ const assistant = {
5355
+ floatingAssistant: {
5356
+ "& div.modal__content[class]": {
5357
+ p: 3,
5358
+ width: "min(90vw, 500px)"
5359
+ },
5360
+ ".modal__main": {
5361
+ maxWidth: "unset",
5362
+ overflow: "hidden"
5363
+ }
5364
+ }
5365
+ };
5366
+
5296
5367
  const newChat = {
5297
5368
  /* PREPEND HERE */
5369
+ assistant,
5298
5370
  form,
5299
5371
  history,
5300
5372
  controller,
@@ -6072,7 +6144,7 @@ async function getRemarkable(extensions) {
6072
6144
 
6073
6145
  const parseMarkdown = async (options) => {
6074
6146
  const markdownLibrary = await getRemarkable(options.extensions);
6075
- const css = (await import('./styles-3M4Ekmpa.js')).markdownParserStyles ?? new ErrorImporting();
6147
+ const css = (await import('./styles-aaU5Rq9Y.js')).markdownParserStyles ?? new ErrorImporting();
6076
6148
  if (css instanceof ErrorImporting)
6077
6149
  throw new Error("Could not import css, cannot continue");
6078
6150
  const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
@@ -6530,4 +6602,4 @@ class MarkdownBuilder {
6530
6602
  }
6531
6603
 
6532
6604
  export { ApiaThemeProvider as A, Form as F, MarkdownBlock 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, MarkdownBuilder as t, useMainTheme as u, parseMarkdown as v, MarkdownList as w, MarkdownParagraph as x, MarkdownTable as y, MarkdownTableOfContents as z };
6533
- //# sourceMappingURL=index-wohlbdB8.js.map
6605
+ //# sourceMappingURL=index-DY2si0MO.js.map