@dataloop-ai/components 0.20.256 → 0.20.257

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.256",
3
+ "version": "0.20.257",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -77,15 +77,20 @@ export default defineComponent({
77
77
  }
78
78
 
79
79
  .title {
80
- font-size: var(--dl-font-size-h2);
80
+ font-family: var(--dl-typography-header-h5-font-family);
81
+ font-size: var(--dl-typography-header-h5-font-size);
82
+ line-height: var(--dl-typography-header-h5-line-height);
83
+ font-weight: var(--dl-typography-header-h5-font-weight);
81
84
  margin: 0;
82
- color: var(--dl-color-darker);
83
- line-height: 2rem !important;
85
+ color: var(--dell-gray-800);
84
86
  }
85
87
 
86
88
  .subtitle {
87
- font-size: var(--dl-font-size-body);
88
- color: var(--dl-color-medium);
89
+ font-family: var(--dl-typography-body-body3-font-family);
90
+ font-size: var(--dl-typography-body-body3-font-size);
91
+ line-height: var(--dl-typography-body-body3-line-height);
92
+ font-weight: var(--dl-typography-body-body3-font-weight);
93
+ color: var(--dell-gray-600);
89
94
  margin: 0;
90
95
  }
91
96
 
@@ -1497,7 +1497,7 @@ export default defineComponent({
1497
1497
  height: 18px;
1498
1498
  }
1499
1499
  &--m {
1500
- height: 26px;
1500
+ height: 32px;
1501
1501
  }
1502
1502
  }
1503
1503
 
@@ -1556,12 +1556,12 @@ export default defineComponent({
1556
1556
  &--m {
1557
1557
  height: 12px;
1558
1558
  line-height: 12px;
1559
- padding-top: 7px;
1560
- padding-bottom: 7px;
1559
+ padding-top: 10px;
1560
+ padding-bottom: 10px;
1561
1561
  }
1562
1562
  &--medium {
1563
- padding-top: 7px;
1564
- padding-bottom: 7px;
1563
+ padding-top: 10px;
1564
+ padding-bottom: 10px;
1565
1565
  }
1566
1566
 
1567
1567
  &--s {
@@ -815,12 +815,12 @@ export default defineComponent({
815
815
  }
816
816
 
817
817
  &--m {
818
- padding-top: 7px;
819
- padding-bottom: 7px;
818
+ padding-top: 9px;
819
+ padding-bottom: 9px;
820
820
  }
821
821
  &--medium {
822
- padding-top: 7px;
823
- padding-bottom: 7px;
822
+ padding-top: 9px;
823
+ padding-bottom: 9px;
824
824
  }
825
825
 
826
826
  &--s {
@@ -890,11 +890,11 @@ export default defineComponent({
890
890
  }
891
891
 
892
892
  &--m {
893
- height: 28px;
893
+ height: 32px;
894
894
  }
895
895
 
896
896
  &--medium {
897
- height: 28px;
897
+ height: 32px;
898
898
  }
899
899
 
900
900
  &--s {
@@ -1387,12 +1387,12 @@ export default defineComponent({
1387
1387
  }
1388
1388
 
1389
1389
  &--m {
1390
- padding-top: 7px;
1391
- padding-bottom: 7px;
1390
+ padding-top: 9px;
1391
+ padding-bottom: 9px;
1392
1392
  }
1393
1393
  &--medium {
1394
- padding-top: 7px;
1395
- padding-bottom: 7px;
1394
+ padding-top: 9px;
1395
+ padding-bottom: 9px;
1396
1396
  }
1397
1397
 
1398
1398
  &--s {
@@ -1520,11 +1520,11 @@ export default defineComponent({
1520
1520
  }
1521
1521
 
1522
1522
  &--m {
1523
- height: 28px;
1523
+ height: 32px;
1524
1524
  }
1525
1525
 
1526
1526
  &--medium {
1527
- height: 28px;
1527
+ height: 32px;
1528
1528
  }
1529
1529
 
1530
1530
  &--s {
@@ -1554,10 +1554,6 @@ export default defineComponent({
1554
1554
  border: 0;
1555
1555
  outline: none;
1556
1556
  background: none;
1557
- color: var(--dl-color-darker);
1558
- font-family: 'Roboto', sans-serif;
1559
- font-size: 12px;
1560
- height: 14px;
1561
1557
 
1562
1558
  &.hidden {
1563
1559
  position: absolute;
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="dl-stepper-header">
3
3
  <slot>
4
- <dl-typography size="h2" variant="h2">
4
+ <dl-typography size="header5" variant="h2" color="dell-gray-800">
5
5
  {{ headerTitle }}
6
6
  </dl-typography>
7
7
  </slot>