@splunk/react-ui 4.19.0 → 4.21.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 (114) hide show
  1. package/Accordion.js +114 -230
  2. package/Anchor.js +74 -150
  3. package/Animation.js +52 -124
  4. package/AnimationToggle.js +86 -146
  5. package/Box.js +77 -153
  6. package/Breadcrumbs.d.ts +2 -0
  7. package/Breadcrumbs.js +207 -0
  8. package/Button.js +168 -316
  9. package/ButtonGroup.js +84 -168
  10. package/ButtonSimple.js +224 -324
  11. package/CHANGELOG.md +35 -0
  12. package/Calendar.js +264 -462
  13. package/Card.js +223 -371
  14. package/CardLayout.js +87 -163
  15. package/Chip.js +199 -323
  16. package/Clickable.js +132 -248
  17. package/CloseButton.js +92 -200
  18. package/Code.js +188 -251
  19. package/CollapsiblePanel.js +214 -370
  20. package/Color.js +267 -495
  21. package/ColumnLayout.js +152 -254
  22. package/ComboBox.js +197 -371
  23. package/Concertina.js +214 -374
  24. package/ControlGroup.js +164 -288
  25. package/Date.js +154 -304
  26. package/DefinitionList.js +104 -180
  27. package/Divider.js +80 -156
  28. package/Dropdown.js +121 -263
  29. package/DualListbox.js +408 -601
  30. package/EventListener.js +70 -138
  31. package/File.js +343 -547
  32. package/FormRows.js +232 -414
  33. package/Heading.js +94 -164
  34. package/Image.js +167 -323
  35. package/JSONTree.js +166 -314
  36. package/Layer.js +221 -388
  37. package/Link.js +133 -239
  38. package/List.js +85 -161
  39. package/Markdown.js +230 -355
  40. package/Menu.js +396 -647
  41. package/Message.js +248 -437
  42. package/MessageBar.js +220 -408
  43. package/Modal.js +201 -365
  44. package/ModalLayer.js +96 -196
  45. package/Monogram.js +112 -204
  46. package/Multiselect.js +2675 -2807
  47. package/Number.js +178 -334
  48. package/Paginator.js +170 -336
  49. package/Paragraph.js +77 -153
  50. package/Popover.js +436 -623
  51. package/Progress.js +139 -255
  52. package/RadioBar.js +156 -280
  53. package/RadioList.js +182 -282
  54. package/Resize.js +173 -307
  55. package/ResultsMenu.js +183 -304
  56. package/ScreenReaderContent.js +75 -151
  57. package/Scroll.js +125 -267
  58. package/ScrollContainerContext.js +129 -201
  59. package/Search.js +188 -354
  60. package/Select.js +1243 -1248
  61. package/SidePanel.js +106 -214
  62. package/Slider.js +198 -348
  63. package/SlidingPanels.js +138 -280
  64. package/SplitButton.js +141 -273
  65. package/StaticContent.js +84 -168
  66. package/StepBar.js +138 -246
  67. package/Switch.js +261 -385
  68. package/TabBar.js +261 -398
  69. package/TabLayout.js +122 -238
  70. package/Table.js +975 -1447
  71. package/Text.js +335 -549
  72. package/TextArea.js +315 -537
  73. package/Tooltip.js +152 -292
  74. package/TransitionOpen.js +118 -242
  75. package/Typography.js +81 -157
  76. package/WaitSpinner.js +117 -209
  77. package/package.json +20 -21
  78. package/stubs-splunkui.d.ts +4 -1
  79. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
  80. package/types/src/Breadcrumbs/Item.d.ts +42 -0
  81. package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
  82. package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
  83. package/types/src/Breadcrumbs/index.d.ts +2 -0
  84. package/types/src/Code/Code.d.ts +1 -1
  85. package/types/src/ComboBox/Option.d.ts +1 -1
  86. package/types/src/Concertina/Concertina.d.ts +4 -0
  87. package/types/src/Link/Link.d.ts +12 -3
  88. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  89. package/types/src/Markdown/Markdown.d.ts +1 -1
  90. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  91. package/types/src/Menu/Item.d.ts +1 -1
  92. package/types/src/Menu/Menu.d.ts +1 -0
  93. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  94. package/types/src/Multiselect/Compact.d.ts +4 -0
  95. package/types/src/Multiselect/Multiselect.d.ts +5 -0
  96. package/types/src/Multiselect/Option.d.ts +1 -1
  97. package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
  98. package/types/src/Search/Option.d.ts +1 -1
  99. package/types/src/Select/Option.d.ts +1 -1
  100. package/types/src/Select/OptionBase.d.ts +1 -1
  101. package/types/src/Select/SelectAllOption.d.ts +14 -0
  102. package/types/src/Select/SelectBase.d.ts +11 -3
  103. package/types/src/Table/Table.d.ts +4 -0
  104. package/types/src/Text/Text.d.ts +3 -3
  105. package/types/src/TextArea/TextArea.d.ts +3 -3
  106. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  107. package/useForceUpdate.js +46 -110
  108. package/useKeyPress.js +50 -107
  109. package/usePrevious.js +47 -111
  110. package/useRovingFocus.js +53 -133
  111. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  112. package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
  113. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  114. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Switch.js CHANGED
