@apia/theme 3.0.23 → 3.0.25

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,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';\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;;;;"}
@@ -4796,37 +4796,94 @@ const boxes = {
4796
4796
 
4797
4797
  const form$1 = {
4798
4798
  /* PREPEND HERE */
4799
- alignItems: "center",
4800
- justifyContent: "center",
4801
- display: "flex",
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",
4799
+ alignItems: "end",
4809
4800
  width: "100%",
4810
- p: spacing(3),
4811
- "&:focus-within": focusOutline,
4812
- "& > *:focus[class]": {
4813
- outlineWidth: 0
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
+ }
4814
4833
  },
4815
- ".filter_button_box": {
4816
- position: "relative"
4834
+ textarea: {
4835
+ height: "150px",
4836
+ maxHeight: "30vh",
4837
+ width: "100%",
4838
+ scrollbarColor: "transparent",
4839
+ flexShrink: 1
4840
+ // resize: 'none',
4817
4841
  },
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",
4827
- alignItems: "center",
4842
+ "textarea::-webkit-scrollbar": {
4843
+ display: "none"
4844
+ },
4845
+ ".gpt__buttonsContainer": {
4846
+ display: "none",
4847
+ alignItems: "end",
4848
+ gap: 3
4849
+ },
4850
+ ul: {
4851
+ ml: 6,
4852
+ listStyle: "square"
4853
+ },
4854
+ ".search_controls": {
4855
+ alignItems: "end",
4828
4856
  justifyContent: "center",
4829
- backgroundColor: "palette.error.main"
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
+ }
4830
4887
  },
4831
4888
  ".searchTextArea": {
4832
4889
  minHeight: "34px",
@@ -4836,7 +4893,7 @@ const form$1 = {
4836
4893
  background: "transparent",
4837
4894
  border: "none"
4838
4895
  },
4839
- ".ChatBarButton": {
4896
+ ".SearchButton": {
4840
4897
  borderRadius: "panel",
4841
4898
  height: "34px",
4842
4899
  width: "34px",
@@ -4844,84 +4901,73 @@ const form$1 = {
4844
4901
  background: "transparent",
4845
4902
  border: "none",
4846
4903
  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"
4856
4904
  }
4857
4905
  };
4858
4906
 
4859
4907
  const history$1 = {
4860
4908
  /* PREPEND HERE */
4861
- display: "flex",
4862
- flexDirection: "column",
4863
4909
  width: "100%",
4864
- gap: 2,
4865
- p: 3,
4910
+ flexShrink: 1,
4911
+ height: "calc(100vh - 300px)",
4912
+ minHeight: "25vh",
4913
+ flexGrow: 1,
4914
+ ".messages_box": { fontSize: "22px", minHeight: "88vh" },
4866
4915
  ".history_message": {
4916
+ borderRadius: "2px",
4867
4917
  px: 4,
4868
4918
  py: 5,
4869
- maxWidth: "calc(100% - 50px)",
4870
- width: "fit-content",
4919
+ maxWidth: "80%",
4871
4920
  wordWrap: "break-word",
4872
4921
  whiteSpace: "pre-wrap",
4873
- borderRadius: "chatMessage",
4874
- "&.last": {
4875
- mb: 4
4876
- },
4877
4922
  "&.user": {
4878
- "&.first": {
4879
- borderTopRightRadius: "0px"
4880
- },
4923
+ borderRadius: "chatMessage",
4924
+ borderTopRightRadius: "0px",
4881
4925
  backgroundColor: "rgb(108 166 203)",
4882
- // TODO: Set the correct color, if necessary, define it in palette
4926
+ //rgb(117 163 192)', //rgb(92, 143, 174)',
4883
4927
  color: "white",
4884
- // TODO: Set the correct color, if necessary, define it in palette
4885
4928
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4886
- // TODO: Set the correct color, if necessary, define it in palette
4887
4929
  border: "1px solid rgb(113 145 193)",
4888
- // TODO: Set the correct color, if necessary, define it in palette
4889
4930
  alignSelf: "end",
4890
4931
  display: "flex",
4891
- flexDirection: "column"
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
+ }
4892
4948
  },
4893
4949
  "&.system": {
4894
- "&.first": {
4895
- borderTopLeftRadius: "0px"
4896
- },
4950
+ borderRadius: "chatMessage",
4951
+ borderTopLeftRadius: "0px",
4897
4952
  backgroundColor: "#00bcff14",
4898
- // TODO: Set the correct color, if necessary, define it in palette
4899
4953
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4900
- // TODO: Set the correct color, if necessary, define it in palette
4901
4954
  border: "1px solid rgb(0 28 38 / 18%)"
4902
- // TODO: Set the correct color, if necessary, define it in palette
4903
4955
  },
4904
4956
  "&.warning": {
4905
4957
  borderRadius: "2px 20px 20px 20px",
4906
4958
  alignSelf: "start",
4907
4959
  backgroundColor: "#ffff0024",
4908
- // TODO: Set the correct color, if necessary, define it in palette
4909
4960
  width: "100%",
4910
4961
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4911
- // TODO: Set the correct color, if necessary, define it in palette
4912
4962
  border: "1px solid rgb(0 28 38 / 18%)"
4913
- // TODO: Set the correct color, if necessary, define it in palette
4914
4963
  },
4915
4964
  "&.error": {
4916
4965
  borderRadius: "2px 20px 20px 20px",
4917
4966
  alignSelf: "start",
4918
4967
  backgroundColor: "#fd84212b",
4919
- // TODO: Set the correct color, if necessary, define it in palette
4920
4968
  width: "100%",
4921
4969
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4922
- // TODO: Set the correct color, if necessary, define it in palette
4923
4970
  border: "1px solid rgb(0 28 38 / 18%)"
4924
- // TODO: Set the correct color, if necessary, define it in palette
4925
4971
  },
4926
4972
  "&.information": {
4927
4973
  borderRadius: "2px 20px 20px 20px",
@@ -4930,23 +4976,27 @@ const history$1 = {
4930
4976
  //'#2222cc2b',
4931
4977
  width: "100%",
4932
4978
  boxShadow: "rgba(50, 50, 93, 0.15) 1px 1px 2px 1px",
4933
- // TODO: Set the correct color, if necessary, define it in palette
4934
4979
  border: "1px solid rgb(0 28 38 / 18%)"
4935
- // TODO: Set the correct color, if necessary, define it in palette
4936
4980
  }
4937
4981
  },
4938
- ".history_message__attachments": {
4982
+ ".history": {
4983
+ animation: `${animations$1.fadeInFromBottom} 0.3s`,
4984
+ padding: "100px 32px 80px 32px",
4985
+ border: "none",
4986
+ height: "unset"
4987
+ },
4988
+ ".help__container": {
4989
+ borderRadius: "2px 20px 20px 20px",
4939
4990
  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
- }
4991
+ flexDirection: "column",
4992
+ gap: 4
4993
+ },
4994
+ ".autoscrollContainer": {
4995
+ display: "flex",
4996
+ flexDirection: "column",
4997
+ width: "100%",
4998
+ gap: 3,
4999
+ p: 3
4950
5000
  }
4951
5001
  };
4952
5002
 
@@ -6144,7 +6194,7 @@ async function getRemarkable(extensions) {
6144
6194
 
6145
6195
  const parseMarkdown = async (options) => {
6146
6196
  const markdownLibrary = await getRemarkable(options.extensions);
6147
- const css = (await import('./styles-aaU5Rq9Y.js')).markdownParserStyles ?? new ErrorImporting();
6197
+ const css = (await import('./styles-DHevnJU2.js')).markdownParserStyles ?? new ErrorImporting();
6148
6198
  if (css instanceof ErrorImporting)
6149
6199
  throw new Error("Could not import css, cannot continue");
6150
6200
  const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
@@ -6602,4 +6652,4 @@ class MarkdownBuilder {
6602
6652
  }
6603
6653
 
6604
6654
  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 };
6605
- //# sourceMappingURL=index-DY2si0MO.js.map
6655
+ //# sourceMappingURL=index-Dh0FTz17.js.map