@indice/ng-components 0.4.0 → 0.4.2

package/src/assets/styles/shell-sidebar.css

@@ -1,32 +1,31 @@
+.shell-sidebar-container-fixed {
+    @apply fixed w-0 sm:w-64 flex-col inset-y-0 bg-gray-800;
+}
 
-    .shell-sidebar-container-fixed {
-        @apply fixed w-0 sm:w-64 flex-col inset-y-0 bg-gray-800;
-    }
+.shell-sidebar-toggle-button {
+    @apply hidden sm:block px-4 border-0 text-white focus:outline-none;
+}
 
-    .shell-sidebar-toggle-button {
-        @apply hidden sm:block px-4 border-0 text-white focus:outline-none;
-    }
+.shell-sidebar-container-hidden {
+    @apply hidden w-0 sm:w-64 flex-col inset-y-0 bg-gray-800;
+}
 
-    .shell-sidebar-container-hidden {
-        @apply hidden w-0 sm:w-64 flex-col inset-y-0 bg-gray-800;
-    }
+.shell-sidebar-content-container {
+    @apply flex flex-col;
+}
 
-    .shell-sidebar-content-container {
-        @apply flex flex-col;
-    }
+.shell-sidebar-content-container-inner {
+    @apply sticky top-0 z-10 flex-shrink-0 flex h-16 bg-gray-800;
+}
 
-    .shell-sidebar-content-container-inner {
-        @apply sticky top-0 z-10 flex-shrink-0 flex h-16 bg-gray-800;
-    }
+.shell-sidebar-header-container {
+    @apply flex-1;
+}
 
-    .shell-sidebar-header-container {
-        @apply flex-1;
-    }
-
-    .shell-sidebar-component-container {
-        @apply flex w-full flex-col h-full min-h-0 bg-gray-800;
-    }
+.shell-sidebar-component-container {
+    @apply flex w-full flex-col h-full min-h-0 bg-gray-800;
+}
    
-    .shell-sidebar-component-links-container {
-        @apply pt-4;
-    }
+.shell-sidebar-component-links-container {
+    @apply pt-4;
+}

package/src/assets/styles/side-pane.css

@@ -1,50 +1,48 @@
+.side-pane-outer-container {
+  @apply fixed inset-0 overflow-hidden z-40;
+}
 
+.side-pane-overlay {
+  @apply absolute bg-black opacity-25 inset-0;
+}
 
-  .side-pane-outer-container {
-    @apply fixed inset-0 overflow-hidden z-40;
-  }
+.side-pane-overlay-opacity-0 {
+  @apply absolute bg-black opacity-0 inset-0;
+}
 
-  .side-pane-overlay {
-    @apply absolute bg-gray-500 bg-black/25 inset-0;
-  }
+.side-pane-overlay-opacity-50 {
+  @apply absolute bg-black opacity-50 inset-0;
+}
 
-  .side-pane-overlay-opacity-0 {
-    @apply absolute bg-gray-500 bg-black/0 inset-0;
-  }
+.side-pane-container {
+  @apply fixed inset-y-0 right-0 max-w-full flex transition-all duration-200 ease-in-out;
+}
 
-  .side-pane-overlay-opacity-50 {
-    @apply absolute bg-gray-500 bg-black/50 inset-0;
-  }
+.side-pane-container-inner {
+  @apply w-screen max-w-md;
+}
 
-  .side-pane-container {
-    @apply fixed inset-y-0 right-0 max-w-full flex transition-all duration-200 ease-in-out;
-  }
+.side-pane-box-size {
+  @apply w-screen max-w-2xl;
+}
 
-  .side-pane-container-inner {
-    @apply w-screen max-w-md;
-  }
+.side-pane-box-size-25 {
+  @apply w-screen max-w-2xl;
+}
 
-  .side-pane-box-size {
-    @apply w-screen max-w-2xl;
-  }
+.side-pane-box-size-50 {
+  @apply w-screen max-w-3xl;
+}
 
