@dataloop-ai/components 0.17.62 → 0.17.63

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 (8) hide show
  1. package/package.json +1 -1
  2. package/src/assets/globals.scss +4 -0
  3. package/src/components/basic/DlPopup/components/PopupHeader.vue +3 -2
  4. package/src/components/compound/DlSlider/DlSlider.vue +1 -1
  5. package/src/components/compound/DlSlider/components/DlSliderBase.vue +1 -1
  6. package/src/components/compound/DlSlider/components/DlSliderInput.vue +1 -1
  7. package/src/components/compound/DlSlider/sliderStyles.scss +3 -0
  8. package/src/components/essential/DlTypography/DlTypography.vue +7 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.17.62",
3
+ "version": "0.17.63",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/assets/globals.scss CHANGED
@@ -142,6 +142,8 @@ body {
142
142
  --dl-font-size-h2: 20px;
143
143
  --dl-font-size-h3: 16px;
144
144
  --dl-font-size-h4: 14px;
145
+ --dl-font-size-h5: 12px;
146
+ --dl-font-size-h6: 10px;
145
147
  --dl-font-size-body: 12px;
146
148
  --dl-font-size-small: 10px;
147
149
 
@@ -173,6 +175,7 @@ body {
173
175
  --dl-color-fill-third: #FBFBFB;
174
176
  --dl-color-link: #20ABFA;
175
177
  --dl-color-cell-background: #FFFAE2;
178
+ --dl-color-disabled-slider: #E4E4E4;
176
179
  --q-color-positive: #38D079;
177
180
  --q-color-warning: #E1B75B;
178
181
 
@@ -226,6 +229,7 @@ body {
226
229
  --dl-color-fill-third: #9E9E9E1A;
227
230
  --dl-color-link: #53B2E8;
228
231
  --dl-color-cell-background: #FFFAE2;
232
+ --dl-color-disabled-slider: #64686D;
229
233
  --q-color-positive: #A1E5B6;
230
234
  --q-color-warning: #F8D29A;
231
235
 
package/src/components/basic/DlPopup/components/PopupHeader.vue CHANGED
@@ -38,7 +38,7 @@
38
38
  v-else
39
39
  color="dl-color-darker"
40
40
  icon="icon-dl-close"
41
- size="8px"
41
+ size="12px"
42
42
  />
43
43
  </span>
44
44
  <span class="subtitle">{{ subtitle }}</span>
@@ -91,7 +91,7 @@ export default defineComponent({
91
91
  <style scoped lang="scss">
92
92
  .popup-header {
93
93
  max-width: 100%;
94
- padding: 0 10px 20px 16px;
94
+ padding: 16px 10px 20px 16px;
95
95
  }
96
96
 
97
97
  .header-content {
@@ -111,6 +111,7 @@ export default defineComponent({
111
111
  display: flex;
112
112
  justify-content: center;
113
113
  align-items: center;
114
+ margin-top: 4px;
114
115
  cursor: pointer;
115
116
  transition: color 200ms;
116
117
  &:hover {
package/src/components/compound/DlSlider/DlSlider.vue CHANGED
@@ -57,7 +57,7 @@
57
57
  <div class="right-container capitalize">
58
58
  <dl-button
59
59
  flat
60
- size="m"
60
+ size="12px"
61
61
  label="Reset"
62
62
  :disabled="disabled || readonly"
63
63
  data-test="non-editable-slider-button"
package/src/components/compound/DlSlider/components/DlSliderBase.vue CHANGED
@@ -146,7 +146,7 @@ export default defineComponent({
146
146
  color:
147
147
  this.disabled !== true
148
148
  ? getColor(this.color, 'dl-color-secondary')
149
- : 'var(--dl-color-separator)'
149
+ : 'var(--dl-color-disabled-slider)'
150
150
  }
151
151
  },
152
152
  thumbStyle(): Record<string, any> {
package/src/components/compound/DlSlider/components/DlSliderInput.vue CHANGED
@@ -82,7 +82,7 @@ export default defineComponent({
82
82
  <style scoped>
83
83
  input[type='number'] {
84
84
  width: 31px;
85
- height: 12px;
85
+ height: 20px;
86
86
  padding-top: 3px;
87
87
  padding-left: 5px;
88
88
  padding-bottom: 3px;
package/src/components/compound/DlSlider/sliderStyles.scss CHANGED
@@ -103,6 +103,9 @@
103
103
  display: flex;
104
104
  align-items: center;
105
105
  justify-content: space-between;
106
+ & > * {
107
+ margin: 0px 5px
108
+ }
106
109
  }
107
110
  }
108
111
  }
package/src/components/essential/DlTypography/DlTypography.vue CHANGED
@@ -16,7 +16,7 @@ import { transformOptions } from '../../shared/types'
16
16
 
17
17
  type Variant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p'
18
18
 
19
- const sizes = ['h1', 'h2', 'h3', 'h4', 'body', 'small']
19
+ const sizes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'body', 'small']
20
20
 
21
21
  export default defineComponent({
22
22
  name: 'DlTypography',
@@ -108,6 +108,12 @@ export default defineComponent({
108
108
  &--h4 {
109
109
  font-size: var(--dl-font-size-h4);
110
110
  }
111
+ &--h5 {
112
+ font-size: var(--dl-font-size-h5);
113
+ }
114
+ &--h6 {
115
+ font-size: var(--dl-font-size-h6);
116
+ }
111
117
  &--body {
112
118
  font-size: var(--dl-font-size-body);
113
119
  }