@fundamental-styles/common-css 0.0.1-rc.0 → 0.24.0-rc.102

package/dist/semantic/semantic-input-sap_fiori_3_hcw-sap_fiori_3_light_dark.css

@@ -1,212 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/*
-WHY THIS:
-Other semantic grids don't eaily allow for fixed gutter widths
-nor do they take advantage of the CSS calc function
-and they can get kind of confusing.
-This is meant for simple layout problems — 
-i.e., you have a box and you need three cols inside of equal widths
-with gutters between.
-
-The FLOW terminology is meant to be netural outside of rows and columns
-and comes from the HTML5 spec referring to elements that can contain other elements
-http://w3c.github.io/html/dom.html#kinds-of-content-flow-content
-
-USAGE:
-— Outer containers should contain the `@include flow-box` base styles
-— Columns get `@include flow` with `$span` and `$cols` params
-
-EXAMPLE MARKUP:
-<section>
-  <div class="box">x</div>
-  <div class="box">x</div>
-  <div class="box">x</div>
-  <div class="box">x</div>
-</section>
-
-EXAMPLE CSS:
-section {
-  @include flow-box()
-  .box {
-    @include flow(2);
-    &:first-child {
-      @include flow-shift(2);
-    }
-  }
-}
-
-OUTPUT:
-This will render 4 boxes spanning 2 cols each indented 2 cols
-(based on defaults)
-
-|--| |--| |--| |--| |--| |--| |--| |--| |--| |--| |--| |--|
-          |  box  | |  box  | |  box  | |  box  |
-
-*/
-/*
-   Fully expanded pseudo element
-   Requires parent to have specified position
-*/
-input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
-  font-size: var(--sapFontSize);
-  line-height: var(--sapContent_LineHeight);
-  color: var(--sapTextColor);
-  font-family: var(--sapFontFamily);
-  font-weight: normal;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--sapField_TextColor);
-  background-color: var(--sapField_Background);
-  border-style: solid;
-  border-width: var(--sapField_BorderWidth);
-  border-color: var(--sapField_BorderColor);
-  border-radius: var(--sapField_BorderCornerRadius);
-  outline: none;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  min-width: 2.75rem;
-  width: 100%;
-  height: 2.25rem;
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-  padding: 0 0.625rem;
-  z-index: 1;
-  cursor: text;
-  overflow: hidden;
-  text-shadow: var(--fdInput_Text_Shadow);
-}
-
-input[type="text"]::before, input[type="text"]::after, input[type="password"]::before, input[type="password"]::after, input[type="number"]::before, input[type="number"]::after, input[type="email"]::before, input[type="email"]::after {
-  box-sizing: inherit;
-  font-size: inherit;
-}
-
-input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder {
-  font-style: italic;
-  color: var(--sapField_PlaceholderTextColor);
-}
-
-input[type="text"]::selection, input[type="password"]::selection, input[type="number"]::selection, input[type="email"]::selection {
-  color: var(--sapContent_ContrastTextColor);
-  background-color: var(--sapSelectedColor);
-}
-
-input[type="text"]:hover, input[type="text"].is-hover, input[type="password"]:hover, input[type="password"].is-hover, input[type="number"]:hover, input[type="number"].is-hover, input[type="email"]:hover, input[type="email"].is-hover {
-  background-color: var(--sapField_Hover_Background);
-  border-color: var(--sapField_Hover_BorderColor);
-}
-
-input[type="text"].is-success, input[type="password"].is-success, input[type="number"].is-success, input[type="email"].is-success {
-  background-color: var(--sapField_SuccessBackground);
-  border-color: var(--sapField_SuccessColor);
-  border-width: 0.0625rem;
-}
-
-input[type="text"].is-success:hover, input[type="text"].is-success.is-hover, input[type="password"].is-success:hover, input[type="password"].is-success.is-hover, input[type="number"].is-success:hover, input[type="number"].is-success.is-hover, input[type="email"].is-success:hover, input[type="email"].is-success.is-hover {
-  background-color: var(--sapField_SuccessBackground);
-  border-color: var(--sapField_SuccessColor);
-}
-
-input[type="text"].is-error, input[type="password"].is-error, input[type="number"].is-error, input[type="email"].is-error {
-  background-color: var(--sapField_InvalidBackground);
-  border-color: var(--sapField_InvalidColor);
-  font-style: var(--fdInput_State_Text_Style);
-  font-weight: var(--fdInput_State_Font_Weight);
-}
-
-input[type="text"].is-error:hover, input[type="text"].is-error.is-hover, input[type="password"].is-error:hover, input[type="password"].is-error.is-hover, input[type="number"].is-error:hover, input[type="number"].is-error.is-hover, input[type="email"].is-error:hover, input[type="email"].is-error.is-hover {
-  background-color: var(--sapField_InvalidBackground);
-  border-color: var(--sapField_InvalidColor);
-}
-
-input[type="text"].is-warning, input[type="text"].is-alert, input[type="password"].is-warning, input[type="password"].is-alert, input[type="number"].is-warning, input[type="number"].is-alert, input[type="email"].is-warning, input[type="email"].is-alert {
-  background-color: var(--sapField_WarningBackground);
-  border-color: var(--sapField_WarningColor);
-  font-style: var(--fdInput_State_Text_Style);
-  font-weight: var(--fdInput_State_Font_Weight);
-}
-
-input[type="text"].is-warning:hover, input[type="text"].is-warning.is-hover, input[type="text"].is-alert:hover, input[type="text"].is-alert.is-hover, input[type="password"].is-warning:hover, input[type="password"].is-warning.is-hover, input[type="password"].is-alert:hover, input[type="password"].is-alert.is-hover, input[type="number"].is-warning:hover, input[type="number"].is-warning.is-hover, input[type="number"].is-alert:hover, input[type="number"].is-alert.is-hover, input[type="email"].is-warning:hover, input[type="email"].is-warning.is-hover, input[type="email"].is-alert:hover, input[type="email"].is-alert.is-hover {
-  background-color: var(--sapField_WarningBackground);
-  border-color: var(--sapField_WarningColor);
-}
-
-input[type="text"].is-information, input[type="password"].is-information, input[type="number"].is-information, input[type="email"].is-information {
-  background-color: var(--sapField_InformationBackground);
-  border-color: var(--sapField_InformationColor);
-}
-
-input[type="text"].is-information:hover, input[type="text"].is-information.is-hover, input[type="password"].is-information:hover, input[type="password"].is-information.is-hover, input[type="number"].is-information:hover, input[type="number"].is-information.is-hover, input[type="email"].is-information:hover, input[type="email"].is-information.is-hover {
-  background-color: var(--sapField_InformationBackground);
-  border-color: var(--sapField_InformationColor);
-}
-
-input[type="text"]:focus, input[type="text"].is-focus, input[type="password"]:focus, input[type="password"].is-focus, input[type="number"]:focus, input[type="number"].is-focus, input[type="email"]:focus, input[type="email"].is-focus {
-  z-index: 5;
-  box-shadow: none;
-  outline-offset: -0.1875rem;
-  outline-width: var(--sapContent_FocusWidth);
-  outline-color: var(--sapContent_FocusColor);
-  outline-style: var(--sapContent_FocusStyle);
-}
-
-input[type="text"].is-warning, input[type="text"].is-alert, input[type="text"].is-information, input[type="text"].is-error, input[type="password"].is-warning, input[type="password"].is-alert, input[type="password"].is-information, input[type="password"].is-error, input[type="number"].is-warning, input[type="number"].is-alert, input[type="number"].is-information, input[type="number"].is-error, input[type="email"].is-warning, input[type="email"].is-alert, input[type="email"].is-information, input[type="email"].is-error {
-  border-width: 0.125rem;
-  border-style: var(--fdInput_State_Border_Type);
-}
-
-input[type="text"].is-warning:focus, input[type="text"].is-warning.is-focus, input[type="text"].is-alert:focus, input[type="text"].is-alert.is-focus, input[type="text"].is-information:focus, input[type="text"].is-information.is-focus, input[type="text"].is-error:focus, input[type="text"].is-error.is-focus, input[type="password"].is-warning:focus, input[type="password"].is-warning.is-focus, input[type="password"].is-alert:focus, input[type="password"].is-alert.is-focus, input[type="password"].is-information:focus, input[type="password"].is-information.is-focus, input[type="password"].is-error:focus, input[type="password"].is-error.is-focus, input[type="number"].is-warning:focus, input[type="number"].is-warning.is-focus, input[type="number"].is-alert:focus, input[type="number"].is-alert.is-focus, input[type="number"].is-information:focus, input[type="number"].is-information.is-focus, input[type="number"].is-error:focus, input[type="number"].is-error.is-focus, input[type="email"].is-warning:focus, input[type="email"].is-warning.is-focus, input[type="email"].is-alert:focus, input[type="email"].is-alert.is-focus, input[type="email"].is-information:focus, input[type="email"].is-information.is-focus, input[type="email"].is-error:focus, input[type="email"].is-error.is-focus {
-  z-index: 5;
-  box-shadow: none;
-  outline-offset: -0.25rem;
-}
-
-input[type="text"][aria-disabled="true"], input[type="text"].is-disabled, input[type="text"]:disabled, input[type="password"][aria-disabled="true"], input[type="password"].is-disabled, input[type="password"]:disabled, input[type="number"][aria-disabled="true"], input[type="number"].is-disabled, input[type="number"]:disabled, input[type="email"][aria-disabled="true"], input[type="email"].is-disabled, input[type="email"]:disabled {
-  pointer-events: none;
-  opacity: var(--sapContent_DisabledOpacity);
-}
-
-input[type="text"][aria-disabled="true"]::placeholder, input[type="text"].is-disabled::placeholder, input[type="text"]:disabled::placeholder, input[type="password"][aria-disabled="true"]::placeholder, input[type="password"].is-disabled::placeholder, input[type="password"]:disabled::placeholder, input[type="number"][aria-disabled="true"]::placeholder, input[type="number"].is-disabled::placeholder, input[type="number"]:disabled::placeholder, input[type="email"][aria-disabled="true"]::placeholder, input[type="email"].is-disabled::placeholder, input[type="email"]:disabled::placeholder {
-  color: transparent;
-}
-
-input[type="text"][aria-readonly="true"], input[type="text"].is-readonly, input[type="text"][readonly], input[type="password"][aria-readonly="true"], input[type="password"].is-readonly, input[type="password"][readonly], input[type="number"][aria-readonly="true"], input[type="number"].is-readonly, input[type="number"][readonly], input[type="email"][aria-readonly="true"], input[type="email"].is-readonly, input[type="email"][readonly] {
-  background-color: rgba(242, 242, 242, 0.5);
-  background-color: var(--sapField_ReadOnly_Background);
-  border-color: var(--sapField_ReadOnly_BorderColor);
-}
-
-input[type="text"][aria-readonly="true"]::placeholder, input[type="text"].is-readonly::placeholder, input[type="text"][readonly]::placeholder, input[type="password"][aria-readonly="true"]::placeholder, input[type="password"].is-readonly::placeholder, input[type="password"][readonly]::placeholder, input[type="number"][aria-readonly="true"]::placeholder, input[type="number"].is-readonly::placeholder, input[type="number"][readonly]::placeholder, input[type="email"][aria-readonly="true"]::placeholder, input[type="email"].is-readonly::placeholder, input[type="email"][readonly]::placeholder {
-  color: transparent;
-}
-
-input[type="text"]:last-child, input[type="password"]:last-child, input[type="number"]:last-child, input[type="email"]:last-child {
-  margin-bottom: 0.25rem;
-}
-
-input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="number"]::-ms-clear, input[type="email"]::-ms-clear {
-  display: none;
-}
-
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-
-input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}

