@selco/installation-ui-css 1.0.0 → 1.0.1

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.1
3
3
  *
4
4
  * Copyright (c) 2025 Adithya Katuku
5
5
  *
@@ -10794,8 +10794,65 @@ 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
10798
  border-color: #c84c0e; }
10799
+ .search-action:has(:hover) {
10800
+ border-color: #c84c0e; }
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; }
10799
10856
 
10800
10857
  .wbh-header .header-icon-container {
10801
10858
  cursor: pointer;