@carbon/ibm-products 2.84.0 → 2.85.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 +18 -13
- 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 +18 -13
- 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 +18 -13
- 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 +18 -13
- 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/Coachmark/next/Coachmark/ContentHeader.js +2 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +12 -1
- package/es/components/CreateTearsheet/CreateTearsheet.d.ts +1 -0
- package/es/components/CreateTearsheet/CreateTearsheet.js +3 -0
- package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts +4 -0
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +7 -1
- package/es/components/EditInPlace/EditInPlace.d.ts +12 -1
- package/es/components/EditInPlace/EditInPlace.js +52 -31
- package/es/components/ImportModal/ImportModal.d.ts +5 -1
- package/es/components/ImportModal/ImportModal.js +12 -6
- package/es/components/PageHeader/next/PageHeader.d.ts +15 -238
- package/es/components/PageHeader/next/PageHeader.js +25 -637
- package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts +41 -0
- package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.js +74 -0
- package/es/components/PageHeader/next/PageHeaderBreadcrumbOverflow.d.ts +12 -0
- package/es/components/PageHeader/next/PageHeaderBreadcrumbOverflow.js +82 -0
- package/es/components/PageHeader/next/PageHeaderContent.d.ts +39 -0
- package/es/components/PageHeader/next/PageHeaderContent.js +129 -0
- package/es/components/PageHeader/next/PageHeaderContentPageActions.d.ts +52 -0
- package/es/components/PageHeader/next/PageHeaderContentPageActions.js +126 -0
- package/es/components/PageHeader/next/PageHeaderContentText.d.ts +44 -0
- package/es/components/PageHeader/next/PageHeaderContentText.js +54 -0
- package/es/components/PageHeader/next/PageHeaderHeroImage.d.ts +36 -0
- package/es/components/PageHeader/next/PageHeaderHeroImage.js +62 -0
- package/es/components/PageHeader/next/PageHeaderScrollButton.d.ts +13 -0
- package/es/components/PageHeader/next/PageHeaderScrollButton.js +73 -0
- package/es/components/PageHeader/next/PageHeaderTabBar.d.ts +19 -0
- package/es/components/PageHeader/next/PageHeaderTabBar.js +66 -0
- package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts +13 -0
- package/es/components/PageHeader/next/PageHeaderTagOverflow.js +68 -0
- package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.d.ts +9 -0
- package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +43 -0
- package/es/components/PageHeader/next/index.d.ts +3 -2
- package/es/components/PageHeader/next/index.js +11 -1
- package/es/global/js/hooks/useCreateComponentStepChange.d.ts +2 -1
- package/es/global/js/hooks/useCreateComponentStepChange.js +3 -2
- package/es/global/js/hooks/usePortalTarget.js +1 -1
- package/es/global/js/utils/makeDraggable/makeDraggable.js +22 -13
- package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +2 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +12 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +1 -0
- package/lib/components/CreateTearsheet/CreateTearsheet.js +3 -0
- package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts +4 -0
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +7 -1
- package/lib/components/EditInPlace/EditInPlace.d.ts +12 -1
- package/lib/components/EditInPlace/EditInPlace.js +50 -29
- package/lib/components/ImportModal/ImportModal.d.ts +5 -1
- package/lib/components/ImportModal/ImportModal.js +12 -6
- package/lib/components/PageHeader/next/PageHeader.d.ts +15 -238
- package/lib/components/PageHeader/next/PageHeader.js +42 -654
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts +41 -0
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.js +76 -0
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbOverflow.d.ts +12 -0
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbOverflow.js +84 -0
- package/lib/components/PageHeader/next/PageHeaderContent.d.ts +39 -0
- package/lib/components/PageHeader/next/PageHeaderContent.js +131 -0
- package/lib/components/PageHeader/next/PageHeaderContentPageActions.d.ts +52 -0
- package/lib/components/PageHeader/next/PageHeaderContentPageActions.js +128 -0
- package/lib/components/PageHeader/next/PageHeaderContentText.d.ts +44 -0
- package/lib/components/PageHeader/next/PageHeaderContentText.js +56 -0
- package/lib/components/PageHeader/next/PageHeaderHeroImage.d.ts +36 -0
- package/lib/components/PageHeader/next/PageHeaderHeroImage.js +64 -0
- package/lib/components/PageHeader/next/PageHeaderScrollButton.d.ts +13 -0
- package/lib/components/PageHeader/next/PageHeaderScrollButton.js +75 -0
- package/lib/components/PageHeader/next/PageHeaderTabBar.d.ts +19 -0
- package/lib/components/PageHeader/next/PageHeaderTabBar.js +68 -0
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts +13 -0
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +70 -0
- package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.d.ts +9 -0
- package/lib/components/PageHeader/next/PageHeaderTitleBreadcrumb.js +45 -0
- package/lib/components/PageHeader/next/index.d.ts +3 -2
- package/lib/components/PageHeader/next/index.js +20 -10
- package/lib/global/js/hooks/useCreateComponentStepChange.d.ts +2 -1
- package/lib/global/js/hooks/useCreateComponentStepChange.js +3 -2
- package/lib/global/js/hooks/usePortalTarget.js +1 -1
- package/lib/global/js/utils/makeDraggable/makeDraggable.js +22 -13
- package/package.json +7 -7
- package/scss/components/Datagrid/_datagrid.scss +7 -10
- package/scss/components/EditInPlace/_edit-in-place.scss +11 -3
- package/scss/components/PageHeader/_page-header.scss +2 -1
- package/telemetry.yml +13 -0
|
@@ -8416,7 +8416,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
8416
8416
|
position: sticky;
|
|
8417
8417
|
z-index: 1;
|
|
8418
8418
|
background-color: var(--cds-layer);
|
|
8419
|
-
block-size:
|
|
8419
|
+
block-size: 2.5rem;
|
|
8420
8420
|
/* stylelint-disable-next-line carbon/layout-use */
|
|
8421
8421
|
inset-block-start: var(--c4p-page-header-breadcrumb-top);
|
|
8422
8422
|
}
|
|
@@ -8425,11 +8425,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
8425
8425
|
block-size: 100%;
|
|
8426
8426
|
}
|
|
8427
8427
|
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column {
|
|
8428
|
-
block-size:
|
|
8428
|
+
block-size: 2.5rem;
|
|
8429
8429
|
}
|
|
8430
8430
|
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column,
|
|
8431
8431
|
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .c4p--page-header__breadcrumb-container {
|
|
8432
|
-
block-size:
|
|
8432
|
+
block-size: 2.5rem;
|
|
8433
8433
|
}
|
|
8434
8434
|
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column .c4p--page-header__breadcrumb-wrapper,
|
|
8435
8435
|
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .c4p--page-header__breadcrumb-container .c4p--page-header__breadcrumb-wrapper {
|
|
@@ -8501,7 +8501,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
8501
8501
|
gap: 1rem;
|
|
8502
8502
|
grid-template-columns: auto minmax(var(--page-header-title-grid-width, 0), 1fr);
|
|
8503
8503
|
margin-block-end: 1rem;
|
|
8504
|
-
min-block-size:
|
|
8504
|
+
min-block-size: 2.5rem;
|
|
8505
8505
|
}
|
|
8506
8506
|
.c4p--page-header__next .c4p--page-header__content__start {
|
|
8507
8507
|
display: flex;
|
|
@@ -8526,7 +8526,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
8526
8526
|
overflow: hidden;
|
|
8527
8527
|
-webkit-box-orient: vertical;
|
|
8528
8528
|
-webkit-line-clamp: 2;
|
|
8529
|
-
max-inline-size:
|
|
8529
|
+
max-inline-size: 40rem;
|
|
8530
8530
|
text-overflow: ellipsis;
|
|
8531
8531
|
white-space: normal;
|
|
8532
8532
|
}
|
|
@@ -8571,7 +8571,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
8571
8571
|
line-height: var(--cds-body-01-line-height, 1.42857);
|
|
8572
8572
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
|
8573
8573
|
margin-block-start: 0.5rem;
|
|
8574
|
-
max-inline-size:
|
|
8574
|
+
max-inline-size: 40rem;
|
|
8575
8575
|
}
|
|
8576
8576
|
.c4p--page-header__next [data-hidden]:not([data-fixed]) {
|
|
8577
8577
|
display: none;
|
|
@@ -11127,8 +11127,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
11127
11127
|
--c4p--edit-in-place--size: 3rem;
|
|
11128
11128
|
}
|
|
11129
11129
|
|
|
11130
|
-
.c4p--edit-in-
|
|
11131
|
-
|
|
11130
|
+
.c4p--edit-in-place__toggletip-wrapper {
|
|
11131
|
+
display: block;
|
|
11132
|
+
inline-size: 100%;
|
|
11133
|
+
}
|
|
11134
|
+
|
|
11135
|
+
.c4p--edit-in-place__toggletip-wrapper .cds--toggletip-button {
|
|
11136
|
+
display: block;
|
|
11137
|
+
inline-size: 100%;
|
|
11132
11138
|
}
|
|
11133
11139
|
|
|
11134
11140
|
.c4p--edit-in-place:hover {
|
|
@@ -11224,7 +11230,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
11224
11230
|
inline-size: var(--toolbar-width-focussed);
|
|
11225
11231
|
}
|
|
11226
11232
|
}
|
|
11227
|
-
.c4p--edit-in-place--focused .c4p--edit-in-place__toolbar {
|
|
11233
|
+
.c4p--edit-in-place--focused:not(.c4p--edit-in-place--readonly) .c4p--edit-in-place__toolbar {
|
|
11228
11234
|
overflow: initial;
|
|
11229
11235
|
animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
|
11230
11236
|
inline-size: var(--toolbar-width-focussed);
|
|
@@ -13615,7 +13621,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
13615
13621
|
display: block;
|
|
13616
13622
|
inline-size: 100%;
|
|
13617
13623
|
}
|
|
13618
|
-
.c4p--datagrid__datagridWrap
|
|
13624
|
+
.c4p--datagrid__datagridWrap .cds--checkbox {
|
|
13619
13625
|
display: none;
|
|
13620
13626
|
}
|
|
13621
13627
|
|
|
@@ -13638,14 +13644,13 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
13638
13644
|
flex-direction: column;
|
|
13639
13645
|
block-size: 100%;
|
|
13640
13646
|
inline-size: 100%;
|
|
13641
|
-
/* stylelint-disable-next-line */
|
|
13642
13647
|
}
|
|
13643
|
-
.c4p--datagrid__datagridWrap-simple
|
|
13648
|
+
.c4p--datagrid__datagridWrap-simple .cds--pagination {
|
|
13644
13649
|
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
|
13645
13650
|
overflow-x: unset;
|
|
13646
13651
|
}
|
|
13647
13652
|
@supports (overflow-inline: unset) {
|
|
13648
|
-
.c4p--datagrid__datagridWrap-simple
|
|
13653
|
+
.c4p--datagrid__datagridWrap-simple .cds--pagination {
|
|
13649
13654
|
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
|
13650
13655
|
overflow-inline: unset;
|
|
13651
13656
|
}
|