@apia/theme 4.0.58 → 4.0.63

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { ResponsiveStyleValue, ThemeUICSSObject, Theme, InputProps, BoxProps, SxProp } from 'theme-ui';
-export { Alert, AlertProps, AspectImage, AspectImageProps, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, BaseStyles, Box, BoxOwnProps, BoxProps, Button, ButtonProps, CSSObject, CSSProperties, CSSPseudoSelectorProps, Card, CardProps, Checkbox, CheckboxProps, Close, CloseIcon, CloseProps, ColorMode, ColorModesScale, Container, ContainerProps, Divider, DividerProps, Donut, DonutProps, Embed, EmbedProps, Field, FieldOwnProps, FieldProps, Flex, FlexOwnProps, FlexProps, Global, Grid, GridProps, Heading, HeadingProps, IconButton, IconButtonProps, Image, ImageProps, InitializeColorMode, Input, InputProps, Label, LabelProps, Link, LinkProps, MenuButton, MenuButtonProps, MenuIcon, Message, MessageProps, NavLink, NavLinkProps, Paragraph, ParagraphProps, Progress, ProgressProps, Radio, RadioProps, ResponsiveStyleValue, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, StylePropertyValue, Switch, SwitchProps, SxProp, TLengthStyledSystem, Text, TextProps, Textarea, TextareaProps, Theme, ThemeStyles, ThemeUICSSObject, ThemeUICSSProperties, ThemeUIContextValue, ThemeUIStyleObject, createElement, css, get, merge, useColorMode, useThemeUI } from 'theme-ui';
+import { ResponsiveStyleValue, ThemeUICSSObject, Theme, InputProps, BoxProps, SwitchProps, SxProp } from 'theme-ui';
+export { Alert, AlertProps, AspectImage, AspectImageProps, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, BaseStyles, Box, BoxOwnProps, BoxProps, Button, ButtonProps, CSSObject, CSSProperties, CSSPseudoSelectorProps, Card, CardProps, Checkbox, CheckboxProps, Close, CloseIcon, CloseProps, ColorMode, ColorModesScale, Container, ContainerProps, Divider, DividerProps, Donut, DonutProps, Embed, EmbedProps, Field, FieldOwnProps, FieldProps, Flex, FlexOwnProps, FlexProps, Global, Grid, GridProps, Heading, HeadingProps, IconButton, IconButtonProps, Image, ImageProps, InitializeColorMode, Input, InputProps, Label, LabelProps, Link, LinkProps, MenuButton, MenuButtonProps, MenuIcon, Message, MessageProps, NavLink, NavLinkProps, Paragraph, ParagraphProps, Progress, ProgressProps, Radio, RadioProps, ResponsiveStyleValue, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, StylePropertyValue, SwitchProps, SxProp, TLengthStyledSystem, Text, TextProps, Textarea, TextareaProps, Theme, ThemeStyles, ThemeUICSSObject, ThemeUICSSProperties, ThemeUIContextValue, ThemeUIStyleObject, createElement, css, get, merge, useColorMode, useThemeUI } from 'theme-ui';
 import * as react from 'react';
 import { FC, ReactNode } from 'react';
 export * from '@theme-ui/match-media';
@@ -222,6 +222,8 @@ declare const MaterialInput: FC<InputProps & {
     boxProperties?: BoxProps;
 }>;
 
+declare const Switch: react.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & react.RefAttributes<any>>;
+
 type CustomTheme = Omit<Theme, 'palette'>;
 
 declare const Form: (props: React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>) => react.JSX.Element;
@@ -426,6 +428,7 @@ declare class MarkdownParagraph extends MarkdownBlock {
 
 type TMDTocProps = {
     title?: string;
+    minLevel?: number;
     maxLevel?: number;
     filter?: (el: HTMLElement) => boolean;
 };
@@ -615,5 +618,5 @@ declare module '@theme-ui/css' {
     }
 }
 
