@carbon/ibm-products 2.43.2-canary.29 → 2.43.2-canary.290

package/scss/components/HTTPErrors/_http-errors.scss

@@ -13,6 +13,9 @@
 @use '../../global/styles/project-settings' as c4p-settings;
 
 $block-class: #{c4p-settings.$pkg-prefix}--http-errors;
+$block-class-404: #{c4p-settings.$pkg-prefix}--http-errors-404;
+$block-class-403: #{c4p-settings.$pkg-prefix}--http-errors-403;
+$block-class-other: #{c4p-settings.$pkg-prefix}--http-errors-other;
 
 .#{$block-class} .#{$block-class}__content {
   position: fixed;
@@ -66,3 +69,77 @@ $block-class: #{c4p-settings.$pkg-prefix}--http-errors;
     transform: scale(1.5);
   }
 }
+/* stylelint-disable carbon/theme-token-use */
+
+.#{$block-class-404}__prefix-cls-1 {
+  fill: none;
+}
+.#{$block-class-404}__prefix-cls-67 {
+  fill: #697077;
+}
+.#{$block-class-404}__prefix-cls-68 {
+  fill: #282828;
+}
+.#{$block-class-404}__prefix-cls-69 {
+  fill: #51565c;
+}
+.#{$block-class-404}__prefix-cls-70 {
+  fill: #002b50;
+}
+.#{$block-class-404}__prefix-cls-71 {
+  fill: #413d3d;
+}
+.#{$block-class-404}__prefix-cls-72 {
+  fill: #908b8b;
+}
+.#{$block-class-404}__prefix-cls-75 {
+  fill: #a4a4a5;
+}
+.#{$block-class-404}__prefix-cls-76 {
+  opacity: 0.15;
+}
+.#{$block-class-403}__prefix-cls-1 {
+  fill: none;
+}
+.#{$block-class-403}__prefix-cls-80 {
+  mix-blend-mode: multiply;
+  opacity: 0.25;
+}
+.#{$block-class-403}__prefix-cls-75 {
+  fill: #595655;
+}
+.#{$block-class-403}__prefix-cls-76 {
+  opacity: 0.15;
+}
+.#{$block-class-403}__prefix-cls-77 {
+  fill: #373d42;
+}
+.#{$block-class-403}__prefix-cls-78 {
+  fill: #002b50;
+}
+.#{$block-class-403}__prefix-cls-81 {
+  fill: #2b2828;
+}
+.#{$block-class-other}__prefix-cls-1 {
+  fill: none;
+}
+.#{$block-class-other}__prefix-cls-69 {
+  fill: #697077;
+}
+.#{$block-class-other}__prefix-cls-70 {
+  fill: #282828;
+}
+.#{$block-class-other}__prefix-cls-71 {
+  fill: #51565c;
+}
+.#{$block-class-other}__prefix-cls-72 {
+  fill: #e0dbda;
+}
+.#{$block-class-other}__prefix-cls-73 {
+  fill: #003d73;
+}
+.#{$block-class-other}__prefix-cls-75 {
+  opacity: 0.15;
+}
+
+/* stylelint-enable */

package/scss/components/OptionsTile/_options-tile.scss

@@ -163,18 +163,18 @@ $block-class: #{c4p-settings.$pkg-prefix}--options-tile;
   overflow: hidden;
 }
 
-.#{$block-class}:not(.#{$block-class}--closing)
-  > details[open]
-  .#{$block-class}__summary,
+.#{$block-class}__summary.#{$block-class}__summary--open:not(
+    .#{$block-class}__summary--closing
+  ),
 .#{$block-class}__summary--hidden {
   height: 0;
   margin-top: 0;
   opacity: 0;
 }
 
-.#{$block-class}:not(.#{$block-class}--closing)
-  > details[open]
-  .#{$block-class}__chevron {
+.#{$block-class}__chevron.#{$block-class}__chevron--open:not(
+    .#{$block-class}__chevron--closing
+  ) {
   transform: rotate(180deg);
 }
 

package/scss/components/SidePanel/_side-panel.scss

@@ -363,7 +363,7 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
   }
 
   .#{$block-class}__slug-and-close {
-    position: fixed;
+    position: absolute;
     z-index: 10; /* must be higher than title container border bottom */
     top: 0;
     right: 0;
