@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/ButtonSimple.js CHANGED
@@ -1,358 +1,280 @@
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 = 193);
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
- /***/ 193:
119
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
-
121
- "use strict";
48
+ var __webpack_exports__ = {};
122
49
  // ESM COMPAT FLAG
123
50
  __webpack_require__.r(__webpack_exports__);
124
51
 
125
52
  // EXPORTS
126
- __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_ButtonSimple_ButtonSimple; });
127
-
128
- // EXTERNAL MODULE: external "react"
129
- var external_react_ = __webpack_require__(2);
130
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
131
-
132
- // EXTERNAL MODULE: external "prop-types"
133
- var external_prop_types_ = __webpack_require__(1);
134
- var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
135
-
136
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
137
- var i18n_ = __webpack_require__(4);
138
-
139
- // EXTERNAL MODULE: external "@splunk/themes"
140
- var themes_ = __webpack_require__(0);
141
-
142
- // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
143
- var ScreenReaderContent_ = __webpack_require__(14);
144
- var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
145
-
146
- // EXTERNAL MODULE: external "styled-components"
147
- var external_styled_components_ = __webpack_require__(3);
148
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
149
-
150
- // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
151
- var Clickable_ = __webpack_require__(12);
152
- var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
153
-
154
- // CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts
155
-
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* reexport */ ButtonSimple_ButtonSimple)
55
+ });
156
56
 
157
- var common = Object(external_styled_components_["css"])(["", " cursor:pointer;position:relative;border-radius:", ";&:focus,&:hover{z-index:3;}"], themes_["mixins"].reset('block'), themes_["variables"].borderRadius);
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/ui-utils/i18n"
64
+ const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
65
+ ;// CONCATENATED MODULE: external "@splunk/themes"
66
+ const themes_namespaceObject = require("@splunk/themes");
67
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
68
+ const ScreenReaderContent_namespaceObject = require("@splunk/react-ui/ScreenReaderContent");
69
+ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_namespaceObject);
70
+ ;// CONCATENATED MODULE: external "styled-components"
71
+ const external_styled_components_namespaceObject = require("styled-components");
72
+ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
73
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
74
+ const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
75
+ var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
76
+ ;// CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts
77
+
78
+
79
+ var common = (0,external_styled_components_namespaceObject.css)(["", " cursor:pointer;position:relative;border-radius:", ";&:focus,&:hover{z-index:3;}"], themes_namespaceObject.mixins.reset('block'), themes_namespaceObject.variables.borderRadius);
158
80
  /* Setting border-radius to 0.1px creates a rounded shadow, */
159
81
 
