@dev-tcloud/tcloud-ui 5.0.4 → 5.1.0

package/public-api.d.ts

@@ -1,84 +1,110 @@
-export * from './lib/tcloud-ui.module';
 export * from './lib/tcloud-ui.config';
-export * from './lib/_modules/tcloud-ui-modal/tcloud-ui-modal.module';
-export * from './lib/_modules/tcloud-ui-modal/tcloud-ui-modal.component';
-export * from './lib/_modules/tcloud-ui-modal/components/tcloud-ui-modal-header/tcloud-ui-modal-header.component';
+export * from './lib/tcloud-ui.module';
 export * from './lib/_modules/tcloud-ui-modal/components/tcloud-ui-modal-body/tcloud-ui-modal-body.component';
 export * from './lib/_modules/tcloud-ui-modal/components/tcloud-ui-modal-footer/tcloud-ui-modal-footer.component';
-export * from './lib/_modules/tcloud-ui-tab-menu/tcloud-ui-tab-menu.module';
-export * from './lib/_modules/tcloud-ui-tab-menu/tcloud-ui-tab-menu.component';
+export * from './lib/_modules/tcloud-ui-modal/components/tcloud-ui-modal-header/tcloud-ui-modal-header.component';
+export * from './lib/_modules/tcloud-ui-modal/tcloud-ui-modal.component';
+export * from './lib/_modules/tcloud-ui-modal/tcloud-ui-modal.module';
 export * from './lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-content/tcloud-ui-tab-content.component';
 export * from './lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component';
 export * from './lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-subtitle/tcloud-ui-tab-subtitle.component';
 export * from './lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-title/tcloud-ui-tab-title.component';
-export * from './lib/_modules/tcloud-ui-linha-logo/tcloud-ui-linha-logo.module';
+export * from './lib/_modules/tcloud-ui-tab-menu/tcloud-ui-tab-menu.component';
+export * from './lib/_modules/tcloud-ui-tab-menu/tcloud-ui-tab-menu.module';
 export * from './lib/_modules/tcloud-ui-linha-logo/tcloud-ui-linha-logo.component';
-export * from './lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.module';
+export * from './lib/_modules/tcloud-ui-linha-logo/tcloud-ui-linha-logo.module';
 export * from './lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.component';
-export * from './lib/_modules/tcloud-ui-multi-select/tcloud-ui-multi-select.module';
+export * from './lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.module';
 export * from './lib/_modules/tcloud-ui-multi-select/tcloud-ui-multi-select.component';
-export * from './lib/_modules/tcloud-ui-data-list/tcloud-ui-data-list.module';
-export * from './lib/_modules/tcloud-ui-data-list/tcloud-ui-data-list.component';
+export * from './lib/_modules/tcloud-ui-multi-select/tcloud-ui-multi-select.module';
 export * from './lib/_modules/tcloud-ui-data-list/tcloud-ui-data-list-option/tcloud-ui-data-list-option.component';
-export * from './lib/_modules/tcloud-ui-multi-input/tcloud-ui-multi-input.module';
+export * from './lib/_modules/tcloud-ui-data-list/tcloud-ui-data-list.component';
+export * from './lib/_modules/tcloud-ui-data-list/tcloud-ui-data-list.module';
 export * from './lib/_modules/tcloud-ui-multi-input/tcloud-ui-multi-input.component';
-export * from './lib/_modules/tcloud-ui-choice-issues/tcloud-ui-choice-issues.module';
+export * from './lib/_modules/tcloud-ui-multi-input/tcloud-ui-multi-input.module';
 export * from './lib/_modules/tcloud-ui-choice-issues/tcloud-ui-choice-issues.component';
-export * from './lib/_modules/tcloud-ui-input-search/tcloud-ui-input-search.module';
+export * from './lib/_modules/tcloud-ui-choice-issues/tcloud-ui-choice-issues.module';
 export * from './lib/_modules/tcloud-ui-input-search/tcloud-ui-input-search.component';
-export * from './lib/_modules/tcloud-ui-not-found/tcloud-ui-not-found.module';
+export * from './lib/_modules/tcloud-ui-input-search/tcloud-ui-input-search.module';
 export * from './lib/_modules/tcloud-ui-not-found/tcloud-ui-not-found.component';
