carbon-addons-iot-react 2.98.2 → 2.100.1

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 (44) hide show
  1. package/css/carbon-addons-iot-react.css +39 -33
  2. package/css/carbon-addons-iot-react.css.map +1 -1
  3. package/es/node_modules/carbon-components-react/es/components/ListBox/ListBox.js +98 -0
  4. package/es/node_modules/carbon-components-react/es/components/ListBox/ListBoxField.js +57 -0
  5. package/es/node_modules/carbon-components-react/es/components/ListBox/ListBoxMenu.js +43 -0
  6. package/es/node_modules/carbon-components-react/es/components/ListBox/ListBoxMenuIcon.js +55 -0
  7. package/es/node_modules/carbon-components-react/es/components/ListBox/ListBoxMenuItem.js +58 -0
  8. package/es/node_modules/carbon-components-react/es/components/ListBox/ListBoxPropTypes.js +12 -0
  9. package/es/node_modules/carbon-components-react/es/components/ListBox/ListBoxSelection.js +96 -0
  10. package/es/node_modules/carbon-components-react/es/components/ListBox/index.js +21 -0
  11. package/es/node_modules/carbon-components-react/es/prop-types/childrenOfType.js +36 -0
  12. package/es/node_modules/carbon-components-react/es/prop-types/tools/createChainableTypeChecker.js +38 -0
  13. package/es/node_modules/carbon-components-react/es/prop-types/tools/getDisplayName.js +37 -0
  14. package/es/src/components/ComboBox/CarbonComboBox.jsx +882 -0
  15. package/es/src/components/ComboBox/ComboBox.jsx +375 -0
  16. package/es/src/components/ComposedModal/ComposedModal.jsx +5 -1
  17. package/es/src/index.js +2 -1
  18. package/lib/css/carbon-addons-iot-react.css +39 -33
  19. package/lib/css/carbon-addons-iot-react.css.map +1 -1
  20. package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBox.js +103 -0
  21. package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxField.js +62 -0
  22. package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxMenu.js +48 -0
  23. package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxMenuIcon.js +60 -0
  24. package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxMenuItem.js +63 -0
  25. package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxPropTypes.js +17 -0
  26. package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxSelection.js +101 -0
  27. package/lib/node_modules/carbon-components-react/es/components/ListBox/index.js +23 -0
  28. package/lib/node_modules/carbon-components-react/es/prop-types/childrenOfType.js +41 -0
  29. package/lib/node_modules/carbon-components-react/es/prop-types/tools/createChainableTypeChecker.js +40 -0
  30. package/lib/node_modules/carbon-components-react/es/prop-types/tools/getDisplayName.js +39 -0
  31. package/lib/scss/components/ComboBox/_combo-box.scss +43 -0
  32. package/lib/scss/components/ComposedModal/_composed-modal.scss +5 -0
  33. package/lib/scss/components/Tag/_tag.scss +11 -0
  34. package/lib/scss/styles.scss +1 -44
  35. package/lib/src/components/ComboBox/CarbonComboBox.jsx +889 -0
  36. package/lib/src/components/ComboBox/ComboBox.jsx +380 -0
  37. package/lib/src/components/ComposedModal/ComposedModal.jsx +5 -1
  38. package/lib/src/index.js +2 -1
  39. package/package.json +7 -5
  40. package/scss/components/ComboBox/_combo-box.scss +43 -0
  41. package/scss/components/ComposedModal/_composed-modal.scss +5 -0
  42. package/scss/components/Tag/_tag.scss +11 -0
  43. package/scss/styles.scss +1 -44
  44. package/umd/carbon-addons-iot-react.js +3327 -237