160
- var appendPrepend = Object(external_styled_components_["css"])(["", " ", ""], function (_ref) {
82
+ var appendPrepend = (0,external_styled_components_namespaceObject.css)(["", " ", ""], function (_ref) {
161
83
  var $append = _ref.$append;
162
- return $append && Object(external_styled_components_["css"])(["border-top-right-radius:0.1px;border-bottom-right-radius:0.1px;border-right:none;"]);
84
+ return $append && (0,external_styled_components_namespaceObject.css)(["border-top-right-radius:0.1px;border-bottom-right-radius:0.1px;border-right:none;"]);
163
85
  }, function (_ref2) {
164
86
  var $prepend = _ref2.$prepend;
165
- return $prepend && Object(external_styled_components_["css"])(["border-top-left-radius:0.1px;border-bottom-left-radius:0.1px;"]);
87
+ return $prepend && (0,external_styled_components_namespaceObject.css)(["border-top-left-radius:0.1px;border-bottom-left-radius:0.1px;"]);
166
88
  });
167
- var prismaTransparent = Object(external_styled_components_["css"])(["", " ", " ", " &:not([disabled]){color:", ";transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";", "}", " ", " &:active{background-color:", ";transition:none;}&:focus{background-color:", ";", " &:active{background-color:", ";}}}&[disabled]{border-color:", ";color:", ";cursor:not-allowed;", "}"], common, Object(themes_["pickVariant"])('$variant', {
168
- prismaSecondary: Object(external_styled_components_["css"])(["font-weight:", ";"], themes_["variables"].fontWeightSemiBold),
169
- prismaDefault: Object(external_styled_components_["css"])(["border:1px solid ", ";font-weight:", ";"], themes_["variables"].interactiveColorBorder, themes_["variables"].fontWeightSemiBold),
170
- prismaToggle: Object(external_styled_components_["css"])(["border:1px solid ", ";font-weight:normal;"], themes_["variables"].interactiveColorBorder)
171
- }), appendPrepend, themes_["variables"].contentColorActive, themes_["variables"].interactiveColorOverlayHover, themes_["variables"].interactiveColorBorderHover, Object(themes_["pickVariant"])('$variant', {
172
- prismaSecondary: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].hoverShadow),
173
- prismaDefault: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].hoverShadow)
89
+ var prismaTransparent = (0,external_styled_components_namespaceObject.css)(["", " ", " ", " &:not([disabled]){color:", ";transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";", "}", " ", " &:active{background-color:", ";transition:none;}&:focus{background-color:", ";", " &:active{background-color:", ";}}}&[disabled]{border-color:", ";color:", ";cursor:not-allowed;", "}"], common, (0,themes_namespaceObject.pickVariant)('$variant', {
90
+ prismaSecondary: (0,external_styled_components_namespaceObject.css)(["font-weight:", ";"], themes_namespaceObject.variables.fontWeightSemiBold),
91
+ prismaDefault: (0,external_styled_components_namespaceObject.css)(["border:1px solid ", ";font-weight:", ";"], themes_namespaceObject.variables.interactiveColorBorder, themes_namespaceObject.variables.fontWeightSemiBold),
92
+ prismaToggle: (0,external_styled_components_namespaceObject.css)(["border:1px solid ", ";font-weight:normal;"], themes_namespaceObject.variables.interactiveColorBorder)
93
+ }), appendPrepend, themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.interactiveColorOverlayHover, themes_namespaceObject.variables.interactiveColorBorderHover, (0,themes_namespaceObject.pickVariant)('$variant', {
94
+ prismaSecondary: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.hoverShadow),
95
+ prismaDefault: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.hoverShadow)
174
96
  }), function (_ref3) {
175
97
  var $selected = _ref3.$selected;
176
- return $selected && Object(external_styled_components_["css"])(["background-color:", ";border-color:", ";&:hover{background-color:", ";}"], themes_["variables"].interactiveColorOverlaySelected, themes_["variables"].interactiveColorBorderDisabled, themes_["mixins"].overlayColors(themes_["variables"].interactiveColorOverlaySelected, themes_["variables"].interactiveColorOverlayHover));
98
+ return $selected && (0,external_styled_components_namespaceObject.css)(["background-color:", ";border-color:", ";&:hover{background-color:", ";}"], themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorBorderDisabled, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayHover));
177
99
  }, function (_ref4) {
178
100
  var $error = _ref4.$error;
179
- return $error && Object(external_styled_components_["css"])(["border-color:", ";&:hover{border-color:", ";}"], themes_["variables"].accentColorNegative, themes_["variables"].accentColorNegative);
180
- }, themes_["variables"].interactiveColorOverlayActive, themes_["variables"].interactiveColorOverlayHover, Object(themes_["pickVariant"])('$variant', {
181
- prismaSecondary: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].focusShadow),
182
- prismaDefault: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].focusShadow),
183
- prismaToggle: Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].interactiveColorPrimary)
184
- }), themes_["variables"].interactiveColorOverlayActive, themes_["variables"].interactiveColorBorderDisabled, themes_["variables"].contentColorDisabled, function (_ref5) {
101
+ return $error && (0,external_styled_components_namespaceObject.css)(["border-color:", ";&:hover{border-color:", ";}"], themes_namespaceObject.variables.accentColorNegative, themes_namespaceObject.variables.accentColorNegative);
102
+ }, themes_namespaceObject.variables.interactiveColorOverlayActive, themes_namespaceObject.variables.interactiveColorOverlayHover, (0,themes_namespaceObject.pickVariant)('$variant', {
103
+ prismaSecondary: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadow),
104
+ prismaDefault: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadow),
105
+ prismaToggle: (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.interactiveColorPrimary)
106
+ }), themes_namespaceObject.variables.interactiveColorOverlayActive, themes_namespaceObject.variables.interactiveColorBorderDisabled, themes_namespaceObject.variables.contentColorDisabled, function (_ref5) {
185
107
  var $selected = _ref5.$selected;
186
- return $selected && Object(external_styled_components_["css"])(["background-color:", ";"], themes_["mixins"].overlayColors(themes_["variables"].interactiveColorBackgroundDisabled, themes_["variables"].interactiveColorOverlaySelected));
108
+ return $selected && (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorBackgroundDisabled, themes_namespaceObject.variables.interactiveColorOverlaySelected));
187
109
  });
