@sysvale/cuida 3.0.0-beta.1 → 3.0.0-beta.3

package/dist/@sysvale/tokens.scss

@@ -25,6 +25,8 @@ $border-radius: map-merge(
 
 $bg-gradient: 158.71deg, #FFFFFF -36.57%, #F1F5FB 156.92%;
 
+$appbar-color: #576169;
+
 $n-0: #ffffff;
 $n-10: #FAFCFE;
 $n-20: #F4F8FB;
@@ -297,6 +299,7 @@ $baseColors: (
 	'orange': $og-400,
 	'amber': $al-400,
 	'dark': $n-600,
+	'gray': $n-30,
 	'white': $n-0,
 );
 
@@ -311,6 +314,7 @@ $disabledColors: (
 	'orange': $og-300,
 	'amber': $al-300,
 	'dark': $n-400,
+	'gray': $n-10,
 	'white': $n-0,
 );
 
@@ -325,6 +329,7 @@ $mutedColors: (
 	'orange': $og-200,
 	'amber': $al-200,
 	'dark': $n-200,
+	'gray': $n-20,
 	'white': $n-0,
 );
 
@@ -339,6 +344,7 @@ $hoverColors: (
 	'orange': $og-500,
 	'amber': $al-500,
 	'dark': $n-700,
+	'gray': $n-50,
 	'white': $n-0,
 );
 
@@ -417,8 +423,8 @@ a {
 	color: inherit;
 }
 
-div {
-	display: block;
+svg:focus {
+	outline: none;
 }
 $shadow-sm: 0px 4px 8px rgba(16, 24, 64, 0.04);
 $shadow-md: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
@@ -653,3 +659,11 @@ $transition: map-merge(
 	font-weight: 650;
 	letter-spacing: 0.15px !important;
 }
+
+@mixin label {
+	@include caption;
+	font-weight: $font-weight-semibold;
+	color: $n-700;
+	display: block;
+	margin: mb(1);
+}