@agorapulse/ui-theme 15.0.3 → 15.0.4

package/assets/style/components-custom-style/_mat-button.scss

@@ -120,7 +120,7 @@
                 color: map_get($colors-electric-blue, 100);
             }
         }
-        &:not(.mat-accent):not(.mat-primary):not(.mat-success):not(.mat-warn):not(.mat-secondary):not(.mat-facebook):not(.mat-instagram):not(.mat-linkedin):not(.mat-twitter):not(.mat-youtube):not(.active) {
+        &:not(.mat-accent):not(.mat-primary):not(.mat-success):not(.mat-warn):not(.mat-secondary):not(.mat-facebook):not(.mat-instagram):not(.mat-linkedin):not(.mat-twitter):not(.mat-youtube):not(.active):not(.locked) {
             ap-symbol {
                 color: map_get($colors-grey, 60);
             }
@@ -390,6 +390,38 @@ button.mat-stroked-button {
             color: map_get($colors-grey, 20);
         }
     }
+    &.locked {
+        background-color: map_get($colors-purple, 10);
+        border: 1px solid map_get($colors-purple, 20);
+        color: map_get($colors-purple, 100);
+        position: relative;
+
+        &:after {
+            display: block;
+            position: absolute;
+            right: -6px;
+            top: -6px;
+            height: 16px;
+            width: 16px;
+            background-color: white;
+            border-radius: 200px;
+            content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 0a12 12 0 1 0 12 12A12.015 12.014 0 0 0 12 0Zm5.34 17.693a.912.912 0 0 1-1.297 1.14l-3.852-2.168a.386.387 0 0 0-.38 0L7.96 18.833a.911.911 0 0 1-1.298-1.14l1.567-3.603a.384.384 0 0 0-.083-.43l-2.83-2.787a.85.84 0 0 1 .598-1.487h3.232a.385.385 0 0 0 .351-.223l1.685-3.628a.92.92 0 0 1 1.637 0l1.684 3.628a.386.386 0 0 0 .352.223h3.23a.851.851 0 0 1 .602 1.487l-2.829 2.787a.384.384 0 0 0-.084.43l1.567 3.603Z' fill='%236554C0'/></svg>");
+        }
+        &:hover {
+            background-color: map_get($colors-purple, 20);
+            border: 1px solid map_get($colors-purple, 40);
+        }
+        &:focus-visible {
+            background-color: map_get($colors-purple, 20);
+            border: 1px solid map_get($colors-purple, 20);
+            box-shadow: 0 0 0 1px $color-white, 0 0 0 3px map_get($colors-electric-blue, 100);
+        }
+        &:active {
+            background: map_get($colors-purple, 40);
+            border: 1px solid map_get($colors-purple, 60);
+        }
+    }
+
     @extend %ap-button;
     &.background-grey {
         background-color: $color-grey-background;
@@ -397,7 +429,7 @@ button.mat-stroked-button {
     &.background-white {
         background-color: $color-white;
     }
-    &:not([disabled]) {
+    &:not([disabled]), &:not(.locked) {
         border-color: map_get($colors-grey, 20);
         &.active {
             border-color: map_get($colors-electric-blue, 100);

package/assets/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Mar 2023 10:20:13 GMT
+ * Generated on Fri, 14 Apr 2023 09:15:49 GMT
  */
 
 :root {

package/package.json

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