@dialpad/dialtone 8.13.2 → 8.13.4

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 (5) hide show
  1. package/lib/build/less/components/input.less +11 -0
  2. package/lib/build/less/components/item-layout.less +1 -0
  3. package/lib/dist/css/dialtone.css +8 -0
  4. package/lib/dist/css/dialtone.min.css +1 -1
  5. package/package.json +1 -1
package/lib/build/less/components/input.less CHANGED
@@ -127,6 +127,11 @@
127
127
  margin-left: var(--dt-space-400);
128
128
  }
129
129
 
130
+ .d-textarea + .d-input-icon.d-input-icon--right {
131
+ position: absolute;
132
+ right: var(--dt-space-450);
133
+ }
134
+
130
135
  .d-input,
131
136
  .d-textarea {
132
137
  flex: 1;
@@ -147,6 +152,12 @@
147
152
  padding-left: var(--dt-space-350);
148
153
  }
149
154
  }
155
+
156
+ .d-textarea {
157
+ &.d-input-icon--right {
158
+ padding-right: var(--dt-space-625);
159
+ }
160
+ }
150
161
  }
151
162
 
152
163
  // $$ SIZES
package/lib/build/less/components/item-layout.less CHANGED
@@ -22,6 +22,7 @@
22
22
 
23
23
  &--content {
24
24
  flex-grow: 1;
25
+ min-width: var(--dt-size-0);
25
26
  }
26
27
 
27
28
  &--subtitle {
package/lib/dist/css/dialtone.css CHANGED
@@ -2000,6 +2000,10 @@ legend .d-label {
2000
2000
  .d-input__wrapper .d-input-icon.d-input-icon--left {
2001
2001
  margin-left: var(--dt-space-400);
2002
2002
  }
2003
+ .d-input__wrapper .d-textarea + .d-input-icon.d-input-icon--right {
2004
+ position: absolute;
2005
+ right: var(--dt-space-450);
2006
+ }
2003
2007
  .d-input__wrapper .d-input,
2004
2008
  .d-input__wrapper .d-textarea {
2005
2009
  flex: 1;
@@ -2020,6 +2024,9 @@ legend .d-label {
2020
2024
  .d-input__wrapper .d-textarea.d-input-icon--left {
2021
2025
  padding-left: var(--dt-space-350);
2022
2026
  }
2027
+ .d-input__wrapper .d-textarea.d-input-icon--right {
2028
+ padding-right: var(--dt-space-625);
2029
+ }
2023
2030
  .d-input.d-input--xs {
2024
2031
  --input-padding-y: calc(calc(var(--dt-space-400) - var(--dt-space-100)) - var(--input-border-width));
2025
2032
  --input-padding-x: calc(var(--dt-space-400) - var(--input-border-width));
@@ -3989,6 +3996,7 @@ legend .d-label {
3989
3996
  }
3990
3997
  .dt-item-layout--content {
3991
3998
  flex-grow: 1;
3999
+ min-width: var(--dt-size-0);
3992
4000
  }
3993
4001
  .dt-item-layout--subtitle {
3994
4002
  color: var(--dt-color-foreground-tertiary);