-export { ApiaThemeProvider, type CustomTheme, Form, type IMarkdownStylesAggregator, MarkdownBlock, MarkdownBuilder, MarkdownList, MarkdownParagraph, MarkdownTable, type MarkdownTableCell, type MarkdownTableObjectCell, MarkdownTableOfContents, MaterialInput, type RemarkableExtension, type TColorDefinition, type TCustomPalette, type TMDTocProps, type TPalette, type TParsedPalette, type TSpacingLayout, type TThemeModifier, Table, applyStatesGetColor, focusOutline, getColorState, getColorStates, getColorsAndStatesByDefinition, getColorsAndStatesByPath, getColorsByDefinition, getColorsByPath, getOneColorState, getSpacingLayouts, getVariant, injectStyles, makeStyledComponent, parseMarkdown, parsePalette, responsive, smallButton, spacing, spacingLayouts, useMainTheme };
+export { ApiaThemeProvider, type CustomTheme, Form, type IMarkdownStylesAggregator, MarkdownBlock, MarkdownBuilder, MarkdownList, MarkdownParagraph, MarkdownTable, type MarkdownTableCell, type MarkdownTableObjectCell, MarkdownTableOfContents, MaterialInput, type RemarkableExtension, Switch, type TColorDefinition, type TCustomPalette, type TMDTocProps, type TPalette, type TParsedPalette, type TSpacingLayout, type TThemeModifier, Table, applyStatesGetColor, focusOutline, getColorState, getColorStates, getColorsAndStatesByDefinition, getColorsAndStatesByPath, getColorsByDefinition, getColorsByPath, getOneColorState, getSpacingLayouts, getVariant, injectStyles, makeStyledComponent, parseMarkdown, parsePalette, responsive, smallButton, spacing, spacingLayouts, useMainTheme };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,6 +1,6 @@
-export { A as ApiaThemeProvider, F as Form, t as MarkdownBlock, v as MarkdownBuilder, x as MarkdownList, y as MarkdownParagraph, z as MarkdownTable, B as MarkdownTableOfContents, M as MaterialInput, T as Table, h as applyStatesGetColor, o as focusOutline, g as getColorState, a as getColorStates, b as getColorsAndStatesByDefinition, c as getColorsAndStatesByPath, d as getColorsByDefinition, e as getColorsByPath, f as getOneColorState, k as getSpacingLayouts, q as getVariant, j as injectStyles, i as makeStyledComponent, w as parseMarkdown, p as parsePalette, r as responsive, n as smallButton, l as spacing, s as spacingLayouts, u as useMainTheme } from './index-BJp5z7uE.js';
+export { A as ApiaThemeProvider, F as Form, t as MarkdownBlock, v as MarkdownBuilder, x as MarkdownList, y as MarkdownParagraph, z as MarkdownTable, B as MarkdownTableOfContents, M as MaterialInput, S as Switch, T as Table, h as applyStatesGetColor, o as focusOutline, g as getColorState, a as getColorStates, b as getColorsAndStatesByDefinition, c as getColorsAndStatesByPath, d as getColorsByDefinition, e as getColorsByPath, f as getOneColorState, k as getSpacingLayouts, q as getVariant, j as injectStyles, i as makeStyledComponent, w as parseMarkdown, p as parsePalette, r as responsive, n as smallButton, l as spacing, s as spacingLayouts, u as useMainTheme } from './index-B5IemJX6.js';
 export * from '@theme-ui/match-media';
-export { Alert, AspectImage, AspectRatio, Avatar, Badge, BaseStyles, Box, Button, Card, Checkbox, Close, CloseIcon, Container, Divider, Donut, Embed, Flex, Global, Grid, Heading, IconButton, Image, InitializeColorMode, Input, Label, Link, MenuButton, MenuIcon, Message, NavLink, Paragraph, Progress, Radio, Select, Slider, Spinner, Switch, Text, Textarea, createElement, css, get, merge, useColorMode, useThemeUI } from 'theme-ui';
+export { Alert, AspectImage, AspectRatio, Avatar, Badge, BaseStyles, Box, Button, Card, Checkbox, Close, CloseIcon, Container, Divider, Donut, Embed, Flex, Global, Grid, Heading, IconButton, Image, InitializeColorMode, Input, Label, Link, MenuButton, MenuIcon, Message, NavLink, Paragraph, Progress, Radio, Select, Slider, Spinner, Text, Textarea, createElement, css, get, merge, useColorMode, useThemeUI } from 'theme-ui';
 import 'lodash-es/cloneDeep';
 import 'tinycolor2';
 import 'lodash-es/merge';

package/dist/{styles-C4AklZvX.js → styles-SJODSvxM.js}

@@ -1,4 +1,4 @@
-import { m as markdownExtensions } from './index-BJp5z7uE.js';
+import { m as markdownExtensions } from './index-B5IemJX6.js';
 import 'lodash-es/cloneDeep';
 import 'tinycolor2';
 import 'lodash-es/merge';
@@ -10,7 +10,9 @@ import '@apia/util';
 import '@apia/theme';
 import '@emotion/react';
 