package/dist/semantic/semantic-input-sap_fiori_3_hcw.css

@@ -1,212 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/*
-WHY THIS:
-Other semantic grids don't eaily allow for fixed gutter widths
-nor do they take advantage of the CSS calc function
-and they can get kind of confusing.
-This is meant for simple layout problems — 
-i.e., you have a box and you need three cols inside of equal widths
-with gutters between.
-
-The FLOW terminology is meant to be netural outside of rows and columns
-and comes from the HTML5 spec referring to elements that can contain other elements
-http://w3c.github.io/html/dom.html#kinds-of-content-flow-content
-
-USAGE:
-— Outer containers should contain the `@include flow-box` base styles
-— Columns get `@include flow` with `$span` and `$cols` params
-
-EXAMPLE MARKUP:
-<section>
-  <div class="box">x</div>
-  <div class="box">x</div>
-  <div class="box">x</div>
-  <div class="box">x</div>
-</section>
-
-EXAMPLE CSS:
-section {
-  @include flow-box()
-  .box {
-    @include flow(2);
-    &:first-child {
-      @include flow-shift(2);
-    }
-  }
-}
-
-OUTPUT:
-This will render 4 boxes spanning 2 cols each indented 2 cols
-(based on defaults)
-
-|--| |--| |--| |--| |--| |--| |--| |--| |--| |--| |--| |--|
-          |  box  | |  box  | |  box  | |  box  |
-
-*/
-/*
-   Fully expanded pseudo element
-   Requires parent to have specified position
-*/
-input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
-  font-size: var(--sapFontSize);
-  line-height: var(--sapContent_LineHeight);
-  color: var(--sapTextColor);
-  font-family: var(--sapFontFamily);
-  font-weight: normal;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--sapField_TextColor);
-  background-color: var(--sapField_Background);
-  border-style: solid;
-  border-width: var(--sapField_BorderWidth);
-  border-color: var(--sapField_BorderColor);
-  border-radius: var(--sapField_BorderCornerRadius);
-  outline: none;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  min-width: 2.75rem;
-  width: 100%;
-  height: 2.25rem;
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-  padding: 0 0.625rem;
-  z-index: 1;
-  cursor: text;
-  overflow: hidden;
-  text-shadow: var(--fdInput_Text_Shadow);
-}
-
-input[type="text"]::before, input[type="text"]::after, input[type="password"]::before, input[type="password"]::after, input[type="number"]::before, input[type="number"]::after, input[type="email"]::before, input[type="email"]::after {
-  box-sizing: inherit;
-  font-size: inherit;
-}
-
-input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder {
-  font-style: italic;
-  color: var(--sapField_PlaceholderTextColor);
-}
-
-input[type="text"]::selection, input[type="password"]::selection, input[type="number"]::selection, input[type="email"]::selection {
-  color: var(--sapContent_ContrastTextColor);
-  background-color: var(--sapSelectedColor);
-}
-
-input[type="text"]:hover, input[type="text"].is-hover, input[type="password"]:hover, input[type="password"].is-hover, input[type="number"]:hover, input[type="number"].is-hover, input[type="email"]:hover, input[type="email"].is-hover {
-  background-color: var(--sapField_Hover_Background);
-  border-color: var(--sapField_Hover_BorderColor);
-}
-
-input[type="text"].is-success, input[type="password"].is-success, input[type="number"].is-success, input[type="email"].is-success {
-  background-color: var(--sapField_SuccessBackground);
-  border-color: var(--sapField_SuccessColor);
-  border-width: 0.0625rem;
-}
-
-input[type="text"].is-success:hover, input[type="text"].is-success.is-hover, input[type="password"].is-success:hover, input[type="password"].is-success.is-hover, input[type="number"].is-success:hover, input[type="number"].is-success.is-hover, input[type="email"].is-success:hover, input[type="email"].is-success.is-hover {
-  background-color: var(--sapField_SuccessBackground);
-  border-color: var(--sapField_SuccessColor);
-}
-
-input[type="text"].is-error, input[type="password"].is-error, input[type="number"].is-error, input[type="email"].is-error {
-  background-color: var(--sapField_InvalidBackground);
-  border-color: var(--sapField_InvalidColor);
-  font-style: var(--fdInput_State_Text_Style);
-  font-weight: var(--fdInput_State_Font_Weight);
-}
-
-input[type="text"].is-error:hover, input[type="text"].is-error.is-hover, input[type="password"].is-error:hover, input[type="password"].is-error.is-hover, input[type="number"].is-error:hover, input[type="number"].is-error.is-hover, input[type="email"].is-error:hover, input[type="email"].is-error.is-hover {
-  background-color: var(--sapField_InvalidBackground);
-  border-color: var(--sapField_InvalidColor);
-}
-
-input[type="text"].is-warning, input[type="text"].is-alert, input[type="password"].is-warning, input[type="password"].is-alert, input[type="number"].is-warning, input[type="number"].is-alert, input[type="email"].is-warning, input[type="email"].is-alert {
-  background-color: var(--sapField_WarningBackground);
-  border-color: var(--sapField_WarningColor);
-  font-style: var(--fdInput_State_Text_Style);
-  font-weight: var(--fdInput_State_Font_Weight);
-}
-
-input[type="text"].is-warning:hover, input[type="text"].is-warning.is-hover, input[type="text"].is-alert:hover, input[type="text"].is-alert.is-hover, input[type="password"].is-warning:hover, input[type="password"].is-warning.is-hover, input[type="password"].is-alert:hover, input[type="password"].is-alert.is-hover, input[type="number"].is-warning:hover, input[type="number"].is-warning.is-hover, input[type="number"].is-alert:hover, input[type="number"].is-alert.is-hover, input[type="email"].is-warning:hover, input[type="email"].is-warning.is-hover, input[type="email"].is-alert:hover, input[type="email"].is-alert.is-hover {
-  background-color: var(--sapField_WarningBackground);
-  border-color: var(--sapField_WarningColor);
-}
-
-input[type="text"].is-information, input[type="password"].is-information, input[type="number"].is-information, input[type="email"].is-information {
-  background-color: var(--sapField_InformationBackground);
-  border-color: var(--sapField_InformationColor);
-}
-
-input[type="text"].is-information:hover, input[type="text"].is-information.is-hover, input[type="password"].is-information:hover, input[type="password"].is-information.is-hover, input[type="number"].is-information:hover, input[type="number"].is-information.is-hover, input[type="email"].is-information:hover, input[type="email"].is-information.is-hover {
-  background-color: var(--sapField_InformationBackground);
-  border-color: var(--sapField_InformationColor);
-}
-
-input[type="text"]:focus, input[type="text"].is-focus, input[type="password"]:focus, input[type="password"].is-focus, input[type="number"]:focus, input[type="number"].is-focus, input[type="email"]:focus, input[type="email"].is-focus {
-  z-index: 5;
-  box-shadow: none;
-  outline-offset: -0.1875rem;
-  outline-width: var(--sapContent_FocusWidth);
-  outline-color: var(--sapContent_FocusColor);
-  outline-style: var(--sapContent_FocusStyle);
-}
-
-input[type="text"].is-warning, input[type="text"].is-alert, input[type="text"].is-information, input[type="text"].is-error, input[type="password"].is-warning, input[type="password"].is-alert, input[type="password"].is-information, input[type="password"].is-error, input[type="number"].is-warning, input[type="number"].is-alert, input[type="number"].is-information, input[type="number"].is-error, input[type="email"].is-warning, input[type="email"].is-alert, input[type="email"].is-information, input[type="email"].is-error {
-  border-width: 0.125rem;
-  border-style: var(--fdInput_State_Border_Type);
-}
-
-input[type="text"].is-warning:focus, input[type="text"].is-warning.is-focus, input[type="text"].is-alert:focus, input[type="text"].is-alert.is-focus, input[type="text"].is-information:focus, input[type="text"].is-information.is-focus, input[type="text"].is-error:focus, input[type="text"].is-error.is-focus, input[type="password"].is-warning:focus, input[type="password"].is-warning.is-focus, input[type="password"].is-alert:focus, input[type="password"].is-alert.is-focus, input[type="password"].is-information:focus, input[type="password"].is-information.is-focus, input[type="password"].is-error:focus, input[type="password"].is-error.is-focus, input[type="number"].is-warning:focus, input[type="number"].is-warning.is-focus, input[type="number"].is-alert:focus, input[type="number"].is-alert.is-focus, input[type="number"].is-information:focus, input[type="number"].is-information.is-focus, input[type="number"].is-error:focus, input[type="number"].is-error.is-focus, input[type="email"].is-warning:focus, input[type="email"].is-warning.is-focus, input[type="email"].is-alert:focus, input[type="email"].is-alert.is-focus, input[type="email"].is-information:focus, input[type="email"].is-information.is-focus, input[type="email"].is-error:focus, input[type="email"].is-error.is-focus {
-  z-index: 5;
-  box-shadow: none;
-  outline-offset: -0.25rem;
-}
-
-input[type="text"][aria-disabled="true"], input[type="text"].is-disabled, input[type="text"]:disabled, input[type="password"][aria-disabled="true"], input[type="password"].is-disabled, input[type="password"]:disabled, input[type="number"][aria-disabled="true"], input[type="number"].is-disabled, input[type="number"]:disabled, input[type="email"][aria-disabled="true"], input[type="email"].is-disabled, input[type="email"]:disabled {
-  pointer-events: none;
-  opacity: var(--sapContent_DisabledOpacity);
-}
-
-input[type="text"][aria-disabled="true"]::placeholder, input[type="text"].is-disabled::placeholder, input[type="text"]:disabled::placeholder, input[type="password"][aria-disabled="true"]::placeholder, input[type="password"].is-disabled::placeholder, input[type="password"]:disabled::placeholder, input[type="number"][aria-disabled="true"]::placeholder, input[type="number"].is-disabled::placeholder, input[type="number"]:disabled::placeholder, input[type="email"][aria-disabled="true"]::placeholder, input[type="email"].is-disabled::placeholder, input[type="email"]:disabled::placeholder {
-  color: transparent;
-}
-
-input[type="text"][aria-readonly="true"], input[type="text"].is-readonly, input[type="text"][readonly], input[type="password"][aria-readonly="true"], input[type="password"].is-readonly, input[type="password"][readonly], input[type="number"][aria-readonly="true"], input[type="number"].is-readonly, input[type="number"][readonly], input[type="email"][aria-readonly="true"], input[type="email"].is-readonly, input[type="email"][readonly] {
-  background-color: rgba(242, 242, 242, 0.5);
-  background-color: var(--sapField_ReadOnly_Background);
-  border-color: var(--sapField_ReadOnly_BorderColor);
-}
-
-input[type="text"][aria-readonly="true"]::placeholder, input[type="text"].is-readonly::placeholder, input[type="text"][readonly]::placeholder, input[type="password"][aria-readonly="true"]::placeholder, input[type="password"].is-readonly::placeholder, input[type="password"][readonly]::placeholder, input[type="number"][aria-readonly="true"]::placeholder, input[type="number"].is-readonly::placeholder, input[type="number"][readonly]::placeholder, input[type="email"][aria-readonly="true"]::placeholder, input[type="email"].is-readonly::placeholder, input[type="email"][readonly]::placeholder {
-  color: transparent;
-}
-
-input[type="text"]:last-child, input[type="password"]:last-child, input[type="number"]:last-child, input[type="email"]:last-child {
-  margin-bottom: 0.25rem;
-}
-
-input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="number"]::-ms-clear, input[type="email"]::-ms-clear {
-  display: none;
-}
-
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-
-input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}

