@public-ui/sample-react 4.0.0-alpha.0 → 4.0.0-alpha.10

package/dist/assets/material-icons/css/_mixins.scss

@@ -1,4 +1,4 @@
-@import '../iconfont/mixins';
+@use '../iconfont/mixins' as *;
 
 @function material-icons-content($codepoint) {
   @return unquote('"\\#{$codepoint}"');
@@ -10,4 +10,4 @@
   &::#{$pseudo} {
     content: material-icons-content($codepoint);
   }
-}
+}

package/dist/assets/material-icons/css/_variables.scss

@@ -1,6 +1,6 @@
-@import '../iconfont/variables';
-@import 'codepoints';
+@use '../iconfont/variables' as *;
+@use 'codepoints' as *;
 
 $material-icons-css-prefix: 'mi' !default;
 $material-icons-css-search: '_' !default;
-$material-icons-css-replace: '-' !default;
+$material-icons-css-replace: '-' !default;

package/dist/assets/material-icons/css/material-icons.scss

@@ -1,22 +1,18 @@
-@import 'variables';
-@import 'mixins';
+@use 'variables' as *;
+@use 'mixins' as *;
 
-@each $font-family
-  in (
-    'Material Icons',
-    'Material Icons Outlined',
-    'Material Icons Round',
-    'Material Icons Sharp',
-    'Material Icons Two Tone'
-  )
-{
+@each $font-family in ('Material Icons',
+  'Material Icons Outlined',
+  'Material Icons Round',
+  'Material Icons Sharp',
+  'Material Icons Two Tone'
+
+) {
   $full-class-name: to-lower-case($font-family);
   $full-class-name: material-icons-str-replace($full-class-name, ' ', '-');
-  $class-name: material-icons-str-replace(
-    $full-class-name,
-    'material-icons',
-    $material-icons-css-prefix
-  );
+  $class-name: material-icons-str-replace($full-class-name,
+      'material-icons',
+      $material-icons-css-prefix );
 
   /**
    * @deprecated As of 1.0, use .#{$full-class-name} instead of .#{$class-name}
@@ -27,13 +23,11 @@
 }
 
 @each $name, $codepoint in $material-icons-codepoints {
-  $class-name: material-icons-str-replace(
-    $name,
-    $material-icons-css-search,
-    $material-icons-css-replace
-  );
+  $class-name: material-icons-str-replace($name,
+      $material-icons-css-search,
+      $material-icons-css-replace );
 
   .#{$material-icons-css-prefix}-#{$class-name} {
     @include material-icon($name);
   }
-}
+}

package/dist/assets/material-icons/iconfont/filled.scss

@@ -1,4 +1,4 @@
-@import 'variables';
-@import 'mixins';
+@use 'variables' as *;
+@use 'mixins' as *;
 
-@include material-icons-font('Material Icons');
+@include material-icons-font('Material Icons');

package/dist/assets/material-icons/iconfont/material-icons.scss

@@ -1,5 +1,5 @@
-@import 'filled';
-@import 'outlined';
-@import 'round';
-@import 'sharp';
-@import 'two-tone';
+@use 'filled' as *;
+@use 'outlined' as *;
+@use 'round' as *;
+@use 'sharp' as *;
+@use 'two-tone' as *;

package/dist/assets/material-icons/iconfont/outlined.scss

@@ -1,4 +1,4 @@
-@import 'variables';
-@import 'mixins';
+@use 'variables' as *;
+@use 'mixins' as *;
 
-@include material-icons-font('Material Icons Outlined');
+@include material-icons-font('Material Icons Outlined');

package/dist/assets/material-icons/iconfont/round.scss

@@ -1,4 +1,4 @@
-@import 'variables';
-@import 'mixins';
+@use 'variables' as *;
+@use 'mixins' as *;
 
-@include material-icons-font('Material Icons Round');
+@include material-icons-font('Material Icons Round');

package/dist/assets/material-icons/iconfont/sharp.scss

@@ -1,4 +1,4 @@
-@import 'variables';
-@import 'mixins';
+@use 'variables' as *;
+@use 'mixins' as *;
 
-@include material-icons-font('Material Icons Sharp');
+@include material-icons-font('Material Icons Sharp');

package/dist/assets/material-icons/iconfont/two-tone.scss

@@ -1,4 +1,4 @@
-@import 'variables';
-@import 'mixins';
+@use 'variables' as *;
+@use 'mixins' as *;
 
-@include material-icons-font('Material Icons Two Tone');
+@include material-icons-font('Material Icons Two Tone');