-export * from './lib/_modules/tcloud-ui-table/tcloud-ui-table.module';
+export * from './lib/_modules/tcloud-ui-not-found/tcloud-ui-not-found.module';
 export * from './lib/_modules/tcloud-ui-table/tcloud-ui-table.component';
-export * from './lib/_modules/tcloud-ui-number-step/tcloud-ui-number-step.module';
+export * from './lib/_modules/tcloud-ui-table/tcloud-ui-table.module';
 export * from './lib/_modules/tcloud-ui-number-step/tcloud-ui-number-step.component';
-export * from './lib/_modules/tcloud-ui-scroll-box/tcloud-ui-scroll-box.module';
+export * from './lib/_modules/tcloud-ui-number-step/tcloud-ui-number-step.module';
 export * from './lib/_modules/tcloud-ui-scroll-box/tcloud-ui-scroll-box.component';
+export * from './lib/_modules/tcloud-ui-scroll-box/tcloud-ui-scroll-box.module';
+export * from './lib/_modules/tcloud-ui-filters/components/range-date/range-date.component';
 export * from './lib/_modules/tcloud-ui-filters/tcloud-ui-filters';
-export * from './lib/_modules/tcloud-ui-filters/tcloud-ui-filters.module';
 export * from './lib/_modules/tcloud-ui-filters/tcloud-ui-filters.component';
-export * from './lib/_modules/tcloud-ui-filters/components/range-date/range-date.component';
-export * from './lib/_modules/tcloud-ui-accordion/tcloud-ui-accordion.module';
-export * from './lib/_modules/tcloud-ui-accordion/tcloud-ui-accordion.component';
-export * from './lib/_modules/tcloud-ui-accordion/components/tcloud-ui-accordion-title/tcloud-ui-accordion-title.component';
+export * from './lib/_modules/tcloud-ui-filters/tcloud-ui-filters.module';
 export * from './lib/_modules/tcloud-ui-accordion/components/tcloud-ui-accordion-body/tcloud-ui-accordion-body.component';
-export * from './lib/_modules/tcloud-ui-datepicker/tcloud-ui-datepicker.module';
+export * from './lib/_modules/tcloud-ui-accordion/components/tcloud-ui-accordion-title/tcloud-ui-accordion-title.component';
+export * from './lib/_modules/tcloud-ui-accordion/tcloud-ui-accordion.component';
+export * from './lib/_modules/tcloud-ui-accordion/tcloud-ui-accordion.module';
 export * from './lib/_modules/tcloud-ui-datepicker/tcloud-ui-datepicker.component';
-export * from './lib/_modules/tcloud-ui-datepicker-time/tcloud-ui-datepicker-time.module';
+export * from './lib/_modules/tcloud-ui-datepicker/tcloud-ui-datepicker.module';
 export * from './lib/_modules/tcloud-ui-datepicker-time/tcloud-ui-datepicker-time.component';
-export * from './lib/_modules/tcloud-ui-multiples-values/tcloud-ui-multiples-values.module';
+export * from './lib/_modules/tcloud-ui-datepicker-time/tcloud-ui-datepicker-time.module';
 export * from './lib/_modules/tcloud-ui-multiples-values/tcloud-ui-multiples-values.component';
-export * from './lib/_modules/tcloud-ui-welcome/tcloud-ui-welcome.module';
+export * from './lib/_modules/tcloud-ui-multiples-values/tcloud-ui-multiples-values.module';
 export * from './lib/_modules/tcloud-ui-welcome/tcloud-ui-welcome.component';
-export * from './lib/_modules/tcloud-ui-input-password/tcloud-ui-input-password.module';
+export * from './lib/_modules/tcloud-ui-welcome/tcloud-ui-welcome.module';
 export * from './lib/_modules/tcloud-ui-input-password/tcloud-ui-input-password.component';
-export * from './lib/_modules/tcloud-ui-progress-bar/tcloud-ui-progress-bar.module';
+export * from './lib/_modules/tcloud-ui-input-password/tcloud-ui-input-password.module';
 export * from './lib/_modules/tcloud-ui-progress-bar/tcloud-ui-progress-bar.component';