@@ -1,173 +1,88 @@
1
- module.exports =
2
- /******/ (function(modules) { // webpackBootstrap
3
- /******/ // The module cache
4
- /******/ var installedModules = {};
5
- /******/
6
- /******/ // The require function
7
- /******/ function __webpack_require__(moduleId) {
8
- /******/
9
- /******/ // Check if module is in cache
10
- /******/ if(installedModules[moduleId]) {
11
- /******/ return installedModules[moduleId].exports;
12
- /******/ }
13
- /******/ // Create a new module (and put it into the cache)
14
- /******/ var module = installedModules[moduleId] = {
15
- /******/ i: moduleId,
16
- /******/ l: false,
17
- /******/ exports: {}
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
18
44
  /******/ };
19
- /******/
20
- /******/ // Execute the module function
21
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
22
- /******/
23
- /******/ // Flag the module as loaded
24
- /******/ module.l = true;
25
- /******/
26
- /******/ // Return the exports of the module
27
- /******/ return module.exports;
28
- /******/ }
29
- /******/
30
- /******/
31
- /******/ // expose the modules object (__webpack_modules__)
32
- /******/ __webpack_require__.m = modules;
33
- /******/
34
- /******/ // expose the module cache
35
- /******/ __webpack_require__.c = installedModules;
36
- /******/
37
- /******/ // define getter function for harmony exports
38
- /******/ __webpack_require__.d = function(exports, name, getter) {
39
- /******/ if(!__webpack_require__.o(exports, name)) {
40
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
41
- /******/ }
42
- /******/ };
43
- /******/
44
- /******/ // define __esModule on exports
45
- /******/ __webpack_require__.r = function(exports) {
46
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
47
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
48
- /******/ }
49
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
50
- /******/ };
51
- /******/
52
- /******/ // create a fake namespace object
53
- /******/ // mode & 1: value is a module id, require it
54
- /******/ // mode & 2: merge all properties of value into the ns
55
- /******/ // mode & 4: return value when already ns object
56
- /******/ // mode & 8|1: behave like require
57
- /******/ __webpack_require__.t = function(value, mode) {
58
- /******/ if(mode & 1) value = __webpack_require__(value);
59
- /******/ if(mode & 8) return value;
60
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
61
- /******/ var ns = Object.create(null);
62
- /******/ __webpack_require__.r(ns);
63
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
64
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
65
- /******/ return ns;
66
- /******/ };
67
- /******/
68
- /******/ // getDefaultExport function for compatibility with non-harmony modules
69
- /******/ __webpack_require__.n = function(module) {
70
- /******/ var getter = module && module.__esModule ?
71
- /******/ function getDefault() { return module['default']; } :
72
- /******/ function getModuleExports() { return module; };
73
- /******/ __webpack_require__.d(getter, 'a', getter);
74
- /******/ return getter;
75
- /******/ };
76
- /******/
77
- /******/ // Object.prototype.hasOwnProperty.call
78
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
79
- /******/
80
- /******/ // __webpack_public_path__
81
- /******/ __webpack_require__.p = "";
82
- /******/
83
- /******/
84
- /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 207);
86
- /******/ })
45
+ /******/ })();
46
+ /******/
87
47
  /************************************************************************/
88
- /******/ ({
89
-
90
- /***/ 0:
91
- /***/ (function(module, exports) {
92
-
93
- module.exports = require("@splunk/themes");
94
-
95
- /***/ }),
96
-
97
- /***/ 1:
98
- /***/ (function(module, exports) {
99
-
100
- module.exports = require("prop-types");
101
-
102
- /***/ }),
103
-
104
- /***/ 12:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("@splunk/react-ui/Clickable");
108
-
109
- /***/ }),
110
-
111
- /***/ 14:
112
- /***/ (function(module, exports) {
113
-
114
- module.exports = require("@splunk/react-ui/ScreenReaderContent");
115
-
116
- /***/ }),
117
-
118
- /***/ 2:
119
- /***/ (function(module, exports) {
120
-
121
- module.exports = require("react");
122
-
123
- /***/ }),
124
-
125
- /***/ 207:
126
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
-
128
- "use strict";
48
+ var __webpack_exports__ = {};
129
49
  // ESM COMPAT FLAG
130
50
  __webpack_require__.r(__webpack_exports__);
131
51
 
132
52
  // EXPORTS
133
- __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Switch_Switch; });
134
-
135
- // EXTERNAL MODULE: external "react"
136
- var external_react_ = __webpack_require__(2);
137
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
138
-
139
- // EXTERNAL MODULE: external "prop-types"
140
- var external_prop_types_ = __webpack_require__(1);
141
- var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
142
-
143
- // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
144
- var AnimationToggle_ = __webpack_require__(48);
145
- var AnimationToggle_default = /*#__PURE__*/__webpack_require__.n(AnimationToggle_);
146
-
147
- // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
148
- var ScreenReaderContent_ = __webpack_require__(14);
149
- var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
150
-
151
- // EXTERNAL MODULE: external "@splunk/ui-utils/id"
152
- var id_ = __webpack_require__(8);
153
-
154
- // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Check"
155
- var Check_ = __webpack_require__(95);
156
- var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
157
-
158
- // EXTERNAL MODULE: external "@splunk/themes"
159
- var themes_ = __webpack_require__(0);
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* reexport */ Switch_Switch)
55
+ });
160
56
 
161
- // CONCATENATED MODULE: ./src/Switch/CheckIcon.tsx
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: external "prop-types"
61
+ const external_prop_types_namespaceObject = require("prop-types");
62
+ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
63
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
64
+ const AnimationToggle_namespaceObject = require("@splunk/react-ui/AnimationToggle");
65
+ var AnimationToggle_default = /*#__PURE__*/__webpack_require__.n(AnimationToggle_namespaceObject);
66
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
67
+ const ScreenReaderContent_namespaceObject = require("@splunk/react-ui/ScreenReaderContent");
68
+ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_namespaceObject);
69
+ ;// CONCATENATED MODULE: external "@splunk/ui-utils/id"
70
+ const id_namespaceObject = require("@splunk/ui-utils/id");
71
+ ;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Check"
72
+ const Check_namespaceObject = require("@splunk/react-icons/enterprise/Check");
73
+ var Check_default = /*#__PURE__*/__webpack_require__.n(Check_namespaceObject);
74
+ ;// CONCATENATED MODULE: external "@splunk/themes"
75
+ const themes_namespaceObject = require("@splunk/themes");
76
+ ;// CONCATENATED MODULE: ./src/Switch/CheckIcon.tsx
162
77
 
163
78
 
164
79
 
