@agorapulse/ui-theme 20.2.5 → 20.2.7

package/assets/desktop_variables.css

@@ -213,7 +213,7 @@
   --sys-radio-transition-duration: 250ms;
   --sys-settings-content-max-width-md: 700px;
   --sys-settings-content-max-width-lg: 1200px;
-  --sys-settings-content-internal-margin: 16px;
+  --sys-settings-content-internal-margin: 24px;
   --sys-settings-content-vertical-spacing: 16px;
   --sys-settings-content-background-color: #F9F9FA;
   --sys-settings-card-border-color: #EAECEF;

package/assets/mobile_variables.css

@@ -213,7 +213,7 @@
   --sys-radio-transition-duration: 250ms;
   --sys-settings-content-max-width-md: 700px;
   --sys-settings-content-max-width-lg: 1200px;
-  --sys-settings-content-internal-margin: 16px;
+  --sys-settings-content-internal-margin: 24px;
   --sys-settings-content-vertical-spacing: 16px;
   --sys-settings-content-background-color: #F9F9FA;
   --sys-settings-card-border-color: #EAECEF;

package/assets/style/_button-mixins.scss

@@ -194,37 +194,40 @@
 }
 
 @mixin icon-btn-color($base, $hover-bg: 10, $active-bg: 20) {
-    &:hover:not(.stroked) {
+    &:hover:not(.stroked):not(:disabled) {
         background: var(--ref-color-#{$base}-#{$hover-bg});
     }
 
-    &:active:not(.stroked) {
+    &:active:not(.stroked):not(:disabled) {
         background: var(--ref-color-#{$base}-#{$active-bg});
     }
 
     &:disabled {
+        border-color: var(--ref-color-#{$base}-20);
         ap-symbol {
             color: var(--ref-color-#{$base}-20);
         }
     }
 
+
     ap-symbol {
         color: var(--ref-color-#{$base}-100);
     }
 }
 
 @mixin icon-btn-stroked-color($base) {
-    &:not(.loading):not(.locked) {
+    &:not(.loading):not(.locked):not(:disabled) {
         border-color: var(--ref-color-#{$base}-100);
 
-        &:hover:not(.locked) {
+        &:hover:not(.locked):not(:disabled) {
             border-color: var(--ref-color-#{$base}-60);
         }
 
-        &:active:not(.locked) {
+        &:active:not(.locked):not(:disabled) {
             border-color: var(--ref-color-#{$base}-100);
         }
     }
+
     &:disabled {
         border-color: var(--ref-color-#{$base}-20);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agorapulse/ui-theme",
-  "version": "20.2.5",
+  "version": "20.2.7",
   "description": "Agorapulse UI Theme Library",
   "repository": {
     "type": "git",

package/src/tokens/system/settings.json

@@ -12,7 +12,7 @@
                 },
                 "internal": {
                     "margin": {
-                        "value": "{ref.spacing.sm}"
+                        "value": "{ref.spacing.md}"
                     }
                 },
                 "vertical": {