@splunk/react-ui 5.0.0 → 5.1.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 (94) hide show
  1. package/Accordion.js +59 -59
  2. package/Avatar.js +20 -20
  3. package/Breadcrumbs.js +46 -46
  4. package/Button.js +24 -24
  5. package/CHANGELOG.md +21 -2
  6. package/Calendar.js +69 -69
  7. package/Card.js +68 -68
  8. package/Chip.js +16 -16
  9. package/Clickable.js +29 -29
  10. package/Code.js +654 -519
  11. package/CollapsiblePanel.js +112 -112
  12. package/Color.js +107 -107
  13. package/ColumnLayout.js +35 -35
  14. package/ComboBox.js +190 -206
  15. package/ControlGroup.js +128 -120
  16. package/Date.js +148 -146
  17. package/DefinitionList.js +26 -26
  18. package/DualListbox.js +701 -717
  19. package/File.js +403 -403
  20. package/FormRows.js +66 -63
  21. package/Image.js +15 -15
  22. package/JSONTree.js +458 -357
  23. package/Layer.js +60 -72
  24. package/Markdown.js +66 -66
  25. package/Menu.js +44 -44
  26. package/Modal.js +49 -49
  27. package/ModalLayer.js +6 -6
  28. package/Monogram.js +16 -16
  29. package/Multiselect.js +622 -624
  30. package/Number.js +100 -100
  31. package/Paginator.js +7 -7
  32. package/Popover.js +453 -407
  33. package/Progress.js +12 -12
  34. package/Prose.js +6 -6
  35. package/RadioBar.js +180 -166
  36. package/RadioList.js +80 -79
  37. package/ResultsMenu.js +15 -15
  38. package/Scroll.js +50 -50
  39. package/Search.js +148 -164
  40. package/Select.js +668 -670
  41. package/Slider.js +30 -30
  42. package/SlidingPanels.js +24 -24
  43. package/SplitButton.js +50 -50
  44. package/StepBar.js +100 -100
  45. package/Switch.js +45 -45
  46. package/TabBar.js +196 -196
  47. package/TabLayout.js +16 -16
  48. package/Table.js +1207 -1193
  49. package/Text.js +65 -65
  50. package/TextArea.js +108 -93
  51. package/Tooltip.js +203 -197
  52. package/Tree.js +464 -366
  53. package/package.json +6 -6
  54. package/stubs-dependencies.d.ts +0 -70
  55. package/stubs-splunkui.d.ts +4 -0
  56. package/types/src/Code/Code.d.ts +17 -1
  57. package/types/src/Code/LineHighlights.d.ts +11 -0
  58. package/types/src/Code/LineNumbers.d.ts +6 -0
  59. package/types/src/Code/docs/examples/LineHighlights.d.ts +3 -0
  60. package/types/src/Code/docs/examples/LineNumbers.d.ts +3 -0
  61. package/types/src/Code/docs/examples/LineNumbersCustomStart.d.ts +3 -0
  62. package/types/src/Date/Date.d.ts +6 -1
  63. package/types/src/DefinitionList/DefinitionList.d.ts +6 -6
  64. package/types/src/FormRows/FormRows.d.ts +1 -1
  65. package/types/src/JSONTree/JSONTreeItem.d.ts +5 -2
  66. package/types/src/Markdown/Markdown.d.ts +1 -1
  67. package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +1 -1
  68. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +1 -1
  69. package/types/src/Markdown/renderers/index.d.ts +1 -1
  70. package/types/src/Popover/Popover.d.ts +1 -1
  71. package/types/src/RadioBar/Option.d.ts +1 -1
  72. package/types/src/RadioBar/RadioBar.d.ts +13 -6
  73. package/types/src/RadioBar/RadioBarContext.d.ts +4 -2
  74. package/types/src/RadioList/RadioList.d.ts +2 -1
  75. package/types/src/ScreenReaderContent/docs/examples/SkipLink.d.ts +3 -0
  76. package/types/src/Scroll/Inner.d.ts +1 -1
  77. package/types/src/Select/Option.d.ts +1 -1
  78. package/types/src/Select/Select.d.ts +1 -1
  79. package/types/src/Slider/docs/examples/Controlled.d.ts +1 -1
  80. package/types/src/TabLayout/Panel.d.ts +0 -1
  81. package/types/src/Table/Head.d.ts +1 -0
  82. package/types/src/Table/HeadCell.d.ts +2 -3
  83. package/types/src/Table/HeadDropdownCell.d.ts +2 -2
  84. package/types/src/Table/HeadInner.d.ts +4 -4
  85. package/types/src/Table/KeyboardSensor.d.ts +1 -1
  86. package/types/src/Table/RowDragCell.d.ts +1 -1
  87. package/types/src/Tooltip/Tooltip.d.ts +10 -5
  88. package/types/src/Tree/Item.d.ts +63 -0
  89. package/types/src/Tree/Tree.d.ts +13 -6
  90. package/types/src/Tree/TreeContext.d.ts +1 -1
  91. package/types/src/Tree/index.d.ts +1 -1
  92. package/types/src/useControlled/useControlled.d.ts +3 -1
  93. package/useControlled.js +29 -13
  94. package/types/src/Tree/TreeItem.d.ts +0 -44
