@splunk/react-ui 4.33.0 → 4.35.0

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 (80) hide show
  1. package/Breadcrumbs.js +20 -29
  2. package/Button.js +20 -23
  3. package/ButtonGroup.js +20 -23
  4. package/ButtonSimple.js +33 -34
  5. package/CHANGELOG.md +56 -1
  6. package/Card.js +129 -113
  7. package/Chip.js +75 -82
  8. package/CollapsiblePanel.js +281 -264
  9. package/Color.js +103 -93
  10. package/ComboBox.js +3 -2
  11. package/Concertina.js +139 -138
  12. package/ControlGroup.js +43 -39
  13. package/DualListbox.js +8 -11
  14. package/File.js +25 -30
  15. package/FormRows.js +53 -53
  16. package/Image.js +13 -13
  17. package/JSONTree.js +87 -85
  18. package/List.js +9 -13
  19. package/MIGRATION.mdx +100 -0
  20. package/Markdown.js +12 -12
  21. package/Menu.js +492 -699
  22. package/Message.js +192 -194
  23. package/MessageBar.js +104 -104
  24. package/Modal.js +2 -2
  25. package/Monogram.js +140 -94
  26. package/Multiselect.js +45 -49
  27. package/Paginator.js +8 -8
  28. package/Popover.js +53 -54
  29. package/Progress.js +45 -46
  30. package/RadioBar.js +117 -115
  31. package/RadioList.js +8 -5
  32. package/ResultsMenu.js +272 -279
  33. package/Search.js +197 -199
  34. package/Select.js +86 -84
  35. package/Slider.js +9 -9
  36. package/SplitButton.js +1 -4
  37. package/StaticContent.js +1 -1
  38. package/StepBar.js +92 -88
  39. package/Switch.js +217 -211
  40. package/TabBar.js +13 -5
  41. package/Table.js +714 -717
  42. package/Text.js +94 -83
  43. package/TextArea.js +162 -163
  44. package/Tooltip.js +1 -1
  45. package/package.json +8 -8
  46. package/stubs-splunkui.d.ts +11 -0
  47. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +0 -1
  48. package/types/src/Breadcrumbs/Item.d.ts +0 -1
  49. package/types/src/Card/Card.d.ts +3 -1
  50. package/types/src/Card/Header.d.ts +22 -5
  51. package/types/src/Chip/Chip.d.ts +2 -4
  52. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +5 -0
  53. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +1 -3
  54. package/types/src/Color/Color.d.ts +5 -5
  55. package/types/src/ComboBox/Option.d.ts +0 -1
  56. package/types/src/List/List.d.ts +2 -4
  57. package/types/src/Menu/Heading.d.ts +1 -1
  58. package/types/src/Menu/Item.d.ts +10 -5
  59. package/types/src/Menu/Menu.d.ts +18 -26
  60. package/types/src/Menu/MenuContext.d.ts +3 -2
  61. package/types/src/Menu/docs/examples/Dimmed.d.ts +2 -0
  62. package/types/src/Monogram/Monogram.d.ts +5 -6
  63. package/types/src/Multiselect/Option.d.ts +0 -1
  64. package/types/src/Progress/Progress.d.ts +4 -1
  65. package/types/src/RadioBar/Option.d.ts +4 -1
  66. package/types/src/RadioBar/RadioBar.d.ts +6 -4
  67. package/types/src/RadioBar/docs/examples/MenuBar.d.ts +2 -0
  68. package/types/src/ResultsMenu/ResultsMenu.d.ts +13 -28
  69. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +3 -5
  70. package/types/src/Search/Option.d.ts +19 -6
  71. package/types/src/Search/docs/examples/OptionsLinks.d.ts +2 -0
  72. package/types/src/Select/Option.d.ts +0 -1
  73. package/types/src/Select/OptionBase.d.ts +2 -3
  74. package/types/src/Select/Select.d.ts +2 -2
  75. package/types/src/Select/SelectBase.d.ts +2 -2
  76. package/types/src/Table/Body.d.ts +0 -4
  77. package/types/src/Table/DragHandle.d.ts +1 -2
  78. package/types/src/Text/Text.d.ts +2 -0
  79. package/useRovingFocus.js +26 -40
  80. package/types/src/Select/docs/examples/prisma/Appearance.d.ts +0 -14
