@carbon/ibm-products 2.25.0 → 2.26.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (84) hide show
  1. package/css/index-full-carbon.css +42 -10
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +18 -2
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +42 -10
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +42 -10
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Cascade/Cascade.d.ts +19 -2
  18. package/es/components/Cascade/Cascade.js +12 -9
  19. package/es/components/Coachmark/CoachmarkTagline.js +1 -2
  20. package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
  21. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +14 -5
  22. package/es/components/Datagrid/Datagrid/DatagridRow.js +15 -2
  23. package/es/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.d.ts +2 -0
  24. package/es/components/Datagrid/Datagrid/addons/Slug/{ColumnHeaderSlug.js → DatagridSlug.js} +4 -4
  25. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +2 -2
  26. package/es/components/Datagrid/useSelectAllToggle.js +1 -1
  27. package/es/components/Datagrid/useSortableColumns.js +2 -2
  28. package/es/components/EmptyStates/EmptyStateContent.d.ts +1 -1
  29. package/es/components/FullPageError/FullPageError.js +41 -15
  30. package/es/components/FullPageError/assets/Error403SVG.d.ts +9 -0
  31. package/es/components/FullPageError/assets/Error403SVG.js +714 -0
  32. package/es/components/FullPageError/assets/Error404SVG.d.ts +9 -0
  33. package/es/components/FullPageError/assets/Error404SVG.js +623 -0
  34. package/es/components/HTTPErrors/HTTPErrorContent.d.ts +1 -1
  35. package/es/components/InterstitialScreen/InterstitialScreen.js +1 -1
  36. package/es/components/Tearsheet/TearsheetShell.js +16 -4
  37. package/es/components/UserAvatar/UserAvatar.js +1 -2
  38. package/es/global/js/hooks/index.d.ts +1 -0
  39. package/es/global/js/hooks/useFocus.d.ts +11 -0
  40. package/es/global/js/hooks/useFocus.js +76 -0
  41. package/lib/components/Cascade/Cascade.d.ts +19 -2
  42. package/lib/components/Cascade/Cascade.js +12 -9
  43. package/lib/components/Coachmark/CoachmarkTagline.js +3 -4
  44. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +2 -2
  45. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +13 -4
  46. package/lib/components/Datagrid/Datagrid/DatagridRow.js +14 -1
  47. package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.d.ts +2 -0
  48. package/lib/components/Datagrid/Datagrid/addons/Slug/{ColumnHeaderSlug.js → DatagridSlug.js} +4 -4
  49. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +2 -2
  50. package/lib/components/Datagrid/useSelectAllToggle.js +1 -1
  51. package/lib/components/Datagrid/useSortableColumns.js +2 -2
  52. package/lib/components/EmptyStates/EmptyStateContent.d.ts +1 -1
  53. package/lib/components/FullPageError/FullPageError.js +41 -15
  54. package/lib/components/FullPageError/assets/Error403SVG.d.ts +9 -0
  55. package/lib/components/FullPageError/assets/Error403SVG.js +722 -0
  56. package/lib/components/FullPageError/assets/Error404SVG.d.ts +9 -0
  57. package/lib/components/FullPageError/assets/Error404SVG.js +631 -0
  58. package/lib/components/HTTPErrors/HTTPErrorContent.d.ts +1 -1
  59. package/lib/components/InterstitialScreen/InterstitialScreen.js +3 -3
  60. package/lib/components/Tearsheet/TearsheetShell.js +16 -4
  61. package/lib/components/UserAvatar/UserAvatar.js +1 -2
  62. package/lib/global/js/hooks/index.d.ts +1 -0
  63. package/lib/global/js/hooks/useFocus.d.ts +11 -0
  64. package/lib/global/js/hooks/useFocus.js +80 -0
  65. package/package.json +3 -3
  66. package/scss/components/Datagrid/styles/_datagrid.scss +19 -0
  67. package/scss/components/FilterSummary/_filter-summary.scss +1 -1
  68. package/scss/components/FullPageError/_full-page-error.scss +20 -2
  69. package/scss/components/ProductiveCard/_productive-card.scss +1 -1
  70. package/scss/components/UserAvatar/_user-avatar.scss +8 -5
  71. package/es/components/Datagrid/Datagrid/addons/Slug/ColumnHeaderSlug.d.ts +0 -2
  72. package/es/node_modules/@carbon/icon-helpers/es/index.js +0 -140
  73. package/es/node_modules/@carbon/icons-react/es/Icon.js +0 -73
  74. package/es/node_modules/@carbon/icons-react/es/generated/bucket-0.js +0 -2985
  75. package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +0 -2900
  76. package/es/node_modules/@carbon/icons-react/es/generated/bucket-8.js +0 -3004
  77. package/es/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +0 -14
  78. package/lib/components/Datagrid/Datagrid/addons/Slug/ColumnHeaderSlug.d.ts +0 -2
  79. package/lib/node_modules/@carbon/icon-helpers/es/index.js +0 -145
  80. package/lib/node_modules/@carbon/icons-react/es/Icon.js +0 -81
  81. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-0.js +0 -3117
  82. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-3.js +0 -3032
  83. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-8.js +0 -3136
  84. package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +0 -18
