@elastic/eui 95.8.0 → 95.8.1-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/es/components/form/form_control_layout/index.js +2 -1
  2. package/es/components/form/switch/switch.styles.js +5 -5
  3. package/es/components/header/header.styles.js +1 -1
  4. package/eui.d.ts +1 -0
  5. package/lib/components/form/form_control_layout/index.js +8 -1
  6. package/lib/components/form/switch/switch.styles.js +5 -5
  7. package/lib/components/header/header.styles.js +1 -1
  8. package/optimize/es/components/form/form_control_layout/index.js +2 -1
  9. package/optimize/es/components/form/switch/switch.styles.js +5 -5
  10. package/optimize/es/components/header/header.styles.js +1 -1
  11. package/optimize/lib/components/form/form_control_layout/index.js +8 -1
  12. package/optimize/lib/components/form/switch/switch.styles.js +5 -5
  13. package/optimize/lib/components/header/header.styles.js +1 -1
  14. package/package.json +3 -2
  15. package/test-env/components/form/form_control_layout/index.js +8 -1
  16. package/test-env/components/form/switch/switch.styles.js +5 -5
  17. package/test-env/components/header/header.styles.js +1 -1
package/es/components/form/form_control_layout/index.js CHANGED
@@ -7,4 +7,5 @@
7
7
  */
8
8
 
9
9
  export { EuiFormControlLayout } from './form_control_layout';
10
- export { EuiFormControlLayoutDelimited } from './form_control_layout_delimited';
10
+ export { EuiFormControlLayoutDelimited } from './form_control_layout_delimited';
11
+ export { EuiFormControlLayoutIcons } from './form_control_layout_icons';
package/es/components/form/switch/switch.styles.js CHANGED
@@ -124,11 +124,11 @@ var buttonStyles = function buttonStyles(euiThemeContext, switchVars) {
124
124
  };
125
125
  };
126
126
  var _ref = process.env.NODE_ENV === "production" ? {
127
- name: "37wfjs-euiSwitch__body",
128
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;"
127
+ name: "19cwu6v-euiSwitch__body",
128
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;"
129
129
  } : {
130
- name: "37wfjs-euiSwitch__body",
131
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;",
130
+ name: "19cwu6v-euiSwitch__body",
131
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;",
132
132
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
133
133
  };