package/dist/semantic/semantic-input-sap_fiori_3_light_dark-sap_fiori_3.css

@@ -1,212 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/*
-WHY THIS:
-Other semantic grids don't eaily allow for fixed gutter widths
-nor do they take advantage of the CSS calc function
-and they can get kind of confusing.
-This is meant for simple layout problems — 
-i.e., you have a box and you need three cols inside of equal widths
-with gutters between.
-
-The FLOW terminology is meant to be netural outside of rows and columns
-and comes from the HTML5 spec referring to elements that can contain other elements
-http://w3c.github.io/html/dom.html#kinds-of-content-flow-content
-
-USAGE:
-— Outer containers should contain the `@include flow-box` base styles
-— Columns get `@include flow` with `$span` and `$cols` params
-
-EXAMPLE MARKUP:
-<section>
-  <div class="box">x</div>
-  <div class="box">x</div>
-  <div class="box">x</div>
-  <div class="box">x</div>
-</section>
-
-EXAMPLE CSS:
-section {
-  @include flow-box()
-  .box {
-    @include flow(2);
-    &:first-child {
-      @include flow-shift(2);
-    }
-  }
-}
-
-OUTPUT:
-This will render 4 boxes spanning 2 cols each indented 2 cols
-(based on defaults)
-
-|--| |--| |--| |--| |--| |--| |--| |--| |--| |--| |--| |--|
-          |  box  | |  box  | |  box  | |  box  |
-
-*/
-/*
-   Fully expanded pseudo element
-   Requires parent to have specified position
-*/
-input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
-  font-size: var(--sapFontSize);
-  line-height: var(--sapContent_LineHeight);
-  color: var(--sapTextColor);
-  font-family: var(--sapFontFamily);
-  font-weight: normal;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--sapField_TextColor);
-  background-color: var(--sapField_Background);
-  border-style: solid;
-  border-width: var(--sapField_BorderWidth);
-  border-color: var(--sapField_BorderColor);
-  border-radius: var(--sapField_BorderCornerRadius);
-  outline: none;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  min-width: 2.75rem;
-  width: 100%;
-  height: 2.25rem;
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-  padding: 0 0.625rem;
-  z-index: 1;
-  cursor: text;
-  overflow: hidden;
-  text-shadow: var(--fdInput_Text_Shadow);
-}
-
-input[type="text"]::before, input[type="text"]::after, input[type="password"]::before, input[type="password"]::after, input[type="number"]::before, input[type="number"]::after, input[type="email"]::before, input[type="email"]::after {
-  box-sizing: inherit;
-  font-size: inherit;
-}
-
-input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder {
-  font-style: italic;
-  color: var(--sapField_PlaceholderTextColor);
-}
-
-input[type="text"]::selection, input[type="password"]::selection, input[type="number"]::selection, input[type="email"]::selection {
-  color: var(--sapContent_ContrastTextColor);
-  background-color: var(--sapSelectedColor);
-}
-
-input[type="text"]:hover, input[type="text"].is-hover, input[type="password"]:hover, input[type="password"].is-hover, input[type="number"]:hover, input[type="number"].is-hover, input[type="email"]:hover, input[type="email"].is-hover {
-  background-color: var(--sapField_Hover_Background);
-  border-color: var(--sapField_Hover_BorderColor);
-}
-
-input[type="text"].is-success, input[type="password"].is-success, input[type="number"].is-success, input[type="email"].is-success {
-  background-color: var(--sapField_SuccessBackground);
-  border-color: var(--sapField_SuccessColor);
-  border-width: 0.0625rem;
-}
-
-input[type="text"].is-success:hover, input[type="text"].is-success.is-hover, input[type="password"].is-success:hover, input[type="password"].is-success.is-hover, input[type="number"].is-success:hover, input[type="number"].is-success.is-hover, input[type="email"].is-success:hover, input[type="email"].is-success.is-hover {
-  background-color: var(--sapField_SuccessBackground);
-  border-color: var(--sapField_SuccessColor);
-}
-
-input[type="text"].is-error, input[type="password"].is-error, input[type="number"].is-error, input[type="email"].is-error {
-  background-color: var(--sapField_InvalidBackground);
-  border-color: var(--sapField_InvalidColor);
-  font-style: var(--fdInput_State_Text_Style);
-  font-weight: var(--fdInput_State_Font_Weight);
-}
-
-input[type="text"].is-error:hover, input[type="text"].is-error.is-hover, input[type="password"].is-error:hover, input[type="password"].is-error.is-hover, input[type="number"].is-error:hover, input[type="number"].is-error.is-hover, input[type="email"].is-error:hover, input[type="email"].is-error.is-hover {
-  background-color: var(--sapField_InvalidBackground);
-  border-color: var(--sapField_InvalidColor);
-}
-
-input[type="text"].is-warning, input[type="text"].is-alert, input[type="password"].is-warning, input[type="password"].is-alert, input[type="number"].is-warning, input[type="number"].is-alert, input[type="email"].is-warning, input[type="email"].is-alert {
-  background-color: var(--sapField_WarningBackground);
-  border-color: var(--sapField_WarningColor);
-  font-style: var(--fdInput_State_Text_Style);
-  font-weight: var(--fdInput_State_Font_Weight);
-}
-
-input[type="text"].is-warning:hover, input[type="text"].is-warning.is-hover, input[type="text"].is-alert:hover, input[type="text"].is-alert.is-hover, input[type="password"].is-warning:hover, input[type="password"].is-warning.is-hover, input[type="password"].is-alert:hover, input[type="password"].is-alert.is-hover, input[type="number"].is-warning:hover, input[type="number"].is-warning.is-hover, input[type="number"].is-alert:hover, input[type="number"].is-alert.is-hover, input[type="email"].is-warning:hover, input[type="email"].is-warning.is-hover, input[type="email"].is-alert:hover, input[type="email"].is-alert.is-hover {
-  background-color: var(--sapField_WarningBackground);
-  border-color: var(--sapField_WarningColor);
-}
-
-input[type="text"].is-information, input[type="password"].is-information, input[type="number"].is-information, input[type="email"].is-information {
-  background-color: var(--sapField_InformationBackground);
-  border-color: var(--sapField_InformationColor);
-}
-
-input[type="text"].is-information:hover, input[type="text"].is-information.is-hover, input[type="password"].is-information:hover, input[type="password"].is-information.is-hover, input[type="number"].is-information:hover, input[type="number"].is-information.is-hover, input[type="email"].is-information:hover, input[type="email"].is-information.is-hover {
-  background-color: var(--sapField_InformationBackground);
-  border-color: var(--sapField_InformationColor);
-}
-
-input[type="text"]:focus, input[type="text"].is-focus, input[type="password"]:focus, input[type="password"].is-focus, input[type="number"]:focus, input[type="number"].is-focus, input[type="email"]:focus, input[type="email"].is-focus {
-  z-index: 5;
-  box-shadow: none;
-  outline-offset: -0.1875rem;
-  outline-width: var(--sapContent_FocusWidth);
-  outline-color: var(--sapContent_FocusColor);
-  outline-style: var(--sapContent_FocusStyle);
-}
-
-input[type="text"].is-warning, input[type="text"].is-alert, input[type="text"].is-information, input[type="text"].is-error, input[type="password"].is-warning, input[type="password"].is-alert, input[type="password"].is-information, input[type="password"].is-error, input[type="number"].is-warning, input[type="number"].is-alert, input[type="number"].is-information, input[type="number"].is-error, input[type="email"].is-warning, input[type="email"].is-alert, input[type="email"].is-information, input[type="email"].is-error {
-  border-width: 0.125rem;
-  border-style: var(--fdInput_State_Border_Type);
-}
-
-input[type="text"].is-warning:focus, input[type="text"].is-warning.is-focus, input[type="text"].is-alert:focus, input[type="text"].is-alert.is-focus, input[type="text"].is-information:focus, input[type="text"].is-information.is-focus, input[type="text"].is-error:focus, input[type="text"].is-error.is-focus, input[type="password"].is-warning:focus, input[type="password"].is-warning.is-focus, input[type="password"].is-alert:focus, input[type="password"].is-alert.is-focus, input[type="password"].is-information:focus, input[type="password"].is-information.is-focus, input[type="password"].is-error:focus, input[type="password"].is-error.is-focus, input[type="number"].is-warning:focus, input[type="number"].is-warning.is-focus, input[type="number"].is-alert:focus, input[type="number"].is-alert.is-focus, input[type="number"].is-information:focus, input[type="number"].is-information.is-focus, input[type="number"].is-error:focus, input[type="number"].is-error.is-focus, input[type="email"].is-warning:focus, input[type="email"].is-warning.is-focus, input[type="email"].is-alert:focus, input[type="email"].is-alert.is-focus, input[type="email"].is-information:focus, input[type="email"].is-information.is-focus, input[type="email"].is-error:focus, input[type="email"].is-error.is-focus {
-  z-index: 5;
-  box-shadow: none;
-  outline-offset: -0.25rem;
-}
-
-input[type="text"][aria-disabled="true"], input[type="text"].is-disabled, input[type="text"]:disabled, input[type="password"][aria-disabled="true"], input[type="password"].is-disabled, input[type="password"]:disabled, input[type="number"][aria-disabled="true"], input[type="number"].is-disabled, input[type="number"]:disabled, input[type="email"][aria-disabled="true"], input[type="email"].is-disabled, input[type="email"]:disabled {
-  pointer-events: none;
-  opacity: var(--sapContent_DisabledOpacity);
-}
-
-input[type="text"][aria-disabled="true"]::placeholder, input[type="text"].is-disabled::placeholder, input[type="text"]:disabled::placeholder, input[type="password"][aria-disabled="true"]::placeholder, input[type="password"].is-disabled::placeholder, input[type="password"]:disabled::placeholder, input[type="number"][aria-disabled="true"]::placeholder, input[type="number"].is-disabled::placeholder, input[type="number"]:disabled::placeholder, input[type="email"][aria-disabled="true"]::placeholder, input[type="email"].is-disabled::placeholder, input[type="email"]:disabled::placeholder {
-  color: transparent;
-}
-
-input[type="text"][aria-readonly="true"], input[type="text"].is-readonly, input[type="text"][readonly], input[type="password"][aria-readonly="true"], input[type="password"].is-readonly, input[type="password"][readonly], input[type="number"][aria-readonly="true"], input[type="number"].is-readonly, input[type="number"][readonly], input[type="email"][aria-readonly="true"], input[type="email"].is-readonly, input[type="email"][readonly] {
-  background-color: rgba(242, 242, 242, 0.5);
-  background-color: var(--sapField_ReadOnly_Background);
-  border-color: var(--sapField_ReadOnly_BorderColor);
-}
-
-input[type="text"][aria-readonly="true"]::placeholder, input[type="text"].is-readonly::placeholder, input[type="text"][readonly]::placeholder, input[type="password"][aria-readonly="true"]::placeholder, input[type="password"].is-readonly::placeholder, input[type="password"][readonly]::placeholder, input[type="number"][aria-readonly="true"]::placeholder, input[type="number"].is-readonly::placeholder, input[type="number"][readonly]::placeholder, input[type="email"][aria-readonly="true"]::placeholder, input[type="email"].is-readonly::placeholder, input[type="email"][readonly]::placeholder {
-  color: transparent;
-}
-
-input[type="text"]:last-child, input[type="password"]:last-child, input[type="number"]:last-child, input[type="email"]:last-child {
-  margin-bottom: 0.25rem;
-}
-
-input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="number"]::-ms-clear, input[type="email"]::-ms-clear {
-  display: none;
-}
-
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-
-input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}