@carbon/ibm-products 2.43.2-canary.308 → 2.43.2-canary.317

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 (76) hide show
  1. package/css/index-full-carbon.css +4239 -4238
  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.css +618 -0
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +1 -0
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/AddSelect/AddSelectBody.js +8 -1
  14. package/es/components/AddSelect/AddSelectSidebar.js +1 -1
  15. package/es/components/Carousel/Carousel.js +17 -8
  16. package/es/components/Checklist/ChecklistChart.js +22 -6
  17. package/es/components/Coachmark/Coachmark.js +16 -9
  18. package/es/components/Coachmark/CoachmarkOverlay.js +30 -19
  19. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +5 -1
  20. package/es/components/EmptyStates/EmptyState.d.ts +1 -1
  21. package/es/components/EmptyStates/EmptyState.js +8 -2
  22. package/es/components/EmptyStates/EmptyStateV2.d.ts +1 -2
  23. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +1 -2
  24. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
  25. package/es/components/EmptyStates/ErrorEmptyState/index.d.ts +8 -1
  26. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +1 -2
  27. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
  28. package/es/components/EmptyStates/NoDataEmptyState/index.d.ts +8 -1
  29. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +1 -2
  30. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
  31. package/es/components/EmptyStates/NoTagsEmptyState/index.d.ts +8 -1
  32. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +1 -2
  33. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
  34. package/es/components/EmptyStates/NotFoundEmptyState/index.d.ts +8 -1
  35. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts +1 -2
  36. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
  37. package/es/components/EmptyStates/NotificationsEmptyState/index.d.ts +8 -1
  38. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +1 -2
  39. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
  40. package/es/components/EmptyStates/UnauthorizedEmptyState/index.d.ts +8 -1
  41. package/es/components/EmptyStates/index.d.ts +22 -8
  42. package/es/components/NotificationsPanel/NotificationsPanel.js +8 -1
  43. package/es/components/UserAvatar/UserAvatar.d.ts +1 -1
  44. package/es/components/UserAvatar/UserAvatar.js +3 -2
  45. package/es/index.js +8 -8
  46. package/lib/components/AddSelect/AddSelectBody.js +8 -1
  47. package/lib/components/AddSelect/AddSelectSidebar.js +1 -1
  48. package/lib/components/Carousel/Carousel.js +17 -8
  49. package/lib/components/Checklist/ChecklistChart.js +20 -4
  50. package/lib/components/Coachmark/Coachmark.js +15 -8
  51. package/lib/components/Coachmark/CoachmarkOverlay.js +29 -18
  52. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +5 -1
  53. package/lib/components/EmptyStates/EmptyState.d.ts +1 -1
  54. package/lib/components/EmptyStates/EmptyState.js +7 -1
  55. package/lib/components/EmptyStates/EmptyStateV2.d.ts +1 -2
  56. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +1 -2
  57. package/lib/components/EmptyStates/ErrorEmptyState/index.d.ts +8 -1
  58. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +1 -2
  59. package/lib/components/EmptyStates/NoDataEmptyState/index.d.ts +8 -1
  60. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +1 -2
  61. package/lib/components/EmptyStates/NoTagsEmptyState/index.d.ts +8 -1
  62. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +1 -2
  63. package/lib/components/EmptyStates/NotFoundEmptyState/index.d.ts +8 -1
  64. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts +1 -2
  65. package/lib/components/EmptyStates/NotificationsEmptyState/index.d.ts +8 -1
  66. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +1 -2
  67. package/lib/components/EmptyStates/UnauthorizedEmptyState/index.d.ts +8 -1
  68. package/lib/components/EmptyStates/index.d.ts +22 -8
  69. package/lib/components/NotificationsPanel/NotificationsPanel.js +8 -1
  70. package/lib/components/UserAvatar/UserAvatar.d.ts +1 -1
  71. package/lib/components/UserAvatar/UserAvatar.js +3 -2
  72. package/lib/index.js +40 -40
  73. package/package.json +4 -4
  74. package/scss/components/UserAvatar/_carbon-imports.scss +1 -0
  75. package/scss/components/UserAvatar/_user-avatar.scss +4 -0
  76. package/telemetry.yml +1 -1
package/lib/index.js CHANGED
@@ -22,6 +22,14 @@ var CreateTearsheet = require('./components/CreateTearsheet/CreateTearsheet.js')
22
22
  var CreateTearsheetStep = require('./components/CreateTearsheet/CreateTearsheetStep.js');
23
23
  var CreateTearsheetDivider = require('./components/CreateTearsheet/CreateTearsheetDivider.js');
24
24
  var CreateTearsheetNarrow = require('./components/CreateTearsheetNarrow/CreateTearsheetNarrow.js');
