@festo-ui/web-essentials 9.0.1-dev.799 → 9.0.1-dev.802

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/css/festo-web-essentials.css +60 -9
  2. package/dist/css/festo-web-essentials.css.map +1 -1
  3. package/dist/css/festo-web-essentials.min.css +10 -10
  4. package/dist/css/festo-web-essentials.min.css.map +1 -1
  5. package/dist/css/light/festo-web-essentials-light.css +51 -0
  6. package/dist/css/light/festo-web-essentials-light.css.map +1 -1
  7. package/dist/css/themes/flatpickr/festo.css +1 -1
  8. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  9. package/dist/scss/_text-input.scss +60 -0
  10. package/dist/scss/festo-web-essentials.scss +1 -1
  11. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  12. package/package.json +1 -1
  13. package/scss/_text-input.scss +60 -0
package/dist/css/light/festo-web-essentials-light.css CHANGED
@@ -3600,6 +3600,57 @@ label.fwe-input-text textarea ~ .fwe-input-text-invalid {
3600
3600
  overflow: hidden;
3601
3601
  text-overflow: ellipsis;
3602
3602
  }
3603
+ label.fwe-input-text:has(input:user-invalid:not(:disabled)) .fwe-input-text-info, label.fwe-input-text:has(input:user-invalid:not(:disabled)) .fwe-input-text-invalid, label.fwe-input-text.fwe-input-text--invalid .fwe-input-text-info, label.fwe-input-text.fwe-input-text--invalid .fwe-input-text-invalid {
3604
+ display: none;
3605
+ }
3606
+ label.fwe-input-text:has(input:user-invalid:not(:disabled)) .fwe-input-text-invalid, label.fwe-input-text.fwe-input-text--invalid .fwe-input-text-invalid {
3607
+ display: block;
3608
+ }
3609
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-valid:not(:disabled)):not(.fwe-input-text-icon) input[type=text],
3610
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-valid:not(:disabled)):not(.fwe-input-text-icon) input[type=email],
3611
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-valid:not(:disabled)):not(.fwe-input-text-icon) input[type=password],
3612
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-valid:not(:disabled)):not(.fwe-input-text-icon) input[type=number],
3613
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-valid:not(:disabled)):not(.fwe-input-text-icon) input[type=date],
3614
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-valid:not(:disabled)):not(.fwe-input-text-icon) input[type=time],
3615
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-valid:not(:disabled)):not(.fwe-input-text-icon) input[type=datetime-local], label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-invalid:not(:disabled)):not(.fwe-input-text-icon) input[type=text],
3616
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-invalid:not(:disabled)):not(.fwe-input-text-icon) input[type=email],
3617
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-invalid:not(:disabled)):not(.fwe-input-text-icon) input[type=password],
3618
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-invalid:not(:disabled)):not(.fwe-input-text-icon) input[type=number],
3619
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-invalid:not(:disabled)):not(.fwe-input-text-icon) input[type=date],
3620
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-invalid:not(:disabled)):not(.fwe-input-text-icon) input[type=time],
3621
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-invalid:not(:disabled)):not(.fwe-input-text-icon) input[type=datetime-local], label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--valid:not(.fwe-input-text-icon) input[type=text],
3622
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--valid:not(.fwe-input-text-icon) input[type=email],
3623
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--valid:not(.fwe-input-text-icon) input[type=password],
3624
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--valid:not(.fwe-input-text-icon) input[type=number],
3625
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--valid:not(.fwe-input-text-icon) input[type=date],
3626
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--valid:not(.fwe-input-text-icon) input[type=time],
3627
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--valid:not(.fwe-input-text-icon) input[type=datetime-local], label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--invalid:not(.fwe-input-text-icon) input[type=text],
3628
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--invalid:not(.fwe-input-text-icon) input[type=email],
3629
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--invalid:not(.fwe-input-text-icon) input[type=password],
3630
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--invalid:not(.fwe-input-text-icon) input[type=number],
3631
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--invalid:not(.fwe-input-text-icon) input[type=date],
3632
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--invalid:not(.fwe-input-text-icon) input[type=time],
3633
+ label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--invalid:not(.fwe-input-text-icon) input[type=datetime-local] {
3634
+ padding-right: 24px;
3635
+ }
3636
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-valid:not(:disabled)):not(.fwe-input-text-icon)::after, label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-invalid:not(:disabled)):not(.fwe-input-text-icon)::after, label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--valid:not(.fwe-input-text-icon)::after, label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--invalid:not(.fwe-input-text-icon)::after {
3637
+ content: "";
3638
+ position: absolute;
3639
+ bottom: 27px;
3640
+ right: 0px;
3641
+ width: 16px;
3642
+ height: 16px;
3643
+ background-repeat: no-repeat;
3644
+ background-position: center center;
3645
+ }
3646
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-valid:not(:disabled)):not(.fwe-input-text-icon)::after, label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--valid:not(.fwe-input-text-icon)::after {
3647
+ background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'><path d='M4.207 9.621L0 5.414L1.414 4L4.207 6.793L11 0L12.414 1.414L4.207 9.621Z' fill='%230091DC'/></svg>");
3648
+ background-size: 13px 13px;
3649
+ }
3650
+ label.fwe-input-text.fwe-input-text--with-validation-icons:has(input:user-invalid:not(:disabled)):not(.fwe-input-text-icon)::after, label.fwe-input-text.fwe-input-text--with-validation-icons.fwe-input-text--invalid:not(.fwe-input-text-icon)::after {
3651
+ background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M16.95 8.46405L15.536 7.05005L12 10.586L8.46405 7.05005L7.05005 8.46405L10.586 12L7.05005 15.536L8.46405 16.95L12 13.414L15.536 16.95L16.95 15.536L13.414 12L16.95 8.46405Z' fill='%23D50000'/></svg>");
3652
+ background-size: 24px 24px;
3653
+ }
3603
3654
  label.fwe-input-text.fwe-input-text-icon .fwe-svg-icon,
3604
3655
  label.fwe-input-text.fwe-input-text-icon i {
3605
3656
  line-height: 1;