agroptima-design-system 0.34.7-beta.3 → 0.34.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agroptima-design-system",
-  "version": "0.34.7-beta.3",
+  "version": "0.34.7",
   "scripts": {
     "dev": "npm run storybook",
     "storybook": "storybook dev -p 6006 --ci",

package/src/atoms/Button/IconButton.scss

@@ -76,7 +76,8 @@
     }
   }
 
-  &.primary {
+  &.primary,
+  &.secondary {
     &:disabled {
       > .icon {
         > svg {
@@ -88,18 +89,4 @@
       }
     }
   }
-
-  &.secondary {
-    &:disabled {
-      > .icon {
-        > svg {
-          fill: color_alias.$neutral-white;
-          fill-opacity: 0.6;
-          path {
-            fill: color_alias.$neutral-white;
-          }
-        }
-      }
-    }
-  }
 }

package/src/atoms/CardsTable/CardsTable.scss

@@ -24,19 +24,13 @@
   border-spacing: 0 config.$space-2x;
   width: 100%;
 
-  &.is-sticky {
-    .cards-table-header {
-      position: sticky;
-      top: 60px;
-    }
-  }
-
   .cards-table-header,
   .cards-table-cell {
     vertical-align: top;
     padding: config.$space-2x config.$space-3x;
   }
 
+
   .cards-table-body .cards-table-row {
     box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
     cursor: default;
@@ -105,7 +99,7 @@
     &.with-title .cards-table-row > .cards-table-cell:first-child {
       @include typography.cards-table-list-highlight-text;
     }
-
+ 
     .cards-table-row.disabled {
       background: color_alias.$neutral-color-50;
       .cards-table-cell {
@@ -129,7 +123,7 @@
       > .cards-table-cell {
         border-color: color_alias.$primary-color-1000;
       }
-    }
+    }  
   }
 
   @media only screen and (max-width: breakpoints.$large) {

package/src/atoms/CardsTable/CardsTable.tsx

@@ -7,7 +7,6 @@ export interface CardsTableProps
   extends React.ComponentPropsWithoutRef<'table'> {
   variant?: Variant
   withTitle?: boolean
-  isSticky?: boolean
 }
 
 export function CardsTable({
@@ -15,13 +14,11 @@ export function CardsTable({
   summary,
   variant = 'primary',
   withTitle = false,
-  isSticky = false,
   children,
   ...props
 }: CardsTableProps): React.JSX.Element {
   const cssClasses = classNames('cards-table-list', variant, className, {
     'with-title': withTitle,
-    'is-sticky': isSticky,
   })
   return (
     <table summary={summary} role="table" className={cssClasses} {...props}>

package/src/atoms/TabMenu/TabMenu.scss

@@ -37,12 +37,12 @@
 
         &:hover {
           color: color_alias.$primary-color-600;
-          border-bottom: 1px solid color_alias.$primary-color-600;
+          border-bottom: 2px solid color_alias.$primary-color-600;
         }
 
         &.active {
           color: color_alias.$primary-color-600;
-          border-bottom: 2px solid color_alias.$primary-color-600;
+          border-bottom: 3px solid color_alias.$primary-color-600;
         }
 
         &.disabled {

package/src/stories/Changelog.mdx

@@ -6,8 +6,11 @@ import { Meta } from "@storybook/blocks";
 
 ## 0.34.7
 
-* Add sticky styles to CardsTable component
-* Add opacity style on IconButton secondary variant
+* Fix TabMenu hover link border
+
+## 0.34.6
+
+* Fix TabMenu active link border
 
 ## 0.34.5