-export * from './lib/_modules/tcloud-ui-loading/tcloud-ui-loading.module';
-export * from './lib/_modules/tcloud-ui-loading/tcloud-ui-loading.component';
+export * from './lib/_modules/tcloud-ui-progress-bar/tcloud-ui-progress-bar.module';
 export * from './lib/_modules/tcloud-ui-loading/components/tcloud-ui-cubes/tcloud-ui-cubes.component';
+export * from './lib/_modules/tcloud-ui-loading/tcloud-ui-loading.component';
+export * from './lib/_modules/tcloud-ui-loading/tcloud-ui-loading.module';
 export * from './lib/_modules/tcloud-ui-reorder-items/tcloud-ui-reorder-items';
 export * from './lib/_modules/tcloud-ui-reorder-items/tcloud-ui-reorder-items.component';
 export * from './lib/_modules/tcloud-ui-reorder-items/tcloud-ui-reorder-items.module';
-export * from './lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.module';
 export * from './lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.component';
+export * from './lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.module';
 export * from './lib/_modules/tcloud-ui-line-step-title/tcloud-ui-line-step-title';
 export * from './lib/_modules/tcloud-ui-line-step-title/tcloud-ui-line-step-title.component';
 export * from './lib/_modules/tcloud-ui-line-step-title/tcloud-ui-line-step-title.module';
-export * from './lib/_directives/directives.module';
-export * from './lib/_directives/tooltip/tooltip.directive';
 export * from './lib/_directives/align/align.directive';
-export * from './lib/_directives/hover-parent/hover-parent.directive';
-export * from './lib/_directives/el-copy/el-copy.directive';
 export * from './lib/_directives/currency/currency.directive';
+export * from './lib/_directives/directives.module';
+export * from './lib/_directives/el-copy/el-copy.directive';
+export * from './lib/_directives/hover-parent/hover-parent.directive';
 export * from './lib/_directives/tcloud-access/tcloud-ui-check-access.directive';
 export * from './lib/_directives/tcloud-access/tcloud-ui-ng-check-access.directive';
 export * from './lib/_directives/tcloud-access/tcloud-ui-ng-feature-flags.directive';
 export * from './lib/_directives/tcloud-ui-digit-only.directive';
 export * from './lib/_directives/tcloud-ui-highlight.diretive';
 export * from './lib/_directives/tcloud-ui-ip-mask.directive';
-export * from './lib/_pipes/tcloud-pipes.module';
+export * from './lib/_directives/tooltip/tooltip.directive';
 export * from './lib/_pipes/index';
+export * from './lib/_pipes/tcloud-pipes.module';
 export * from './lib/_services/loading-transitions.service';
 export * from './lib/_services/search-in-object.service';
 export * from './lib/_services/tcloud-ui-check-access.service';
