@indice/ng-components 0.5.0-beta.10 → 0.5.0

package/src/assets/styles/date-picker.component.css

@@ -1,68 +1,68 @@
-.datepicker-container {
-    @apply relative rounded-lg inline-flex items-center bg-white text-gray-400 focus-within:text-gray-600 border border-gray-300;
-}
-
-.datepicker-input {
-    @apply w-full rounded-lg text-sm text-gray-900 pt-2 pl-2 pb-2 placeholder-gray-500 outline-none border-0 focus:outline-none focus:ring-0;
-}
-
-.datepicker-button {
-    @apply mr-1 text-xs focus:outline-none inline-flex items-center justify-center w-6 h-6 text-gray-800 hover:text-gray-900;
-}
-
-.datepicker-background {
-    @apply bg-gray-100 mt-10 rounded-lg shadow-md p-4 left-0 z-50 w-full;
-}
-.datepicker-btn-wrapper {
-    @apply flex justify-between items-center mb-2;
-}
-
-.datepicker-selected-month {
-    @apply text-lg font-bold text-gray-800;
-}
-.datepicker-selected-year {
-    @apply ml-1 text-lg text-gray-600 font-normal;
-}
-.datepicker-nav-btn {
-    @apply transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25;
-}
-.datepicker-nav-btn svg {
-    @apply h-6 w-6 text-gray-500 inline-flex;
-}
-.datepicker-wrapper {
-    @apply flex flex-wrap mb-3 -mx-1;
-}
-.datepicker-day-name {
-    @apply text-gray-800 font-medium text-center text-sm uppercase;
-}
-.datepicker-content-wrapper {
-    @apply flex flex-wrap -mx-1 items-center;
-}
-.datepicker-year {
-    @apply cursor-pointer text-center hover:text-white text-sm rounded-md leading-loose transition ease-in-out duration-100;
-}
-.datepicker-year.selected {
-    @apply bg-gray-700 text-white font-medium;
-}
-.datepicker-year.not-selected {
-    @apply text-gray-800 hover:bg-gray-800;
-}
-
-.datepicker-blank-days {
-    @apply text-center border p-1 border-transparent text-sm opacity-50;
-}
-
-.datepicker-days {
-    @apply cursor-pointer text-center hover:text-white text-sm rounded-md leading-loose transition ease-in-out duration-100;
-}
-
-.datepicker-days.selected {
-    @apply bg-gray-700 text-white font-medium;
-}
-.datepicker-days.not-selected {
-    @apply text-gray-800 hover:bg-gray-800;
-}
-
-.datepicker-days.out-of-range{
-    @apply cursor-not-allowed opacity-25;
-}
+.datepicker-container {
+    @apply relative rounded-lg inline-flex items-center bg-white text-gray-400 focus-within:text-gray-600 border border-gray-300;
+}
+
+.datepicker-input {
+    @apply w-full rounded-lg text-sm text-gray-900 pt-2 pl-2 pb-2 placeholder-gray-500 outline-none border-0 focus:outline-none focus:ring-0;
+}
+
+.datepicker-button {
+    @apply mr-1 text-xs focus:outline-none inline-flex items-center justify-center w-6 h-6 text-gray-800 hover:text-gray-900;
+}
+
+.datepicker-background {
+    @apply bg-gray-100 mt-10 rounded-lg shadow-md p-4 left-0 z-50 w-full;
+}
+.datepicker-btn-wrapper {
+    @apply flex justify-between items-center mb-2;
+}
+
+.datepicker-selected-month {
+    @apply text-lg font-bold text-gray-800;
+}
+.datepicker-selected-year {
+    @apply ml-1 text-lg text-gray-600 font-normal;
+}
+.datepicker-nav-btn {
+    @apply transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25;
+}
+.datepicker-nav-btn svg {
+    @apply h-6 w-6 text-gray-500 inline-flex;
+}
+.datepicker-wrapper {
+    @apply flex flex-wrap mb-3 -mx-1;
+}
+.datepicker-day-name {
+    @apply text-gray-800 font-medium text-center text-sm uppercase;
+}
+.datepicker-content-wrapper {
+    @apply flex flex-wrap -mx-1 items-center;
+}
+.datepicker-year {
+    @apply cursor-pointer text-center hover:text-white text-sm rounded-md leading-loose transition ease-in-out duration-100;
+}
+.datepicker-year.selected {
+    @apply bg-gray-700 text-white font-medium;
+}
+.datepicker-year.not-selected {
+    @apply text-gray-800 hover:bg-gray-800;
+}
+
+.datepicker-blank-days {
+    @apply text-center border p-1 border-transparent text-sm opacity-50;
+}
+
+.datepicker-days {
+    @apply cursor-pointer text-center hover:text-white text-sm rounded-md leading-loose transition ease-in-out duration-100;
+}
+
+.datepicker-days.selected {
+    @apply bg-gray-700 text-white font-medium;
+}
+.datepicker-days.not-selected {
+    @apply text-gray-800 hover:bg-gray-800;
+}
+
+.datepicker-days.out-of-range{
+    @apply cursor-not-allowed opacity-25;
+}

package/src/assets/styles/drop-down-menu.css