188
- var disabledFillStyles = Object(external_styled_components_["css"])(["&[disabled]{border-color:", ";color:", ";background-color:", ";cursor:not-allowed;", "}"], themes_["variables"].interactiveColorBorderDisabled, themes_["variables"].contentColorDisabled, themes_["variables"].interactiveColorBackgroundDisabled, function ($selected) {
189
- return $selected && Object(external_styled_components_["css"])(["background-color:", ";"], themes_["mixins"].overlayColors(themes_["variables"].interactiveColorBackgroundDisabled, themes_["variables"].interactiveColorOverlaySelected));
110
+ var disabledFillStyles = (0,external_styled_components_namespaceObject.css)(["&[disabled]{border-color:", ";color:", ";background-color:", ";cursor:not-allowed;", "}"], themes_namespaceObject.variables.interactiveColorBorderDisabled, themes_namespaceObject.variables.contentColorDisabled, themes_namespaceObject.variables.interactiveColorBackgroundDisabled, function ($selected) {
111
+ return $selected && (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorBackgroundDisabled, themes_namespaceObject.variables.interactiveColorOverlaySelected));
190
112
  });
191
- var prismaFilled = Object(external_styled_components_["css"])(["", " font-weight:", ";border-radius:", ";", " &:not([disabled]){color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;background-color:", ";&:hover,&:focus{background-color:", ";}&:hover{box-shadow:", ";}&:focus{box-shadow:", ";}&:active{background-color:", ";transition:none;}}", ""], common, themes_["variables"].fontWeightSemiBold, themes_["variables"].borderRadius, appendPrepend, themes_["variables"].contentColorInverted, Object(themes_["pickVariant"])('$selected', {
192
- "false": Object(themes_["pickVariant"])('$variant', {
193
- prismaPrimary: themes_["variables"].interactiveColorPrimary,
194
- prismaDestructive: themes_["variables"].accentColorNegative
113
+ var prismaFilled = (0,external_styled_components_namespaceObject.css)(["", " font-weight:", ";border-radius:", ";", " &:not([disabled]){color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;background-color:", ";&:hover,&:focus{background-color:", ";}&:hover{box-shadow:", ";}&:focus{box-shadow:", ";}&:active{background-color:", ";transition:none;}}", ""], common, themes_namespaceObject.variables.fontWeightSemiBold, themes_namespaceObject.variables.borderRadius, appendPrepend, themes_namespaceObject.variables.contentColorInverted, (0,themes_namespaceObject.pickVariant)('$selected', {
114
+ "false": (0,themes_namespaceObject.pickVariant)('$variant', {
115
+ prismaPrimary: themes_namespaceObject.variables.interactiveColorPrimary,
116
+ prismaDestructive: themes_namespaceObject.variables.accentColorNegative
195
117
  }),
196
- "true": Object(themes_["pickVariant"])('$variant', {
197
- prismaPrimary: themes_["mixins"].overlayColors(themes_["variables"].interactiveColorPrimary, themes_["variables"].interactiveColorOverlaySelected),
198
- prismaDestructive: themes_["mixins"].overlayColors(themes_["variables"].accentColorNegative, themes_["variables"].interactiveColorOverlaySelected)
118
+ "true": (0,themes_namespaceObject.pickVariant)('$variant', {
119
+ prismaPrimary: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorPrimary, themes_namespaceObject.variables.interactiveColorOverlaySelected),
120
+ prismaDestructive: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.accentColorNegative, themes_namespaceObject.variables.interactiveColorOverlaySelected)
199
121
  })
200
- }), Object(themes_["pickVariant"])('$variant', {
201
- prismaPrimary: themes_["mixins"].overlayColors(themes_["variables"].interactiveColorPrimary, themes_["variables"].interactiveColorOverlayHover),
202
- prismaDestructive: themes_["mixins"].overlayColors(themes_["variables"].accentColorNegative, themes_["variables"].interactiveColorOverlayHover)
203
- }), themes_["variables"].hoverShadow, themes_["variables"].focusShadow, Object(themes_["pickVariant"])('$variant', {
204
- prismaPrimary: themes_["mixins"].overlayColors(themes_["variables"].interactiveColorPrimary, themes_["variables"].interactiveColorOverlayActive),
205
- prismaDestructive: themes_["mixins"].overlayColors(themes_["variables"].accentColorNegative, themes_["variables"].interactiveColorOverlayActive)
122
+ }), (0,themes_namespaceObject.pickVariant)('$variant', {
123
+ prismaPrimary: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorPrimary, themes_namespaceObject.variables.interactiveColorOverlayHover),
124
+ prismaDestructive: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.accentColorNegative, themes_namespaceObject.variables.interactiveColorOverlayHover)
125
+ }), themes_namespaceObject.variables.hoverShadow, themes_namespaceObject.variables.focusShadow, (0,themes_namespaceObject.pickVariant)('$variant', {
126
+ prismaPrimary: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorPrimary, themes_namespaceObject.variables.interactiveColorOverlayActive),
127
+ prismaDestructive: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.accentColorNegative, themes_namespaceObject.variables.interactiveColorOverlayActive)
206
128
  }), disabledFillStyles);
207
- var prismaFlat = Object(external_styled_components_["css"])(["", " font-weight:", ";border-radius:", ";", " &:not([disabled]){color:", ";background-color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{background-color:", ";box-shadow:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ";background-color:", ";}}", ""], common, themes_["variables"].fontWeightSemiBold, themes_["variables"].borderRadius, appendPrepend, themes_["variables"].contentColorActive, themes_["variables"].interactiveColorBackground, function ($selected) {
208
- return $selected && Object(external_styled_components_["css"])(["background-color:", ";"], themes_["mixins"].overlayColors(themes_["variables"].interactiveColorBackground, themes_["variables"].interactiveColorOverlaySelected));
209
- }, themes_["mixins"].overlayColors(themes_["variables"].interactiveColorBackground, themes_["variables"].interactiveColorOverlayHover), themes_["variables"].hoverShadow, themes_["mixins"].overlayColors(themes_["variables"].interactiveColorBackground, themes_["variables"].interactiveColorOverlayActive), themes_["variables"].focusShadow, themes_["mixins"].overlayColors(themes_["variables"].interactiveColorBackground, themes_["variables"].interactiveColorOverlayHover), disabledFillStyles);
129
+ var prismaFlat = (0,external_styled_components_namespaceObject.css)(["", " font-weight:", ";border-radius:", ";", " &:not([disabled]){color:", ";background-color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{background-color:", ";box-shadow:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ";background-color:", ";}}", ""], common, themes_namespaceObject.variables.fontWeightSemiBold, themes_namespaceObject.variables.borderRadius, appendPrepend, themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.interactiveColorBackground, function ($selected) {
130
+ return $selected && (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorBackground, themes_namespaceObject.variables.interactiveColorOverlaySelected));
131
+ }, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorBackground, themes_namespaceObject.variables.interactiveColorOverlayHover), themes_namespaceObject.variables.hoverShadow, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorBackground, themes_namespaceObject.variables.interactiveColorOverlayActive), themes_namespaceObject.variables.focusShadow, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorBackground, themes_namespaceObject.variables.interactiveColorOverlayHover), disabledFillStyles);
210
132
 
211
- // CONCATENATED MODULE: ./src/ButtonSimple/enterpriseStyles.ts
133
+ ;// CONCATENATED MODULE: ./src/ButtonSimple/enterpriseStyles.ts
212
134
 
