@carbon/ibm-products 1.35.2 → 1.37.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.
Files changed (49) hide show
  1. package/README.md +3 -3
  2. package/css/index-full-carbon.css +288 -265
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +3 -3
  5. package/css/index-full-carbon.min.css.map +1 -1
  6. package/css/index-without-carbon-released-only.css +65 -68
  7. package/css/index-without-carbon-released-only.css.map +1 -1
  8. package/css/index-without-carbon-released-only.min.css +3 -3
  9. package/css/index-without-carbon-released-only.min.css.map +1 -1
  10. package/css/index-without-carbon.css +90 -70
  11. package/css/index-without-carbon.css.map +1 -1
  12. package/css/index-without-carbon.min.css +2 -2
  13. package/css/index-without-carbon.min.css.map +1 -1
  14. package/css/index.css +257 -237
  15. package/css/index.css.map +1 -1
  16. package/css/index.min.css +2 -2
  17. package/css/index.min.css.map +1 -1
  18. package/es/components/ActionSet/ActionSet.js +6 -3
  19. package/es/components/AddSelect/add-select-utils.js +2 -2
  20. package/es/components/DataSpreadsheet/DataSpreadsheet.js +2 -1
  21. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +8 -1
  22. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +88 -0
  23. package/es/components/Datagrid/useNestedRowExpander.js +8 -3
  24. package/es/components/FilterSummary/FilterSummary.js +54 -0
  25. package/es/components/FilterSummary/index.js +7 -0
  26. package/es/components/OptionsTile/OptionsTile.js +25 -10
  27. package/es/components/PageHeader/PageHeaderTitle.js +2 -4
  28. package/es/global/js/hooks/index.js +2 -1
  29. package/es/global/js/hooks/useControllableState.js +74 -0
  30. package/lib/components/ActionSet/ActionSet.js +6 -3
  31. package/lib/components/AddSelect/add-select-utils.js +2 -2
  32. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +2 -1
  33. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +8 -1
  34. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +101 -0
  35. package/lib/components/Datagrid/useNestedRowExpander.js +7 -2
  36. package/lib/components/FilterSummary/FilterSummary.js +63 -0
  37. package/lib/components/FilterSummary/index.js +13 -0
  38. package/lib/components/OptionsTile/OptionsTile.js +25 -10
  39. package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
  40. package/lib/global/js/hooks/index.js +8 -1
  41. package/lib/global/js/hooks/useControllableState.js +80 -0
  42. package/package.json +15 -15
  43. package/scss/components/ActionSet/_action-set.scss +9 -4
  44. package/scss/components/Datagrid/styles/_useNestedRows.scss +17 -0
  45. package/scss/components/FilterSummary/_filter-summary.scss +17 -0
  46. package/scss/components/FilterSummary/_index.scss +10 -0
  47. package/scss/components/FilterSummary/_storybook-styles.scss +14 -0
  48. package/scss/components/PageHeader/_page-header.scss +0 -4
  49. package/scss/components/_index.scss +1 -0
@@ -267,14 +267,17 @@
267
267
  font-weight: var(--cds-body-short-01-font-weight, 400);
268
268
  line-height: var(--cds-body-short-01-line-height, 1.28572);
269
269
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
270
- height: var(--cds-spacing-10, 4rem);
271
270
  align-items: center;
271
+ margin: 0;
272
+ }
273
+ .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
274
+ height: var(--cds-spacing-10, 4rem);
272
275
  padding-top: var(--cds-spacing-05, 1rem);
273
276
  padding-bottom: var(--cds-spacing-07, 2rem);
274
- margin: 0;
275
277
  }
276
278
 
277
- .c4p--action-set.bx--btn-set .c4p--action-set__action-button.bx--btn.bx--btn--expressive {
279
+ .c4p--action-set.bx--btn-set .c4p--action-set__action-button.bx--btn.bx--btn--expressive,
280
+ .c4p--action-set.bx--btn-set .c4p--action-set__action-button.bx--btn {
278
281
  max-width: none;
279
282
  }
280
283
 
@@ -345,7 +348,7 @@
345
348
  }
