@wordpress/customize-widgets 5.32.0 → 5.32.1-next.ff1cebbba.0

package/src/components/header/style.scss

@@ -1,3 +1,8 @@
+@use "@wordpress/base-styles/colors" as *;
+@use "@wordpress/base-styles/mixins" as *;
+@use "@wordpress/base-styles/variables" as *;
+@use "@wordpress/base-styles/z-index" as *;
+
 .customize-widgets-header {
 	@include break-small() {
 		// Make space for the floating toolbar.

package/src/components/inserter/style.scss

@@ -1,3 +1,6 @@
+@use "@wordpress/base-styles/colors" as *;
+@use "@wordpress/base-styles/variables" as *;
+
 #customize-sidebar-outer-content {
 	// To override the default style of width: 100%,
 	// so that the inspector won't be cropped.

package/src/components/keyboard-shortcut-help-modal/style.scss

@@ -1,3 +1,5 @@
+@use "@wordpress/base-styles/colors" as *;
+
 .customize-widgets-keyboard-shortcut-help-modal {
 	&__section {
 		margin: 0 0 2rem 0;

package/src/components/more-menu/style.scss

@@ -1,3 +1,5 @@
+@use "@wordpress/base-styles/z-index" as *;
+
 .components-popover.more-menu-dropdown__content {
 	z-index: z-index(".components-popover.more-menu__content");
 }

package/src/components/sidebar-block-editor/style.scss

@@ -1,3 +1,5 @@
+@use "@wordpress/base-styles/z-index" as *;
+
 .customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
 	// FloatingUI library used in Popover component forces us to have an "absolute" inline style.
 	// We need to override this in the customizer.

package/src/components/welcome-guide/style.scss

@@ -1,3 +1,5 @@
+@use "@wordpress/base-styles/variables" as *;
+
 .customize-widgets-welcome-guide {
 	&__image__wrapper {
 		background: #00a0d2;

package/src/controls/style.scss

@@ -1,3 +1,5 @@
+@use "@wordpress/base-styles/colors" as *;
+
 // Additional ids and class names are used in the selector for
 // added specificity.
 #customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section {

package/src/style.scss

@@ -1,11 +1,13 @@
-@import "./components/block-inspector-button/style.scss";
-@import "./components/header/style.scss";
-@import "./components/inserter/style.scss";
-@import "./components/keyboard-shortcut-help-modal/style.scss";
-@import "./components/more-menu/style.scss";
-@import "./components/sidebar-block-editor/style.scss";
-@import "./components/welcome-guide/style.scss";
-@import "./controls/style.scss";
+@use "@wordpress/base-styles/mixins" as *;
+@use "@wordpress/base-styles/default-custom-properties";
+@use "./components/block-inspector-button/style.scss" as *;
+@use "./components/header/style.scss" as *;
+@use "./components/inserter/style.scss" as *;
+@use "./components/keyboard-shortcut-help-modal/style.scss" as *;
+@use "./components/more-menu/style.scss" as *;
+@use "./components/sidebar-block-editor/style.scss" as *;
+@use "./components/welcome-guide/style.scss" as *;
+@use "./controls/style.scss" as *;
 
 // Modals need a higher z-index in the customizer.
 .components-modal__screen-overlay {