-const markdownTheme = `:root {
+const markdownTheme = `
+
+:root {
   --color-error-back: #fff2f4;
   --color-error-border: rgb(115, 7, 9);
   --color-error-text: var(--color-text-default);
@@ -79,11 +81,17 @@ body {
   margin: 0;
 }
 
-pre, code {
+pre,
+code {
   font-family: var(--font-family-monospace);
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: var(--font-family-heading);
   color: var(--color-text-heading);
 }
@@ -91,6 +99,7 @@ h1, h2, h3, h4, h5, h6 {
 h1 {
   font-size: var(--font-size-h1);
 }
+
 h1:first-of-type {
   margin-top: 0;
 }
@@ -123,16 +132,25 @@ a:visited {
   color: var(--color-primary);
 }
 
+p, ul, pre {
+  margin: 0;
+}
+
 table {
   border-collapse: var(--table-border-collapse);
   border: var(--table-border);
   width: 100%;
   table-layout: fixed;
 }
+
 table * {
   word-break: break-word;
 }
-table thead th, table thead td.heading, table tbody th, table tbody td.heading {
+
+table thead th,
+table thead td.heading,
+table tbody th,
+table tbody td.heading {
   background: var(--table-head-color-background);
   color: var(--table-head-color-text);
   border: var(--table-head-border);
@@ -141,28 +159,101 @@ table thead th, table thead td.heading, table tbody th, table tbody td.heading {
   text-align: var(--table-head-text-align);
   text-wrap: nowrap;
 }
+
 table tbody td {
   background: var(--table-body-color-background);
   color: var(--table-body-color-text);
   border: var(--table-body-border);
   padding: var(--table-body-cell-padding);
 }
+
 table tbody tr:nth-child(2n) td:not(.heading) {
   background: var(--table-body-color-background-odd);
 }
 
 img {
   max-width: 100%;
+  max-height: 80vh;
+  display: block;
+  margin: auto;
 }
 
+/*# sourceMappingURL=theme.css.map */
+
 .md-page {
-  break-inside: avoid-page;
+  break-before: page;
+}
+
+.md-avoid-break {
+  break-inside: avoid;
+}
+
+.md-avoid-break {
+  break-inside: avoid;
+}
+
+.md-indent-block {
+  padding-left: 50px;
+}
+
+.md-cover,
+.md-cover-centered {
+  height: 97vh;
+  display: flex;
+  flex-direction: column;
+  break-before: auto;
+  justify-content: center;
+  
+  &.md-cover-centered {
+    align-items: center;
+
+    h1 {
+      margin: 0;
+    }
+  }
 }
 
-li > a {
+li>a {
   display: block;
   margin: 16px;
 }
+
+.separator {
+  margin: 20px 0;
+}
+
+.statum-cover {
+  break-before: always;
+  height: 100vh;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 24px;
+
+  p {
+    max-width: 75%;
+  }
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.statum-disclaimer {
+  padding: 10%;
+  break-before: always;
+  height: 100vh;
+
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+* {
+  white-space: break-spaces;
+}
 `;
 
 const printStyles = () => `
@@ -183,7 +274,7 @@ const styles = (additionalStyles, extensions) => {
   const generated = `
 ${markdownTheme}
 
-#Container, .md-page {
+#Container, .md-page, .md-avoid-break  {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
@@ -216,4 +307,4 @@ const markdownParserStyles = (additionalStyles, extensions) => {
 };
 
 export { markdownParserStyles };
-//# sourceMappingURL=styles-C4AklZvX.js.map
+//# sourceMappingURL=styles-SJODSvxM.js.map

package/dist/styles-SJODSvxM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-SJODSvxM.js","sources":["../src/markdown/theme/markdownTheme.ts","../src/markdown/styles.ts"],"sourcesContent":["export const markdownTheme = `\r\n\r\n:root {\r\n  --color-error-back: #fff2f4;\r\n  --color-error-border: rgb(115, 7, 9);\r\n  --color-error-text: var(--color-text-default);\r\n  --color-warning-back: #fffdd9;\r\n  --color-warning-border: rgb(244, 239, 64);\r\n  --color-warning-text: var(--color-text-default);\r\n  --color-success-back: #e7ffd9;\r\n  --color-success-border: rgb(79, 205, 79);\r\n  --color-success-text: var(--color-text-default);\r\n  --color-primary: rgb(0, 73, 108);\r\n  --color-primary-light: #f8fdff;\r\n  --color-primary-contrast: white;\r\n  --color-back-paper: white;\r\n  --color-back-default: white;\r\n  --color-border-field: #aaa;\r\n  --color-border-section: #ddd;\r\n  --color-text-default: #333;\r\n  --color-text-disabled: #aaa;\r\n  --color-text-heading: var(--color-primary);\r\n  --font-size-h1: 32px;\r\n  --font-size-h2: 28px;\r\n  --font-size-h3: 25px;\r\n  --font-size-h4: 21px;\r\n  --font-size-h5: 18px;\r\n  --font-size-h6: 16px;\r\n  --font-size-default: 16px;\r\n  --font-family-heading: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\r\n  --font-family-default: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\r\n  --font-family-monospace: monospace;\r\n  --table-head-color-background: var(--color-primary);\r\n  --table-head-color-text: var(--color-primary-contrast);\r\n  --table-head-color-border: var(--color-primary);\r\n  --table-head-border: 1px solid var(--table-head-color-border);\r\n  --table-head-cell-padding: var(--space-4);\r\n  --table-head-font-weight: bold;\r\n  --table-head-text-align: center;\r\n  --table-body-color-background: transparent;\r\n  --table-body-color-background-odd: var(--color-primary-light);\r\n  --table-body-color-text: inherit;\r\n  --table-body-color-border: var(--color-border-section);\r\n  --table-body-border: 1px solid var(--table-body-color-border);\r\n  --table-body-cell-padding: var(--space-4);\r\n  --table-color-background: var(--color-back-paper);\r\n  --table-color-border: var(--color-border-section);\r\n  --table-border: 1px solid var(--table-color-border);\r\n  --table-border-collapse: collapse;\r\n  --shadow-sheet: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;\r\n  --space-0: 0;\r\n  --space-1: 2px;\r\n  --space-2: 4px;\r\n  --space-3: 8px;\r\n  --space-4: 12px;\r\n  --space-5: 16px;\r\n  --space-6: 24px;\r\n}\r\n\r\nhtml {\r\n  margin: 0;\r\n  font-size: var(--font-size-default);\r\n  font-family: var(--font-family-default);\r\n  color: var(--color-text-default);\r\n}\r\n\r\nbody {\r\n  background: var(--color-back-default);\r\n  margin: 0;\r\n}\r\n\r\npre,\r\ncode {\r\n  font-family: var(--font-family-monospace);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  font-family: var(--font-family-heading);\r\n  color: var(--color-text-heading);\r\n}\r\n\r\nh1 {\r\n  font-size: var(--font-size-h1);\r\n}\r\n\r\nh1:first-of-type {\r\n  margin-top: 0;\r\n}\r\n\r\nh2 {\r\n  font-size: var(--font-size-h2);\r\n}\r\n\r\nh3 {\r\n  font-size: var(--font-size-h3);\r\n}\r\n\r\nh4 {\r\n  font-size: var(--font-size-h4);\r\n}\r\n\r\nh5 {\r\n  font-size: var(--font-size-h5);\r\n}\r\n\r\nh6 {\r\n  font-size: var(--font-size-h6);\r\n}\r\n\r\na {\r\n  color: var(--color-text-default);\r\n}\r\n\r\na:visited {\r\n  color: var(--color-primary);\r\n}\r\n\r\np, ul, pre {\r\n  margin: 0;\r\n}\r\n\r\ntable {\r\n  border-collapse: var(--table-border-collapse);\r\n  border: var(--table-border);\r\n  width: 100%;\r\n  table-layout: fixed;\r\n}\r\n\r\ntable * {\r\n  word-break: break-word;\r\n}\r\n\r\ntable thead th,\r\ntable thead td.heading,\r\ntable tbody th,\r\ntable tbody td.heading {\r\n  background: var(--table-head-color-background);\r\n  color: var(--table-head-color-text);\r\n  border: var(--table-head-border);\r\n  padding: var(--table-head-cell-padding);\r\n  font-weight: var(--table-head-font-weight);\r\n  text-align: var(--table-head-text-align);\r\n  text-wrap: nowrap;\r\n}\r\n\r\ntable tbody td {\r\n  background: var(--table-body-color-background);\r\n  color: var(--table-body-color-text);\r\n  border: var(--table-body-border);\r\n  padding: var(--table-body-cell-padding);\r\n}\r\n\r\ntable tbody tr:nth-child(2n) td:not(.heading) {\r\n  background: var(--table-body-color-background-odd);\r\n}\r\n\r\nimg {\r\n  max-width: 100%;\r\n  max-height: 80vh;\r\n  display: block;\r\n  margin: auto;\r\n}\r\n\r\n/*# sourceMappingURL=theme.css.map */\r\n\r\n.md-page {\r\n  break-before: page;\r\n}\r\n\r\n.md-avoid-break {\r\n  break-inside: avoid;\r\n}\r\n\r\n.md-avoid-break {\r\n  break-inside: avoid;\r\n}\r\n\r\n.md-indent-block {\r\n  padding-left: 50px;\r\n}\r\n\r\n.md-cover,\r\n.md-cover-centered {\r\n  height: 97vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  break-before: auto;\r\n  justify-content: center;\r\n  \r\n  &.md-cover-centered {\r\n    align-items: center;\r\n\r\n    h1 {\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n\r\nli>a {\r\n  display: block;\r\n  margin: 16px;\r\n}\r\n\r\n.separator {\r\n  margin: 20px 0;\r\n}\r\n\r\n.statum-cover {\r\n  break-before: always;\r\n  height: 100vh;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 24px;\r\n\r\n  p {\r\n    max-width: 75%;\r\n  }\r\n\r\n  img {\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n.statum-disclaimer {\r\n  padding: 10%;\r\n  break-before: always;\r\n  height: 100vh;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n* {\r\n  white-space: break-spaces;\r\n}\r\n`;\r\n","import { IMarkdownStylesAggregator, RemarkableExtension } from './types';\r\nimport { markdownTheme } from './theme/markdownTheme';\r\nimport { markdownExtensions } from './extensions';\r\n\r\nconst printStyles: IMarkdownStylesAggregator = () => `\r\n@media print {\r\n  body {\r\n    background: white;\r\n  }\r\n\r\n  #Container {\r\n    border: none;\r\n    margin: 0;\r\n    width: auto;\r\n    padding: 0;\r\n  }\r\n}\r\n`;\r\n\r\nconst styles = (\r\n  additionalStyles?: IMarkdownStylesAggregator,\r\n  extensions?: RemarkableExtension[],\r\n) => {\r\n  const generated = `\r\n${markdownTheme}\r\n\r\n#Container, .md-page, .md-avoid-break  {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-6);\r\n  margin: var(--space-6) auto;\r\n  width: 920px;\r\n\r\n  & > * {\r\n    margin: 0;\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    margin: 0;\r\n  }\r\n\r\n  li > *:not(:first-child) {\r\n    margin-top: var(--space-5);\r\n    margin-bottom: var(--space-5);\r\n  }\r\n}\r\n${printStyles()}\r\n\r\n${[...(extensions ?? []), ...markdownExtensions]\r\n  .map((current) => current.styles())\r\n  .join('\\n\\n')}\r\n\r\n${additionalStyles?.() ?? ''}\r\n`;\r\n\r\n  return generated;\r\n};\r\n\r\nexport const markdownParserStyles = (\r\n  additionalStyles?: IMarkdownStylesAggregator,\r\n  extensions?: RemarkableExtension[],\r\n) => {\r\n  return styles(additionalStyles, extensions);\r\n};\r\n"],"names":[],"mappings":";;;;;;;;;;;;AAAO,MAAM,aAAA,GAAgB;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA;;ACI7B,MAAM,cAAyC,MAAM;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAerD,MAAM,MAAA,GAAS,CACb,gBAAA,EACA,UAAA,KACG;AACH,EAAA,MAAM,SAAA,GAAY;AAAA,EAClB,aAAa;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBb,aAAa;;AAAA,EAEb,CAAC,GAAI,UAAA,IAAc,EAAC,EAAI,GAAG,kBAAkB,CAAA,CAC5C,GAAA,CAAI,CAAC,YAAY,OAAA,CAAQ,MAAA,EAAQ,CAAA,CACjC,IAAA,CAAK,MAAM,CAAC;;AAAA,EAEb,gBAAA,QAAwB,EAAE;AAAA,CAAA;AAG1B,EAAA,OAAO,SAAA;AACT,CAAA;AAEO,MAAM,oBAAA,GAAuB,CAClC,gBAAA,EACA,UAAA,KACG;AACH,EAAA,OAAO,MAAA,CAAO,kBAAkB,UAAU,CAAA;AAC5C;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apia/theme",
   "license": "UNLICENSED",
-  "version": "4.0.58",
+  "version": "4.0.63",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -31,7 +31,7 @@
     "libWatchForDashboards": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true,DEV_SERVER_MODULE:dashboards"
   },
   "dependencies": {
-    "@apia/util": "^4.0.58",
+    "@apia/util": "^4.0.63",
     "theme-ui": "^0.16.2"
   },
   "devDependencies": {
@@ -55,5 +55,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "98658d20c5a0f1becbeb46d4ab9caff4d4717c9b"
+  "gitHead": "15169026b191d5374d759702a552a6717f1f102b"
 }