diff --git a/packages/design-system/lib/components/Input/input.module.css b/packages/design-system/lib/components/Input/input.module.css index ccb67c3b6..9c31f3afa 100644 --- a/packages/design-system/lib/components/Input/input.module.css +++ b/packages/design-system/lib/components/Input/input.module.css @@ -1,6 +1,3 @@ -@value globals: "../../styles/globals.css"; -@value inputContainerHeight, inputExpandedHeight from globals; - .container { align-content: center; background-color: var(--Surface-Primary-Default); @@ -8,7 +5,7 @@ border-radius: var(--Corner-radius-md); display: grid; min-width: 0; /* allow shrinkage */ - height: inputContainerHeight; + height: 56px; padding: 0 var(--Space-x15); box-sizing: border-box; cursor: text; @@ -48,7 +45,7 @@ &:focus, &:placeholder-shown, &[value]:not([value='']) { - height: inputExpandedHeight; + height: 24px; outline: none; } @@ -61,7 +58,7 @@ @media (hover: hover) { .input:active:not(:disabled) { - height: inputExpandedHeight; + height: 24px; outline: none; } } diff --git a/packages/design-system/lib/components/Select/select.module.css b/packages/design-system/lib/components/Select/select.module.css index 865c01e9a..cdeabd176 100644 --- a/packages/design-system/lib/components/Select/select.module.css +++ b/packages/design-system/lib/components/Select/select.module.css @@ -1,12 +1,9 @@ -@value globals: "../../styles/globals.css"; -@value inputContainerHeight, inputExpandedHeight from globals; - .select { position: relative; background-color: var(--Surface-UI-Fill-Default); border: 1px solid var(--Border-Interactive-Default); border-radius: var(--Corner-radius-md); - height: inputContainerHeight; + height: 56px; box-sizing: border-box; &[data-required] .label::after { @@ -18,7 +15,7 @@ } .selectedText { - min-height: inputExpandedHeight; + min-height: 24px; } } &[data-focused] { @@ -30,7 +27,7 @@ outline: none; } .input { - min-height: inputExpandedHeight; + min-height: 24px; } .label { color: var(--Text-Interactive-Focus); @@ -98,7 +95,7 @@ width: 100%; &[value]:not([value='']) { - min-height: inputExpandedHeight; + min-height: 24px; } } @@ -109,7 +106,7 @@ } .selectedText:not(:empty) { - min-height: inputExpandedHeight; + min-height: 24px; } .displayText { diff --git a/packages/design-system/lib/style.css b/packages/design-system/lib/style.css index 7eec9f6cb..0991f7b29 100644 --- a/packages/design-system/lib/style.css +++ b/packages/design-system/lib/style.css @@ -1,4 +1,3 @@ -@import url(./styles/globals.css); @import url(./styles/impl.css); @import url(./styles/base.css); @import url(./styles/downtown-camper.css); diff --git a/packages/design-system/lib/styles/globals.css b/packages/design-system/lib/styles/globals.css deleted file mode 100644 index 94c9903ab..000000000 --- a/packages/design-system/lib/styles/globals.css +++ /dev/null @@ -1,2 +0,0 @@ -@value inputContainerHeight: 56px; -@value inputExpandedHeight: 24px;