From 701ba827949753ba8aadd35fc0583ede6eccf8e8 Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Sun, 18 Aug 2024 09:24:30 -0700 Subject: [PATCH 01/22] Convert form style variables to its own utility function - doesn't need to live in the main form vars fn, these variables are very specific to these components - simplify `customControlDisabledIconColor` to just darkShade - it's close enough and doesn't require extra computation --- .../src/components/form/form.styles.test.tsx | 4 -- .../eui/src/components/form/form.styles.ts | 49 ++++++++++++++----- .../src/global_styling/variables/_form.scss | 6 --- 3 files changed, 38 insertions(+), 21 deletions(-) diff --git a/packages/eui/src/components/form/form.styles.test.tsx b/packages/eui/src/components/form/form.styles.test.tsx index d6a9f011ecc..c85689284f1 100644 --- a/packages/eui/src/components/form/form.styles.test.tsx +++ b/packages/eui/src/components/form/form.styles.test.tsx @@ -51,8 +51,6 @@ describe('euiFormVariables', () => { "controlLayoutGroupInputHeight": "38px", "controlPadding": "12px", "controlPlaceholderText": "#646a77", - "customControlBorderColor": "#f5f7fc", - "customControlDisabledIconColor": "#cacfd8", "iconAffordance": "24px", "iconCompressedAffordance": "18px", "maxWidth": "400px", @@ -68,8 +66,6 @@ describe('euiFormVariables', () => { // Check custom dark-mode logic expect(result.current.backgroundColor).toEqual('#16171c'); expect(result.current.controlPlaceholderText).toEqual('#878b95'); - expect(result.current.customControlDisabledIconColor).toEqual('#33373f'); - expect(result.current.customControlBorderColor).toEqual('#16171c'); }); }); diff --git a/packages/eui/src/components/form/form.styles.ts b/packages/eui/src/components/form/form.styles.ts index 677a90b70c5..e2a8ccb3cf1 100644 --- a/packages/eui/src/components/form/form.styles.ts +++ b/packages/eui/src/components/form/form.styles.ts @@ -71,16 +71,6 @@ export const euiFormVariables = (euiThemeContext: UseEuiTheme) => { : tint(euiTheme.colors.lightShade, 0.5), }; - // Colors - specific to checkboxes, radios, switches, and range thumbs - const customControlColors = { - customControlDisabledIconColor: isColorDark - ? shade(euiTheme.colors.mediumShade, 0.38) - : tint(euiTheme.colors.mediumShade, 0.485), - customControlBorderColor: isColorDark - ? shade(euiTheme.colors.lightestShade, 0.4) - : tint(euiTheme.colors.lightestShade, 0.31), - }; - const controlLayout = { controlLayoutGroupInputHeight: mathWithUnits(controlHeight, (x) => x - 2), controlLayoutGroupInputCompressedHeight: mathWithUnits( @@ -103,7 +93,6 @@ export const euiFormVariables = (euiThemeContext: UseEuiTheme) => { return { ...sizes, ...colors, - ...customControlColors, ...iconSizes, ...controlLayout, animationTiming: `${euiTheme.animation.fast} ease-in`, @@ -376,3 +365,41 @@ const euiPlaceholderPerBrowser = (content: string) => ` &:-moz-placeholder { ${content} } &::placeholder { ${content} } `; + +/** + * Selection custom controls - checkboxes, radios, and switches + */ + +export const euiFormCustomControlVariables = (euiThemeContext: UseEuiTheme) => { + const { euiTheme, colorMode } = euiThemeContext; + + const sizes = { + control: euiTheme.size.base, + lineHeight: euiTheme.size.l, + labelGap: euiTheme.size.s, + }; + + const colors = { + unselected: euiTheme.colors.emptyShade, + unselectedBorder: + colorMode === 'DARK' + ? tint(euiTheme.colors.lightestShade, 0.31) // WCAG AA requirements + : shade(euiTheme.colors.lightestShade, 0.4), + selected: euiTheme.colors.primary, + selectedIcon: euiTheme.colors.emptyShade, + disabled: euiTheme.colors.lightShade, + disabledIcon: euiTheme.colors.darkShade, + disabledLabel: euiTheme.colors.disabledText, // Lighter than formVars.disabledColor because it typically doesn't have as dark a background + }; + + const animation = { + speed: euiTheme.animation.fast, + easing: 'ease-in', + }; + + return { + sizes, + colors, + animation, + }; +}; diff --git a/packages/eui/src/global_styling/variables/_form.scss b/packages/eui/src/global_styling/variables/_form.scss index e86d3990064..39ea34ac25f 100644 --- a/packages/eui/src/global_styling/variables/_form.scss +++ b/packages/eui/src/global_styling/variables/_form.scss @@ -7,10 +7,6 @@ $euiFormControlCompressedPadding: $euiSizeS !default; $euiFormControlBorderRadius: $euiBorderRadius !default; $euiFormControlCompressedBorderRadius: $euiBorderRadiusSmall !default; -$euiRadioSize: $euiSize !default; -$euiCheckBoxSize: $euiSize !default; -$euiCheckboxBorderRadius: $euiBorderRadiusSmall !default; - // Switch $euiSwitchHeight: $euiSize * 1.25 !default; $euiSwitchWidth: ($euiSize * 2.5) + $euiSizeXS !default; @@ -32,8 +28,6 @@ $euiFormBackgroundReadOnlyColor: $euiColorEmptyShade !default; $euiFormBorderOpaqueColor: shadeOrTint(desaturate(adjust-hue($euiColorPrimary, 22), 22.95), 26%, 100%) !default; $euiFormBorderColor: transparentize($euiFormBorderOpaqueColor, .9) !default; $euiFormBorderDisabledColor: transparentize($euiFormBorderOpaqueColor, .9) !default; -$euiFormCustomControlDisabledIconColor: shadeOrTint($euiColorMediumShade, 38%, 48.5%) !default; // exact 508c foreground for $euiColorLightShade -$euiFormCustomControlBorderColor: shadeOrTint($euiColorLightestShade, 40%, 31%) !default; $euiFormControlDisabledColor: $euiColorMediumShade !default; $euiFormControlBoxShadow: 0 0 transparent !default; $euiFormControlPlaceholderText: makeHighContrastColor($euiTextSubduedColor, $euiFormBackgroundColor) !default; From c4e6bc8fa5030b01515cc249f7ea04699f644326 Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Sun, 18 Aug 2024 09:36:22 -0700 Subject: [PATCH 02/22] Replace `@mixin euiIconBackground` inline CSS SVGs with `` - more future proof for icon changes and generally less CSS - extra DOM is worth it, IMO --- .../src/components/form/checkbox/checkbox.tsx | 7 ++++++- .../eui/src/components/form/radio/radio.tsx | 6 +++++- .../eui/src/global_styling/mixins/_form.scss | 7 ------- .../eui/src/global_styling/mixins/_icons.scss | 17 ----------------- 4 files changed, 11 insertions(+), 26 deletions(-) diff --git a/packages/eui/src/components/form/checkbox/checkbox.tsx b/packages/eui/src/components/form/checkbox/checkbox.tsx index 496472a6020..91754009fd8 100644 --- a/packages/eui/src/components/form/checkbox/checkbox.tsx +++ b/packages/eui/src/components/form/checkbox/checkbox.tsx @@ -20,6 +20,7 @@ import classNames from 'classnames'; import { useCombinedRefs } from '../../../services'; import { CommonProps } from '../../common'; +import { EuiIcon } from '../../icon'; export interface EuiCheckboxProps extends CommonProps, @@ -99,7 +100,11 @@ export const EuiCheckbox: FunctionComponent = ({ {...rest} /> -
+
+ +
{optionalLabel}
diff --git a/packages/eui/src/components/form/radio/radio.tsx b/packages/eui/src/components/form/radio/radio.tsx index baafb4ce405..2a1d24137f4 100644 --- a/packages/eui/src/components/form/radio/radio.tsx +++ b/packages/eui/src/components/form/radio/radio.tsx @@ -14,7 +14,9 @@ import React, { ReactNode, } from 'react'; import classNames from 'classnames'; + import { CommonProps, ExclusiveUnion } from '../../common'; +import { EuiIcon } from '../../icon'; export interface RadioProps { autoFocus?: boolean; @@ -86,7 +88,9 @@ export const EuiRadio: FunctionComponent = ({ disabled={disabled} autoFocus={autoFocus} /> -
+
+ +
{optionalLabel}
diff --git a/packages/eui/src/global_styling/mixins/_form.scss b/packages/eui/src/global_styling/mixins/_form.scss index c40d94a2ae8..40d4fe4120e 100644 --- a/packages/eui/src/global_styling/mixins/_form.scss +++ b/packages/eui/src/global_styling/mixins/_form.scss @@ -275,19 +275,12 @@ @mixin euiCustomControlSelected($type: null) { border-color: $euiColorPrimary; background-color: $euiColorPrimary; - - @if $type != null { - @include euiIconBackground($type, $euiColorEmptyShade); - } } @mixin euiCustomControlDisabled($type: null) { border-color: $euiColorLightShade; background-color: $euiColorLightShade; box-shadow: none; - @if $type != null { - @include euiIconBackground($type, $euiFormCustomControlDisabledIconColor); - } } @mixin euiCustomControlFocused($amsterdamSelector: null) { diff --git a/packages/eui/src/global_styling/mixins/_icons.scss b/packages/eui/src/global_styling/mixins/_icons.scss index 3d4c9d1cd34..e69de29bb2d 100644 --- a/packages/eui/src/global_styling/mixins/_icons.scss +++ b/packages/eui/src/global_styling/mixins/_icons.scss @@ -1,17 +0,0 @@ -// For using icons as background images (data-uri) -@mixin euiIconBackground($type, $color: $euiColorEmptyShade) { - // stylelint-disable string-quotes - @if variable-exists(type) == false { - @error 'A $type:string must be provided to @mixin euiIconBackground().'; - } @else if type-of($color) != color { - @warn "The second parameter must be a valid color type -- got $color:#{type-of($color)} = #{$color}."; - } @else if $type == 'check' { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M.375 2.625L3.375 5.625M3.375 5.625L8.625.375' fill='none' fill-rule='evenodd' stroke='#{hexToRGB($color)}' stroke-linecap='round' stroke-width='1.5' transform='translate(.5 1)'/%3E%3C/svg%3E"); - } @else if $type == 'dot' { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='#{hexToRGB($color)}' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E"); - } @else if $type == 'square' { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='#{hexToRGB($color)}' fill-rule='evenodd'/%3E%3C/svg%3E"); - } @else { - @error "The $type of #{$type} cannot be found."; - } -} From e676ad916073f148b9a4358344e6da79aaf5efcc Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Sun, 18 Aug 2024 09:48:36 -0700 Subject: [PATCH 03/22] Convert custom control mixins/styles - remove old Emotion mixin, I'm makin' my own - note the different DOM rendering - now that we have `:has` CSS, we don't need to rely on flat `+` selectors - prefer flex for center alignment over absolute positioning --- .../src/components/form/checkbox/checkbox.tsx | 21 ++- .../src/components/form/form.styles.test.tsx | 170 +++++++++--------- .../eui/src/components/form/form.styles.ts | 141 +++++++++++---- .../eui/src/components/form/radio/radio.tsx | 22 +-- .../eui/src/global_styling/mixins/_form.scss | 56 ------ .../amsterdam/overrides/_form_controls.scss | 12 -- 6 files changed, 209 insertions(+), 213 deletions(-) diff --git a/packages/eui/src/components/form/checkbox/checkbox.tsx b/packages/eui/src/components/form/checkbox/checkbox.tsx index 91754009fd8..2c9a79e9307 100644 --- a/packages/eui/src/components/form/checkbox/checkbox.tsx +++ b/packages/eui/src/components/form/checkbox/checkbox.tsx @@ -89,21 +89,20 @@ export const EuiCheckbox: FunctionComponent = ({ return (
- -
+
{optionalLabel} diff --git a/packages/eui/src/components/form/form.styles.test.tsx b/packages/eui/src/components/form/form.styles.test.tsx index c85689284f1..7d39a7b5865 100644 --- a/packages/eui/src/components/form/form.styles.test.tsx +++ b/packages/eui/src/components/form/form.styles.test.tsx @@ -14,7 +14,7 @@ import { EuiProvider } from '../provider'; import { euiFormVariables, euiFormControlStyles, - euiCustomControl, + euiFormCustomControlStyles, } from './form.styles'; const darkModeWrapper: FunctionComponent = ({ @@ -214,97 +214,99 @@ describe('euiFormControlStyles', () => { }); }); -describe('euiCustomControl', () => { - it('returns CSS styles for padding, borders, backgrounds', () => { - const { result } = renderHook(() => euiCustomControl(useEuiTheme())); - expect(result.current).toMatchInlineSnapshot(` - " - padding: 7px; - - border: 1px solid #f5f7fc; - background: #FFF no-repeat center; - - @media screen and (prefers-reduced-motion: no-preference) { - transition: background-color 150ms ease-in, - border-color 150ms ease-in; - } - " - `); - }); - - it('allows passing custom padding size', () => { +describe('euiFormCustomControlStyles', () => { + it('outputs an object of styles and child element styles', () => { const { result } = renderHook(() => - euiCustomControl(useEuiTheme(), { size: '32px' }) + euiFormCustomControlStyles(useEuiTheme()) ); expect(result.current).toMatchInlineSnapshot(` - " - padding: 15px; - - border: 1px solid #f5f7fc; - background: #FFF no-repeat center; + { + "input": { + "disabled": { + "selected": " + label: disabled; + color: #69707D; + background-color: #D3DAE6; + ", + "unselected": " + label: disabled; + color: #D3DAE6; + background-color: #D3DAE6; + cursor: not-allowed; + ", + }, + "enabled": { + "selected": " + color: #FFF; + background-color: #07C; + ", + "unselected": " + color: transparent; + background-color: #FFF; + border: 1px solid #919296; - @media screen and (prefers-reduced-motion: no-preference) { - transition: background-color 150ms ease-in, - border-color 150ms ease-in; - } - " - `); - }); + &:has(input:focus) { + border-color: #07C; + } + ", + }, + "fauxInput": " + position: relative; + block-size: 16px; + inline-size: 16px; + display: flex; + justify-content: center; + align-items: center; - test('type.round', () => { - const { result } = renderHook(() => - euiCustomControl(useEuiTheme(), { type: 'round' }) - ); - expect(result.current).toMatchInlineSnapshot(` - " - padding: 7px; - border-radius: 16px; - border: 1px solid #f5f7fc; - background: #FFF no-repeat center; + &:has(+ label) { + margin-block-start: 4px; + } - @media screen and (prefers-reduced-motion: no-preference) { - transition: background-color 150ms ease-in, - border-color 150ms ease-in; - } - " - `); - }); - - test('size and type.round changes both padding and border-radius', () => { - const { result } = renderHook(() => - euiCustomControl(useEuiTheme(), { size: '6px', type: 'round' }) - ); - expect(result.current).toMatchInlineSnapshot(` - " - padding: 2px; - border-radius: 6px; - border: 1px solid #f5f7fc; - background: #FFF no-repeat center; + &:has(input:focus-visible) { + outline-style: auto; + outline-offset: 2px; + } - @media screen and (prefers-reduced-motion: no-preference) { - transition: background-color 150ms ease-in, - border-color 150ms ease-in; - } - " - `); - }); + @media screen and (prefers-reduced-motion: no-preference) { + transition-property: background-color, color; + transition-duration: 150ms; + transition-timing-function: ease-in; + } + ", + "hiddenInput": " + position: absolute; + inset: 0; + opacity: 0 !important; + cursor: pointer; - test('type.square', () => { - const { result } = renderHook(() => - euiCustomControl(useEuiTheme(), { type: 'square' }) - ); - expect(result.current).toMatchInlineSnapshot(` - " - padding: 7px; - border-radius: 4px; - border: 1px solid #f5f7fc; - background: #FFF no-repeat center; - - @media screen and (prefers-reduced-motion: no-preference) { - transition: background-color 150ms ease-in, - border-color 150ms ease-in; - } - " + &:disabled { + cursor: not-allowed; + } + ", + "icon": " + transform: scale(0.75); + ", + }, + "label": { + "disabled": " + cursor: not-allowed; + color: #a2abba; + ", + "enabled": " + cursor: pointer; + ", + "label": " + /* Needs to use padding and not flex gap for extra mouse click area */ + padding-inline-start: 8px; + line-height: 24px; + font-size: 1.0000rem; + ", + }, + "wrapper": " + display: flex; + align-items: flex-start; + ", + } `); }); }); diff --git a/packages/eui/src/components/form/form.styles.ts b/packages/eui/src/components/form/form.styles.ts index e2a8ccb3cf1..cb3a3a2acb2 100644 --- a/packages/eui/src/components/form/form.styles.ts +++ b/packages/eui/src/components/form/form.styles.ts @@ -162,45 +162,6 @@ export const euiFormControlStyles = (euiThemeContext: UseEuiTheme) => { }; }; -export const euiCustomControl = ( - euiThemeContext: UseEuiTheme, - options: { - type?: 'round' | 'square'; - size?: string; - } = {} -) => { - const euiTheme = euiThemeContext.euiTheme; - const form = euiFormVariables(euiThemeContext); - const { type, size = euiTheme.size.base } = options; - - let padddingStyle = ''; - let borderRadiusStyle = ''; - - if (size) { - const borderSize = parseFloat(String(euiTheme.border.width.thin)); - const paddingSize = mathWithUnits(size, (x) => (x - borderSize * 2) / 2); - padddingStyle = `padding: ${paddingSize};`; - } - - if (type === 'round') { - borderRadiusStyle = `border-radius: ${size};`; - } else if (type === 'square') { - borderRadiusStyle = `border-radius: ${form.controlCompressedBorderRadius};`; - } - - return ` - ${padddingStyle} - ${borderRadiusStyle} - border: ${euiTheme.border.width.thin} solid ${form.customControlBorderColor}; - background: ${euiTheme.colors.emptyShade} no-repeat center; - - ${euiCanAnimate} { - transition: background-color ${form.animationTiming}, - border-color ${form.animationTiming}; - } - `; -}; - export const euiFormControlText = (euiThemeContext: UseEuiTheme) => { const { euiTheme } = euiThemeContext; const { fontSize } = euiFontSize(euiThemeContext, 's'); @@ -403,3 +364,105 @@ export const euiFormCustomControlVariables = (euiThemeContext: UseEuiTheme) => { animation, }; }; + +export const euiFormCustomControlStyles = (euiThemeContext: UseEuiTheme) => { + const { euiTheme } = euiThemeContext; + const controlVars = euiFormCustomControlVariables(euiThemeContext); + + const centerWithLabel = mathWithUnits( + [controlVars.sizes.lineHeight, controlVars.sizes.control], + (x, y) => (x - y) / 2 + ); + + return { + wrapper: ` + display: flex; + align-items: flex-start; + `, + input: { + fauxInput: ` + position: relative; + ${logicalCSS('height', controlVars.sizes.control)} + ${logicalCSS('width', controlVars.sizes.control)} + display: flex; + justify-content: center; + align-items: center; + + &:has(+ label) { + ${logicalCSS('margin-top', centerWithLabel)} + } + + &:has(input:focus-visible) { + outline-style: auto; + outline-offset: ${euiTheme.focus.width}; + } + + ${euiCanAnimate} { + transition-property: background-color, color; + transition-duration: ${controlVars.animation.speed}; + transition-timing-function: ${controlVars.animation.easing}; + } + `, + enabled: { + selected: ` + color: ${controlVars.colors.selectedIcon}; + background-color: ${controlVars.colors.selected}; + `, + unselected: ` + color: transparent; + background-color: ${controlVars.colors.unselected}; + border: ${euiTheme.border.width.thin} solid ${controlVars.colors.unselectedBorder}; + + &:has(input:focus) { + border-color: ${controlVars.colors.selected}; + } + `, + }, + disabled: { + selected: ` + label: disabled; + color: ${controlVars.colors.disabledIcon}; + background-color: ${controlVars.colors.disabled}; + `, + unselected: ` + label: disabled; + color: ${controlVars.colors.disabled}; + background-color: ${controlVars.colors.disabled}; + cursor: not-allowed; + `, + }, + + // Looks better centered at different zoom levels than just + icon: ` + transform: scale(0.75); + `, + + // Hidden input sits on top of the visible element + hiddenInput: ` + position: absolute; + inset: 0; + opacity: 0 !important; + cursor: pointer; + + &:disabled { + cursor: not-allowed; + } + `, + }, + label: { + label: ` + /* Needs to use padding and not flex gap for extra mouse click area */ + ${logicalCSS('padding-left', controlVars.sizes.labelGap)} + line-height: ${controlVars.sizes.lineHeight}; + font-size: ${euiFontSize(euiThemeContext, 's').fontSize}; + `, + enabled: ` + cursor: pointer; + `, + disabled: ` + cursor: not-allowed; + color: ${controlVars.colors.disabledLabel}; + `, + }, + }; +}; diff --git a/packages/eui/src/components/form/radio/radio.tsx b/packages/eui/src/components/form/radio/radio.tsx index 2a1d24137f4..0d246e4e48d 100644 --- a/packages/eui/src/components/form/radio/radio.tsx +++ b/packages/eui/src/components/form/radio/radio.tsx @@ -77,19 +77,19 @@ export const EuiRadio: FunctionComponent = ({ return (
-
+
{optionalLabel} diff --git a/packages/eui/src/global_styling/mixins/_form.scss b/packages/eui/src/global_styling/mixins/_form.scss index 40d4fe4120e..326a8491f87 100644 --- a/packages/eui/src/global_styling/mixins/_form.scss +++ b/packages/eui/src/global_styling/mixins/_form.scss @@ -251,62 +251,6 @@ } } -// Custom styles and states for checkboxes and radios - -@mixin euiCustomControl($type: null, $size: $euiSize) { - @if $size { - $size: $size - 2px; // subtract 2px from size to account for border size - padding: $size / 2; - } - - border: 1px solid $euiFormCustomControlBorderColor; - background: $euiColorEmptyShade no-repeat center; - - @if $type == 'round' { - border-radius: $size; - } @else if $type == 'square' { - border-radius: $euiCheckboxBorderRadius; - } - - transition: background-color $euiAnimSpeedFast ease-in, - border-color $euiAnimSpeedFast ease-in; // stylelint-disable-line indentation -} - -@mixin euiCustomControlSelected($type: null) { - border-color: $euiColorPrimary; - background-color: $euiColorPrimary; -} - -@mixin euiCustomControlDisabled($type: null) { - border-color: $euiColorLightShade; - background-color: $euiColorLightShade; - box-shadow: none; -} - -@mixin euiCustomControlFocused($amsterdamSelector: null) { - // Requires a selector to work with the Amsterdam outline styles - @if ($amsterdamSelector) { - + #{$amsterdamSelector} { - outline: $euiFocusRingSize solid $euiFocusRingColor; - outline-offset: 2px; - } - - // Chrome - &:focus-visible + #{$amsterdamSelector} { - outline: $euiFocusRingSize solid $euiFocusRingColor; - outline-offset: 2px; - } - - &:not(:focus-visible) + #{$amsterdamSelector} { - outline: none; - } - } @else { - // Default theme - @include euiFocusRing('small', 'outer'); - border-color: $euiColorPrimary; - } -} - @mixin euiHiddenSelectableInput { position: absolute; // stylelint-disable-next-line declaration-no-important diff --git a/packages/eui/src/themes/amsterdam/overrides/_form_controls.scss b/packages/eui/src/themes/amsterdam/overrides/_form_controls.scss index 27780109657..cf14b8d337d 100644 --- a/packages/eui/src/themes/amsterdam/overrides/_form_controls.scss +++ b/packages/eui/src/themes/amsterdam/overrides/_form_controls.scss @@ -1,15 +1,3 @@ -.euiRadio .euiRadio__input { - &:focus { - @include euiCustomControlFocused('.euiRadio__circle'); - } -} - -.euiCheckbox .euiCheckbox__input { - &:focus { - @include euiCustomControlFocused('.euiCheckbox__square'); - } -} - .euiSwitch .euiSwitch__button:focus { @include euiFocusRing(null, 'outer'); From 6ff66dfa66728dbe7f3df051594238aafc9f0a8f Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Sun, 18 Aug 2024 10:46:16 -0700 Subject: [PATCH 04/22] Remove unnecessary `euiCustomControl` usage in EuiRange - literally just needs `border-radius: 50%` instead --- packages/eui/src/components/form/range/range.styles.ts | 1 + packages/eui/src/components/form/range/range_slider.styles.ts | 2 -- packages/eui/src/components/form/range/range_thumb.styles.ts | 2 -- 3 files changed, 1 insertion(+), 4 deletions(-) diff --git a/packages/eui/src/components/form/range/range.styles.ts b/packages/eui/src/components/form/range/range.styles.ts index 4bd5e8c4618..20ee973f5d8 100644 --- a/packages/eui/src/components/form/range/range.styles.ts +++ b/packages/eui/src/components/form/range/range.styles.ts @@ -111,6 +111,7 @@ export const euiRangeThumbStyle = (euiThemeContext: UseEuiTheme) => { return ` ${euiRangeThumbBoxShadow(euiThemeContext)}; ${euiRangeThumbBorder(euiThemeContext)}; + border-radius: 50%; cursor: pointer; background-color: ${range.thumbBackgroundColor}; padding: 0; diff --git a/packages/eui/src/components/form/range/range_slider.styles.ts b/packages/eui/src/components/form/range/range_slider.styles.ts index 2720b764821..fd1977f986d 100644 --- a/packages/eui/src/components/form/range/range_slider.styles.ts +++ b/packages/eui/src/components/form/range/range_slider.styles.ts @@ -9,7 +9,6 @@ import { css } from '@emotion/react'; import { UseEuiTheme, transparentize } from '../../../services'; -import { euiCustomControl } from '../form.styles'; import { euiRangeThumbStyle, @@ -34,7 +33,6 @@ export const euiRangeSliderStyles = (euiThemeContext: UseEuiTheme) => { z-index: ${range.thumbZIndex}; ${euiRangeThumbPerBrowser(` - ${euiCustomControl(euiThemeContext, { type: 'round' })} ${euiRangeThumbStyle(euiThemeContext)} `)} diff --git a/packages/eui/src/components/form/range/range_thumb.styles.ts b/packages/eui/src/components/form/range/range_thumb.styles.ts index ac6fee34185..3e59ca9f9f4 100644 --- a/packages/eui/src/components/form/range/range_thumb.styles.ts +++ b/packages/eui/src/components/form/range/range_thumb.styles.ts @@ -14,7 +14,6 @@ import { euiRangeThumbFocus, euiRangeVariables, } from './range.styles'; -import { euiCustomControl } from '../form.styles'; export const euiRangeThumbStyles = (euiThemeContext: UseEuiTheme) => { const range = euiRangeVariables(euiThemeContext); @@ -22,7 +21,6 @@ export const euiRangeThumbStyles = (euiThemeContext: UseEuiTheme) => { return { // Base euiRangeThumb: css` - ${euiCustomControl(euiThemeContext, { type: 'round' })} ${euiRangeThumbStyle(euiThemeContext)} content: ''; position: absolute; From c716b954b70f05904e0d95ba778b95b701c6c53c Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Sun, 18 Aug 2024 09:57:02 -0700 Subject: [PATCH 05/22] [EuiRadio] Convert to use new form util + inline conditional label - remove `--noLabel` modifier (replaced with `:has` CSS) --- ...desktop_Forms_EuiRadioGroup_Playground.png | Bin 7216 -> 7137 bytes ...rome_desktop_Forms_EuiRadio_Playground.png | Bin 2222 -> 2240 bytes ..._mobile_Forms_EuiRadioGroup_Playground.png | Bin 15169 -> 14626 bytes ...hrome_mobile_Forms_EuiRadio_Playground.png | Bin 4783 -> 4755 bytes .../radio/__snapshots__/radio.test.tsx.snap | 146 ++++++---- .../__snapshots__/radio_group.test.tsx.snap | 262 +++++++++++------- .../eui/src/components/form/radio/_radio.scss | 87 ------ .../src/components/form/radio/radio.styles.ts | 43 +++ .../eui/src/components/form/radio/radio.tsx | 56 ++-- 9 files changed, 323 insertions(+), 271 deletions(-) create mode 100644 packages/eui/src/components/form/radio/radio.styles.ts diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiRadioGroup_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiRadioGroup_Playground.png index 6beb887b5eca1ba8383cc2a52a0ce7feb816203c..8fc344b65422213f1bf14c56a4baaea29ece11c8 100644 GIT binary patch literal 7137 zcmcgxcU05amv>aq89~QFuQN31QUXX-s-d@lbfottgdS8B1Oy~B1tbcDKthO=(2I(I zfOJA=0a1D=(ua`1hMh3KJ$rWl*mHLGot)$)-}~OX{d4b2g0Z0v<8SQ0ojG%c5qMA2 z^voH$r_{N}MSAM{-OL?M>c=k+O?A}Il=pEiQ@@;ls17v0NF7lZU7nvg!;u8kylWno zw?+sL8^JYqZuW}--MTtlDzAMKc>;AjfA>6^PVSuqks!WT9z5WV5zJri=`vCmr#k+xbka6$Z&)e`n zA}cT6R*UUfyL7_v$q49^fy^-eJwJ1%h2#7u+I&Fk>Dk%-(A9yjhwJzdyulD5w0|Jd z8xMg+FE0%il9stbJv!ZCZ_>iuk(X&}`Yg185$?T>q|M&r0&?_0cVC}Hh(Yptb7(QM z+Wyr3=zR_6LOK8Gg01du8R-pu+%JDG{4n0Vx>@b9o_CvFIqbc?O^dCR)F8Cz0uSWA zUX~aRT{~5f#f-6s%rhC}Dcs#?J$@WiSq1Q$0&Rs^?<^cQl}1PI3kwKn$xnwB4h@-t zEWoysty_u3`t|nb`gnMOq_y-*vQD4j>!e+;s(yf%(-vK>EnpEbTw)$EZ;b`h7>eJv|3GL@i2qTkohux_M4idnP6) zQ({O;G%4P0ORxVG74PNc9kTdlSmVKaeif|aW7WeQv-ZwT6tY3LCrf;|dB1NYE>+bO z6q0%N@uT&oZNpyJu?qr5;1fEdl@1O+V_;xKM+yf*t)*Ju%>NY$&2fc8PJer`KYem- zv<}rtguC_x_X4iB^;WGbinB%wPocvX*|%wjs;POmDIJFkOtd!MuHY2fFhi_DYu%_NZ$A+_QfIqJi_F z-@2AGd$Kjw3#*;NS^D*>zPQyEkM-t4F3II^Z=h?|zp`^e;LSy-%+Rn=R5=Rd<`(xt zyO6&N|2>l*AS+v4iYYI>99@nq$sqWtd8T7pH{%w1b20S~7d%Gh3#%anMU~y1PyTir zL~fW>oiU-&{V60h)yOzp>!9nHi56rE7uenyBK#V6Et)Hwo^eO7T1NP% zvet;ZjC;mn&sy^{UhS{PPEG~bfLV1e#o&8-*%BZttJi}1uioxd2eTz>Q(O;%df`l_+}S z`gJtb>&%0Lt1okrOx2DL&WT6}um7cXlJri7yKoi1%HCLEVsa7=g=suYRv5WnuR|qk=3mCQ=A**57raStLYHUbxy_xN z)KR1g=gyUs1xq-%wRs6_!_3G_lp^kTdz6yH5_F*r; zcT`VTcc>~UABTbcg+1DD1{C~50<}K=0-Bimryu*`^Z@s*{ zZg6m*mX?;DGhaM^_QWsL)t@*yS>vm#tM8ejutyc4nDRzHXnxGmZ95geJTGtW%#4g1 zgZ4~JnY#M=#^&bcV>1*;%-Ak9x{*jE4sBEL)$O5XIRL?w1}I_z1F`P{}Gyzx4JqIpIcJb*cRTA&%&yOUY++n4O-Ei^j1KM=y&;MoOZTSmPsxa`{ z1Uzvo2xI{QLh}p}(Dd}o++5N0uAMjXztT=th^Eh;WFeD!9-q5V9lq_B%qnG@;+GJl z_y$^(n5c^z8TBBJ8U@d1S|S}_FM@J{32sX#t${c0Tp)6Zb`OOi_ zP1_`$CZLH)MUGwhbq;n0-Fx?pbt|`JCsg0n)oC&(X#s(kfkWM(4Ue&bce;8;YXcFz zy%J1JEIqF?_~Q#FJ@+rr&UlmXaej~P3a7%`LY>Po-mGLS2sH!Rn2!EaRhW#C;Tf53 zKD@!i1b4i3Gqtl&H9Eq3eN_jCFxt2*fBYf#xHvD*$Ds9x8~_0D9GdfNSj>lcuFL_~ z>``wWTNhNN9NOCjayF}$8|JfM!F7_Srg-r}6=swx@1LT;kX6KEr*xM?&gbRKMrxhg zL^Ve>WKE>G)emcdi7>NLY4G05o4Lu#0ErAdzY1;~ErXym9{gNyQfb(4iI)u|*A4$x za_R#zG8EW_c8#(wUtWUof}cBy3%N06jqYE~Jv~dMrKRV{-`Eh9Mmex!S{Unw;N!9Lq{djBEW8)+B-z z8cLg*n%X!Hqg$>svg&Ugo@>}RipK`cE3qpp=q$qUMn>Y~=IJQn+5maJ=NO4#kuaTU ziI!Dxf0-ZdR-vogZH=yf&?cCfZFvuBfwnK~@YAkx|B@E9P_FC9N>Fk1aQbu zx<7t9R*@`5VIYDY20##9K zw;3iIyrhOf+%wRl;*Q%GOBU}{<<&h$tllGJTJKMbFmeX8MC^Vw^|D6tm)4KNBiEzvRJo~? z6B_rw_*IF>hX#~PPg1dM+^5EZII*_({xE!s8))j|)c^CQRkVow|WrI?>SksCL*R>g3oF#=;Vpi ztet@*UAul9jtSI`$l+fe$aaY9AVXSHIB&CqG3&1h0>BHuU9w4L;Z`o+88Dg1@x0EJNRERPQ{?<_B*68n_i*oMdGF%Ya$(--nld?;Si!C1Cxg$CqrKgj^ zIrwzbS!qP(RMNE617ARQY&UxS$3tS%@>Ub@BMX^6Jg_Q^H9R+ zLd%F@cMtMs;_k*av&ZU~6ndfm2q$(x{>3hmV4lnsik_0FmFR0;DkAph>|VOfNs#s2 zGGKp*1CWR@m;rLQ(M>+S!ZsC}SwD<_{T6ii1X@ikg}819-B)V>e-gfAfwrb*s6(Xx z48*|X!Cxy`G81KvY`5u|zY+)Yk-m53 zg+6X-&@)k*t))lxR2hh_6Ptv)N)Sk-2WyxuP4kR&Hyn?UyRc9%`yjcXzzNW3m?tO4 zN`tGaHiH=Se+O4ow~O4LN46ShLXd*hl9EjED~P{Y>pU<}>SeNb3{N&&|$A z+%IXSHb>Ob=cA)BcdAY_X=ik5JQZmKo8}_g4h>&o5f&1%8Q!QfppJ<31GT06NJw#M zx)3%J-Q6uhnUsuyJ8N}jynI!H>=x;53XSu7rC8rap^0|K-RWq~Bc0h-g$gWMHmSto z)z8m0W<7`f22^C$q5L=;-h1|wR*uS|y!FwFG#djVhVqo)htI+J3o9xjHFo&1zPqB{Qt#xwHU-Z2=9ZycfYi1wV_kMp7y0+D@ z)z+-2Qrp49koP8Kvr1RxxNt8X{_Eyu!@&X%ah**DWNnRn@q(eA;D@$t)^6Me_c+Qf zU&u}!dL?C9gFO5e%Q*2qu#iDJy_g`2?QQ5+X*I{&E8RWUw;>6fsQ7WIxe@#(CpY&b zf0_vzndv*}6HyL(ep+08xc%{!<$|9~-I9(tr>z|O{|(%29a0_~h6j&I1~0?g)Mrw;m5Lik z5xeVzs>_cQ2(~lmsfd~{PcOpUVJH|5Gw<+pg_H|N7UsaJ;>gwl*K;EigE}; zRPUG{P#^@zp?Jg3Cy!S~#Z92*Gh-#axiuctl7`w+l7=1ZhszvPiz=LT^q|^ya_Yl= zE#j*XdyJ*t@y`P8zYg>b@&d5@o>L%a*)^eBPYUS@073>KR%_wyC?OW*LY||a7gh); zOU-|=_h#Hlu4Mf<{CaHxkIq@zR7PLT`~f~pFM~A{kn`?E? zUC6`Ot5jv=WQhR1{J_ikkvs!sR;efXy>hawyO)a-xnC0|0F=u`;~Kz?DytCg{REVl zle4o;a%X#c7a?fHtT!p2a)sjT-;xg@b)}bIq1ncr&)Kj6-TN&Tm9mVJL$0Q<0? zFC$#?$#j7+wtGUp(@k3as@qC%ekDGL9E~Fd4%V263XMTQ4b;a4}hc z2c@2+R0Wm6^^VO#LUy+fq9SJ7UAGRJ9^j3DV6TxcSFM}E5~%GM)5Y`E-+OC==e}Gu zU{#az=_QID=^XDm9HTGrG&w-2{Z<(@ed2Jq&?UB0!&OP`>m?4Z@)UdS9m3Z{@?;e4 zqPe8Fro%c2!y$OWzSoap@rI}o*Bt3^C`2(jj#@lJp`7eWVEv`@75u$a^zDsyYAJ8_ zL+T5rLxR^d?eZcAfp{2z$P%&Dg#b|TSNgSn5dUr2nCa`?U%p&aI)-Q4r}Zxm|EPj_ z091V^7;_FVGK%Cpn(hXySZ)0r26$d-H{XA22QPn~NRP0>hIAZAv-SJPP~{J5wABR~ zq(zyhM9ocmDA$+BEp;KUX3HTECw{_Z^nIybS-F#IIU!f7=Sf z4a`|2^-KCESwe3xalu)ufED1RGAWap@O0W?kA~d?>Z9)hf1`&Z8?G7J%|5&hJ&<{G(5zu{UBug;u-Yaet6i6z67i zg1zBQssP!@KQBL3BV=M$aui>`(57R`nBg&2w=IjiQh(>yz={*#U5x3^mJv2#+1n7u z^dsyd_e2+;KvwXgRRnKiP%vAMa_Hvyla8V|#dB%`LATmY)C8#* z%rZJEFWkp`J@DpKtAADy{az+NwmNJ#+`gqIx<==Rj>E)yb6bLRZV2TsQ5RY8s!F)S zs>Dm&HS}O%+!r6YQe=Y#j~_*yVD=_RP#`~zn-)Uf4qf~_f+y9Wn~U)+){&0X(3KuO0V>l-8}&T!+&t=MfQbj> z=y4lKS<>Ox&59t!Yr9(05I{8FS5*sZiR?+f<Ww`=h%d zde75)-At(5d^l>JyZ0hnVBzzn@77JKOxYGC4jBCdGGt99;J(I%E9Rq?h`2_CB6gw8 z_d)2T^G~`bZAzwAk5+JecF>H>*T_({vEo9lPF$7F1W<`!7I3dKv1gvz(S3*J4LAHa zy|PifUNz`w%)6TKO{Q~Wo9HnZ$R)1G&7PEsC2q~e3IM5TgRRsMgdar}m8mltNHAra ze{s5f^)enO-@S3=CSd$3vUXf7v1;O=?P&%~RxFi#vA^jqor}X*7FS-_ z%VZd$+NIkqIjz?%jsGAD;yclzXJ8-!7gW08UMn*Gx+Jc{4Jc$t)-@fm+&_%VQR_N_ z#PIsWn3$MsT{w$a1$3po<=1&a+U*{x;cCPpzUkRTY(BfHB6MmEw~nQyl3Q(Qc5GK$ zmqI+t~r`@pFeO6a!dk zNwqp*IQ_&NqrPNw6Spd{ERWr#{Nk0Ih5_;{i$jSo>{vq-@0Uew24H0jaD~PF}fIDn;@OnmGnu zpTL?iG$j+%GyFZNvugTU;x9TgGAyqpZWpb!HjT5T6N`#CHZdd*48;`HAt_iSTc zG9bGX)gf4`tlHWnZVxmy56&p)6>J|Duk6q~`tvqzr#p*-f~VJ>XYz7i%!Ja=^UR|S d`u`fs$dbHn__O}n7Ii0k0JRJ?%hes9{2KvG5-|V( literal 7216 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 Xq0Vc);PWrLe_26Htu7KwJmUWc3CtZV diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiRadioGroup_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiRadioGroup_Playground.png index 5eb3f20d0ec6cf5d535ab5760938d514ce3b295e..86ac51459b6c3e72c6187237d59251e7855f7c30 100644 GIT binary patch literal 14626 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 Re$Np{RY~JX`6JVi{{am-;AQ{- literal 15169 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 KWy)R~1^zd=q!}y# diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiRadio_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiRadio_Playground.png index 6a1906478c0eb8f0775ff83894b7f1d5121b5337..02cf0e6a0c49657439da041be8cc4f5356136e0d 100644 GIT binary patch literal 4755 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 -
+ class="euiRadio__circle emotion-euiRadio__circle-unselected" + > + + +
`; exports[`EuiRadio props checked is rendered 1`] = `
-
+ class="euiRadio__circle emotion-euiRadio__circle-selected" + > + + +
`; exports[`EuiRadio props disabled is rendered 1`] = `
-
+ class="euiRadio__circle emotion-euiRadio__circle-disabled-unselected" + > + + +
`; exports[`EuiRadio props label is rendered 1`] = `
-
+ class="euiRadio__circle emotion-euiRadio__circle-unselected" + > + + +