213
135
 
214
136
  var primaryBackgroundColor = '#1A8929'; // SUI-2439 to meet WCAG AA compliance
215
137
 
216
138
  var primarySelectedBackgroundColor = '#235823'; // SUI-2439 to meet WCAG AA compliance
217
139
 
218
- var enterpriseStyles_common = Object(external_styled_components_["css"])(["", " border-radius:", ";cursor:pointer;position:relative;&:focus{z-index:3;}"], themes_["mixins"].reset('block'), themes_["variables"].borderRadius);
219
- var enterpriseStyles_appendPrepend = Object(external_styled_components_["css"])(["", " ", ""], function (_ref) {
140
+ var enterpriseStyles_common = (0,external_styled_components_namespaceObject.css)(["", " border-radius:", ";cursor:pointer;position:relative;&:focus{z-index:3;}"], themes_namespaceObject.mixins.reset('block'), themes_namespaceObject.variables.borderRadius);
141
+ var enterpriseStyles_appendPrepend = (0,external_styled_components_namespaceObject.css)(["", " ", ""], function (_ref) {
220
142
  var $append = _ref.$append;
221
- return $append && Object(external_styled_components_["css"])(["border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
143
+ return $append && (0,external_styled_components_namespaceObject.css)(["border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
222
144
  }, function (_ref2) {
223
145
  var $prepend = _ref2.$prepend;
224
- return $prepend && Object(external_styled_components_["css"])(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
146
+ return $prepend && (0,external_styled_components_namespaceObject.css)(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
225
147
  });
226
148
  var lightShadow = 'inset 0 -1px 0 rgba(0, 0, 0, 0.1)';
227
149
  var lightSelectedShadow = 'inset 0 1px 0 rgba(0, 0, 0, 0.1)';
228
- var enterpriseDefault = Object(external_styled_components_["css"])(["", ";border:", ";", ";font-weight:", ";&:not([disabled]){background-color:", ";color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", ";", " &:hover{background-color:", ";box-shadow:", ";}&:active{transition:none;background-color:", ";border-color:", ";", ";}&:focus{box-shadow:", ",", ";", " ", "}}&[disabled]{cursor:not-allowed;color:", ";background-color:", ";border-color:", ";", "}"], enterpriseStyles_common, Object(themes_["pick"])({
229
- light: Object(external_styled_components_["css"])(["1px solid ", ""], themes_["variables"].gray60),
230
- dark: themes_["variables"].border
231
- }), enterpriseStyles_appendPrepend, Object(themes_["pickVariant"])('$variant', {
150
+ var enterpriseDefault = (0,external_styled_components_namespaceObject.css)(["", ";border:", ";", ";font-weight:", ";&:not([disabled]){background-color:", ";color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", ";", " &:hover{background-color:", ";box-shadow:", ";}&:active{transition:none;background-color:", ";border-color:", ";", ";}&:focus{box-shadow:", ",", ";", " ", "}}&[disabled]{cursor:not-allowed;color:", ";background-color:", ";border-color:", ";", "}"], enterpriseStyles_common, (0,themes_namespaceObject.pick)({
151
+ light: (0,external_styled_components_namespaceObject.css)(["1px solid ", ""], themes_namespaceObject.variables.gray60),
152
+ dark: themes_namespaceObject.variables.border
153
+ }), enterpriseStyles_appendPrepend, (0,themes_namespaceObject.pickVariant)('$variant', {
232
154
  enterpriseDefault: 'normal',
233
- enterpriseSecondary: themes_["variables"].fontWeightSemiBold
234
- }), Object(themes_["pick"])({
235
- light: themes_["variables"].gray98,
236
- dark: themes_["variables"].gray45
237
- }), Object(themes_["pick"])({
238
- light: themes_["variables"].gray45,
239
- dark: themes_["variables"].white
240
- }), Object(themes_["pick"])({
241
- light: Object(external_styled_components_["css"])(["box-shadow:", ";"], lightShadow),
242
- dark: Object(external_styled_components_["css"])(["box-shadow:inset 0 -1px 0 ", ";"], themes_["variables"].gray30)
155
+ enterpriseSecondary: themes_namespaceObject.variables.fontWeightSemiBold
156
+ }), (0,themes_namespaceObject.pick)({
157
+ light: themes_namespaceObject.variables.gray98,
158
+ dark: themes_namespaceObject.variables.gray45
159
+ }), (0,themes_namespaceObject.pick)({
160
+ light: themes_namespaceObject.variables.gray45,
161
+ dark: themes_namespaceObject.variables.white
162
+ }), (0,themes_namespaceObject.pick)({
163
+ light: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], lightShadow),
164
+ dark: (0,external_styled_components_namespaceObject.css)(["box-shadow:inset 0 -1px 0 ", ";"], themes_namespaceObject.variables.gray30)
243
165
  }), function (_ref3) {
244
166
  var $selected = _ref3.$selected;
245
- return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";border-color:", ";"], Object(themes_["pick"])({
167
+ return $selected && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";border-color:", ";"], (0,themes_namespaceObject.pick)({
246
168
  light: lightSelectedShadow,
247
- dark: Object(external_styled_components_["css"])(["inset 0 1px 0 ", ""], themes_["variables"].black)
248
- }), Object(themes_["pick"])({
249
- light: themes_["variables"].gray92,
250
- dark: themes_["variables"].gray22
251
- }), Object(themes_["pick"])({
252
- light: themes_["variables"].gray60,
253
- dark: themes_["variables"].gray20
169
+ dark: (0,external_styled_components_namespaceObject.css)(["inset 0 1px 0 ", ""], themes_namespaceObject.variables.black)
170
+ }), (0,themes_namespaceObject.pick)({
171
+ light: themes_namespaceObject.variables.gray92,
172
+ dark: themes_namespaceObject.variables.gray22
173
+ }), (0,themes_namespaceObject.pick)({
174
+ light: themes_namespaceObject.variables.gray60,
175
+ dark: themes_namespaceObject.variables.gray20
254
176
  }));
255
- }, Object(themes_["pick"])({
177
+ }, (0,themes_namespaceObject.pick)({
256
178
  light: '#ebeeef',
257
- dark: themes_["variables"].gray30
258
- }), Object(themes_["pick"])({
179
+ dark: themes_namespaceObject.variables.gray30
180
+ }), (0,themes_namespaceObject.pick)({
259
181
  light: lightShadow,
260
- dark: Object(external_styled_components_["css"])(["inset 0 -1px 0 ", ""], themes_["variables"].gray25)
261
- }), Object(themes_["pick"])({
262
- light: themes_["variables"].gray92,
263
- dark: themes_["variables"].gray22
264
- }), Object(themes_["pick"])({
265
- light: themes_["variables"].gray60,
266
- dark: themes_["variables"].gray20
267
- }), Object(themes_["pick"])({
268
- dark: Object(external_styled_components_["css"])(["box-shadow:inset 0 -1px 0 ", ";"], themes_["variables"].gray22)
269
- }), Object(themes_["pick"])({
182
+ dark: (0,external_styled_components_namespaceObject.css)(["inset 0 -1px 0 ", ""], themes_namespaceObject.variables.gray25)
183
+ }), (0,themes_namespaceObject.pick)({
184
+ light: themes_namespaceObject.variables.gray92,
185
+ dark: themes_namespaceObject.variables.gray22
186
+ }), (0,themes_namespaceObject.pick)({
187
+ light: themes_namespaceObject.variables.gray60,
188
+ dark: themes_namespaceObject.variables.gray20
189
+ }), (0,themes_namespaceObject.pick)({
190
+ dark: (0,external_styled_components_namespaceObject.css)(["box-shadow:inset 0 -1px 0 ", ";"], themes_namespaceObject.variables.gray22)
191
+ }), (0,themes_namespaceObject.pick)({
270
192
  light: lightShadow,
271
- dark: Object(external_styled_components_["css"])(["inset 0 -1px 0 ", ""], themes_["variables"].gray30)
272
- }), themes_["variables"].focusShadow, function (_ref4) {
193
+ dark: (0,external_styled_components_namespaceObject.css)(["inset 0 -1px 0 ", ""], themes_namespaceObject.variables.gray30)
194
+ }), themes_namespaceObject.variables.focusShadow, function (_ref4) {
273
195
  var $append = _ref4.$append;
274
- return $append && Object(external_styled_components_["css"])(["box-shadow:", ",", ",inset -1px 0 0 ", ";"], Object(themes_["pick"])({
196
+ return $append && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ",", ",inset -1px 0 0 ", ";"], (0,themes_namespaceObject.pick)({
275
197
  light: lightShadow,
276
- dark: Object(external_styled_components_["css"])(["inset 0 -1px 0 ", ""], themes_["variables"].gray30)
277
- }), themes_["variables"].focusShadow, themes_["variables"].borderColor);
198
+ dark: (0,external_styled_components_namespaceObject.css)(["inset 0 -1px 0 ", ""], themes_namespaceObject.variables.gray30)
199
+ }), themes_namespaceObject.variables.focusShadow, themes_namespaceObject.variables.borderColor);
278
200
  }, function (_ref5) {
279
201
  var $append = _ref5.$append,
280
202
  $selected = _ref5.$selected;
281
- return $append && $selected && Object(themes_["pick"])({
282
- light: Object(external_styled_components_["css"])(["box-shadow:", ",", ",", ",inset -1px 0 0 ", ";"], lightShadow, lightSelectedShadow, themes_["variables"].focusShadow, themes_["variables"].borderColor),
283
- dark: Object(external_styled_components_["css"])(["box-shadow:inset 0 1px 0 ", ",", ",inset -1px 0 0 ", ";"], themes_["variables"].black, themes_["variables"].focusShadow, themes_["variables"].borderColor)
203
+ return $append && $selected && (0,themes_namespaceObject.pick)({
204
+ light: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ",", ",", ",inset -1px 0 0 ", ";"], lightShadow, lightSelectedShadow, themes_namespaceObject.variables.focusShadow, themes_namespaceObject.variables.borderColor),
205
+ dark: (0,external_styled_components_namespaceObject.css)(["box-shadow:inset 0 1px 0 ", ",", ",inset -1px 0 0 ", ";"], themes_namespaceObject.variables.black, themes_namespaceObject.variables.focusShadow, themes_namespaceObject.variables.borderColor)
284
206
  });
285
- }, themes_["variables"].textDisabledColor, Object(themes_["pick"])({
286
- light: themes_["variables"].gray96,
287
- dark: themes_["variables"].gray30
288
- }), Object(themes_["pick"])({
289
- light: themes_["variables"].borderLightColor,
290
- dark: themes_["variables"].gray30
207
+ }, themes_namespaceObject.variables.textDisabledColor, (0,themes_namespaceObject.pick)({
208
+ light: themes_namespaceObject.variables.gray96,
209
+ dark: themes_namespaceObject.variables.gray30
210
+ }), (0,themes_namespaceObject.pick)({
211
+ light: themes_namespaceObject.variables.borderLightColor,
212
+ dark: themes_namespaceObject.variables.gray30
291
213
  }), function (_ref6) {
292
214
  var $selected = _ref6.$selected;
293
- return $selected && Object(themes_["pick"])({
294
- light: Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";border-color:", ";"], lightSelectedShadow, themes_["variables"].gray92, themes_["variables"].gray80),
295
- dark: Object(external_styled_components_["css"])(["box-shadow:inset 0 1px 0 ", ";background-color:", ";border-color:", ";"], themes_["variables"].black, themes_["variables"].gray22, themes_["variables"].gray20)
215
+ return $selected && (0,themes_namespaceObject.pick)({
216
+ light: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";border-color:", ";"], lightSelectedShadow, themes_namespaceObject.variables.gray92, themes_namespaceObject.variables.gray80),
217
+ dark: (0,external_styled_components_namespaceObject.css)(["box-shadow:inset 0 1px 0 ", ";background-color:", ";border-color:", ";"], themes_namespaceObject.variables.black, themes_namespaceObject.variables.gray22, themes_namespaceObject.variables.gray20)
296
218
  });
297
219
  });
298
220
  var primaryShadow = 'inset 0 -2px 0 rgba(0, 0, 0, 0.1)';
299
221
  var primarySelectedShadow = 'inset 0 2px 0 rgba(0, 0, 0, 0.1)';
300
- var enterprisePrimary = Object(external_styled_components_["css"])(["", ";font-weight:", ";", " &:not([disabled]){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ",", ";&:active{background-color:", ";transition:none;}}}&[disabled]{color:", ";background-color:", ";cursor:not-allowed;", "}"], enterpriseStyles_common, themes_["variables"].fontWeightSemiBold, enterpriseStyles_appendPrepend, primaryBackgroundColor, themes_["variables"].white, primaryShadow, function (_ref7) {
222
+ var enterprisePrimary = (0,external_styled_components_namespaceObject.css)(["", ";font-weight:", ";", " &:not([disabled]){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ",", ";&:active{background-color:", ";transition:none;}}}&[disabled]{color:", ";background-color:", ";cursor:not-allowed;", "}"], enterpriseStyles_common, themes_namespaceObject.variables.fontWeightSemiBold, enterpriseStyles_appendPrepend, primaryBackgroundColor, themes_namespaceObject.variables.white, primaryShadow, function (_ref7) {
301
223
  var $selected = _ref7.$selected;
302
- return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, primarySelectedBackgroundColor);
224
+ return $selected && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, primarySelectedBackgroundColor);
303
225
  }, function (_ref8) {
304
226
  var $prepend = _ref8.$prepend;
305
- return $prepend && Object(external_styled_components_["css"])(["border-left:1px solid ", ";"], primaryBackgroundColor);
306
- }, themes_["variables"].brandColorD50, themes_["variables"].brandColorD30, primaryShadow, themes_["variables"].focusShadow, themes_["variables"].brandColorD30, themes_["variables"].brandColorL30, themes_["variables"].brandColorL10, function (_ref9) {
227
+ return $prepend && (0,external_styled_components_namespaceObject.css)(["border-left:1px solid ", ";"], primaryBackgroundColor);
228
+ }, themes_namespaceObject.variables.brandColorD50, themes_namespaceObject.variables.brandColorD30, primaryShadow, themes_namespaceObject.variables.focusShadow, themes_namespaceObject.variables.brandColorD30, themes_namespaceObject.variables.brandColorL30, themes_namespaceObject.variables.brandColorL10, function (_ref9) {
307
229
  var $selected = _ref9.$selected;
308
- return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_["variables"].brandColorD20);
230
+ return $selected && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_namespaceObject.variables.brandColorD20);
309
231
  });
