diff --git a/package-lock.json b/package-lock.json index d371e8de..de6925c8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@eleven-labs/design-system", - "version": "0.33.0", + "version": "0.34.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@eleven-labs/design-system", - "version": "0.33.0", + "version": "0.34.0", "license": "MIT", "dependencies": { "autosuggest-highlight": "^3.3.4", diff --git a/package.json b/package.json index 5dbe22e0..6c4b8837 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@eleven-labs/design-system", "description": "Design System for Eleven Labs", - "version": "0.33.0", + "version": "0.34.0", "repository": { "type": "git", "url": "https://github.com/eleven-labs/design-system.git" diff --git a/src/components/Molecules/Cards/PostCard/PostCard.scss b/src/components/Molecules/Cards/PostCard/PostCard.scss index ea0a5451..1734854a 100644 --- a/src/components/Molecules/Cards/PostCard/PostCard.scss +++ b/src/components/Molecules/Cards/PostCard/PostCard.scss @@ -82,8 +82,6 @@ } &--side-image { - --max-height-post-card: var(--cover-size-square-mobile-post-card); - flex-direction: row-reverse; @include create-media-queries('md') { diff --git a/src/components/Molecules/SearchField/SearchField.scss b/src/components/Molecules/SearchField/SearchField.scss index 6ce70d75..3210a87f 100644 --- a/src/components/Molecules/SearchField/SearchField.scss +++ b/src/components/Molecules/SearchField/SearchField.scss @@ -8,7 +8,7 @@ &__input { width: 100%; - padding: #{map-get-strict($token-variables, 'spacing', 'xs')} calc(#{map-get-strict($token-variables, 'spacing', 'xl')} + #{map-get-strict($token-variables, 'spacing', 'm')}) #{map-get-strict($token-variables, 'spacing', 'xs')} #{map-get-strict($token-variables, 'spacing', 'xs')}; + padding: #{map-get-strict($token-variables, 'spacing', 'xs')} calc(#{map-get-strict($token-variables, 'spacing', 'xxl')} + #{map-get-strict($token-variables, 'spacing', 'xl')}) #{map-get-strict($token-variables, 'spacing', 'xs')} #{map-get-strict($token-variables, 'spacing', 'xs')}; font-family: #{map-get-strict($token-variables, 'font-family', 'base')}; font-size: var(--font-size-input, #{map-get-strict($token-variables, 'typography', 'text', 'xs', 'font-size')}); line-height: #{map-get-strict($token-variables, 'line-height', 'large')}; @@ -32,12 +32,6 @@ } } - &--has-value { - #{$this}__input { - padding-right: calc(#{map-get-strict($token-variables, 'spacing', 'xxl')} + #{map-get-strict($token-variables, 'spacing', 'xl')}); - } - } - &__actions-container { position: absolute; top: 0; diff --git a/src/components/Molecules/SearchField/SearchField.tsx b/src/components/Molecules/SearchField/SearchField.tsx index b532f757..6a817fdb 100644 --- a/src/components/Molecules/SearchField/SearchField.tsx +++ b/src/components/Molecules/SearchField/SearchField.tsx @@ -17,11 +17,7 @@ export interface SearchFieldProps extends BoxProps { export const SearchField = polyRef<'div', SearchFieldProps>( ({ input, buttonClose = {}, buttonSearch, className, ...props }, ref) => ( - + {Boolean(input.value) && (