@elastic/eui 67.1.7 → 67.1.9
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/dist/eui_charts_theme.js +330 -330
- package/dist/eui_charts_theme.js.map +1 -1
- package/dist/eui_theme_dark.css +0 -1
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +0 -1
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/button/button.js +1 -0
- package/es/components/button/button_display/_button_display.js +3 -3
- package/es/components/button/button_display/_button_display.styles.js +2 -1
- package/es/components/card/card.js +6 -28
- package/es/components/card/checkable_card/checkable_card.js +3 -2
- package/es/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/es/components/facet/facet_button.js +55 -1
- package/es/global_styling/mixins/_helpers.js +1 -1
- package/eui.d.ts +6 -6
- package/i18ntokens.json +12 -12
- package/lib/components/button/button.js +1 -0
- package/lib/components/button/button_display/_button_display.js +3 -3
- package/lib/components/button/button_display/_button_display.styles.js +2 -1
- package/lib/components/card/card.js +7 -30
- package/lib/components/card/checkable_card/checkable_card.js +3 -2
- package/lib/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/lib/components/facet/facet_button.js +56 -2
- package/lib/global_styling/mixins/_helpers.js +1 -1
- package/optimize/es/components/button/button.js +1 -0
- package/optimize/es/components/button/button_display/_button_display.js +2 -2
- package/optimize/es/components/button/button_display/_button_display.styles.js +2 -1
- package/optimize/es/components/card/card.js +5 -27
- package/optimize/es/components/card/checkable_card/checkable_card.js +3 -2
- package/optimize/es/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/optimize/es/global_styling/mixins/_helpers.js +1 -1
- package/optimize/lib/components/button/button.js +1 -0
- package/optimize/lib/components/button/button_display/_button_display.js +2 -2
- package/optimize/lib/components/button/button_display/_button_display.styles.js +2 -1
- package/optimize/lib/components/card/card.js +6 -29
- package/optimize/lib/components/card/checkable_card/checkable_card.js +3 -2
- package/optimize/lib/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/optimize/lib/global_styling/mixins/_helpers.js +1 -1
- package/package.json +1 -1
- package/src/components/modal/_modal.scss +3 -1
- package/test-env/components/button/button.js +1 -0
- package/test-env/components/button/button_display/_button_display.js +3 -3
- package/test-env/components/button/button_display/_button_display.styles.js +2 -1
- package/test-env/components/card/card.js +7 -30
- package/test-env/components/card/checkable_card/checkable_card.js +3 -2
- package/test-env/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/test-env/components/facet/facet_button.js +56 -2
- package/test-env/global_styling/mixins/_helpers.js +1 -1
|
@@ -117,19 +117,28 @@ EuiFacetButton.propTypes = {
|
|
|
117
117
|
/**
|
|
118
118
|
* ReactNode to render as this component's content
|
|
119
119
|
*/
|
|
120
|
-
children: _propTypes.default.node.isRequired,
|
|
120
|
+
children: _propTypes.default.oneOfType([_propTypes.default.node.isRequired, _propTypes.default.node]),
|
|
121
121
|
|
|
122
122
|
/**
|
|
123
123
|
* Any node, but preferably a `EuiIcon` or `EuiAvatar`
|
|
124
124
|
*/
|
|
125
125
|
icon: _propTypes.default.node,
|
|
126
|
-
isDisabled: _propTypes.default.bool,
|
|
126
|
+
isDisabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.bool]),
|
|
127
|
+
|
|
128
|
+
/**
|
|
129
|
+
* Force disables the button and changes the icon to a loading spinner
|
|
130
|
+
*/
|
|
127
131
|
|
|
128
132
|
/**
|
|
129
133
|
* Adds/swaps for loading spinner & disables
|
|
130
134
|
*/
|
|
131
135
|
isLoading: _propTypes.default.bool,
|
|
132
136
|
|
|
137
|
+
/**
|
|
138
|
+
* Applies the boolean state as the `aria-pressed` property to create a toggle button.
|
|
139
|
+
* *Only use when the readable text does not change between states.*
|
|
140
|
+
*/
|
|
141
|
+
|
|
133
142
|
/**
|
|
134
143
|
* Changes visual of button to indicate it's currently selected
|
|
135
144
|
*/
|
|
@@ -139,6 +148,51 @@ EuiFacetButton.propTypes = {
|
|
|
139
148
|
* Adds a notification indicator for displaying the quantity provided
|
|
140
149
|
*/
|
|
141
150
|
quantity: _propTypes.default.number,
|
|
151
|
+
size: _propTypes.default.any,
|
|
152
|
+
|
|
153
|
+
/**
|
|
154
|
+
* Extends the button to 100% width
|
|
155
|
+
*/
|
|
156
|
+
fullWidth: _propTypes.default.bool,
|
|
157
|
+
|
|
158
|
+
/**
|
|
159
|
+
* Override the default minimum width
|
|
160
|
+
*/
|
|
161
|
+
minWidth: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf([false])]),
|
|
162
|
+
|
|
163
|
+
/**
|
|
164
|
+
* Object of props passed to the <span/> wrapping the button's content
|
|
165
|
+
*/
|
|
166
|
+
contentProps: _propTypes.default.shape({
|
|
167
|
+
className: _propTypes.default.string,
|
|
168
|
+
"aria-label": _propTypes.default.string,
|
|
169
|
+
"data-test-subj": _propTypes.default.string,
|
|
170
|
+
css: _propTypes.default.any
|
|
171
|
+
}),
|
|
172
|
+
style: _propTypes.default.any,
|
|
173
|
+
|
|
174
|
+
/**
|
|
175
|
+
* Any `type` accepted by EuiIcon
|
|
176
|
+
*/
|
|
177
|
+
iconType: _propTypes.default.oneOfType([_propTypes.default.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.elementType.isRequired]),
|
|
178
|
+
|
|
179
|
+
/**
|
|
180
|
+
* Can only be one side `left` or `right`
|
|
181
|
+
*/
|
|
182
|
+
iconSide: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf([undefined])]),
|
|
183
|
+
|
|
184
|
+
/**
|
|
185
|
+
* Object of props passed to the <span/> wrapping the content's text/children only (not icon)
|
|
186
|
+
*/
|
|
187
|
+
textProps: _propTypes.default.shape({
|
|
188
|
+
className: _propTypes.default.string,
|
|
189
|
+
"aria-label": _propTypes.default.string,
|
|
190
|
+
"data-test-subj": _propTypes.default.string,
|
|
191
|
+
css: _propTypes.default.any,
|
|
192
|
+
ref: _propTypes.default.any,
|
|
193
|
+
"data-text": _propTypes.default.string
|
|
194
|
+
}),
|
|
195
|
+
iconSize: _propTypes.default.any,
|
|
142
196
|
className: _propTypes.default.string,
|
|
143
197
|
"aria-label": _propTypes.default.string,
|
|
144
198
|
"data-test-subj": _propTypes.default.string,
|
|
@@ -66,7 +66,7 @@ var euiOverflowShadowStyles = function euiOverflowShadowStyles(_ref3) {
|
|
|
66
66
|
|
|
67
67
|
var direction = _direction || 'y';
|
|
68
68
|
var side = _side || 'both';
|
|
69
|
-
var hideHeight =
|
|
69
|
+
var hideHeight = size.s;
|
|
70
70
|
var gradientStart = "\n ".concat((0, _color.transparentize)('red', 0.1), " 0%,\n ").concat((0, _color.transparentize)('red', 1), " ").concat(hideHeight, "\n ");
|
|
71
71
|
var gradientEnd = "\n ".concat((0, _color.transparentize)('red', 1), " calc(100% - ").concat(hideHeight, "),\n ").concat((0, _color.transparentize)('red', 0.1), " 100%\n ");
|
|
72
72
|
var gradient = '';
|