@dataloop-ai/components 0.20.262 → 0.20.264

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.20.262",
3
+ "version": "0.20.264",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -205,6 +205,7 @@ export default defineComponent({
205
205
  * Overwrite default border color on hover
206
206
  */
207
207
  hoverBorderColor: { type: String, default: null },
208
+ pressedTextColor: { type: String, default: null },
208
209
  /**
209
210
  * Overwrite default text color on hover
210
211
  */
@@ -286,7 +287,10 @@ export default defineComponent({
286
287
  return setTextOnPressed({
287
288
  disabled: this.disabled,
288
289
  flat: this.flat,
289
- textColor: this.iconColor || this.textColor
290
+ textColor:
291
+ this.pressedTextColor ||
292
+ this.iconColor ||
293
+ this.textColor
290
294
  })
291
295
  }
292
296
 
@@ -454,7 +458,7 @@ export default defineComponent({
454
458
  disabled: this.disabled,
455
459
  flat: this.flat,
456
460
  color: this.color,
457
- textColor: this.textColor
461
+ textColor: this.pressedTextColor ?? this.textColor
458
462
  }),
459
463
  '--dl-button-bg-pressed':
460
464
  this.pressedBgColor ??
@@ -1731,7 +1731,7 @@ export default defineComponent({
1731
1731
  }
1732
1732
 
1733
1733
  &:focus {
1734
- text-overflow: clip;
1734
+ text-overflow: ellipsis;
1735
1735
  }
1736
1736
 
1737
1737
  &:read-only {
@@ -295,7 +295,7 @@ export default defineComponent({
295
295
 
296
296
  &--page_button {
297
297
  text-align: center;
298
- width: 20px;
298
+ min-width: 20px;
299
299
  height: 20px;
300
300
  font-family: var(--dl-typography-body-body2-font-family);
301
301
  font-size: var(--dl-typography-body-body2-font-size);
@@ -116,6 +116,7 @@ export default defineComponent({
116
116
  line-height: var(--dl-typography-body-body2-line-height);
117
117
  font-weight: var(--dl-typography-body-body2-font-weight);
118
118
  max-width: 30px; // 40px - 10px (paddings)
119
+ width: 30px;
119
120
  -moz-appearance: textfield;
120
121
  &::-webkit-outer-spin-button,
121
122
  &::-webkit-inner-spin-button {