@dataloop-ai/components 0.20.250 → 0.20.251

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/package.json +1 -1
  2. package/src/components/basic/DlButton/DlButton.vue +1 -1
  3. package/src/components/basic/DlButton/utils.ts +4 -4
  4. package/src/components/compound/DlInput/DlInput.vue +10 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.20.250",
3
+ "version": "0.20.251",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/basic/DlButton/DlButton.vue CHANGED
@@ -565,7 +565,7 @@ export default defineComponent({
565
565
  padding: var(--dl-button-padding);
566
566
  margin: var(--dl-button-margin);
567
567
  border-radius: var(--dl-button-border-radius);
568
- font-family: 'Roboto', sans-serif;
568
+ font-family: var(--dl-typography-font-family-body);
569
569
  font-size: var(--dl-button-font-size);
570
570
  cursor: var(--dl-button-cursor);
571
571
  color: var(--dl-button-text-color);
package/src/components/basic/DlButton/utils.ts CHANGED
@@ -39,10 +39,10 @@ const maxHeights: { [key: string]: string } = {
39
39
  }
40
40
 
41
41
  const fontSizes: { [key: string]: string } = {
42
- s: '12px',
43
- m: '14px',
44
- l: '16px',
45
- xl: '18px'
42
+ s: 'var(--dl-typography-body-body3-font-size)',
43
+ m: 'var(--dl-typography-body-body2-font-size)',
44
+ l: 'var(--dl-typography-body-body1-font-size)',
45
+ xl: 'var(--dl-typography-header-h6-font-size)'
46
46
  }
47
47
 
48
48
  export interface DlButtonProps {
package/src/components/compound/DlInput/DlInput.vue CHANGED
@@ -159,7 +159,11 @@
159
159
  v-for="(item, suggestIndex) in suggestItems"
160
160
  :key="item.suggestion"
161
161
  clickable
162
- style="font-size: 12px"
162
+ style="
163
+ font-size: var(
164
+ --dl-typography-body-body3-font-size
165
+ );
166
+ "
163
167
  :highlighted="
164
168
  suggestIndex === highlightedIndex
165
169
  "
@@ -1408,7 +1412,7 @@ export default defineComponent({
1408
1412
 
1409
1413
  &__title {
1410
1414
  color: var(--dl-color-medium);
1411
- font-size: var(--dl-font-size-body);
1415
+ font-size: var(--dl-typography-body-body3-font-size);
1412
1416
  text-align: left;
1413
1417
  margin-right: 5px;
1414
1418
  white-space: nowrap;
@@ -1416,7 +1420,7 @@ export default defineComponent({
1416
1420
 
1417
1421
  &__asterisk {
1418
1422
  color: var(--dl-color-medium);
1419
- font-size: var(--dl-font-size-body);
1423
+ font-size: var(--dl-typography-body-body3-font-size);
1420
1424
  user-select: none;
1421
1425
 
1422
1426
  &--red {
@@ -1488,11 +1492,11 @@ export default defineComponent({
1488
1492
 
1489
1493
  &__input {
1490
1494
  display: inline-block;
1491
- font-family: Arial, Helvetica, sans-serif;
1495
+ font-family: var(--dl-typography-font-family-body);
1492
1496
  border-right: none;
1493
1497
  border-radius: 0px;
1494
1498
  white-space: var(--dl-input-white-space);
1495
- font-size: var(--dl-font-size-body);
1499
+ font-size: var(--dl-typography-body-body3-font-size);
1496
1500
  overflow: hidden scroll;
1497
1501
  text-overflow: ellipsis;
1498
1502
  box-sizing: content-box;
@@ -1613,7 +1617,7 @@ export default defineComponent({
1613
1617
 
1614
1618
  &__counter {
1615
1619
  margin-left: 10px;
1616
- font-size: var(--dl-font-size-body);
1620
+ font-size: var(--dl-typography-body-body3-font-size);
1617
1621
  color: var(--dl-color-darker);
1618
1622
  }
1619
1623