diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md index b31c848dbe00..8acbf76ef44b 100644 --- a/packages/components/docs/sass.md +++ b/packages/components/docs/sass.md @@ -7108,6 +7108,7 @@ $focus: if( - [checkbox [mixin]](#checkbox-mixin) - [snippet [mixin]](#snippet-mixin) - [content-switcher [mixin]](#content-switcher-mixin) + - [data-table-v2-action [mixin]](#data-table-v2-action-mixin) - [data-table-expandable [mixin]](#data-table-expandable-mixin) - [modal [mixin]](#modal-mixin) - [radio-button [mixin]](#radio-button-mixin) @@ -14268,6 +14269,12 @@ Data table action styles } } + .#{$prefix}--toolbar-search-container-expandable + .#{$prefix}--search + .#{$prefix}--search-close:focus::before { + background-color: $focus; + } + //------------------------------------------------- //ACTIVE SEARCH - DEFAULT TOOLBAR //------------------------------------------------- @@ -14286,7 +14293,7 @@ Data table action styles .#{$prefix}--toolbar-search-container-active .#{$prefix}--search .#{$prefix}--search-input { - padding-left: $spacing-09; + padding: 0 $spacing-09; visibility: inherit; } @@ -14342,6 +14349,11 @@ Data table action styles background-color: transparent; } + .#{$prefix}--toolbar-search-container-persistent + .#{$prefix}--search-close::before { + display: none; + } + //------------------------------------------------- //TOOLBAR BUTTONS //------------------------------------------------- @@ -14441,7 +14453,7 @@ Data table action styles .#{$prefix}--search .#{$prefix}--search-input { height: $layout-04; - padding-left: $spacing-09; + padding: 0 $spacing-09; border: none; } @@ -14658,7 +14670,7 @@ Data table action styles .#{$prefix}--toolbar-search-container-expandable .#{$prefix}--search .#{$prefix}--search-input { - padding-left: $spacing-xl; + padding: 0 $spacing-09; } //active @@ -14748,6 +14760,7 @@ Data table action styles - [spacing-05 [variable]](#spacing-05-variable) - [hover-field [variable]](#hover-field-variable) - [hover-ui [variable]](#hover-ui-variable) + - [focus [variable]](#focus-variable) - [spacing-09 [variable]](#spacing-09-variable) - [layout-01 [variable]](#layout-01-variable) - [icon-01 [variable]](#icon-01-variable)