346
349
  @media (prefers-reduced-motion: no-preference) {
347
350
  .c4p--cascade__element,
348
- .c4p--cascade__col {
351
+ .c4p--cascade__col {
349
352
  animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
350
353
  animation-fill-mode: forwards;
351
354
  opacity: 0;
@@ -500,9 +503,9 @@
500
503
 
501
504
  @media (prefers-reduced-motion) {
502
505
  .c4p--create-influencer__side-nav-opening,
503
- .c4p--create-influencer__progress-indicator-opening,
504
- .c4p--create-influencer__side-nav-closing,
505
- .c4p--create-influencer__progress-indicator-closing {
506
+ .c4p--create-influencer__progress-indicator-opening,
507
+ .c4p--create-influencer__side-nav-closing,
508
+ .c4p--create-influencer__progress-indicator-closing {
506
509
  animation: none;
507
510
  opacity: 1;
508
511
  }
@@ -2033,6 +2036,14 @@
2033
2036
  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
2034
2037
  }
2035
2038
 
2039
+ .c4p--filter-summary {
2040
+ display: flex;
2041
+ width: 100%;
2042
+ align-items: center;
2043
+ padding: var(--cds-spacing-03, 0.5rem);
2044
+ background: var(--cds-ui-01, #f4f4f4);
2045
+ }
2046
+
2036
2047
  .c4p--http-errors .c4p--http-errors__content {
2037
2048
  position: fixed;
2038
2049
  z-index: 2;
@@ -2061,7 +2072,7 @@
2061
2072
 
2062
2073
  .c4p--http-errors .c4p--http-errors__title {
2063
2074
  font-size: var(--cds-productive-heading-05-font-size, 2rem);
2064
- font-weight: var(--cds-productive-heading-05-font-weight, 300);
2075
+ font-weight: var(--cds-productive-heading-05-font-weight, 400);
2065
2076
  line-height: var(--cds-productive-heading-05-line-height, 1.25);
2066
2077
  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
2067
2078
  margin-bottom: var(--cds-spacing-04, 0.75rem);
@@ -2235,7 +2246,7 @@
2235
2246
  }
2236
2247
  @media (prefers-reduced-motion: reduce) {
2237
2248
  .modified-tabs__tab-new-img,
2238
- .modified-tabs__tab-close {
2249
+ .modified-tabs__tab-close {
2239
2250
  transition: none;
2240
2251
  }
2241
2252
  }
@@ -2906,7 +2917,7 @@ button.c4p--add-select__global-filter-toggle--open {
2906
2917
  --cds-productive-heading-04-line-height: 1.28572;
2907
2918
  --cds-productive-heading-04-letter-spacing: 0;
2908
2919
  --cds-productive-heading-05-font-size: 2rem;
2909
- --cds-productive-heading-05-font-weight: 300;
2920
+ --cds-productive-heading-05-font-weight: 400;
2910
2921
  --cds-productive-heading-05-line-height: 1.25;
2911
2922
  --cds-productive-heading-05-letter-spacing: 0;
2912
2923
  --cds-productive-heading-06-font-size: 2.625rem;
@@ -2934,7 +2945,7 @@ button.c4p--add-select__global-filter-toggle--open {
2934
2945
  --cds-expressive-heading-04-line-height: 1.28572;
2935
2946
  --cds-expressive-heading-04-letter-spacing: 0;
2936
2947
  --cds-expressive-heading-05-font-size: 2rem;
2937
- --cds-expressive-heading-05-font-weight: 300;
2948
+ --cds-expressive-heading-05-font-weight: 400;
2938
2949
  --cds-expressive-heading-05-line-height: 1.25;
2939
2950
  --cds-expressive-heading-05-letter-spacing: 0;
2940
2951
  --cds-expressive-heading-06-font-size: 2rem;
@@ -3012,7 +3023,7 @@ button.c4p--add-select__global-filter-toggle--open {
3012
3023
  --cds-heading-04-line-height: 1.28572;
3013
3024
  --cds-heading-04-letter-spacing: 0;
3014
3025
  --cds-heading-05-font-size: 2rem;
3015
- --cds-heading-05-font-weight: 300;
3026
+ --cds-heading-05-font-weight: 400;
3016
3027
  --cds-heading-05-line-height: 1.25;
3017
3028
  --cds-heading-05-letter-spacing: 0;
3018
3029
  --cds-heading-06-font-size: 2.625rem;
@@ -3032,7 +3043,7 @@ button.c4p--add-select__global-filter-toggle--open {
3032
3043
  --cds-fluid-heading-04-line-height: 1.28572;
3033
3044
  --cds-fluid-heading-04-letter-spacing: 0;
3034
3045
  --cds-fluid-heading-05-font-size: 2rem;
3035
- --cds-fluid-heading-05-font-weight: 300;
3046
+ --cds-fluid-heading-05-font-weight: 400;
3036
3047
  --cds-fluid-heading-05-line-height: 1.25;
3037
3048
  --cds-fluid-heading-05-letter-spacing: 0;
3038
3049
  --cds-fluid-heading-06-font-size: 2rem;
@@ -3253,7 +3264,7 @@ button.c4p--add-select__global-filter-toggle--open {
3253
3264
  }
3254
3265
  @media (prefers-reduced-motion: reduce) {
3255
3266
  .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .bx--btn__icon,
3256
- .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
3267
+ .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
3257
3268
  transition: none;
3258
3269
  }
3259
3270
  }
@@ -3415,7 +3426,7 @@ button.c4p--add-select__global-filter-toggle--open {
3415
3426
  display: none;
3416
3427
  }
3417
3428
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
3418
- .c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
3429
+ .c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
3419
3430
  display: inline-flex;
3420
3431
  vertical-align: middle;
3421
3432
  }
@@ -3917,12 +3928,6 @@ button.c4p--add-select__global-filter-toggle--open {
3917
3928
  transform: translateY(-2px);
3918
3929
  vertical-align: middle;
3919
3930
  }
3920
- .c4p--page-header .c4p--page-header__title-wrapper {
3921
- font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
3922
- font-weight: var(--cds-productive-heading-04-font-weight, 400);
3923
- line-height: var(--cds-productive-heading-04-line-height, 1.28572);
3924
- letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
3925
- }
3926
3931
  .c4p--page-header .c4p--page-header__page-actions {
3927
3932
  flex: 0 0 100%;
3928
3933
  margin-top: var(--cds-spacing-05, 1rem);
@@ -4313,7 +4318,7 @@ button.c4p--add-select__global-filter-toggle--open {
4313
4318
  }
4314
4319
  @media (prefers-reduced-motion) {
4315
4320
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4316
- .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4321
+ .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4317
4322
  animation: none;
4318
4323
  }
4319
4324
  }
@@ -4324,7 +4329,7 @@ button.c4p--add-select__global-filter-toggle--open {
4324
4329
  }
4325
4330
  @media (prefers-reduced-motion) {
4326
4331
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4327
- .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4332
+ .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4328
4333
  animation: none;
4329
4334
  }
4330
4335
  }
@@ -4335,7 +4340,7 @@ button.c4p--add-select__global-filter-toggle--open {
4335
4340
  }
4336
4341
  @media (prefers-reduced-motion) {
4337
4342
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4338
- .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4343
+ .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4339
4344
  animation: none;
4340
4345
  }
4341
4346
  }
@@ -4346,7 +4351,7 @@ button.c4p--add-select__global-filter-toggle--open {
4346
4351
  }
4347
4352
  @media (prefers-reduced-motion) {
4348
4353
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4349
- .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4354
+ .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4350
4355
  animation: none;
4351
4356
  }
4352
4357
  }
@@ -4357,7 +4362,7 @@ button.c4p--add-select__global-filter-toggle--open {
4357
4362
  }
4358
4363
  @media (prefers-reduced-motion) {
4359
4364
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4360
- .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4365
+ .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4361
4366
  animation: none;
4362
4367
  }
4363
4368
  }
@@ -4368,7 +4373,7 @@ button.c4p--add-select__global-filter-toggle--open {
4368
4373
  }
4369
4374
  @media (prefers-reduced-motion) {
4370
4375
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4371
- .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4376
+ .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4372
4377
  animation: none;
4373
4378
  }
4374
4379
  }
@@ -4379,7 +4384,7 @@ button.c4p--add-select__global-filter-toggle--open {
4379
4384
  }
4380
4385
  @media (prefers-reduced-motion) {
4381
4386
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4382
- .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4387
+ .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4383
4388
  animation: none;
4384
4389
  }
4385
4390
  }
@@ -4390,7 +4395,7 @@ button.c4p--add-select__global-filter-toggle--open {
4390
4395
  }
4391
4396
  @media (prefers-reduced-motion) {
4392
4397
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4393
- .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4398
+ .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4394
4399
  animation: none;
4395
4400
  }
4396
4401
  }
@@ -4401,7 +4406,7 @@ button.c4p--add-select__global-filter-toggle--open {
4401
4406
  }
4402
4407
  @media (prefers-reduced-motion) {
4403
4408
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4404
- .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4409
+ .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4405
4410
  animation: none;
4406
4411
  }
4407
4412
  }
@@ -4412,7 +4417,7 @@ button.c4p--add-select__global-filter-toggle--open {
4412
4417
  }
4413
4418
  @media (prefers-reduced-motion) {
4414
4419
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4415
- .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4420
+ .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4416
4421
  animation: none;
4417
4422
  }
4418
4423
  }
