@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.
- package/Accordion.js +114 -230
- package/Anchor.js +74 -150
- package/Animation.js +52 -124
- package/AnimationToggle.js +86 -146
- package/Box.js +77 -153
- package/Breadcrumbs.d.ts +2 -0
- package/Breadcrumbs.js +207 -0
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +35 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +132 -248
- package/CloseButton.js +92 -200
- package/Code.js +188 -251
- package/CollapsiblePanel.js +214 -370
- package/Color.js +267 -495
- package/ColumnLayout.js +152 -254
- package/ComboBox.js +197 -371
- package/Concertina.js +214 -374
- package/ControlGroup.js +164 -288
- package/Date.js +154 -304
- package/DefinitionList.js +104 -180
- package/Divider.js +80 -156
- package/Dropdown.js +121 -263
- package/DualListbox.js +408 -601
- package/EventListener.js +70 -138
- package/File.js +343 -547
- package/FormRows.js +232 -414
- package/Heading.js +94 -164
- package/Image.js +167 -323
- package/JSONTree.js +166 -314
- package/Layer.js +221 -388
- package/Link.js +133 -239
- package/List.js +85 -161
- package/Markdown.js +230 -355
- package/Menu.js +396 -647
- package/Message.js +248 -437
- package/MessageBar.js +220 -408
- package/Modal.js +201 -365
- package/ModalLayer.js +96 -196
- package/Monogram.js +112 -204
- package/Multiselect.js +2675 -2807
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +436 -623
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +183 -304
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1243 -1248
- package/SidePanel.js +106 -214
- package/Slider.js +198 -348
- package/SlidingPanels.js +138 -280
- package/SplitButton.js +141 -273
- package/StaticContent.js +84 -168
- package/StepBar.js +138 -246
- package/Switch.js +261 -385
- package/TabBar.js +261 -398
- package/TabLayout.js +122 -238
- package/Table.js +975 -1447
- package/Text.js +335 -549
- package/TextArea.js +315 -537
- package/Tooltip.js +152 -292
- package/TransitionOpen.js +118 -242
- package/Typography.js +81 -157
- package/WaitSpinner.js +117 -209
- package/package.json +20 -21
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
- package/types/src/Breadcrumbs/Item.d.ts +42 -0
- package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
- package/types/src/Breadcrumbs/index.d.ts +2 -0
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/Concertina/Concertina.d.ts +4 -0
- package/types/src/Link/Link.d.ts +12 -3
- package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +1 -1
- package/types/src/Menu/Menu.d.ts +1 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
- package/types/src/Multiselect/Compact.d.ts +4 -0
- package/types/src/Multiselect/Multiselect.d.ts +5 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
- package/types/src/Search/Option.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/OptionBase.d.ts +1 -1
- package/types/src/Select/SelectAllOption.d.ts +14 -0
- package/types/src/Select/SelectBase.d.ts +11 -3
- package/types/src/Table/Table.d.ts +4 -0
- package/types/src/Text/Text.d.ts +3 -3
- package/types/src/TextArea/TextArea.d.ts +3 -3
- package/types/src/fixtures/FetchOptions.d.ts +2 -8
- package/useForceUpdate.js +46 -110
- package/useKeyPress.js +50 -107
- package/usePrevious.js +47 -111
- package/useRovingFocus.js +53 -133
- package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
- package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
- /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
- /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/ButtonSimple.js
CHANGED
|
@@ -1,358 +1,280 @@
|
|
|
1
|
-
|
|
2
|
-
/******/
|
|
3
|
-
/******/ // The
|
|
4
|
-
/******/ var
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
/******/
|
|
8
|
-
/******/
|
|
9
|
-
/******/ //
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
/******/
|
|
16
|
-
/******/
|
|
17
|
-
/******/
|
|
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
|
-
/******/
|
|
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__,
|
|
127
|
-
|
|
128
|
-
|
|
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
|
-
|
|
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 =
|
|
82
|
+
var appendPrepend = (0,external_styled_components_namespaceObject.css)(["", " ", ""], function (_ref) {
|
|
161
83
|
var $append = _ref.$append;
|
|
162
|
-
return $append &&
|
|
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 &&
|
|
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 =
|
|
168
|
-
prismaSecondary:
|
|
169
|
-
prismaDefault:
|
|
170
|
-
prismaToggle:
|
|
171
|
-
}), appendPrepend,
|
|
172
|
-
prismaSecondary:
|
|
173
|
-
prismaDefault:
|
|
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 &&
|
|
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 &&
|
|
180
|
-
},
|
|
181
|
-
prismaSecondary:
|
|
182
|
-
prismaDefault:
|
|
183
|
-
prismaToggle:
|
|
184
|
-
}),
|
|
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 &&
|
|
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 =
|
|
189
|
-
return $selected &&
|
|
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 =
|
|
192
|
-
"false":
|
|
193
|
-
prismaPrimary:
|
|
194
|
-
prismaDestructive:
|
|
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":
|
|
197
|
-
prismaPrimary:
|
|
198
|
-
prismaDestructive:
|
|
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
|
-
}),
|
|
201
|
-
prismaPrimary:
|
|
202
|
-
prismaDestructive:
|
|
203
|
-
}),
|
|
204
|
-
prismaPrimary:
|
|
205
|
-
prismaDestructive:
|
|
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 =
|
|
208
|
-
return $selected &&
|
|
209
|
-
},
|
|
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
|
-
|
|
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 =
|
|
219
|
-
var enterpriseStyles_appendPrepend =
|
|
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 &&
|
|
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 &&
|
|
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 =
|
|
229
|
-
light:
|
|
230
|
-
dark:
|
|
231
|
-
}), enterpriseStyles_appendPrepend,
|
|
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:
|
|
234
|
-
}),
|
|
235
|
-
light:
|
|
236
|
-
dark:
|
|
237
|
-
}),
|
|
238
|
-
light:
|
|
239
|
-
dark:
|
|
240
|
-
}),
|
|
241
|
-
light:
|
|
242
|
-
dark:
|
|
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 &&
|
|
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:
|
|
248
|
-
}),
|
|
249
|
-
light:
|
|
250
|
-
dark:
|
|
251
|
-
}),
|
|
252
|
-
light:
|
|
253
|
-
dark:
|
|
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
|
-
},
|
|
177
|
+
}, (0,themes_namespaceObject.pick)({
|
|
256
178
|
light: '#ebeeef',
|
|
257
|
-
dark:
|
|
258
|
-
}),
|
|
179
|
+
dark: themes_namespaceObject.variables.gray30
|
|
180
|
+
}), (0,themes_namespaceObject.pick)({
|
|
259
181
|
light: lightShadow,
|
|
260
|
-
dark:
|
|
261
|
-
}),
|
|
262
|
-
light:
|
|
263
|
-
dark:
|
|
264
|
-
}),
|
|
265
|
-
light:
|
|
266
|
-
dark:
|
|
267
|
-
}),
|
|
268
|
-
dark:
|
|
269
|
-
}),
|
|
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:
|
|
272
|
-
}),
|
|
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 &&
|
|
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:
|
|
277
|
-
}),
|
|
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 &&
|
|
282
|
-
light:
|
|
283
|
-
dark:
|
|
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
|
-
},
|
|
286
|
-
light:
|
|
287
|
-
dark:
|
|
288
|
-
}),
|
|
289
|
-
light:
|
|
290
|
-
dark:
|
|
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 &&
|
|
294
|
-
light:
|
|
295
|
-
dark:
|
|
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 =
|
|
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 &&
|
|
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 &&
|
|
306
|
-
},
|
|
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 &&
|
|
230
|
+
return $selected && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_namespaceObject.variables.brandColorD20);
|
|
309
231
|
});
|
|
310
|
-
var enterpriseError =
|
|
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 &&
|
|
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 &&
|
|
316
|
-
},
|
|
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 &&
|
|
240
|
+
return $selected && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_namespaceObject.variables.errorColorD40);
|
|
319
241
|
});
|
|
320
|
-
var enterprisePill =
|
|
321
|
-
light:
|
|
322
|
-
dark:
|
|
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 &&
|
|
326
|
-
},
|
|
327
|
-
light:
|
|
328
|
-
dark:
|
|
329
|
-
}),
|
|
330
|
-
light:
|
|
331
|
-
dark:
|
|
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 &&
|
|
335
|
-
},
|
|
336
|
-
light:
|
|
337
|
-
dark:
|
|
338
|
-
}),
|
|
339
|
-
light:
|
|
340
|
-
dark:
|
|
341
|
-
}),
|
|
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 &&
|
|
265
|
+
return $selected && (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.borderLightColor);
|
|
344
266
|
});
|
|
345
267
|
|
|
346
|
-
|
|
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
|
|
274
|
+
var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
|
|
353
275
|
displayName: "ButtonSimpleStyles__StyledClickable",
|
|
354
276
|
componentId: "vlarwe-0"
|
|
355
|
-
})(["", ""],
|
|
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
|
-
|
|
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.
|
|
409
|
-
appearance: external_prop_types_default.
|
|
410
|
-
append: external_prop_types_default.
|
|
411
|
-
children: external_prop_types_default.
|
|
412
|
-
disabled: external_prop_types_default.
|
|
413
|
-
elementRef: external_prop_types_default.
|
|
414
|
-
error: external_prop_types_default.
|
|
415
|
-
inline: external_prop_types_default.
|
|
416
|
-
openInNewContext: external_prop_types_default.
|
|
417
|
-
prepend: external_prop_types_default.
|
|
418
|
-
selected: external_prop_types_default.
|
|
419
|
-
splunkTheme: external_prop_types_default.
|
|
420
|
-
to: external_prop_types_default.
|
|
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
|
|
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.
|
|
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.
|
|
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
|
-
}(
|
|
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
|
-
|
|
559
|
-
/***/ (function(module, exports) {
|
|
455
|
+
_defineProperty(ButtonSimple, "propTypes", propTypes);
|
|
560
456
|
|
|
561
|
-
|
|
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
|
+
;
|