@dialpad/dialtone-css 8.37.0 → 8.37.2

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/lib/build/less/components/input.less +9 -39
  2. package/lib/dist/dialtone.css +9 -37
  3. package/lib/dist/dialtone.min.css +1 -1
  4. package/package.json +1 -1
package/lib/build/less/components/input.less CHANGED
@@ -114,33 +114,6 @@
114
114
  }
115
115
  }
116
116
 
117
- .d-input__label-text {
118
- display: flex;
119
- flex: 1 0%;
120
- align-items: baseline;
121
- justify-content: space-between;
122
- box-sizing: border-box;
123
- margin-bottom: var(--dt-space-300);
124
- color: var(--dt-color-foreground-secondary);
125
- font-weight: var(--dt-font-weight-semi-bold);
126
- font-size: var(--dt-font-size-200);
127
- font-family: inherit;
128
- line-height: var(--dt-font-line-height-300);
129
- word-break: break-word;
130
- overflow-wrap: break-word;
131
- }
132
-
133
- .d-input__description {
134
- display: flex;
135
- flex-direction: column;
136
- box-sizing: border-box;
137
- color: var(--dt-color-foreground-tertiary);
138
- font-size: var(--dt-font-size-100);
139
- font-family: inherit;
140
- line-height: var(--dt-font-line-height-400);
141
- fill: currentColor;
142
- }
143
-
144
117
  .d-input__length-description {
145
118
  margin-bottom: var(--dt-space-200);
146
119
  }
@@ -270,18 +243,15 @@
270
243
 
271
244
  // $$ VALIDATION STATES
272
245
  // ----------------------------------------------------------------------------
273
- .d-input--warning,
274
- .d-textarea--warning {
246
+ .d-input--warning {
275
247
  --input-color-border: var(--dt-inputs-color-border-warning) !important;
276
248
  }
277
249
 
278
- .d-input--error,
279
- .d-textarea--error {
250
+ .d-input--error {
280
251
  --input-color-border: var(--dt-inputs-color-border-critical) !important;
281
252
  }
282
253
 
283
- .d-input--success,
284
- .d-textarea--success {
254
+ .d-input--success {
285
255
  --input-color-border: var(--dt-inputs-color-border-success) !important;
286
256
  }
287
257
 
@@ -290,17 +260,17 @@
290
260
  // ----------------------------------------------------------------------------
291
261
  .d-input-icon {
292
262
  display: none;
293
- align-items: center;
294
263
 
295
- &:has( > svg) {
264
+ &:not(:empty) {
296
265
  display: inline-flex;
266
+ align-items: center;
297
267
  }
298
268
 
299
- &--right:has( > svg) {
269
+ &--right:not(:empty) {
300
270
  margin-right: var(--dt-space-400);
301
271
  }
302
-
303
- &--left:has(> svg) {
272
+
273
+ &--left:not(:empty) {
304
274
  margin-left: var(--dt-space-400);
305
275
  }
306
- }
276
+ }
package/lib/dist/dialtone.css CHANGED
@@ -2215,31 +2215,6 @@ legend .d-label {
2215
2215
  .d-input__wrapper::-ms-expand {
2216
2216
  display: none;
2217
2217
  }
2218
- .d-input__label-text {
2219
- display: flex;
2220
- flex: 1 0%;
2221
- align-items: baseline;
2222
- justify-content: space-between;
2223
- box-sizing: border-box;
2224
- margin-bottom: var(--dt-space-300);
2225
- color: var(--dt-color-foreground-secondary);
2226
- font-weight: var(--dt-font-weight-semi-bold);
2227
- font-size: var(--dt-font-size-200);
2228
- font-family: inherit;
2229
- line-height: var(--dt-font-line-height-300);
2230
- word-break: break-word;
2231
- overflow-wrap: break-word;
2232
- }
2233
- .d-input__description {
2234
- display: flex;
2235
- flex-direction: column;
2236
- box-sizing: border-box;
2237
- color: var(--dt-color-foreground-tertiary);
2238
- font-size: var(--dt-font-size-100);
2239
- font-family: inherit;
2240
- line-height: var(--dt-font-line-height-400);
2241
- fill: currentColor;
2242
- }
2243
2218
  .d-input__length-description {
2244
2219
  margin-bottom: var(--dt-space-200);
2245
2220
  }
@@ -2415,29 +2390,26 @@ legend .d-label {
2415
2390
  width: var(--dt-size-550);
2416
2391
  height: var(--dt-size-550);
2417
2392
  }
2418
- .d-input--warning,
2419
- .d-textarea--warning {
2393
+ .d-input--warning {
2420
2394
  --input-color-border: var(--dt-inputs-color-border-warning) !important;
2421
2395
  }
2422
- .d-input--error,
2423
- .d-textarea--error {
2396
+ .d-input--error {
2424
2397
  --input-color-border: var(--dt-inputs-color-border-critical) !important;
2425
2398
  }
2426
- .d-input--success,
2427
- .d-textarea--success {
2399
+ .d-input--success {
2428
2400
  --input-color-border: var(--dt-inputs-color-border-success) !important;
2429
2401
  }
2430
2402
  .d-input-icon {
2431
2403
  display: none;
2432
- align-items: center;
2433
2404
  }
2434
- .d-input-icon:has( > svg) {
2405
+ .d-input-icon:not(:empty) {
2435
2406
  display: inline-flex;
2407
+ align-items: center;
2436
2408
  }
2437
- .d-input-icon--right:has( > svg) {
2409
+ .d-input-icon--right:not(:empty) {
2438
2410
  margin-right: var(--dt-space-400);
2439
2411
  }
2440
- .d-input-icon--left:has(> svg) {
2412
+ .d-input-icon--left:not(:empty) {
2441
2413
  margin-left: var(--dt-space-400);
2442
2414
  }
2443
2415
  .d-keyboard-shortcut {
@@ -7607,7 +7579,7 @@ body {
7607
7579
  }
7608
7580
  /**
7609
7581
  * Do not edit directly
7610
- * Generated on Thu, 04 Jul 2024 22:07:54 GMT
7582
+ * Generated on Tue, 09 Jul 2024 10:08:49 GMT
7611
7583
  */
7612
7584
 
7613
7585
  .dialtone-theme-light {
@@ -8428,7 +8400,7 @@ body {
8428
8400
 
8429
8401
  /**
8430
8402
  * Do not edit directly
8431
- * Generated on Thu, 04 Jul 2024 22:07:54 GMT
8403
+ * Generated on Tue, 09 Jul 2024 10:08:49 GMT
8432
8404
  */
8433
8405
 
8434
8406
  .dialtone-theme-dark {