@@ -4423,7 +4428,7 @@ button.c4p--add-select__global-filter-toggle--open {
4423
4428
  }
4424
4429
  @media (prefers-reduced-motion) {
4425
4430
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4426
- .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4431
+ .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4427
4432
  animation: none;
4428
4433
  }
4429
4434
  }
@@ -4434,7 +4439,7 @@ button.c4p--add-select__global-filter-toggle--open {
4434
4439
  }
4435
4440
  @media (prefers-reduced-motion) {
4436
4441
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4437
- .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4442
+ .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4438
4443
  animation: none;
4439
4444
  }
4440
4445
  }
@@ -4445,7 +4450,7 @@ button.c4p--add-select__global-filter-toggle--open {
4445
4450
  }
4446
4451
  @media (prefers-reduced-motion) {
4447
4452
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4448
- .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4453
+ .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4449
4454
  animation: none;
4450
4455
  }
4451
4456
  }
@@ -4456,7 +4461,7 @@ button.c4p--add-select__global-filter-toggle--open {
4456
4461
  }
4457
4462
  @media (prefers-reduced-motion) {
4458
4463
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4459
- .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4464
+ .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4460
4465
  animation: none;
4461
4466
  }
4462
4467
  }
@@ -4467,7 +4472,7 @@ button.c4p--add-select__global-filter-toggle--open {
4467
4472
  }