@@ -413,6 +413,7 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
 .#{$block-class} .#{c4p-settings.$carbon-prefix}--text-area,
 .#{$block-class} .#{c4p-settings.$carbon-prefix}--search-input,
 .#{$block-class} .#{c4p-settings.$carbon-prefix}--select-input,
+.#{$block-class} .#{c4p-settings.$carbon-prefix}--multi-select,
 .#{$block-class} .#{c4p-settings.$carbon-prefix}--dropdown,
 .#{$block-class} .#{c4p-settings.$carbon-prefix}--dropdown-list,
 .#{$block-class} .#{c4p-settings.$carbon-prefix}--number input[type='number'],

package/scss/components/TagOverflow/_tag-overflow.scss

@@ -100,6 +100,8 @@ $block-class-modal: #{$block-class}-modal;
   }
 
   .#{$block-class-overflow}__trigger {
+    /* stylelint-disable-next-line declaration-no-important */
+    border: none !important;
     font-family: inherit;
   }
 
@@ -188,28 +190,8 @@ $block-class-modal: #{$block-class}-modal;
     margin-bottom: 0;
   }
 
-  &.#{$block-class-modal} .#{$block-class-modal}__fade {
-    position: relative;
-    margin-right: $spacing-05;
-    margin-left: $spacing-05;
-  }
-
-  .#{$block-class-modal}__body {
-    padding-bottom: $spacing-06;
-  }
-
   .#{$block-class-modal}__header {
     padding-right: 0;
     margin-right: $spacing-05;
   }
-
-  &.#{$block-class-modal} .#{$block-class-modal}__fade::after {
-    position: absolute;
-    top: calc(-1 * #{$spacing-11});
-    left: 0;
-    width: 100%;
-    height: $spacing-07;
-    background: linear-gradient(to bottom, transparent, $layer-01);
-    content: '';
-  }
 }

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

@@ -90,30 +90,10 @@ $block-class-modal: #{$_block-class}-modal;
     margin-bottom: 0;
   }
 
-  &.#{$block-class-modal} .#{$block-class-modal}__fade {
-    position: relative;
-    margin-right: $spacing-05;
-    margin-left: $spacing-05;
-  }
-
-  .#{$block-class-modal}__body {
-    padding-bottom: $spacing-06;
-  }
-
   .#{$block-class-modal}__header {
     padding-right: 0;
     margin-right: $spacing-05;
   }
-
-  &.#{$block-class-modal} .#{$block-class-modal}__fade::after {
-    position: absolute;
-    top: calc(-1 * #{$spacing-11});
-    left: 0;
-    width: 100%;
-    height: $spacing-07;
-    background: linear-gradient(to bottom, transparent, $layer-01);
-    content: '';
-  }
 }
 
 @include block-wrap('#{$block-class-overflow}__tagset-popover') {
@@ -124,6 +104,8 @@ $block-class-modal: #{$_block-class}-modal;
   }
 
   .#{$block-class-overflow}__popover-trigger {
+    /* stylelint-disable-next-line declaration-no-important */
+    border: none !important;
     font-family: inherit;
   }
 

package/scss/components/Tearsheet/_tearsheet.scss

@@ -426,5 +426,7 @@ $motion-duration: $duration-moderate-02;
   &.#{$block-class}--has-slug:not(.#{$block-class}--has-close)
     .#{$carbon-prefix}--slug {
     inset-inline-end: 0;
+    margin-block: 6px;
+    margin-inline-end: 1rem;
   }
 }

package/scss/components/_index-released-only.scss

@@ -23,6 +23,7 @@
 @use './EmptyStates';
 @use './ExportModal';
 @use './ExpressiveCard';
+@use './FullPageError';
 @use './HTTPErrors';
 @use './ImportModal';
 @use './MultiAddSelect';

package/scss/config-dev.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 './global/styles/project-settings' with (
   $pkg-prefix: 'dev-prefix--c4p'
 );

package/scss/config.scss

