@syncfusion/ej2-bootstrap4-theme 33.2.15 → 34.1.29

package/styles/multicolumn-combobox/multicolumn-combobox.css

@@ -0,0 +1,247 @@
+.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
+  content: "\e744";
+  font-family: "e-icons";
+}
+.e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
+  /* stylelint-disable declaration-no-important */
+  height: 20px !important;
+  width: 20px !important;
+  transform-origin: 10px 10px 10px !important;
+  /* stylelint-enable declaration-no-important */
+}
+.e-multicolumn-grid tr.e-groupcaptionrow {
+  position: sticky;
+  top: 0;
+}
+.e-multicolumn-grid tr.e-groupcaptionrow .e-groupcaption {
+  font-weight: 600;
+}
+.e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
+.e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
+.e-multicolumn-grid td.e-recordplusexpand,
+.e-multicolumn-grid td.e-indentcell,
+.e-multicolumn-grid col.e-group-intent,
+.e-multicolumn-list .e-no-records + .e-grid {
+  display: none;
+}
+.e-multicolumn-grid td.e-rowcell {
+  cursor: default;
+}
+.e-multicolumn-grid .e-gridheader .e-headercelldiv {
+  overflow: hidden;
+}
+.e-multicolumn-list .e-popup-footer {
+  vertical-align: middle;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+  font-size: 14px;
+  height: 26px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  border-radius: 0 0 2px 2px;
+}
+.e-multicolumn-list .e-multicolumn-list-hidden {
+  border: 0;
+  height: 0;
+  padding: 0;
+  visibility: hidden;
+  width: 0;
+}
+.e-multicolumn-grid.e-grid {
+  border-width: 0;
+  border-radius: 2px;
+}
+.e-multicolumn-grid.e-grid .e-gridcontent {
+  border-radius: 0 0 2px 2px;
+}
+.e-input-group.e-multicolumn-list input[readonly].e-input {
+  pointer-events: none;
+}
+.e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
+  border-radius: 2px 2px 0 0;
+}
+.e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
+  border-radius: 0;
+}
+.e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
+  transform: rotate(180deg);
+}
+.e-multicolumn-list:not(.e-icon-anim) .e-multicolumn-list-icon::before {
+  transform: rotate(0deg);
+}
+.e-multicolumn-list .e-multicolumn-list-icon::before {
+  transition: transform 300ms ease;
+}
+.e-multicolumn-grid .e-grid {
+  overflow: auto;
+}
+.e-multicolumn-grid .e-row,
+.e-multicolumn-grid .e-emptyrow {
+  height: 26px;
+}
+.e-multicolumn-group .e-sortnumber {
+  display: none;
+}
+.e-popup.e-multicolumn-list {
+  position: absolute;
+  border-radius: 2px;
+  margin-top: 2px;
+}
+.e-popup.e-multicolumn-list .e-nodata {
+  cursor: default;
+  font-family: inherit;
+  font-size: 14px;
+  padding: 14px 16px;
+  text-align: center;
+  border-radius: inherit;
+}
+.e-popup.e-multicolumn-list .e-headertext {
+  font-weight: 400;
+}
+.e-popup.e-multicolumn-list .e-gridheader {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  border-radius: 2px 2px 0 0;
+}
+.e-multicolumn-grid .e-headercontent {
+  border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
+}
+.e-multicolumn-grid.e-rtl .e-headercontent {
+  border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
+}
+.e-multicolumn-grid .e-content {
+  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
+.e-multicolumn-list.e-input-group .e-input-group-icon {
+  position: relative;
+}
+.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-small .e-popup .e-multicolumn-grid .e-rowcell,
+.e-small .e-popup.e-multicolumn-list .e-popup-footer {
+  font-size: 12px;
+}
+.e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-small.e-popup .e-multicolumn-grid .e-row,
+.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-popup.e-multicolumn-list .e-popup-footer,
+.e-small .e-popup .e-multicolumn-grid .e-row,
+.e-small .e-popup .e-multicolumn-grid .e-emptyrow {
+  height: 24px;
+}
+.e-small.e-popup.e-multicolumn-list,
+.e-small .e-popup.e-multicolumn-list {
+  margin-top: 3px;
+}
+.e-multicolumn-list .e-popup-footer {
+  background: #fff;
+  color: #495057;
+  border-color: #e9ecef;
+}
+.e-input-group.e-multicolumn-list:focus-visible {
+  outline: transparent;
+}
+.e-popup.e-multicolumn-list {
+  background: transparent;
+  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+}
+.e-popup.e-multicolumn-list .e-nodata {
+  color: #495057;
+  border: 1px solid #dee2e6;
+  background: #fff;
+}
+.e-popup.e-multicolumn-list .e-multicolumn-grid .e-rowcell {
+  color: #212529;
+}
+.e-popup.e-multicolumn-list .e-multicolumn-grid .e-focused {
+  box-shadow: none;
+}
+.e-popup.e-multicolumn-list .e-gridhover .e-row:hover .e-rowcell:not(.e-active),
+.e-popup.e-multicolumn-list .e-gridcontent .e-row-focus {
+  background: #f8f9fa !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
+  background: #007bff;
+  color: #fff;
+}
+.e-popup.e-multicolumn-list .e-groupcaption {
+  color: #495057;
+  background: #fff;
+}
+.e-popup.e-multicolumn-list .e-gridheader,
+.e-popup.e-multicolumn-list .e-gridheader colgroup {
+  background: #e9ecef;
+}
+.e-popup.e-multicolumn-list .e-altrow {
+  background: #f8f9fa;
+}
+.e-popup.e-multicolumn-list .e-grid .e-headercell {
+  background-color: unset;
+}
+.e-popup.e-multicolumn-list .e-headertext,
+.e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
+.e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
+  color: #495057;
+}
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
+  font-size: 16px;
+}
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-popup .e-multicolumn-grid .e-row,
+.e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-popup .e-multicolumn-grid .e-row,
+.e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
+  height: 32px;
+}
+.e-bigger.e-popup.e-multicolumn-list,
+.e-bigger .e-popup.e-multicolumn-list {
+  margin-top: 2px;
+}
+.e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
+.e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
+  /* stylelint-disable declaration-no-important */
+  height: 26px !important;
+  width: 26px !important;
+  transform-origin: 13px 13px 13px !important;
+  /* stylelint-enable declaration-no-important */
+}
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
+  font-size: 14px;
+}
+.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
+  height: 28px;
+}
+.e-bigger.e-small.e-popup.e-multicolumn-list,
+.e-bigger.e-small .e-popup.e-multicolumn-list,
+.e-bigger .e-small.e-popup.e-multicolumn-list,
+.e-small .e-bigger.e-popup.e-multicolumn-list {
+  margin-top: 3px;
+}