4468
4473
  @media (prefers-reduced-motion) {
4469
4474
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4470
- .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4475
+ .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4471
4476
  animation: none;
4472
4477
  }
4473
4478
  }
@@ -4478,7 +4483,7 @@ button.c4p--add-select__global-filter-toggle--open {
4478
4483
  }
4479
4484
  @media (prefers-reduced-motion) {
4480
4485
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4481
- .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4486
+ .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4482
4487
  animation: none;
4483
4488
  }
4484
4489
  }
@@ -4490,7 +4495,7 @@ button.c4p--add-select__global-filter-toggle--open {
4490
4495
  }
4491
4496
  @media (prefers-reduced-motion: reduce) {
4492
4497
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4493
- .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4498
+ .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4494
4499
  animation: none;
4495
4500
  }
4496
4501
  }
@@ -4502,7 +4507,7 @@ button.c4p--add-select__global-filter-toggle--open {
4502
4507
  }
4503
4508
  @media (prefers-reduced-motion: reduce) {
4504
4509
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4505
- .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4510
+ .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4506
4511
  animation: none;
4507
4512
  }
4508
4513
  }
@@ -4525,7 +4530,7 @@ button.c4p--add-select__global-filter-toggle--open {
4525
4530
  }
4526
4531
  @media (prefers-reduced-motion) {
4527
4532
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
4528
- .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4533
+ .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
4529
4534
  animation: none;
4530
4535
  }
4531
4536
  }
@@ -4536,7 +4541,7 @@ button.c4p--add-select__global-filter-toggle--open {
4536
4541
  }
4537
4542
  @media (prefers-reduced-motion) {
4538
4543
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
4539
- .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4544
+ .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
4540
4545
  animation: none;
4541
4546
  }
4542
4547
  }
@@ -4547,7 +4552,7 @@ button.c4p--add-select__global-filter-toggle--open {
4547
4552
  }
