@carbon/ibm-products 1.35.2 → 1.37.0

Sign up to get free protection for your applications and to get access to all the features.
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