@dataloop-ai/components 0.20.214 → 0.20.215

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/essential/DlIcon/DlIcon.vue +2 -22
  3. package/src/components/essential/DlTypography/DlTypography.vue +10 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.20.214",
3
+ "version": "0.20.215",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/essential/DlIcon/DlIcon.vue CHANGED
@@ -90,25 +90,12 @@ export default defineComponent({
90
90
  tooltip: {
91
91
  type: String,
92
92
  default: null
93
- },
94
- activeColor: {
95
- type: String,
96
- default: null
97
93
  }
98
94
  },
99
95
  emits: ['click', 'mousemove', 'mouseup', 'mousedown'],
100
96
  setup(props) {
101
- const {
102
- styles,
103
- color,
104
- size,
105
- icon,
106
- svg,
107
- inline,
108
- svgSource,
109
- tooltip,
110
- activeColor
111
- } = toRefs(props)
97
+ const { styles, color, size, icon, svg, inline, svgSource, tooltip } =
98
+ toRefs(props)
112
99
 
113
100
  const svgIcon = ref(null)
114
101
  const isDestroyed = ref(false)
@@ -142,9 +129,6 @@ export default defineComponent({
142
129
  : color.value,
143
130
  'dell-gray-800'
144
131
  )
145
- : 'inherit',
146
- '--dl-icon-color-active': activeColor.value
147
- ? getColor(activeColor.value, 'dell-gray-800')
148
132
  : 'inherit'
149
133
  }
150
134
  })
@@ -266,9 +250,5 @@ export default defineComponent({
266
250
  display: inline-flex;
267
251
  color: var(--dl-icon-color);
268
252
  font-size: var(--dl-icon-font-size);
269
-
270
- &:active {
271
- color: var(--dl-icon-color-active);
272
- }
273
253
  }
274
254
  </style>
package/src/components/essential/DlTypography/DlTypography.vue CHANGED
@@ -34,10 +34,6 @@ export default defineComponent({
34
34
  },
35
35
  bold: Boolean,
36
36
  color: {
37
- type: String,
38
- default: 'dell-gray-800'
39
- },
40
- activeColor: {
41
37
  type: String,
42
38
  default: null
43
39
  }
@@ -50,12 +46,13 @@ export default defineComponent({
50
46
  computed: {
51
47
  styles(): Record<string, string | number> {
52
48
  const styles: Record<string, string | number> = {
53
- color: getColor(this.color as string, 'dl-color-darker'),
54
- textTransform: this.letterClass ? null : this.transform,
55
- fontWeight: this.bold ? 500 : 400,
56
- '--dl-typography-color-active': this.activeColor
57
- ? getColor(this.activeColor as string, 'dell-gray-800')
58
- : 'inherit'
49
+ '--dl-typography-color': this.color
50
+ ? getColor(this.color as string, 'dell-gray-800')
51
+ : 'inherit',
52
+ '--dl-typography-text-transform': this.letterClass
53
+ ? null
54
+ : this.transform,
55
+ '--dl-typography-font-weight': this.bold ? 500 : 400
59
56
  }
60
57
 
61
58
  if (this.size && !sizes.includes(this.size)) {
@@ -98,6 +95,9 @@ export default defineComponent({
98
95
  .dl-typography {
99
96
  margin: 0;
100
97
  padding: 0;
98
+ color: var(--dl-typography-color);
99
+ text-transform: var(--dl-typography-text-transform);
100
+ font-weight: var(--dl-typography-font-weight);
101
101
 
102
102
  // important needed below for sizing of h tags.. quasar conflict
103
103
  // to deal with quasar conflicts.