@dialpad/dialtone 8.13.3 → 8.13.5

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/button.less +2 -2
  2. package/lib/build/less/components/input.less +11 -0
  3. package/lib/dist/css/dialtone.css +9 -2
  4. package/lib/dist/css/dialtone.min.css +1 -1
  5. package/package.json +1 -1
package/lib/build/less/components/button.less CHANGED
@@ -566,11 +566,11 @@
566
566
  display: flex;
567
567
 
568
568
  &--start {
569
- justify-content: start;
569
+ justify-content: flex-start;
570
570
  }
571
571
 
572
572
  &--end {
573
- justify-content: end;
573
+ justify-content: flex-end;
574
574
  }
575
575
 
576
576
  &--space-between {
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/dist/css/dialtone.css CHANGED
@@ -1154,10 +1154,10 @@ template {
1154
1154
  display: flex;
1155
1155
  }
1156
1156
  .d-btn-group--start {
1157
- justify-content: start;
1157
+ justify-content: flex-start;
1158
1158
  }
1159
1159
  .d-btn-group--end {
1160
- justify-content: end;
1160
+ justify-content: flex-end;
1161
1161
  }
1162
1162
  .d-btn-group--space-between {
1163
1163
  justify-content: space-between;
@@ -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));