@@ -2344,39 +2344,6 @@ html[dir='rtl'] .chart-holder .axis {
2344
2344
  html[dir='rtl'] .chart-holder .axis .axis-title {
2345
2345
  direction: ltr; }
2346
2346
 
2347
- @font-face {
2348
- font-family: 'IBM Plex Sans Condensed';
2349
- font-style: italic;
2350
- font-weight: 300;
2351
- src: url(//unpkg.com/@ibm/plex/IBM-Plex-Sans-Condensed/fonts/complete/woff2/IBMPlexSansCondensed-LightItalic.woff2) format("woff2"); }
2352
-
2353
- @font-face {
2354
- font-family: 'IBM Plex Sans Condensed';
2355
- font-style: italic;
2356
- font-weight: 400;
2357
- src: url(//unpkg.com/@ibm/plex/IBM-Plex-Sans-Condensed/fonts/complete/woff2/IBMPlexSansCondensed-Italic.woff2) format("woff2"); }
2358
-
2359
- @font-face {
2360
- font-family: 'IBM Plex Sans Condensed';
2361
- font-style: italic;
2362
- font-weight: 600;
2363
- src: url(//unpkg.com/@ibm/plex/IBM-Plex-Sans-Condensed/fonts/complete/woff2/IBMPlexSansCondensed-SemiBoldItalic.woff2) format("woff2"); }
2364
-
2365
- @font-face {
2366
- font-family: 'IBM Plex Sans Condensed';
2367
- font-weight: 300;
2368
- src: url(//unpkg.com/@ibm/plex/IBM-Plex-Sans-Condensed/fonts/complete/woff2/IBMPlexSansCondensed-Light.woff2) format("woff2"); }
2369
-
2370
- @font-face {
2371
- font-family: 'IBM Plex Sans Condensed';
2372
- font-weight: 400;
2373
- src: url(//unpkg.com/@ibm/plex/IBM-Plex-Sans-Condensed/fonts/complete/woff2/IBMPlexSansCondensed-Regular.woff2) format("woff2"); }
2374
-
2375
- @font-face {
2376
- font-family: 'IBM Plex Sans Condensed';
2377
- font-weight: 600;
2378
- src: url(//unpkg.com/@ibm/plex/IBM-Plex-Sans-Condensed/fonts/complete/woff2/IBMPlexSansCondensed-SemiBold.woff2) format("woff2"); }
2379
-
2380
2347
  .bx--btn-set {
2381
2348
  display: flex; }
2382
2349
 
@@ -4282,6 +4249,35 @@ input:not(output):not([data-invalid]):-moz-ui-invalid {
4282
4249
  .bx--list-box__field {
4283
4250
  padding: 0; }
4284
4251
 
4252
+ .iot--combobox {
4253
+ display: flex;
4254
+ flex-flow: column-reverse;
4255
+ position: relative;
4256
+ padding-top: 2.5rem; }
4257
+ .iot--combobox .bx--form__helper-text,
4258
+ .iot--combobox .bx--label {
4259
+ bottom: 100%;
4260
+ position: absolute; }
4261
+ .iot--combobox .bx--label {
4262
+ -webkit-transform: translateY(25px);
4263
+ transform: translateY(25px); }
4264
+ .iot--combobox .bx--form__helper-text {
4265
+ -webkit-transform: translateY(40px);
4266
+ transform: translateY(40px); }
4267
+ .iot--combobox-tags {
4268
+ margin-bottom: 0.5rem; }
4269
+ .iot--combobox-tags li {
4270
+ display: inline-block;
4271
+ max-width: 100%; }
4272
+ .iot--combobox.iot--combobox-add .bx--list-box__menu-item:first-child::after {
4273
+ content: attr(data-text);
4274
+ color: #a8a8a8;
4275
+ position: absolute;
4276
+ right: 0.5rem;
4277
+ top: 50%;
4278
+ -webkit-transform: translateY(-50%);
4279
+ transform: translateY(-50%); }
4280
+
4285
4281
  .bx--radio-button-group {
4286
4282
  display: flex;
4287
4283
  align-items: center;
@@ -12979,6 +12975,13 @@ a.bx--tabs__nav-link:active {
12979
12975
  -webkit-animation: none;
12980
12976
  animation: none; } }
12981
12977
 
12978
+ html[dir='rtl'] .bx--tag--filter {
12979
+ padding-right: 0.5rem;
12980
+ padding-left: 0.125rem; }
12981
+
12982
+ html[dir='rtl'] .bx--tag__close-icon {
12983
+ margin: 0 0.25rem 0 0; }
12984
+
12982
12985
  .bx--data-table-container + .bx--pagination {
12983
12986
  border-top: 0; }
12984
12987
 
@@ -15830,6 +15833,9 @@ html[dir='rtl'] .iot--card--header .iot--card--toolbar {
15830
15833
  .iot--card .bx--chart-holder {
15831
15834
  background-color: #ffffff; }
15832
15835
 
15836
+ .iot--composed-modal__body--small-margin-bottom {
15837
+ margin-bottom: 1rem; }
15838
+
15833
15839
  .react-grid-layout {
15834
15840
  position: relative;
15835
15841
  transition: height 200ms ease; }