@npm_leadtech/legal-lib-components 7.13.1 → 7.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/css/styles.css +15 -30
  2. package/dist/src/components/molecules/TextInput/TextInput.scss +15 -31
  3. package/dist/src/components/molecules/TextInput/stories/TextInput.stories.tsx +2 -13
  4. package/package.json +2 -2
package/dist/css/styles.css CHANGED
@@ -2070,9 +2070,6 @@ h2.react-datepicker__current-month {
2070
2070
  color: var(--neutral-neutral-1);
2071
2071
  font-weight: bold;
2072
2072
  }
2073
- .e-text .e-text__inner {
2074
- grid-row: 1;
2075
- }
2076
2073
  .e-text .form-group__label-icon {
2077
2074
  color: var(--neutral-neutral-1);
2078
2075
  font-weight: bold;
@@ -2157,8 +2154,6 @@ h2.react-datepicker__current-month {
2157
2154
  }
2158
2155
  .e-text--has-prefix {
2159
2156
  width: 100%;
2160
- display: grid;
2161
- grid-template-columns: 1fr;
2162
2157
  }
2163
2158
  @media (min-width: 575px) {
2164
2159
  .e-text--has-prefix {
@@ -2167,21 +2162,12 @@ h2.react-datepicker__current-month {
2167
2162
  }
2168
2163
  .e-text--has-prefix .has-currency-prefix {
2169
2164
  padding-left: 2rem;
2170
- grid-column: 1;
2171
- grid-row: 2;
2172
- align-self: center;
2173
2165
  }
2174
2166
  .e-text--has-prefix .has-currency-suffix {
2175
2167
  padding-right: 2rem;
2176
- grid-column: 1;
2177
- grid-row: 2;
2178
- align-self: center;
2179
2168
  }
2180
2169
  .e-text--has-prefix .has-percent-suffix {
2181
2170
  padding-left: 0.75rem;
2182
- grid-column: 1;
2183
- grid-row: 2;
2184
- align-self: center;
2185
2171
  }
2186
2172
  .e-text .input-icon {
2187
2173
  position: absolute;
@@ -2198,26 +2184,25 @@ h2.react-datepicker__current-month {
2198
2184
  border: none;
2199
2185
  }
2200
2186
  .e-text .input-icon-currency-suffix {
2201
- grid-column: 1;
2202
- grid-row: 2;
2203
- align-self: center;
2204
- margin-left: calc(100% - 30px);
2205
- width: fit-content;
2187
+ position: absolute;
2188
+ right: 10px;
2189
+ bottom: 10px;
2190
+ background: none;
2191
+ border: none;
2206
2192
  }
2207
2193
  .e-text .input-icon-currency-prefix {
2208
- grid-column: 1;
2209
- grid-row: 2;
2210
- align-self: center;
2211
- z-index: 1;
2212
- padding-left: 0.87rem;
2213
- width: fit-content;
2194
+ position: absolute;
2195
+ left: 10px;
2196
+ bottom: 10px;
2197
+ background: none;
2198
+ border: none;
2214
2199
  }
2215
2200
  .e-text .input-icon-percent-suffix {
2216
- grid-column: 1;
2217
- grid-row: 2;
2218
- align-self: center;
2219
- margin-left: calc(100% - 30px);
2220
- width: fit-content;
2201
+ position: absolute;
2202
+ right: 10px;
2203
+ bottom: 10px;
2204
+ background: none;
2205
+ border: none;
2221
2206
  }
2222
2207
  .e-text .formgroup--input__button {
2223
2208
  align-self: flex-start;
package/dist/src/components/molecules/TextInput/TextInput.scss CHANGED
@@ -55,10 +55,6 @@
55
55
  font-weight: bold;
56
56
  }
57
57
 
58
- .e-text__inner {
59
- grid-row: 1;
60
- }
61
-
62
58
  .form-group__label-icon {
63
59
  color: var(--neutral-neutral-1);
64
60
  font-weight: bold;
@@ -154,8 +150,6 @@
154
150
 
155
151
  &--has-prefix {
156
152
  width: 100%;
157
- display: grid;
158
- grid-template-columns: 1fr;
159
153
 
160
154
  @include portrait-tablets {
161
155
  width: 50%;
@@ -163,23 +157,14 @@
163
157
 
164
158
  .has-currency-prefix {
165
159
  padding-left: 2rem;
166
- grid-column: 1;
167
- grid-row: 2;
168
- align-self: center;
169
160
  }
170
161
 
171
162
  .has-currency-suffix {
172
163
  padding-right: 2rem;
173
- grid-column: 1;
174
- grid-row: 2;
175
- align-self: center;
176
164
  }
177
165
 
178
166
  .has-percent-suffix {
179
167
  padding-left: 0.75rem;
180
- grid-column: 1;
181
- grid-row: 2;
182
- align-self: center;
183
168
  }
184
169
  }
185
170
 
@@ -200,28 +185,27 @@
200
185
  }
201
186
 
202
187
  .input-icon-currency-suffix {
203
- grid-column: 1;
204
- grid-row: 2;
205
- align-self: center;
206
- margin-left: calc(100% - 30px);
207
- width: fit-content;
188
+ position: absolute;
189
+ right: 10px;
190
+ bottom: 10px;
191
+ background: none;
192
+ border: none;
208
193
  }
209
194
 
210
195
  .input-icon-currency-prefix {
211
- grid-column: 1;
212
- grid-row: 2;
213
- align-self: center;
214
- z-index: 1;
215
- padding-left: 0.87rem;
216
- width: fit-content;
196
+ position: absolute;
197
+ left: 10px;
198
+ bottom: 10px;
199
+ background: none;
200
+ border: none;
217
201
  }
218
202
 
219
203
  .input-icon-percent-suffix {
220
- grid-column: 1;
221
- grid-row: 2;
222
- align-self: center;
223
- margin-left: calc(100% - 30px);
224
- width: fit-content;
204
+ position: absolute;
205
+ right: 10px;
206
+ bottom: 10px;
207
+ background: none;
208
+ border: none;
225
209
  }
226
210
 
227
211
  .formgroup--input__button {
package/dist/src/components/molecules/TextInput/stories/TextInput.stories.tsx CHANGED
@@ -124,7 +124,7 @@ export const MaskInput: Story = {
124
124
  }
125
125
  }
126
126
 
127
- export const WithSufixEuro: Story = {
127
+ export const WithPrefixEuro: Story = {
128
128
  args: {
129
129
  name: 'prefix',
130
130
  label: 'Price:',
@@ -146,7 +146,7 @@ export const WithPrefixNoEuro: Story = {
146
146
  }
147
147
  }
148
148
 
149
- export const WithSufixPercent: Story = {
149
+ export const WithPrefixPercent: Story = {
150
150
  args: {
151
151
  name: 'prefix',
152
152
  label: 'Price:',
@@ -156,14 +156,3 @@ export const WithSufixPercent: Story = {
156
156
  country: 'US'
157
157
  }
158
158
  }
159
-
160
- export const WithPrefixPercent: Story = {
161
- args: {
162
- name: 'prefix',
163
- label: 'Price:',
164
- value: '20.30',
165
- type: 'text',
166
- prefix: 'currency',
167
- country: 'CA'
168
- }
169
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.13.1",
3
+ "version": "7.14.0",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -157,7 +157,7 @@
157
157
  "./JumbotronStatic": "./dist/src/components/atoms/JumbotronStatic/index.js",
158
158
  "./Logo": "./dist/src/components/atoms/Logo/index.js",
159
159
  "./LogoText": "./dist/src/components/atoms/LogoText/index.js",
160
- "./MenuItems": "./dist/src/components/atoms/MenuItems/index.js",
160
+ "./MenuItemsDeprecated": "./dist/src/components/atoms/MenuItemsDeprecated/index.js",
161
161
  "./Message": "./dist/src/components/atoms/Message/index.js",
162
162
  "./MessageInformation": "./dist/src/components/atoms/MessageInformation/index.js",
163
163
  "./MoreDocsItem": "./dist/src/components/atoms/MoreDocsItem/index.js",