@carbon/styles 1.78.0-rc.0 → 1.79.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/styles",
   "description": "Styles for the Carbon Design System",
-  "version": "1.78.0-rc.0",
+  "version": "1.79.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -40,13 +40,13 @@
     }
   },
   "dependencies": {
-    "@carbon/colors": "^11.30.0",
-    "@carbon/feature-flags": "^0.25.0-rc.0",
-    "@carbon/grid": "^11.33.0-rc.0",
-    "@carbon/layout": "^11.31.0-rc.0",
-    "@carbon/motion": "^11.25.0",
-    "@carbon/themes": "^11.49.0-rc.0",
-    "@carbon/type": "^11.37.0-rc.0",
+    "@carbon/colors": "^11.31.0-rc.0",
+    "@carbon/feature-flags": "^0.25.0",
+    "@carbon/grid": "^11.34.0-rc.0",
+    "@carbon/layout": "^11.32.0-rc.0",
+    "@carbon/motion": "^11.26.0-rc.0",
+    "@carbon/themes": "^11.50.0-rc.0",
+    "@carbon/type": "^11.38.0-rc.0",
     "@ibm/plex": "6.0.0-next.6",
     "@ibm/plex-mono": "0.0.3-alpha.0",
     "@ibm/plex-sans": "0.0.3-alpha.0",
@@ -75,5 +75,5 @@
     "scss/**/*.css",
     "css/**/*.css"
   ],
-  "gitHead": "0c142888f7e3aefd5a5b5b0b2c34c2552894bb56"
+  "gitHead": "0d87b91846d3b2a877f9f385f4f4b16214388315"
 }

package/scss/components/_index.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2018, 2023
+// Copyright IBM Corp. 2018, 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.
@@ -53,6 +53,7 @@
 @use 'notification';
 @use 'number-input';
 @use 'overflow-menu';
+@use 'page-header';
 @use 'pagination';
 @use 'pagination-nav';
 @use 'popover';

package/scss/components/ai-label/_index.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2024
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @forward 'ai-label';
 @use 'ai-label';
 

package/scss/components/page-header/_index.scss

@@ -0,0 +1,11 @@
+//
+// Copyright IBM Corp. 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.
+//
+
+@forward 'page-header';
+@use 'page-header';
+
+@include page-header.page-header;

package/scss/components/page-header/_page-header.scss

@@ -0,0 +1,121 @@
+//
+// Copyright IBM Corp. 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 '../../config' as *;
+@use '../../breakpoint' as *;
+// @use '../../motion' as *;
+@use '../../spacing' as *;
+// @use '../../theme' as *;
+@use '../../type' as *;
+// @use '../../layer' as *;
+// @use '../../utilities/box-shadow' as *;
+// @use '../../utilities/button-reset';
+// @use '../../utilities/component-reset';
+// @use '../../utilities/focus-outline' as *;
+// @use '../../utilities/high-contrast-mode' as *;
+@use '../../utilities/convert';
+// @use '../../utilities/z-index' as *;
+// @use '../../utilities/custom-property';
+
+/// Page header styles
+/// @access public
+/// @group page-header
+@mixin page-header {
+  .#{$prefix}--page-header {
+    border: 1px solid rebeccapurple; /* stylelint-disable-line */
+  }
+  .#{$prefix}--page-header__breadcrumb-bar {
+    border: 1px solid blue; /* stylelint-disable-line */
+  }
+  .#{$prefix}--page-header__content {
+    margin: $spacing-06 0;
+    border: 1px solid red; /* stylelint-disable-line */
+  }
+
+  .#{$prefix}--page-header__content__title-wrapper {
+    @include breakpoint-down(md) {
+      flex-direction: column;
+    }
+
+    display: flex;
+    justify-content: space-between;
+    gap: $spacing-05;
+  }
+
+  .#{$prefix}--page-header__content__start {
+    display: flex;
+    flex-wrap: wrap;
+    gap: $spacing-05;
+  }
+
+  .#{$prefix}--page-header__content__title-container {
+    display: flex;
+  }
+
+  .#{$prefix}--page-header__content__contextual-actions {
+    display: flex;
+  }
+
+  .#{$prefix}--page-header__content__title {
+    @include type-style('productive-heading-04');
+
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    max-inline-size: convert.to-rem(640px);
+    text-overflow: ellipsis;
+    white-space: normal;
+  }
+
+  .#{$prefix}--page-header__content:has(
+      .#{$prefix}--page-header__content__contextual-actions
+    )
+    .#{$prefix}--page-header__content__title {
+    -webkit-line-clamp: 1;
+  }
+
+  .#{$prefix}--page-header__content__icon {
+    margin-inline-end: $spacing-05;
+  }
+
+  .#{$prefix}--page-header__content__page-actions {
+    display: flex;
+    gap: $spacing-05;
+  }
+
+  .#{$prefix}--page-header__content__subtitle {
+    @include type-style('productive-heading-03');
+
+    margin-block-start: $spacing-05;
+  }
+
+  .#{$prefix}--page-header__content__body {
+    @include type-style('body-01');
+
+    margin-block-start: $spacing-03;
+    max-inline-size: convert.to-rem(640px);
+  }
+
+  .#{$prefix}--page-header__content:not(
+      :has(.#{$prefix}--page-header__content__sub-title)
+    )
+    .#{$prefix}--page-header__content__body {
+    margin-block-start: $spacing-05;
+  }
+
+  .#{$prefix}--page-header__hero-image {
+    display: flex;
+    overflow: hidden;
+    align-items: center;
+    block-size: 100%;
+  }
+
+  .#{$prefix}--page-header__tab-bar {
+    border: 1px solid green; /* stylelint-disable-line */
+  }
+}

package/scss/components/radio-button/_index.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @forward 'radio-button';
 @use 'radio-button';
 

package/scss/components/search/_index.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @forward 'search';
 @use 'search';
 

package/scss/components/slider/_index.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @forward 'slider';
 @use 'slider';
 

package/scss/components/slug/_index.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2023
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @forward 'slug';
 @use 'slug';
 

package/scss/components/slug/_slug.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2023, 2024
+//
+// 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 '../../config' as *;
 @use '../../colors' as *;
 @use '../../motion' as *;

package/scss/components/tabs/_index.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @forward 'tabs';
 @use 'tabs';
 

package/scss/components/tabs/_vars.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 // Tabs
 
 @use '../../theme' as *;

package/scss/utilities/_hide-at-breakpoint.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2022, 2023
+//
+// 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 '../breakpoint' as *;
 @use '../config';