@knime/kds-components 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @knime/kds-components
 
+## 1.1.2
+
+### Patch Changes
+
+- 95a5069: KDS-908: Remove ellipsis on all input fields
+- ccb4d18: KDS-911: `KdsLink`: added `size` prop (`"small"` | `"medium"`, default `"medium"`) to render the link with `kds.font.base.subtext.small` typography.
+  - @knime/kds-styles@1.1.2
+
 ## 1.1.1
 
 ### Patch Changes

package/dist/index.css

@@ -861,7 +861,7 @@ html.kds-legacy {
 }
 
 .kds-link {
-&[data-v-6f9a0cf6] {
+&[data-v-3d5dda8c] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -874,57 +874,60 @@ html.kds-legacy {
   text-decoration-line: underline;
   border-radius: var(--kds-border-radius-container-0-12x);
 }
-&[data-v-6f9a0cf6]:is(a) {
+&.size-small[data-v-3d5dda8c] {
+    font: var(--kds-font-base-subtext-small);
+}
+&[data-v-3d5dda8c]:is(a) {
     cursor: pointer;
 }
-&[data-v-6f9a0cf6]:focus-visible {
+&[data-v-3d5dda8c]:focus-visible {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-container-none);
 }
-& .label[data-v-6f9a0cf6],
-  & .file-size[data-v-6f9a0cf6] {
+& .label[data-v-3d5dda8c],
+  & .file-size[data-v-3d5dda8c] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 &.variant-internal {
-&[data-v-6f9a0cf6] {
+&[data-v-3d5dda8c] {
     color: var(--kds-color-text-and-icon-neutral);
 }
 &:not(.disabled) {
-&[data-v-6f9a0cf6]:visited {
+&[data-v-3d5dda8c]:visited {
         color: var(--kds-color-text-and-icon-info);
 }
-&[data-v-6f9a0cf6]:hover {
+&[data-v-3d5dda8c]:hover {
         background-color: var(--kds-color-background-neutral-hover);
 }
-&[data-v-6f9a0cf6]:active {
+&[data-v-3d5dda8c]:active {
         background-color: var(--kds-color-background-neutral-active);
 }
 }
 }
-&.variant-external[data-v-6f9a0cf6] {
+&.variant-external[data-v-3d5dda8c] {
     gap: var(--kds-spacing-container-0-12x);
 }
 &:is(.variant-external, .variant-document) {
-&[data-v-6f9a0cf6] {
+&[data-v-3d5dda8c] {
     color: var(--kds-color-text-and-icon-selected);
 }
 &:not(.disabled) {
-&[data-v-6f9a0cf6]:visited {
+&[data-v-3d5dda8c]:visited {
         color: var(--kds-color-text-and-icon-info);
 }
-&[data-v-6f9a0cf6]:hover {
+&[data-v-3d5dda8c]:hover {
         color: var(--kds-color-text-and-icon-primary-inverted);
         background-color: var(--kds-color-background-primary-bold-hover);
 }
-&[data-v-6f9a0cf6]:active {
+&[data-v-3d5dda8c]:active {
         color: var(--kds-color-text-and-icon-selected-inverted);
         background-color: var(--kds-color-background-primary-bold-active);
 }
 }
 }
-&.disabled[data-v-6f9a0cf6] {
+&.disabled[data-v-3d5dda8c] {
     color: var(--kds-color-text-and-icon-disabled);
     pointer-events: none;
     cursor: default;
@@ -1486,7 +1489,7 @@ html.kds-legacy {
 }
 
 .container {
-&[data-v-2e12b7e4] {
+&[data-v-a45e012a] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -1498,55 +1501,52 @@ html.kds-legacy {
   border: var(--kds-border-action-input);
   border-radius: var(--kds-border-radius-container-0-37x);
 }
-&[data-v-2e12b7e4]:has(input:focus:not(:disabled)) {
+&[data-v-a45e012a]:has(input:focus:not(:disabled)) {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
 }
-&[data-v-2e12b7e4]:has(.input-field:hover:not(:disabled, :focus)) {
+&[data-v-a45e012a]:has(.input-field:hover:not(:disabled, :focus)) {
     background: var(--kds-color-background-input-hover);
 }
-&.error[data-v-2e12b7e4] {
+&.error[data-v-a45e012a] {
     border: var(--kds-border-action-error);
 }
-&.disabled[data-v-2e12b7e4] {
+&.disabled[data-v-a45e012a] {
     cursor: default;
     border: var(--kds-border-action-disabled);
     border-color: var(--kds-color-border-disabled);
 }
 }
 .icon-wrapper {
-&[data-v-2e12b7e4] {
+&[data-v-a45e012a] {
   display: flex;
   flex-shrink: 0;
   align-items: center;
   color: var(--kds-color-text-and-icon-subtle);
 }
-&.leading[data-v-2e12b7e4] {
+&.leading[data-v-a45e012a] {
     padding-left: var(--kds-spacing-container-0-12x);
 }
-&.trailing[data-v-2e12b7e4] {
+&.trailing[data-v-a45e012a] {
     padding-right: var(--kds-spacing-container-0-12x);
 }
-.container.disabled &[data-v-2e12b7e4] {
+.container.disabled &[data-v-a45e012a] {
     color: var(--kds-color-text-and-icon-disabled);
     cursor: default;
 }
-.container:focus-within &[data-v-2e12b7e4],
-  .container:has(.input-field.has-value) &[data-v-2e12b7e4] {
+.container:focus-within &[data-v-a45e012a],
+  .container:has(.input-field.has-value) &[data-v-a45e012a] {
     color: var(--kds-color-text-and-icon-neutral);
 }
 }
 .input-field {
-&[data-v-2e12b7e4] {
+&[data-v-a45e012a] {
   flex: 1 0 0;
   min-width: 0;
   height: var(--kds-dimension-component-height-1-75x);
   padding: var(--kds-spacing-container-0-25x);
-  overflow: hidden;
-  text-overflow: ellipsis;
   font: var(--kds-font-base-body-small);
   color: var(--kds-color-text-and-icon-neutral);
-  white-space: nowrap;
   outline: none;
   background: transparent;
   border: none;
@@ -1556,36 +1556,36 @@ html.kds-legacy {
   /* hide native search cancel button on Safari/WebKit, we provide our own clearable button */
 }
 &[type="number"] {
-&[data-v-2e12b7e4] {
+&[data-v-a45e012a] {
     appearance: textfield;
 }
-&[data-v-2e12b7e4]::-webkit-outer-spin-button,
-    &[data-v-2e12b7e4]::-webkit-inner-spin-button {
+&[data-v-a45e012a]::-webkit-outer-spin-button,
+    &[data-v-a45e012a]::-webkit-inner-spin-button {
       margin: 0;
       appearance: none;
 }
 }
-&[type="search"][data-v-2e12b7e4]::-webkit-search-cancel-button {
+&[type="search"][data-v-a45e012a]::-webkit-search-cancel-button {
     appearance: none;
 }
-&[data-v-2e12b7e4]::placeholder {
+&[data-v-a45e012a]::placeholder {
     color: var(--kds-color-text-and-icon-subtle);
 }
-&.empty-mask[data-v-2e12b7e4] {
+&.empty-mask[data-v-a45e012a] {
     color: var(--kds-color-text-and-icon-subtle);
 }
 &:disabled {
-&[data-v-2e12b7e4] {
+&[data-v-a45e012a] {
     color: var(--kds-color-text-and-icon-disabled);
     cursor: default;
 }
-&[data-v-2e12b7e4]::placeholder {
+&[data-v-a45e012a]::placeholder {
       color: var(--kds-color-text-and-icon-disabled);
 }
 }
 }
 .unit {
-&[data-v-2e12b7e4] {
+&[data-v-a45e012a] {
   flex-shrink: 0;
   min-width: 0;
   margin: 0 var(--kds-spacing-container-0-12x);
@@ -1595,26 +1595,26 @@ html.kds-legacy {
   color: var(--kds-color-text-and-icon-neutral);
   white-space: nowrap;
 }
-&.placeholder[data-v-2e12b7e4] {
+&.placeholder[data-v-a45e012a] {
     color: var(--kds-color-text-and-icon-subtle);
 }
-&.disabled[data-v-2e12b7e4] {
+&.disabled[data-v-a45e012a] {
     color: var(--kds-color-text-and-icon-disabled);
 }
-.container:focus-within &[data-v-2e12b7e4] {
+.container:focus-within &[data-v-a45e012a] {
     color: var(--kds-color-text-and-icon-neutral);
 }
 }
-.clear-button[data-v-2e12b7e4] {
+.clear-button[data-v-a45e012a] {
   margin-left: var(--kds-spacing-container-0-12x);
 }
-.leading-slot[data-v-2e12b7e4] {
+.leading-slot[data-v-a45e012a] {
   display: flex;
   flex-shrink: 0;
   gap: var(--kds-spacing-container-0-12x);
   align-items: center;
 }
-.trailing-slot[data-v-2e12b7e4] {
+.trailing-slot[data-v-a45e012a] {
   display: flex;
   flex-shrink: 0;
   gap: var(--kds-spacing-container-0-12x);