@apia/theme 4.0.19 → 4.0.20

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';\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;;;;"}
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,YAAA,GAA8B,CACzC,KAAA,EACA,GAAA,EACA,IAAA,KACG,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;;;;"}
@@ -6,7 +6,7 @@ import { Box, ThemeUIProvider, useThemeUI, ThemeProvider } from 'theme-ui';
6
6
  import { forwardRef, useState, useRef, useMemo, Suspense } from 'react';
7
7
  import '@theme-ui/match-media';
8
8
  import { useMount, setValueByPath, EventEmitter } from '@apia/util';
9
- import { spacing as spacing$1, responsive as responsive$2 } from '@apia/theme';
9
+ import { spacing as spacing$1, responsive as responsive$2, getOneColorState as getOneColorState$1 } from '@apia/theme';
10
10
  import { keyframes } from '@emotion/react';
11
11
 
12
12
  function defaultLighten(color, ratio) {
@@ -146,9 +146,9 @@ function isColorDefinition(value) {
146
146
  const actions = { dark: "#cce5ff", light: "#557" };
147
147
  const spacingArray = Array(50).fill(1).map((_, i) => {
148
148
  return responsive$1({
149
- 0: Math.ceil(i / 2.5),
150
- 1: Math.ceil(i / 2.1),
151
- 2: Math.ceil(i / 1.7),
149
+ 0: Math.ceil(i / 1.8),
150
+ 1: Math.ceil(i / 1.7),
151
+ 2: Math.ceil(i / 1.4),
152
152
  3: Math.ceil(i / 1.3),
153
153
  4: i
154
154
  });
@@ -175,7 +175,7 @@ const defaultPalette = {
175
175
  },
176
176
  border: {
177
177
  article: "#cacaca",
178
- field: "#444",
178
+ field: "#c6c6c6",
179
179
  ghost: "#f5f5f5",
180
180
  section: "#aaa"
181
181
  },
@@ -190,8 +190,7 @@ const defaultPalette = {
190
190
  main: "#00496c"
191
191
  },
192
192
  secondary: {
193
- light: "#fcfcfc",
194
- main: "#6c757d"
193
+ main: "rgb(223, 223, 223)"
195
194
  },
196
195
  spacing: (index) => {
197
196
  return spacingArray[index];
@@ -199,7 +198,7 @@ const defaultPalette = {
199
198
  text: {
200
199
  accent: "#609",
201
200
  disabled: "#555",
202
- icon: "white",
201
+ icon: "#666",
203
202
  link: "#00496c",
204
203
  primary: "#4a4a4a",
205
204
  secondary: "white",
@@ -557,6 +556,13 @@ const schemas = {
557
556
  const components$1 = (theme) => {
558
557
  const palette = theme.palette;
559
558
  return {
559
+ accordion: {
560
+ panels: {
561
+ backgroundColor: palette.background.paper,
562
+ color: palette.text.primary,
563
+ borderColor: palette.border.ghost
564
+ }
565
+ },
560
566
  datagrid: {
561
567
  borderColor: palette.background.default,
562
568
  header: {
@@ -946,12 +952,12 @@ function getThemeColorsObject(theme) {
946
952
  outline: {
947
953
  backgroundColor: theme.palette.background.paper,
948
954
  color: theme.palette.text.primary,
949
- borderColor: theme.palette.primary.main
955
+ borderColor: theme.palette.border.field
950
956
  },
951
957
  outlineDanger: {
952
958
  backgroundColor: theme.palette.background.paper,
953
959
  color: theme.palette.text.primary,
954
- borderColor: theme.palette.primary.main,
960
+ borderColor: theme.palette.border.field,
955
961
  active: {
956
962
  borderColor: theme.palette.darkenColor(
957
963
  theme.palette.error.dark,
@@ -1004,7 +1010,7 @@ function getThemeColorsObject(theme) {
1004
1010
  outlineWarning: {
1005
1011
  backgroundColor: theme.palette.background.paper,
1006
1012
  color: theme.palette.text.primary,
1007
- borderColor: theme.palette.primary.main,
1013
+ borderColor: theme.palette.border.field,
1008
1014
  active: {
1009
1015
  borderColor: theme.palette.warning.main,
1010
1016
  backgroundColor: theme.palette.warning.main,
@@ -1070,8 +1076,7 @@ function getThemeColorsObject(theme) {
1070
1076
  components: components$1(theme),
1071
1077
  dropzone: {
1072
1078
  backgroundColor: theme.palette.background.paper,
1073
- borderColor: theme.palette.border.section,
1074
- color: theme.palette.background.default
1079
+ color: theme.palette.border.ghost
1075
1080
  },
1076
1081
  form: {
1077
1082
  backgroundColor: theme.palette.background.paper,
@@ -1420,6 +1425,7 @@ const buttons = {
1420
1425
  userSelect: "none",
1421
1426
  transition: "background-color 300ms ease-out, color 300ms ease-out",
1422
1427
  wordBreak: "keep-all",
1428
+ boxShadow: "default",
1423
1429
  ...getColorsAndStatesByPath("buttons.primary"),
1424
1430
  "&:focus, &:focus-visible": {
1425
1431
  outlineColor: "#00daff"
@@ -1562,9 +1568,10 @@ const buttons = {
1562
1568
  },
1563
1569
  outline: {
1564
1570
  variant: "buttons.primary",
1565
- borderWidth: "2px",
1571
+ borderWidth: "1px",
1566
1572
  borderStyle: "solid",
1567
1573
  borderRadius: "buttons",
1574
+ boxShadow: "sharp",
1568
1575
  "&:focus, &:focus-visible": {},
1569
1576
  ...getColorsAndStatesByPath("buttons.outline", {
1570
1577
  states: {
@@ -2267,7 +2274,6 @@ const dateInput = {
2267
2274
  flexDirection: "column",
2268
2275
  alignItems: "stretch",
2269
2276
  justifyContent: "stretch",
2270
- gap: spacing(2),
2271
2277
  width: "100%",
2272
2278
  "&.readOnly": {
2273
2279
  input: {
@@ -2318,33 +2324,59 @@ const dateInput = {
2318
2324
 
2319
2325
  const iconInput = {
2320
2326
  display: "flex",
2321
- gap: spacing(1),
2322
2327
  justifyContent: "stretch",
2323
2328
  alignItems: "center",
2324
- "&.readOnly": {
2325
- input: {
2326
- ...getColorsByPath("form.fields")
2329
+ border: "1px solid",
2330
+ borderColor: "palette.border.field",
2331
+ borderRadius: "default",
2332
+ "&.readOnly, &.readonly": {
2333
+ ".iconButton": {
2334
+ borderLeft: "1px solid",
2335
+ borderLeftColor: "palette.border.section"
2336
+ }
2337
+ },
2338
+ ":focus-within": {
2339
+ outlineColor: "outlineColor",
2340
+ outlineWidth: "3px",
2341
+ outlineOffset: "-3px",
2342
+ outlineStyle: "solid",
2343
+ borderColor: "transparent"
2344
+ },
2345
+ ".iconButton": {
2346
+ display: "flex",
2347
+ width: "50px",
2348
+ flexShrink: 0,
2349
+ height: "50px",
2350
+ border: "none",
2351
+ boxShadow: "none",
2352
+ ...getColorsAndStatesByPath("buttons.outline"),
2353
+ background: "palette.background.paper",
2354
+ "&:focus": {
2355
+ outline: "none",
2356
+ background: (theme) => getOneColorState(
2357
+ theme.palette.background.paper,
2358
+ "hover",
2359
+ theme.palette
2360
+ )
2327
2361
  }
2328
2362
  },
2329
2363
  "&.disabled, &.disabled:hover": {
2330
2364
  ".iconButton": {
2331
2365
  backgroundColor: "form.fields.disabled.backgroundColor",
2332
2366
  color: "palette.text.primary",
2333
- border: "1px solid",
2334
- borderColor: "palette.border.field",
2335
- cursor: "not-allowed"
2367
+ border: "none",
2368
+ cursor: "not-allowed",
2369
+ borderLeft: "1px solid",
2370
+ borderLeftColor: "palette.border.field"
2336
2371
  }
2337
2372
  },
2338
2373
  input: {
2339
2374
  height: "50px",
2340
- width: "100%"
2341
- },
2342
- button: {
2343
- display: "flex",
2344
- width: "45px",
2345
- flexShrink: 0,
2346
- height: "50px",
2347
- border: "none"
2375
+ width: "100%",
2376
+ border: "none",
2377
+ "&:focus": {
2378
+ outline: "none"
2379
+ }
2348
2380
  }
2349
2381
  };
2350
2382
 
@@ -2442,7 +2474,7 @@ const select = {
2442
2474
  width: "100%",
2443
2475
  maxWidth: "100%",
2444
2476
  "& ~ svg": {
2445
- background: "palette.background.paper"
2477
+ background: "transparent"
2446
2478
  },
2447
2479
  ...getColorsAndStatesByPath("form.fields", {
2448
2480
  states: {
@@ -2991,11 +3023,6 @@ const modals = {
2991
3023
  overflow: "auto",
2992
3024
  border: "1px solid",
2993
3025
  gap: "0px !important",
2994
- "&>div>div": {
2995
- flexGrow: 0,
2996
- p: "3px",
2997
- width: "100%"
2998
- },
2999
3026
  "div.modal__header": {
3000
3027
  alignItems: responsive$1({ 0: "end", 4: "center" }),
3001
3028
  flexShrink: 0,
@@ -3130,7 +3157,26 @@ const modals = {
3130
3157
  cal: {
3131
3158
  variant: "layout.common.modals.sm",
3132
3159
  width: "400px",
3133
- maxWidth: "400px"
3160
+ maxWidth: "400px",
3161
+ ".react-calendar": {
3162
+ display: "flex",
3163
+ flexDirection: "column",
3164
+ gap: "15px"
3165
+ },
3166
+ ".react-calendar__navigation": {
3167
+ display: "flex"
3168
+ },
3169
+ abbr: {
3170
+ textDecoration: "none"
3171
+ },
3172
+ button: {
3173
+ backgroundColor: "palette.background.paper",
3174
+ border: "1px solid #e1e1e1",
3175
+ borderRadius: "4px",
3176
+ "&:hover": {
3177
+ backgroundColor: "#ebebeb"
3178
+ }
3179
+ }
3134
3180
  },
3135
3181
  editGrid: {
3136
3182
  variant: "layout.common.modals.main",
@@ -3158,7 +3204,7 @@ function getSelectionStyles() {
3158
3204
  },
3159
3205
  '[data-focused="true"]:not(.row__separator__cell)': {
3160
3206
  '&:not([data-editionmode="true"])': {
3161
- "&:focus, & > *:focus, *:focus-visible": {
3207
+ "&:focus, & > *:focus": {
3162
3208
  ...focusOutline,
3163
3209
  "&.cell__download__document": {
3164
3210
  outlineOffset: 0
@@ -3166,7 +3212,7 @@ function getSelectionStyles() {
3166
3212
  }
3167
3213
  },
3168
3214
  '&[data-editionmode="true"]': {
3169
- "&:focus, *:focus, *:focus-visible": {
3215
+ "&:focus, *:focus": {
3170
3216
  ...focusOutline,
3171
3217
  outlineStyle: "dotted",
3172
3218
  outlineWidth: "6px",
@@ -3184,13 +3230,13 @@ function getSelectionStyles() {
3184
3230
  const primary$4 = (theme) => {
3185
3231
  return {
3186
3232
  variant: "colors.tables.primary",
3187
- width: "100%",
3188
3233
  backgroundColor: "components.primaryTable.body.backgroundColor",
3189
3234
  border: "1px solid",
3190
3235
  borderColor: "components.primaryTable.borderColor",
3191
3236
  borderCollapse: "separate",
3192
3237
  borderSpacing: 0,
3193
3238
  tableLayout: "fixed",
3239
+ width: "100%",
3194
3240
  thead: {
3195
3241
  zIndex: 1,
3196
3242
  position: "sticky",
@@ -3212,6 +3258,7 @@ const primary$4 = (theme) => {
3212
3258
  verticalAlign: "center",
3213
3259
  wordBreak: "break-word",
3214
3260
  textAlign: "left",
3261
+ boxShadow: "none",
3215
3262
  "&.additional-column": {
3216
3263
  width: "50px",
3217
3264
  textAlign: "center",
@@ -3248,6 +3295,9 @@ const primary$4 = (theme) => {
3248
3295
  verticalAlign: "center"
3249
3296
  },
3250
3297
  ".headButton__container": {
3298
+ ".headButton__label ": {
3299
+ width: "100%"
3300
+ },
3251
3301
  width: "100%",
3252
3302
  display: "flex",
3253
3303
  alignItems: "center",
@@ -3279,6 +3329,9 @@ const primary$4 = (theme) => {
3279
3329
  borderLeftWidth: "4px !important",
3280
3330
  borderLeftColor: "palette.error.main"
3281
3331
  },
3332
+ ".iconInput": {
3333
+ border: "none"
3334
+ },
3282
3335
  td: {
3283
3336
  "input:not([disabled]), select:not([disabled])": {
3284
3337
  border: "1px solid white"
@@ -3602,9 +3655,6 @@ const secondary = {
3602
3655
  },
3603
3656
  '&[aria-selected="true"]': {
3604
3657
  backgroundColor: "components.secondaryTable.body.selectedRows.backgroundColor",
3605
- "& td": {
3606
- borderColor: "components.secondaryTable.body.selectedRows.borderColor"
3607
- },
3608
3658
  color: "components.secondaryTable.body.selectedRows.color"
3609
3659
  },
3610
3660
  borderBottomWidth: "1px",
@@ -4236,9 +4286,11 @@ const trees = {
4236
4286
  };
4237
4287
 
4238
4288
  const primary$2 = {
4239
- background: "white",
4240
- border: "1px solid #ccc",
4289
+ background: "palette.background.paper",
4290
+ border: "1px solid",
4291
+ borderColor: "palette.border.field",
4241
4292
  borderRadius: "tooltips",
4293
+ color: "palette.text.primary",
4242
4294
  p: 3,
4243
4295
  zIndex: "tooltip"
4244
4296
  /* PREPEND HERE */
@@ -4442,16 +4494,14 @@ const accordion = {
4442
4494
  width: "100%"
4443
4495
  }
4444
4496
  },
4445
- ".accordion__item:last-of-type > *": {
4446
- borderBottom: "1px solid",
4447
- borderBottomColor: "palette.border.section"
4497
+ ".accordion__item:not(:first-of-type) > .accordion__item__button": {
4498
+ borderTop: "1px solid",
4499
+ borderTopColor: "palette.border.ghost"
4448
4500
  },
4449
4501
  ".accordion__item__content > *": {
4450
4502
  p: 4,
4451
- borderLeft: "1px solid",
4452
- borderRight: "1px solid",
4453
- borderLeftColor: "palette.border.section",
4454
- borderRightColor: "palette.border.section"
4503
+ boxShadow: "default",
4504
+ borderRadius: "default"
4455
4505
  },
4456
4506
  ".accordion__item__button": {
4457
4507
  width: "100%",
@@ -4471,28 +4521,27 @@ const accordion = {
4471
4521
  panels: {
4472
4522
  variant: "layout.common.components.accordion.primary",
4473
4523
  overflowX: "hidden",
4524
+ border: "none",
4525
+ ".accordion__item": {
4526
+ border: "none"
4527
+ },
4474
4528
  ".accordion__item__button": {
4475
- color: "palette.text.primary",
4476
4529
  pl: 4,
4477
- background: "palette.background.paper",
4478
- border: "none",
4479
- borderTop: "1px solid",
4480
- borderColor: "palette.border.section",
4481
- boxShadow: "rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px",
4482
- ":hover": {
4483
- background: "palette.gray.900",
4484
- borderColor: "palette.border.section",
4485
- color: "palette.text.primary"
4486
- },
4487
- ":active": {
4488
- background: "palette.border.section"
4489
- },
4490
- svg: {
4491
- path: {
4492
- fill: "palette.text.primary"
4493
- }
4530
+ ...getColorsAndStatesByPath("components.accordion.panels"),
4531
+ borderLeft: "none",
4532
+ borderRight: "none",
4533
+ borderBottom: "none",
4534
+ ".button__content": {
4535
+ alignItems: "center",
4536
+ display: "flex",
4537
+ gap: spacing(3),
4538
+ justifyContent: "space-between",
4539
+ width: "100%"
4494
4540
  }
4495
4541
  },
4542
+ ".accordion_item__button:first-of-type": {
4543
+ borderTop: "none"
4544
+ },
4496
4545
  ".accordion__item__button__label": {
4497
4546
  color: "palette.text.primary",
4498
4547
  fontWeight: "400"
@@ -4719,7 +4768,7 @@ const autocomplete = {
4719
4768
  gap: 2,
4720
4769
  height: "24px",
4721
4770
  position: "absolute",
4722
- right: "12px",
4771
+ right: "20px",
4723
4772
  top: "calc(50% - 12px)",
4724
4773
  ".autocomplete__loadingSpinner": {
4725
4774
  width: "24px",
@@ -4742,13 +4791,20 @@ const autocomplete = {
4742
4791
  borderColor: "palette.border.field",
4743
4792
  zIndex: "tooltip",
4744
4793
  overflow: "auto",
4745
- display: "block"
4794
+ display: "block",
4795
+ width: "min-content"
4746
4796
  },
4747
4797
  ".autocomplete__option": {
4748
4798
  variant: "buttons.link",
4749
4799
  border: "none",
4750
4800
  textDecoration: "none",
4751
4801
  transition: "unset",
4802
+ "&.readOnly": {
4803
+ background: "form.fields.readonly.backgroundColor",
4804
+ borderColor: "form.fields.readonly.backgroundColor",
4805
+ color: "palette.text.primary",
4806
+ cursor: "not-allowed"
4807
+ },
4752
4808
  "&.focused, &:hover": (theme) => theme.palette.getOneState(
4753
4809
  {
4754
4810
  backgroundColor: theme.palette.background.paper,
@@ -4897,11 +4953,10 @@ const fileCard = {
4897
4953
  alignItems: "center",
4898
4954
  position: "relative",
4899
4955
  border: "1px solid",
4900
- borderColor: "palette.gray.800",
4956
+ borderColor: "palette.border.field",
4901
4957
  height: "50px",
4902
- // borderRadius: 'default',
4903
- borderRadius: "7px",
4904
- boxShadow: "0px 1px 1px #c7c7c7",
4958
+ borderRadius: "default",
4959
+ boxShadow: `0px 1px 1px #c7c7c7`,
4905
4960
  background: "palette.background.paper",
4906
4961
  cursor: "pointer",
4907
4962
  ".fileCard__content": {
@@ -4948,7 +5003,7 @@ const fileCard = {
4948
5003
  m: 0,
4949
5004
  flexShrink: 0,
4950
5005
  px: 3,
4951
- borderRadius: "7px",
5006
+ borderRadius: "default",
4952
5007
  color: "palette.text.primary",
4953
5008
  svg: {
4954
5009
  width: "18px",
@@ -4957,7 +5012,10 @@ const fileCard = {
4957
5012
  },
4958
5013
  ".fileCard__additionalButton[class]:hover": (theme) => {
4959
5014
  return {
4960
- backgroundColor: theme.palette.getColor("white", "hover"),
5015
+ backgroundColor: theme.palette.getColor(
5016
+ theme.palette.background.paper,
5017
+ "hover"
5018
+ ),
4961
5019
  color: "palette.text.primary"
4962
5020
  };
4963
5021
  }
@@ -4985,6 +5043,10 @@ const labelBox = {
4985
5043
  gap: spacing$1(3),
4986
5044
  justifyContent: "space-between",
4987
5045
  p: spacing$1(3),
5046
+ pl: spacing$1(5),
5047
+ "&.selected": {
5048
+ background: (theme) => getOneColorState$1("palette.background.paper", "selected", theme.palette)
5049
+ },
4988
5050
  "& > .labelAndIcon": {
4989
5051
  display: "flex",
4990
5052
  alignItems: "center",
@@ -5266,6 +5328,62 @@ const animations = { fadeInFromBottom, fadeInFromTop, fadeIn };
5266
5328
 
5267
5329
  const semanticSearch = {
5268
5330
  execution: {
5331
+ documentPage: {
5332
+ padding: 4,
5333
+ //maxWidth: 800,
5334
+ width: "100%",
5335
+ margin: "0 auto",
5336
+ fontFamily: "body",
5337
+ lineHeight: "body",
5338
+ color: "text",
5339
+ h1: {
5340
+ fontSize: "25px",
5341
+ mb: "24px",
5342
+ mt: "13px",
5343
+ borderColor: "muted",
5344
+ pb: "2px",
5345
+ color: "primary"
5346
+ },
5347
+ h2: {
5348
+ fontSize: "22px",
5349
+ mb: "23px",
5350
+ color: "primary"
5351
+ },
5352
+ h3: {
5353
+ fontSize: "21px",
5354
+ mb: "10px",
5355
+ mt: "16px",
5356
+ color: "pallete.text.title"
5357
+ },
5358
+ h4: {
5359
+ fontSize: "20px",
5360
+ mb: "10px",
5361
+ mt: "16px",
5362
+ color: "pallete.text.title"
5363
+ },
5364
+ h5: {
5365
+ fontSize: "19px",
5366
+ mb: "10px",
5367
+ mt: "16px",
5368
+ color: "pallete.text.title"
5369
+ },
5370
+ h6: {
5371
+ fontSize: "18px",
5372
+ mb: "10px",
5373
+ mt: "16px",
5374
+ color: "pallete.text.title"
5375
+ },
5376
+ p: {
5377
+ mb: "8px",
5378
+ mt: "20px"
5379
+ },
5380
+ table: {
5381
+ variant: "layout.common.tables.secondary",
5382
+ thead: {
5383
+ zIndex: 0
5384
+ }
5385
+ }
5386
+ },
5269
5387
  background: "palette.background.default",
5270
5388
  ".chat_history": {
5271
5389
  margin: "50px 0 90px 0"
@@ -5685,6 +5803,18 @@ const semanticSearch = {
5685
5803
  ".autogrow_textarea": {
5686
5804
  maxHeight: "20vh",
5687
5805
  width: "100%"
5806
+ },
5807
+ refsAccordion: {
5808
+ variant: "layout.common.components.accordion.panels",
5809
+ border: (theme) => `1px solid ${theme.palette.border.ghost}`,
5810
+ refButton: {
5811
+ variant: "buttons.paper"
5812
+ },
5813
+ "& .accordion__item__button": {
5814
+ userSelect: "unset",
5815
+ position: "sticky",
5816
+ top: 0
5817
+ }
5688
5818
  }
5689
5819
  }
5690
5820
  };
@@ -5718,7 +5848,7 @@ const form$1 = {
5718
5848
  alignitems: "end",
5719
5849
  justifyContent: "end",
5720
5850
  position: "absolute",
5721
- bottom: "4px",
5851
+ bottom: "8px",
5722
5852
  right: "4px"
5723
5853
  },
5724
5854
  "&:focus-within": focusOutline,
@@ -5897,6 +6027,10 @@ const controller = {
5897
6027
  },
5898
6028
  ".search_controls": {
5899
6029
  flexShrink: 0
6030
+ },
6031
+ ".assistantHistory": {
6032
+ flexGrow: 1,
6033
+ overflow: "auto"
5900
6034
  }
5901
6035
  };
5902
6036
 
@@ -6819,7 +6953,7 @@ async function getRemarkable(extensions) {
6819
6953
 
6820
6954
  const parseMarkdown = async (options) => {
6821
6955
  const markdownLibrary = await getRemarkable(options.extensions);
6822
- const css = (await import('./styles-BVjRzTR5.js')).markdownParserStyles ?? new ErrorImporting();
6956
+ const css = (await import('./styles-BQMlIi40.js')).markdownParserStyles ?? new ErrorImporting();
6823
6957
  if (css instanceof ErrorImporting)
6824
6958
  throw new Error("Could not import css, cannot continue");
6825
6959
  const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
@@ -7277,4 +7411,4 @@ class MarkdownBuilder {
7277
7411
  }
7278
7412
 
7279
7413
  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 };
7280
- //# sourceMappingURL=index-Dn_wc72C.js.map
7414
+ //# sourceMappingURL=index-CPRSL7c3.js.map