package/Select.js CHANGED
@@ -64,7 +64,7 @@
64
64
  Divider: () => /* reexport */ T.Divider,
65
65
  Heading: () => /* reexport */ T.Heading,
66
66
  Option: () => /* reexport */ nn,
67
- default: () => /* reexport */ xn
67
+ default: () => /* reexport */ wn
68
68
  });
69
69
  // CONCATENATED MODULE: external "react"
70
70
  const n = require("react");
@@ -97,10 +97,10 @@
97
97
  var O = e.n(g);
98
98
  // CONCATENATED MODULE: external "lodash/memoize"
99
99
  const S = require("lodash/memoize");
100
- var x = e.n(S);
100
+ var w = e.n(S);
101
101
  // CONCATENATED MODULE: external "lodash/omit"
102
- const w = require("lodash/omit");
103
- var C = e.n(w);
102
+ const x = require("lodash/omit");
103
+ var C = e.n(x);
104
104
  // CONCATENATED MODULE: external "lodash/pick"
105
105
  const k = require("lodash/pick");
106
106
  var I = e.n(k);
@@ -150,17 +150,17 @@
150
150
  };
151
151
  /* harmony default export */ const J = G;
152
152
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
153
- const Q = require("@splunk/react-icons/enterprise/Search");
154
- var X = e.n(Q);
153
+ const X = require("@splunk/react-icons/enterprise/Search");
154
+ var Y = e.n(X);
155
155
  // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
156
- const Y = require("@splunk/react-icons/Magnifier");
157
- var Z = e.n(Y);
156
+ const Q = require("@splunk/react-icons/Magnifier");
157
+ var Z = e.n(Q);
158
158
  // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