310
- var enterpriseError = Object(external_styled_components_["css"])(["", ";font-weight:", ";", " &:not([disabled]){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ",", ";&:active{background-color:", ";transition:none;}}}&[disabled]{color:", ";background-color:", ";cursor:not-allowed;", "}"], enterpriseStyles_common, themes_["variables"].fontWeightSemiBold, enterpriseStyles_appendPrepend, themes_["variables"].errorColorD10, themes_["variables"].white, primaryShadow, function (_ref10) {
232
+ var enterpriseError = (0,external_styled_components_namespaceObject.css)(["", ";font-weight:", ";", " &:not([disabled]){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ",", ";&:active{background-color:", ";transition:none;}}}&[disabled]{color:", ";background-color:", ";cursor:not-allowed;", "}"], enterpriseStyles_common, themes_namespaceObject.variables.fontWeightSemiBold, enterpriseStyles_appendPrepend, themes_namespaceObject.variables.errorColorD10, themes_namespaceObject.variables.white, primaryShadow, function (_ref10) {
311
233
  var $selected = _ref10.$selected;
312
- return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_["variables"].errorColorD30);
234
+ return $selected && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_namespaceObject.variables.errorColorD30);
313
235
  }, function (_ref11) {
314
236
  var $prepend = _ref11.$prepend;
315
- return $prepend && Object(external_styled_components_["css"])(["border-left:1px solid ", ";"], themes_["variables"].errorColorD30);
316
- }, themes_["variables"].errorColorD30, themes_["variables"].errorColorD40, primaryShadow, themes_["variables"].focusShadow, themes_["variables"].errorColorD40, themes_["variables"].errorColorL10, themes_["variables"].errorColorD10, function (_ref12) {
237
+ return $prepend && (0,external_styled_components_namespaceObject.css)(["border-left:1px solid ", ";"], themes_namespaceObject.variables.errorColorD30);
238
+ }, themes_namespaceObject.variables.errorColorD30, themes_namespaceObject.variables.errorColorD40, primaryShadow, themes_namespaceObject.variables.focusShadow, themes_namespaceObject.variables.errorColorD40, themes_namespaceObject.variables.errorColorL10, themes_namespaceObject.variables.errorColorD10, function (_ref12) {
317
239
  var $selected = _ref12.$selected;
318
- return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_["variables"].errorColorD40);
240
+ return $selected && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_namespaceObject.variables.errorColorD40);
319
241
  });
