@carbon/ibm-products-web-components 0.12.0 → 0.13.0-rc.0

package/scss/components/full-page-error/full-page-error.scss

@@ -0,0 +1,29 @@
+/*
+* Copyright IBM Corp. 2025, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+$css--plex: true !default;
+@use 'sass:map';
+
+@use '@carbon/styles/scss/reset';
+
+@use '@carbon/grid';
+@use '@carbon/ibm-products-styles/scss/components/FullPageError' as *;
+
+@use '@carbon/themes' as *;
+
+@include grid.css-grid();
+
+// Local vars
+$prefix: 'c4p';
+$carbon-prefix: 'cds';
+$block-class: #{$prefix}--side-panel;
+
+:host(#{$prefix}-full-page-error) {
+  .#{$block-class} {
+    @extend .#{$block-class};
+  }
+}

package/scss/components/full-page-error/story-styles.scss

@@ -0,0 +1,24 @@
+/*
+* Copyright IBM Corp. 2025, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+@use '@carbon/styles/scss/theme' as *;
+
+$story-prefix: 'full-page-error-stories__';
+
+.#{$story-prefix}story-container {
+  position: fixed;
+  display: grid;
+  block-size: 100vh;
+  grid-template-rows: 3rem 1fr;
+  inline-size: 100vw;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+}
+
+.#{$story-prefix}story-header {
+  background: $background-inverse;
+}

package/scss/components/user-avatar/user-avatar.scss

@@ -20,7 +20,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/utilities';
 @use 'sass:map';
 
-@use '@carbon/ibm-products-styles/scss/components/UserAvatar/index' as *;
+@use '@carbon/ibm-products-styles/scss/components/UserAvatar' as *;
 
 $prefix: 'c4p';
 $carbon-prefix: 'cds';