package/Number.js CHANGED
@@ -66,45 +66,45 @@
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const n = require("react");
68
68
  var t = e.n(n);
69
- // CONCATENATED MODULE: external "prop-types"
70
- const o = require("prop-types");
71
- var a = e.n(o);
72
69
  // CONCATENATED MODULE: external "lodash/isFinite"
73
- const i = require("lodash/isFinite");
70
+ const o = require("lodash/isFinite");
71
+ var a = e.n(o);
72
+ // CONCATENATED MODULE: external "prop-types"
73
+ const i = require("prop-types");
74
74
  var l = e.n(i);
75
- // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
76
- const u = require("@splunk/ui-utils/i18n");
77
- // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
78
- const c = require("@splunk/ui-utils/keyboard");
79
75
  // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
80
- const s = require("@splunk/react-ui/useControlled");
81
- var d = e.n(s);
76
+ const u = require("@splunk/react-ui/useControlled");
77
+ var c = e.n(u);
82
78
  // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
83
- const f = require("@splunk/react-ui/usePrevious");
84
- var v = e.n(f);
79
+ const s = require("@splunk/react-ui/usePrevious");
80
+ var d = e.n(s);
81
+ // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
82
+ const f = require("@splunk/ui-utils/i18n");
83
+ // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
84
+ const v = require("@splunk/ui-utils/keyboard");
85
85
  // CONCATENATED MODULE: external "styled-components"
86
86
  const p = require("styled-components");
87
87
  var m = e.n(p);
88
- // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
89
- const b = require("@splunk/react-ui/Clickable");
88
+ // CONCATENATED MODULE: external "@splunk/react-icons/ChevronDown"
89
+ const b = require("@splunk/react-icons/ChevronDown");
90
90
  var y = e.n(b);
91
- // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
92
- const h = require("@splunk/react-ui/Divider");
91
+ // CONCATENATED MODULE: external "@splunk/react-icons/ChevronUp"
92
+ const h = require("@splunk/react-icons/ChevronUp");
93
93
  var g = e.n(h);
94
- // CONCATENATED MODULE: external "@splunk/react-ui/Text"
95
- const S = require("@splunk/react-ui/Text");
94
+ // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
95
+ const S = require("@splunk/react-ui/Clickable");
96
96
  var C = e.n(S);
97
- // CONCATENATED MODULE: external "@splunk/react-icons/ChevronDown"
98
- const w = require("@splunk/react-icons/ChevronDown");
97
+ // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
98
+ const w = require("@splunk/react-ui/Divider");
99
99
  var k = e.n(w);
100
- // CONCATENATED MODULE: external "@splunk/react-icons/ChevronUp"
101
- const O = require("@splunk/react-icons/ChevronUp");
100
+ // CONCATENATED MODULE: external "@splunk/react-ui/Text"
101
+ const O = require("@splunk/react-ui/Text");
102
102
  var j = e.n(O);
103
103
  // CONCATENATED MODULE: external "@splunk/themes"
104
104
  const x = require("@splunk/themes");
105
105
  // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
106
106
  var A = "24px";