320
- var enterprisePill = Object(external_styled_components_["css"])(["", ";color:", ";border:1px solid transparent;&:not([disabled]){transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{color:", ";background-color:", ";border-color:", ";}", " &:focus{color:", ";box-shadow:", ";}&:active,&[aria-expanded='true']{background-color:", ";transition:none;}}&[disabled]{color:", ";cursor:not-allowed;", "}"], enterpriseStyles_common, Object(themes_["pick"])({
321
- light: themes_["variables"].gray45,
322
- dark: themes_["variables"].white
242
+ var enterprisePill = (0,external_styled_components_namespaceObject.css)(["", ";color:", ";border:1px solid transparent;&:not([disabled]){transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{color:", ";background-color:", ";border-color:", ";}", " &:focus{color:", ";box-shadow:", ";}&:active,&[aria-expanded='true']{background-color:", ";transition:none;}}&[disabled]{color:", ";cursor:not-allowed;", "}"], enterpriseStyles_common, (0,themes_namespaceObject.pick)({
243
+ light: themes_namespaceObject.variables.gray45,
244
+ dark: themes_namespaceObject.variables.white
323
245
  }), function (_ref13) {
324
246
  var $selected = _ref13.$selected;
325
- return $selected && Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].accentColor);
326
- }, Object(themes_["pick"])({
327
- light: themes_["variables"].linkColor,
328
- dark: themes_["variables"].white
329
- }), themes_["variables"].backgroundColorHover, Object(themes_["pick"])({
330
- light: themes_["variables"].gray60,
331
- dark: themes_["variables"].borderColor
247
+ return $selected && (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.accentColor);
248
+ }, (0,themes_namespaceObject.pick)({
249
+ light: themes_namespaceObject.variables.linkColor,
250
+ dark: themes_namespaceObject.variables.white
251
+ }), themes_namespaceObject.variables.backgroundColorHover, (0,themes_namespaceObject.pick)({
252
+ light: themes_namespaceObject.variables.gray60,
253
+ dark: themes_namespaceObject.variables.borderColor
332
254
  }), function (_ref14) {
333
255
  var $error = _ref14.$error;
334
- return $error && Object(external_styled_components_["css"])(["&,&:hover{color:", ";}"], themes_["variables"].errorColor);
335
- }, Object(themes_["pick"])({
336
- light: themes_["variables"].linkColor,
337
- dark: themes_["variables"].white
338
- }), themes_["variables"].focusShadow, Object(themes_["pick"])({
339
- light: themes_["variables"].gray92,
340
- dark: themes_["variables"].gray22
341
- }), themes_["variables"].textDisabledColor, function (_ref15) {
256
+ return $error && (0,external_styled_components_namespaceObject.css)(["&,&:hover{color:", ";}"], themes_namespaceObject.variables.errorColor);
257
+ }, (0,themes_namespaceObject.pick)({
258
+ light: themes_namespaceObject.variables.linkColor,
259
+ dark: themes_namespaceObject.variables.white
260
+ }), themes_namespaceObject.variables.focusShadow, (0,themes_namespaceObject.pick)({
261
+ light: themes_namespaceObject.variables.gray92,
262
+ dark: themes_namespaceObject.variables.gray22
263
+ }), themes_namespaceObject.variables.textDisabledColor, function (_ref15) {
342
264
  var $selected = _ref15.$selected;
343
- return $selected && Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].borderLightColor);
265
+ return $selected && (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.borderLightColor);
344
266
  });