25
+ var EmptyState = require('./components/EmptyStates/EmptyState.js');
26
+ var EmptyStateV2 = require('./components/EmptyStates/EmptyStateV2.js');
27
+ var ErrorEmptyState = require('./components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js');
28
+ var NoDataEmptyState = require('./components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js');
29
+ var NoTagsEmptyState = require('./components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js');
30
+ var NotFoundEmptyState = require('./components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js');
31
+ var NotificationsEmptyState = require('./components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js');
32
+ var UnauthorizedEmptyState = require('./components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js');
25
33
  var ExportModal = require('./components/ExportModal/ExportModal.js');
26
34
  var ExpressiveCard = require('./components/ExpressiveCard/ExpressiveCard.js');
27
35
  var ImportModal = require('./components/ImportModal/ImportModal.js');
@@ -99,14 +107,6 @@ var GetStartedCard = require('./components/GetStartedCard/GetStartedCard.js');
99
107
  var index = require('./components/FeatureFlags/index.js');
100
108
  var usePrefix = require('./global/js/hooks/usePrefix.js');
101
109
  var ActionBar = require('./components/ActionBar/ActionBar.js');
102
- var EmptyState = require('./components/EmptyStates/EmptyState.js');
103
- var EmptyStateV2 = require('./components/EmptyStates/EmptyStateV2.js');
104
- var ErrorEmptyState = require('./components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js');
105
- var NoDataEmptyState = require('./components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js');
106
- var NoTagsEmptyState = require('./components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js');
107
- var NotFoundEmptyState = require('./components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js');
108
- var NotificationsEmptyState = require('./components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js');
109
- var UnauthorizedEmptyState = require('./components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js');
110
110
  var HTTPError403 = require('./components/HTTPErrors/HTTPError403/HTTPError403.js');
111
111
  var HTTPError404 = require('./components/HTTPErrors/HTTPError404/HTTPError404.js');
112
112
  var HTTPErrorOther = require('./components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js');
@@ -190,6 +190,38 @@ Object.defineProperty(exports, 'CreateTearsheetNarrow', {
190
190
  enumerable: true,
191
191
  get: function () { return CreateTearsheetNarrow.CreateTearsheetNarrow; }
192
192
  });