159
159
  var ee = function e() {
160
160
  var t = (0, U.useSplunkTheme)(), n = t.isEnterprise, o = t.isCompact;
161
161
  var i = (0, s._)("Search");
162
162
  var a = o ? "20px" : "24px";
163
- var l = n ? r().createElement(X(), {
163
+ var l = n ? r().createElement(Y(), {
164
164
  role: "presentation",
165
165
  size: "16px",
166
166
  screenReaderText: i,
@@ -424,10 +424,10 @@
424
424
  /* harmony default export */ const Oe = ge;
425
425
  // CONCATENATED MODULE: external "styled-components"
426
426
  const Se = require("styled-components");
427
- var xe = e.n(Se);
427
+ var we = e.n(Se);
428
428
  // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
429
- const we = require("@splunk/react-ui/Clickable");
430
- var Ce = e.n(we);
429
+ const xe = require("@splunk/react-ui/Clickable");
430
+ var Ce = e.n(xe);
431
431
  // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
432
432
  const ke = require("@splunk/react-ui/Switch");
433
433
  var Ie = e.n(ke);
@@ -439,15 +439,18 @@
439
439
  }), U.variables.fontSizeSmall, (0, U.pick)({
440
440
  prisma: "16px"
441
441
  }));
442
- var Ae = xe().span.withConfig({
442
+ var Ae = we().span.withConfig({
443
443
  displayName: "ItemStyles__StyledItemDescriptionBottom",
444
444
  componentId: "sc-4kc053-0"
445
445
  })([ "", ";display:block;" ], _e);
446
- var je = xe().span.withConfig({
446
+ var je = we().span.withConfig({
447
447
  displayName: "ItemStyles__StyledItemDescriptionRight",
448
448
  componentId: "sc-4kc053-1"
449
- })([ "", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;" ], _e, U.variables.spacing);
450
- var Ee = xe().div.withConfig({
449
+ })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], _e, (0,
450
+ U.pick)({
451
+ enterprise: (0, Se.css)([ "padding-left:", ";" ], U.variables.spacingLarge)
452
+ }));
453
+ var Ee = we().div.withConfig({
451
454
  displayName: "ItemStyles__StyledItemSelectedIcon",
452
455
  componentId: "sc-4kc053-2"
453
456
  })([ "position:absolute;", " color:", ";" ], (0, U.pick)({
@@ -457,7 +460,7 @@
457
460
  prisma: U.variables.contentColorActive,
458
461
  enterprise: U.variables.accentColorL10
459
462
  }));
460
- var Me = xe().span.withConfig({
463
+ var Me = we().span.withConfig({
461
464
  displayName: "ItemStyles__StyledItemIcon",
462
465
  componentId: "sc-4kc053-3"
463
466
  })([ "flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0,
@@ -471,10 +474,10 @@
471
474
  prisma: (0, Se.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], U.variables.contentColorMuted),
472
475
  enterprise: (0, Se.css)([ "transform:translateY(-1px);" ])
473
476
  }));
474
- var Te = xe()(Ce()).withConfig({
477
+ var Te = we()(Ce()).withConfig({
475
478
  displayName: "ItemStyles__StyledClickable",
476
479
  componentId: "sc-4kc053-4"
477
- })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0,
480
+ })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}", " ", "}&:focus{outline:0;box-shadow:", ";", "}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0,
478
481
  U.pick)({
479
482
  prisma: U.variables.contentColorActive,
480
483
  enterprise: {
@@ -517,8 +520,6 @@
517
520
  return t && (0, U.pick)({
518
521
  prisma: (0, Se.css)([ "background:", ";" ], U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayHover))
519
522
  });
520
- }), U.variables.focusShadowInset, (0, U.pick)({
521
- prisma: (0, Se.css)([ "background:", ";" ], U.variables.interactiveColorOverlayHover)
522
523
  }), (0, U.pick)({
523
524
  prisma: (0, Se.css)([ "&:active{background:", ";}" ], U.variables.interactiveColorOverlayActive)
524
525
  }), (function(e) {
@@ -526,6 +527,8 @@
526
527
  return t && (0, U.pick)({
527
528
  prisma: (0, Se.css)([ "background:", ";&:active{background:", ";}" ], U.variables.interactiveColorOverlaySelected, U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayActive))
528
529
  });
530
+ }), U.variables.focusShadowInset, (0, U.pick)({
531
+ prisma: (0, Se.css)([ "background:", ";" ], U.variables.interactiveColorOverlayHover)
529
532
  }), (0, U.pick)({
530
533
  enterprise: {
531
534
  light: U.variables.gray45,
@@ -553,7 +556,7 @@
553
556
  Me, U.variables.contentColorActive)
554
557
  });
555
558
  }));