345
267
 
346
- // CONCATENATED MODULE: ./src/ButtonSimple/ButtonSimpleStyles.ts
268
+ ;// CONCATENATED MODULE: ./src/ButtonSimple/ButtonSimpleStyles.ts
347
269
 
348
270
 
349
271
 
350
272
 
351
273
 
352
- var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
274
+ var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
353
275
  displayName: "ButtonSimpleStyles__StyledClickable",
354
276
  componentId: "vlarwe-0"
355
- })(["", ""], Object(themes_["pickVariant"])('$variant', {
277
+ })(["", ""], (0,themes_namespaceObject.pickVariant)('$variant', {
356
278
  enterpriseDefault: enterpriseDefault,
357
279
  enterpriseSecondary: enterpriseDefault,
358
280
  enterprisePrimary: enterprisePrimary,
@@ -367,7 +289,7 @@ var StyledClickable = external_styled_components_default()(Clickable_default.a).
367
289
  prismaFlat: prismaFlat
368
290
  }));
369
291
 
370
- // CONCATENATED MODULE: ./src/ButtonSimple/ButtonSimple.tsx
292
+ ;// CONCATENATED MODULE: ./src/ButtonSimple/ButtonSimple.tsx
371
293
  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); }
372
294
 
373
295
  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); }
