diff --git a/packages/calcite-components/src/components/filter/filter.scss b/packages/calcite-components/src/components/filter/filter.scss index 9c4236e5d8e..8e1da4ab9ad 100644 --- a/packages/calcite-components/src/components/filter/filter.scss +++ b/packages/calcite-components/src/components/filter/filter.scss @@ -33,60 +33,8 @@ label { overflow-hidden; } -input[type="text"] { - @apply font-inherit - text-color-1 - text-n2h - mb-1 - w-full - border-none - bg-transparent - py-1; - padding-inline-end: theme("spacing.1"); - padding-inline-start: theme("spacing.6"); - transition: - padding var(--calcite-animation-timing), - box-shadow var(--calcite-animation-timing); - &::-ms-clear { - @apply hidden; - } -} - calcite-input { @apply w-full; } -.search-icon { - @apply text-color-2 - absolute - flex; - inset-inline-start: 0; - transition: - inset-inline-start var(--calcite-animation-timing), - inset-inline-end var(--calcite-animation-timing), - opacity var(--calcite-animation-timing); -} - -input[type="text"]:focus { - @apply border-color-brand outline-none; - padding-inline: theme("padding.1"); - & ~ .search-icon { - inset-inline-start: calc(theme("spacing.4") * -1); - @apply opacity-0; - } -} - -.clear-button { - @apply text-color-2 - flex - cursor-pointer - items-center - border-0 - bg-transparent; - &:hover, - &:focus { - @apply text-color-1; - } -} - @include base-component(); diff --git a/packages/calcite-components/src/components/filter/resources.ts b/packages/calcite-components/src/components/filter/resources.ts index cf06f61b465..1a3754dde38 100644 --- a/packages/calcite-components/src/components/filter/resources.ts +++ b/packages/calcite-components/src/components/filter/resources.ts @@ -1,6 +1,5 @@ export const CSS = { container: "container", - searchIcon: "search-icon", }; export const ICONS = {