package/styles/multicolumn-combobox/multicolumn-combobox.scss

@@ -0,0 +1,4 @@
+@use 'bootstrap4-definition' as *;
+@use 'icons/bootstrap4' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/numerictextbox/_all.scss

@@ -0,0 +1,2 @@
+@forward 'layout';
+@forward 'theme';

package/styles/numerictextbox/_bigger.scss

@@ -0,0 +1,61 @@
+@use 'variables' as *;
+@include export-module('numerictextbox-bigger') {
+
+  .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
+  .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
+    background-size: 300px 40px;
+    min-height: $numeric-bigger-min-height;
+  }
+  
+  .e-bigger {
+    & .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+    &.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+      font-size: $numeric-input-bigger-icon-size;
+    }
+  }
+
+  .e-small.e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+  .e-small.e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+  .e-small .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+  .e-bigger .e-small.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+    @if ($numeric-skin-name == 'FluentUI') {
+      font-size: $numeric-input-bigger-small-icon-size;
+    }
+  }
+
+  div.e-bigger.e-numeric.e-input-group,
+  .e-bigger div.e-numeric.e-input-group,
+  span.e-bigger.e-numeric.e-input-group,
+  .e-bigger span.e-numeric.e-input-group {
+    &.e-prepend-wrapper,
+    &.e-append-wrapper {
+      &.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+        top: $numeric-bigger-prepend-label-bottom-top;
+      }
+
+      &.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+        top: $numeric-bigger-prepend-label-top-top;
+      }
+
+      &.e-outline {
+        &.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+          top: $numeric-bigger-prepend-outline-label-bottom-top;
+        }
+
+        &.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+          top: $numeric-bigger-prepend-outline-label-top-top;
+        }
+      }
+
+      &.e-filled {
+        &.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+          top: $numeric-bigger-prepend-filled-label-bottom-top;
+        }
+
+        &.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+          top: $numeric-bigger-prepend-filled-label-top-top;
+        }
+      }
+    }
+  }
+}

package/styles/numerictextbox/_bootstrap4-definition.scss

@@ -0,0 +1,23 @@
+@use '../base/common/base-variables' as *;
+
+$numeric-skin-name: 'bootstrap4' !default;
+$numeric-input-icon-size: 8px !default;
+$numeric-input-bigger-icon-size: 10px !default;
+$numric-zero-padding-margin: 0 !default;
+$numeric-bigger-min-height: 40px !default;
+$numeric-min-height: 33px !default;
+$numeric-zero-height: 0 !default;
+
+$numeric-prepend-label-bottom-top: 15px !default;
+$numeric-prepend-label-top-top: 15px !default;
+$numeric-prepend-outline-label-bottom-top: 15px !default;
+$numeric-prepend-outline-label-top-top: 15px !default;
+$numeric-prepend-filled-label-bottom-top: 15px !default;
+$numeric-prepend-filled-label-top-top: 20px !default;
+$numeric-bigger-prepend-label-bottom-top: 19px !default;
+$numeric-bigger-prepend-label-top-top: 15px !default;
+$numeric-bigger-prepend-outline-label-bottom-top: 18px !default;
+$numeric-bigger-prepend-outline-label-top-top: 15px !default;
+$numeric-bigger-prepend-filled-label-bottom-top: 18px !default;
+$numeric-bigger-prepend-filled-label-top-top: 15px !default;
+$numeric-box-full-border-color: $gray-400 !default;

package/styles/numerictextbox/_layout.scss

