@fastkit/vui 0.6.34 → 0.6.38

package/dist/vui.css

@@ -440,6 +440,12 @@ template {
   --control-switch-width: 3.625em;
   --control-switch-track-width: 2.125em;
   --control-switch-track-height: 0.875em;
+  --wysiwyg-min-height-sm: 3em;
+  --wysiwyg-min-height-md: 6em;
+  --wysiwyg-min-height-lg: 9em;
+  --wysiwyg-max-height-sm: 9em;
+  --wysiwyg-max-height-md: 13em;
+  --wysiwyg-max-height-lg: 16em;
   --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2);
   --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14);
   --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);
@@ -812,6 +818,34 @@ thead th {
   --control-field-rem: var(--control-field-rem-lg);
   font-size: var(--control-field-rem);
 }
+
+.wysiwyg > h1:first-child,
+.wysiwyg h2:first-child,
+.wysiwyg h3:first-child,
+.wysiwyg h4:first-child,
+.wysiwyg h5:first-child,
+.wysiwyg h6:first-child,
+.wysiwyg p:first-child,
+.wysiwyg ul:first-child,
+.wysiwyg ol:first-child,
+.wysiwyg table:first-child {
+  margin-top: 0;
+}
+.wysiwyg > h1:last-child,
+.wysiwyg h2:last-child,
+.wysiwyg h3:last-child,
+.wysiwyg h4:last-child,
+.wysiwyg h5:last-child,
+.wysiwyg h6:last-child,
+.wysiwyg p:last-child,
+.wysiwyg ul:last-child,
+.wysiwyg ol:last-child,
+.wysiwyg table:last-child {
+  margin-bottom: 0;
+}
+.wysiwyg p {
+  margin: 0;
+}
 .v-form-selector__body {
   display: block;
 }
@@ -953,6 +987,9 @@ thead th {
 .v-button--plain {
   color: inherit !important;
 }
+.v-button--plain[disabled] {
+  opacity: 0.5;
+}
 .v-button--sm {
   font-size: calc(var(--root-em) * 0.75);
 }
@@ -965,13 +1002,14 @@ thead th {
 .v-button--rounded {
   --padding: 0;
   min-width: 0;
+  aspect-ratio: 1/1;
   margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);
   border-radius: 50%;
-  aspect-ratio: 1/1;
   --height: auto;
 }
 .v-button--icon {
-  min-width: 0;
+  min-width: 1.9285714286em;
+  margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);
   --height: 1.9285714286em;
   --padding: 0em;
 }
@@ -1010,6 +1048,25 @@ thead th {
   z-index: 1;
   transform: translate(-50%, -50%);
 }
+.v-button-group {
+  display: inline-flex;
+  align-items: stretch;
+}
+.v-button-group__item {
+  position: relative;
+  margin: 0;
+}
+.v-button-group__item--has-left {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.v-button-group__item--has-right {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.v-button-group__item:focus {
+  z-index: 1;
+}
 .v-pagination {
   --pagination-size: var(--pagination-item-size);
   --pagination-margin: var(--pagination-item-margin);
@@ -1708,6 +1765,51 @@ thead th {
   font-style: italic;
   color: var(--control-disabled-color);
 }
+.v-wysiwyg-editor--sm {
+  --min-height: var(--wysiwyg-min-height-sm);
+  --max-height: var(--wysiwyg-max-height-sm);
+}
+.v-wysiwyg-editor--md {
+  --min-height: var(--wysiwyg-min-height-md);
+  --max-height: var(--wysiwyg-max-height-md);
+}
+.v-wysiwyg-editor--lg {
+  --min-height: var(--wysiwyg-min-height-lg);
+  --max-height: var(--wysiwyg-max-height-lg);
+}
+.v-wysiwyg-editor__wrapper {
+  position: relative;
+}
+.v-wysiwyg-editor__floating-toolbar {
+  position: absolute;
+  right: 0;
+  bottom: 100%;
+  z-index: 1;
+}
+.v-wysiwyg-editor__body {
+  position: relative;
+  max-height: var(--max-height);
+  overflow: auto;
+}
+.v-wysiwyg-editor__input {
+  cursor: text;
+}
+.v-wysiwyg-editor__input__element {
+  width: 100%;
+  min-width: 0;
+  padding: 8px 0;
+  margin: 0;
+}
+.v-wysiwyg-editor__input__prose {
+  min-height: var(--min-height);
+  outline: none;
+}
+.v-wysiwyg-editor--disabled-min-heihgt .v-wysiwyg-editor__input__prose {
+  min-height: 0;
+}
+.v-wysiwyg-editor--disabled-max-heihgt .v-wysiwyg-editor__body {
+  max-height: none;
+}
 .v-tabs {
   position: relative;
   width: 100%;