4548
4553
  @media (prefers-reduced-motion) {
4549
4554
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4550
- .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4555
+ .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4551
4556
  animation: none;
4552
4557
  }
4553
4558
  }
@@ -4558,7 +4563,7 @@ button.c4p--add-select__global-filter-toggle--open {
4558
4563
  }
4559
4564
  @media (prefers-reduced-motion) {
4560
4565
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4561
- .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4566
+ .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4562
4567
  animation: none;
4563
4568
  }
4564
4569
  }
@@ -4569,7 +4574,7 @@ button.c4p--add-select__global-filter-toggle--open {
4569
4574
  }
4570
4575
  @media (prefers-reduced-motion) {
4571
4576
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4572
- .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4577
+ .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4573
4578
  animation: none;
4574
4579
  }
4575
4580
  }
@@ -4580,7 +4585,7 @@ button.c4p--add-select__global-filter-toggle--open {
4580
4585
  }
4581
4586
  @media (prefers-reduced-motion) {
4582
4587
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4583
- .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4588
+ .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4584
4589
  animation: none;
4585
4590
  }
4586
4591
  }
@@ -4591,7 +4596,7 @@ button.c4p--add-select__global-filter-toggle--open {
4591
4596
  }
4592
4597
  @media (prefers-reduced-motion) {
4593
4598
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4594
- .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4599
+ .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4595
4600
  animation: none;
4596
4601
  }
4597
4602
  }
@@ -4602,7 +4607,7 @@ button.c4p--add-select__global-filter-toggle--open {
4602
4607
  }
4603
4608
  @media (prefers-reduced-motion) {
4604
4609
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4605
- .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4610
+ .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4606
4611
  animation: none;
4607
4612
  }
4608
4613
  }
@@ -4613,7 +4618,7 @@ button.c4p--add-select__global-filter-toggle--open {
4613
4618
  }
4614
4619
  @media (prefers-reduced-motion) {
4615
4620
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4616
- .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4621
+ .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4617
4622
  animation: none;
4618
4623
  }
4619
4624
  }
@@ -4624,7 +4629,7 @@ button.c4p--add-select__global-filter-toggle--open {
4624
4629
  }
4625
4630
  @media (prefers-reduced-motion) {
4626
4631
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4627
- .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4632
+ .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4628
4633
  animation: none;
4629
4634
  }
4630
4635
  }
@@ -4635,7 +4640,7 @@ button.c4p--add-select__global-filter-toggle--open {
4635
4640
  }
4636
4641
  @media (prefers-reduced-motion) {
4637
4642
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4638
- .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4643
+ .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4639
4644
  animation: none;
4640
4645
  }
4641
4646
  }
@@ -4646,7 +4651,7 @@ button.c4p--add-select__global-filter-toggle--open {
4646
4651
  }
4647
4652
  @media (prefers-reduced-motion) {
4648
4653
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4649
- .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4654
+ .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4650
4655
  animation: none;
4651
4656
  }
4652
4657
  }
@@ -4657,7 +4662,7 @@ button.c4p--add-select__global-filter-toggle--open {
4657
4662
  }
4658
4663
  @media (prefers-reduced-motion) {
4659
4664
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4660
- .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4665
+ .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4661
4666
  animation: none;
4662
4667
  }
4663
4668
  }
@@ -4668,7 +4673,7 @@ button.c4p--add-select__global-filter-toggle--open {
4668
4673
  }
4669
4674
  @media (prefers-reduced-motion) {
4670
4675
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4671
- .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4676
+ .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4672
4677
  animation: none;
4673
4678
  }
4674
4679
  }
@@ -4679,7 +4684,7 @@ button.c4p--add-select__global-filter-toggle--open {
4679
4684
  }
4680
4685
  @media (prefers-reduced-motion) {
4681
4686
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4682
- .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4687
+ .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4683
4688
  animation: none;
4684
4689
  }
4685
4690
  }
@@ -4690,7 +4695,7 @@ button.c4p--add-select__global-filter-toggle--open {
4690
4695
  }
4691
4696
  @media (prefers-reduced-motion) {
4692
4697
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4693
- .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4698
+ .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4694
4699
  animation: none;
4695
4700
  }
4696
4701
  }
