studiocms 0.1.0-beta.10

package/dist/styles/dashboard-diff.css

@@ -0,0 +1,389 @@
+:root {
+  --d2h-bg-color: hsl(var(--background-step-1));
+  --d2h-border-color: hsl(var(--border));
+  --d2h-dim-color: hsl(var(--text-muted));
+  --d2h-line-border-color: hsl(var(--border));
+  --d2h-file-header-bg-color: hsl(var(--background-step-2));
+  --d2h-file-header-border-color: hsl(var(--border));
+  --d2h-empty-placeholder-bg-color: hsl(var(--background-step-1));
+  --d2h-empty-placeholder-border-color: hsl(var(--border));
+  --d2h-selected-color: hsl(var(--info-flat));
+  --d2h-ins-bg-color: hsl(from hsl(var(--success-base)) h s calc(l / 5));
+  --d2h-ins-border-color: hsl(from hsl(var(--success-base)) h s calc(l / 2));
+  --d2h-ins-highlight-bg-color: hsl(from hsl(var(--success-base)) h s calc(l / 3));
+  --d2h-ins-label-color: hsl(var(--success-base));
+  --d2h-del-bg-color: hsl(from hsl(var(--danger-base)) h s calc(l / 3));
+  --d2h-del-border-color: hsl(from hsl(var(--danger-base)) h s calc(l / 2));
+  --d2h-del-highlight-bg-color: hsl(from hsl(var(--danger-base)) h s calc(l / 1.5));
+  --d2h-del-label-color: hsl(var(--danger-base));
+  --d2h-change-del-color: hsl(from hsl(var(--warning-base)) h s calc(l * 1.2));
+  --d2h-change-ins-color: hsl(from hsl(var(--success-base)) h s calc(l * 1.25));
+  --d2h-info-bg-color: hsl(from hsl(var(--info-base)) h s calc(l / 5));
+  --d2h-info-border-color: hsl(from hsl(var(--info-base)) h s calc(l / 2));
+  --d2h-change-label-color: hsl(var(--warning-base));
+  --d2h-moved-label-color: hsl(var(--info-base));
+}
+[data-theme=light] {
+  --d2h-ins-bg-color: hsl(var(--success-base));
+  --d2h-ins-highlight-bg-color: hsl(from hsl(var(--success-base)) h s calc(l / 0.7));
+  --d2h-del-bg-color: hsl(from hsl(var(--danger-base)) h s calc(l * 2));
+  --d2h-del-highlight-bg-color: hsl(from hsl(var(--danger-base)) h s calc(l * 1.5));
+  --d2h-info-bg-color: hsl(from hsl(var(--info-base)) h s calc(l * 1.5));
+}
+.d2h-wrapper {
+  text-align: left;
+}
+.d2h-file-header {
+  background-color: var(--d2h-file-header-bg-color);
+  border-bottom: 1px solid var(--d2h-file-header-border-color);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: "Onest Variable", sans-serif;
+  height: 35px;
+  padding: 5px 10px;
+}
+.d2h-file-header.d2h-sticky-header {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+.d2h-file-stats {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 14px;
+  margin-left: auto;
+}
+.d2h-lines-added {
+  border: 1px solid var(--d2h-ins-border-color);
+  border-radius: 5px 0 0 5px;
+  color: var(--d2h-ins-label-color);
+  padding: 2px;
+  text-align: right;
+  vertical-align: middle;
+}
+.d2h-lines-deleted {
+  border: 1px solid var(--d2h-del-border-color);
+  border-radius: 0 5px 5px 0;
+  color: var(--d2h-del-label-color);
+  margin-left: 1px;
+  padding: 2px;
+  text-align: left;
+  vertical-align: middle;
+}
+.d2h-file-name-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-size: 15px;
+  width: 100%;
+}
+.d2h-file-name {
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 500;
+}
+.d2h-file-wrapper {
+  border: 1px solid var(--d2h-border-color);
+  border-radius: 3px;
+  margin-bottom: 1em;
+}
+.d2h-file-collapse {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  cursor: pointer;
+  display: none;
+  font-size: 12px;
+  justify-content: flex-end;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: 1px solid var(--d2h-border-color);
+  border-radius: 3px;
+  padding: 4px 8px;
+}
+.d2h-file-collapse.d2h-selected {
+  background-color: var(--d2h-selected-color);
+}
+.d2h-file-collapse-input {
+  margin: 0 4px 0 0;
+}
+.d2h-diff-table {
+  border-collapse: collapse;
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-size: 13px;
+  width: 100%;
+}
+.d2h-files-diff {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+}
+.d2h-file-diff {
+  overflow-y: hidden;
+}
+.d2h-file-diff.d2h-d-none,
+.d2h-files-diff.d2h-d-none {
+  display: none;
+}
+.d2h-file-side-diff {
+  display: inline-block;
+  overflow-x: scroll;
+  overflow-y: hidden;
+  width: 50%;
+  &::-webkit-scrollbar,
+  &::-webkit-scrollbar-track {
+    background-color: inherit;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    -webkit-box-shadow: inset 0 0 2px hsl(var(--border));
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: hsl(var(--mono-flat-hover));
+    border: 4px solid transparent;
+    background-clip: content-box;
+    border-radius: var(--radius-full);
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: hsl(var(--mono-flat-active));
+    cursor: default;
+  }
+}
+.d2h-code-line {
+  padding: 0 8em;
+  width: calc(100% - 16em);
+}
+.d2h-code-line,
+.d2h-code-side-line {
+  display: inline-block;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+}
+.d2h-code-side-line {
+  padding: 0 4.5em;
+  width: calc(100% - 9em);
+}
+.d2h-code-line-ctn {
+  background: none;
+  display: inline-block;
+  padding: 0;
+  word-wrap: normal;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+  vertical-align: middle;
+  white-space: pre;
+  width: 100%;
+}
+.d2h-code-line del,
+.d2h-code-side-line del {
+  background-color: var(--d2h-del-highlight-bg-color);
+}
+.d2h-code-line del,
+.d2h-code-line ins,
+.d2h-code-side-line del,
+.d2h-code-side-line ins {
+  border-radius: .2em;
+  display: inline-block;
+  margin-top: -1px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  padding-inline: 2px;
+}
+.d2h-code-line ins,
+.d2h-code-side-line ins {
+  background-color: var(--d2h-ins-highlight-bg-color);
+  text-align: left;
+}
+.d2h-code-line-prefix {
+  background: none;
+  display: inline;
+  padding: 0;
+  word-wrap: normal;
+  white-space: pre;
+}
+.line-num1 {
+  float: left;
+}
+.line-num1,
+.line-num2 {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  overflow: hidden;
+  padding: 0 .5em;
+  text-overflow: ellipsis;
+  width: 3.5em;
+}
+.line-num2 {
+  float: right;
+}
+.d2h-code-linenumber {
+  background-color: var(--d2h-bg-color);
+  border: solid var(--d2h-line-border-color);
+  border-width: 0 1px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: var(--d2h-dim-color);
+  cursor: pointer;
+  display: inline-block;
+  position: absolute;
+  text-align: right;
+  width: 7.5em;
+}
+.d2h-code-linenumber:after {
+  content: "\200b";
+}
+.d2h-code-side-linenumber {
+  background-color: var(--d2h-bg-color);
+  border: solid var(--d2h-line-border-color);
+  border-width: 0 1px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: var(--d2h-dim-color);
+  cursor: pointer;
+  display: inline-block;
+  overflow: hidden;
+  padding: 0 .5em;
+  position: absolute;
+  text-align: right;
+  text-overflow: ellipsis;
+  width: 4em;
+}
+.d2h-code-side-linenumber:after {
+  content: "\200b";
+}
+.d2h-code-side-emptyplaceholder,
+.d2h-emptyplaceholder {
+  background-color: var(--d2h-empty-placeholder-bg-color);
+  border-color: var(--d2h-empty-placeholder-border-color);
+}
+.d2h-code-line-prefix,
+.d2h-code-linenumber,
+.d2h-code-side-linenumber,
+.d2h-emptyplaceholder {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.d2h-code-linenumber,
+.d2h-code-side-linenumber {
+  direction: rtl;
+}
+.d2h-del {
+  background-color: var(--d2h-del-bg-color);
+  border-color: var(--d2h-del-border-color);
+}
+.d2h-ins {
+  background-color: var(--d2h-ins-bg-color);
+  border-color: var(--d2h-ins-border-color);
+}
+.d2h-info {
+  background-color: var(--d2h-info-bg-color);
+  border-color: var(--d2h-info-border-color);
+  color: var(--d2h-dim-color);
+}
+.d2h-file-diff .d2h-del.d2h-change {
+  background-color: var(--d2h-change-del-color);
+}
+.d2h-file-diff .d2h-ins.d2h-change {
+  background-color: var(--d2h-change-ins-color);
+}
+.d2h-file-list-wrapper {
+  margin-bottom: 10px;
+}
+.d2h-file-list-wrapper a {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.d2h-file-list-wrapper a,
+.d2h-file-list-wrapper a:visited {
+  color: var(--d2h-moved-label-color);
+}
+.d2h-file-list-header {
+  text-align: left;
+}
+.d2h-file-list-title {
+  font-weight: 700;
+}
+.d2h-file-list-line {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  text-align: left;
+}
+.d2h-file-list {
+  display: block;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.d2h-file-list > li {
+  border-bottom: 1px solid var(--d2h-border-color);
+  margin: 0;
+  padding: 5px 10px;
+}
+.d2h-file-list > li:last-child {
+  border-bottom: none;
+}
+.d2h-file-switch {
+  cursor: pointer;
+  display: none;
+  font-size: 10px;
+}
+.d2h-icon {
+  margin-right: 10px;
+  vertical-align: middle;
+  fill: currentColor;
+}
+.d2h-deleted {
+  color: var(--d2h-del-label-color);
+}
+.d2h-added {
+  color: var(--d2h-ins-label-color);
+}
+.d2h-changed {
+  color: var(--d2h-change-label-color);
+}
+.d2h-moved {
+  color: var(--d2h-moved-label-color);
+}
+.d2h-tag {
+  background-color: var(--d2h-bg-color);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 10px;
+  margin-left: 5px;
+  padding: 0 2px;
+}
+.d2h-deleted-tag {
+  border: 1px solid var(--d2h-del-label-color);
+}
+.d2h-added-tag {
+  border: 1px solid var(--d2h-ins-label-color);
+}
+.d2h-changed-tag {
+  border: 1px solid var(--d2h-change-label-color);
+}
+.d2h-moved-tag {
+  border: 1px solid var(--d2h-moved-label-color);
+}

package/dist/styles/dashboard-tiny-mde.css

@@ -0,0 +1,224 @@
+.TinyMDE {
+  background-color: hsl(var(--background-step-2)) !important;
+  color: hsl(var(--text-normal)) !important;
+  font-size: 16px !important;
+  line-height: 24px !important;
+  outline: none !important;
+  padding: 5px !important;
+  height: 100% !important;
+  border-bottom-left-radius: 8px !important;
+  border-bottom-right-radius: 8px !important;
+  border-right: 2px solid hsl(var(--border)) !important;
+  border-bottom: 2px solid hsl(var(--border)) !important;
+  border-left: 2px solid hsl(var(--border)) !important;
+  overflow-y: auto;
+  overflow-x: hidden;
+  &::-webkit-scrollbar,
+  &::-webkit-scrollbar-track {
+    background-color: inherit;
+    border-radius: 99px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: hsl(var(--default-active));
+    border: 4px solid transparent;
+    background-clip: content-box;
+    border-radius: 99px;
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: hsl(var(--default-hover));
+  }
+}
+.TMBlankLine {
+  height: 24px !important;
+}
+.TMH1,
+.TMSetextH1 {
+  font-size: 22px !important;
+  line-height: 32px !important;
+  font-weight: bold !important;
+  margin-bottom: 8px !important;
+}
+.TMSetextH1 {
+  margin-bottom: 0px !important;
+}
+.TMSetextH1Marker {
+  margin-bottom: 8px !important;
+}
+.TMH2,
+.TMSetextH2 {
+  font-size: 20px !important;
+  line-height: 28px !important;
+  font-weight: bold !important;
+  margin-bottom: 4px !important;
+}
+.TMMark_TMCode {
+  font-family: monospace !important;
+  font-size: .9em !important;
+}
+.TMFencedCodeBacktick,
+.TMFencedCodeTilde,
+.TMIndentedCode,
+.TMCode {
+  font-family: monospace !important;
+  font-size: .9em !important;
+  background-color: hsl(var(--background-step-3)) !important;
+}
+.TMCodeFenceBacktickOpen,
+.TMCodeFenceTildeOpen {
+  border-bottom: 1px solid hsl(var(--border)) !important;
+  font-family: monospace !important;
+  font-size: .9em !important;
+}
+.TMCodeFenceBacktickClose,
+.TMCodeFenceTildeClose {
+  border-top: 1px solid hsl(var(--border)) !important;
+  font-family: monospace !important;
+  font-size: .9em !important;
+}
+.TMInfoString {
+  color: #0000ff !important;
+}
+.TMCode {
+  border: 1px solid hsl(var(--border)) !important;
+  border-radius: 2px !important;
+}
+.TMBlockquote {
+  font-style: italic !important;
+  border-left: 2px solid hsl(var(--border)) !important;
+  padding-left: 10px !important;
+  margin-left: 10px !important;
+}
+.TMMark {
+  color: hsl(var(--text-muted)) !important;
+}
+.TMMark_TMH1,
+.TMMark_TMH2 {
+  color: #ff8080 !important;
+}
+.TMMark_TMUL,
+.TMMark_TMOL {
+  color: #ff8080 !important;
+}
+.TMImage {
+  text-decoration: underline !important;
+  text-decoration-color: #00ff00 !important;
+}
+.TMLink {
+  text-decoration: underline !important;
+  text-decoration-color: #0000ff !important;
+}
+.TMLinkLabel {
+  text-decoration: underline !important;
+  font-family: monospace !important;
+}
+.TMLinkLabel_Definition,
+.TMLinkLabel_Valid {
+  color: #40c040 !important;
+}
+.TMLinkLabel_Invalid {
+  color: #ff0000 !important;
+}
+.TMLinkTitle {
+  font-style: italic !important;
+}
+.TMLinkDestination,
+.TMAutolink {
+  text-decoration: underline !important;
+  color: #0000ff !important;
+}
+.TMHR {
+  position: relative !important;
+}
+.TMHR:before {
+  content: "";
+  position: absolute !important;
+  bottom: 50% !important;
+  left: 40% !important;
+  border-bottom: 2px solid hsl(var(--border)) !important;
+  width: 20% !important;
+  z-index: 0 !important;
+}
+.TMHTML,
+.TMHTMLBlock {
+  font-family: monospace !important;
+  font-size: .9em !important;
+  color: #8000ff !important;
+}
+.TMHTMLBlock {
+  color: #6000c0 !important;
+}
+.TMCommandBar {
+  background-color: hsl(var(--background-step-3)) !important;
+  height: 24px !important;
+  border: 2px solid hsl(var(--border)) !important;
+  box-sizing: content-box !important;
+  display: flex !important;
+  -webkit-user-select: none !important;
+  user-select: none !important;
+  overflow-x: scroll !important;
+  overflow-y: hidden !important;
+  scrollbar-width: none !important;
+  -ms-overflow-style: none !important;
+  border-top-left-radius: 8px !important;
+  border-top-right-radius: 8px !important;
+  padding-left: .5rem;
+}
+.TMCommandBar::-webkit-scrollbar {
+  display: none !important;
+}
+.TMCommandButton {
+  box-sizing: border-box !important;
+  display: inline-block !important;
+  height: 24px !important;
+  padding: 3px !important;
+  margin-right: 4px !important;
+  color: hsl(var(--text-muted)) !important;
+  fill: hsl(var(--text-muted)) !important;
+  text-align: center !important;
+  cursor: pointer !important;
+  vertical-align: middle !important;
+  font-size: 20px !important;
+  line-height: 18px !important;
+  font-family: sans-serif !important;
+}
+.TMCommandButtonSpan {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+}
+.TMCommandDivider {
+  box-sizing: content-box !important;
+  height: 24px !important;
+  margin-left: 4px !important;
+  margin-right: 8px !important;
+  width: 0px !important;
+  border-left: 1px solid hsl(var(--border)) !important;
+  border-right: 1px solid hsl(var(--border)) !important;
+}
+.TMCommandButton_Active {
+  font-weight: bold !important;
+  color: hsl(var(--text-inverted)) !important;
+  background-color: hsl(var(--primary-active)) !important;
+  fill: hsl(var(--text-inverted)) !important;
+}
+.TMCommandButton_Inactive {
+  background-color: hsl(var(--background-step-3)) !important;
+  fill: hsl(var(--text-normal)) !important;
+  color: hsl(var(--text-normal)) !important;
+}
+.TMCommandButton_Disabled {
+  color: hsl(var(--text-muted)) !important;
+  fill: hsl(var(--text-muted)) !important;
+}
+@media (hover: hover) {
+  .TMCommandButton_Active:hover,
+  .TMCommandButton_Disabled:hover,
+  .TMCommandButton_Inactive:hover {
+    background-color: hsl(var(--primary-hover)) !important;
+    fill: hsl(var(--text-inverted)) !important;
+    color: hsl(var(--text-inverted)) !important;
+  }
+}

package/dist/styles/md-remark-callouts/github.css

@@ -0,0 +1,56 @@
+[data-theme=light] .callout {
+  border-left-color: var(--callout-color-light);
+}
+[data-theme=light] .callout-title {
+  color: var(--callout-color-light);
+}
+.callout {
+  border-left-color: var(--callout-color-dark);
+}
+.callout-title {
+  color: var(--callout-color-dark);
+}
+.callout {
+  width: 100%;
+  padding: 0.5rem 1rem;
+  border-left-width: 0.25em;
+  border-left-style: solid;
+  margin-bottom: 1rem;
+}
+.callout-title {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  line-height: 1;
+  font-weight: 500;
+}
+.callout-icon svg {
+  overflow: visible !important;
+  display: inline-block;
+  vertical-align: text-bottom;
+  fill: currentColor;
+}
+.callout-content > :first-child {
+  margin-top: 1rem;
+}
+.callout-content > :last-child {
+  margin-bottom: 0;
+}
+.callout-collapsible .callout-title {
+  cursor: pointer;
+}
+.callout-collapsible .callout-fold {
+  display: flex;
+  align-items: center;
+  padding-inline-end: 8px;
+}
+.callout-collapsible > .callout-title .callout-fold svg {
+  transform: rotate(-90deg);
+  transition: transform 100ms ease-in-out;
+}
+.callout-collapsible[open] > .callout-title .callout-fold svg {
+  transform: none;
+}
+.callout-fold {
+  margin-left: -2px;
+}