@woosmap/ui 4.71.0 → 4.73.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.71.0",
+  "version": "4.73.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Tab/Tab.js

@@ -39,13 +39,13 @@ export default class Tab extends Component {
 
     renderHeader(childrenOfTab) {
         return Children.toArray(childrenOfTab).map((childTab, index) => {
-            const { title, icon, iconSize, className } = childTab.props;
+            const { title, icon, iconSize, className, disabled } = childTab.props;
             const { type, testId } = this.props;
             const btnType = !type || undefined ? 'tab' : `tab--${type}`;
             return (
                 <li key={`header_${title}`}>
                     <Button
-                        onClick={() => this.onSelect(title)}
+                        onClick={() => !disabled && this.onSelect(title)}
                         active={this.isActive(title, index)}
                         type={btnType}
                         className={cl(className)}
@@ -53,6 +53,7 @@ export default class Tab extends Component {
                         icon={icon}
                         iconSize={iconSize}
                         testId={`${testId}-header-button`}
+                        disabled={disabled}
                     />
                 </li>
             );

package/src/styles/console/button.styl

@@ -500,7 +500,11 @@
 		.btn__label
 			ellipsis()
 		&:disabled
-			color $secondary-medium40
+			color $secondary
+			&:hover
+				color $secondary
+				&:after
+					content unset
 			&.active
 				color $secondary
 				background-image url('../../images/texture.png')
@@ -619,23 +623,17 @@
 					stroke $light
 	&--notification
 		position relative
-		padding 0 .6rem !important
-		.icon
-			margin 0 !important
 		.btn__label
-			sq(1.7)
-			br(50)
-			textShadow()
-			border .1rem solid darken($success2, 20%)
-			display flex
-			align-items center
-			justify-content center
-			background-color $success2
-			font-size $fontSizeSmall
-			position absolute
-			color $light
-			top -.85rem
-			right -.85rem
+			position relative
+			&:before
+				content ''
+				position absolute
+				top 0
+				right -.8rem
+				width .8rem
+				height .8rem
+				background-color $warning
+				br(5)
 	&--demo
 		&.btn.btn--primary
 			background-color $demo