fix(tag): 🐛 Fix opacity percentage (#69)

GRAPHEXT_README.md

@@ -139,4 +139,7 @@ We must take into account that the 'custom' version of this package for graphext
 ## Developing with Graphext, Storybook and Blueprint:
 
 There are some special commands on `docker-compose.yml` created to work easier with Graphext, Storybook and Blueprint.
-There is more information about it on **WORKING WITH 🔵 BLUEPRINT** section of [Storybook readme.](https://pre.graphext.com/storybook/?path=/story/design-system-how-to-use--page)
+There is more information about it on **WORKING WITH 🔵 BLUEPRINT** section of [Storybook readme.](https://pre.graphext.com/storybook/?path=/story/design-system-how-to-use--page)
+
+## Warning:
+**DO NOT USE the `%` on CSS Opacity because it breaks on Graphext build**, use instead `opacity: 0.5;` for example.

graphext-versions.json

@@ -1,8 +1,8 @@
 {
-  "@blueprintjs/core": "3.53.0-graphext38",
-  "@blueprintjs/datetime": "3.23.20-graphext38",
-  "@blueprintjs/icons": "3.32.0-graphext38",
-  "@blueprintjs/select": "3.18.12-graphext38",
-  "@blueprintjs/table": "3.9.14-graphext38",
-  "@blueprintjs/popover2": "0.13.0-graphext38"
+  "@blueprintjs/core": "3.53.0-graphext39",
+  "@blueprintjs/datetime": "3.23.20-graphext39",
+  "@blueprintjs/icons": "3.32.0-graphext39",
+  "@blueprintjs/select": "3.18.12-graphext39",
+  "@blueprintjs/table": "3.9.14-graphext39",
+  "@blueprintjs/popover2": "0.13.0-graphext39"
 }

packages/core/src/components/tag/_overrides.scss

@@ -242,7 +242,7 @@
 
     &.#{$ns}-g-disabled {
       background-color: transparent;
-      opacity: 60%;
+      opacity: 0.6;
 
       &.#{$ns}-interactive {
         cursor: pointer;
@@ -257,7 +257,7 @@
       &.#{$ns}-active,
       &:active {
         background-color: $g-light-base5;
-        opacity: 100%;
+        opacity: 1;
       }
     }
 
@@ -273,7 +273,7 @@
         &.#{$ns}-active,
         &:active {
           background-color: $g-dark-base5;
-          opacity: 100%;
+          opacity: 1;
         }
       }