107
- var B = m()(C()).withConfig({
107
+ var B = m()(j()).withConfig({
108
108
  displayName: "NumberStyles__StyledText",
109
109
  componentId: "sc-2ekj9s-0"
110
110
  })([ "&[data-inline]{width:180px;}", "" ], (function(e) {
@@ -128,24 +128,24 @@
128
128
  p.css)([ "border-inline-start:", " solid ", ";" ], x.variables.inputBorderWidth, o));
129
129
  }));
130
130
  var N = (0, p.css)([ "height:12px;width:12px;" ]);
131
- var P = m()(k()).withConfig({
131
+ var P = m()(y()).withConfig({
132
132
  displayName: "NumberStyles__StyledChevronDown",
133
133
  componentId: "sc-2ekj9s-2"
134
134
  })([ "", ";" ], N);
135
- var T = m()(j()).withConfig({
135
+ var T = m()(g()).withConfig({
136
136
  displayName: "NumberStyles__StyledChevronUp",
137
137
  componentId: "sc-2ekj9s-3"
138
138
  })([ "", ";" ], N);
139
139
  var _ = (0, p.css)([ "display:flex;align-items:center;justify-content:center;font-size:inherit;min-width:0;min-height:0;color:", ";height:calc(50% - 0.5px);width:100%;&:hover:not([disabled]){background-color:", ";}&:active:not([disabled]){background-color:", ";box-shadow:", ";}" ], x.variables.contentColorActive, x.variables.actionColorBackgroundSecondaryHover, x.variables.actionColorBackgroundSecondary, x.variables.focusShadowInset);
140
- var E = m()(y()).withConfig({
140
+ var E = m()(C()).withConfig({
141
141
  displayName: "NumberStyles__StyledDecrementButton",
142
142
  componentId: "sc-2ekj9s-4"
143
143
  })([ "", ";border-top-left-radius:0;border-top-right-radius:0;" ], _);
144
- var I = m()(y()).withConfig({
144
+ var I = m()(C()).withConfig({
145
145
  displayName: "NumberStyles__StyledIncrementButton",
146
146
  componentId: "sc-2ekj9s-5"
147
147
  })([ "", ";border-bottom-left-radius:0;border-bottom-right-radius:0;" ], _);
148
- var q = m()(g()).withConfig({
148
+ var q = m()(k()).withConfig({
149
149
  displayName: "NumberStyles__StyledDivider",
150
150
  componentId: "sc-2ekj9s-6"
151
151
  })([ "border-color:", ";" ], (function(e) {
@@ -168,22 +168,22 @@
168
168
  return n.indexOf(",") > -1 ? "," : ".";
169
169
  };
170
170
  var R = function e(r) {
171
- var n = r.val, t = r.min, o = r.max, a = r.roundTo;
172
- var i = n;
173
- if (!l()(n)) {
174
- return i;
171
+ var n = r.val, t = r.min, o = r.max, i = r.roundTo;
172
+ var l = n;
173
+ if (!a()(n)) {
174
+ return l;
175
175
  }
176
- if (t !== undefined && l()(t)) {
177
- i = Math.max(t, i);
176
+ if (t !== undefined && a()(t)) {
177
+ l = Math.max(t, l);
178
178
  }
179
- if (o !== undefined && l()(o)) {
180
- i = Math.min(o, i);
179
+ if (o !== undefined && a()(o)) {
180
+ l = Math.min(o, l);
181
181
  }
182
- var u = Math.pow(10, a);
183
- return Math.round(i * u) / u;
182
+ var u = Math.pow(10, i);
183
+ return Math.round(l * u) / u;
184
184
  };
185
185
  var U = function e(r) {
186
- var n = r.str, t = r.locale, o = r.min, a = r.max, i = r.roundTo;
186
+ var n = r.str, t = r.locale, o = r.min, i = r.max, l = r.roundTo;
187
187
  var u = n;
188
188
  if (!K()(u) || u === "") {
189
189
  return undefined;
@@ -198,16 +198,16 @@
198
198
  var c = R({
199
199
  val: parseFloat(u),
200
200
  min: o,
201
- max: a,
202
- roundTo: i
201
+ max: i,
202
+ roundTo: l
203
203
  });
204
- if (l()(c)) {
204
+ if (a()(c)) {
205
205
  return c;
206
206
  }
207
207
  return undefined;
208
208
  };
209
209
  var F = function e(r, n) {
210
- if (r === undefined || !l()(r)) {
210
+ if (r === undefined || !a()(r)) {
211
211
  return "";
212
212
  }
213
213
  if (M(n) === ".") {
@@ -218,11 +218,11 @@
218
218
  };
219
219
  var V = function e(r) {
220
220
  var n = r.value, t = r.max;
221
- return n !== undefined && l()(n) && t !== undefined && l()(t) && n >= t;
221
+ return n !== undefined && a()(n) && t !== undefined && a()(t) && n >= t;
222
222
  };
223
223
  var z = function e(r) {
224
224
  var n = r.value, t = r.min;
225
- return n !== undefined && l()(n) && t !== undefined && l()(t) && n <= t;
225
+ return n !== undefined && a()(n) && t !== undefined && a()(t) && n <= t;
226
226
  };
227
227
  // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
228
228
  /**
@@ -376,40 +376,40 @@
376
376
  /** @public */
377
377
  /** @public */
378
378
  /** @public */ var le = {
379
- append: a().bool,
380
- children: a().node,
381
- defaultValue: a().number,
382
- describedBy: a().string,
383
- disabled: a().bool,
384
- elementRef: a().oneOfType([ a().func, a().object ]),
385
- inputRef: a().oneOfType([ a().func, a().object ]),
386
- error: a().bool,
387
- hideStepButtons: a().bool,
388
- inline: a().bool,
389
- inputId: a().string,
390
- labelledBy: a().string,
391
- locale: a().string,
392
- max: a().number,
393
- min: a().number,
394
- name: a().string,
395
- onBlur: a().func,
396
- onChange: a().func,
397
- onClick: a().func,
398
- onFocus: a().func,
399
- endAdornment: a().node,
400
- startAdornment: a().node,
401
- onKeyDown: a().func,
402
- onKeyUp: a().func,
403
- onSelect: a().func,
404
- prepend: a().bool,
405
- roundTo: a().number,
406
- step: a().number,
407
- value: a().number
379
+ append: l().bool,
380
+ children: l().node,
381
+ defaultValue: l().number,
382
+ describedBy: l().string,
383
+ disabled: l().bool,
384
+ elementRef: l().oneOfType([ l().func, l().object ]),
385
+ inputRef: l().oneOfType([ l().func, l().object ]),
386
+ error: l().bool,
387
+ hideStepButtons: l().bool,
388
+ inline: l().bool,
389
+ inputId: l().string,
390
+ labelledBy: l().string,
391
+ locale: l().string,
392
+ max: l().number,
393
+ min: l().number,
394
+ name: l().string,
395
+ onBlur: l().func,
396
+ onChange: l().func,
397
+ onClick: l().func,
398
+ onFocus: l().func,
399
+ endAdornment: l().node,
400
+ startAdornment: l().node,
401
+ onKeyDown: l().func,
402
+ onKeyUp: l().func,
403
+ onSelect: l().func,
404
+ prepend: l().bool,
405
+ roundTo: l().number,
406
+ step: l().number,
407
+ value: l().number
408
408
  };
409
409
  function ue(e) {
410
- var r = e.append, o = e.defaultValue, a = e.describedBy, i = e.disabled, s = e.elementRef, f = e.error, p = e.hideStepButtons, m = e.inline, b = e.inputRef, y = e.locale, h = y === void 0 ? "en-US" : y, g = e.max, S = e.min, C = e.name, w = e.onBlur, k = e.onChange, O = e.onKeyDown, j = e.onKeyUp, x = e.prepend, A = e.roundTo, N = A === void 0 ? 5 : A, _ = e.step, $ = _ === void 0 ? 1 : _, K = e.endAdornment, H = e.startAdornment, J = e.value, Q = ae(e, [ "append", "defaultValue", "describedBy", "disabled", "elementRef", "error", "hideStepButtons", "inline", "inputRef", "locale", "max", "min", "name", "onBlur", "onChange", "onKeyDown", "onKeyUp", "prepend", "roundTo", "step", "endAdornment", "startAdornment", "value" ]);
410
+ var r = e.append, o = e.defaultValue, i = e.describedBy, l = e.disabled, u = e.elementRef, s = e.error, p = e.hideStepButtons, m = e.inline, b = e.inputRef, y = e.locale, h = y === void 0 ? "en-US" : y, g = e.max, S = e.min, C = e.name, w = e.onBlur, k = e.onChange, O = e.onKeyDown, j = e.onKeyUp, x = e.prepend, A = e.roundTo, N = A === void 0 ? 5 : A, _ = e.step, $ = _ === void 0 ? 1 : _, K = e.endAdornment, H = e.startAdornment, J = e.value, Q = ae(e, [ "append", "defaultValue", "describedBy", "disabled", "elementRef", "error", "hideStepButtons", "inline", "inputRef", "locale", "max", "min", "name", "onBlur", "onChange", "onKeyDown", "onKeyUp", "prepend", "roundTo", "step", "endAdornment", "startAdornment", "value" ]);
411
411
  // @docs-props-type NumberPropsBase
412
- var X = d()({
412
+ var X = c()({
413
413
  componentName: "Number",
414
414
  /* eslint-disable-next-line prefer-rest-params */
415
415
  componentProps: arguments[0]
@@ -418,7 +418,7 @@
418
418
  // stringValue stores the current contents of the input text box - it might be out of range, invalid, ...
419
419
  var ee = (0, n.useState)(F(Y, h)), re = Z(ee, 2), ne = re[0], te = re[1];
420
420
  var oe = (0, n.useState)(Y), ie = Z(oe, 2), le = ie[0], ue = ie[1];
421
- var ce = v()(J);
421
+ var ce = d()(J);
422
422
  var se = (0, n.useRef)(null);
423
423
  var de = (0, n.useCallback)((function(e) {
424
424
  W(se, e);
@@ -447,10 +447,10 @@
447
447
  });
448
448
  var t;
449
449
  // increment appropriate number
450
- if (n !== undefined && l()(n)) {
450
+ if (n !== undefined && a()(n)) {
451
451
  // increment the entered value
452
452
  t = n + r;
453
- } else if (o !== undefined && l()(o)) {
453
+ } else if (o !== undefined && a()(o)) {
454
454
  // increment the defaultValue
455
455
  t = o + r;
456
456
  } else if (r > 0) {
@@ -503,21 +503,21 @@
503
503
  }
504
504
  }), [ X, h, g, S, C, k, N, le ]);
505
505
  var be = (0, n.useCallback)((function(e) {
506
- var r = e.altKey, n = e.ctrlKey, t = e.key, o = e.nativeEvent, a = e.metaKey;
507
- if (!a && !n && !r && (0, c.addsCharacter)(o) !== false) {
506
+ var r = e.altKey, n = e.ctrlKey, t = e.key, o = e.nativeEvent, i = e.metaKey;
507
+ if (!i && !n && !r && (0, v.addsCharacter)(o) !== false) {
508
508
  // only allow numbers, negative and decimals
509
- if (!(0, c.isNumeric)(o, {
509
+ if (!(0, v.isNumeric)(o, {
510
510
  locale: h
511
511
  })) {
512
512
  e.preventDefault();
513
513
  }
514
- var i = S !== undefined && l()(S) && S >= 0;
514
+ var l = S !== undefined && a()(S) && S >= 0;
515
515
  // if minus is not allowed or there is already one, prevent input
516
- if ((0, c.isMinus)(o) && (i || ne.indexOf("-") >= 0)) {
516
+ if ((0, v.isMinus)(o) && (l || ne.indexOf("-") >= 0)) {
517
517
  e.preventDefault();
518
518
  }
519
519
  // if decimal is not allowed or there is already one, prevent input
520
- if ((0, c.isDecimal)(o, {
520
+ if ((0, v.isDecimal)(o, {
521
521
  locale: h
522
522
  }) && (N <= 0 || ne.indexOf(M(h)) >= 0)) {
523
523
  e.preventDefault();
@@ -583,7 +583,7 @@
583
583
  var Se = {
584
584
  append: r,
585
585
  prepend: !r,
586
- error: f,
586
+ error: s,
587
587
  inline: false,
588
588
  tabIndex: -1
589
589
  };
@@ -598,20 +598,20 @@
598
598
  var ke = r && !x;
599
599
  var Oe = t().createElement(D, {
600
600
  $isAppend: ke,
601
- $disabled: i,
602
- $error: f
601
+ $disabled: l,
602
+ $error: s
603
603
  }, t().createElement(I, G({
604
- "aria-label": (0, u._)("Increment"),
604
+ "aria-label": (0, f._)("Increment"),
605
605
  "data-test": "increment",
606
- disabled: i || Ce,
606
+ disabled: l || Ce,
607
607
  onClick: he
608
608
  }, Se), t().createElement(T, null)), t().createElement(q, {
609
- $disabled: i,
610
- $error: f
609
+ $disabled: l,
610
+ $error: s
611
611
  }), t().createElement(E, G({
612
- "aria-label": (0, u._)("Decrement"),
612
+ "aria-label": (0, f._)("Decrement"),
613
613
  "data-test": "decrement",
614
- disabled: i || we,
614
+ disabled: l || we,
615
615
  onClick: ge
616
616
  }, Se), t().createElement(P, null)));
617
617
  var je = ke && !p && Oe;
@@ -623,11 +623,11 @@
623
623
  autoComplete: "off",
624
624
  autoCorrect: "off",
625
625
  "data-test": "number",
626
- elementRef: s,
626
+ elementRef: u,
627
627
  inputRef: de,
628
- disabled: i,
628
+ disabled: l,
629
629
  name: C,
630
- describedBy: a,
630
+ describedBy: i,
631
631
  append: r,
632
632
  prepend: x
633
633
  }, Q, {
@@ -638,8 +638,8 @@
638
638
  onKeyDown: be,
639
639
  onKeyUp: ye,
640
640
  value: ne,
641
- "aria-describedby": a,
642
- error: f,
641
+ "aria-describedby": i,
642
+ error: s,
643
643
  "data-test-value": le,
644
644
  startAdornment: Ae,
645
645
  endAdornment: K || xe,
@@ -648,7 +648,7 @@
648
648
  "aria-valuenow": le,
649
649
  "aria-valuemin": S,
650
650
  "aria-valuemax": g,
651
- "aria-invalid": f
651
+ "aria-invalid": s
652
652
  }));
653
653
  }
654
654
  ue.displayName = "Number";
package/Paginator.js CHANGED
@@ -265,11 +265,11 @@
265
265
  }
266
266
  I.propTypes = x;
267
267
  /* harmony default export */ const L = I;
268
- // CONCATENATED MODULE: external "@splunk/react-ui/Select"
269
- const q = require("@splunk/react-ui/Select");
270
- var R = e.n(q);
271
268
  // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
272
- const T = require("@splunk/react-ui/ScreenReaderContent");
269
+ const q = require("@splunk/react-ui/ScreenReaderContent");
270
+ var R = e.n(q);
271
+ // CONCATENATED MODULE: external "@splunk/react-ui/Select"
272
+ const T = require("@splunk/react-ui/Select");
273
273
  var M = e.n(T);
274
274
  // CONCATENATED MODULE: external "@splunk/ui-utils/id"
275
275
  const D = require("@splunk/ui-utils/id");
@@ -282,7 +282,7 @@
282
282
  displayName: "PageSelectStyles__StyledCount",
283
283
  componentId: "haycz4-1"
284
284
  })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], b.variables.spacingSmall);
285
- var A = g()(R()).withConfig({
285
+ var A = g()(M()).withConfig({
286
286
  displayName: "PageSelectStyles__StyledSelect",
287
287
  componentId: "haycz4-2"
288
288
  })([ "flex:0 0 auto;" ]);
@@ -327,7 +327,7 @@
327
327
  };
328
328
  var g = [];
329
329
  for (var d = 1; d <= o; d += 1) {
330
- g.push( r().createElement(R().Option, {
330
+ g.push( r().createElement(M().Option, {
331
331
  label: "".concat(d),
332
332
  key: "".concat(d),
333
333
  value: d
@@ -339,7 +339,7 @@
339
339
  value: l,
340
340
  onChange: f,
341
341
  "aria-labelledby": "".concat(u.current, " ").concat(c.current)
342
- }, g), r().createElement(M(), {
342
+ }, g), r().createElement(R(), {
343
343
  id: u.current,
344
344
  "aria-hidden": true
345
345
  }, l), r().createElement(G, {