@agorapulse/ui-theme 15.0.28 → 15.0.30

package/assets/desktop_variables.css

@@ -298,7 +298,7 @@
   --comp-link-standalone-default-text-style-line-height: 18px;
   --comp-link-standalone-small-text-style-font-family: Averta;
   --comp-link-standalone-small-text-style-size: 12px;
-  --comp-link-standalone-small-text-style-font-weight: 400;
+  --comp-link-standalone-small-text-style-font-weight: 700;
   --comp-link-standalone-small-text-style-line-height: 16px;
   --comp-link-default-color: #178DFE;
   --comp-link-hover-color: #3A9EFE;

package/assets/mobile_variables.css

@@ -298,7 +298,7 @@
   --comp-link-standalone-default-text-style-line-height: 18px;
   --comp-link-standalone-small-text-style-font-family: Averta;
   --comp-link-standalone-small-text-style-size: 12px;
-  --comp-link-standalone-small-text-style-font-weight: 400;
+  --comp-link-standalone-small-text-style-font-weight: 700;
   --comp-link-standalone-small-text-style-line-height: 16px;
   --comp-link-default-color: #178DFE;
   --comp-link-hover-color: #3A9EFE;

package/assets/style/_colors.scss

@@ -28,13 +28,13 @@ $colors-grey: (
 
 $colors-orange: (
     110: #ff4d00,
-    105: #FF560D,
+    105: #ff560d,
     100: #ff6726,
-    85 : #ff7e46,
+    85: #ff7e46,
     60: #ffa47d,
     40: #ffc2a8,
     20: #ffe1d4,
-    10: #ffefe9
+    10: #ffefe9,
 );
 
 $colors-soft-orange: (
@@ -45,7 +45,7 @@ $colors-soft-orange: (
     40: #fde199,
     20: #fef0cc,
     10: #fff8e6,
-    5: #fffef2
+    5: #fffef2,
 );
 
 $colors-electric-blue: (
@@ -56,45 +56,45 @@ $colors-electric-blue: (
     40: #a2d1ff,
     20: #d1e8ff,
     10: #e8f4ff,
-    5: #f3f9ff
+    5: #f3f9ff,
 );
 
 $colors-soft-blue: (
     100: #61a4e4,
-    85 : #78b1e8,
+    85: #78b1e8,
     60: #a0c8ef,
     40: #c0dbf4,
     20: #dfedfa,
-    10: #eff5fc
+    10: #eff5fc,
 );
 
 $colors-menthol: (
     150: #057e7a,
     40: #9fd9d6,
-    10: #f1f9f8
+    10: #f1f9f8,
 );
 
 $colors-purple: (
     100: #6554c0,
-    85 : #7c6dc9,
+    85: #7c6dc9,
     60: #a398d9,
     40: #c1bbe6,
     20: #e0ddf2,
-    10: #efedf8
+    10: #efedf8,
 );
 
 $colors-green: (
-    100: #45B854,
+    100: #45b854,
     85: #61c26d,
     60: #8fd498,
     40: #b5e3bb,
     20: #daf1dd,
     10: #ecf7ed,
-    5: #f2f7f3
+    5: #f2f7f3,
 );
 
 $colors-primary: (
-    50:  #fff7f3,
+    50: #fff7f3,
     100: #ffeae0,
     200: #ffcab3,
     300: #ffa680,
@@ -123,7 +123,7 @@ $colors-primary: (
         A200: black,
         A400: black,
         A700: black,
-    )
+    ),
 );
 
 $colors-accent: (
@@ -156,33 +156,33 @@ $colors-accent: (
         A200: black,
         A400: black,
         A700: $white-87-opacity,
-    )
+    ),
 );
 
 $colors-red: (
-    100: #E81313,
-    85: #EB3636,
-    60: #F17171,
-    40: #F6A1A1,
-    20: #FAD0D0,
-    10: #FDE7E7,
-    5: #FDF5F5
+    100: #e81313,
+    85: #eb3636,
+    60: #f17171,
+    40: #f6a1a1,
+    20: #fad0d0,
+    10: #fde7e7,
+    5: #fdf5f5,
 );
 
 $colors-soft-red: (
     100: #ff5353,
     85: #ff6d6d,
     60: #ff9898,
-    10: #fff9f9
+    10: #fff9f9,
 );
 
 $colors-yellow: (
-    100: #FFE91F,
-    85: #FFEC41,
-    60: #FFF279,
-    40: #FFF6A5,
-    20: #FFFBD2,
-    10: #FFFDE9
+    100: #ffe91f,
+    85: #ffec41,
+    60: #fff279,
+    40: #fff6a5,
+    20: #fffbd2,
+    10: #fffde9,
 );
 
 $colors-warn: (
@@ -215,7 +215,7 @@ $colors-warn: (
         A200: black,
         A400: $white-87-opacity,
         A700: $white-87-opacity,
-    )
+    ),
 );
 
 // Primary colors
