@carbon/ibm-products 2.56.1 → 2.57.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +66 -20
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +28 -12
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +28 -12
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +29 -12
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.d.ts +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +1 -1
- package/es/components/APIKeyModal/APIKeyModal.d.ts +13 -0
- package/es/components/APIKeyModal/APIKeyModal.js +69 -25
- package/es/components/APIKeyModal/APIKeyModal.types.d.ts +16 -2
- package/es/components/Card/Card.js +3 -4
- package/es/components/Coachmark/CoachmarkOverlay.js +4 -0
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +12 -0
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +39 -8
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +9 -5
- package/es/components/CreateTearsheet/CreateTearsheet.js +2 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +31 -2
- package/es/components/FilterSummary/FilterSummary.js +1 -1
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
- package/es/components/InterstitialScreen/InterstitialScreen.js +2 -3
- package/es/components/PageHeader/PageHeader.js +13 -3
- package/es/components/PageHeader/PageHeaderTitle.js +10 -29
- package/es/components/ProductiveCard/ProductiveCard.d.ts +6 -2
- package/es/components/ProductiveCard/ProductiveCard.js +7 -5
- package/es/components/SidePanel/SidePanel.d.ts +6 -1
- package/es/components/SidePanel/SidePanel.js +41 -26
- package/es/components/TagOverflow/TagOverflow.js +2 -5
- package/es/components/Tearsheet/TearsheetShell.d.ts +4 -0
- package/es/components/Tearsheet/TearsheetShell.js +5 -37
- package/es/global/js/hooks/useFocus.d.ts +1 -1
- package/es/global/js/hooks/useFocus.js +7 -4
- package/es/global/js/utils/checkForOverflow.d.ts +5 -0
- package/es/global/js/utils/checkForOverflow.js +31 -0
- package/lib/components/APIKeyModal/APIKeyDownloader.d.ts +1 -1
- package/lib/components/APIKeyModal/APIKeyDownloader.js +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.d.ts +13 -0
- package/lib/components/APIKeyModal/APIKeyModal.js +68 -22
- package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +16 -2
- package/lib/components/Card/Card.js +3 -4
- package/lib/components/Coachmark/CoachmarkOverlay.js +4 -0
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +12 -0
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +39 -8
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +9 -5
- package/lib/components/CreateTearsheet/CreateTearsheet.js +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +30 -1
- package/lib/components/FilterSummary/FilterSummary.js +1 -1
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
- package/lib/components/InterstitialScreen/InterstitialScreen.js +2 -3
- package/lib/components/PageHeader/PageHeader.js +12 -2
- package/lib/components/PageHeader/PageHeaderTitle.js +8 -27
- package/lib/components/ProductiveCard/ProductiveCard.d.ts +6 -2
- package/lib/components/ProductiveCard/ProductiveCard.js +7 -5
- package/lib/components/SidePanel/SidePanel.d.ts +6 -1
- package/lib/components/SidePanel/SidePanel.js +41 -26
- package/lib/components/TagOverflow/TagOverflow.js +1 -4
- package/lib/components/Tearsheet/TearsheetShell.d.ts +4 -0
- package/lib/components/Tearsheet/TearsheetShell.js +5 -37
- package/lib/global/js/hooks/useFocus.d.ts +1 -1
- package/lib/global/js/hooks/useFocus.js +7 -4
- package/lib/global/js/utils/checkForOverflow.d.ts +5 -0
- package/lib/global/js/utils/checkForOverflow.js +34 -0
- package/package.json +8 -8
- package/scss/components/APIKeyModal/_api-key-modal.scss +4 -0
- package/scss/components/PageHeader/_page-header.scss +18 -6
- package/scss/components/SidePanel/_side-panel.scss +13 -6
- package/telemetry.yml +4 -0
@@ -112,7 +112,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
112
112
|
border-right: 1px solid $border-subtle-02;
|
113
113
|
}
|
114
114
|
&.#{$block-class}.#{$block-class}--has-slug,
|
115
|
-
&.#{$block-class}.#{$block-class}--has-ai-label
|
115
|
+
&.#{$block-class}.#{$block-class}--has-ai-label,
|
116
|
+
&.#{$block-class}.#{$block-class}--has-decorator {
|
116
117
|
border-color: transparent;
|
117
118
|
box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow,
|
118
119
|
0 4px 10px 2px $ai-drop-shadow;
|
@@ -199,14 +200,16 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
199
200
|
&.#{$block-class}:has(.#{$block-class}__action-toolbar),
|
200
201
|
&.#{$block-class}--has-action-toolbar,
|
201
202
|
&.#{$block-class}--has-slug,
|
202
|
-
&.#{$block-class}--has-ai-label
|
203
|
+
&.#{$block-class}--has-ai-label,
|
204
|
+
&.#{$block-class}--has-decorator {
|
203
205
|
--#{$block-class}--title-padding-right: #{$spacing-10};
|
204
206
|
}
|
205
207
|
|
206
208
|
&.#{$block-class}:has(.#{$block-class}__action-toolbar),
|
207
209
|
&.#{$block-class}--has-action-toolbar {
|
208
210
|
&.#{$block-class}--has-slug,
|
209
|
-
&.#{$block-class}--has-ai-label
|
211
|
+
&.#{$block-class}--has-ai-label,
|
212
|
+
&.#{$block-class}--has-decorator {
|
210
213
|
--#{$block-class}--title-padding-right: #{$spacing-11};
|
211
214
|
}
|
212
215
|
}
|
@@ -313,7 +316,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
313
316
|
}
|
314
317
|
|
315
318
|
&.#{$block-class}--has-slug .#{$block-class}--scrolls,
|
316
|
-
&.#{$block-class}--has-ai-label .#{$block-class}--scrolls
|
319
|
+
&.#{$block-class}--has-ai-label .#{$block-class}--scrolls,
|
320
|
+
&.#{$block-class}--has-decorator .#{$block-class}--scrolls {
|
317
321
|
@include utilities.ai-popover-gradient('default', 0, 'layer');
|
318
322
|
|
319
323
|
box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow,
|
@@ -368,7 +372,8 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
368
372
|
}
|
369
373
|
|
370
374
|
.#{$block-class}__slug-and-close,
|
371
|
-
.#{$block-class}__ai-label-and-close
|
375
|
+
.#{$block-class}__ai-label-and-close,
|
376
|
+
.#{$block-class}__decorator-and-close {
|
372
377
|
position: absolute;
|
373
378
|
z-index: 10; /* must be higher than title container border bottom */
|
374
379
|
top: 0;
|
@@ -470,7 +475,9 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
|
|
470
475
|
inset: 0;
|
471
476
|
}
|
472
477
|
|
478
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
473
479
|
.#{$block-class}--has-slug + .#{$block-class}__overlay,
|
474
|
-
.#{$block-class}--has-ai-label + .#{$block-class}__overlay
|
480
|
+
.#{$block-class}--has-ai-label + .#{$block-class}__overlay,
|
481
|
+
.#{$block-class}--has-decorator + .#{$block-class}__overlay {
|
475
482
|
background-color: $ai-overlay;
|
476
483
|
}
|
package/telemetry.yml
CHANGED
@@ -456,14 +456,17 @@ collect:
|
|
456
456
|
- editButtonText
|
457
457
|
- editing
|
458
458
|
- editSuccess
|
459
|
+
- editSuccessMessage
|
459
460
|
- editSuccessTitle
|
460
461
|
- errorText
|
461
462
|
- generateButtonText
|
462
463
|
- generateSuccessBody
|
464
|
+
- generateSuccessMessage
|
463
465
|
- generateSuccessTitle
|
464
466
|
- generateTitle
|
465
467
|
- hasAPIKeyVisibilityToggle
|
466
468
|
- hasDownloadLink
|
469
|
+
- helperText
|
467
470
|
- hideAPIKeyLabel
|
468
471
|
- loadingText
|
469
472
|
- modalLabel
|
@@ -532,6 +535,7 @@ collect:
|
|
532
535
|
- fixedIsVisible
|
533
536
|
# CoachmarkOverlayElements
|
534
537
|
- isVisible
|
538
|
+
- onBack
|
535
539
|
# CoachmarkStackHome
|
536
540
|
- onClickNavItem
|
537
541
|
# Columns
|