@weavy/uikit-react 12.1.0 → 13.0.0

package/dist/css/weavy-messenger.css

@@ -46,6 +46,8 @@
   flex: 0 0 3rem;
   grid-template-columns: minmax(2rem, max-content) minmax(0, max-content) minmax(2rem, max-content);
   column-gap: 0.5rem;
+  font-family: var(--wy-font-sans-serif);
+  line-height: 1.5;
   backface-visibility: hidden;
 }
 @supports (backdrop-filter: blur(0.5rem)) {
@@ -82,12 +84,12 @@
 .wy-appbar, .wy-light .wy-appbar, .wy-appbar.wy-light {
   background-color: rgba(242, 242, 242, 0.95);
   color: rgba(0, 0, 0, 0.69);
-  border-bottom: 1px solid rgba(204, 204, 204, 0.95);
+  box-shadow: rgba(204, 204, 204, 0.95) 0px -1px 0px 0px inset;
 }
 .wy-dark .wy-appbar, .wy-appbar.wy-dark {
   background-color: rgba(41, 41, 41, 0.95);
   color: rgba(255, 255, 255, 0.62);
-  border-bottom: 1px solid rgba(71, 71, 71, 0.95);
+  box-shadow: rgba(71, 71, 71, 0.95) 0px -1px 0px 0px inset;
 }
 
 .wy-footerbars {
@@ -697,105 +699,270 @@
   display: inline-block;
 }
 
-code[class*=language-], pre[class*=language-] {
-  font-family: var(--wy-font-monospace);
-  font-size: 1em;
-  direction: ltr;
+:not(.wy-dark) .wy-code, .wy-code:not(.wy-dark) {
+  /*pre[class*="language-"]::-moz-selection,
+  pre[class*="language-"] ::-moz-selection,
+  code[class*="language-"]::-moz-selection,
+  code[class*="language-"] ::-moz-selection {
+    text-shadow: none;
+    background: #ffffff;
+  }
+
+  pre[class*="language-"]::selection,
+  pre[class*="language-"] ::selection,
+  code[class*="language-"]::selection,
+  code[class*="language-"] ::selection {
+    text-shadow: none;
+    background: #ffffff;
+  }*/
+  /* Code blocks */
+}
+:not(.wy-dark) .wy-code code[class*=language-],
+:not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) code[class*=language-],
+.wy-code:not(.wy-dark) pre[class*=language-] {
+  color: #000000;
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
+  word-wrap: normal;
   line-height: 1.5;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
   tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
   hyphens: none;
 }
-
-pre[class*=language-] {
-  background: #fff;
-  font-size: 0.875em;
-  padding: 1rem;
-  margin: 0.5rem 0;
+@media print {
+  :not(.wy-dark) .wy-code code[class*=language-],
+:not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) code[class*=language-],
+.wy-code:not(.wy-dark) pre[class*=language-] {
+    text-shadow: none;
+  }
+}
+:not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) pre[class*=language-] {
+  padding: 1em;
+  margin: 0.5em 0;
   overflow: auto;
 }
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
+:not(.wy-dark) .wy-code :not(pre) > code[class*=language-],
+:not(.wy-dark) .wy-code pre[class*=language-], .wy-code:not(.wy-dark) :not(pre) > code[class*=language-],
+.wy-code:not(.wy-dark) pre[class*=language-] {
+  color: white;
+  background: #ffffff;
+}
+:not(.wy-dark) .wy-code :not(pre) > code[class*=language-], .wy-code:not(.wy-dark) :not(pre) > code[class*=language-] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+:not(.wy-dark) .wy-code .token.comment, .wy-code:not(.wy-dark) .token.comment {
   color: #008000;
-  font-style: italic;
 }
