@fastkit/vui 0.12.9 → 0.12.11

package/dist/vui.css

@@ -1571,6 +1571,144 @@
   }
 }
 
+/* src/components/VControlField/VControlField.scss */
+@layer vui {
+  .v-control-field {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    width: 100%;
+    min-width: 0;
+    height: var(--control-field-height);
+    padding: 0 8px;
+    font-size: var(--control-field-font-size);
+    line-height: var(--control-field-line-height);
+    letter-spacing: var(--control-field-letter-spacing);
+    --my-bottom-color: var(--control-field-bottom-color);
+    --my-bottom-hover-color: var(--control-field-bottom-hover-color);
+    --my-focused-color: var(--main-color);
+    --my-fill-color: var(--control-field-fill-color);
+    --my-fill-hover-color: var(--control-field-fill-hover-color);
+    --my-outline-color: var(--control-field-outline-color);
+    --my-outline-hover-color: var(--control-field-outline-hover-color);
+  }
+  .v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly) {
+    --my-bottom-color: var(--main-color);
+    --my-bottom-hover-color: var(--main-color);
+    --my-outline-color: var(--main-color);
+    --my-outline-hover-color: var(--main-color);
+  }
+  .v-control-field--readonly {
+    cursor: default;
+  }
+  .v-control-field--disabled {
+    color: var(--control-disabled-color);
+    pointer-events: none;
+    user-select: none;
+  }
+  .v-control-field::before,
+  .v-control-field::after {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    pointer-events: none;
+    content: "";
+  }
+  .v-control-field::before {
+    height: 1px;
+    border-bottom: solid 1px var(--my-bottom-color);
+    transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  }
+  .v-control-field::after {
+    height: 2px;
+    background: var(--my-focused-color);
+    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+    transform: scaleX(0);
+  }
+  .v-control-field--focused,
+  .v-control-field:focus-within {
+    --my-outline-color: var(--my-focused-color);
+    --my-outline-hover-color: var(--my-focused-color);
+    outline: none;
+  }
+  .v-control-field--focused::after,
+  .v-control-field:focus-within::after {
+    transform: scaleX(1);
+  }
+  .v-control-field--auto-height {
+    height: auto;
+  }
+  .v-control-field__body {
+    display: flex;
+    flex: 1 1 auto;
+    align-items: stretch;
+    align-self: stretch;
+    margin: 0;
+  }
+  .v-control-field--flat {
+    padding-right: 0;
+    padding-left: 0;
+  }
+  .v-control-field--filled {
+    background-color: var(--my-fill-color);
+    border-top-left-radius: var(--control-field-radius);
+    border-top-right-radius: var(--control-field-radius);
+    transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+  }
+  .v-control-field--filled:hover:not(:focus-within) {
+    background-color: var(--my-fill-hover-color);
+  }
+  .v-control-field--flat:hover::before,
+  .v-control-field--filled:hover::before {
+    border-color: var(--my-bottom-hover-color);
+  }
+  .v-control-field--flat:hover::before {
+    height: 2px;
+    border-bottom-width: 2px;
+  }
+  .v-control-field--flat.v-control-field--disabled::before,
+  .v-control-field--filled.v-control-field--disabled::before {
+    border-bottom-style: dotted;
+  }
+  .v-control-field--outlined {
+    border-radius: var(--control-field-radius);
+    transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+  }
+  .v-control-field--outlined::before {
+    top: 0;
+    height: auto;
+    background: transparent;
+    border: solid 1px var(--my-outline-color);
+    border-radius: inherit;
+  }
+  .v-control-field--outlined:hover::before {
+    border-color: var(--my-outline-hover-color);
+  }
+  .v-control-field--outlined::after {
+    content: none;
+  }
+  .v-control-field--outlined:focus-within {
+    box-shadow: 0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);
+  }
+  .v-control-field__adornment--start {
+    padding-right: 0.25em;
+  }
+  .v-control-field__adornment--end {
+    padding-left: 0.25em;
+  }
+  .v-control-field__adornment .v-icon {
+    font-size: 1.2em;
+  }
+}
+
+/* src/components/VTextCounter/VTextCounter.scss */
+@layer vui {
+  .v-text-counter {
+    white-space: nowrap;
+  }
+}
+
 /* src/components/VCheckbox/VCheckbox.scss */
 @layer vui {
   .v-checkbox {
@@ -1950,137 +2088,6 @@
   }
 }
 