@@ -234,19 +234,19 @@ $color-blue-grey: #8d98a9;
 $color-silver: #ced0da;
 $color-pale-grey: #dfe3e9;
 $color-grey-white: #f5f7f8;
-$color-queued: #8C50CF;
+$color-queued: #8c50cf;
 $color-approve: #f4bd49; //mat.get-color-from-palette($ap-orange, 500);
 $color-alice-blue: #f3f9ff;
 
 // Colors of 2021 Agorapulse Website
-$color-peach: #FFF9F4;
-$color-blue-sky: #F5FDFF;
-$color-very-light-blue: #F6F8FF;
-$color-very-light-orange: #FFF7F3;
-$color-very-light-green: #F3FAFF;
+$color-peach: #fff9f4;
+$color-blue-sky: #f5fdff;
+$color-very-light-blue: #f6f8ff;
+$color-very-light-orange: #fff7f3;
+$color-very-light-green: #f3faff;
 
 // Grey dark max
-$color-grey-dark-max: #212E44;
+$color-grey-dark-max: #212e44;
 
 $state-light-orange: #ffe2b3;
 //$state-light-transparent-orange: #fff1da;
@@ -254,14 +254,14 @@ $state-light-orange: #ffe2b3;
 $color-black: #344563;
 $color-cool-grey: #b4bbc6;
 $color-grey-blue: #68768c;
-$color-blue-link: #499EFF;
+$color-blue-link: #499eff;
 
 $color-white: #ffffff;
 
-$color-grey-background: #F9F9FA;
+$color-grey-background: #f9f9fa;
 
 // Social networks colors
-$color-facebook: #1877f2;
+$color-facebook: #0866ff;
 $color-google: #4e85e8;
 $color-instagram: #e1306c;
 $color-instagrammagenta: #c13584;
@@ -297,46 +297,46 @@ $ap-colors: (
     'pinkish-orange': $color-pinkish-orange,
     'charcoal-grey': $color-charcoal-grey,
     'azure': $color-azure,
-    'light-azure':$color-light-azure,
-    'blue-grey':$color-blue-grey,
+    'light-azure': $color-light-azure,
+    'blue-grey': $color-blue-grey,
     'silver': $color-silver,
     //'middle-grey':$state-disabled,
-    'pale-grey':$color-pale-grey,
-    'grey-white':$color-grey-white,
-    'cool-grey':$color-cool-grey,
-    'black':$color-black,
-    'grey-blue':$color-grey-blue,
-    'strawberry':$color-strawberry,
-    'light-strawberry':$color-light-strawberry,
-    'white':$color-white,
-    'cool-green':$color-cool-green,
-    'light-green':$color-light-green,
+    'pale-grey': $color-pale-grey,
+    'grey-white': $color-grey-white,
+    'cool-grey': $color-cool-grey,
+    'black': $color-black,
+    'grey-blue': $color-grey-blue,
+    'strawberry': $color-strawberry,
+    'light-strawberry': $color-light-strawberry,
+    'white': $color-white,
+    'cool-green': $color-cool-green,
+    'light-green': $color-light-green,
     'transparent': transparent,
 
-    'c0': #A566A5,
-    'c1': #C7AB82,
-    'c2': #F2713C,
-    'c3': #FFD006,
-    'c4': #94C5AA,
-    'c5': #2A9D8F,
-    'c6': #78ACD8,
-    'c7': #525A9E,
-    'c8': #6A2459,
-    'c9': #74729E,
+    'c0': #a566a5,
+    'c1': #c7ab82,
+    'c2': #f2713c,
+    'c3': #ffd006,
+    'c4': #94c5aa,
+    'c5': #2a9d8f,
+    'c6': #78acd8,
+    'c7': #525a9e,
+    'c8': #6a2459,
+    'c9': #74729e,
 );
 
 // Utility class for colors
 @each $key, $value in $ap-colors {
-    [color="#{$key}"] {
+    [color='#{$key}'] {
         color: $value;
     }
-    [bgcolor="#{$key}"] {
+    [bgcolor='#{$key}'] {
         background-color: $value;
     }
-    [hcolor="#{$key}"]:hover {
+    [hcolor='#{$key}']:hover {
         background-color: $value;
     }
-    [border="#{$key}"] {
+    [border='#{$key}'] {
         border: 1px solid $value;
     }
 }

package/package.json

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

package/src/tokens/components/link.json

@@ -74,16 +74,16 @@
                     "text": {
                         "style": {
                             "font-family": {
-                                "value": "{sys.text.style.caption.font-family}"
+                                "value": "{sys.text.style.captionBold.font-family}"
                             },
                             "size": {
-                                "value": "{sys.text.style.caption.size}"
+                                "value": "{sys.text.style.captionBold.size}"
                             },
                             "font-weight": {
-                                "value": "{sys.text.style.caption.weight}"
+                                "value": "{sys.text.style.captionBold.weight}"
                             },
                             "line-height": {
-                                "value": "{sys.text.style.caption.line-height}"
+                                "value": "{sys.text.style.captionBold.line-height}"
                             }
                         }
                     }