@qsxy/element-plus-react 1.0.0-next.7 → 1.0.1

package/theme-chalk/header.scss

@@ -0,0 +1,12 @@
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+@include b(header) {
+  @include set-component-css-var('header', $header);
+
+  padding: getCssVar('header-padding');
+  box-sizing: border-box;
+  flex-shrink: 0;
+  height: getCssVar('header-height');
+}

package/theme-chalk/icon/fonts.scss

@@ -0,0 +1,9 @@
+@use './scss/index.scss';
+@use './scss/shims.scss';
+
+@use './scss/regular.scss';
+@use './scss/light.scss';
+@use './scss/thin.scss';
+@use './scss/duotone.scss';
+@use './scss/brands.scss';
+@use './scss/solid.scss';

package/{dist/theme-chalk → theme-chalk}/icon/index.scss

@@ -1,4 +1,4 @@
-@use '../common/var';
+@use '../mixins/config' as *;
 
 .#{$namespace}-icon-loading {
     animation: rotating 2s linear infinite;

package/{dist/theme-chalk → theme-chalk}/icon/scss/_animated.scss

@@ -1,3 +1,4 @@
+@use 'variables' as *;
 // animating icons
 // --------------------------
 

package/{dist/theme-chalk → theme-chalk}/icon/scss/_bordered-pulled.scss

@@ -1,3 +1,4 @@
+@use 'variables' as *;
 // bordered + pulled icons
 // -------------------------
 

package/{dist/theme-chalk → theme-chalk}/icon/scss/_core.scss

@@ -1,3 +1,5 @@
+@use 'variables' as *;
+@use 'mixins' as *;
 // base icon class definition
 // -------------------------
 

package/{dist/theme-chalk → theme-chalk}/icon/scss/_duotone-icons.scss

@@ -1,12 +1,11 @@
+@use 'variables' as *;
+@use 'sass:string';
 // specific duotone icon class definition
 // -------------------------
 
-/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
-readers do not read off random characters that represent icons */
-
 @each $name, $icon in $fa-icons {
     .fad.#{$fa-css-prefix}-#{$name}::after,
     .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-#{$name}::after {
-        content: unquote('"#{ $icon }#{ $icon }"');
+        content: string.unquote('"#{ $icon }#{ $icon }"');
     }
 }

package/{dist/theme-chalk → theme-chalk}/icon/scss/_fixed-width.scss

@@ -1,3 +1,4 @@
+@use 'variables' as *;
 // fixed-width icons
 // -------------------------
 

package/{dist/theme-chalk → theme-chalk}/icon/scss/_functions.scss

@@ -1,9 +1,10 @@
+@use 'sass:string';
 // functions
 // --------------------------
 
 // fa-content: convenience function used to set content property
 @function fa-content($fa-var) {
-    @return unquote('"#{ $fa-var }"');
+    @return string.unquote('"#{ $fa-var }"');
 }
 
 // fa-divide: Originally obtained from the Bootstrap https://github.com/twbs/bootstrap

package/theme-chalk/icon/scss/_icons.scss

@@ -0,0 +1,10 @@
+@use 'sass:string';
+@use 'variables' as *;
+// specific icon class definition
+// -------------------------
+
+@each $name, $icon in $fa-icons {
+    .#{$fa-css-prefix}-#{$name}::before {
+        content: string.unquote('"#{ $icon }"');
+    }
+}

package/{dist/theme-chalk → theme-chalk}/icon/scss/_list.scss

@@ -1,3 +1,4 @@
+@use 'variables' as *;
 // icons in a list
 // -------------------------
 

package/{dist/theme-chalk → theme-chalk}/icon/scss/_mixins.scss

@@ -1,3 +1,6 @@
+@use 'sass:string';
+@use 'variables' as *;
+@use 'functions' as *;
 // mixins
 // --------------------------
 
@@ -49,7 +52,7 @@
     @extend .fa-solid;
 
     &::before {
-        content: unquote('"#{ $fa-var }"');
+        content: string.unquote('"#{ $fa-var }"');
     }
 }
 
@@ -58,7 +61,7 @@
     @extend .fa-regular;
 
     &::before {
-        content: unquote('"#{ $fa-var }"');
+        content: string.unquote('"#{ $fa-var }"');
     }
 }
 
@@ -67,7 +70,7 @@
     @extend .fa-light;
 
     &::before {
-        content: unquote('"#{ $fa-var }"');
+        content: string.unquote('"#{ $fa-var }"');
     }
 }
 
@@ -76,7 +79,7 @@
     @extend .fa-thin;
 
     &::before {
-        content: unquote('"#{ $fa-var }"');
+        content: string.unquote('"#{ $fa-var }"');
     }
 }
 
@@ -85,10 +88,10 @@
     @extend .fa-duotone;
 
     &::before {
-        content: unquote('"#{ $fa-var }"');
+        content: string.unquote('"#{ $fa-var }"');
     }
     &::after {
-        content: unquote('"#{ $fa-var }#{ $fa-var }"');
+        content: string.unquote('"#{ $fa-var }#{ $fa-var }"');
     }
 }
 
@@ -97,6 +100,6 @@
     @extend .fa-brands;
 
     &::before {
-        content: unquote('"#{ $fa-var }"');
+        content: string.unquote('"#{ $fa-var }"');
     }
 }

package/{dist/theme-chalk → theme-chalk}/icon/scss/_rotated-flipped.scss

@@ -1,3 +1,4 @@
+@use 'variables' as *;
 // rotating + flipping icons
 // -------------------------
 

package/{dist/theme-chalk → theme-chalk}/icon/scss/_screen-reader.scss

@@ -1,3 +1,5 @@
+@use 'variables' as *;
+@use 'mixins' as *;
 // screen-reader utilities
 // -------------------------