@@ -4701,7 +4706,7 @@ button.c4p--add-select__global-filter-toggle--open {
4701
4706
  }
4702
4707
  @media (prefers-reduced-motion) {
4703
4708
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4704
- .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4709
+ .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4705
4710
  animation: none;
4706
4711
  }
4707
4712
  }
@@ -4712,7 +4717,7 @@ button.c4p--add-select__global-filter-toggle--open {
4712
4717
  }
4713
4718
  @media (prefers-reduced-motion) {
4714
4719
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4715
- .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4720
+ .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4716
4721
  animation: none;
4717
4722
  }
4718
4723
  }
@@ -4724,7 +4729,7 @@ button.c4p--add-select__global-filter-toggle--open {
4724
4729
  }
4725
4730
  @media (prefers-reduced-motion: reduce) {
4726
4731
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4727
- .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4732
+ .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4728
4733
  animation: none;
4729
4734
  }
4730
4735
  }
@@ -4736,7 +4741,7 @@ button.c4p--add-select__global-filter-toggle--open {
4736
4741
  }
4737
4742
  @media (prefers-reduced-motion: reduce) {
4738
4743
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4739
- .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4744
+ .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4740
4745
  animation: none;
4741
4746
  }
4742
4747
  }
@@ -4759,7 +4764,7 @@ button.c4p--add-select__global-filter-toggle--open {
4759
4764
  }
4760
4765
  @media (prefers-reduced-motion) {
4761
4766
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
4762
- .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4767
+ .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
4763
4768
  animation: none;
4764
4769
  }
4765
4770
  }
@@ -4770,7 +4775,7 @@ button.c4p--add-select__global-filter-toggle--open {
4770
4775
  }
4771
4776
  @media (prefers-reduced-motion) {
4772
4777
  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
4773
- .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4778
+ .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
4774
4779
  animation: none;
4775
4780
  }
4776
4781
  }