-  .side-pane-box-size-25 {
-    @apply w-screen max-w-2xl;
-  }
-
-  .side-pane-box-size-50 {
-    @apply w-screen max-w-3xl;
-  }
-
-  .side-pane-box-size-75 {
-    @apply w-screen max-w-4xl;
-  }
+.side-pane-box-size-75 {
+  @apply w-screen max-w-4xl;
+}
 
   
-  .side-pane-box-size-100 {
-    @apply w-screen max-w-full;
-  }
+.side-pane-box-size-100 {
+  @apply w-screen max-w-full;
+}
 
-  .side-pane {
-    @apply flex flex-col bg-white shadow-xl overflow-y-hidden;
-  }
+.side-pane {
+  @apply flex flex-col bg-white shadow-xl overflow-y-hidden;
+}

package/src/assets/styles/side-view-layout.css

@@ -1,57 +1,56 @@
+.side-view-layout-size-box {
+  @apply h-screen;
+}
 
-  .side-view-layout-size-box {
-    @apply h-screen;
-  }
+.side-view-layout-container {
+  @apply h-full flex flex-col shadow-xl bg-gray-900;
+}
 
-  .side-view-layout-container {
-    @apply h-full flex flex-col shadow-xl bg-gray-900;
-  }
+.side-view-layout-container-inner {
+  @apply min-h-0 flex-1 flex flex-col pt-6 overflow-y-hidden;
+}
 
-  .side-view-layout-container-inner {
-    @apply min-h-0 flex-1 flex flex-col pt-6 overflow-y-hidden;
-  }
+.side-view-layout-header-margins {
+  @apply px-4 sm:px-6;
+}
 
-  .side-view-layout-header-margins {
-    @apply px-4 sm:px-6;
-  }
+.side-view-layout-header-container {
+  @apply flex items-start justify-between;
+}
 
-  .side-view-layout-header-container {
-    @apply flex items-start justify-between;
-  }
+.side-view-layout-header-title {
+  @apply text-lg font-medium text-white;
+}
 
-  .side-view-layout-header-title {
-    @apply text-lg font-medium text-white;
-  }
+.side-view-layout-close-button-container {
+  @apply ml-3 h-7 flex items-center;
+}
 
-  .side-view-layout-close-button-container {
-    @apply ml-3 h-7 flex items-center;
-  }
+.side-view-layout-close-button {
+  @apply rounded-sm text-white hover:text-gray-200 focus:outline-none focus:ring-1 focus:ring-gray-300;
+}
 
-  .side-view-layout-close-button {
-    @apply rounded-sm text-white hover:text-gray-200 focus:outline-none focus:ring-1 focus:ring-gray-300;
-  }
+.side-view-layout-close-button-icon {
+  @apply h-6 w-6;
+}
 
-  .side-view-layout-close-button-icon {
-    @apply h-6 w-6;
-  }
+.side-view-layout-content-container {
+  @apply bg-white mt-6 relative flex-1 px-6 overflow-y-auto;
+}
 
-  .side-view-layout-content-container {
-    @apply bg-white mt-6 relative flex-1 px-6 overflow-y-auto;
-  }
+.side-view-layout-actions-container {
+  @apply flex-shrink-0 px-4 py-4 flex bg-gray-100 justify-end;
+}
 
-  .side-view-layout-actions-container {
-    @apply flex-shrink-0 px-4 py-4 flex bg-gray-100 justify-end;
-  }
+.side-view-layout-action-button-cancel {
+  @apply bg-white py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-500;
+}
 
-  .side-view-layout-action-button-cancel {
-    @apply bg-white py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-500;
-  }
+.side-view-layout-action-button-submit {
+  @apply ml-4 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-500;
+}
 
-  .side-view-layout-action-button-submit {
-    @apply ml-4 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-500;
-  }
-
-  .side-view-layout-action-button-submit:disabled {
-    @apply ml-4 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-300 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-500 cursor-not-allowed;
-  }
+.side-view-layout-action-button-submit:disabled {
+  @apply ml-4 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-300 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-500 cursor-not-allowed;
+}
 

