diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md index 4c8bfa0c3ba9..cb9d1b173908 100644 --- a/packages/components/docs/sass.md +++ b/packages/components/docs/sass.md @@ -9729,7 +9729,6 @@ $support-01: if( - [inline-notifications [mixin]](#inline-notifications-mixin) - [toast-notifications [mixin]](#toast-notifications-mixin) - [number-input [mixin]](#number-input-mixin) - - [overflow-menu [mixin]](#overflow-menu-mixin) - [progress-indicator [mixin]](#progress-indicator-mixin) - [select [mixin]](#select-mixin) - [text-area [mixin]](#text-area-mixin) @@ -9982,6 +9981,7 @@ $danger-01: if( - **Used by**: - [carbon--theme [mixin]](#carbon--theme-mixin) - [button [mixin]](#button-mixin) + - [overflow-menu [mixin]](#overflow-menu-mixin) ### ✅danger-02 [variable] @@ -24306,10 +24306,10 @@ Overflow menu styles .#{$prefix}--overflow-menu-options__option--danger .#{$prefix}--overflow-menu-options__btn:focus { color: $text-04; - background-color: $support-01; + background-color: $danger-01; svg { - fill: $text-04; + fill: currentColor; } } @@ -24364,7 +24364,7 @@ Overflow menu styles - [text-01 [variable]](#text-01-variable) - [icon-02 [variable]](#icon-02-variable) - [text-04 [variable]](#text-04-variable) - - [support-01 [variable]](#support-01-variable) + - [danger-01 [variable]](#danger-01-variable) - [ui-01 [variable]](#ui-01-variable) - [disabled-02 [variable]](#disabled-02-variable) diff --git a/packages/components/src/components/overflow-menu/_overflow-menu.scss b/packages/components/src/components/overflow-menu/_overflow-menu.scss index 83c995c9e206..3471e4bb5fec 100644 --- a/packages/components/src/components/overflow-menu/_overflow-menu.scss +++ b/packages/components/src/components/overflow-menu/_overflow-menu.scss @@ -306,10 +306,10 @@ .#{$prefix}--overflow-menu-options__option--danger .#{$prefix}--overflow-menu-options__btn:focus { color: $text-04; - background-color: $support-01; + background-color: $danger-01; svg { - fill: $text-04; + fill: currentColor; } } diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap index 79d58d0b05f4..33016a52039a 100644 --- a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap +++ b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap @@ -5319,7 +5319,7 @@ Map { "type": "bool", }, "invalidText": Object { - "type": "string", + "type": "node", }, "labelText": Object { "isRequired": true, @@ -5427,7 +5427,7 @@ Map { "type": "bool", }, "invalidText": Object { - "type": "string", + "type": "node", }, "labelText": Object { "isRequired": true, @@ -5538,7 +5538,7 @@ Map { "type": "bool", }, "invalidText": Object { - "type": "string", + "type": "node", }, "labelText": Object { "isRequired": true, @@ -5585,7 +5585,7 @@ Map { "type": "bool", }, "warnText": Object { - "type": "string", + "type": "node", }, }, "render": [Function], diff --git a/packages/react/src/components/TextInput/ControlledPasswordInput.js b/packages/react/src/components/TextInput/ControlledPasswordInput.js index 8dec73973bdb..c22402fe5da6 100644 --- a/packages/react/src/components/TextInput/ControlledPasswordInput.js +++ b/packages/react/src/components/TextInput/ControlledPasswordInput.js @@ -175,7 +175,7 @@ ControlledPasswordInput.propTypes = { /** * Provide the text that is displayed when the control is in an invalid state */ - invalidText: PropTypes.string, + invalidText: PropTypes.node, /** * Provide the text that will be read by a screen reader when visiting this diff --git a/packages/react/src/components/TextInput/PasswordInput.js b/packages/react/src/components/TextInput/PasswordInput.js index 48d5107bfdc2..264b742f6e6b 100644 --- a/packages/react/src/components/TextInput/PasswordInput.js +++ b/packages/react/src/components/TextInput/PasswordInput.js @@ -177,7 +177,7 @@ PasswordInput.propTypes = { /** * Provide the text that is displayed when the control is in an invalid state */ - invalidText: PropTypes.string, + invalidText: PropTypes.node, /** * Provide the text that will be read by a screen reader when visiting this diff --git a/packages/react/src/components/TextInput/TextInput.js b/packages/react/src/components/TextInput/TextInput.js index d4b969afa6de..8cf60adadf72 100644 --- a/packages/react/src/components/TextInput/TextInput.js +++ b/packages/react/src/components/TextInput/TextInput.js @@ -210,7 +210,7 @@ TextInput.propTypes = { /** * Provide the text that is displayed when the control is in an invalid state */ - invalidText: PropTypes.string, + invalidText: PropTypes.node, /** * Provide the text that will be read by a screen reader when visiting this @@ -262,7 +262,7 @@ TextInput.propTypes = { /** * Provide the text that is displayed when the control is in warning state */ - warnText: PropTypes.string, + warnText: PropTypes.node, }; TextInput.defaultProps = {