@apia/theme 3.0.9 → 3.0.10

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;;;;"}
@@ -2066,7 +2066,7 @@ const baseTheme = () => {
2066
2066
  modals: "rgba(0, 0, 0, 0.16) 0px 1px 4px;",
2067
2067
  tabs: "",
2068
2068
  panel: "rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px",
2069
- tableFilters: "3px 3px 3px rgba(0,0,0,0.2)",
2069
+ tableFilters: "1px 2px 3px rgba(0,0,0,0.2)",
2070
2070
  toolbar: "3px 3px 3px rgba(0,0,0,0.1)",
2071
2071
  desktop: {
2072
2072
  windowElement: "rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px"
@@ -2366,7 +2366,10 @@ const select = {
2366
2366
  hover: false,
2367
2367
  focus: false
2368
2368
  }
2369
- })
2369
+ }),
2370
+ "&[multiple] ~ svg": {
2371
+ display: "none"
2372
+ }
2370
2373
  };
2371
2374
  var select$1 = select;
2372
2375
 
@@ -2534,16 +2537,37 @@ const overlay = {
2534
2537
  };
2535
2538
 
2536
2539
  const apiaApi = {
2540
+ margin: "auto",
2537
2541
  display: "flex",
2542
+ flexDirection: "column",
2543
+ wordBreak: "break-word",
2544
+ overflow: "hidden",
2538
2545
  width: "100%",
2546
+ ".modal__content": {
2547
+ overflow: "hidden",
2548
+ "& > div": {
2549
+ display: "flex",
2550
+ flexShrink: 1,
2551
+ flexDirection: "column"
2552
+ }
2553
+ },
2539
2554
  ".handler__form": {
2540
2555
  display: "flex",
2541
2556
  flexDirection: "column",
2542
- width: "100%",
2543
- gap: spacing(6),
2557
+ overflow: "hidden",
2558
+ gap: spacing$1(6),
2559
+ ".toggleAccordionElement": {
2560
+ position: "sticky",
2561
+ top: 0
2562
+ },
2544
2563
  ".handler__form__elements": {
2545
- flexShrink: 1,
2546
- overflow: "auto"
2564
+ display: "flex",
2565
+ flexDirection: "column",
2566
+ alignItems: "stretch",
2567
+ overflowY: "auto",
2568
+ maxHeight: "60vh",
2569
+ gap: spacing$1(3),
2570
+ pr: spacing$1(3)
2547
2571
  },
2548
2572
  ".handler__form__elements__section__content": {
2549
2573
  display: "flex",
@@ -2551,28 +2575,21 @@ const apiaApi = {
2551
2575
  wordBreak: "break-word",
2552
2576
  background: "palette.background.paper",
2553
2577
  p: 0,
2554
- gap: spacing(3)
2578
+ gap: spacing$1(3)
2555
2579
  },
2556
2580
  ".content .handler__form__elements__section__content": {
2557
2581
  border: "1px solid",
2558
2582
  borderColor: "palette.border.section",
2559
2583
  borderTop: "none",
2560
- p: spacing(6)
2584
+ p: spacing$1(6)
2561
2585
  },
2562
2586
  ".handler__form__buttons": {
2563
2587
  display: "flex",
2564
2588
  flexDirection: "row",
2565
- justifyContent: "end",
2589
+ justifyContent: "right",
2566
2590
  p: 0,
2567
2591
  gap: "0px",
2568
- position: "sticky",
2569
- bottom: "-19px",
2570
- background: "palette.background.paper",
2571
- height: "80px",
2572
- alignItems: "center",
2573
- button: {
2574
- height: "50px"
2575
- }
2592
+ textAlign: "center"
2576
2593
  },
2577
2594
  ".radio": {
2578
2595
  display: "flex",
@@ -2590,7 +2607,7 @@ const apiaApi = {
2590
2607
  flexDirection: "row-reverse",
2591
2608
  alignItems: "center",
2592
2609
  justifyContent: "start",
2593
- gap: spacing(4),
2610
+ gap: spacing$1(4),
2594
2611
  ".semicolon": {
2595
2612
  display: "none"
2596
2613
  },
@@ -2605,12 +2622,12 @@ const apiaApi = {
2605
2622
  width: "100%"
2606
2623
  },
2607
2624
  ".spacer": {
2608
- height: spacing(7)
2625
+ height: spacing$1(7)
2609
2626
  }
2610
2627
  },
2611
2628
  ".progressBox": {
2612
- p: spacing(5),
2613
- pt: spacing(0)
2629
+ p: spacing$1(5),
2630
+ pt: spacing$1(0)
2614
2631
  }
2615
2632
  /* PREPEND HERE */
2616
2633
  };
@@ -3107,12 +3124,6 @@ const primary$6 = (theme) => {
3107
3124
  "&.hidden": {
3108
3125
  display: "none"
3109
3126
  },
3110
- "&.locked": {
3111
- background: "palette.gray.900",
3112
- td: {
3113
- borderColor: "palette.gray.850"
3114
- }
3115
- },
3116
3127
  ...getSelectedColors(theme.palette),
3117
3128
  "&.draggingRow": {
3118
3129
  outline: "3px dotted",
@@ -3136,7 +3147,9 @@ const primary$6 = (theme) => {
3136
3147
  td: {
3137
3148
  verticalAlign: "top",
3138
3149
  wordBreak: "break-word",
3139
- border: "1px solid",
3150
+ border: "none",
3151
+ borderBottom: "1px solid",
3152
+ background: "transparent",
3140
3153
  borderColor: "components.primaryTable.body.borderColor",
3141
3154
  "&.stickyColumn": {
3142
3155
  position: "sticky",
@@ -3150,6 +3163,21 @@ const primary$6 = (theme) => {
3150
3163
  border: "none",
3151
3164
  background: "transparent"
3152
3165
  }
3166
+ },
3167
+ "&.locked": {
3168
+ ...theme.palette.getOneState(
3169
+ { backgroundColor: "palette.background.paper" },
3170
+ "disabled"
3171
+ ),
3172
+ "&:hover": {
3173
+ ...theme.palette.getOneState(
3174
+ { backgroundColor: "palette.background.paper" },
3175
+ "disabled"
3176
+ )
3177
+ },
3178
+ td: {
3179
+ borderColor: "palette.gray.850"
3180
+ }
3153
3181
  }
3154
3182
  },
3155
3183
  td: {
@@ -3863,6 +3891,7 @@ var primary$5 = primary$4;
3863
3891
  const mobx = (theme) => {
3864
3892
  return {
3865
3893
  variant: "layout.common.trees.primary",
3894
+ overflow: "auto",
3866
3895
  '[role="treeitem"]': {
3867
3896
  '&[aria-expanded="false"] ul': {
3868
3897
  display: "none"
@@ -4523,7 +4552,10 @@ const collector = {
4523
4552
  minWidth: "min(400px, calc(100vw - 52px))",
4524
4553
  overflow: "hidden",
4525
4554
  ".collector__fields": {
4526
- overflow: "auto"
4555
+ overflow: "auto",
4556
+ gap: "8px",
4557
+ display: "flex",
4558
+ flexDirection: "column"
4527
4559
  },
4528
4560
  ".collector__buttons": {
4529
4561
  display: "flex",
@@ -5265,7 +5297,7 @@ async function getRemarkable(extensions) {
5265
5297
 
5266
5298
  const parseMarkdown = async (options) => {
5267
5299
  const markdownLibrary = await getRemarkable(options.extensions);
5268
- const css = (await import('./styles-BjQDjVkI.js')).markdownParserStyles ?? new ErrorImporting();
5300
+ const css = (await import('./styles-BcXeqV9V.js')).markdownParserStyles ?? new ErrorImporting();
5269
5301
  if (css instanceof ErrorImporting)
5270
5302
  throw new Error("Could not import css, cannot continue");
5271
5303
  const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
@@ -5723,4 +5755,4 @@ class MarkdownBuilder {
5723
5755
  }
5724
5756
 
5725
5757
  export { ApiaThemeProvider as A, 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 };
5726
- //# sourceMappingURL=index-BNr0t6tQ.js.map
5758
+ //# sourceMappingURL=index-CbLc78-3.js.map