package/src/assets/styles/stepper.css

@@ -1,170 +1,169 @@
+/* Bullets */
+.stepper-bullets-container {
+    @apply flex items-center justify-center;
+}
+.stepper-bullets-counter {
+    @apply text-sm font-medium;
+}
+.stepper-bullets-ol {
+    @apply ml-8 flex items-center space-x-5;
+}
+.stepper-bullets-completed-step {
+    @apply block w-2.5 h-2.5 bg-blue-600 rounded-full hover:bg-blue-900;
+}
+.stepper-bullets-active-step {
+    @apply relative flex items-center justify-center;
+}
+.stepper-bullets-active-step-level1 {
+    @apply absolute w-5 h-5 p-px flex;
+}
+.stepper-bullets-active-step-level11 {
+    @apply w-full h-full rounded-full bg-blue-200;
+}
+.stepper-bullets-active-step-bullet {
+    @apply relative block w-2.5 h-2.5 bg-blue-600 rounded-full;
+}
+.stepper-bullets-upcoming-step {
+    @apply block w-2.5 h-2.5 bg-gray-200 rounded-full hover:bg-gray-400;
+}
 
-    /* Bullets */
-    .stepper-bullets-container {
-        @apply flex items-center justify-center;
-    }
-    .stepper-bullets-counter {
-        @apply text-sm font-medium;
-    }
-    .stepper-bullets-ol {
-        @apply ml-8 flex items-center space-x-5;
-    }
-    .stepper-bullets-completed-step {
-        @apply block w-2.5 h-2.5 bg-blue-600 rounded-full hover:bg-blue-900;
-    }
-    .stepper-bullets-active-step {
-        @apply relative flex items-center justify-center;
-    }
-    .stepper-bullets-active-step-level1 {
-        @apply absolute w-5 h-5 p-px flex;
-    }
-    .stepper-bullets-active-step-level11 {
-        @apply w-full h-full rounded-full bg-blue-200;
-    }
-    .stepper-bullets-active-step-bullet {
-        @apply relative block w-2.5 h-2.5 bg-blue-600 rounded-full;
-    }
-    .stepper-bullets-upcoming-step {
-        @apply block w-2.5 h-2.5 bg-gray-200 rounded-full hover:bg-gray-400;
-    }
+/* Bullets & Text */
+.stepper-bullets-and-text-container {
+    @apply flex items-center justify-center;
+}
+.stepper-bullets-and-text-ol {
+    @apply space-y-6;
+}
+.stepper-bullets-and-text-completed-step {
+    @apply flex items-start;
+}
+.stepper-bullets-and-text-completed-step-level1 {
+    @apply flex-shrink-0 relative h-5 w-5 flex items-center justify-center;
+}
+.stepper-bullets-and-text-completed-step-container {
+    @apply ml-3 text-sm font-medium text-gray-500 group-hover:text-gray-900;
+}
+.stepper-bullets-and-text-active-step {
+    @apply flex items-start;
+}
+.stepper-bullets-and-text-active-step-level1 {
+    @apply flex-shrink-0 h-5 w-5 relative flex items-center justify-center;
+}
+.stepper-bullets-and-text-active-step-level11 {
+    @apply absolute h-4 w-4 rounded-full bg-blue-200;
+}
+.stepper-bullets-and-text-active-step-level12 {
+    @apply relative block w-2 h-2 bg-blue-600 rounded-full;
+}
+.stepper-bullets-and-text-active-step-container {
+    @apply ml-3 text-sm font-medium text-blue-600;
+}
+.stepper-bullets-and-text-upcoming-step {
+    @apply flex items-start;
+}
+.stepper-bullets-and-text-upcoming-step-level1 {
+    @apply flex-shrink-0 h-5 w-5 relative flex items-center justify-center;
+}
+.stepper-bullets-and-text-upcoming-step-level2 {
+    @apply h-2 w-2 bg-gray-300 rounded-full group-hover:bg-gray-400;
+}
+.stepper-bullets-and-text-upcoming-step-container {
+    @apply ml-3 text-sm font-medium text-gray-500 group-hover:text-gray-900;
+}
 
