@apia/theme 4.0.19 → 4.0.24
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.
- package/dist/html-B-K0BIiw.js.map +1 -1
- package/dist/{index-Dn_wc72C.js → index-CQyNuNTG.js} +218 -84
- package/dist/index-CQyNuNTG.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/{styles-BVjRzTR5.js → styles-kOzs6n6L.js} +2 -2
- package/dist/styles-kOzs6n6L.js.map +1 -0
- package/jsx-runtime/dist/jsx-runtime.d.ts +3 -3
- package/jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js +2 -2
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts +2 -2
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts.map +1 -1
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.dev.js +21 -21
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js +7 -7
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.prod.js +21 -21
- package/jsx-runtime/dist/theme-ui-jsx-runtime.esm.js +2 -2
- package/jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js +2 -2
- package/jsx-runtime/package.json +8 -8
- package/package.json +5 -5
- package/dist/index-Dn_wc72C.js.map +0 -1
- package/dist/styles-BVjRzTR5.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"html-B-K0BIiw.js","sources":["../src/markdown/html.ts"],"sourcesContent":["import { IMarkdownHtml } from './types';\
|
|
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,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 /
|
|
150
|
-
1: Math.ceil(i /
|
|
151
|
-
2: Math.ceil(i / 1.
|
|
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: "#
|
|
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
|
-
|
|
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: "
|
|
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: {
|
|
@@ -939,19 +945,19 @@ function getThemeColorsObject(theme) {
|
|
|
939
945
|
}
|
|
940
946
|
},
|
|
941
947
|
openTab: {
|
|
942
|
-
backgroundColor: theme.palette.
|
|
943
|
-
color: theme.palette.primary.
|
|
944
|
-
borderColor: theme.palette.
|
|
948
|
+
backgroundColor: theme.palette.background.paper,
|
|
949
|
+
color: theme.palette.primary.main,
|
|
950
|
+
borderColor: theme.palette.border.field
|
|
945
951
|
},
|
|
946
952
|
outline: {
|
|
947
953
|
backgroundColor: theme.palette.background.paper,
|
|
948
954
|
color: theme.palette.text.primary,
|
|
949
|
-
borderColor: theme.palette.
|
|
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.
|
|
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.
|
|
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
|
-
|
|
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: "
|
|
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
|
-
"
|
|
2325
|
-
|
|
2326
|
-
|
|
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: "
|
|
2334
|
-
|
|
2335
|
-
|
|
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
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
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: "
|
|
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
|
|
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
|
|
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: "
|
|
4240
|
-
border: "1px solid
|
|
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:
|
|
4446
|
-
|
|
4447
|
-
|
|
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
|
-
|
|
4452
|
-
|
|
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
|
-
|
|
4478
|
-
|
|
4479
|
-
|
|
4480
|
-
|
|
4481
|
-
|
|
4482
|
-
|
|
4483
|
-
|
|
4484
|
-
|
|
4485
|
-
|
|
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: "
|
|
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.
|
|
4956
|
+
borderColor: "palette.border.field",
|
|
4901
4957
|
height: "50px",
|
|
4902
|
-
|
|
4903
|
-
|
|
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: "
|
|
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(
|
|
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: "
|
|
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-
|
|
6956
|
+
const css = (await import('./styles-kOzs6n6L.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-
|
|
7414
|
+
//# sourceMappingURL=index-CQyNuNTG.js.map
|