@@ -1,48 +1,48 @@
-.dropdown-container {
-  @apply relative w-auto;
-}
-
-.dropdown-button {
-  @apply bg-white block w-full rounded-lg border pl-3 py-1.5 pr-10 ring-0 placeholder:text-gray-300 focus:border-gray-500 hover:border-gray-400
-  text-sm leading-6 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:border-gray-300;
-}
-
-.dropdown-selected-text {
-  @apply truncate w-full inline-flex items-start place-items-center;
-}
-
-.dropdown-button-icon {
-  @apply absolute inset-y-0 right-1 flex items-center pointer-events-none;
-}
-
-.dropdown-arrow {
-  @apply h-5 w-5 text-gray-600;
-}
-
-.dropdown-ul {
-  @apply absolute z-50 mt-1 w-auto bg-white shadow max-h-60 rounded-lg py-1 text-xs ring-1 ring-gray-300 ring-black/5 focus:outline-none overflow-x-hidden;
-}
-
-.dropdown-li {
-  @apply text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 hover:bg-gray-100 min-w-max;
-}
-
-.dropdown-li-selected {
-  @apply text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 min-w-max;
-}
-
-.dropdown-li-text {
-  @apply font-normal truncate inline-flex items-center ;
-}
-
-.dropdown-li-selected-text {
-  @apply font-semibold truncate inline-flex items-center ;
-}
-
-.dropdown-li-selected-indicator-container {
-  @apply text-gray-600 absolute inset-y-0 right-0 flex items-center pr-4;
-}
-
-.dropdown-li-selected-indicator {
-  @apply h-5 w-5;
-}
+.dropdown-container {
+  @apply relative w-auto;
+}
+
+.dropdown-button {
+  @apply bg-white block w-full rounded-lg border pl-3 py-1.5 pr-10 ring-0 placeholder:text-gray-300 focus:border-gray-500 hover:border-gray-400
+  text-sm leading-6 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:border-gray-300;
+}
+
+.dropdown-selected-text {
+  @apply truncate w-full inline-flex items-start place-items-center;
+}
+
+.dropdown-button-icon {
+  @apply absolute inset-y-0 right-1 flex items-center pointer-events-none;
+}
+
+.dropdown-arrow {
+  @apply h-5 w-5 text-gray-600;
+}
+
+.dropdown-ul {
+  @apply absolute z-50 mt-1 w-auto bg-white shadow max-h-60 rounded-lg py-1 text-xs ring-1 ring-gray-300 ring-black/5 focus:outline-none overflow-x-hidden;
+}
+
+.dropdown-li {
+  @apply text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 hover:bg-gray-100 min-w-max;
+}
+
+.dropdown-li-selected {
+  @apply text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 min-w-max;
+}
+
+.dropdown-li-text {
+  @apply font-normal truncate inline-flex items-center ;
+}
+
+.dropdown-li-selected-text {
+  @apply font-semibold truncate inline-flex items-center ;
+}
+
+.dropdown-li-selected-indicator-container {
+  @apply text-gray-600 absolute inset-y-0 right-0 flex items-center pr-4;
+}
+
+.dropdown-li-selected-indicator {
+  @apply h-5 w-5;
+}

package/src/assets/styles/form-layout.css

@@ -1,51 +1,51 @@
-.form-layout-container {
-  @apply bg-white shadow-sm border border-gray-200 rounded-xl;
-}
-
-.form-header {
-  @apply px-4 py-4 bg-gray-50 rounded-t-xl h-24 sm:flex sm:items-center sm:justify-between;
-}
-
-.form-header-inner {
-  @apply flex-1 min-w-0;
-}
-
-.form-header-image {
-  @apply w-12 h-12;
-}
-
-.form-title {
-  @apply text-lg leading-6 font-medium text-gray-900;
-}
-
-.form-subtitle {
-  @apply mt-1 max-w-2xl text-sm text-gray-500;
-}
-
-.form-header-actions {
-  @apply mt-4 flex md:mt-0 md:ml-4;
-}
-
-.form-content-container {
-  @apply px-4 py-4;
-}
-
-.form-content-container-inner {
-  @apply flex flex-col pt-4;
-}
-
-.form-header-search-input {
-  @apply block w-60 bg-gray-50 rounded-md text-sm text-gray-900 placeholder-gray-500 outline-none;
-}
-
-.field-label {
-  @apply block text-sm py-2 font-medium text-gray-500;
-}
-
-.field-info {
-  @apply mt-2 text-xs text-gray-400 py-2;
-}
-
-.form-actions {
-  @apply -mx-4 -mb-4 mt-4 px-4 sm:px-6 py-3 bg-gray-100 text-gray-700 text-right flex justify-end rounded-b-xl;
-}
+.form-layout-container {
+  @apply bg-white shadow-sm border border-gray-200 rounded-xl;
+}
+
+.form-header {
+  @apply px-4 py-4 bg-gray-50 rounded-t-xl h-24 sm:flex sm:items-center sm:justify-between;
+}
+
+.form-header-inner {
+  @apply flex-1 min-w-0;
+}
+
+.form-header-image {
+  @apply w-12 h-12;
+}
+
+.form-title {
+  @apply text-lg leading-6 font-medium text-gray-900;
+}
+
+.form-subtitle {
+  @apply mt-1 max-w-2xl text-sm text-gray-500;
+}
+
+.form-header-actions {
+  @apply mt-4 flex md:mt-0 md:ml-4;
+}
+
+.form-content-container {
+  @apply px-4 py-4;
+}
+
+.form-content-container-inner {
+  @apply flex flex-col pt-4;
+}
+
+.form-header-search-input {
+  @apply block w-60 bg-gray-50 rounded-md text-sm text-gray-900 placeholder-gray-500 outline-none;
+}
+
+.field-label {
+  @apply block text-sm py-2 font-medium text-gray-500;
+}
+
+.field-info {
+  @apply mt-2 text-xs text-gray-400 py-2;
+}
+
+.form-actions {
+  @apply -mx-4 -mb-4 mt-4 px-4 sm:px-6 py-3 bg-gray-100 text-gray-700 text-right flex justify-end rounded-b-xl;
+}