1mpacto-react-ui 0.2.0-beta.9 → 1.0.0

package/dist/assets/_colors.scss

@@ -240,6 +240,46 @@ $laba-red-06: #FB004E;
 $laba-red-05: #FF5378;
 $laba-red-02: #FFAEBF;
 $laba-red-01: #FFEBEF;
+$lpd-primary-50: #CEDBFE;
+$lpd-primary-100: #B6CAFE;
+$lpd-primary-200: #9DB8FE;
+$lpd-primary-300: #6C94FD;
+$lpd-primary-400: #3B71FD;
+$lpd-primary-500: #0A4DFC;
+$lpd-primary-600: #083ECA;
+$lpd-primary-700: #062E97;
+$lpd-primary-800: #041F65;
+$lpd-primary-900: #03174C;
+$lpd-secondary-50: #FEF5CE;
+$lpd-secondary-100: #FEEFB5;
+$lpd-secondary-200: #FDEA9D;
+$lpd-secondary-300: #FDE06B;
+$lpd-secondary-400: #FCD53A;
+$lpd-secondary-500: #FBCB09;
+$lpd-secondary-600: #C9A207;
+$lpd-secondary-700: #977A05;
+$lpd-secondary-800: #645104;
+$lpd-secondary-900: #4B3D03;
+$bill-primary-50: #EAF0FE;
+$bill-primary-100: #D5E1FD;
+$bill-primary-200: #ABC3FB;
+$bill-primary-300: #81A4F9;
+$bill-primary-400: #5786F7;
+$bill-primary-500: #2D68F5;
+$bill-primary-600: #2453C4;
+$bill-primary-700: #1B3E93;
+$bill-primary-800: #122A62;
+$bill-primary-900: #091531;
+$bill-secondary-50: #F0FEFD;
+$bill-secondary-100: #E2FCFA;
+$bill-secondary-200: #C5F9F5;
+$bill-secondary-300: #A8F7F1;
+$bill-secondary-400: #8BF4EC;
+$bill-secondary-500: #6EF1E7;
+$bill-secondary-600: #59CBC2;
+$bill-secondary-700: #44A59D;
+$bill-secondary-800: #2F7E79;
+$bill-secondary-900: #1A5854;
 
 $color-map:(
 "transparent": transparent,
@@ -484,4 +524,44 @@ $color-map:(
 "laba-red-05": #FF5378,
 "laba-red-02": #FFAEBF,
 "laba-red-01": #FFEBEF,
+"lpd-primary-50": #CEDBFE,
+"lpd-primary-100": #B6CAFE,
+"lpd-primary-200": #9DB8FE,
+"lpd-primary-300": #6C94FD,
+"lpd-primary-400": #3B71FD,
+"lpd-primary-500": #0A4DFC,
+"lpd-primary-600": #083ECA,
+"lpd-primary-700": #062E97,
+"lpd-primary-800": #041F65,
+"lpd-primary-900": #03174C,
+"lpd-secondary-50": #FEF5CE,
+"lpd-secondary-100": #FEEFB5,
+"lpd-secondary-200": #FDEA9D,
+"lpd-secondary-300": #FDE06B,
+"lpd-secondary-400": #FCD53A,
+"lpd-secondary-500": #FBCB09,
+"lpd-secondary-600": #C9A207,
+"lpd-secondary-700": #977A05,
+"lpd-secondary-800": #645104,
+"lpd-secondary-900": #4B3D03,
+"bill-primary-50": #EAF0FE,
+"bill-primary-100": #D5E1FD,
+"bill-primary-200": #ABC3FB,
+"bill-primary-300": #81A4F9,
+"bill-primary-400": #5786F7,
+"bill-primary-500": #2D68F5,
+"bill-primary-600": #2453C4,
+"bill-primary-700": #1B3E93,
+"bill-primary-800": #122A62,
+"bill-primary-900": #091531,
+"bill-secondary-50": #F0FEFD,
+"bill-secondary-100": #E2FCFA,
+"bill-secondary-200": #C5F9F5,
+"bill-secondary-300": #A8F7F1,
+"bill-secondary-400": #8BF4EC,
+"bill-secondary-500": #6EF1E7,
+"bill-secondary-600": #59CBC2,
+"bill-secondary-700": #44A59D,
+"bill-secondary-800": #2F7E79,
+"bill-secondary-900": #1A5854,
 );

package/dist/assets/_mixins.scss

@@ -1,17 +1,44 @@
-@use 'sass:map';
-
-@mixin ring($width: 1px, $color: 'transparent', $inset: 0, $important: 0) {
-    $ring-style: 0 0 0 $width $color;
-    $shadow: if($inset == 1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important == 1, $shadow !important , $shadow);
-}
-
-@function getColor($color-map, $color) {
-    @if map.has-key($color-map, $color) {
-        @return map.get($color-map, $color);
-    }
-    
-    @return $color;
-}
-
+@use 'sass:map';
+
+@mixin ring($width: 1px, $color: 'transparent', $inset: 0, $important: 0) {
+    $ring-style: 0 0 0 $width $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-left($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: (-$width) 0 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-top($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: 0 (-$width) 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-right($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: $width 0 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-bottom($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: 0 $width 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@function getColor($color-map, $color) {
+    @if map.has-key($color-map, $color) {
+        @return map.get($color-map, $color);
+    }
+
+    @return $color;
+}