-
-.token.namespace {
-  opacity: 0.7;
+:not(.wy-dark) .wy-code .token.builtin, .wy-code:not(.wy-dark) .token.builtin {
+  color: #0070C1;
 }
-
-.token.string {
+:not(.wy-dark) .wy-code .token.number, .wy-code:not(.wy-dark) .token.number {
+  color: #098658;
+}
+:not(.wy-dark) .wy-code .token.variable, .wy-code:not(.wy-dark) .token.variable {
+  color: #098658;
+}
+:not(.wy-dark) .wy-code .token.inserted, .wy-code:not(.wy-dark) .token.inserted {
+  color: #098658;
+}
+:not(.wy-dark) .wy-code .token.operator, .wy-code:not(.wy-dark) .token.operator {
+  color: #000000;
+}
+:not(.wy-dark) .wy-code .token.constant, .wy-code:not(.wy-dark) .token.constant {
+  color: #811F3F;
+}
+:not(.wy-dark) .wy-code .token.hexcode, .wy-code:not(.wy-dark) .token.hexcode {
+  color: #811F3F;
+}
+:not(.wy-dark) .wy-code .token.regex, .wy-code:not(.wy-dark) .token.regex {
+  color: #811F3F;
+}
+:not(.wy-dark) .wy-code .token.char, .wy-code:not(.wy-dark) .token.char {
+  color: #811F3F;
+}
+:not(.wy-dark) .wy-code .token.tag, .wy-code:not(.wy-dark) .token.tag {
+  color: #800000;
+}
+:not(.wy-dark) .wy-code .token.attr-name, .wy-code:not(.wy-dark) .token.attr-name {
+  color: #FF0000;
+}
+:not(.wy-dark) .wy-code .token.selector, .wy-code:not(.wy-dark) .token.selector {
+  color: #FF0000;
+}
+:not(.wy-dark) .wy-code .token.property, .wy-code:not(.wy-dark) .token.property {
+  color: #FF0000;
+}
+:not(.wy-dark) .wy-code .token.deleted, .wy-code:not(.wy-dark) .token.deleted {
   color: #A31515;
 }
-
-.token.url,
-.token.symbol,
-.token.number,
-.token.boolean,
-.token.variable,
-.token.constant,
-.token.inserted {
-  color: #36acaa;
+:not(.wy-dark) .wy-code .token.string, .wy-code:not(.wy-dark) .token.string {
+  color: #A31515;
 }
-
-.token.atrule,
-.token.keyword,
-.token.attr-value,
-.language-autohotkey .token.selector,
-.language-json .token.boolean,
-.language-json .token.number,
-code[class*=language-css] {
-  color: #0000ff;
+:not(.wy-dark) .wy-code .token.changed, .wy-code:not(.wy-dark) .token.changed {
+  color: #0451A5;
 }
-
-.token.deleted,
-.language-autohotkey .token.tag {
-  color: #9a050f;
+:not(.wy-dark) .wy-code .token.punctuation, .wy-code:not(.wy-dark) .token.punctuation {
+  color: #0451A5;
 }
-
-.token.selector,
-.language-autohotkey .token.keyword {
-  color: #00009f;
+:not(.wy-dark) .wy-code .token.function, .wy-code:not(.wy-dark) .token.function {
+  color: #0000FF;
 }
-
-.token.important {
-  color: #e90;
+:not(.wy-dark) .wy-code .token.keyword, .wy-code:not(.wy-dark) .token.keyword {
+  color: #0000FF;
 }
-
-.token.important,
-.token.bold {
-  font-weight: 700;
+:not(.wy-dark) .wy-code .token.class-name, .wy-code:not(.wy-dark) .token.class-name {
+  color: #267F99;
 }
-
-.token.italic {
+:not(.wy-dark) .wy-code .token.important,
+:not(.wy-dark) .wy-code .token.bold, .wy-code:not(.wy-dark) .token.important,
+.wy-code:not(.wy-dark) .token.bold {
+  font-weight: bold;
+}
+:not(.wy-dark) .wy-code .token.italic, .wy-code:not(.wy-dark) .token.italic {
   font-style: italic;
 }
+.wy-dark .wy-code, .wy-code.wy-dark {
+  /*pre[class*="language-"]::-moz-selection,
+  pre[class*="language-"] ::-moz-selection,
+  code[class*="language-"]::-moz-selection,
+  code[class*="language-"] ::-moz-selection {
+    text-shadow: none;
+    background: #1e1e1e;
+  }
 
-.token.class-name,
-.language-json .token.property {
-  color: #2B91AF;
+  pre[class*="language-"]::selection,
+  pre[class*="language-"] ::selection,
+  code[class*="language-"]::selection,
+  code[class*="language-"] ::selection {
+    text-shadow: none;
+    background: #1e1e1e;
+  }*/
+  /* Code blocks */
+}
+.wy-dark .wy-code code[class*=language-],
+.wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark code[class*=language-],
+.wy-code.wy-dark pre[class*=language-] {
+  color: #d4d4d4;
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
 }
-
-.token.tag,
-.token.selector {
-  color: #800000;
+@media print {
+  .wy-dark .wy-code code[class*=language-],
+.wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark code[class*=language-],
+.wy-code.wy-dark pre[class*=language-] {
+    text-shadow: none;
+  }
 }
-
-.token.attr-name,
-.token.property,
-.token.regex,
-.token.entity {
-  color: #ff0000;
+.wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark pre[class*=language-] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
 }
-
-.token.directive.tag .tag {
-  background: #ffff00;
+.wy-dark .wy-code :not(pre) > code[class*=language-],
+.wy-dark .wy-code pre[class*=language-], .wy-code.wy-dark :not(pre) > code[class*=language-],
+.wy-code.wy-dark pre[class*=language-] {
+  color: white;
+  background: #1e1e1e;
+}
+.wy-dark .wy-code :not(pre) > code[class*=language-], .wy-code.wy-dark :not(pre) > code[class*=language-] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.wy-dark .wy-code .token.prolog, .wy-code.wy-dark .token.prolog {
+  color: #8080ff;
+}
+.wy-dark .wy-code .token.comment, .wy-code.wy-dark .token.comment {
+  color: #6A9955;
+}
+.wy-dark .wy-code .token.punctuation, .wy-code.wy-dark .token.punctuation {
+  color: #6A9955;
+}
+.wy-dark .wy-code .token.builtin, .wy-code.wy-dark .token.builtin {
+  color: #4FC1FF;
+}
+.wy-dark .wy-code .token.number, .wy-code.wy-dark .token.number {
+  color: #B5CEA8;
+}
+.wy-dark .wy-code .token.variable, .wy-code.wy-dark .token.variable {
+  color: #B5CEA8;
+}
+.wy-dark .wy-code .token.inserted, .wy-code.wy-dark .token.inserted {
+  color: #B5CEA8;
+}
+.wy-dark .wy-code .token.operator, .wy-code.wy-dark .token.operator {
+  color: #D4D4D4;
+}
+.wy-dark .wy-code .token.constant, .wy-code.wy-dark .token.constant {
+  color: #646695;
+}
+.wy-dark .wy-code .token.hexcode, .wy-code.wy-dark .token.hexcode {
+  color: #646695;
+}
+.wy-dark .wy-code .token.tag, .wy-code.wy-dark .token.tag {
+  color: #569CD6;
+}
+.wy-dark .wy-code .token.changed, .wy-code.wy-dark .token.changed {
+  color: #569CD6;
+}
+.wy-dark .wy-code .token.function, .wy-code.wy-dark .token.function {
+  color: #569CD6;
+}
+.wy-dark .wy-code .token.keyword, .wy-code.wy-dark .token.keyword {
+  color: #569CD6;
+}
+.wy-dark .wy-code .token.attr-name, .wy-code.wy-dark .token.attr-name {
+  color: #9CDCFE;
+}
+.wy-dark .wy-code .token.selector, .wy-code.wy-dark .token.selector {
+  color: #9CDCFE;
+}
+.wy-dark .wy-code .token.property, .wy-code.wy-dark .token.property {
+  color: #9CDCFE;
+}
+.wy-dark .wy-code .token.deleted, .wy-code.wy-dark .token.deleted {
+  color: #CE9178;
+}
+.wy-dark .wy-code .token.string, .wy-code.wy-dark .token.string {
+  color: #CE9178;
+}
+.wy-dark .wy-code .token.regex, .wy-code.wy-dark .token.regex {
+  color: #D16969;
+}
+.wy-dark .wy-code .token.char, .wy-code.wy-dark .token.char {
+  color: #D16969;
+}
+.wy-dark .wy-code .token.class-name, .wy-code.wy-dark .token.class-name {
+  color: #4EC9B0;
+}
+.wy-dark .wy-code .token.important,
+.wy-dark .wy-code .token.bold, .wy-code.wy-dark .token.important,
+.wy-code.wy-dark .token.bold {
+  font-weight: bold;
+}
+.wy-dark .wy-code .token.italic, .wy-code.wy-dark .token.italic {
+  font-style: italic;
 }
 
 .wy-hashtag {
@@ -1580,7 +1747,7 @@ input[type=search]::-webkit-search-cancel-button {
 .wy-message-form.wy-uploading .wy-spinner {
   display: block;
 }
-.wy-message-form.wy-uploading .wy-icon-attachment {
+.wy-message-form.wy-uploading [data-icon=plus] {
   display: none;
 }
 .wy-message-form .wy-picker-list:not(:empty) {
@@ -1723,9 +1890,9 @@ input[type=search]::-webkit-search-cancel-button {
   color: #fff;
 }
 .wy-overlays .wy-panel.wy-dark.wy-open[data-title]::before {
-  background: rgba(41, 41, 41, 0.95);
+  background-color: rgba(41, 41, 41, 0.95);
   color: rgba(255, 255, 255, 0.62);
-  border-bottom: 1px #000 solid;
+  box-shadow: rgba(71, 71, 71, 0.95) 0px -1px 0px 0px inset;
 }
 @media (min-width: 768px) {
   .wy-overlays .wy-panel.wy-floating {
@@ -1827,8 +1994,8 @@ tr.wy-pager td .wy-spinner {
   flex-direction: column;
 }
 .wy-panel .wy-controls {
-  top: 0.5rem;
-  left: 0.5rem;
+  top: 0.75rem;
+  left: 0.75rem;
   min-width: 2rem;
   width: auto;
   display: flex;
@@ -1861,19 +2028,20 @@ tr.wy-pager td .wy-spinner {
   top: 0;
   left: 0;
   right: 0;
-  height: 2.9375rem;
+  height: 3rem;
+  padding: 0.5rem 0.5rem;
   opacity: 0;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: rgba(242, 242, 242, 0.95);
-  color: rgba(0, 0, 0, 0.69);
-  border-bottom: 1px solid #cccccc;
   transition: opacity 0.1s 0.2s step-end;
-  font-family: var(--wy-font-sans-serif);
+  font-family: var(--wy-font-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji);
   line-height: 1.5;
   font-weight: 400;
+  background-color: rgba(242, 242, 242, 0.95);
+  color: rgba(0, 0, 0, 0.69);
+  box-shadow: rgba(204, 204, 204, 0.95) 0px -1px 0px 0px inset;
   backface-visibility: hidden;
 }
 @supports (backdrop-filter: blur(0.5rem)) {
@@ -1963,6 +2131,10 @@ tr.wy-pager td .wy-spinner {
   justify-content: center;
   height: calc(100% - 3rem - 1px);
   position: relative;
+  background-color: #fff;
+}
+.wy-dark .wy-preview, .wy-preview.wy-dark {
+  background-color: #292929;
 }
 
 .wy-nav-prev, .wy-nav-next {
@@ -1997,7 +2169,7 @@ tr.wy-pager td .wy-spinner {
   .wy-document {
     padding: 3rem 4rem;
     margin: 2rem 3.5rem;
-    border-radius: 0.25rem;
+    border-radius: 0.125rem;
     box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.14), 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.2);
     width: 120ch;
     min-height: 170ch;
@@ -2036,14 +2208,14 @@ tr.wy-pager td .wy-spinner {
     backdrop-filter: blur(0.5rem);
   }
 }
-.wy-dark .wy-tools, .wy-tools.wy-dark {
+.wy-dark .wy-tools {
   background-color: rgba(41, 41, 41, 0.95);
   color: rgba(255, 255, 255, 0.62);
 }
-.wy-dark .wy-tools .wy-icon, .wy-tools.wy-dark .wy-icon {
+.wy-dark .wy-tools .wy-icon {
   color: rgba(255, 255, 255, 0.62);
 }
-.wy-dark .wy-tools .wy-input, .wy-tools.wy-dark .wy-input {
+.wy-dark .wy-tools .wy-input {
   background-color: rgba(0, 0, 0, 0.5);
   color: rgba(255, 255, 255, 0.62);
 }
@@ -2054,32 +2226,38 @@ tr.wy-pager td .wy-spinner {
   margin: 0 0.5rem;
 }
 
-.wy-content-iframe, [data-controller~=embed] {
+.wy-content-code {
+  align-self: flex-start;
+  width: 100%;
+  padding: 1rem 3rem;
+}
+
+.wy-content-iframe {
   border: 0;
   display: block;
   width: 100%;
   height: 100%;
   flex: 1 1 100%;
 }
-.wy-content-iframe:not(.wy-loading):not([data-controller~=embed]), .wy-content-iframe[data-controller~=embed].wy-loaded, [data-controller~=embed]:not(.wy-loading):not([data-controller~=embed]), [data-controller~=embed][data-controller~=embed].wy-loaded {
+.wy-content-iframe.wy-loaded {
   background: #fff;
 }
-.wy-content-iframe:not(.wy-loading):not([data-controller~=embed]) ~ .wy-content-iframe-fallback, .wy-content-iframe:not(.wy-loading):not([data-controller~=embed]) ~ .wy-spinner, .wy-content-iframe[data-controller~=embed].wy-loaded ~ .wy-content-iframe-fallback, .wy-content-iframe[data-controller~=embed].wy-loaded ~ .wy-spinner, [data-controller~=embed]:not(.wy-loading):not([data-controller~=embed]) ~ .wy-content-iframe-fallback, [data-controller~=embed]:not(.wy-loading):not([data-controller~=embed]) ~ .wy-spinner, [data-controller~=embed][data-controller~=embed].wy-loaded ~ .wy-content-iframe-fallback, [data-controller~=embed][data-controller~=embed].wy-loaded ~ .wy-spinner {
+.wy-content-iframe.wy-loaded ~ .wy-content-iframe-fallback, .wy-content-iframe.wy-loaded ~ .wy-spinner {
   display: none;
 }
-.wy-content-iframe.wy-loading:not(.wy-loaded), .wy-content-iframe[data-controller~=embed]:not(.wy-loaded), [data-controller~=embed].wy-loading:not(.wy-loaded), [data-controller~=embed][data-controller~=embed]:not(.wy-loaded) {
+.wy-content-iframe.wy-loading:not(.wy-loaded) {
   position: absolute;
   visibility: hidden;
   z-index: -1;
   pointer-events: none;
 }
-.wy-content-iframe.wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback, .wy-content-iframe[data-controller~=embed]:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback, [data-controller~=embed].wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback, [data-controller~=embed][data-controller~=embed]:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback {
+.wy-content-iframe.wy-loading:not(.wy-loaded):not(.wy-fallback) ~ .wy-content-iframe-fallback {
   display: none;
 }
-.wy-content-iframe.wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner, .wy-content-iframe[data-controller~=embed]:not(.wy-loaded).wy-fallback ~ .wy-spinner, [data-controller~=embed].wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner, [data-controller~=embed][data-controller~=embed]:not(.wy-loaded).wy-fallback ~ .wy-spinner {
+.wy-content-iframe.wy-loading:not(.wy-loaded).wy-fallback ~ .wy-spinner {
   display: none;
 }
-.wy-content-iframe ~ .wy-spinner, [data-controller~=embed] ~ .wy-spinner {
+.wy-content-iframe ~ .wy-spinner {
   margin: auto;
 }
 
@@ -2131,7 +2309,7 @@ tr.wy-pager td .wy-spinner {
 .wy-content-image:not(.wy-intrinsic-image) {
   height: 100%;
   width: 100%;
-  --max-width: min(calc((100vh - 3rem - 1px) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
+  --max-width: min(calc((100vh - 3rem) * (var(--width) / var(--height))), calc(var(--width) * 1px), 100%);
   --max-height: min(calc(100vw * (var(--height) / var(--width))), calc(var(--height) * 1px), 100%);
   /*     // With sidebar
       body.controller-content & {