-    /* Bullets & Text */
-    .stepper-bullets-and-text-container {
-        @apply flex items-center justify-center;
-    }
-    .stepper-bullets-and-text-ol {
-        @apply space-y-6;
-    }
-    .stepper-bullets-and-text-completed-step {
-        @apply flex items-start;
-    }
-    .stepper-bullets-and-text-completed-step-level1 {
-        @apply flex-shrink-0 relative h-5 w-5 flex items-center justify-center;
-    }
-    .stepper-bullets-and-text-completed-step-container {
-        @apply ml-3 text-sm font-medium text-gray-500 group-hover:text-gray-900;
-    }
-    .stepper-bullets-and-text-active-step {
-        @apply flex items-start;
-    }
-    .stepper-bullets-and-text-active-step-level1 {
-        @apply flex-shrink-0 h-5 w-5 relative flex items-center justify-center;
-    }
-    .stepper-bullets-and-text-active-step-level11 {
-        @apply absolute h-4 w-4 rounded-full bg-blue-200;
-    }
-    .stepper-bullets-and-text-active-step-level12 {
-        @apply relative block w-2 h-2 bg-blue-600 rounded-full;
-    }
-    .stepper-bullets-and-text-active-step-container {
-        @apply ml-3 text-sm font-medium text-blue-600;
-    }
-    .stepper-bullets-and-text-upcoming-step {
-        @apply flex items-start;
-    }
-    .stepper-bullets-and-text-upcoming-step-level1 {
-        @apply flex-shrink-0 h-5 w-5 relative flex items-center justify-center;
-    }
-    .stepper-bullets-and-text-upcoming-step-level2 {
-        @apply h-2 w-2 bg-gray-300 rounded-full group-hover:bg-gray-400;
-    }
-    .stepper-bullets-and-text-upcoming-step-container {
-        @apply ml-3 text-sm font-medium text-gray-500 group-hover:text-gray-900;
-    }
+/* Circles */
 