package/css/index.css CHANGED
@@ -13258,7 +13258,7 @@ button.c4p--add-select__global-filter-toggle--open {
13258
13258
  margin-right: 1rem;
13259
13259
  }
13260
13260
  .c4p--card__productive .c4p--card__header-container {
13261
- align-items: start;
13261
+ align-items: flex-start;
13262
13262
  }
13263
13263
 
13264
13264
  .c4p--remove-modal .cds--modal-footer .cds--btn {
@@ -16308,6 +16308,12 @@ button.c4p--add-select__global-filter-toggle--open {
16308
16308
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
16309
16309
  }
16310
16310
 
16311
+ .c4p--datagrid .cds--data-table tbody tr:has(> .c4p--datagrid__table-row-ai-enabled) {
16312
+ background-image: linear-gradient(90deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
16313
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
16314
+ background-attachment: fixed;
16315
+ }
16316
+
16311
16317
  .c4p--datagrid th.c4p--datagrid__with-slug .cds--slug {
16312
16318
  margin-left: 0.5rem;
16313
16319
  }
@@ -16843,6 +16849,16 @@ button.c4p--add-select__global-filter-toggle--open {
16843
16849
  visibility: hidden;
16844
16850
  }
16845
16851
 
16852
+ .c4p--datagrid .c4p--datagrid__table-row-ai-enabled {
16853
+ display: flex;
16854
+ align-items: center;
16855
+ }
16856
+
16857
+ .c4p--datagrid .c4p--datagrid__table-row-ai-spacer,
16858
+ .c4p--datagrid .c4p--datagrid__table-row-ai-enabled {
16859
+ width: 1rem;
16860
+ }
16861
+
16846
16862
  /*
16847
16863
  * Licensed Materials - Property of IBM
16848
16864
  * 5724-Q36
@@ -17999,7 +18015,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
17999
18015
  width: 100%;
18000
18016
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
18001
18017
  height: 3rem;
18002
- align-items: start;
18018
+ align-items: flex-start;
18003
18019
  padding: 0.5rem;
18004
18020
  border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
18005
18021
  background: var(--cds-layer-01, #f4f4f4);
@@ -35286,8 +35302,15 @@ a.cds--side-nav__link--current::before {
35286
35302
  }
35287
35303
  }
35288
35304
 
35289
- .c4p--full-page-error__error-svg {
35290
- margin: auto 0.5rem 5rem 0.5rem;
35305
+ .c4p--full-page-error__error-svg-container {
35306
+ display: flex;
35307
+ height: 100%;
35308
+ margin: 0.5rem 0.5rem 5rem 0.5rem;
35309
+ }
35310
+ @media (min-width: 42rem) {
35311
+ .c4p--full-page-error__error-svg-container {
35312
+ margin: auto 0.5rem 5rem 0.5rem;
35313
+ }
35291
35314
  }
35292
35315
 
35293
35316
  .c4p--full-page-error__error-label,
@@ -35332,6 +35355,7 @@ a.cds--side-nav__link--current::before {
35332
35355
  }
35333
35356
 
35334
35357
  .c4p--full-page-error__error-label {
35358
+ display: block;
35335
35359
  color: var(--cds-text-error, #da1e28);
35336
35360
  }
35337
35361
 
@@ -35347,6 +35371,15 @@ a.cds--side-nav__link--current::before {
35347
35371
  margin-bottom: 2rem;
35348
35372
  }
35349
35373
 
35374
+ .c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg {
35375
+ width: 100%;
35376
+ }
35377
+
35378
+ .c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg path {
35379
+ fill: var(--cds-background, #ffffff);
35380
+ stroke: var(--cds-border-inverse, #161616);
35381
+ }
35382
+
35350
35383
  .c4p--search-bar {
35351
35384
  position: relative;
35352
35385
  display: flex;
@@ -35356,6 +35389,7 @@ a.cds--side-nav__link--current::before {
35356
35389
  }
35357
35390
 
35358
35391
  .c4p--user-avatar {
35392
+ position: relative;
35359
35393
  display: flex;
35360
35394
  width: 4rem;
35361
35395
  height: 4rem;
@@ -35367,18 +35401,16 @@ a.cds--side-nav__link--current::before {
35367
35401
  outline-offset: 3px;
35368
35402
  }
35369
35403
 
35404
+ .c4p--user-avatar__tooltip:focus-within .c4p--user-avatar {
35405
+ outline: 2px solid var(--cds-focus, #0f62fe);
35406
+ }
35407
+
35370
35408
  .c4p--user-avatar--light-cyan {
35371
35409
  background-color: #1192e8;
35372
35410
  }
35373
- .c4p--user-avatar--light-cyan:focus {
35374
- outline: 2px solid var(--cds-focus, #0f62fe);
35375
- }
35376
35411
 
35377
35412
  .c4p--user-avatar--dark-cyan {
35378
35413
  background-color: #0072c3;
35379
35414
  }
35380
- .c4p--user-avatar--dark-cyan:focus {
35381
- outline: 2px solid var(--cds-focus, #0f62fe);
35382
- }
35383
35415
 
35384
35416
  /*# sourceMappingURL=index.css.map */