@weavy/uikit-react 11.1.0 → 13.0.0

package/src/scss/theme/_checkbox.scss

@@ -0,0 +1,56 @@
+@use "config" as *;
+
+// Include mixin in the relative class that should be suffixed with -check
+@mixin button-check {
+
+  // From bootstrap/scss/forms/_form_check
+  &-check {
+    position: absolute;
+    clip: rect(0, 0, 0, 0);
+    pointer-events: none;
+  
+    &[disabled] + &,
+    &:disabled + & {
+      pointer-events: none;
+      filter: none;
+      opacity: $form-check-btn-check-disabled-opacity;
+    }
+  }
+
+  // From bootstrap/scss/_buttons
+  &-check:focus + &,
+  &:focus {
+    outline: 0;
+    box-shadow: $btn-focus-box-shadow;
+  }
+  &-check:checked + &,
+  &-check:active + & {
+    @include box-shadow($btn-active-box-shadow);
+  
+    &:focus {
+      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+    }
+  }
+
+  // Custom icons
+  &-check + .#{wy}-button-icon {
+    svg:last-child {
+      display: none;
+    }
+  }
+
+  &-check:checked + .#{wy}-button-icon {
+    svg:first-child {
+      display: none;
+    }
+  
+    svg:last-child {
+      display: inline-block;
+    }
+  }
+}
+
+// Create a suffixed subclass from .wy-button -> .wy-button-check
+.wy-button {
+  @include button-check;
+}

package/src/scss/theme/_cm-editor.scss

@@ -0,0 +1,42 @@
+@use "config" as *;
+@use "mixins/scrollbar";
+@use "message-editor";
+
+.ͼ1 .cm-scroller {
+    font-family: unset;
+    line-height: 1.25;
+}
+
+.ͼ1 .cm-widgetBuffer {
+  vertical-align: unset;
+}
+
+.cm-editor {
+  @extend %message-editor-textfield;
+
+  &.cm-focused {
+    /* default theme in codemirror seems difficult to override */
+    outline: $light solid 1px !important;
+  }
+
+  .cm-content {
+    @extend %message-editor-textcontent;
+  }
+
+  .cm-scroller {
+    overflow: auto;
+
+    .wy-scrollbars & {
+      @include scrollbar.custom-scrollbar;
+    }
+  }
+}
+
+.wy-is-invalid + [data-editor-target] .cm-editor {
+  padding-right: $input-height-inner;
+  background-image: escape-svg($form-feedback-icon-invalid);
+  background-repeat: no-repeat;
+  background-position: right $input-height-inner-quarter top $input-height-inner-quarter;
+  background-size: $input-height-inner-half $input-height-inner-half;
+  outline-color: $form-feedback-invalid-color !important;
+}

package/src/scss/theme/_code-vscode-dark.scss

@@ -0,0 +1,184 @@
+// Theme generated from VS Code using https://prism.dotenv.dev/
+
+code[class*="language-"],
+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;
+}
+
+/*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;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #1e1e1e;
+}*/
+
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  color: white;
+  background: #1e1e1e;
+}
+
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+
+
+.token.prolog {
+  color: #8080ff;
+  
+}
+
+.token.comment {
+  color: #6A9955;
+  
+}
+
+.token.punctuation {
+  color: #6A9955;
+  
+}
+
+.token.builtin {
+  color: #4FC1FF;
+  
+}
+
+.token.number {
+  color: #B5CEA8;
+  
+}
+
+.token.variable {
+  color: #B5CEA8;
+  
+}
+
+.token.inserted {
+  color: #B5CEA8;
+  
+}
+
+.token.operator {
+  color: #D4D4D4;
+  
+}
+
+.token.constant {
+  color: #646695;
+  
+}
+
+.token.hexcode {
+  color: #646695;
+  
+}
+
+.token.tag {
+  color: #569CD6;
+  
+}
+
+.token.changed {
+  color: #569CD6;
+  
+}
+
+.token.function {
+  color: #569CD6;
+  
+}
+
+.token.keyword {
+  color: #569CD6;
+  
+}
+
+.token.attr-name {
+  color: #9CDCFE;
+  
+}
+
+.token.selector {
+  color: #9CDCFE;
+  
+}
+
+.token.property {
+  color: #9CDCFE;
+  
+}
+
+.token.deleted {
+  color: #CE9178;
+  
+}
+
+.token.string {
+  color: #CE9178;
+  
+}
+
+.token.regex {
+  color: #D16969;
+  
+}
+
+.token.char {
+  color: #D16969;
+  
+}
+
+.token.class-name {
+  color: #4EC9B0;
+  
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}

package/src/scss/theme/_code-vscode-light.scss

@@ -0,0 +1,179 @@
+// Theme generated from VS Code using https://prism.dotenv.dev/
+
+code[class*="language-"],
+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-"]::-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;
+}*/
+
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  color: white;
+  background: #ffffff;
+}
+
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+
+
+.token.comment {
+  color: #008000;
+  
+}
+
+.token.builtin {
+  color: #0070C1;
+  
+}
+
+.token.number {
+  color: #098658;
+  
+}
+
+.token.variable {
+  color: #098658;
+  
+}
+
+.token.inserted {
+  color: #098658;
+  
+}
+
+.token.operator {
+  color: #000000;
+  
+}
+
+.token.constant {
+  color: #811F3F;
+  
+}
+
+.token.hexcode {
+  color: #811F3F;
+  
+}
+
+.token.regex {
+  color: #811F3F;
+  
+}
+
+.token.char {
+  color: #811F3F;
+  
+}
+
+.token.tag {
+  color: #800000;
+  
+}
+
+.token.attr-name {
+  color: #FF0000;
+  
+}
+
+.token.selector {
+  color: #FF0000;
+  
+}
+
+.token.property {
+  color: #FF0000;
+  
+}
+
+.token.deleted {
+  color: #A31515;
+  
+}
+
+.token.string {
+  color: #A31515;
+  
+}
+
+.token.changed {
+  color: #0451A5;
+  
+}
+
+.token.punctuation {
+  color: #0451A5;
+  
+}
+
+.token.function {
+  color: #0000FF;
+  
+}
+
+.token.keyword {
+  color: #0000FF;
+  
+}
+
+.token.class-name {
+  color: #267F99;
+  
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}

package/src/scss/theme/_code.scss

@@ -0,0 +1,12 @@
+@use "config" as *;
+
+// Themes generated from VS Code using https://prism.dotenv.dev/
+.wy-code {
+  :not(.wy-dark) &, &:not(.wy-dark) {
+    @import "code-vscode-light";
+  }
+
+  .wy-dark &, &.wy-dark {
+    @import "code-vscode-dark";
+  }
+}