-    /* Circles */
-
-    /* Panels With Border */
-    .panels-with-border-container {
-        @apply border-t border-b border-gray-200;
-    }
-    .panels-with-border-nav {
-        @apply mx-auto max-w-7xl px-4 sm:px-6 lg:px-8;
-    }
-    .panels-with-border-ol {
-        @apply rounded-md overflow-hidden lg:flex lg:border-l lg:border-r lg:border-gray-200 lg:rounded-none;
-    }
-    .panels-with-border-li {
-        @apply relative overflow-hidden lg:flex-1 cursor-pointer;
-    }
-    .panels-with-border-completed-step {
-        @apply border border-gray-200 overflow-hidden border-b-0 rounded-t-md lg:border-0;
-    }
-    .panels-with-border-completed-step-level1 {
-        @apply absolute top-0 left-0 w-1 h-full bg-transparent group-hover:bg-gray-200 lg:w-full lg:h-1 lg:bottom-0 lg:top-auto;
-    }
-    .panels-with-border-completed-step-level2 {
-        @apply px-6 py-5 flex items-start text-sm font-medium;
-    }
-    .panels-with-border-completed-step-level21 {
-        @apply flex-shrink-0;
-    }
-    .panels-with-border-completed-step-level211 {
-        @apply w-10 h-10 flex items-center justify-center bg-blue-600 rounded-full;
-    }
-    .panels-with-border-completed-step-level22 {
-        @apply mt-0.5 ml-4 min-w-0 flex flex-col;
-    }
-    .panels-with-border-completed-step-level221 {
-        @apply text-xs font-semibold tracking-wide uppercase;
-    }
-    .panels-with-border-completed-step-level222 {
-        @apply text-sm font-medium text-gray-500;
-    }
-    .panels-with-border-active-step {
-        @apply border border-gray-200 overflow-hidden lg:border-0;
-    }
-    .panels-with-border-active-step-level1 {
-        @apply absolute top-0 left-0 w-1 h-full bg-blue-600 lg:w-full lg:h-1 lg:bottom-0 lg:top-auto;
-    }
-    .panels-with-border-active-step-level2 {
-        @apply px-6 py-5 flex items-start text-sm font-medium lg:pl-9;
-    }
-    .panels-with-border-active-step-level21 {
-        @apply flex-shrink-0;
-    }
-    .panels-with-border-active-step-level211 {
-        @apply w-10 h-10 flex items-center justify-center border-2 border-blue-600 rounded-full;
-    }
-    .panels-with-border-active-step-level211-text {
-        @apply text-blue-600;
-    }
-    .panels-with-border-active-step-level22 {
-        @apply mt-0.5 ml-4 min-w-0 flex flex-col;
-    }
-    .panels-with-border-active-step-level221 {
-        @apply text-xs font-semibold text-blue-600 tracking-wide uppercase;
-    }
-    .panels-with-border-active-step-level222 {
-        @apply text-sm font-medium text-gray-500;
-    }
-    .panels-with-border-step-separator {
-        @apply hidden absolute top-0 left-0 w-3 inset-0 lg:block;
-    }
-    .panels-with-border-upcoming-step {
-        @apply border border-gray-200 overflow-hidden border-t-0 rounded-b-md lg:border-0;
-    }
-    .panels-with-border-upcoming-step-level1 {
-        @apply absolute top-0 left-0 w-1 h-full bg-transparent group-hover:bg-gray-200 lg:w-full lg:h-1 lg:bottom-0 lg:top-auto;
-    }
-    .panels-with-border-upcoming-step-level2 {
-        @apply px-6 py-5 flex items-start text-sm font-medium lg:pl-9;
-    }
-    .panels-with-border-upcoming-step-level21 {
-        @apply flex-shrink-0;
-    }
-    .panels-with-border-upcoming-step-level211 {
-        @apply w-10 h-10 flex items-center justify-center border-2 border-gray-300 rounded-full;
-    }
-    .panels-with-border-upcoming-step-level211-text {
-        @apply text-gray-500;
-    }
-    .panels-with-border-upcoming-step-level22 {
-        @apply mt-0.5 ml-4 min-w-0 flex flex-col;
-    }
-    .panels-with-border-upcoming-step-level221 {
-        @apply text-xs font-semibold text-gray-500 tracking-wide uppercase;
-    }
-    .panels-with-border-upcoming-step-level222 {
-        @apply text-sm font-medium text-gray-500;
-    }
+/* Panels With Border */
+.panels-with-border-container {
+    @apply border-t border-b border-gray-200;
+}
+.panels-with-border-nav {
+    @apply mx-auto max-w-7xl px-4 sm:px-6 lg:px-8;
+}
+.panels-with-border-ol {
+    @apply rounded-md overflow-hidden lg:flex lg:border-l lg:border-r lg:border-gray-200 lg:rounded-none;
+}
+.panels-with-border-li {
+    @apply relative overflow-hidden lg:flex-1 cursor-pointer;
+}
+.panels-with-border-completed-step {
+    @apply border border-gray-200 overflow-hidden border-b-0 rounded-t-md lg:border-0;
+}
+.panels-with-border-completed-step-level1 {
+    @apply absolute top-0 left-0 w-1 h-full bg-transparent group-hover:bg-gray-200 lg:w-full lg:h-1 lg:bottom-0 lg:top-auto;
+}
+.panels-with-border-completed-step-level2 {
+    @apply px-6 py-5 flex items-start text-sm font-medium;
+}
+.panels-with-border-completed-step-level21 {
+    @apply flex-shrink-0;
+}
+.panels-with-border-completed-step-level211 {
+    @apply w-10 h-10 flex items-center justify-center bg-blue-600 rounded-full;
+}
+.panels-with-border-completed-step-level22 {
+    @apply mt-0.5 ml-4 min-w-0 flex flex-col;
+}
+.panels-with-border-completed-step-level221 {
+    @apply text-xs font-semibold tracking-wide uppercase;
+}
+.panels-with-border-completed-step-level222 {
+    @apply text-sm font-medium text-gray-500;
+}
+.panels-with-border-active-step {
+    @apply border border-gray-200 overflow-hidden lg:border-0;
+}
+.panels-with-border-active-step-level1 {
+    @apply absolute top-0 left-0 w-1 h-full bg-blue-600 lg:w-full lg:h-1 lg:bottom-0 lg:top-auto;
+}
+.panels-with-border-active-step-level2 {
+    @apply px-6 py-5 flex items-start text-sm font-medium lg:pl-9;
+}
+.panels-with-border-active-step-level21 {
+    @apply flex-shrink-0;
+}
+.panels-with-border-active-step-level211 {
+    @apply w-10 h-10 flex items-center justify-center border-2 border-blue-600 rounded-full;
+}
+.panels-with-border-active-step-level211-text {
+    @apply text-blue-600;
+}
+.panels-with-border-active-step-level22 {
+    @apply mt-0.5 ml-4 min-w-0 flex flex-col;
+}
+.panels-with-border-active-step-level221 {
+    @apply text-xs font-semibold text-blue-600 tracking-wide uppercase;
+}
+.panels-with-border-active-step-level222 {
+    @apply text-sm font-medium text-gray-500;
+}
+.panels-with-border-step-separator {
+    @apply hidden absolute top-0 left-0 w-3 inset-0 lg:block;
+}
+.panels-with-border-upcoming-step {
+    @apply border border-gray-200 overflow-hidden border-t-0 rounded-b-md lg:border-0;
+}
+.panels-with-border-upcoming-step-level1 {
+    @apply absolute top-0 left-0 w-1 h-full bg-transparent group-hover:bg-gray-200 lg:w-full lg:h-1 lg:bottom-0 lg:top-auto;
+}
+.panels-with-border-upcoming-step-level2 {
+    @apply px-6 py-5 flex items-start text-sm font-medium lg:pl-9;
+}
+.panels-with-border-upcoming-step-level21 {
+    @apply flex-shrink-0;
+}
+.panels-with-border-upcoming-step-level211 {
+    @apply w-10 h-10 flex items-center justify-center border-2 border-gray-300 rounded-full;
+}
+.panels-with-border-upcoming-step-level211-text {
+    @apply text-gray-500;
+}
+.panels-with-border-upcoming-step-level22 {
+    @apply mt-0.5 ml-4 min-w-0 flex flex-col;
+}
+.panels-with-border-upcoming-step-level221 {
+    @apply text-xs font-semibold text-gray-500 tracking-wide uppercase;
+}
+.panels-with-border-upcoming-step-level222 {
+    @apply text-sm font-medium text-gray-500;
+}

package/src/assets/styles/tab-group.css

@@ -1,28 +1,27 @@
+.tab-group-select-hidden {
+    @apply sm:hidden;
+}
 
-    .tab-group-select-hidden {
-        @apply sm:hidden;
-    }
+.tab-group-select {
+    @apply block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md;
+}
 
-    .tab-group-select {
-        @apply block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md;
-    }
+.tab-active {
+    @apply border-gray-500 text-gray-900 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm;
+}
 
-    .tab-active {
-        @apply border-gray-500 text-gray-900 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm;
-    }
+.tab {
+    @apply border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm;
+}
 
-    .tab {
-        @apply border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm;
-    }
+.tab-group-container-nav {
+    @apply -mb-px flex space-x-8;
+}
 
-    .tab-group-container-nav {
-        @apply -mb-px flex space-x-8;
-    }
+.tab-group-container-hidden {
+    @apply hidden sm:block;
+}
 
-    .tab-group-container-hidden {
-        @apply hidden sm:block;
-    }
-
-    .tab-group-container {
-        @apply border-b border-gray-200;
-    }
+.tab-group-container {
+    @apply border-b border-gray-200;
+}