@@ -0,0 +1,85 @@
+@use 'variables' as *;
+
+.e-numeric-container {
+  width: 100%;
+}
+
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: $numeric-min-height;
+}
+
+// Hidden element styles
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: $numeric-zero-height;
+  margin: $numric-zero-padding-margin;
+  padding: $numric-zero-padding-margin;
+  text-indent: 0;
+  visibility: hidden;
+  width: $numric-zero-padding-margin;
+}
+
+div.e-numeric.e-input-group,
+span.e-numeric.e-input-group {
+  &.e-prepend-wrapper,
+  &.e-append-wrapper {
+    &.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+      top: $numeric-prepend-label-bottom-top;
+    }
+
+    &.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+      top: $numeric-prepend-label-top-top;
+    }
+
+    &.e-outline {
+      &.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+        top: $numeric-prepend-outline-label-bottom-top;
+      }
+
+      &.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+        top: $numeric-prepend-outline-label-top-top;
+      }
+    }
+
+    &.e-filled {
+      &.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+        top: $numeric-prepend-filled-label-bottom-top;
+      }
+
+      &.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+        top: $numeric-prepend-filled-label-top-top;
+      }
+      @if ($skin-name == 'Material3') {
+        div.e-prepend-template {
+          padding: 18px 8px 8px 0;
+        }
+        div.e-append-template {
+          padding: 18px 0 8px 8px;
+        }
+      }
+    }
+  }
+}
+
+@if ($skin-name == 'tailwind3' or $skin-name == 'fluent2' or $skin-name == 'FluentUI') {
+  .e-numeric.e-input-group.e-prepend-wrapper.e-filled input,
+  .e-numeric.e-input-group.e-append-wrapper.e-filled input {
+    height: auto;
+  }
+}
+
+.e-numeric.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
+.e-numeric.e-input-group.e-prepend-wrapper input.e-input {
+  padding-left: 0;
+}
+
+.e-numeric.e-rtl.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
+.e-numeric.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
+}

package/styles/numerictextbox/_theme.scss

@@ -0,0 +1,24 @@
+@use 'variables' as *;
+@include export-module('numerictextbox-theme') {
+  .e-numeric.e-control-wrapper {
+    &.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-focus) {
+      @if $numeric-skin-name == 'bootstrap' {
+        border-color: $numeric-box-full-border-color;
+        box-shadow: none;
+      }
+    }
+
+    &.e-input-group .e-input-group-icon {
+      font-size: $numeric-input-icon-size;
+    }
+  }
+
+  .e-small {
+    & .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon,
+    &.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
+      @if ($numeric-skin-name == 'FluentUI') {
+        font-size: $numeric-input-small-icon-size;
+      }
+    }
+  }
+}

package/styles/numerictextbox/_variables.scss

@@ -0,0 +1,2 @@
+@forward '../base/common/_base-variables.scss';
+@forward './_bootstrap4-definition';

package/styles/numerictextbox/icons/_bootstrap4.scss

@@ -0,0 +1,12 @@
+@use '../variables' as *;
+@include export-module('numerictextbox-bootstrap4-icons') {
+  .e-input-group-icon.e-spin-up::before {
+    content: '\e721';
+    font-family: 'e-icons';
+  }
+
+  .e-input-group-icon.e-spin-down::before {
+    content: '\e744';
+    font-family: 'e-icons';
+  }
+}

package/styles/numerictextbox/index-lite.css

@@ -0,0 +1,3 @@
+@import '../base/base.css';
+@import '../input/input-lite.css';
+@import '../numerictextbox/numerictextbox-lite.css';

package/styles/numerictextbox/index-lite.scss

@@ -0,0 +1,3 @@
+@use '../base/base' as *;
+@use '../input/input-lite' as *;
+@use '../numerictextbox/numerictextbox-lite' as *;

package/styles/numerictextbox/index.css

@@ -0,0 +1,3 @@
+@import '../base/base.css';
+@import '../input/input.css';
+@import '../numerictextbox/numerictextbox.css';

package/styles/numerictextbox/index.scss

@@ -0,0 +1,3 @@
+@use '../base/base' as *;
+@use '../input/input' as *;
+@use '../numerictextbox/numerictextbox' as *;

package/styles/numerictextbox/numerictextbox-lite.css

@@ -0,0 +1,70 @@
+.e-input-group-icon.e-spin-up::before {
+  content: "\e721";
+  font-family: "e-icons";
+}
+.e-input-group-icon.e-spin-down::before {
+  content: "\e744";
+  font-family: "e-icons";
+}
+.e-numeric-container {
+  width: 100%;
+}
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 15px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 15px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 15px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 15px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 15px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 20px;
+}
+.e-numeric.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
+.e-numeric.e-input-group.e-prepend-wrapper input.e-input {
+  padding-left: 0;
+}
+.e-numeric.e-rtl.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
+.e-numeric.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
+}
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 8px;
+}

package/styles/numerictextbox/numerictextbox-lite.scss

@@ -0,0 +1,3 @@
+@use 'bootstrap4-definition' as *;
+@use 'icons/bootstrap4' as *;
+@use 'all' as *;