@selco/installation-ui-css 1.0.0 → 1.0.2

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.
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @selco/installation-ui-css - 1.0.0
2
+ * @selco/installation-ui-css - 1.0.2
3
3
  *
4
4
  * Copyright (c) 2025 Adithya Katuku
5
5
  *
@@ -10794,9 +10794,66 @@ body {
10794
10794
  border-radius: 4px;
10795
10795
  padding: 0 15px;
10796
10796
  outline: none; }
10797
- .search-action:focus-within, .search-action[focus-within] {
10797
+ .search-action:focus-within, .search-action[\:has\(\:hover\)], .search-action[focus-within] {
10798
+ border-color: #c84c0e; }
10799
+ .search-action:has(:hover) {
10798
10800
  border-color: #c84c0e; }
10799
10801
 
10802
+ .custom-checkbox-wrap {
10803
+ display: -webkit-box;
10804
+ display: -ms-flexbox;
10805
+ display: flex;
10806
+ position: relative; }
10807
+ .custom-checkbox-wrap .custom-checkbox-inner {
10808
+ position: relative;
10809
+ display: inline-block;
10810
+ width: 24px;
10811
+ height: 24px; }
10812
+ .custom-checkbox-wrap input[type=checkbox], .custom-checkbox-wrap .checkbox-wrap .input-emp[type=checkbox], .checkbox-wrap .custom-checkbox-wrap .input-emp[type=checkbox], .custom-checkbox-wrap .digit-checkbox-wrap .input-emp[type=checkbox], .digit-checkbox-wrap .custom-checkbox-wrap .input-emp[type=checkbox] {
10813
+ -webkit-appearance: none;
10814
+ -moz-appearance: none;
10815
+ appearance: none;
10816
+ position: absolute;
10817
+ top: 0;
10818
+ left: 0;
10819
+ margin: 0;
10820
+ width: 24px;
10821
+ height: 24px;
10822
+ cursor: pointer;
10823
+ opacity: 0;
10824
+ z-index: 2; }
10825
+ .custom-checkbox-wrap .custom-checkbox-svg {
10826
+ width: 24px;
10827
+ height: 24px;
10828
+ margin: 0;
10829
+ border: 1px solid #464646;
10830
+ display: -webkit-box;
10831
+ display: -ms-flexbox;
10832
+ display: flex;
10833
+ -webkit-box-align: center;
10834
+ -ms-flex-align: center;
10835
+ align-items: center;
10836
+ -webkit-box-pack: center;
10837
+ -ms-flex-pack: center;
10838
+ justify-content: center;
10839
+ background-color: #fff;
10840
+ -webkit-transition: all .2s ease-in-out;
10841
+ transition: all .2s ease-in-out;
10842
+ z-index: 1; }
10843
+ .custom-checkbox-wrap .custom-checkbox-svg svg {
10844
+ opacity: 0;
10845
+ -webkit-transition: opacity .2s ease-in-out;
10846
+ transition: opacity .2s ease-in-out; }
10847
+ .custom-checkbox-wrap input[type=checkbox]:hover ~ .custom-checkbox-svg, .custom-checkbox-wrap .checkbox-wrap .input-emp[type=checkbox]:hover ~ .custom-checkbox-svg, .checkbox-wrap .custom-checkbox-wrap .input-emp[type=checkbox]:hover ~ .custom-checkbox-svg, .custom-checkbox-wrap .digit-checkbox-wrap .input-emp[type=checkbox]:hover ~ .custom-checkbox-svg, .digit-checkbox-wrap .custom-checkbox-wrap .input-emp[type=checkbox]:hover ~ .custom-checkbox-svg {
10848
+ border-color: #c84c0e; }
10849
+ .custom-checkbox-wrap input[type=checkbox]:checked ~ .custom-checkbox-svg svg, .custom-checkbox-wrap .checkbox-wrap .input-emp[type=checkbox]:checked ~ .custom-checkbox-svg svg, .checkbox-wrap .custom-checkbox-wrap .input-emp[type=checkbox]:checked ~ .custom-checkbox-svg svg, .custom-checkbox-wrap .digit-checkbox-wrap .input-emp[type=checkbox]:checked ~ .custom-checkbox-svg svg, .digit-checkbox-wrap .custom-checkbox-wrap .input-emp[type=checkbox]:checked ~ .custom-checkbox-svg svg {
10850
+ opacity: 1; }
10851
+ .custom-checkbox-wrap .custom-checkbox-label {
10852
+ margin-left: 10px;
10853
+ margin-top: 0;
10854
+ line-height: 24px;
10855
+ font-size: 16px; }
10856
+
10800
10857
  .wbh-header .header-icon-container {
10801
10858
  cursor: pointer;
10802
10859
  color: #c84c0e;
@@ -14123,7 +14180,8 @@ input[type=number], .checkbox-wrap .input-emp[type=number], .digit-checkbox-wrap
14123
14180
  height: 75vh; } }
14124
14181
 
14125
14182
  .employee-app-wrapper {
14126
- min-height: calc(100vh - 8em); }
14183
+ min-height: calc(100vh - 8em);
14184
+ margin: 0; }
14127
14185
 
14128
14186
  .ws-custom-wrapper .submit {
14129
14187
  display: -webkit-box !important;