134
134
  var bodyStyles = function bodyStyles(_ref4, _ref5) {
@@ -178,7 +178,7 @@ var thumbStyles = function thumbStyles(_ref8, switchVars) {
178
178
  return "".concat(baseScale).concat(states);
179
179
  };
180
180
  return {
181
- euiSwitch__thumb: /*#__PURE__*/css("position:absolute;", logicalCSS('vertical', 0), " aspect-ratio:1;", logicalCSS('width', 'fit-content'), " ", logicalCSS('height', '100%'), " border-radius:50%;", euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
181
+ euiSwitch__thumb: /*#__PURE__*/css("position:absolute;", logicalCSS('vertical', 0), " aspect-ratio:1;", logicalCSS('width', 'fit-content'), " ", logicalCSS('height', '100%'), " border-radius:50%;pointer-events:none;", euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
182
182
  off: /*#__PURE__*/css(logicalCSS('left', 0), ";;label:off;"),
183
183
  get on() {
184
184
  // right: 0 works but doesn't transition/animate, so we need to
package/es/components/header/header.styles.js CHANGED
@@ -56,5 +56,5 @@ var euiHeaderDarkStyles = function euiHeaderDarkStyles(euiThemeContext, defaultB
56
56
  controlPlaceholderText = _euiFormVariables.controlPlaceholderText;
57
57
  var backgroundColor = colorMode === 'DARK' ? shade(euiTheme.colors.lightestShade, 0.5) : shade(euiTheme.colors.darkestShade, 0.28);
58
58
  var borderColor = colorMode === 'DARK' ? defaultBorderColor : backgroundColor;
59
- return "\n background-color: ".concat(backgroundColor, ";\n ").concat(logicalCSS('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat(makeHighContrastColor(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat(shade(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group,\n input {\n box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, "\n ").concat(transparentize(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat(makeHighContrastColor(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append {\n background-color: transparent;\n color: inherit;\n }\n }\n }\n ");
59
+ return "\n background-color: ".concat(backgroundColor, ";\n ").concat(logicalCSS('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat(makeHighContrastColor(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat(shade(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group {\n border-color: ").concat(transparentize(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat(makeHighContrastColor(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append,\n .euiFormControlLayout__prepend {\n background-color: transparent;\n }\n\n .euiFormLabel {\n color: inherit;\n }\n }\n }\n ");
60
60
  };
package/eui.d.ts CHANGED
@@ -6451,6 +6451,7 @@ declare module '@elastic/eui/src/components/form/form_control_layout' {
6451
6451
  export { EuiFormControlLayout } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout';
6452
6452
  export type { EuiFormControlLayoutDelimitedProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_delimited';
6453
6453
  export { EuiFormControlLayoutDelimited } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_delimited';
6454
+ export { EuiFormControlLayoutIcons, type EuiFormControlLayoutIconsProps, } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons';
6454
6455
 
6455
6456
  }
6456
6457
  declare module '@elastic/eui/src/components/form/super_select/super_select.styles' {
package/lib/components/form/form_control_layout/index.js CHANGED
@@ -15,5 +15,12 @@ Object.defineProperty(exports, "EuiFormControlLayoutDelimited", {
15
15
  return _form_control_layout_delimited.EuiFormControlLayoutDelimited;
16
16
  }
17
17
  });
18
+ Object.defineProperty(exports, "EuiFormControlLayoutIcons", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _form_control_layout_icons.EuiFormControlLayoutIcons;
22
+ }
23
+ });
18
24
  var _form_control_layout = require("./form_control_layout");
19
- var _form_control_layout_delimited = require("./form_control_layout_delimited");
25
+ var _form_control_layout_delimited = require("./form_control_layout_delimited");
26
+ var _form_control_layout_icons = require("./form_control_layout_icons");
package/lib/components/form/switch/switch.styles.js CHANGED
@@ -128,11 +128,11 @@ var buttonStyles = function buttonStyles(euiThemeContext, switchVars) {
128
128
  };
129
129
  };
130
130
  var _ref = process.env.NODE_ENV === "production" ? {
131
- name: "37wfjs-euiSwitch__body",
132
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;"
131
+ name: "19cwu6v-euiSwitch__body",
132
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;"
133
133
  } : {
134
- name: "37wfjs-euiSwitch__body",
135
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;",
134
+ name: "19cwu6v-euiSwitch__body",
135
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;",
136
136
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
137
137
  };
138
138
  var bodyStyles = function bodyStyles(_ref4, _ref5) {
@@ -182,7 +182,7 @@ var thumbStyles = function thumbStyles(_ref8, switchVars) {
182
182
  return "".concat(baseScale).concat(states);
183
183
  };
184
184
  return {
185
- euiSwitch__thumb: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('vertical', 0), " aspect-ratio:1;", (0, _global_styling.logicalCSS)('width', 'fit-content'), " ", (0, _global_styling.logicalCSS)('height', '100%'), " border-radius:50%;", _global_styling.euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
185
+ euiSwitch__thumb: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('vertical', 0), " aspect-ratio:1;", (0, _global_styling.logicalCSS)('width', 'fit-content'), " ", (0, _global_styling.logicalCSS)('height', '100%'), " border-radius:50%;pointer-events:none;", _global_styling.euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
186
186
  off: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('left', 0), ";;label:off;"),
187
187
  get on() {
188
188
  // right: 0 works but doesn't transition/animate, so we need to
package/lib/components/header/header.styles.js CHANGED
@@ -63,5 +63,5 @@ var euiHeaderDarkStyles = function euiHeaderDarkStyles(euiThemeContext, defaultB
63
63
  controlPlaceholderText = _euiFormVariables.controlPlaceholderText;
64
64
  var backgroundColor = colorMode === 'DARK' ? (0, _services.shade)(euiTheme.colors.lightestShade, 0.5) : (0, _services.shade)(euiTheme.colors.darkestShade, 0.28);
65
65
  var borderColor = colorMode === 'DARK' ? defaultBorderColor : backgroundColor;
66
- return "\n background-color: ".concat(backgroundColor, ";\n ").concat((0, _global_styling.logicalCSS)('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat((0, _services.makeHighContrastColor)(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat((0, _services.shade)(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group,\n input {\n box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, "\n ").concat((0, _services.transparentize)(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat((0, _services.makeHighContrastColor)(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append {\n background-color: transparent;\n color: inherit;\n }\n }\n }\n ");
66
+ return "\n background-color: ".concat(backgroundColor, ";\n ").concat((0, _global_styling.logicalCSS)('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat((0, _services.makeHighContrastColor)(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat((0, _services.shade)(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group {\n border-color: ").concat((0, _services.transparentize)(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat((0, _services.makeHighContrastColor)(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append,\n .euiFormControlLayout__prepend {\n background-color: transparent;\n }\n\n .euiFormLabel {\n color: inherit;\n }\n }\n }\n ");
67
67
  };
package/optimize/es/components/form/form_control_layout/index.js CHANGED
@@ -7,4 +7,5 @@
7
7
  */
8
8
 
9
9
  export { EuiFormControlLayout } from './form_control_layout';
10
- export { EuiFormControlLayoutDelimited } from './form_control_layout_delimited';
10
+ export { EuiFormControlLayoutDelimited } from './form_control_layout_delimited';
11
+ export { EuiFormControlLayoutIcons } from './form_control_layout_icons';
package/optimize/es/components/form/switch/switch.styles.js CHANGED
@@ -124,11 +124,11 @@ var buttonStyles = function buttonStyles(euiThemeContext, switchVars) {
124
124
  };
125
125
  };
126
126
  var _ref = process.env.NODE_ENV === "production" ? {
127
- name: "37wfjs-euiSwitch__body",
128
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;"
127
+ name: "19cwu6v-euiSwitch__body",
128
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;"
129
129
  } : {
130
- name: "37wfjs-euiSwitch__body",
131
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;",
130
+ name: "19cwu6v-euiSwitch__body",
131
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;",
132
132
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
133
133
  };
134
134
  var bodyStyles = function bodyStyles(_ref4, _ref5) {
@@ -178,7 +178,7 @@ var thumbStyles = function thumbStyles(_ref8, switchVars) {
178
178
  return "".concat(baseScale).concat(states);
179
179
  };
180
180
  return {
181
- euiSwitch__thumb: /*#__PURE__*/css("position:absolute;", logicalCSS('vertical', 0), " aspect-ratio:1;", logicalCSS('width', 'fit-content'), " ", logicalCSS('height', '100%'), " border-radius:50%;", euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
181
+ euiSwitch__thumb: /*#__PURE__*/css("position:absolute;", logicalCSS('vertical', 0), " aspect-ratio:1;", logicalCSS('width', 'fit-content'), " ", logicalCSS('height', '100%'), " border-radius:50%;pointer-events:none;", euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
182
182
  off: /*#__PURE__*/css(logicalCSS('left', 0), ";;label:off;"),
183
183
  get on() {
184
184
  // right: 0 works but doesn't transition/animate, so we need to
package/optimize/es/components/header/header.styles.js CHANGED
@@ -56,5 +56,5 @@ var euiHeaderDarkStyles = function euiHeaderDarkStyles(euiThemeContext, defaultB
56
56
  controlPlaceholderText = _euiFormVariables.controlPlaceholderText;
57
57
  var backgroundColor = colorMode === 'DARK' ? shade(euiTheme.colors.lightestShade, 0.5) : shade(euiTheme.colors.darkestShade, 0.28);
58
58
  var borderColor = colorMode === 'DARK' ? defaultBorderColor : backgroundColor;
59
- return "\n background-color: ".concat(backgroundColor, ";\n ").concat(logicalCSS('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat(makeHighContrastColor(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat(shade(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group,\n input {\n box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, "\n ").concat(transparentize(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat(makeHighContrastColor(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append {\n background-color: transparent;\n color: inherit;\n }\n }\n }\n ");
59
+ return "\n background-color: ".concat(backgroundColor, ";\n ").concat(logicalCSS('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat(makeHighContrastColor(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat(shade(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group {\n border-color: ").concat(transparentize(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat(makeHighContrastColor(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append,\n .euiFormControlLayout__prepend {\n background-color: transparent;\n }\n\n .euiFormLabel {\n color: inherit;\n }\n }\n }\n ");
60
60
  };
package/optimize/lib/components/form/form_control_layout/index.js CHANGED
@@ -15,5 +15,12 @@ Object.defineProperty(exports, "EuiFormControlLayoutDelimited", {
15
15
  return _form_control_layout_delimited.EuiFormControlLayoutDelimited;
16
16
  }
17
17
  });
18
+ Object.defineProperty(exports, "EuiFormControlLayoutIcons", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _form_control_layout_icons.EuiFormControlLayoutIcons;
22
+ }
23
+ });
18
24
  var _form_control_layout = require("./form_control_layout");
19
- var _form_control_layout_delimited = require("./form_control_layout_delimited");
25
+ var _form_control_layout_delimited = require("./form_control_layout_delimited");
26
+ var _form_control_layout_icons = require("./form_control_layout_icons");
package/optimize/lib/components/form/switch/switch.styles.js CHANGED
@@ -128,11 +128,11 @@ var buttonStyles = function buttonStyles(euiThemeContext, switchVars) {
128
128
  };
129
129
  };
130
130
  var _ref = process.env.NODE_ENV === "production" ? {
131
- name: "37wfjs-euiSwitch__body",
132
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;"
131
+ name: "19cwu6v-euiSwitch__body",
132
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;"
133
133
  } : {
134
- name: "37wfjs-euiSwitch__body",
135
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;",
134
+ name: "19cwu6v-euiSwitch__body",
135
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;",
136
136
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
137
137
  };
138
138
  var bodyStyles = function bodyStyles(_ref4, _ref5) {
@@ -182,7 +182,7 @@ var thumbStyles = function thumbStyles(_ref8, switchVars) {
182
182
  return "".concat(baseScale).concat(states);
183
183
  };
184
184
  return {
185
- euiSwitch__thumb: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('vertical', 0), " aspect-ratio:1;", (0, _global_styling.logicalCSS)('width', 'fit-content'), " ", (0, _global_styling.logicalCSS)('height', '100%'), " border-radius:50%;", _global_styling.euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
185
+ euiSwitch__thumb: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('vertical', 0), " aspect-ratio:1;", (0, _global_styling.logicalCSS)('width', 'fit-content'), " ", (0, _global_styling.logicalCSS)('height', '100%'), " border-radius:50%;pointer-events:none;", _global_styling.euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
186
186
  off: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('left', 0), ";;label:off;"),
187
187
  get on() {
188
188
  // right: 0 works but doesn't transition/animate, so we need to
package/optimize/lib/components/header/header.styles.js CHANGED
@@ -63,5 +63,5 @@ var euiHeaderDarkStyles = function euiHeaderDarkStyles(euiThemeContext, defaultB
63
63
  controlPlaceholderText = _euiFormVariables.controlPlaceholderText;
64
64
  var backgroundColor = colorMode === 'DARK' ? (0, _services.shade)(euiTheme.colors.lightestShade, 0.5) : (0, _services.shade)(euiTheme.colors.darkestShade, 0.28);
65
65
  var borderColor = colorMode === 'DARK' ? defaultBorderColor : backgroundColor;
66
- return "\n background-color: ".concat(backgroundColor, ";\n ").concat((0, _global_styling.logicalCSS)('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat((0, _services.makeHighContrastColor)(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat((0, _services.shade)(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group,\n input {\n box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, "\n ").concat((0, _services.transparentize)(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat((0, _services.makeHighContrastColor)(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append {\n background-color: transparent;\n color: inherit;\n }\n }\n }\n ");
66
+ return "\n background-color: ".concat(backgroundColor, ";\n ").concat((0, _global_styling.logicalCSS)('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat((0, _services.makeHighContrastColor)(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat((0, _services.shade)(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group {\n border-color: ").concat((0, _services.transparentize)(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat((0, _services.makeHighContrastColor)(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append,\n .euiFormControlLayout__prepend {\n background-color: transparent;\n }\n\n .euiFormLabel {\n color: inherit;\n }\n }\n }\n ");
67
67
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elastic/eui",
3
3
  "description": "Elastic UI Component Library",
4
- "version": "95.8.0",
4
+ "version": "95.8.1-0",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "lib",
7
7
  "module": "es",
@@ -275,5 +275,6 @@
275
275
  ],
276
276
  "installConfig": {
277
277
  "hoistingLimits": "workspaces"
278
- }
278
+ },
279
+ "stableVersion": "95.8.0"
279
280
  }
package/test-env/components/form/form_control_layout/index.js CHANGED
@@ -15,5 +15,12 @@ Object.defineProperty(exports, "EuiFormControlLayoutDelimited", {
15
15
  return _form_control_layout_delimited.EuiFormControlLayoutDelimited;
16
16
  }
17
17
  });
18
+ Object.defineProperty(exports, "EuiFormControlLayoutIcons", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _form_control_layout_icons.EuiFormControlLayoutIcons;
22
+ }
23
+ });
18
24
  var _form_control_layout = require("./form_control_layout");
19
- var _form_control_layout_delimited = require("./form_control_layout_delimited");
25
+ var _form_control_layout_delimited = require("./form_control_layout_delimited");
26
+ var _form_control_layout_icons = require("./form_control_layout_icons");
package/test-env/components/form/switch/switch.styles.js CHANGED
@@ -128,11 +128,11 @@ var buttonStyles = function buttonStyles(euiThemeContext, switchVars) {
128
128
  };
129
129
  };
130
130
  var _ref = process.env.NODE_ENV === "production" ? {
131
- name: "37wfjs-euiSwitch__body",
132
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;"
131
+ name: "19cwu6v-euiSwitch__body",
132
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;"
133
133
  } : {
134
- name: "37wfjs-euiSwitch__body",
135
- styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;label:euiSwitch__body;",
134
+ name: "19cwu6v-euiSwitch__body",
135
+ styles: "position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;label:euiSwitch__body;",
136
136
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
137
137
  };
138
138
  var bodyStyles = function bodyStyles(_ref4, _ref5) {
@@ -182,7 +182,7 @@ var thumbStyles = function thumbStyles(_ref8, switchVars) {
182
182
  return "".concat(baseScale).concat(states);
183
183
  };
184
184
  return {
185
- euiSwitch__thumb: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('vertical', 0), " aspect-ratio:1;", (0, _global_styling.logicalCSS)('width', 'fit-content'), " ", (0, _global_styling.logicalCSS)('height', '100%'), " border-radius:50%;", _global_styling.euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
185
+ euiSwitch__thumb: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('vertical', 0), " aspect-ratio:1;", (0, _global_styling.logicalCSS)('width', 'fit-content'), " ", (0, _global_styling.logicalCSS)('height', '100%'), " border-radius:50%;pointer-events:none;", _global_styling.euiCanAnimate, "{transition-property:inset-inline-start,transform,background-color,border-color;transition-duration:", animation.speed, ";transition-timing-function:", animation.easing, ";};label:euiSwitch__thumb;"),
186
186
  off: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('left', 0), ";;label:off;"),
187
187
  get on() {
188
188
  // right: 0 works but doesn't transition/animate, so we need to
package/test-env/components/header/header.styles.js CHANGED
@@ -63,5 +63,5 @@ var euiHeaderDarkStyles = function euiHeaderDarkStyles(euiThemeContext, defaultB
63
63
  controlPlaceholderText = _euiFormVariables.controlPlaceholderText;
64
64
  var backgroundColor = colorMode === 'DARK' ? (0, _services.shade)(euiTheme.colors.lightestShade, 0.5) : (0, _services.shade)(euiTheme.colors.darkestShade, 0.28);
65
65
  var borderColor = colorMode === 'DARK' ? defaultBorderColor : backgroundColor;
66
- return "\n background-color: ".concat(backgroundColor, ";\n ").concat((0, _global_styling.logicalCSS)('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat((0, _services.makeHighContrastColor)(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat((0, _services.shade)(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group,\n input {\n box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, "\n ").concat((0, _services.transparentize)(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat((0, _services.makeHighContrastColor)(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append {\n background-color: transparent;\n color: inherit;\n }\n }\n }\n ");
66
+ return "\n background-color: ".concat(backgroundColor, ";\n ").concat((0, _global_styling.logicalCSS)('border-bottom-color', borderColor), "\n\n .euiHeaderLogo__text,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n color: ").concat(euiTheme.colors.ghost, ";\n }\n\n .euiHeaderLink-isActive {\n color: ").concat((0, _services.makeHighContrastColor)(euiTheme.colors.primary)(backgroundColor), ";\n }\n\n .euiHeaderLogo,\n .euiHeaderLink,\n .euiHeaderSectionItemButton {\n &:focus {\n background-color: ").concat((0, _services.shade)(euiTheme.colors.primary, 0.5), ";\n }\n }\n\n .euiHeaderSectionItemButton__notification--badge {\n box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n }\n\n .euiHeaderSectionItemButton__notification--dot {\n stroke: ").concat(backgroundColor, ";\n }\n\n .euiSelectableTemplateSitewide .euiFormControlLayout {\n background-color: transparent;\n\n &--group {\n border-color: ").concat((0, _services.transparentize)(euiTheme.colors.ghost, 0.3), ";\n }\n\n &:not(:focus-within) {\n /* Increase contrast of filled text to be more than placeholder text */\n color: ").concat(euiTheme.colors.ghost, ";\n\n input {\n /* Increase contrast of placeholder text */\n &::placeholder {\n color: ").concat((0, _services.makeHighContrastColor)(controlPlaceholderText, 8)(backgroundColor), ";\n }\n\n /* Inherit color from form control layout */\n color: inherit;\n background-color: transparent;\n }\n\n .euiFormControlLayout__append,\n .euiFormControlLayout__prepend {\n background-color: transparent;\n }\n\n .euiFormLabel {\n color: inherit;\n }\n }\n }\n ");
67
67
  };