@dataloop-ai/components 0.16.51 → 0.16.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.16.51",
+  "version": "0.16.53",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/basic/DlChip/DlChip.vue

@@ -209,8 +209,7 @@ export default defineComponent({
     border-radius: 2px;
     padding: var(--dl-chip-padding);
     outline: 0;
-    min-width: 18px; // +2px from borders
-    max-height: 18px; // +2px from borders
+    min-width: 18px;
     min-height: 12px;
     max-width: var(--dl-chip-max-width);
     color: var(--dl-chip-text-color);

package/src/components/compound/DlDropdownButton/DlDropdownButton.vue

@@ -3,13 +3,13 @@
         v-if="split"
         :id="uuid"
         :class="identifierClass"
-        class="dl-btn-dropdown dl-btn-dropdown--split no-wrap dl-btn-item"
+        class="dl-button-dropdown dl-button-dropdown--split no-wrap dl-button-item"
         :outlined="outlined"
         :flat="flat"
         :stretch="stretch"
     >
         <dl-button
-            class="dl-btn-dropdown--current"
+            class="dl-button-dropdown--current"
             :style="mainBtnStyle"
             :label="label"
             :outlined="outlined"
@@ -34,7 +34,7 @@
             @click="onClickHide"
         />
         <dl-button
-            class="dl-btn-dropdown__arrow-container"
+            class="dl-button-dropdown__arrow-container"
             :style="btnCSSStyles"
             :disabled="disabled === true || disableDropdown === true"
             :outlined="outlined"
@@ -54,7 +54,7 @@
             :tooltip="tooltip"
         >
             <div
-                class="dl-btn-dropdown--separator"
+                class="dl-button-dropdown--separator"
                 :style="`
                     background-color: ${
                     disabled
@@ -104,7 +104,7 @@
     </button-group>
     <dl-button
         v-else
-        class="dl-btn-dropdown dl-btn-dropdown--simple"
+        class="dl-button-dropdown dl-button-dropdown--simple"
         v-bind="$props"
         label=""
         :aria-expanded="showing"
@@ -121,7 +121,7 @@
         :max-width="maxWidth"
         @click="onClick"
     >
-        <div class="dl-btn-dropdown--simple__title">
+        <div class="dl-button-dropdown--simple__title">
             <span
                 :class="{
                     'dl-button-no-wrap': noWrap
@@ -292,19 +292,19 @@ export default defineComponent({
 
         const iconClass = computed(() => {
             return (
-                'dl-btn-dropdown__arrow' +
+                'dl-button-dropdown__arrow' +
                 (showing.value === true && props.noIconAnimation === false
                     ? ' rotate-180'
                     : '') +
                 (props.split === false
-                    ? ' dl-btn-dropdown__arrow-container'
+                    ? ' dl-button-dropdown__arrow-container'
                     : '')
             )
         })
 
         const btnCSSStyles = computed(() => {
             return {
-                '--dl-btn-border-left': props.outlined
+                '--dl-button-border-left': props.outlined
                     ? 'none'
                     : 'var(--dl-color-white)'
             }
@@ -423,9 +423,9 @@ export default defineComponent({
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.dl-btn-dropdown {
-    padding-right: var(--dl-btn-padding-right) !important;
-    &--split .dl-btn-dropdown__arrow-container {
+.dl-button-dropdown {
+    padding-right: var(--dl-button-padding-right) !important;
+    &--split .dl-button-dropdown__arrow-container {
         // padding: 0 4px;
         ::v-deep .dl-button {
             border-top-left-radius: 0 !important;
@@ -513,8 +513,8 @@ export default defineComponent({
 }
 </style>
 <style lang="scss">
-.dl-btn-dropdown {
-    .dl-btn-content {
+.dl-button-dropdown {
+    .dl-button-content {
         line-height: unset;
     }
 }