+export * from './lib/revitalizacao/components/tc-rev-button/tc-rev-button.directive';
+export * from './lib/revitalizacao/components/tc-rev-calendar/tc-rev-calendar.component';
+export * from './lib/revitalizacao/components/tc-rev-card-title/tc-rev-card-title.component';
+export * from './lib/revitalizacao/components/tc-rev-card/tc-rev-card.component';
+export * from './lib/revitalizacao/components/tc-rev-components.module';
+export * from './lib/revitalizacao/components/tc-rev-dropdown-multi-level/tc-rev-dropdown-multi-level.component';
+export * from './lib/revitalizacao/components/tc-rev-dropdown/tc-rev-dropdown.component';
+export * from './lib/revitalizacao/components/tc-rev-empty-content/tc-rev-empty-content.component';
+export * from './lib/revitalizacao/components/tc-rev-faq/tc-rev-faq.component';
+export * from './lib/revitalizacao/components/tc-rev-icon-button/tc-rev-icon-button.directive';
+export * from './lib/revitalizacao/components/tc-rev-input-container/tc-rev-input-container.component';
+export * from './lib/revitalizacao/components/tc-rev-input/tc-rev-input.directive';
+export * from './lib/revitalizacao/components/tc-rev-loading/tc-rev-loading.component';
+export * from './lib/revitalizacao/components/tc-rev-message/tc-rev-message.component';
+export * from './lib/revitalizacao/components/tc-rev-multi-input/tc-rev-multi-input.component';
+export * from './lib/revitalizacao/components/tc-rev-pagination/tc-rev-pagination.component';
+export * from './lib/revitalizacao/components/tc-rev-search-input/tc-rev-search-input.component';
+export * from './lib/revitalizacao/components/tc-rev-side-drawer/tc-rev-side-drawer.component';
+export * from './lib/revitalizacao/components/tc-rev-slide-toggle/tc-rev-slide-toggle.directive';
+export * from './lib/revitalizacao/components/tc-rev-tab-group/tc-rev-tab-group.component';
+export * from './lib/revitalizacao/components/tc-rev-tab-group/tc-rev-tab-item/tc-rev-tab-item.component';
+export * from './lib/revitalizacao/components/tc-rev-tag/tag-colors.enum';
+export * from './lib/revitalizacao/components/tc-rev-tag/tc-rev-tag.component';
+export * from './lib/revitalizacao/components/tc-rev-toast/tc-rev-toast.component';
+export * from './lib/revitalizacao/components/tc-sub-navbar/component/tc-sub-navbar-item/tc-sub-navbar-item.component';
+export * from './lib/revitalizacao/components/tc-sub-navbar/tc-sub-navbar.component';

package/scss/tcloud-revitalizacao/_tc-rev-border.scss

@@ -90,4 +90,4 @@ $borders-config: (
 .bor-dashed
 {
     border-style: dashed;
-}
+}

package/scss/tcloud-revitalizacao/_tc-rev-colors.scss

@@ -71,4 +71,3 @@ $colors: (
     }
   }
 }
-  

package/scss/tcloud-revitalizacao/_tc-rev-sizes.scss

@@ -27,6 +27,7 @@
     --size-48: 3rem;
     --size-52: 3.25rem;
     --size-56: 3.5rem;
+    --size-58: 3.625rem;
     --size-60: 3.75rem;
     --size-64: 4rem;
     --size-68: 4.25rem;
@@ -93,7 +94,7 @@ $sizes: (
         padding-top: $value;
         padding-bottom: $value;
     }
-    
+
     .pad-x-#{$size}
     {
         padding-left: $value;
@@ -130,7 +131,7 @@ $sizes: (
         margin-top: $value;
         margin-bottom: $value;
     }
-    
+
     .mar-x-#{$size}
     {
         margin-left: $value;
@@ -156,4 +157,4 @@ $sizes: (
     {
         margin-bottom: $value;
     }
-}
+}

package/scss/tcloud-revitalizacao/_tc-rev-themes.scss

@@ -1,14 +1,14 @@
 :root
 {
     --c-neutral-50: #FFFFFF;
-    --c-neutral-100: #FAFAFA;
+    --c-neutral-100: #F2F6F9;
     --c-neutral-200: #EEEEEE;
-    --c-neutral-300: #D2D2D2;
-    --c-neutral-400: #CED4DA;
+    --c-neutral-300: #CED4DA;
+    --c-neutral-400: #BAC0C6;
     --c-neutral-500: #5E5E5E;
-    --c-neutral-600: #6C757D;
-    --c-neutral-700: #495057;
-    --c-neutral-800: #363636;
+    --c-neutral-600: #363636;
+    --c-neutral-700: #000000;
+    --c-neutral-800: #000000;
     --c-neutral-900: #000000;
     --c-primary-300: #EAF9FF;
     --c-primary-400: #75D8FF;
@@ -36,4 +36,4 @@
         --c-primary-600: #3A24B7;
         --c-primary-700: #190D7A;
     }
-}
+}

package/scss/tcloud-revitalizacao/_tc-rev-typography.scss

@@ -89,7 +89,7 @@ $font-weight:
   ("name": "f-weight-regular", "weight": 400),
   ("name": "f-weight-semibold", "weight": 700),
   ("name": "f-weight-black", "weight": 900);