@@ -405,19 +327,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
405
327
 
406
328
 
407
329
  var propTypes = {
408
- action: external_prop_types_default.a.string,
409
- appearance: external_prop_types_default.a.oneOf(['default', 'secondary', 'primary', 'destructive', 'pill', 'toggle', 'flat']),
410
- append: external_prop_types_default.a.bool,
411
- children: external_prop_types_default.a.node,
412
- disabled: external_prop_types_default.a.bool,
413
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
414
- error: external_prop_types_default.a.bool,
415
- inline: external_prop_types_default.a.bool,
416
- openInNewContext: external_prop_types_default.a.bool,
417
- prepend: external_prop_types_default.a.bool,
418
- selected: external_prop_types_default.a.bool,
419
- splunkTheme: external_prop_types_default.a.object,
420
- to: external_prop_types_default.a.string
330
+ action: (external_prop_types_default()).string,
331
+ appearance: external_prop_types_default().oneOf(['default', 'secondary', 'primary', 'destructive', 'pill', 'toggle', 'flat']),
332
+ append: (external_prop_types_default()).bool,
333
+ children: (external_prop_types_default()).node,
334
+ disabled: (external_prop_types_default()).bool,
335
+ elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
336
+ error: (external_prop_types_default()).bool,
337
+ inline: (external_prop_types_default()).bool,
338
+ openInNewContext: (external_prop_types_default()).bool,
339
+ prepend: (external_prop_types_default()).bool,
340
+ selected: (external_prop_types_default()).bool,
341
+ splunkTheme: (external_prop_types_default()).object,
342
+ to: (external_prop_types_default()).string
421
343
  };
422
344
  var defaultProps = {
423
345
  appearance: 'default',
@@ -457,7 +379,7 @@ var mapVariant = function mapVariant(appearance, family) {
457
379
  return prisma[appearance];
458
380
  };
459
381
 
460
- var ButtonSimple_ButtonSimple = /*#__PURE__*/function (_Component) {
382
+ var ButtonSimple = /*#__PURE__*/function (_Component) {
461
383
  _inherits(ButtonSimple, _Component);
462
384
 
463
385
  var _super = _createSuper(ButtonSimple);
@@ -512,7 +434,7 @@ var ButtonSimple_ButtonSimple = /*#__PURE__*/function (_Component) {
512
434
  variant = error ? 'destructive' : appearance;
513
435
  }
514
436
 
515
- return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
437
+ return /*#__PURE__*/external_react_default().createElement(StyledClickable, _extends({
516
438
  "aria-invalid": error,
517
439
  "data-test": "button-simple",
518
440
  ref: this.handleMount,
@@ -521,45 +443,23 @@ var ButtonSimple_ButtonSimple = /*#__PURE__*/function (_Component) {
521
443
  $prepend: prepend,
522
444
  $selected: selected,
523
445
  $error: error
524
- }, otherProps), children, selected && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, Object(i18n_["_"])('Selected')));
446
+ }, otherProps), children, selected && /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), null, (0,i18n_namespaceObject._)('Selected')));
525
447
  }
526
448
  }]);
527
449
 
528
450
  return ButtonSimple;
529
- }(external_react_["Component"]);
530
-
531
- _defineProperty(ButtonSimple_ButtonSimple, "defaultProps", defaultProps);
532
-
533
- _defineProperty(ButtonSimple_ButtonSimple, "propTypes", propTypes);
534
-
535
- var ButtonSimpleWithTheme = Object(themes_["withSplunkTheme"])(ButtonSimple_ButtonSimple);
536
- ButtonSimpleWithTheme.propTypes = ButtonSimple_ButtonSimple.propTypes;
537
- /* harmony default export */ var src_ButtonSimple_ButtonSimple = (ButtonSimpleWithTheme);
538
- // CONCATENATED MODULE: ./src/ButtonSimple/index.ts
539
-
540
-
541
-
542
- /***/ }),
543
-
544
- /***/ 2:
545
- /***/ (function(module, exports) {
546
-
547
- module.exports = require("react");
548
-
549
- /***/ }),
550
-
551
- /***/ 3:
552
- /***/ (function(module, exports) {
553
-
554
- module.exports = require("styled-components");
451
+ }(external_react_namespaceObject.Component);
555
452
 
556
- /***/ }),
453
+ _defineProperty(ButtonSimple, "defaultProps", defaultProps);
557
454
 
558
- /***/ 4:
559
- /***/ (function(module, exports) {
455
+ _defineProperty(ButtonSimple, "propTypes", propTypes);
560
456
 
561
- module.exports = require("@splunk/ui-utils/i18n");
457
+ var ButtonSimpleWithTheme = (0,themes_namespaceObject.withSplunkTheme)(ButtonSimple);
458
+ ButtonSimpleWithTheme.propTypes = ButtonSimple.propTypes;
459
+ /* harmony default export */ const ButtonSimple_ButtonSimple = (ButtonSimpleWithTheme);
460
+ ;// CONCATENATED MODULE: ./src/ButtonSimple/index.ts
562
461
 
563
- /***/ })
564
462
 
565
- /******/ });
463
+ module.exports = __webpack_exports__;
464
+ /******/ })()
465
+ ;