-/* src/components/VControlField/VControlField.scss */
-@layer vui {
-  .v-control-field {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    width: 100%;
-    min-width: 0;
-    height: var(--control-field-height);
-    padding: 0 8px;
-    font-size: var(--control-field-font-size);
-    line-height: var(--control-field-line-height);
-    letter-spacing: var(--control-field-letter-spacing);
-    --my-bottom-color: var(--control-field-bottom-color);
-    --my-bottom-hover-color: var(--control-field-bottom-hover-color);
-    --my-focused-color: var(--main-color);
-    --my-fill-color: var(--control-field-fill-color);
-    --my-fill-hover-color: var(--control-field-fill-hover-color);
-    --my-outline-color: var(--control-field-outline-color);
-    --my-outline-hover-color: var(--control-field-outline-hover-color);
-  }
-  .v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly) {
-    --my-bottom-color: var(--main-color);
-    --my-bottom-hover-color: var(--main-color);
-    --my-outline-color: var(--main-color);
-    --my-outline-hover-color: var(--main-color);
-  }
-  .v-control-field--readonly {
-    cursor: default;
-  }
-  .v-control-field--disabled {
-    color: var(--control-disabled-color);
-    pointer-events: none;
-    user-select: none;
-  }
-  .v-control-field::before,
-  .v-control-field::after {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    pointer-events: none;
-    content: "";
-  }
-  .v-control-field::before {
-    height: 1px;
-    border-bottom: solid 1px var(--my-bottom-color);
-    transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  }
-  .v-control-field::after {
-    height: 2px;
-    background: var(--my-focused-color);
-    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
-    transform: scaleX(0);
-  }
-  .v-control-field--focused,
-  .v-control-field:focus-within {
-    --my-outline-color: var(--my-focused-color);
-    --my-outline-hover-color: var(--my-focused-color);
-    outline: none;
-  }
-  .v-control-field--focused::after,
-  .v-control-field:focus-within::after {
-    transform: scaleX(1);
-  }
-  .v-control-field--auto-height {
-    height: auto;
-  }
-  .v-control-field__body {
-    display: flex;
-    flex: 1 1 auto;
-    align-items: stretch;
-    align-self: stretch;
-    margin: 0;
-  }
-  .v-control-field--flat {
-    padding-right: 0;
-    padding-left: 0;
-  }
-  .v-control-field--filled {
-    background-color: var(--my-fill-color);
-    border-top-left-radius: var(--control-field-radius);
-    border-top-right-radius: var(--control-field-radius);
-    transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
-  }
-  .v-control-field--filled:hover:not(:focus-within) {
-    background-color: var(--my-fill-hover-color);
-  }
-  .v-control-field--flat:hover::before,
-  .v-control-field--filled:hover::before {
-    border-color: var(--my-bottom-hover-color);
-  }
-  .v-control-field--flat:hover::before {
-    height: 2px;
-    border-bottom-width: 2px;
-  }
-  .v-control-field--flat.v-control-field--disabled::before,
-  .v-control-field--filled.v-control-field--disabled::before {
-    border-bottom-style: dotted;
-  }
-  .v-control-field--outlined {
-    border-radius: var(--control-field-radius);
-    transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
-  }
-  .v-control-field--outlined::before {
-    top: 0;
-    height: auto;
-    background: transparent;
-    border: solid 1px var(--my-outline-color);
-    border-radius: inherit;
-  }
-  .v-control-field--outlined:hover::before {
-    border-color: var(--my-outline-hover-color);
-  }
-  .v-control-field--outlined::after {
-    content: none;
-  }
-  .v-control-field--outlined:focus-within {
-    box-shadow: 0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);
-  }
-  .v-control-field__adornment--start {
-    padding-right: 0.25em;
-  }
-  .v-control-field__adornment--end {
-    padding-left: 0.25em;
-  }
-  .v-control-field__adornment .v-icon {
-    font-size: 1.2em;
-  }
-}
-
 /* src/components/VTextField/VTextField.scss */
 @layer vui {
   .v-text-field__input {
@@ -2119,13 +2126,6 @@
   }
 }
 
-/* src/components/VTextCounter/VTextCounter.scss */
-@layer vui {
-  .v-text-counter {
-    white-space: nowrap;
-  }
-}
-
 /* src/components/VTextarea/VTextarea.scss */
 @layer vui {
   .v-textarea__input {
@@ -2162,277 +2162,6 @@
   }
 }
 
