chore(release): update to carbon 1.58.1 (#4086)

* chore(release): update to carbon 1.58.1 * fix: tooltips * fix: remove fragment
carbon-design-system · Jun 3, 2024 · b63af1b · b63af1b
1 parent 66b6ae4
commit b63af1b
Show file tree

Hide file tree

Showing 5 changed files with 230 additions and 25 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/package.json b/package.json
@@ -39,12 +39,12 @@
   "dependencies": {
     "@babel/core": "^7.15.8",
     "@carbon/charts-react": "0.55.0",
-    "@carbon/elements": "^11.44.0",
-    "@carbon/icons": "^11.40.0",
-    "@carbon/icons-react": "^11.40.0",
-    "@carbon/pictograms": "^12.35.0",
-    "@carbon/pictograms-react": "^11.61.0",
-    "@carbon/react": "^1.56.0",
+    "@carbon/elements": "^11.46.0",
+    "@carbon/icons": "^11.42.0",
+    "@carbon/icons-react": "^11.42.0",
+    "@carbon/pictograms": "^12.36.0",
+    "@carbon/pictograms-react": "^11.62.0",
+    "@carbon/react": "^1.58.1",
     "@loadable/component": "^5.15.2",
     "@slack/web-api": "^5.11.0",
     "babel-preset-env": "^1.7.0",

diff --git a/src/components/A11yStatusTag/A11yStatusTag.js b/src/components/A11yStatusTag/A11yStatusTag.js
@@ -43,15 +43,15 @@ const A11yStatusTag = ({ tag, tooltip }) => {
 
   const { color, text, definition } = tags[tag];
 
-  return (
+  return tooltip ? (
+    <DefinitionTooltip openOnHover definition={definition}>
+      <Tag type={color} className={styles.tag}>
+        {text}
+      </Tag>
+    </DefinitionTooltip>
+  ) : (
     <Tag type={color} className={styles.tag}>
-      {tooltip ? (
-        <DefinitionTooltip openOnHover definition={definition}>
-          {text}
-        </DefinitionTooltip>
-      ) : (
-        text
-      )}
+      {text}
     </Tag>
   );
 };

diff --git a/src/components/A11yStatusTag/a11y-status-tag.module.scss b/src/components/A11yStatusTag/a11y-status-tag.module.scss
@@ -1,3 +1,12 @@
 :global(.page-table) .tag {
   margin-left: 0;
 }
+
+:global(.cds--popover-container .cds--definition-term) {
+  border: none;
+}
+
+:global(.cds--popover-container .cds--definition-term) .tag span {
+  border-block-end: 1px dotted $border-strong;
+  cursor: pointer;
+}
diff --git a/yarn.lock b/yarn.lock
@@ -3052,6 +3052,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/colors@npm:^11.22.0":
+  version: 11.22.0
+  resolution: "@carbon/colors@npm:11.22.0"
+  dependencies:
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: e78e42836ea14be716b1d9baaa13c4d3178896b9a4367bd868e40264021ff36949c2e359cc4fb2837bb5f665ffbb076253e2956cb561e0c2c7a5e013a9e5eedc
+  languageName: node
+  linkType: hard
+
 "@carbon/elements@npm:^11.44.0":
   version: 11.44.0
   resolution: "@carbon/elements@npm:11.44.0"
@@ -3068,6 +3077,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/elements@npm:^11.46.0":
+  version: 11.46.0
+  resolution: "@carbon/elements@npm:11.46.0"
+  dependencies:
+    "@carbon/colors": "npm:^11.22.0"
+    "@carbon/grid": "npm:^11.23.0"
+    "@carbon/icons": "npm:^11.42.0"
+    "@carbon/layout": "npm:^11.22.0"
+    "@carbon/motion": "npm:^11.18.0"
+    "@carbon/themes": "npm:^11.36.0"
+    "@carbon/type": "npm:^11.27.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: f17a9e4f7aa5921d74eaa0a0b4831042ac9a160b623aa1fdeb6afa1331d05cf9b885623f80efdde061ead1b89cd9803308246a51138d9ea1e09b4031814428d8
+  languageName: node
+  linkType: hard
+
 "@carbon/feature-flags@npm:^0.19.0":
   version: 0.19.0
   resolution: "@carbon/feature-flags@npm:0.19.0"
@@ -3077,6 +3102,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/feature-flags@npm:^0.20.0":
+  version: 0.20.0
+  resolution: "@carbon/feature-flags@npm:0.20.0"
+  dependencies:
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: 986d30c32d39827c0ae0da2c33674d83438ce3e9e85724b3a14db1b2fc19a2bb8266763931d37bcfb9ff718d3eee7cb945dd85922b6be45bf190f0f79fcd739a
+  languageName: node
+  linkType: hard
+
 "@carbon/grid@npm:^11.22.0":
   version: 11.22.0
   resolution: "@carbon/grid@npm:11.22.0"
@@ -3087,6 +3121,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/grid@npm:^11.23.0":
+  version: 11.23.0
+  resolution: "@carbon/grid@npm:11.23.0"
+  dependencies:
+    "@carbon/layout": "npm:^11.22.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: 400af5e64c1d87cdb30cc1fe4c3fbd6c6e273be00f65c8c37aed60b1df979c64331d6d6c1224454bdc7980a95da30a1df76b7de01f15557784002c5da7f5a7bf
+  languageName: node
+  linkType: hard
+
 "@carbon/icon-helpers@npm:^10.28.1":
   version: 10.44.0
   resolution: "@carbon/icon-helpers@npm:10.44.0"
@@ -3103,6 +3147,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/icon-helpers@npm:^10.48.0":
+  version: 10.48.0
+  resolution: "@carbon/icon-helpers@npm:10.48.0"
+  dependencies:
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: d7c3210517898d05571619c31425885aecab8e4431832320f6ba5a354b8578ed9bda0df82b1b83dc51a35ab65a707db6428fe36fc2e9e0c7d24a6191ff220014
+  languageName: node
+  linkType: hard
+
 "@carbon/icons-react@npm:^10.32.0":
   version: 10.49.1
   resolution: "@carbon/icons-react@npm:10.49.1"
@@ -3129,6 +3182,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/icons-react@npm:^11.42.0":
+  version: 11.42.0
+  resolution: "@carbon/icons-react@npm:11.42.0"
+  dependencies:
+    "@carbon/icon-helpers": "npm:^10.48.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+    prop-types: "npm:^15.7.2"
+  peerDependencies:
+    react: ">=16"
+  checksum: c13587641fd73d4cfbdd3676bbfccae54c5b1456ddd366952bfa2089961e8e6bb39cce0cced7750137b57fb5b8e3c93ad5fdf720cd0365c0f9a3f5549129c45f
+  languageName: node
+  linkType: hard
+
 "@carbon/icons@npm:^11.40.0":
   version: 11.40.0
   resolution: "@carbon/icons@npm:11.40.0"
@@ -3138,6 +3204,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/icons@npm:^11.42.0":
+  version: 11.42.0
+  resolution: "@carbon/icons@npm:11.42.0"
+  dependencies:
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: 0c4ca07854347c1b1baeb14a39a03daa91f85d966ca252bccda4dfa374c5f2d9c65e98f4bdbe108449e5436cee9dc1bdd5d42f1bd3119b592630a4985edb992c
+  languageName: node
+  linkType: hard
+
 "@carbon/layout@npm:^11.21.0":
   version: 11.21.0
   resolution: "@carbon/layout@npm:11.21.0"
@@ -3147,6 +3222,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/layout@npm:^11.22.0":
+  version: 11.22.0
+  resolution: "@carbon/layout@npm:11.22.0"
+  dependencies:
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: efc8b1117ff4fa6a7ac5933650e6eccffa9ca1799d9cc56022009baf58dbcf238ce5d7145122c662184104c939ca46e62796a1f38e20244852c061836415b770
+  languageName: node
+  linkType: hard
+
 "@carbon/motion@npm:^11.17.0":
   version: 11.17.0
   resolution: "@carbon/motion@npm:11.17.0"
@@ -3156,6 +3240,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/motion@npm:^11.18.0":
+  version: 11.18.0
+  resolution: "@carbon/motion@npm:11.18.0"
+  dependencies:
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: c8c58094b7f8ee352f41e1b712406c5fd8f05605cc772a48b5cb3b34f770776b1644929c439516584208c56be960187949a5a7c2e7a55f8a6ad4446ba5a07d4d
+  languageName: node
+  linkType: hard
+
 "@carbon/pictograms-react@npm:^11.61.0":
   version: 11.61.0
   resolution: "@carbon/pictograms-react@npm:11.61.0"
@@ -3169,12 +3262,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/pictograms@npm:^12.35.0":
-  version: 12.35.0
-  resolution: "@carbon/pictograms@npm:12.35.0"
+"@carbon/pictograms-react@npm:^11.62.0":
+  version: 11.62.0
+  resolution: "@carbon/pictograms-react@npm:11.62.0"
   dependencies:
-    "@ibm/telemetry-js": "npm:^1.2.1"
-  checksum: 0242a409ff721691697ac6213c01c07a0086f3b0ba51fa50f5c2a89450487993ffeed03150a512fdc8958efe98a7bd9bb1b953cee61a5f7519d87feee60e9705
+    "@carbon/icon-helpers": "npm:^10.48.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+    prop-types: "npm:^15.7.2"
+  peerDependencies:
+    react: ">=16"
+  checksum: b2b538af7350fa99722573571d95b484eda853c7755f2c9fc9e9d2d8ac68317c69b28de1bfdc443ed4d12a51f4fbd54d8b54c59a8fe07118f191e791db1b77d8
+  languageName: node
+  linkType: hard
+
+"@carbon/pictograms@npm:^12.36.0":
+  version: 12.36.0
+  resolution: "@carbon/pictograms@npm:12.36.0"
+  dependencies:
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: a2d9fc3cf37f11adae798832bb34708ff43122cc49e738bc41d0a3d121d443231014944516ad988b4dff6664df9620e8176be4cb73b3b0eba9d530e1313fc04d
   languageName: node
   linkType: hard
 
@@ -3213,6 +3319,41 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/react@npm:^1.58.1":
+  version: 1.58.1
+  resolution: "@carbon/react@npm:1.58.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.18.3"
+    "@carbon/feature-flags": "npm:^0.20.0"
+    "@carbon/icons-react": "npm:^11.42.0"
+    "@carbon/layout": "npm:^11.22.0"
+    "@carbon/styles": "npm:^1.58.0"
+    "@floating-ui/react": "npm:^0.26.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+    classnames: "npm:2.5.1"
+    copy-to-clipboard: "npm:^3.3.1"
+    downshift: "npm:8.5.0"
+    flatpickr: "npm:4.6.13"
+    invariant: "npm:^2.2.3"
+    lodash.debounce: "npm:^4.0.8"
+    lodash.findlast: "npm:^4.5.0"
+    lodash.isequal: "npm:^4.5.0"
+    lodash.omit: "npm:^4.5.0"
+    lodash.throttle: "npm:^4.1.1"
+    prop-types: "npm:^15.7.2"
+    react-is: "npm:^18.2.0"
+    tabbable: "npm:^6.2.0"
+    use-resize-observer: "npm:^6.0.0"
+    wicg-inert: "npm:^3.1.1"
+    window-or-global: "npm:^1.0.1"
+  peerDependencies:
+    react: ^16.8.6 || ^17.0.1 || ^18.2.0
+    react-dom: ^16.8.6 || ^17.0.1 || ^18.2.0
+    sass: ^1.33.0
+  checksum: f837008f29a49da2f6c53ba0e789c6ff5bdd13a53ff5042c5e3cdb8b5c00bdb3cf16c52b4fc3e7d7fd08a9e6ef4a161aba3c0d200b714a35416dc29f2ce0f60e
+  languageName: node
+  linkType: hard
+
 "@carbon/styles@npm:^1.56.0":
   version: 1.56.0
   resolution: "@carbon/styles@npm:1.56.0"
@@ -3235,6 +3376,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/styles@npm:^1.58.0":
+  version: 1.58.0
+  resolution: "@carbon/styles@npm:1.58.0"
+  dependencies:
+    "@carbon/colors": "npm:^11.22.0"
+    "@carbon/feature-flags": "npm:^0.20.0"
+    "@carbon/grid": "npm:^11.23.0"
+    "@carbon/layout": "npm:^11.22.0"
+    "@carbon/motion": "npm:^11.18.0"
+    "@carbon/themes": "npm:^11.36.0"
+    "@carbon/type": "npm:^11.27.0"
+    "@ibm/plex": "npm:6.0.0-next.6"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  peerDependencies:
+    sass: ^1.33.0
+  peerDependenciesMeta:
+    sass:
+      optional: true
+  checksum: 646bb0ad692a6800a3910e3b3eaa78df1828497603efa66366dca3493d51c2b1db52d4f72433e9f47aa795136e8120825d1a674eea50a347cb10f46c2e502caf
+  languageName: node
+  linkType: hard
+
 "@carbon/telemetry@npm:0.0.0-alpha.6":
   version: 0.0.0-alpha.6
   resolution: "@carbon/telemetry@npm:0.0.0-alpha.6"
@@ -3277,6 +3440,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/themes@npm:^11.36.0":
+  version: 11.36.0
+  resolution: "@carbon/themes@npm:11.36.0"
+  dependencies:
+    "@carbon/colors": "npm:^11.22.0"
+    "@carbon/layout": "npm:^11.22.0"
+    "@carbon/type": "npm:^11.27.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+    color: "npm:^4.0.0"
+  checksum: e7b8464935603dfacd2c746548288c5e49a8c4fa454e0213a56e0980118589e75ea23911f73f74fa9b3ca31a607a69487041a8e5ef874ad550b64b55662089a4
+  languageName: node
+  linkType: hard
+
 "@carbon/type@npm:^11.26.0":
   version: 11.26.0
   resolution: "@carbon/type@npm:11.26.0"
@@ -3288,6 +3464,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/type@npm:^11.27.0":
+  version: 11.27.0
+  resolution: "@carbon/type@npm:11.27.0"
+  dependencies:
+    "@carbon/grid": "npm:^11.23.0"
+    "@carbon/layout": "npm:^11.22.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: 97da9640273ea540a5d21701839655aa5da7ca2aa0e5c93b5ac8de3e35cdc68842c61ab6fccc643531c966b6c54516c4e949742c24aacc33347b212371ec219a
+  languageName: node
+  linkType: hard
+
 "@carbon/utils-position@npm:1.1.1":
   version: 1.1.1
   resolution: "@carbon/utils-position@npm:1.1.1"
@@ -3830,6 +4017,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ibm/telemetry-js@npm:^1.5.0":
+  version: 1.5.2
+  resolution: "@ibm/telemetry-js@npm:1.5.2"
+  bin:
+    ibmtelemetry: dist/collect.js
+  checksum: 176b17532222b143e7a83a9aea08ce71a1c5a26e047f2a4311db44df8d06af9929b31cfa806d8aa9df5d709d68390b9e099625625723e5a3416eebdee95e6ebe
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -7846,12 +8042,12 @@ __metadata:
   dependencies:
     "@babel/core": "npm:^7.15.8"
     "@carbon/charts-react": "npm:0.55.0"
-    "@carbon/elements": "npm:^11.44.0"
-    "@carbon/icons": "npm:^11.40.0"
-    "@carbon/icons-react": "npm:^11.40.0"
-    "@carbon/pictograms": "npm:^12.35.0"
-    "@carbon/pictograms-react": "npm:^11.61.0"
-    "@carbon/react": "npm:^1.56.0"
+    "@carbon/elements": "npm:^11.46.0"
+    "@carbon/icons": "npm:^11.42.0"
+    "@carbon/icons-react": "npm:^11.42.0"
+    "@carbon/pictograms": "npm:^12.36.0"
+    "@carbon/pictograms-react": "npm:^11.62.0"
+    "@carbon/react": "npm:^1.58.1"
     "@loadable/babel-plugin": "npm:^5.12.0"
     "@loadable/component": "npm:^5.15.2"
     "@loadable/webpack-plugin": "npm:^5.15.2"