193
+ Object.defineProperty(exports, 'EmptyState', {
194
+ enumerable: true,
195
+ get: function () { return EmptyState.EmptyState; }
196
+ });
197
+ Object.defineProperty(exports, 'EmptyStateV2', {
198
+ enumerable: true,
199
+ get: function () { return EmptyStateV2.EmptyStateV2; }
200
+ });
201
+ Object.defineProperty(exports, 'ErrorEmptyState', {
202
+ enumerable: true,
203
+ get: function () { return ErrorEmptyState.ErrorEmptyState; }
204
+ });
205
+ Object.defineProperty(exports, 'NoDataEmptyState', {
206
+ enumerable: true,
207
+ get: function () { return NoDataEmptyState.NoDataEmptyState; }
208
+ });
209
+ Object.defineProperty(exports, 'NoTagsEmptyState', {
210
+ enumerable: true,
211
+ get: function () { return NoTagsEmptyState.NoTagsEmptyState; }
212
+ });
213
+ Object.defineProperty(exports, 'NotFoundEmptyState', {
214
+ enumerable: true,
215
+ get: function () { return NotFoundEmptyState.NotFoundEmptyState; }
216
+ });
217
+ Object.defineProperty(exports, 'NotificationsEmptyState', {
218
+ enumerable: true,
219
+ get: function () { return NotificationsEmptyState.NotificationsEmptyState; }
220
+ });
221
+ Object.defineProperty(exports, 'UnauthorizedEmptyState', {
222
+ enumerable: true,
223
+ get: function () { return UnauthorizedEmptyState.UnauthorizedEmptyState; }
224
+ });
193
225
  Object.defineProperty(exports, 'ExportModal', {
194
226
  enumerable: true,
195
227
  get: function () { return ExportModal.ExportModal; }
@@ -438,38 +470,6 @@ Object.defineProperty(exports, 'ActionBar', {
438
470
  enumerable: true,
439
471
  get: function () { return ActionBar.ActionBar; }
440
472
  });
441
- Object.defineProperty(exports, 'EmptyState', {
442
- enumerable: true,
443
- get: function () { return EmptyState.EmptyState; }
444
- });
445
- Object.defineProperty(exports, 'EmptyStateV2', {
446
- enumerable: true,
447
- get: function () { return EmptyStateV2.EmptyStateV2; }
448
- });
449
- Object.defineProperty(exports, 'ErrorEmptyState', {
450
- enumerable: true,
451
- get: function () { return ErrorEmptyState.ErrorEmptyState; }
452
- });
453
- Object.defineProperty(exports, 'NoDataEmptyState', {
454
- enumerable: true,
455
- get: function () { return NoDataEmptyState.NoDataEmptyState; }
456
- });
457
- Object.defineProperty(exports, 'NoTagsEmptyState', {
458
- enumerable: true,
459
- get: function () { return NoTagsEmptyState.NoTagsEmptyState; }
460
- });
461
- Object.defineProperty(exports, 'NotFoundEmptyState', {
462
- enumerable: true,
463
- get: function () { return NotFoundEmptyState.NotFoundEmptyState; }
464
- });
465
- Object.defineProperty(exports, 'NotificationsEmptyState', {
466
- enumerable: true,
467
- get: function () { return NotificationsEmptyState.NotificationsEmptyState; }
468
- });
469
- Object.defineProperty(exports, 'UnauthorizedEmptyState', {
470
- enumerable: true,
471
- get: function () { return UnauthorizedEmptyState.UnauthorizedEmptyState; }
472
- });
473
473
  Object.defineProperty(exports, 'HTTPError403', {
474
474
  enumerable: true,
475
475
  get: function () { return HTTPError403.HTTPError403; }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "2.43.2-canary.308+ed578ec0d",
4
+ "version": "2.43.2-canary.317+eafbba33b",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -81,7 +81,7 @@
81
81
  "fs-extra": "^11.2.0",
82
82
  "glob": "^10.3.10",
83
83
  "jest": "^29.7.0",
84
- "jest-config-ibm-cloud-cognitive": "^1.11.0-rc.0",
84
+ "jest-config-ibm-cloud-cognitive": "^1.12.0-rc.0",
85
85
  "jest-environment-jsdom": "^29.7.0",
86
86
  "namor": "^1.1.2",
87
87
  "npm-check-updates": "^16.14.12",
@@ -96,7 +96,7 @@
96
96
  "dependencies": {
97
97
  "@babel/runtime": "^7.23.9",
98
98
  "@carbon/feature-flags": "^0.23.1",
99
- "@carbon/ibm-products-styles": "^2.39.1-canary.318+ed578ec0d",
99
+ "@carbon/ibm-products-styles": "^2.39.1-canary.327+eafbba33b",
100
100
  "@carbon/telemetry": "^0.1.0",
101
101
  "@dnd-kit/core": "^6.0.8",
102
102
  "@dnd-kit/modifiers": "^7.0.0",
@@ -120,5 +120,5 @@
120
120
  "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
121
121
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
122
122
  },
123
- "gitHead": "ed578ec0d45dcd72a7c96fd1e8370d4a67019ec6"
123
+ "gitHead": "eafbba33b6c9630457eeb0c6d86d030ee699940f"
124
124
  }
@@ -7,3 +7,4 @@
7
7
 
8
8
  // Import any Carbon component styles used from UserAvatar in this file.
9
9
  // UserAvatar uses the following Carbon components:
10
+ @use '@carbon/react/scss/components/tooltip';
@@ -20,6 +20,7 @@
20
20
 
21
21
  // UserAvatar uses the following Carbon for IBM Products components:
22
22
  // TODO: @use(s) of IBM Products component styles used by UserAvatar
23
+ @use '@carbon/react/scss/components/tooltip';
23
24
 
24
25
  // The block part of our conventional BEM class names (blockClass__E--M).
25
26
 
@@ -61,6 +62,7 @@ $sizes: (
61
62
  &:focus-within .#{$block-class} {
62
63
  // stylelint-disable-next-line carbon/theme-token-use
63
64
  outline: 2px solid $focus;
65
+ outline-offset: 1px;
64
66
  }
65
67
  }
66
68
 
@@ -74,6 +76,7 @@ $sizes: (
74
76
  background-color: $color;
75
77
  }
76
78
 
79
+ //this mixin allows you to set background color based on the lighter themes such as g10 and white
77
80
  @mixin setLightBg($order, $color) {
78
81
  :root .#{$block-class}--#{$order},
79
82
  .#{$carbon-prefix}--g10 .#{$block-class}--#{$order},
@@ -84,6 +87,7 @@ $sizes: (
84
87
  }
85
88
  }
86
89
 
90
+ //this mixin allows you to set background color based on the darker themes such as g90 and g100
87
91
  @mixin setDarkBg($order, $color) {
88
92
  .#{$carbon-prefix}--g90 .#{$block-class}--#{$order},
89
93
  .#{$carbon-prefix}--g100 .#{$block-class}--#{$order},
package/telemetry.yml CHANGED
@@ -15,6 +15,7 @@ collect:
15
15
  - activeCellCoordinates
16
16
  - activeHref
17
17
  - addConditionSubGroupHandler
18
+ - aiLabel
18
19
  - align
19
20
  - allPageRowsLabel
20
21
  - allRowsLabel
@@ -857,7 +858,6 @@ collect:
857
858
  - isAllRowsSelected
858
859
  # SidePanel
859
860
  - actionToolbarButtons
860
- - aiLabel
861
861
  - animateTitle
862
862
  - condensedActions
863
863
  - includeOverlay