@indice/ng-components 0.2.173-beta.67 → 0.2.173-beta.69

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 (2) hide show
  1. package/_styles.scss +16 -10
  2. package/package.json +1 -1
package/_styles.scss CHANGED
@@ -18,27 +18,32 @@
18
18
  }
19
19
 
20
20
  select {
21
- @apply max-w-lg block focus:ring-gray-300 ring-opacity-25 focus:border-gray-300 w-full shadow-sm sm:max-w-xs sm:text-sm border-gray-200 rounded-sm;
21
+ @apply max-w-lg block focus:outline-0 w-full sm:max-w-xs sm:text-sm border-gray-200 rounded-sm;
22
22
  }
23
23
 
24
24
  input[type=text] {
25
- @apply focus:outline-none focus:border-gray-500 flex-1 block w-full rounded-none text-sm border-gray-200;
25
+ @apply block w-full rounded-md border-0 py-1.5 pr-10 ring-1 ring-inset ring-gray-200 placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-gray-500 sm:text-sm sm:leading-6
26
+ disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200;
26
27
  }
27
28
 
28
29
  input[type=password] {
29
- @apply focus:outline-none focus:border-gray-500 flex-1 block w-full rounded-none text-sm border-gray-200;
30
+ @apply block w-full rounded-md border-0 py-1.5 pr-10 ring-1 ring-inset ring-gray-200 placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-gray-500 sm:text-sm sm:leading-6
31
+ disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200;
30
32
  }
31
33
 
32
34
  input[type=email] {
33
- @apply focus:outline-none focus:border-gray-500 flex-1 block w-full rounded-none text-sm border-gray-200;
35
+ @apply block w-full rounded-md border-0 py-1.5 pr-10 ring-1 ring-inset ring-gray-200 placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-gray-500 sm:text-sm sm:leading-6
36
+ disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200;
34
37
  }
35
38
 
36
39
  input[type=number] {
37
- @apply focus:outline-none focus:border-gray-500 flex-1 block w-full rounded-none text-sm border-gray-200;
40
+ @apply block w-full rounded-md border-0 py-1.5 pr-10 ring-1 ring-inset ring-gray-200 placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-gray-500 sm:text-sm sm:leading-6
41
+ disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200;
38
42
  }
39
43
 
40
44
  textarea {
41
- @apply shadow-sm focus:outline-none focus:border-gray-500 mt-1 block w-full text-sm border-gray-200 rounded-sm;
45
+ @apply block w-full rounded-md border-0 py-1.5 pr-10 ring-1 ring-inset ring-gray-200 placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-gray-500 sm:text-sm sm:leading-6
46
+ disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200;
42
47
  }
43
48
  }
44
49
 
@@ -657,10 +662,11 @@
657
662
 
658
663
 
659
664
  .datepicker-input {
660
- @apply w-full focus:ring-0 focus:outline-none rounded-none sm:text-sm border-gray-300 focus:border-transparent;
665
+ @apply block w-full rounded-md border-0 py-1.5 pr-10 ring-1 ring-inset ring-gray-200 placeholder:text-gray-300 focus:ring-1 focus:ring-inset focus:ring-gray-500 sm:text-sm sm:leading-6
666
+ disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200;
661
667
  }
662
668
  .datepicker-button {
663
- @apply relative inline-flex items-center px-2 py-2 border-t border-b border-r border-gray-300 text-sm rounded-r-sm text-gray-700 bg-gray-50 hover:bg-gray-100 focus:outline-none focus:border-gray-500;
669
+ @apply relative inline-flex items-center px-1.5 py-1.5 border-t border-b border-r border-gray-300 text-sm rounded-r-sm text-gray-700 bg-gray-50 hover:bg-gray-100 focus:outline-0;
664
670
  }
665
671
 
666
672
  .datepicker-background {
@@ -727,7 +733,7 @@
727
733
 
728
734
  .dropdown-button {
729
735
  @apply bg-white relative w-full border border-gray-300 rounded-sm pl-3 pr-10 py-2 text-left cursor-default
730
- focus:outline-none focus:border-gray-500 text-xs;
736
+ focus:ring-1 focus:ring-inset focus:ring-gray-500;
731
737
  }
732
738
 
733
739
  .dropdown-selected-text {
@@ -743,7 +749,7 @@
743
749
  }
744
750
 
745
751
  .dropdown-ul {
746
- @apply absolute z-50 mt-1 w-auto bg-white shadow-lg max-h-60 rounded-sm py-1 text-xs ring-1 ring-black ring-opacity-5 focus:outline-none overflow-x-hidden;
752
+ @apply absolute z-50 mt-1 w-auto bg-white shadow-lg max-h-60 rounded-sm py-1 text-xs ring-1 ring-gray-300 ring-opacity-5 focus:outline-none overflow-x-hidden;
747
753
  }
748
754
 
749
755
  .dropdown-li {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indice/ng-components",
3
- "version": "0.2.173-beta.67",
3
+ "version": "0.2.173-beta.69",
4
4
  "description": "Indice common components for Angular v12",
5
5
  "repository": {
6
6
  "type": "git",