@smwb/ui-css 2.7.0 → 2.8.0

package/dist/ui.css

@@ -5099,6 +5099,203 @@ button.smwb-identity-badge-group__surplus:focus-visible {
   white-space: nowrap;
   border: 0;
 }
+.smwb-markdown {
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+  font-size: 14px;
+  line-height: 1.5;
+}
+.smwb-markdown > * {
+  margin-block: 0;
+}
+.smwb-markdown > * + * {
+  margin-block-start: 12px;
+}
+.smwb-markdown__plain,
+.smwb-markdown__raw {
+  white-space: pre-wrap;
+}
+.smwb-markdown__heading {
+  font-weight: 600;
+  line-height: 1.3;
+}
+.smwb-markdown__heading_level-1 {
+  font-size: 1.5em;
+}
+.smwb-markdown__heading_level-2 {
+  font-size: 1.3em;
+}
+.smwb-markdown__heading_level-3 {
+  font-size: 1.15em;
+}
+.smwb-markdown__heading_level-4 {
+  font-size: 1em;
+}
+.smwb-markdown__heading_level-5 {
+  font-size: 0.925em;
+}
+.smwb-markdown__heading_level-6 {
+  font-size: 0.85em;
+}
+.smwb-markdown__rule {
+  height: 0;
+  border: 0;
+  border-block-start: 1px solid var(--smui-dividerColor);
+}
+.smwb-markdown__quote {
+  margin-inline: 0;
+  padding-inline-start: 12px;
+  border-inline-start: 3px solid var(--smui-outlineColor);
+  color: var(--smui-onSurfaceVariant);
+}
+.smwb-markdown__quote > * + * {
+  margin-block-start: 12px;
+}
+.smwb-markdown__quote .smwb-markdown__quote .smwb-markdown__quote .smwb-markdown__quote,
+.smwb-markdown__footnote .smwb-markdown__footnote .smwb-markdown__footnote .smwb-markdown__footnote {
+  padding-inline-start: calc(12px / 3);
+}
+.smwb-markdown__list .smwb-markdown__list .smwb-markdown__list .smwb-markdown__list {
+  padding-inline-start: calc(1.5em * 2 / 3);
+}
+.smwb-markdown__list {
+  padding-inline-start: 1.5em;
+  list-style: disc;
+}
+.smwb-markdown__list_ordered {
+  list-style: decimal;
+}
+.smwb-markdown__list .smwb-markdown__list {
+  margin-block-start: calc(12px / 2);
+}
+.smwb-markdown__item {
+  list-style: inherit;
+}
+.smwb-markdown__item > * + * {
+  margin-block-start: calc(12px / 2);
+}
+.smwb-markdown__item_task {
+  list-style: none;
+}
+.smwb-markdown__item_task > .smwb-markdown__checkbox + .smwb-markdown__paragraph {
+  display: inline;
+}
+.smwb-markdown__checkbox {
+  width: auto;
+  height: auto;
+  margin-block: 0;
+  margin-inline-end: 0.5em;
+  vertical-align: middle;
+  accent-color: var(--smui-primaryColor);
+}
+.smwb-markdown__code-block {
+  max-width: 100%;
+  overflow-x: auto;
+  contain: inline-size;
+  padding: 8px 12px;
+  border-radius: 4px;
+  background-color: var(--smui-surfaceVariant);
+  white-space: pre;
+  overflow-wrap: normal;
+  tab-size: 4;
+}
+@supports not (contain: inline-size) {
+  .smwb-markdown__code-block {
+    width: 0;
+    min-width: 100%;
+  }
+}
+.smwb-markdown__code-block:focus-visible {
+  outline: 2px solid var(--smui-primaryColor);
+  outline-offset: 2px;
+}
+.smwb-markdown__code,
+.smwb-markdown__inline-code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
+  font-size: 0.9em;
+}
+.smwb-markdown__code {
+  padding: 0;
+  border-radius: 0;
+  background-color: transparent;
+}
+.smwb-markdown__inline-code {
+  padding: 0.1em 0.35em;
+  border-radius: 4px;
+  background-color: var(--smui-surfaceVariant);
+}
+.smwb-markdown__table-wrap {
+  max-width: 100%;
+  overflow-x: auto;
+  contain: inline-size;
+}
+@supports not (contain: inline-size) {
+  .smwb-markdown__table-wrap {
+    width: 0;
+    min-width: 100%;
+  }
+}
+.smwb-markdown__table-wrap:focus-visible {
+  outline: 2px solid var(--smui-primaryColor);
+  outline-offset: 2px;
+}
+.smwb-markdown__table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.smwb-markdown__cell {
+  overflow-wrap: normal;
+  padding: 4px 8px;
+  border: 1px solid var(--smui-tableBorderColor);
+  text-align: left;
+}
+.smwb-markdown__cell_head {
+  background-color: var(--smui-surfaceVariant);
+  font-weight: 600;
+}
+.smwb-markdown__cell_align-left {
+  text-align: left;
+}
+.smwb-markdown__cell_align-center {
+  text-align: center;
+}
+.smwb-markdown__cell_align-right {
+  text-align: right;
+}
+.smwb-markdown__link {
+  color: var(--smui-primaryColor);
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+}
+.smwb-markdown__link:hover,
+.smwb-markdown__link:focus-visible {
+  text-decoration-thickness: 2px;
+}
+.smwb-markdown__image {
+  max-width: 100%;
+  height: auto;
+}
+.smwb-markdown__footnote {
+  margin-inline: 0;
+  padding-inline-start: 1.5em;
+}
+.smwb-markdown__footnote > * + * {
+  margin-block-start: 12px;
+}
+.smwb-markdown__footnote-label {
+  margin-inline-end: 0.5em;
+  font-weight: 600;
+}
+.smwb-markdown__footnote-label + .smwb-markdown__paragraph {
+  display: inline;
+}
+@media (forced-colors: active) {
+  .smwb-markdown__code-block,
+  .smwb-markdown__inline-code {
+    border: 1px solid CanvasText;
+  }
+}
 .smwb-modal__overlay > .smwb-modal.smwb-command-palette {
   width: min(640px, calc(100vw - 32px));
   height: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smwb/ui-css",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "Prebuilt aggregate stylesheet for the @smwb design system (compiled from @smwb/ui-styles). Framework-agnostic — shared by the React and SolidJS libraries.",
   "license": "MIT",
   "sideEffects": [
@@ -19,7 +19,7 @@
     "build": "lessc -rp=/ ../styles/less/components.less ./dist/ui.css"
   },
   "devDependencies": {
-    "@smwb/ui-styles": "^2.7.0",
+    "@smwb/ui-styles": "^2.8.0",
     "less": "^4.6.4"
   },
   "homepage": "https://sourcecraft.dev/elfenmail/ui",