@@ -5112,7 +5117,7 @@ button.c4p--add-select__global-filter-toggle--open {
5112
5117
  --cds-productive-heading-04-line-height: 1.28572;
5113
5118
  --cds-productive-heading-04-letter-spacing: 0;
5114
5119
  --cds-productive-heading-05-font-size: 2rem;
5115
- --cds-productive-heading-05-font-weight: 300;
5120
+ --cds-productive-heading-05-font-weight: 400;
5116
5121
  --cds-productive-heading-05-line-height: 1.25;
5117
5122
  --cds-productive-heading-05-letter-spacing: 0;
5118
5123
  --cds-productive-heading-06-font-size: 2.625rem;
@@ -5140,7 +5145,7 @@ button.c4p--add-select__global-filter-toggle--open {
5140
5145
  --cds-expressive-heading-04-line-height: 1.28572;
5141
5146
  --cds-expressive-heading-04-letter-spacing: 0;
5142
5147
  --cds-expressive-heading-05-font-size: 2rem;
5143
- --cds-expressive-heading-05-font-weight: 300;
5148
+ --cds-expressive-heading-05-font-weight: 400;
5144
5149
  --cds-expressive-heading-05-line-height: 1.25;
5145
5150
  --cds-expressive-heading-05-letter-spacing: 0;
5146
5151
  --cds-expressive-heading-06-font-size: 2rem;
@@ -5218,7 +5223,7 @@ button.c4p--add-select__global-filter-toggle--open {
5218
5223
  --cds-heading-04-line-height: 1.28572;
5219
5224
  --cds-heading-04-letter-spacing: 0;
5220
5225
  --cds-heading-05-font-size: 2rem;
5221
- --cds-heading-05-font-weight: 300;
5226
+ --cds-heading-05-font-weight: 400;
5222
5227
  --cds-heading-05-line-height: 1.25;
5223
5228
  --cds-heading-05-letter-spacing: 0;
5224
5229
  --cds-heading-06-font-size: 2.625rem;
@@ -5238,7 +5243,7 @@ button.c4p--add-select__global-filter-toggle--open {
5238
5243
  --cds-fluid-heading-04-line-height: 1.28572;
5239
5244
  --cds-fluid-heading-04-letter-spacing: 0;
5240
5245
  --cds-fluid-heading-05-font-size: 2rem;
5241
- --cds-fluid-heading-05-font-weight: 300;
5246
+ --cds-fluid-heading-05-font-weight: 400;
5242
5247
  --cds-fluid-heading-05-line-height: 1.25;
5243
5248
  --cds-fluid-heading-05-letter-spacing: 0;
5244
5249
  --cds-fluid-heading-06-font-size: 2rem;
@@ -5557,7 +5562,7 @@ button.c4p--add-select__global-filter-toggle--open {
5557
5562
  --cds-productive-heading-04-line-height: 1.28572;
5558
5563
  --cds-productive-heading-04-letter-spacing: 0;
5559
5564
  --cds-productive-heading-05-font-size: 2rem;
5560
- --cds-productive-heading-05-font-weight: 300;
5565
+ --cds-productive-heading-05-font-weight: 400;
5561
5566
  --cds-productive-heading-05-line-height: 1.25;
5562
5567
  --cds-productive-heading-05-letter-spacing: 0;
5563
5568
  --cds-productive-heading-06-font-size: 2.625rem;
@@ -5585,7 +5590,7 @@ button.c4p--add-select__global-filter-toggle--open {
5585
5590
  --cds-expressive-heading-04-line-height: 1.28572;
5586
5591
  --cds-expressive-heading-04-letter-spacing: 0;
5587
5592
  --cds-expressive-heading-05-font-size: 2rem;
5588
- --cds-expressive-heading-05-font-weight: 300;
5593
+ --cds-expressive-heading-05-font-weight: 400;
5589
5594
  --cds-expressive-heading-05-line-height: 1.25;
5590
5595
  --cds-expressive-heading-05-letter-spacing: 0;
5591
5596
  --cds-expressive-heading-06-font-size: 2rem;
@@ -5663,7 +5668,7 @@ button.c4p--add-select__global-filter-toggle--open {
5663
5668
  --cds-heading-04-line-height: 1.28572;
5664
5669
  --cds-heading-04-letter-spacing: 0;
5665
5670
  --cds-heading-05-font-size: 2rem;
5666
- --cds-heading-05-font-weight: 300;
5671
+ --cds-heading-05-font-weight: 400;
5667
5672
  --cds-heading-05-line-height: 1.25;
5668
5673
  --cds-heading-05-letter-spacing: 0;
5669
5674
  --cds-heading-06-font-size: 2.625rem;
@@ -5683,7 +5688,7 @@ button.c4p--add-select__global-filter-toggle--open {
5683
5688
  --cds-fluid-heading-04-line-height: 1.28572;
5684
5689
  --cds-fluid-heading-04-letter-spacing: 0;
5685
5690
  --cds-fluid-heading-05-font-size: 2rem;
5686
- --cds-fluid-heading-05-font-weight: 300;
5691
+ --cds-fluid-heading-05-font-weight: 400;
5687
5692
  --cds-fluid-heading-05-line-height: 1.25;
5688
5693
  --cds-fluid-heading-05-letter-spacing: 0;
5689
5694
  --cds-fluid-heading-06-font-size: 2rem;
@@ -6240,7 +6245,7 @@ button.c4p--add-select__global-filter-toggle--open {
6240
6245
 
6241
6246
  @media (prefers-reduced-motion: reduce) {
6242
6247
  .c4p--options-tile__summary,
6243
- .c4p--options-tile__chevron {
6248
+ .c4p--options-tile__chevron {
6244
6249
  transition: none;
6245
6250
  }
6246
6251
  }
@@ -6928,6 +6933,21 @@ button.c4p--add-select__global-filter-toggle--open {
6928
6933
  border-bottom: none;
6929
6934
  }
6930
6935
 
6936
+ .c4p--datagrid .c4p--datagrid__carbon-row-expandable {
6937
+ position: relative;
6938
+ }
6939
+
6940
+ .c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::before {
6941
+ position: absolute;
6942
+ /* stylelint-disable-next-line carbon/layout-token-use */
6943
+ top: -1px;
6944
+ left: 0;
6945
+ width: 100%;
6946
+ height: 1px;
6947
+ background-color: var(--cds-border-subtle, #e0e0e0);
6948
+ content: "";
6949
+ }
6950
+
6931
6951
  /*
6932
6952
  * Licensed Materials - Property of IBM
6933
6953
  * 5724-Q36