-/* src/components/VWysiwygEditor/VWysiwygEditor.scss */
-@layer vui {
-  .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 .v-control-field__body {
-    width: 100%;
-  }
-  .v-wysiwyg-editor__floating-toolbar {
-    position: absolute;
-    right: 0;
-    bottom: 100%;
-    z-index: 1;
-  }
-  .v-wysiwyg-editor__body {
-    position: relative;
-    width: 100%;
-    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 {
-    width: 100%;
-    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;
-  }
-}
-
-/* src/components/VWysiwygEditor/extensions/linter/Linter.scss */
-@layer vui {
-  .v-linter__problem {
-    margin-bottom: -1px;
-    cursor: help;
-    background: var(--deep-color);
-    border-bottom: 1px solid var(--main-color);
-  }
-  .v-linter__issue-icon {
-    position: absolute;
-    right: 2px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.2em;
-    height: 1.2em;
-    margin-top: 0.2em;
-    font-family:
-      times,
-      georgia,
-      serif;
-    font-size: 15px;
-    font-weight: 700;
-    line-height: 1;
-    color: var(--text-color);
-    text-align: center;
-    cursor: pointer;
-    background: var(--main-color);
-    border-radius: 100px;
-  }
-  .v-linter__issue-icon::before {
-    content: "!";
-  }
-  .v-linter__issue-menu-wrapper {
-    position: relative;
-    display: inline-block;
-    width: 0px;
-    height: 1em;
-    overflow: visible;
-  }
-  .v-linter__issue-menu {
-    font-size: 87.5%;
-    line-height: 1.5;
-  }
-  .v-linter__issue-menu .v-dialog__body {
-    padding: 0;
-    font-size: inherit;
-  }
-  .v-linter__issue-menu__message {
-    padding: 8px;
-  }
-  .v-linter__issue-menu__fixers {
-    position: relative;
-    padding: 4px 0;
-  }
-  .v-linter__issue-menu__fixers::before {
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
-    display: block;
-    height: 1px;
-    content: "";
-    background: currentColor;
-    opacity: 0.5;
-  }
-  .v-linter__issue-menu__fixer__button {
-    position: relative;
-    display: block;
-    width: 100%;
-    padding: 8px;
-    font: inherit;
-    font-size: 12px;
-    text-align: left;
-    cursor: pointer;
-    background: transparent;
-    border: 0;
-    outline: 0;
-    appearance: none;
-  }
-  .v-linter__issue-menu__fixer__button::before {
-    position: absolute;
-    inset: 0;
-    display: block;
-    content: "";
-    background: currentColor;
-    opacity: 0;
-    transition: 0.15s;
-  }
-  .v-linter__issue-menu__fixer__button:hover::before,
-  .v-linter__issue-menu__fixer__button:focus::before {
-    opacity: 0.1;
-  }
-  .v-linter__issue-menu__fixer__button__message {
-    position: relative;
-  }
-  .v-linter__issue-menu__fix {
-    display: inline;
-    margin-top: 8px;
-    color: var(--palette-link);
-    text-decoration: underline;
-    cursor: pointer;
-    background: transparent;
-    border: 0;
-    outline: 0;
-    appearance: none;
-  }
-}
-
-/* src/components/VWysiwygEditor/tools/color.scss */
-:root {
-  --v-wysiwyg-color-tool: 30px;
-}
-@layer vui {
-  .v-wysiwyg-color-tool__button {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: bottom;
-  }
-  .v-wysiwyg-color-tool__button__bar {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: block;
-    height: 2px;
-    background: currentColor;
-  }
-  .v-wysiwyg-color-tool__menu .v-dialog__content {
-    min-width: 0;
-  }
-  .v-wysiwyg-color-tool__menu .v-dialog__body {
-    padding: 2px;
-  }
-  .v-wysiwyg-color-tool__items {
-    --item-size: var(--v-wysiwyg-color-tool);
-    display: inline-flex;
-    flex-wrap: wrap;
-    align-items: center;
-    max-width: calc(var(--item-size) * 5);
-    vertical-align: bottom;
-  }
-  .v-wysiwyg-color-tool__items--with-label {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    max-width: none;
-    padding: 2px;
-  }
-  .v-wysiwyg-color-tool__item {
-    --focus-offset: calc(var(--item-size) * 0.05);
-    position: relative;
-    display: flex;
-    flex-basis: var(--item-size);
-    align-items: center;
-    width: var(--item-size);
-    height: var(--item-size);
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-    background: transparent;
-    border: 0;
-    border-radius: 0;
-    outline: 0;
-    appearance: none;
-  }
-  .v-wysiwyg-color-tool__item__color {
-    position: relative;
-    flex: 0 0 var(--item-size);
-    width: var(--item-size);
-    height: var(--item-size);
-  }
-  .v-wysiwyg-color-tool__item__color::before {
-    position: absolute;
-    inset: 0;
-    display: block;
-    content: "";
-    background: currentColor;
-    border: solid 1px transparent;
-    transition: all 0.15s;
-  }
-  .v-wysiwyg-color-tool__item__name {
-    position: relative;
-    padding: 0 8px;
-    font-size: 12px;
-    white-space: nowrap;
-  }
-  .v-wysiwyg-color-tool__item:hover .v-wysiwyg-color-tool__item__color::before,
-  .v-wysiwyg-color-tool__item:focus .v-wysiwyg-color-tool__item__color::before {
-    inset: var(--focus-offset) var(--focus-offset) var(--focus-offset) var(--focus-offset);
-    border-color: rgba(0, 0, 0, 0.1);
-  }
-  .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item {
-    flex-basis: auto;
-    width: auto;
-    width: 100%;
-  }
-  .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item::before {
-    position: absolute;
-    inset: 0;
-    display: block;
-    content: "";
-    background: currentColor;
-    opacity: 0;
-    transition: opacity 0.15s;
-  }
-  .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:hover::before,
-  .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:focus::before {
-    opacity: 0.1;
-  }
-  .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item + .v-wysiwyg-color-tool__item {
-    margin-top: 2px;
-  }
-}
-
 /* src/components/VTabs/VTabs.scss */
 @layer vui {
   .v-tabs {