165
80
  function CheckIcon() {
166
- var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
81
+ var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
167
82
  family = _useSplunkTheme.family;
168
83
 
169
84
  if (family === 'enterprise') {
170
- return /*#__PURE__*/external_react_default.a.createElement(Check_default.a, {
85
+ return /*#__PURE__*/external_react_default().createElement((Check_default()), {
171
86
  inline: false,
172
87
  size: "12px",
173
88
  screenReaderText: null,
@@ -178,7 +93,7 @@ function CheckIcon() {
178
93
  });
179
94
  }
180
95
 
181
- return /*#__PURE__*/external_react_default.a.createElement("svg", {
96
+ return /*#__PURE__*/external_react_default().createElement("svg", {
182
97
  width: "12",
183
98
  height: "12",
184
99
  viewBox: "-1 -2 11 10",
@@ -186,282 +101,279 @@ function CheckIcon() {
186
101
  display: 'block'
187
102
  },
188
103
  xmlns: "http://www.w3.org/2000/svg"
189
- }, /*#__PURE__*/external_react_default.a.createElement("path", {
104
+ }, /*#__PURE__*/external_react_default().createElement("path", {
190
105
  d: "M8.70711 0.292893C9.09763 0.683417 9.09763 1.31658 8.70711 1.70711L4.32132 6.0929C3.73559 6.67862 2.78596 6.67869 2.20015 6.09305L0.292997 4.18646C-0.0975845 3.79599 -0.0976776 3.16282 0.292789 2.77224C0.683256 2.38166 1.31642 2.38157 1.707 2.77203L3.26061 4.32518L7.29289 0.292893C7.68342 -0.0976311 8.31658 -0.0976311 8.70711 0.292893Z",
191
106
  fill: "currentColor"
192
107
  }));
193
108
  }
194
- // EXTERNAL MODULE: external "styled-components"
195
- var external_styled_components_ = __webpack_require__(3);
196
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
197
-
198
- // EXTERNAL MODULE: external "@splunk/react-ui/Box"
199
- var Box_ = __webpack_require__(6);
200
- var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
201
-
202
- // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
203
- var Clickable_ = __webpack_require__(12);
204
- var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
205
-
206
- // CONCATENATED MODULE: ./src/Switch/SwitchStyles.ts
109
+ ;// CONCATENATED MODULE: external "styled-components"
110
+ const external_styled_components_namespaceObject = require("styled-components");
111
+ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
112
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
113
+ const Box_namespaceObject = require("@splunk/react-ui/Box");
114
+ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
115
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
116
+ const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
117
+ var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
118
+ ;// CONCATENATED MODULE: ./src/Switch/SwitchStyles.ts
207
119
 
208
120
 
209
121
 
210
122
 
211
123
  var diameter = '18px';
212
124
  var toggleDiameter = '20px';
213
- var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
125
+ var StyledBox = external_styled_components_default()((Box_default())).withConfig({
214
126
  displayName: "SwitchStyles__StyledBox",
215
127
  componentId: "sc-844ieu-0"
216
- })(["display:inline;position:relative;color:", ";flex-shrink:0;padding:", ";[data-inline] + &{margin-left:", ";}"], Object(themes_["pickVariant"])('$switchState', {
128
+ })(["display:inline;position:relative;color:", ";flex-shrink:0;padding:", ";[data-inline] + &{margin-left:", ";}"], (0,themes_namespaceObject.pickVariant)('$switchState', {
217
129
  error: {
218
- enterprise: themes_["variables"].errorColor,
219
- prisma: themes_["variables"].accentColorNegative
130
+ enterprise: themes_namespaceObject.variables.errorColor,
131
+ prisma: themes_namespaceObject.variables.accentColorNegative
220
132
  },
221
133
  disabled: {
222
- enterprise: themes_["variables"].textDisabledColor,
223
- prisma: themes_["variables"].contentColorDisabled
134
+ enterprise: themes_namespaceObject.variables.textDisabledColor,
135
+ prisma: themes_namespaceObject.variables.contentColorDisabled
224
136
  }
225
- }), Object(themes_["pick"])({
226
- enterprise: Object(external_styled_components_["css"])(["calc((", " - ", ") / 2) 0"], themes_["variables"].inputHeight, diameter),
137
+ }), (0,themes_namespaceObject.pick)({
138
+ enterprise: (0,external_styled_components_namespaceObject.css)(["calc((", " - ", ") / 2) 0"], themes_namespaceObject.variables.inputHeight, diameter),
227
139
  prisma: {
228
140
  compact: '6px 0',
229
141
  comfortable: '10px 0'
230
142
  }
231
- }), Object(themes_["pick"])({
232
- enterprise: themes_["variables"].spacingHalf,
233
- prisma: themes_["variables"].spacingSmall
143
+ }), (0,themes_namespaceObject.pick)({
144
+ enterprise: themes_namespaceObject.variables.spacingHalf,
145
+ prisma: themes_namespaceObject.variables.spacingSmall
234
146
  }));
235
- var StyledCheckboxClickable = external_styled_components_default()(Clickable_default.a).withConfig({
147
+ var StyledCheckboxClickable = external_styled_components_default()((Clickable_default())).withConfig({
236
148
  displayName: "SwitchStyles__StyledCheckboxClickable",
237
149
  componentId: "sc-844ieu-1"
238
- })(["", " position:relative;width:", ";height:", ";line-height:", ";padding:2px;border-radius:2px;cursor:pointer;flex:0 0 auto;border:", ";color:", ";", " &:focus{box-shadow:", ";}", " ", " &[disabled]{cursor:not-allowed;border-color:", ";", "}"], themes_["mixins"].reset('inline'), diameter, diameter, diameter, Object(themes_["pick"])({
239
- enterprise: Object(themes_["pick"])({
240
- light: Object(external_styled_components_["css"])(["1px solid ", ""], themes_["variables"].gray45),
241
- dark: Object(external_styled_components_["css"])(["1px solid ", ""], themes_["variables"].gray80)
150
+ })(["", " position:relative;width:", ";height:", ";line-height:", ";padding:2px;border-radius:2px;cursor:pointer;flex:0 0 auto;border:", ";color:", ";", " &:focus{box-shadow:", ";}", " ", " &[disabled]{cursor:not-allowed;border-color:", ";", "}"], themes_namespaceObject.mixins.reset('inline'), diameter, diameter, diameter, (0,themes_namespaceObject.pick)({
151
+ enterprise: (0,themes_namespaceObject.pick)({
152
+ light: (0,external_styled_components_namespaceObject.css)(["1px solid ", ""], themes_namespaceObject.variables.gray45),
153
+ dark: (0,external_styled_components_namespaceObject.css)(["1px solid ", ""], themes_namespaceObject.variables.gray80)
242
154
  }),
243
- prisma: Object(external_styled_components_["css"])(["2px solid ", ""], themes_["variables"].contentColorMuted)
244
- }), Object(themes_["pick"])({
245
- enterprise: Object(themes_["pick"])({
246
- light: themes_["variables"].gray45,
247
- dark: themes_["variables"].gray80
155
+ prisma: (0,external_styled_components_namespaceObject.css)(["2px solid ", ""], themes_namespaceObject.variables.contentColorMuted)
156
+ }), (0,themes_namespaceObject.pick)({
157
+ enterprise: (0,themes_namespaceObject.pick)({
158
+ light: themes_namespaceObject.variables.gray45,
159
+ dark: themes_namespaceObject.variables.gray80
248
160
  }),
249
- prisma: themes_["variables"].white
250
- }), Object(themes_["pick"])({
251
- prisma: Object(external_styled_components_["css"])(["top:1px;padding:1px;border-radius:3px;", " ", ""], function (_ref) {
161
+ prisma: themes_namespaceObject.variables.white
162
+ }), (0,themes_namespaceObject.pick)({
163
+ prisma: (0,external_styled_components_namespaceObject.css)(["top:1px;padding:1px;border-radius:3px;", " ", ""], function (_ref) {
252
164
  var $interactive = _ref.$interactive;
253
- return $interactive && Object(external_styled_components_["css"])(["&:not([disabled]):not(:focus):hover{box-shadow:0 0 0 2px ", ",0 0 0 5px ", ";}"], themes_["variables"].backgroundColorPage, themes_["variables"].interactiveColorOverlayHover);
165
+ return $interactive && (0,external_styled_components_namespaceObject.css)(["&:not([disabled]):not(:focus):hover{box-shadow:0 0 0 2px ", ",0 0 0 5px ", ";}"], themes_namespaceObject.variables.backgroundColorPage, themes_namespaceObject.variables.interactiveColorOverlayHover);
254
166
  }, function (_ref2) {
255
167
  var $selected = _ref2.$selected;
256
- return !$selected && Object(external_styled_components_["css"])(["&:not([disabled]):not(:focus):hover{border-color:", ";}"], themes_["variables"].contentColorDefault);
168
+ return !$selected && (0,external_styled_components_namespaceObject.css)(["&:not([disabled]):not(:focus):hover{border-color:", ";}"], themes_namespaceObject.variables.contentColorDefault);
257
169
  })
258
- }), themes_["variables"].focusShadow, function (_ref3) {
170
+ }), themes_namespaceObject.variables.focusShadow, function (_ref3) {
259
171
  var $selected = _ref3.$selected;
260
- return $selected && Object(external_styled_components_["css"])(["&:not([disabled]){border-color:", ";background-color:", ";}"], Object(themes_["pick"])({
172
+ return $selected && (0,external_styled_components_namespaceObject.css)(["&:not([disabled]){border-color:", ";background-color:", ";}"], (0,themes_namespaceObject.pick)({
261
173
  enterprise: {
262
- light: themes_["variables"].gray45,
263
- dark: themes_["variables"].gray80
174
+ light: themes_namespaceObject.variables.gray45,
175
+ dark: themes_namespaceObject.variables.gray80
264
176
  },
265
- prisma: themes_["variables"].interactiveColorPrimary
266
- }), Object(themes_["pick"])({
177
+ prisma: themes_namespaceObject.variables.interactiveColorPrimary
178
+ }), (0,themes_namespaceObject.pick)({
267
179
  enterprise: '#none',
268
- prisma: Object(external_styled_components_["css"])(["", ";"], themes_["variables"].interactiveColorPrimary)
180
+ prisma: (0,external_styled_components_namespaceObject.css)(["", ";"], themes_namespaceObject.variables.interactiveColorPrimary)
269
181
  }));
270
182
  }, function (_ref4) {
271
183
  var $error = _ref4.$error;
272
- return $error && Object(themes_["pick"])({
273
- enterprise: Object(themes_["pick"])({
274
- light: Object(external_styled_components_["css"])(["&:not([disabled]){border-color:", ";color:", ";", "}"], themes_["variables"].errorColorL30, themes_["variables"].errorColor, function (_ref5) {
184
+ return $error && (0,themes_namespaceObject.pick)({
185
+ enterprise: (0,themes_namespaceObject.pick)({
186
+ light: (0,external_styled_components_namespaceObject.css)(["&:not([disabled]){border-color:", ";color:", ";", "}"], themes_namespaceObject.variables.errorColorL30, themes_namespaceObject.variables.errorColor, function (_ref5) {
275
187
  var $selected = _ref5.$selected;
276
- return $selected && Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].errorColor);
188
+ return $selected && (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.errorColor);
277
189
  }),
278
- dark: Object(external_styled_components_["css"])(["border-color:", ";}"], themes_["variables"].errorColor)
190
+ dark: (0,external_styled_components_namespaceObject.css)(["border-color:", ";}"], themes_namespaceObject.variables.errorColor)
279
191
  }),
280
- prisma: Object(external_styled_components_["css"])(["&:not([disabled]){border-color:", ";", "}"], themes_["variables"].accentColorNegative, function (_ref6) {
192
+ prisma: (0,external_styled_components_namespaceObject.css)(["&:not([disabled]){border-color:", ";", "}"], themes_namespaceObject.variables.accentColorNegative, function (_ref6) {
281
193
  var $selected = _ref6.$selected;
282
- return $selected && Object(external_styled_components_["css"])(["background-color:", ";"], themes_["variables"].accentColorNegative);
194
+ return $selected && (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.variables.accentColorNegative);
283
195
  })
284
196
  });
285
- }, Object(themes_["pick"])({
197
+ }, (0,themes_namespaceObject.pick)({
286
198
  enterprise: {
287
- light: themes_["variables"].borderColor,
288
- dark: themes_["variables"].gray45
199
+ light: themes_namespaceObject.variables.borderColor,
200
+ dark: themes_namespaceObject.variables.gray45
289
201
  },
290
- prisma: themes_["variables"].contentColorDisabled
202
+ prisma: themes_namespaceObject.variables.contentColorDisabled
291
203
  }), function (_ref7) {
292
204
  var $selected = _ref7.$selected;
293
- return $selected && Object(themes_["pick"])({
294
- prisma: Object(external_styled_components_["css"])(["border-color:transparent;background-color:", ";"], themes_["variables"].interactiveColorBackgroundDisabled)
205
+ return $selected && (0,themes_namespaceObject.pick)({
206
+ prisma: (0,external_styled_components_namespaceObject.css)(["border-color:transparent;background-color:", ";"], themes_namespaceObject.variables.interactiveColorBackgroundDisabled)
295
207
  });
296
208
  });
297
209
  var StyledCheckboxSpan = StyledCheckboxClickable.withComponent('span');
298
- var StyledSome = external_styled_components_default.a.div.withConfig({
210
+ var StyledSome = external_styled_components_default().div.withConfig({
299
211
  displayName: "SwitchStyles__StyledSome",
300
212
  componentId: "sc-844ieu-2"
301
- })(["display:block;margin:", ";height:", ";width:", ";background:currentColor;border-radius:1px;"], Object(themes_["pick"])({
213
+ })(["display:block;margin:", ";height:", ";width:", ";background:currentColor;border-radius:1px;"], (0,themes_namespaceObject.pick)({
302
214
  enterprise: '2px',
303
215
  prisma: '5px 2px'
304
- }), Object(themes_["pick"])({
305
- enterprise: Object(external_styled_components_["css"])(["calc(", " - 10px);"], diameter),
216
+ }), (0,themes_namespaceObject.pick)({
217
+ enterprise: (0,external_styled_components_namespaceObject.css)(["calc(", " - 10px);"], diameter),
306
218
  prisma: '2px'
307
- }), Object(themes_["pick"])({
308
- enterprise: Object(external_styled_components_["css"])(["calc(", " - 10px);"], diameter),
219
+ }), (0,themes_namespaceObject.pick)({
220
+ enterprise: (0,external_styled_components_namespaceObject.css)(["calc(", " - 10px);"], diameter),
309
221
  prisma: '8px'
310
222
  }));
311
- var StyledIndicator = external_styled_components_default.a.div.withConfig({
223
+ var StyledIndicator = external_styled_components_default().div.withConfig({
312
224
  displayName: "SwitchStyles__StyledIndicator",
313
225
  componentId: "sc-844ieu-3"
314
- })(["background-color:", ";border-color:", ";box-sizing:border-box;border-radius:50%;border-width:1px;position:absolute;left:-1px;top:-1px;", ";", " ", " ", ""], Object(themes_["pick"])({
226
+ })(["background-color:", ";border-color:", ";box-sizing:border-box;border-radius:50%;border-width:1px;position:absolute;left:-1px;top:-1px;", ";", " ", " ", ""], (0,themes_namespaceObject.pick)({
315
227
  enterprise: {
316
- light: themes_["variables"].gray98,
317
- dark: themes_["variables"].gray80
228
+ light: themes_namespaceObject.variables.gray98,
229
+ dark: themes_namespaceObject.variables.gray80
318
230
  },
319
- prisma: themes_["variables"].white
320
- }), Object(themes_["pick"])({
231
+ prisma: themes_namespaceObject.variables.white
232
+ }), (0,themes_namespaceObject.pick)({
321
233
  enterprise: {
322
- light: themes_["variables"].gray60,
323
- dark: themes_["variables"].borderColor
234
+ light: themes_namespaceObject.variables.gray60,
235
+ dark: themes_namespaceObject.variables.borderColor
324
236
  },
325
- prisma: themes_["variables"].transparent
237
+ prisma: themes_namespaceObject.variables.transparent
326
238
  }), function (_ref8) {
327
239
  var $delay = _ref8.$delay;
328
- return $delay && Object(external_styled_components_["css"])(["transition:left ", ";"], $delay);
329
- }, Object(themes_["pick"])({
330
- enterprise: Object(external_styled_components_["css"])(["width:", ";height:", ";border-style:solid;"], diameter, diameter),
331
- prisma: Object(external_styled_components_["css"])(["height:16px;width:16px;margin:2px;border-style:none;box-shadow:", ";"], themes_["variables"].embossShadow)
240
+ return $delay && (0,external_styled_components_namespaceObject.css)(["transition:left ", ";"], $delay);
241
+ }, (0,themes_namespaceObject.pick)({
242
+ enterprise: (0,external_styled_components_namespaceObject.css)(["width:", ";height:", ";border-style:solid;"], diameter, diameter),
243
+ prisma: (0,external_styled_components_namespaceObject.css)(["height:16px;width:16px;margin:2px;border-style:none;box-shadow:", ";"], themes_namespaceObject.variables.embossShadow)
332
244
  }), function (_ref9) {
333
245
  var $disabled = _ref9.$disabled;
334
- return $disabled && Object(external_styled_components_["css"])(["border-color:", ";border-style:solid;background-color:", ";"], Object(themes_["pick"])({
246
+ return $disabled && (0,external_styled_components_namespaceObject.css)(["border-color:", ";border-style:solid;background-color:", ";"], (0,themes_namespaceObject.pick)({
335
247
  enterprise: {
336
- light: themes_["mixins"].colorWithAlpha(themes_["variables"].borderLightColor, 0.8),
337
- dark: themes_["variables"].gray22
248
+ light: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.borderLightColor, 0.8),
249
+ dark: themes_namespaceObject.variables.gray22
338
250
  },
339
- prisma: themes_["variables"].transparent
340
- }), Object(themes_["pick"])({
251
+ prisma: themes_namespaceObject.variables.transparent
252
+ }), (0,themes_namespaceObject.pick)({
341
253
  enterprise: {
342
- dark: themes_["variables"].gray45
254
+ dark: themes_namespaceObject.variables.gray45
343
255
  },
344
- prisma: themes_["mixins"].colorWithAlpha(themes_["variables"].white, 0.3)
256
+ prisma: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.white, 0.3)
345
257
  }));
346
258
  }, function (_ref10) {
347
259
  var $selected = _ref10.$selected;
348
- return $selected && Object(external_styled_components_["css"])(["left:", ";"], Object(themes_["pick"])({
349
- enterprise: Object(external_styled_components_["css"])(["calc(100% - ", " + 1px)"], diameter),
350
- prisma: Object(external_styled_components_["css"])(["calc(100% - ", " + 1px)"], toggleDiameter)
260
+ return $selected && (0,external_styled_components_namespaceObject.css)(["left:", ";"], (0,themes_namespaceObject.pick)({
261
+ enterprise: (0,external_styled_components_namespaceObject.css)(["calc(100% - ", " + 1px)"], diameter),
262
+ prisma: (0,external_styled_components_namespaceObject.css)(["calc(100% - ", " + 1px)"], toggleDiameter)
351
263
  }));
352
264
  });
353
- var StyledToggleOutline = external_styled_components_default.a.div.withConfig({
265
+ var StyledToggleOutline = external_styled_components_default().div.withConfig({
354
266
  displayName: "SwitchStyles__StyledToggleOutline",
355
267
  componentId: "sc-844ieu-4"
356
268
  })(["position:absolute;border:1px solid transparent;", ";border-radius:", ";top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;", " ", ""], function (_ref11) {
357
269
  var $delay = _ref11.$delay;
358
- return $delay && Object(external_styled_components_["css"])(["transition:border-color ", ";"], $delay);
359
- }, Object(themes_["pick"])({
360
- enterprise: Object(external_styled_components_["css"])(["calc(", " * 0.5)"], diameter),
270
+ return $delay && (0,external_styled_components_namespaceObject.css)(["transition:border-color ", ";"], $delay);
271
+ }, (0,themes_namespaceObject.pick)({
272
+ enterprise: (0,external_styled_components_namespaceObject.css)(["calc(", " * 0.5)"], diameter),
361
273
  prisma: '15px'
362
- }), Object(themes_["pick"])({
363
- prisma: Object(external_styled_components_["css"])(["margin:-6px;"])
274
+ }), (0,themes_namespaceObject.pick)({
275
+ prisma: (0,external_styled_components_namespaceObject.css)(["margin:-6px;"])
364
276
  }), function (_ref12) {
365
277
  var $error = _ref12.$error;
366
- return $error && Object(external_styled_components_["css"])(["border-color:", ";"], Object(themes_["pick"])({
367
- enterprise: themes_["variables"].errorColor,
368
- prisma: themes_["variables"].transparent
278
+ return $error && (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], (0,themes_namespaceObject.pick)({
279
+ enterprise: themes_namespaceObject.variables.errorColor,
280
+ prisma: themes_namespaceObject.variables.transparent
369
281
  }));
370
282
  });
371
- var StyledToggleClickable = external_styled_components_default()(Clickable_default.a).withConfig({
283
+ var StyledToggleClickable = external_styled_components_default()((Clickable_default())).withConfig({
372
284
  displayName: "SwitchStyles__StyledToggleClickable",
373
285
  componentId: "sc-844ieu-5"
374
- })(["position:relative;", " border-radius:", ";transition:background-color ", ";flex:0 0 auto;border:1px solid ", ";", " &:not([disabled]){&:focus{outline:0;box-shadow:", ";", "}&:hover ", "{background-color:", ";}&:hover ", "{background-color:", ";}};&[disabled]{border:1px solid ", ";background-color:", ";", " ", "}", ";", ""], Object(themes_["pick"])({
375
- enterprise: Object(themes_["pick"])({
376
- light: Object(external_styled_components_["css"])(["width:calc(", " * 2);background-color:", ";height:", ";"], diameter, themes_["variables"].gray98, diameter),
377
- dark: Object(external_styled_components_["css"])(["width:calc(", " * 2);background-color:", ";height:", ";"], diameter, themes_["variables"].gray45, diameter)
286
+ })(["position:relative;", " border-radius:", ";transition:background-color ", ";flex:0 0 auto;border:1px solid ", ";", " &:not([disabled]){&:focus{outline:0;box-shadow:", ";", "}&:hover ", "{background-color:", ";}&:hover ", "{background-color:", ";}};&[disabled]{border:1px solid ", ";background-color:", ";", " ", "}", ";", ""], (0,themes_namespaceObject.pick)({
287
+ enterprise: (0,themes_namespaceObject.pick)({
288
+ light: (0,external_styled_components_namespaceObject.css)(["width:calc(", " * 2);background-color:", ";height:", ";"], diameter, themes_namespaceObject.variables.gray98, diameter),
289
+ dark: (0,external_styled_components_namespaceObject.css)(["width:calc(", " * 2);background-color:", ";height:", ";"], diameter, themes_namespaceObject.variables.gray45, diameter)
378
290
  }),
379
- prisma: Object(external_styled_components_["css"])(["width:32px;background-color:", ";height:", ";top:1px;"], themes_["variables"].contentColorMuted, toggleDiameter)
291
+ prisma: (0,external_styled_components_namespaceObject.css)(["width:32px;background-color:", ";height:", ";top:1px;"], themes_namespaceObject.variables.contentColorMuted, toggleDiameter)
380
292
  }), diameter, function (props) {
381
293
  return props.$delay;
382
- }, Object(themes_["pick"])({
294
+ }, (0,themes_namespaceObject.pick)({
383
295
  enterprise: {
384
- light: themes_["variables"].gray60,
385
- dark: themes_["variables"].borderColor
296
+ light: themes_namespaceObject.variables.gray60,
297
+ dark: themes_namespaceObject.variables.borderColor
386
298
  },
387
- prisma: themes_["variables"].transparent
388
- }), Object(themes_["pick"])({
389
- enterprise: Object(external_styled_components_["css"])(["box-shadow:inset 0 2px 0 rgba(0,0,0,0.1);"])
390
- }), Object(themes_["pick"])({
391
- enterprise: Object(external_styled_components_["css"])(["", ",inset 0 2px 0 rgba(0,0,0,0.1);"], themes_["variables"].focusShadow),
392
- prisma: themes_["variables"].focusShadow
393
- }), Object(themes_["pick"])({
394
- enterprise: Object(external_styled_components_["css"])(["> ", "{border-color:", ";}"],
299
+ prisma: themes_namespaceObject.variables.transparent
300
+ }), (0,themes_namespaceObject.pick)({
301
+ enterprise: (0,external_styled_components_namespaceObject.css)(["box-shadow:inset 0 2px 0 rgba(0,0,0,0.1);"])
302
+ }), (0,themes_namespaceObject.pick)({
303
+ enterprise: (0,external_styled_components_namespaceObject.css)(["", ",inset 0 2px 0 rgba(0,0,0,0.1);"], themes_namespaceObject.variables.focusShadow),
304
+ prisma: themes_namespaceObject.variables.focusShadow
305
+ }), (0,themes_namespaceObject.pick)({
306
+ enterprise: (0,external_styled_components_namespaceObject.css)(["> ", "{border-color:", ";}"],
395
307
  /* sc-sel */
396
- StyledToggleOutline, themes_["mixins"].colorWithAlpha(themes_["variables"].focusColor, 0.8))
308
+ StyledToggleOutline, themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.focusColor, 0.8))
397
309
  }),
398
310
  /* sc-sel */
399
- StyledIndicator, Object(themes_["pick"])({
400
- enterprise: Object(themes_["pick"])({
401
- light: themes_["variables"].gray96,
311
+ StyledIndicator, (0,themes_namespaceObject.pick)({
312
+ enterprise: (0,themes_namespaceObject.pick)({
313
+ light: themes_namespaceObject.variables.gray96,
402
314
  dark: '#b1bcc7'
403
315
  }),
404
- prisma: themes_["variables"].white
316
+ prisma: themes_namespaceObject.variables.white
405
317
  }),
406
318
  /* sc-sel */
407
- StyledToggleOutline, Object(themes_["pick"])({
408
- prisma: themes_["variables"].interactiveColorOverlayHover
409
- }), Object(themes_["pick"])({
319
+ StyledToggleOutline, (0,themes_namespaceObject.pick)({
320
+ prisma: themes_namespaceObject.variables.interactiveColorOverlayHover
321
+ }), (0,themes_namespaceObject.pick)({
410
322
  enterprise: {
411
- light: themes_["variables"].borderLightColor,
412
- dark: themes_["variables"].borderColor
323
+ light: themes_namespaceObject.variables.borderLightColor,
324
+ dark: themes_namespaceObject.variables.borderColor
413
325
  },
414
- prisma: themes_["variables"].transparent
415
- }), Object(themes_["pick"])({
326
+ prisma: themes_namespaceObject.variables.transparent
327
+ }), (0,themes_namespaceObject.pick)({
416
328
  enterprise: {
417
- light: themes_["variables"].gray96,
418
- dark: themes_["variables"].gray30
329
+ light: themes_namespaceObject.variables.gray96,
330
+ dark: themes_namespaceObject.variables.gray30
419
331
  },
420
- prisma: themes_["variables"].interactiveColorBackgroundDisabled
421
- }), Object(themes_["pick"])({
422
- enterprise: Object(external_styled_components_["css"])(["box-shadow:inset 0 2px 0 rgba(0,0,0,0.06);"])
332
+ prisma: themes_namespaceObject.variables.interactiveColorBackgroundDisabled
333
+ }), (0,themes_namespaceObject.pick)({
334
+ enterprise: (0,external_styled_components_namespaceObject.css)(["box-shadow:inset 0 2px 0 rgba(0,0,0,0.06);"])
423
335
  }), function (_ref13) {
424
336
  var $selected = _ref13.$selected;
425
- return $selected && Object(external_styled_components_["css"])(["border-color:transparent;background-color:", ";"], Object(themes_["pick"])({
426
- enterprise: Object(themes_["pick"])({
427
- light: themes_["variables"].accentColorL40,
428
- dark: themes_["variables"].accentColorD20
337
+ return $selected && (0,external_styled_components_namespaceObject.css)(["border-color:transparent;background-color:", ";"], (0,themes_namespaceObject.pick)({
338
+ enterprise: (0,themes_namespaceObject.pick)({
339
+ light: themes_namespaceObject.variables.accentColorL40,
340
+ dark: themes_namespaceObject.variables.accentColorD20
429
341
  }),
430
- prisma: themes_["mixins"].colorWithAlpha(themes_["variables"].interactiveColorPrimary, 0.7)
342
+ prisma: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.interactiveColorPrimary, 0.7)
431
343
  }));
432
344
  }, function (_ref14) {
433
345
  var $selected = _ref14.$selected;
434
- return $selected && Object(external_styled_components_["css"])(["border-color:", ";background-color:", ";", ""], Object(themes_["pick"])({
435
- enterprise: themes_["variables"].accentColorL10,
436
- prisma: themes_["variables"].transparent
437
- }), Object(themes_["pick"])({
438
- enterprise: themes_["variables"].accentColorL10,
439
- prisma: themes_["variables"].interactiveColorPrimary
440
- }), Object(themes_["pick"])({
441
- prisma: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].embossShadow)
346
+ return $selected && (0,external_styled_components_namespaceObject.css)(["border-color:", ";background-color:", ";", ""], (0,themes_namespaceObject.pick)({
347
+ enterprise: themes_namespaceObject.variables.accentColorL10,
348
+ prisma: themes_namespaceObject.variables.transparent
349
+ }), (0,themes_namespaceObject.pick)({
350
+ enterprise: themes_namespaceObject.variables.accentColorL10,
351
+ prisma: themes_namespaceObject.variables.interactiveColorPrimary
352
+ }), (0,themes_namespaceObject.pick)({
353
+ prisma: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.embossShadow)
442
354
  }));
443
355
  }, function (_ref15) {
444
356
  var $error = _ref15.$error;
445
- return $error && Object(external_styled_components_["css"])(["border-color:", ";", ";"], Object(themes_["pick"])({
446
- enterprise: themes_["variables"].errorColor,
447
- prisma: themes_["variables"].transparent
448
- }), Object(themes_["pick"])({
449
- prisma: Object(external_styled_components_["css"])(["background-color:", ";"], themes_["variables"].accentColorNegative)
357
+ return $error && (0,external_styled_components_namespaceObject.css)(["border-color:", ";", ";"], (0,themes_namespaceObject.pick)({
358
+ enterprise: themes_namespaceObject.variables.errorColor,
359
+ prisma: themes_namespaceObject.variables.transparent
360
+ }), (0,themes_namespaceObject.pick)({
361
+ prisma: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.variables.accentColorNegative)
450
362
  }));
451
363
  });
452
364
  var StyledToggleSpan = StyledToggleClickable.withComponent('span');
453
- var StyledLabel = external_styled_components_default.a.label.withConfig({
365
+ var StyledLabel = external_styled_components_default().label.withConfig({
454
366
  displayName: "SwitchStyles__StyledLabel",
455
367
  componentId: "sc-844ieu-6"
456
- })(["", " flex:1 1 auto;padding-left:", ";color:inherit;", ";"], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
457
- enterprise: Object(external_styled_components_["css"])(["", ";"], themes_["variables"].spacingQuarter),
368
+ })(["", " flex:1 1 auto;padding-left:", ";color:inherit;", ";"], themes_namespaceObject.mixins.reset('inline-block'), (0,themes_namespaceObject.pick)({
369
+ enterprise: (0,external_styled_components_namespaceObject.css)(["", ";"], themes_namespaceObject.variables.spacingQuarter),
458
370
  prisma: '8px'
459
371
  }), function (_ref16) {
460
372
  var $disabled = _ref16.$disabled;
461
- return !$disabled && Object(external_styled_components_["css"])(["cursor:pointer;"]);
373
+ return !$disabled && (0,external_styled_components_namespaceObject.css)(["cursor:pointer;"]);
462
374
  });
463
375
 
464
- // CONCATENATED MODULE: ./src/Switch/Switch.tsx
376
+ ;// CONCATENATED MODULE: ./src/Switch/Switch.tsx
465
377
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
466
378
 
467
379
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -500,26 +412,26 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
500
412
 
501
413
 
502
414
  var propTypes = {
503
- appearance: external_prop_types_default.a.oneOf(['checkbox', 'toggle']),
504
- children: external_prop_types_default.a.node,
505
- disabled: external_prop_types_default.a.bool,
506
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
507
- error: external_prop_types_default.a.bool,
508
- id: external_prop_types_default.a.string,
509
- inline: external_prop_types_default.a.bool,
415
+ appearance: external_prop_types_default().oneOf(['checkbox', 'toggle']),
416
+ children: (external_prop_types_default()).node,
417
+ disabled: (external_prop_types_default()).bool,
418
+ elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
419
+ error: (external_prop_types_default()).bool,
420
+ id: (external_prop_types_default()).string,
421
+ inline: (external_prop_types_default()).bool,
510
422
 
511
423
  /** @private */
512
- interactive: external_prop_types_default.a.bool,
513
- labelledBy: external_prop_types_default.a.string,
514
- onClick: external_prop_types_default.a.func,
424
+ interactive: (external_prop_types_default()).bool,
425
+ labelledBy: (external_prop_types_default()).string,
426
+ onClick: (external_prop_types_default()).func,
515
427
 
516
428
  /** @private. */
517
- required: external_prop_types_default.a.bool,
518
- selected: external_prop_types_default.a.oneOf([true, false, 'some']),
519
- selectedLabel: external_prop_types_default.a.string,
520
- someSelectedLabel: external_prop_types_default.a.string,
521
- unselectedLabel: external_prop_types_default.a.string,
522
- value: external_prop_types_default.a.any
429
+ required: (external_prop_types_default()).bool,
430
+ selected: external_prop_types_default().oneOf([true, false, 'some']),
431
+ selectedLabel: (external_prop_types_default()).string,
432
+ someSelectedLabel: (external_prop_types_default()).string,
433
+ unselectedLabel: (external_prop_types_default()).string,
434
+ value: (external_prop_types_default()).any
523
435
  };
524
436
  var defaultProps = {
525
437
  appearance: 'checkbox',
@@ -542,7 +454,7 @@ var StyledSpans = {
542
454
  * `Switch` is a basic form control with an on/off state.
543
455
  */
544
456
 
545
- var Switch_Switch = /*#__PURE__*/function (_Component) {
457
+ var Switch = /*#__PURE__*/function (_Component) {
546
458
  _inherits(Switch, _Component);
547
459
 
548
460
  var _super = _createSuper(Switch);
@@ -586,8 +498,8 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
586
498
  });
587
499
  });
588
500
 
589
- _this.labelId = Object(id_["createDOMID"])('label');
590
- _this.clickableId = Object(id_["createDOMID"])('clickable');
501
+ _this.labelId = (0,id_namespaceObject.createDOMID)('label');
502
+ _this.clickableId = (0,id_namespaceObject.createDOMID)('clickable');
591
503
  Switch.validateProps(props);
592
504
  return _this;
593
505
  }
@@ -665,36 +577,36 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
665
577
 
666
578
  var renderToggle = function renderToggle(delay) {
667
579
  return function () {
668
- var toggleChildren = /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(StyledIndicator, {
580
+ var toggleChildren = /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement(StyledIndicator, {
669
581
  $delay: delay,
670
582
  $disabled: disabled,
671
583
  $error: !disabled && error,
672
584
  $selected: selected
673
- }), /*#__PURE__*/external_react_default.a.createElement(StyledToggleOutline, {
585
+ }), /*#__PURE__*/external_react_default().createElement(StyledToggleOutline, {
674
586
  $delay: delay,
675
587
  $error: !disabled && error
676
588
  }));
677
- return interactive ? /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
589
+ return interactive ? /*#__PURE__*/external_react_default().createElement(StyledClickable, _extends({
678
590
  role: "switch"
679
591
  }, switchProps, {
680
592
  $delay: delay
681
- }), toggleChildren) : /*#__PURE__*/external_react_default.a.createElement(StyledSpan, _extends({}, switchProps, {
593
+ }), toggleChildren) : /*#__PURE__*/external_react_default().createElement(StyledSpan, _extends({}, switchProps, {
682
594
  $delay: delay
683
595
  }), toggleChildren);
684
596
  };
685
597
  };
686
598
 
687
599
  var renderNonToggle = function renderNonToggle() {
688
- var nonToggleChildren = /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, selected === true && appearance === 'checkbox' && /*#__PURE__*/external_react_default.a.createElement(CheckIcon, null), selected === 'some' && appearance === 'checkbox' && /*#__PURE__*/external_react_default.a.createElement(StyledSome, null));
689
- return interactive ? /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
600
+ var nonToggleChildren = /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, selected === true && appearance === 'checkbox' && /*#__PURE__*/external_react_default().createElement(CheckIcon, null), selected === 'some' && appearance === 'checkbox' && /*#__PURE__*/external_react_default().createElement(StyledSome, null));
601
+ return interactive ? /*#__PURE__*/external_react_default().createElement(StyledClickable, _extends({
690
602
  "data-clickable": true,
691
603
  role: appearance
692
- }, switchProps), nonToggleChildren) : /*#__PURE__*/external_react_default.a.createElement(StyledSpan, switchProps, nonToggleChildren);
604
+ }, switchProps), nonToggleChildren) : /*#__PURE__*/external_react_default().createElement(StyledSpan, switchProps, nonToggleChildren);
693
605
  };
694
606
 
695
607
  var switchState = disabled && 'disabled' || error && 'error' || null;
696
608
  var hasCustomizedScreenReaderContent = !!selectedLabel || !!someSelectedLabel || !!unselectedLabel;
697
- return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
609
+ return /*#__PURE__*/external_react_default().createElement(StyledBox, _extends({
698
610
  flex: true,
699
611
  inline: inline,
700
612
  "data-test": "switch",
@@ -704,10 +616,10 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
704
616
  "data-error": error ? true : undefined,
705
617
  "data-disabled": disabled ? true : undefined,
706
618
  $switchState: switchState
707
- }, otherProps), appearance === 'toggle' && /*#__PURE__*/external_react_default.a.createElement(AnimationToggle_default.a, {
619
+ }, otherProps), appearance === 'toggle' && /*#__PURE__*/external_react_default().createElement((AnimationToggle_default()), {
708
620
  on: renderToggle('200ms'),
709
621
  off: renderToggle()
710
- }), appearance !== 'toggle' && renderNonToggle(), interactive && hasCustomizedScreenReaderContent && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, stateLabels["".concat(selected)]), children && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
622
+ }), appearance !== 'toggle' && renderNonToggle(), interactive && hasCustomizedScreenReaderContent && /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), null, stateLabels["".concat(selected)]), children && /*#__PURE__*/external_react_default().createElement(StyledLabel, {
711
623
  $disabled: disabled,
712
624
  "data-test": "label",
713
625
  id: labelId,
@@ -718,52 +630,16 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
718
630
  }]);
719
631
 
720
632
  return Switch;
721
- }(external_react_["Component"]);
722
-
723
- _defineProperty(Switch_Switch, "propTypes", propTypes);
724
-
725
- _defineProperty(Switch_Switch, "defaultProps", defaultProps);
726
-
727
- /* harmony default export */ var src_Switch_Switch = (Switch_Switch);
728
- // CONCATENATED MODULE: ./src/Switch/index.ts
729
-
730
-
731
-
732
- /***/ }),
733
-
734
- /***/ 3:
735
- /***/ (function(module, exports) {
736
-
737
- module.exports = require("styled-components");
738
-
739
- /***/ }),
740
-
741
- /***/ 48:
742
- /***/ (function(module, exports) {
743
-
744
- module.exports = require("@splunk/react-ui/AnimationToggle");
745
-
746
- /***/ }),
747
-
748
- /***/ 6:
749
- /***/ (function(module, exports) {
750
-
751
- module.exports = require("@splunk/react-ui/Box");
752
-
753
- /***/ }),
754
-
755
- /***/ 8:
756
- /***/ (function(module, exports) {
757
-
758
- module.exports = require("@splunk/ui-utils/id");
633
+ }(external_react_namespaceObject.Component);
759
634
 
760
- /***/ }),
635
+ _defineProperty(Switch, "propTypes", propTypes);
761
636
 
762
- /***/ 95:
763
- /***/ (function(module, exports) {
637
+ _defineProperty(Switch, "defaultProps", defaultProps);
764
638
 
765
- module.exports = require("@splunk/react-icons/enterprise/Check");
639
+ /* harmony default export */ const Switch_Switch = (Switch);
640
+ ;// CONCATENATED MODULE: ./src/Switch/index.ts
766
641
 
767
- /***/ })
768
642
 
769
- /******/ });
643
+ module.exports = __webpack_exports__;
644
+ /******/ })()
645
+ ;