-  
+
 @each $font in $font-weight
 {
     .#{map.get($font, 'name')}

package/scss/tcloud-revitalizacao/components/_tc-rev-ag-grid-table.scss

@@ -0,0 +1,76 @@
+// ============================
+// AG Grid Styles 
+// ============================
+
+// Custom Material Theme
+.ag-theme-material {
+  --ag-background-color: var(--c-neutral-50);
+  --ag-header-background-color: var(--c-neutral-100); 
+  --ag-header-foreground-color: var(--c-neutral-700); 
+  --ag-foreground-color: var(--c-neutral-700);
+  --ag-row-border-color: var(--c-neutral-300);
+  --ag-font-size: var(--size-14);
+  --ag-font-family: var(--f-family);
+
+  // ============================
+  // Table style 
+  // ============================
+  &.tc-rev-ag-grid-table {
+    width: 100%;
+    border: 1px solid var(--c-neutral-300);
+    border-radius: 8px 8px 8px 8px;
+    overflow: hidden;
+    font-size: var(--size-14);
+
+    .ag-header {
+      background-color: #F2F6F9;
+      border-bottom: 1px solid var(--c-neutral-300);
+
+      .ag-header-cell-text {
+        font-weight: 900;
+      }
+
+      .ag-header-cell {
+        padding: 12px 16px;
+        font-weight: 900;
+        color: var(--c-neutral-700);
+        border-right: none;
+        background-color: var(--c-neutral-100);
+        border-radius: 8px 8px 8px 8px;
+
+        &:hover {
+          background-color: var(--c-neutral-50);
+        }
+      }
+    }
+    .ag-row {
+      background: var(--c-neutral-50);
+      border-bottom: 1px solid var(--c-neutral-300);
+
+      &:hover {
+        background-color: var(--c-neutral-50);
+      }
+
+      .ag-cell {
+        padding: 12px 16px;
+        line-height: 22px;
+        border-right: none;
+        color: var(--c-neutral-700);
+        font-size: var(--size-14);
+
+        &:last-child {
+          text-align: left;
+        }
+      }
+    }
+
+    .ag-row-odd, 
+    .ag-row-even {
+      background-color: var(--c-neutral-50) !important;
+    }
+
+    .ag-row-selected {
+      background-color: var(--c-neutral-50) !important;
+    }
+  }
+}

package/scss/tcloud-revitalizacao/components/_tc-rev-button.scss

@@ -1,7 +1,6 @@
 @use 'sass:map';
 
-.tc-rev-btn--sm
-{
+.tc-rev-btn {
   align-items: center;
   border-color: transparent;
   border-width: var(--bor-size-xs);
@@ -9,62 +8,109 @@
   border-radius: var(--bor-radius-pill);
   cursor: pointer;
   display: inline-flex;
+  font-family: var(--f-family);
   font-size: var(--f-size-14);
   font-weight: var(--f-weight-600);
   gap: var(--size-8);
   justify-content: center;
   line-height: var(--l-height-24);
-  height: var(--size-38);
-  max-height: var(--size-38);
-  min-height: var(--size-38);
+  height: var(--size-40);
+  max-height: var(--size-40);
+  min-height: var(--size-40);
+  // min-width: 6.75rem;
   padding: 0 var(--size-8);
   transition: all 200ms ease;
+
+  &--full-width {
+    width: 100%;
+  }
+
+  &-icon {
+    height: var(--size-40);
+    max-height: var(--size-40);
+    min-height: var(--size-40);
+    width: var(--size-40);
+    max-width: var(--size-40);
+    min-width: var(--size-40);
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:disabled
+  {
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--c-neutral-600);
+    cursor: not-allowed;
+  }
+}
+
+.tc-rev-btn--sm
+{
+  @extend .tc-rev-btn;
+  font-size: var(--f-size-14);
+  font-weight: var(--f-weight-600);
+  height: var(--size-40);
+  max-height: var(--size-40);
+  min-height: var(--size-40);
+  padding: 0 var(--size-8);
+  // min-width: 6.75rem;
+
+  &-icon {
+    height: var(--size-40);
+    max-height: var(--size-40);
+    min-height: var(--size-40);
+    width: var(--size-40);
+    max-width: var(--size-40);
+    min-width: var(--size-40);
+  }
 }
 
 .tc-rev-btn--md
 {
-  align-items: center;
-  border-color: transparent;
-  border-width: var(--bor-size-xs);
-  border-style: solid;
-  border-radius: var(--bor-radius-pill);
-  cursor: pointer;
-  display: inline-flex;
+  @extend .tc-rev-btn;
   font-size: var(--f-size-16);
-  font-weight: var(--f-weight-600);
-  gap: var(--size-8);
-  justify-content: center;
-  line-height: var(--l-height-24);
-  height: var(--size-58);
-  max-height: var(--size-58);
-  min-height: var(--size-58);
+  height: var(--size-56);
+  max-height: var(--size-56);
+  min-height: var(--size-56);
   padding: 0 var(--size-16);
-  transition: all 200ms ease;
+  // min-width: 8.5rem;
+
+  &-icon {
+    height: var(--size-56);
+    max-height: var(--size-56);
+    min-height: var(--size-56);
+    width: var(--size-56);
+    max-width: var(--size-56);
+    min-width: var(--size-56);
+  }
 }
 
 .tc-rev-btn--lg
 {
-  align-items: center;
-  border-color: transparent;
-  border-width: var(--bor-size-xs);
-  border-style: solid;
-  border-radius: var(--bor-radius-pill);
-  cursor: pointer;
-  display: inline-flex;
-  font-size: var(--f-size-16);
-  font-weight: var(--f-weight-600);
-  height: var(--size-74);
-  gap: var(--size-8);
-  justify-content: center;
-  line-height: var(--l-height-24);
-  max-height: var(--size-74);
-  min-height: var(--size-74);
+  @extend .tc-rev-btn;
+  font-size: var(--f-size-18);
+  height: var(--size-72);
+  max-height: var(--size-72);
+  min-height: var(--size-72);
   padding: 0 var(--size-24);
-  transition: all 200ms ease;
+  // min-width: 9.5rem;
+
+  &-icon {
+    height: var(--size-72);
+    max-height: var(--size-72);
+    min-height: var(--size-72);
+    width: var(--size-72);
+    max-width: var(--size-72);
+    min-width: var(--size-72);
+  }
 }
 
 $btn-by-colors:
   ("class": "tc-rev-btn--primary-filled", "b-color": var(--c-primary-500), "bg-color": var(--c-primary-500), "color": var(--c-neutral-50), "bg-hover": var(--c-primary-600)),
+  ("class": "tc-rev-btn--success-filled", "b-color": var(--c-success-500), "bg-color": var(--c-success-500), "color": var(--c-neutral-50), "bg-hover": var(--c-success-500)),
   ("class": "tc-rev-btn--light-filled", "b-color": var(--c-neutral-50), "bg-color": var(--c-neutral-50), "color": var(--c-primary-500), "bg-hover": var(--c-neutral-50)),
   ("class": "tc-rev-btn--dark-filled", "b-color": var(--c-neutral-900), "bg-color": var(--c-neutral-900), "color": var(--c-neutral-50), "bg-hover": var(--c-neutral-600)),
   ("class": "tc-rev-btn--danger-filled", "b-color": var(--c-danger-500), "bg-color": var(--c-danger-500), "color": var(--c-neutral-50), "bg-hover": var(--c-danger-500));
@@ -82,7 +128,7 @@ $btn-by-colors:
       color: map.get($btn-color, 'color');
     }
 
-    &:hover 
+    &:hover
     {
       background-color: map.get($btn-color, 'bg-hover');
       color: map.get($btn-color, 'color');
@@ -118,7 +164,7 @@ $btn-by-colors-by-outline:
       color: map.get($btn-color, 'color');
     }
 
-    &:hover 
+    &:hover
     {
       background-color: map.get($btn-color, 'bg-hover');
       color: map.get($btn-color, 'c-hover');
@@ -156,7 +202,7 @@ $btn-by-colors-by-link:
       color: map.get($btn-color, 'color');
     }
 
-    &:hover 
+    &:hover
     {
       color: map.get($btn-color, 'c-hover');
     }
@@ -169,4 +215,4 @@ $btn-by-colors-by-link:
       cursor: not-allowed;
     }
   }
-}
+}