@carbon/ibm-products 2.2.0 → 2.3.0

package/scss/components/TagSet/_tag-set.scss

@@ -145,7 +145,7 @@ $block-class-modal: #{$_block-class}-modal;
 
   .#{$block-class-overflow}__tag-item,
   .#{$block-class-overflow}__tag-item .#{$carbon-prefix}--tag {
-    @include type.type-style('body-short-01');
+    @include type.type-style('body-compact-01');
 
     display: block;
     overflow: hidden;

package/scss/components/Tearsheet/_tearsheet.scss

@@ -30,7 +30,6 @@ $motion-duration: $duration-moderate-02;
 @include block-wrap($block-class) {
   &.#{$block-class} {
     // Need to disable stylelint until dart sass namespace support is added
-    /* stylelint-disable-next-line function-no-unknown */
     z-index: utilities.z('modal') + 1;
     align-items: flex-end;
     color: $text-primary;
@@ -44,7 +43,6 @@ $motion-duration: $duration-moderate-02;
 
   &.is-visible {
     // Need to disable stylelint until dart sass namespace support is added
-    /* stylelint-disable-next-line function-no-unknown */
     z-index: utilities.z('modal');
     align-items: flex-end;
     // stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
@@ -58,7 +56,6 @@ $motion-duration: $duration-moderate-02;
 
   &.#{$block-class}--stacked-1-of-2 {
     // Need to disable stylelint until dart sass namespace support is added
-    /* stylelint-disable-next-line function-no-unknown */
     z-index: utilities.z('modal') - 1;
     // stylelint-disable-next-line carbon/theme-token-use
     background-color: rgba($overlay-color, 0.33);
@@ -66,7 +63,6 @@ $motion-duration: $duration-moderate-02;
 
   &.#{$block-class}--stacked-1-of-3 {
     // Need to disable stylelint until dart sass namespace support is added
-    /* stylelint-disable-next-line function-no-unknown */
     z-index: utilities.z('modal') - 2;
     // stylelint-disable-next-line carbon/theme-token-use
     background-color: rgba($overlay-color, 0.11);
@@ -74,7 +70,6 @@ $motion-duration: $duration-moderate-02;
 
   &.#{$block-class}--stacked-2-of-3 {
     // Need to disable stylelint until dart sass namespace support is added
-    /* stylelint-disable-next-line function-no-unknown */
     z-index: utilities.z('modal') - 1;
     // stylelint-disable-next-line carbon/theme-token-use
     background-color: rgba($overlay-color, 0.25);
@@ -151,12 +146,14 @@ $motion-duration: $duration-moderate-02;
     padding: $spacing-06 $spacing-07;
     border-bottom: 1px solid $border-subtle-01;
     margin: 0;
+    background-color: $layer;
   }
 
   &.#{$block-class}--narrow .#{$block-class}__header {
     padding: $spacing-05;
     border-bottom: 1px solid $border-subtle-01;
     margin: 0;
+    background-color: $layer;
   }
 
   .#{$block-class}__header-content {
@@ -186,7 +183,7 @@ $motion-duration: $duration-moderate-02;
 
   &.#{$block-class}--wide
     .#{$carbon-prefix}--modal-header__heading.#{$block-class}__heading {
-    @include type.type-style('productive-heading-04');
+    @include type.type-style('heading-04');
   }
 
   .#{$block-class}__header-description {
@@ -194,7 +191,7 @@ $motion-duration: $duration-moderate-02;
     overflow: hidden;
     max-width: 100%;
     margin-top: $spacing-05;
-    @include type.type-style('body-short-01');
+    @include type.type-style('body-compact-01');
 
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
@@ -270,11 +267,15 @@ $motion-duration: $duration-moderate-02;
   .#{$block-class}__main {
     display: flex;
     flex-direction: row;
-    background-color: $layer;
+    background-color: $background;
     grid-column: 1 / -1;
     grid-row: 1 / -1;
   }
 
+  &.#{$block-class}--narrow .#{$block-class}__main {
+    background-color: $layer;
+  }
+
   .#{$block-class}__main .#{$block-class}__influencer {
     border-right: none;
     border-left: 1px solid $border-subtle-01;

package/scss/components/UserProfileImage/_user-profile-image.scss

@@ -128,12 +128,12 @@ $theme-keys: map-keys($themes);
 
 .#{$block-class}--xl {
   @include size('xl');
-  @include type.type-style('productive-heading-04');
+  @include type.type-style('heading-04');
 }
 
 .#{$block-class}--lg {
   @include size('lg');
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 }
 
 .#{$block-class}--md {

package/scss/components/WebTerminal/_storybook-styles.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021, 2022
+// Copyright IBM Corp. 2021, 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.
@@ -34,3 +34,13 @@ $storybook-block-class: #{c4p-settings.$pkg-prefix}--notifications-panel__story;
     font-size: 14px;
   }
 }
+
+$story-anchor: 'web-terminal';
+#storybook-docs {
+  ul {
+    list-style: initial;
+  }
+  ol {
+    list-style: decimal;
+  }
+}

package/scss/global/styles/_display-box.scss

@@ -22,6 +22,7 @@ $indicator-height: $spacing-04;
   position: relative;
   display: inline-block;
   padding-top: $spacing-05; // space for the indicators
+  margin-top: $spacing-09; // provides space in docs
   color: $text-helper;
 }
 

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js

@@ -1,21 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2022
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
- */
-import { useState } from 'react';
-import { FLYOUT } from '../constants';
-import { getInitialStateFromFilters } from '../utils';
-var useInitialStateFromFilters = function useInitialStateFromFilters(filters) {
-  var variation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : FLYOUT;
-  var initialFilters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var _useState = useState(getInitialStateFromFilters(filters, variation, initialFilters)),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  return [state, setState];
-};
-export default useInitialStateFromFilters;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _constants = require("../constants");
-var _utils = require("../utils");
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2022
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
- */
-
-var useInitialStateFromFilters = function useInitialStateFromFilters(filters) {
-  var variation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.FLYOUT;
-  var initialFilters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var _useState = (0, _react.useState)((0, _utils.getInitialStateFromFilters)(filters, variation, initialFilters)),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  return [state, setState];
-};
-var _default = useInitialStateFromFilters;
-exports.default = _default;

package/scss/components/HTTPErrors/_storybook-styles.scss

@@ -1,6 +0,0 @@
-//
-// Copyright IBM Corp. 2021, 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.
-//