@smwb/ui-css 2.6.0 → 2.8.0

package/dist/ui.css

@@ -1679,6 +1679,88 @@
     border-color: CanvasText;
   }
 }
+.smwb-identity-badge {
+  --smwb-identity-badge-color: var(--smwb-identity-badge-accent, var(--smui-onSurfaceVariant));
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  flex: none;
+  box-sizing: border-box;
+  height: 18px;
+  padding: 0 4px;
+  vertical-align: middle;
+  white-space: nowrap;
+  border: 1px solid var(--smwb-identity-badge-color);
+  border-radius: 4px;
+  background-color: transparent;
+  color: var(--smwb-identity-badge-color);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 1;
+}
+.smwb-identity-badge__icon {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 12px;
+  overflow: hidden;
+}
+.smwb-identity-badge__icon > .smwb-icon__wrapper {
+  width: 100%;
+  height: 100%;
+}
+.smwb-identity-badge__icon svg,
+.smwb-identity-badge__icon img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.smwb-identity-badge__icon .material-symbols-outlined {
+  font-size: 12px !important;
+}
+.smwb-identity-badge-group {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  vertical-align: middle;
+}
+.smwb-identity-badge-group__hidden {
+  display: none;
+}
+button.smwb-identity-badge-group__surplus {
+  position: relative;
+  margin: 0;
+  appearance: none;
+  background-color: transparent;
+  cursor: pointer;
+}
+button.smwb-identity-badge-group__surplus:focus-visible {
+  outline: 2px solid var(--smui-primaryColor);
+  outline-offset: 2px;
+}
+@media (pointer: coarse) {
+  button.smwb-identity-badge-group__surplus::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: var(--smui-control-h-sm, 44px);
+    height: var(--smui-control-h-sm, 44px);
+    transform: translate(-50%, -50%);
+  }
+}
+@media (forced-colors: active) {
+  .smwb-identity-badge {
+    border-color: CanvasText;
+    color: CanvasText;
+  }
+  button.smwb-identity-badge-group__surplus {
+    border-color: ButtonText;
+    color: ButtonText;
+  }
+}
 .smwb-qr-code {
   display: inline-flex;
   flex-direction: column;
@@ -5017,6 +5099,203 @@
   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.6.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.6.0",
+    "@smwb/ui-styles": "^2.8.0",
     "less": "^4.6.4"
   },
   "homepage": "https://sourcecraft.dev/elfenmail/ui",