@@ -1 +1,8 @@
+/**
+ * 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 './global/styles/project-settings';

package/telemetry.yml

@@ -18,6 +18,7 @@ collect:
         - align
         - allPageRowsLabel
         - allRowsLabel
+        - allTagsModalAriaLabel
         - allTagsModalSearchLabel
         - allTagsModalSearchPlaceholderText
         - allTagsModalSearchThreshold
@@ -32,11 +33,13 @@ collect:
         - assistiveText
         - assistiveTextDisabledInstructionsLabel
         - assistiveTextInstructionsLabel
+        - autoAlign
         - backButtonText
         - backgroundColor
         - batchActionMenuButtonLabel
         - batchActions
         - body
+        - breadcrumbOverflowTooltipAlign
         - breadcrumbs
         - button
         - cancelButtonText
@@ -49,16 +52,18 @@ collect:
         - closeIconDescription
         - collapseButtonLabel
         - collapsible
+        - column
         - columnInputPlaceholder
         - columns
         - condition
-        - conditionBuilderRef
         - conditionState
         - config
         - containingElementRef
         - count
         - currentMatcher
         - currentStep
+        - CustomizeColumnsButton
+        - customizeColumnsProps
         - CustomizeColumnsTearsheet
         - customizeTearsheetHeadingLabel
         - data
@@ -69,6 +74,7 @@ collect:
         - defaultColumn
         - defaultEmptyRowCount
         - description
+        - disableColumnSwapping
         - disabled
         - disabledCell
         - disableSubmit
@@ -81,6 +87,7 @@ collect:
         - emptyStateSize
         - emptyStateTitle
         - emptyStateType
+        - enableSpacerColumn
         - error
         - errorCodeLabel
         - errorMessage
@@ -100,6 +107,8 @@ collect:
         - formDescription
         - formTitle
         - fullHeightDatagrid
+        - getActionsState
+        - getAsyncSubRows
         - getConditionState
         - getFilterFlyoutProps
         - getOptions
@@ -121,7 +130,9 @@ collect:
         - handleResize
         - hasActions
         - hasCloseIcon
+        - hasCustomRowHeader
         - hasFieldset
+        - headerActions
         - headerGroups
         - HeaderRow
         - headers
@@ -200,6 +211,7 @@ collect:
         - onActiveCellChange
         - onAllRowSelect
         - onApply
+        - onBlur
         - onCancel
         - onChange
         - onClick
@@ -212,8 +224,12 @@ collect:
         - onContextMenuLabel
         - onContextMenuValue
         - onDataUpdate
+        - onFocus
         - onMount
+        - onMouseEnter
+        - onMouseLeave
         - onNext
+        - onOverflowClick
         - onOverflowTagChange
         - onPrimaryButtonClick
         - onRemove
@@ -238,8 +254,10 @@ collect:
         - overflowActions
         - overflowAlign
         - overflowAriaLabel
+        - overflowAutoAlign
         - overflowClassName
         - overflowTags
+        - overflowTooltipAlign
         - overflowType
         - parentId
         - path
@@ -261,11 +279,15 @@ collect:
         - productive
         - radio
         - reactTableFiltersState
+        - readOnlyTable
         - renderIcon
+        - renderRowHeader
+        - renderRowHeaderDirection
         - resetToDefaultLabel
         - resizerAriaLabel
         - rightAlign
         - row
+        - rowActions
         - rows
         - rowSize
         - score
@@ -284,6 +306,7 @@ collect:
         - selectAllLabel
         - selectAllToggle
         - selected
+        - selectedHeaderReorderActive
         - selectedOption
         - selectionAreas
         - selectorPageContent
@@ -302,6 +325,7 @@ collect:
         - setMouseOverRowIndex
         - setMultiSelection
         - setPopoverOpen
+        - setSelectedHeaderReorderActive
         - setSelectionAreaData
         - setSelectionAreas
         - showAllTagsLabel
@@ -330,10 +354,13 @@ collect:
         - title
         - titleSize
         - toolbarBatchActions
+        - toolbarBatchActionsDisplayMin
         - tooltipAlignment
         - tooltipText
         - totalVisibleColumns
+        - translateWithId
         - translateWithIdBatchActions
+        - triggerButtonRef
         - truncate
         - truncateValue
         - type
@@ -367,6 +394,7 @@ collect:
         - version
         # ActionBar
         - overflowItems
+        - overflowMenuRef
         # Actions
         - searchText
         - setSearchText
@@ -453,8 +481,6 @@ collect:
         - tooltipDescription
         - total
         - trending
-        # BreadcrumbWithOverflow
-        - overflowTooltipAlign
         # ButtonMenu
         - menuAriaLabel
         # ButtonSetWithOverflow
@@ -521,19 +547,25 @@ collect:
         - enableSubGroup
         # ConditionBuilderButton
         - hideLabel
-        - onBlur
-        - onFocus
-        - onMouseEnter
-        - onMouseLeave
+        - isInvalid
         - tooltipAlign
+        - wrapperClassName
         - wrapperProps
-        # ConditionBuilderContent
-        - getActionsState
         # ConditionBuilderItem
         - popOverClassName
+        - renderChildren
+        # ConditionBuilderItemDate
+        - parentRef
+        # ConditionBuilderProvider
+        - actionState
+        - conditionBuilderRef
+        - rootState
+        - setActionState
+        - setRootState
         # ConditionConnector
         - operator
         # ConditionPreview
+        - colorIndex
         - previewType
         # CreateFullPage
         - breadcrumbsOverflowAriaLabel
@@ -545,7 +577,10 @@ collect:
         - secondaryTitle
         # CreateInfluencer
         - stepData
+        # CreateTearsheet
+        - experimentalSecondarySubmitText
         # CreateTearsheetStep
+        - experimentalSecondarySubmit
         - onPrevious
         # CustomizeColumnsTearsheet
         - columnDefinitions
@@ -553,6 +588,7 @@ collect:
         - primaryButtonTextLabel
         - secondaryButtonTextLabel
         # DataSpreadsheet
+        - onColDrag
         - spreadsheetAriaLabel
         # DataSpreadsheetBody
         - activeCellRef
@@ -564,6 +600,7 @@ collect:
         - setClickAndHoldActive
         - setColumnOrder
         - setContainerHasFocus
+        - setCurrentColumns
         - totalColumnsWidth
         # DataSpreadsheetHeader
         - headerCellHoldActive
@@ -749,7 +786,6 @@ collect:
         - warnText
         # OverflowCheckboxes
         - applyFilters
-        - column
         - components
         - filtersState
         - setFiltersState
@@ -758,7 +794,6 @@ collect:
         - actionBarMenuOptionsClass
         - actionBarOverflowAriaLabel
         - breadcrumbOverflowAriaLabel
-        - breadcrumbOverflowTooltipAlign
         - collapseHeader
         - collapseHeaderIconDescription
         - collapseTitle
@@ -780,6 +815,7 @@ collect:
         - inputInvalidText
         - inputLabelText
         - inputPlaceholderText
+        - primaryDangerDescription
         - resourceName
         - textConfirmation
         # RowSizeDropdown
@@ -815,7 +851,6 @@ collect:
         - sortItems
         - submitLabel
         - titleText
-        - translateWithId
         # SelectAllWithToggle
         - getToggleAllPageRowsSelectedProps
         - getToggleAllRowsSelectedProps
@@ -851,8 +886,6 @@ collect:
         - width
         # TagOverflow
         - tagComponent
-        # TearsheetShell
-        - headerActions
         # Toolbar
         - vertical
         # ToolbarButton
@@ -1011,6 +1044,9 @@ collect:
         # General - primaryButtonPlacement
         - bottom
         - top
+        # General - renderRowHeaderDirection
+        - left
+        - right
         # General - rowSize
         - lg
         - md
@@ -1077,9 +1113,13 @@ collect:
         - radio
         - selection
         - text
+        - textarea
         # General - updateMethod
         - batch
         - instant
+        # General - variant
+        - Hierarchical
+        - Non-Hierarchical
         # General - verticalPosition
         - lower
         - normal
@@ -1102,6 +1142,9 @@ collect:
         - floating
         - stacked
         - tooltip
+        # ConditionBlock - conjunction
+        - and
+        - or
         # ConditionPreview - previewType
         - condition
         - newGroup
@@ -1124,19 +1167,6 @@ collect:
         - text
         # PageHeader - fullWidthGrid
         - xl
-        # StringFormatter - tooltipDirection
-        - '"bottom-left"'
-        - '"bottom-right"'
-        - '"bottom"'
-        - '"left-bottom"'
-        - '"left-top"'
-        - '"left"'
-        - '"right-bottom"'
-        - '"right-top"'
-        - '"right"'
-        - '"top-left"'
-        - '"top-right"'
-        - '"top"'
   npm:
     dependencies: null
   js:

package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts

@@ -1,27 +0,0 @@
-export const statementConfig: {
-    label: string;
-    id: string;
-}[];
-export const connectorConfig: {
-    label: string;
-    id: string;
-}[];
-export const actionConfig: {
-    label: string;
-    id: string;
-}[];
-export const operatorConfig: {
-    label: string;
-    id: string;
-    type: string;
-}[];
-export const blockClass: string;
-export function translateWithId(key: any): any;
-export namespace valueRenderers {
-    function text(val: any): any;
-    function time(val: any): any;
-    function number(val: any): any;
-    function option(value: any): any;
-    function date(value: any): any;
-    function custom(value: any): any;
-}

package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js

@@ -1,120 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 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.
- */
-
-import { pkg } from '../../../settings.js';
-import { translationsObject } from './translationObject.js';
-
-var statementConfig = [{
-  label: 'if',
-  id: 'if'
-}, {
-  label: 'excl.if',
-  id: 'excl_if'
-}];
-var connectorConfig = [{
-  label: 'and',
-  id: 'and'
-}, {
-  label: 'or',
-  id: 'or'
-}];
-var operatorConfig = [{
-  label: 'is',
-  id: 'is',
-  type: 'all'
-}, {
-  label: 'is greater than',
-  id: 'greater',
-  type: 'number'
-}, {
-  label: 'is greater than or equal to',
-  id: 'greater_equal',
-  type: 'number'
-}, {
-  label: 'is lower than',
-  id: 'lower',
-  type: 'number'
-}, {
-  label: 'is lower than or equal to',
-  id: 'lower_equal',
-  type: 'number'
-}, {
-  label: 'starts with',
-  id: 'starts_with',
-  type: 'text'
-}, {
-  label: 'ends with',
-  id: 'ends_with',
-  type: 'text'
-}, {
-  label: 'contains',
-  id: 'contains',
-  type: 'text'
-}, {
-  label: 'is one of',
-  id: 'one_of',
-  type: 'option'
-}, {
-  label: 'is before',
-  id: 'before',
-  type: 'date,time'
-}, {
-  label: 'is after',
-  id: 'after',
-  type: 'date,time'
-}, {
-  label: 'is between',
-  id: 'between',
-  type: 'date'
-}];
-// The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--condition-builder");
-var formatDate = function formatDate(date) {
-  var day = String(date.getDate()).padStart(2, '0');
-  var month = String(date.getMonth() + 1).padStart(2, '0');
-  var year = date.getFullYear();
-  return "".concat(day, "/").concat(month, "/").concat(year);
-};
-var translationsObjectCurrent = translationsObject['en']; // TO DO: need to discuss if language is to be passed as prop
-var translateWithId = function translateWithId(key) {
-  var _translationsObjectCu;
-  return (_translationsObjectCu = translationsObjectCurrent[key]) !== null && _translationsObjectCu !== void 0 ? _translationsObjectCu : key;
-};
-var valueRenderers = {
-  text: function text(val) {
-    return val;
-  },
-  time: function time(val) {
-    return val;
-  },
-  number: function number(val) {
-    return val;
-  },
-  option: function option(value) {
-    if (value && typeof value !== 'string') {
-      var selectedValues = Array.isArray(value) ? value : [value];
-      return selectedValues.map(function (option) {
-        return option.label;
-      }).join(', ');
-    }
-    return value;
-  },
-  date: function date(value) {
-    if (Array.isArray(value) && value.length > 1) {
-      var start = value !== null && value !== void 0 && value[0] ? formatDate(new Date(value[0])) : '';
-      var end = value !== null && value !== void 0 && value[1] ? formatDate(new Date(value[1])) : '';
-      return "".concat(start, " To ").concat(end);
-    } else {
-      return value && new Date(value) ? formatDate(new Date(value)) : value;
-    }
-  },
-  custom: function custom(value) {
-    return value;
-  }
-};
-
-export { blockClass, connectorConfig, operatorConfig, statementConfig, translateWithId, valueRenderers };