556
- var Pe = xe()(Ie()).withConfig({
559
+ var Pe = we()(Ie()).withConfig({
557
560
  displayName: "ItemStyles__StyledSwitch",
558
561
  componentId: "sc-4kc053-5"
559
562
  })([ "position:absolute;left:", ";top:", ";" ], (0, U.pick)({
@@ -566,25 +569,25 @@
566
569
  compact: "2px"
567
570
  }
568
571
  }));
569
- var Ve = xe().span.withConfig({
572
+ var Ve = we().span.withConfig({
570
573
  displayName: "ItemStyles__StyledInnerWrapper",
571
574
  componentId: "sc-4kc053-6"
572
575
  })([ "display:flex;align-items:flex-start;" ]);
573
- var Re = xe().span.withConfig({
576
+ var Re = we().span.withConfig({
574
577
  displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
575
578
  componentId: "sc-4kc053-7"
576
579
  })([ "display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
577
580
  var t = e.$truncate;
578
581
  return t && (0, Se.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
579
582
  }));
580
- var De = xe().div.withConfig({
583
+ var De = we().div.withConfig({
581
584
  displayName: "ItemStyles__StyledLabel",
582
585
  componentId: "sc-4kc053-8"
583
586
  })([ "overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
584
587
  var t = e.$truncate;
585
588
  return t && (0, Se.css)([ "display:block;clear:both;" ]);
586
589
  }));
587
- var Le = xe().span.withConfig({
590
+ var Le = we().span.withConfig({
588
591
  displayName: "ItemStyles__StyledMatch",
589
592
  componentId: "sc-4kc053-9"
590
593
  })([ "border-bottom:1px solid ", ";" ], (0, U.pick)({
@@ -594,7 +597,7 @@
594
597
  light: U.variables.gray45
595
598
  }
596
599
  }));
597
- var qe = xe().span.withConfig({
600
+ var qe = we().span.withConfig({
598
601
  displayName: "ItemStyles__StyledSubmenu",
599
602
  componentId: "sc-4kc053-10"
600
603
  })([ "float:right;padding-left:", ";color:", ";", "" ], U.variables.spacingSmall, (0,
@@ -605,11 +608,11 @@
605
608
  prisma: (0, Se.css)([ "& > svg{width:20px;height:20px;}" ])
606
609
  }));
607
610
  // CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
608
- var Ne = xe()(De).withConfig({
611
+ var Ne = we()(De).withConfig({
609
612
  displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
610
613
  componentId: "y6bn08-0"
611
614
  })([ "font-weight:", ";" ], U.variables.fontWeightBold);
612
- var Be = xe()(Oe).withConfig({
615
+ var Be = we()(Oe).withConfig({
613
616
  displayName: "SelectAllOptionStyles__StyledSelectAllOption",
614
617
  componentId: "y6bn08-1"
615
618
  })([ "padding-inline-start:", ";box-shadow:none;" ], (0, U.pick)({
@@ -669,7 +672,7 @@
669
672
  const $e = require("@splunk/react-ui/Button");
670
673
  var ze = e.n($e);
671
674
  // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
672
- var We = xe()(ze()).withConfig({
675
+ var We = we()(ze()).withConfig({
673
676
  displayName: "SelectBaseStyles__StyledButton",
674
677
  componentId: "sc-16cj7sk-0"
675
678
  })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -679,22 +682,22 @@
679
682
  var t = e.$multiple;
680
683
  return !t && "flex-grow: 0;";
681
684
  }));
682
- var Ue = xe().span.withConfig({
685
+ var Ue = we().span.withConfig({
683
686
  displayName: "SelectBaseStyles__StyledLinkIcon",
684
687
  componentId: "sc-16cj7sk-1"
685
688
  })([ "padding-right:2px;" ]);
686
- var Ge = xe().span.withConfig({
689
+ var Ge = we().span.withConfig({
687
690
  displayName: "SelectBaseStyles__StyledLinkCaret",
688
691
  componentId: "sc-16cj7sk-2"
689
692
  })([ "padding-left:2px;" ]);
690
- var Je = xe().div.withConfig({
693
+ var Je = we().div.withConfig({
691
694
  displayName: "SelectBaseStyles__StyledFilter",
692
695
  componentId: "sc-16cj7sk-3"
693
696
  })([ "padding:", ";min-width:160px;" ], (0, U.pick)({
694
697
  enterprise: "8px",
695
698
  prisma: "10px 16px"
696
699
  }));
697
- var Qe = xe().span.withConfig({
700
+ var Xe = we().span.withConfig({
698
701
  displayName: "SelectBaseStyles__StyledSearchIconWrapper",
699
702
  componentId: "sc-16cj7sk-4"
700
703
  })([ "color:", ";pointer-events:none;padding:", ";" ], (0, U.pick)({
@@ -707,21 +710,18 @@
707
710
  comfortable: "0 8px",
708
711
  compact: "0 6px"
709
712
  }));
710
- var Xe = xe().span.withConfig({
713
+ var Ye = we().span.withConfig({
711
714
  displayName: "SelectBaseStyles__StyledCount",
712
715
  componentId: "sc-16cj7sk-5"
713
- })([ "padding-right:", ";" ], (0, U.pick)({
714
- enterprise: U.variables.spacingQuarter,
715
- prisma: U.variables.spacingXSmall
716
- }));
717
- var Ye = xe()(q()).withConfig({
716
+ })([ "padding-right:", ";" ], U.variables.spacingXSmall);
717
+ var Qe = we()(q()).withConfig({
718
718
  displayName: "SelectBaseStyles__StyledControlsLink",
719
719
  componentId: "sc-16cj7sk-6"
720
720
  })([ "margin-right:20px;", ";" ], (function(e) {
721
721
  var t = e.$disabled;
722
722
  return t && (0, Se.css)([ "color:", ";" ], U.variables.contentColorDisabled);
723
723
  }));
724
- var Ze = xe().div.withConfig({
724
+ var Ze = we().div.withConfig({
725
725
  displayName: "SelectBaseStyles__StyledToggleAllControls",
726
726
  componentId: "sc-16cj7sk-7"
727
727
  })([ "padding:", ";", "" ], (0, U.pick)({
@@ -1008,7 +1008,7 @@
1008
1008
  };
1009
1009
  return St(e, t);
1010
1010
  }
1011
- function xt(e) {
1011
+ function wt(e) {
1012
1012
  var t = kt();
1013
1013
  return function n() {
1014
1014
  var r = It(e), o;
@@ -1018,10 +1018,10 @@
1018
1018
  } else {
1019
1019
  o = r.apply(this, arguments);
1020
1020
  }
1021
- return wt(this, o);
1021
+ return xt(this, o);
1022
1022
  };
1023
1023
  }
1024
- function wt(e, t) {
1024
+ function xt(e, t) {
1025
1025
  if (t && (_t(t) === "object" || typeof t === "function")) {
1026
1026
  return t;
1027
1027
  }
@@ -1108,7 +1108,7 @@
1108
1108
  allowKeyMatching: i().bool,
1109
1109
  allowNewValues: i().bool,
1110
1110
  animateLoading: i().bool,
1111
- appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
1111
+ appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
1112
1112
  append: i().bool,
1113
1113
  children: i().node,
1114
1114
  defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
@@ -1172,11 +1172,11 @@
1172
1172
  tabConfirmsNewValue: false,
1173
1173
  toggleContent: "optionChildren"
1174
1174
  };
1175
- var Pt = x()((function(e) {
1175
+ var Pt = w()((function(e) {
1176
1176
  return [ e ];
1177
1177
  }));
1178
1178
  // preserve separate widths for single vs. multi mode
1179
- var Vt = x()((function(e) {
1179
+ var Vt = w()((function(e) {
1180
1180
  var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
1181
1181
  return n ? jt({
1182
1182
  width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
@@ -1196,7 +1196,7 @@
1196
1196
  }
1197
1197
  var qt = function(e) {
1198
1198
  Ot(o, e);
1199
- var t = xt(o);
1199
+ var t = wt(o);
1200
1200
  gt(o, null, [ {
1201
1201
  key: "validateAppearance",
1202
1202
  // @docs-props-type CompactPropsBase
@@ -1477,7 +1477,7 @@
1477
1477
  }));
1478
1478
  Et(Ct(i), "createToggle", (function() {
1479
1479
  var e;
1480
- var t = i.props, a = t.toggle, l = t.appearance, c = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, m = t.labelText, y = t.multiple, g = t.placeholder, S = t.prefixLabel, x = t.required, w = t.suffixLabel, k = t.toggleContent;
1480
+ var t = i.props, a = t.toggle, l = t.appearance, c = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, m = t.labelText, y = t.multiple, g = t.placeholder, S = t.prefixLabel, w = t.required, x = t.suffixLabel, k = t.toggleContent;
1481
1481
  var _;
1482
1482
  var A;
1483
1483
  var j = [];
@@ -1513,7 +1513,7 @@
1513
1513
  A = i.wrapLabel({
1514
1514
  prefixLabel: S,
1515
1515
  label: A,
1516
- suffixLabel: w
1516
+ suffixLabel: x
1517
1517
  });
1518
1518
  }
1519
1519
  // single <Select> behaviour is to show the placeholder if all parts of the the label
@@ -1531,20 +1531,20 @@
1531
1531
  j = i.wrapLabel({
1532
1532
  prefixLabel: S,
1533
1533
  label: [ "".concat(E.length, " items selected") ],
1534
- suffixLabel: w
1534
+ suffixLabel: x
1535
1535
  });
1536
1536
  } else {
1537
1537
  j = i.wrapLabel({
1538
1538
  prefixLabel: S,
1539
1539
  label: j,
1540
- suffixLabel: w
1540
+ suffixLabel: x
1541
1541
  });
1542
1542
  }
1543
1543
  var P = jt({
1544
1544
  "aria-describedby": u,
1545
1545
  "aria-label": "".concat(m ? "".concat(m, ", ") : "").concat(j.join("")),
1546
1546
  "aria-labelledby": m ? undefined : b,
1547
- "aria-required": x,
1547
+ "aria-required": w,
1548
1548
  "data-select-appearance": l,
1549
1549
  "data-test": y ? "multiselect" : "select",
1550
1550
  disabled: p,
@@ -1579,7 +1579,7 @@
1579
1579
  "aria-haspopup": "listbox",
1580
1580
  "aria-owns": i.menuId,
1581
1581
  onClick: i.props.onClick
1582
- }, I()(i.props, o.invalidLinkAppearanceProps)), !!E.length && y && r().createElement(Xe, {
1582
+ }, I()(i.props, o.invalidLinkAppearanceProps)), !!E.length && y && r().createElement(Ye, {
1583
1583
  "data-role": "count"
1584
1584
  }, "(", E.length, ")"));
1585
1585
  }));
@@ -1594,9 +1594,9 @@
1594
1594
  i.availableMatchOptions = [];
1595
1595
  var O;
1596
1596
  var S = 0;
1597
- var x = false;
1597
+ var w = false;
1598
1598
  // used to avoid overwriting the selected item ref in multiple mode
1599
- var w;
1599
+ var x;
1600
1600
  var C = b === "immediately" ? i.getTopValues() : a;
1601
1601
  var k = n.Children.toArray(i.props.children).reduce((function(e, t, o) {
1602
1602
  // ignore Headings and Dividers
@@ -1609,7 +1609,7 @@
1609
1609
  O = true;
1610
1610
  }
1611
1611
  var a = g && g.indexOf(t.props.value) >= 0;
1612
- var l = !!a && !t.props.disabled && !w;
1612
+ var l = !!a && !t.props.disabled && !x;
1613
1613
  var s = c && !d && !p && !m && !y;
1614
1614
  var u = Lt(t.props.value, t.props.label);
1615
1615
  var f = -1;
@@ -1635,14 +1635,14 @@
1635
1635
  }
1636
1636
  });
1637
1637
  if (l) {
1638
- w = true;
1638
+ x = true;
1639
1639
  }
1640
1640
  if (C && C.indexOf(t.props.value) >= 0) {
1641
1641
  if (S === 0) {
1642
1642
  e.splice(S, 0, r().createElement(T.Divider, {
1643
1643
  key: "topDivider"
1644
1644
  }));
1645
- x = true;
1645
+ w = true;
1646
1646
  }
1647
1647
  e.splice(S, 0, v);
1648
1648
  S += 1;
@@ -1668,7 +1668,7 @@
1668
1668
  key: "topDivider"
1669
1669
  }));
1670
1670
  S += 1;
1671
- x = true;
1671
+ w = true;
1672
1672
  }
1673
1673
  k.splice(n ? 0 : o + 1, 0, r().createElement(Oe, {
1674
1674
  label: String(e),
@@ -1706,7 +1706,7 @@
1706
1706
  }));
1707
1707
  // Add the option to add the new value
1708
1708
  if (u && !O && t) {
1709
- var A = x ? S + 1 : S;
1709
+ var A = w ? S + 1 : S;
1710
1710
  k.splice(A, 0, r().createElement(Oe, {
1711
1711
  label: "".concat(t, " (new value)"),
1712
1712
  value: t,
@@ -1933,12 +1933,12 @@
1933
1933
  var v = r().createElement(Ze, {
1934
1934
  $placement: o,
1935
1935
  key: "selectAll"
1936
- }, r().createElement(Ye, {
1936
+ }, r().createElement(Qe, {
1937
1937
  $disabled: this.optionSelection === "all",
1938
1938
  "aria-label": f,
1939
1939
  onClick: this.handleSelectAll,
1940
1940
  "data-test": "select-all"
1941
- }, i ? (0, s._)("Select all Matches") : (0, s._)("Select all")), r().createElement(Ye, {
1941
+ }, i ? (0, s._)("Select all Matches") : (0, s._)("Select all")), r().createElement(Qe, {
1942
1942
  $disabled: this.optionSelection === "none",
1943
1943
  "aria-label": d,
1944
1944
  onClick: this.handleClearAll,
@@ -1968,7 +1968,7 @@
1968
1968
  inputRef: c,
1969
1969
  inputId: l,
1970
1970
  canClear: true,
1971
- startAdornment: r().createElement(Qe, null, r().createElement(te, null))
1971
+ startAdornment: r().createElement(Xe, null, r().createElement(te, null))
1972
1972
  })), u && n && p === "buttongroup" && v);
1973
1973
  }
1974
1974
  }, {
@@ -2002,13 +2002,12 @@
2002
2002
  placement: a,
2003
2003
  hasChildren: !!m.length
2004
2004
  }),
2005
- controlledExternally: o.hasFilter(),
2006
- placement: a !== null && a !== void 0 ? a : undefined,
2007
- onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
2008
- "data-test": "results-menu",
2009
- isLoading: o.props.isLoadingOptions,
2005
+ focusMode: o.hasFilter() ? "never" : undefined,
2010
2006
  id: o.menuId,
2011
- menuId: o.menuListboxId
2007
+ isLoading: o.props.isLoadingOptions,
2008
+ menuId: o.menuListboxId,
2009
+ onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
2010
+ placement: a !== null && a !== void 0 ? a : undefined
2012
2011
  }, I()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), {}, {
2013
2012
  style: l,
2014
2013
  tabIndex: s
@@ -2117,11 +2116,11 @@
2117
2116
  return Wt(e, t);
2118
2117
  }
2119
2118
  function Ut(e) {
2120
- var t = Qt();
2119
+ var t = Xt();
2121
2120
  return function n() {
2122
- var r = Xt(e), o;
2121
+ var r = Yt(e), o;
2123
2122
  if (t) {
2124
- var i = Xt(this).constructor;
2123
+ var i = Yt(this).constructor;
2125
2124
  o = Reflect.construct(r, arguments, i);
2126
2125
  } else {
2127
2126
  o = r.apply(this, arguments);
@@ -2141,7 +2140,7 @@
2141
2140
  }
2142
2141
  return e;
2143
2142
  }
2144
- function Qt() {
2143
+ function Xt() {
2145
2144
  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
2146
2145
  if (Reflect.construct.sham) return false;
2147
2146
  if (typeof Proxy === "function") return true;
@@ -2152,13 +2151,13 @@
2152
2151
  return false;
2153
2152
  }
2154
2153
  }
2155
- function Xt(e) {
2156
- Xt = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
2154
+ function Yt(e) {
2155
+ Yt = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
2157
2156
  return t.__proto__ || Object.getPrototypeOf(t);
2158
2157
  };
2159
- return Xt(e);
2158
+ return Yt(e);
2160
2159
  }
2161
- function Yt(e, t, n) {
2160
+ function Qt(e, t, n) {
2162
2161
  if (t in e) {
2163
2162
  Object.defineProperty(e, t, {
2164
2163
  value: n,
@@ -2214,8 +2213,8 @@
2214
2213
  o[i] = arguments[i];
2215
2214
  }
2216
2215
  e = t.call.apply(t, [ this ].concat(o));
2217
- Yt(Jt(e), "c", null);
2218
- Yt(Jt(e), "handleMount", (function(t) {
2216
+ Qt(Jt(e), "c", null);
2217
+ Qt(Jt(e), "handleMount", (function(t) {
2219
2218
  e.c = t;
2220
2219
  }));
2221
2220
  return e;
@@ -2246,8 +2245,8 @@
2246
2245
  } ]);
2247
2246
  return n;
2248
2247
  }(n.PureComponent);
2249
- Yt(tn, "propTypes", Zt);
2250
- Yt(tn, "defaultProps", en);
2248
+ Qt(tn, "propTypes", Zt);
2249
+ Qt(tn, "defaultProps", en);
2251
2250
  /* harmony default export */ const nn = tn;
2252
2251
  // CONCATENATED MODULE: ./src/Select/Select.tsx
2253
2252
  function rn(e) {
@@ -2402,7 +2401,7 @@
2402
2401
  /** @public */ var gn = {
2403
2402
  allowKeyMatching: i().bool,
2404
2403
  animateLoading: i().bool,
2405
- appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
2404
+ appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
2406
2405
  append: i().bool,
2407
2406
  children: i().node,
2408
2407
  defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
@@ -2477,6 +2476,9 @@
2477
2476
  }
2478
2477
  }
2479
2478
  r.state = o;
2479
+ // `this.props.appearance === 'toggle'` is not included here because it is the default value.
2480
+ // Including it would trigger a warning for every instance of using `Select`.
2481
+ if (false) {}
2480
2482
  return r;
2481
2483
  }
2482
2484
  un(n, [ {
@@ -2521,7 +2523,7 @@
2521
2523
  yn(Sn, "Option", nn);
2522
2524
  yn(Sn, "Heading", T.Heading);
2523
2525
  yn(Sn, "Divider", T.Divider);
2524
- /* harmony default export */ const xn = Sn;
2526
+ /* harmony default export */ const wn = Sn;
2525
2527
  // CONCATENATED MODULE: ./src/Select/index.ts
2526
2528
  module.exports = t;
2527
2529
  /******/})();
package/Slider.js CHANGED
@@ -205,7 +205,7 @@
205
205
  displayName: "SliderStyles__StyledPopoverContent",
206
206
  componentId: "sc-16ooit4-4"
207
207
  })([ "padding:", ";font-size:", ";line-height:", ";" ], (0, h.pick)({
208
- enterprise: h.variables.spacingHalf,
208
+ enterprise: h.variables.spacingSmall,
209
209
  prisma: "12px 16px"
210
210
  }), (0, h.pick)({
211
211
  enterprise: h.variables.fontSizeSmall,
@@ -282,7 +282,7 @@
282
282
  if (r) A(e, r);
283
283
  return e;
284
284
  }
285
- function H(e, t) {
285
+ function K(e, t) {
286
286
  if (typeof t !== "function" && t !== null) {
287
287
  throw new TypeError("Super expression must either be null or a function");
288
288
  }
@@ -293,16 +293,16 @@
293
293
  configurable: true
294
294
  }
295
295
  });
296
- if (t) K(e, t);
296
+ if (t) U(e, t);
297
297
  }
298
- function K(e, t) {
299
- K = Object.setPrototypeOf || function e(t, r) {
298
+ function U(e, t) {
299
+ U = Object.setPrototypeOf || function e(t, r) {
300
300
  t.__proto__ = r;
301
301
  return t;
302
302
  };
303
- return K(e, t);
303
+ return U(e, t);
304
304
  }
305
- function U(e) {
305
+ function H(e) {
306
306
  var t = J();
307
307
  return function r() {
308
308
  var n = Q(e), i;
@@ -390,8 +390,8 @@
390
390
  stepMarks: "focus"
391
391
  };
392
392
  var te = function(e) {
393
- H(r, e);
394
- var t = U(r);
393
+ K(r, e);
394
+ var t = H(r);
395
395
  // @docs-props-type SliderPropsBase
396
396
  function r(e) {
397
397
  var n;
package/SplitButton.js CHANGED
@@ -136,10 +136,7 @@
136
136
  })([ "", " [data-inline] + &{margin-left:", ";}" ], (function(e) {
137
137
  var t = e.$inline;
138
138
  return !t && (0, d.css)([ "width:100%;" ]);
139
- }), (0, g.pick)({
140
- enterprise: g.variables.spacingHalf,
141
- prisma: g.variables.spacingSmall
142
- }));
139
+ }), g.variables.spacingSmall);
143
140
  // CONCATENATED MODULE: external "lodash/omit"
144
141
  const S = require("lodash/omit");
145
142
  var j = e.n(S);
package/StaticContent.js CHANGED
@@ -92,7 +92,7 @@
92
92
  compact: "6px 0"
93
93
  }
94
94
  }), (0, s.pick)({
95
- enterprise: s.variables.spacingQuarter,
95
+ enterprise: s.variables.spacingXSmall,
96
96
  prisma: s.variables.spacingLarge
97
97
  }));
98
98
  // CONCATENATED MODULE: ./src/StaticContent/StaticContent.tsx