@telia/teddy 0.7.41 → 0.7.43

package/dist/style.css

@@ -1931,18 +1931,18 @@
 ._teddy-field-error-text__indicator_1735t_12 {
   color: var(--teddy-color-text-status-error-medium);
   line-height: var(--teddy-typography-line-height-tight);
-}._teddy-select_a7ezt_1 {
+}._teddy-select_d7s5u_1 {
   box-sizing: border-box;
   display: block;
   width: 200px;
 }
-._teddy-select_a7ezt_1 label {
+._teddy-select_d7s5u_1 label {
   display: flex;
   margin-bottom: 5px;
   padding: 0;
   font-size: 13px;
 }
-._teddy-select__trigger_a7ezt_12 {
+._teddy-select__trigger_d7s5u_12 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -1950,95 +1950,139 @@
   padding: 1px 10px;
   font-size: 13px;
   line-height: 1;
-  height: 35px;
+  height: 44px;
   width: calc(100% - 25px);
   gap: 5px;
   background-color: white;
-  border: 1px solid #757579;
-  color: #353537;
+  border: 1px solid var(--teddy-color-transparent-black-300);
+  color: var(--teddy-color-transparent-black-800);
+}
+._teddy-select__trigger_d7s5u_12[data-placeholder] {
+  color: var(--teddy-color-transparent-black-400);
+}
+._teddy-select__trigger_d7s5u_12[data-state=open] ._teddy-select__icon_d7s5u_30 {
+  transform: rotate(180deg);
 }
-._teddy-select__trigger_a7ezt_12:hover {
+._teddy-select__trigger_d7s5u_12:hover {
   border: 2px solid #6d02a3;
   padding: 0 9px;
 }
-._teddy-select__trigger_a7ezt_12:focus, ._teddy-select__trigger_a7ezt_12:focus:hover {
+._teddy-select__trigger_d7s5u_12:focus, ._teddy-select__trigger_d7s5u_12:focus:hover {
   outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
   outline-offset: calc(var(--teddy-spacing-10) * 2);
   border-width: var(--teddy-border-width-xs);
   border-color: var(--teddy-color-border-interactive-subtle-hover);
   padding: 1px 10px;
 }
-._teddy-select__trigger--error_a7ezt_38 {
+._teddy-select__trigger--error_d7s5u_44 {
   border: 1px solid #e4175c;
   padding: 1px 10px;
 }
-._teddy-select__trigger--disabled_a7ezt_42, ._teddy-select__trigger--disabled_a7ezt_42:hover {
+._teddy-select__trigger--disabled_d7s5u_48, ._teddy-select__trigger--disabled_d7s5u_48:hover {
   color: #aaaab0;
   background-color: #e5e5eb;
   border: 1px solid #aaaab0;
   padding: 0 10px;
 }
-._teddy-select__trigger--readonly_a7ezt_48, ._teddy-select__trigger--readonly_a7ezt_48:hover {
+._teddy-select__trigger--readonly_d7s5u_54, ._teddy-select__trigger--readonly_d7s5u_54:hover {
   border: 1px solid #aaaab0;
   background-color: #f3f3f8;
   padding: 0 10px;
 }
-._teddy-select__icon_a7ezt_53 {
-  color: #8d8d94;
+._teddy-select__icon_d7s5u_30 {
+  color: var(--teddy-color-transparent-black-600);
 }
-._teddy-select__content_a7ezt_56 {
+._teddy-select__content_d7s5u_62 {
+  z-index: 10;
   overflow: hidden;
   background-color: white;
-  border-radius: 6px;
-  box-shadow: 0 10px 20px -15px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
-  border: 1px solid black;
+  border-radius: 4px;
+  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
+  border: 1px solid var(--teddy-color-transparent-black-150);
   min-width: var(--radix-select-trigger-width);
   max-height: var(--radix-select-content-available-height);
+  margin-top: 4px;
 }
-._teddy-select__viewport_a7ezt_65 {
-  padding: 5px;
-  overflow: scroll;
-}
-._teddy-select__item_a7ezt_69 {
+._teddy-select__item_d7s5u_73 {
   font-size: 13px;
   line-height: 1;
   border-radius: 3px;
   display: flex;
   align-items: center;
   height: 35px;
-  padding: 0 35px 0 25px;
+  padding: 0 12px 0 7px;
   position: relative;
   user-select: none;
   cursor: pointer;
+  color: var(--teddy-color-transparent-black-800);
 }
-._teddy-select__item_a7ezt_69:disabled {
+._teddy-select__item_d7s5u_73:disabled {
   color: #e5e5eb;
   pointer-events: none;
 }
-._teddy-select__item_a7ezt_69:hover {
+._teddy-select__item_d7s5u_73:hover {
   background-color: #e5e5eb;
   outline: none;
 }
-._teddy-select__item-indicator_a7ezt_89 {
+._teddy-select__item-indicator_d7s5u_94 {
   position: absolute;
-  left: 0;
+  right: 0;
   width: 25px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._teddy-select__separator_a7ezt_97 {
+._teddy-select__item-indicator_d7s5u_94 ._teddy-select__icon_d7s5u_30 {
+  color: rgba(0, 0, 0, 0.8);
+}
+._teddy-select__separator_d7s5u_105 {
   height: 1px;
   background-color: #e5e5eb;
   margin: 5px;
 }
-._teddy-select__label_a7ezt_102 {
+._teddy-select__label_d7s5u_110 {
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   font-weight: var(--teddy-typography-weight-medium);
   padding: 0 25px;
+}
+._teddy-select__scroll-area-root_d7s5u_118 {
+  width: 100%;
+  height: 100%;
+}
+._teddy-select__scroll-area-viewport_d7s5u_122 {
+  width: 100%;
+  height: 100%;
+  max-height: var(--radix-select-content-available-height);
+  padding: 5px;
+}
+._teddy-select__scroll-area-viewport_d7s5u_122:has(~ [data-state=visible]) {
+  padding-right: 17px;
+}
+._teddy-select__scroll-area-scrollbar_d7s5u_131 {
+  display: flex;
+  padding: 3px;
+  background: var(--teddy-color-transparent-black-50);
+  width: 12px;
+}
+._teddy-select__scroll-area-thumb_d7s5u_137 {
+  border-radius: var(--teddy-border-radius-full);
+  background: var(--teddy-color-transparent-black-100);
+  flex: 1;
+  position: relative;
+}
+._teddy-select__scroll-area-thumb_d7s5u_137::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 100%;
+  height: 100%;
+  min-width: 44px;
+  min-height: 44px;
 }._teddy-avatar_e3370_1 {
   display: flex;
   align-items: center;

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=10"
   },
   "private": false,
-  "version": "0.7.41",
+  "version": "0.7.43",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"