feat(phone-number): add prefix input & selected label

ovh · Sep 25, 2023 · 3cecc62 · 3cecc62
1 parent 9da57dd
commit 3cecc62
Show file tree

Hide file tree

Showing 8 changed files with 36 additions and 313 deletions.
diff --git a/...ages-new/components/phone-number/src/components/osds-phone-number/core/controller.spec.ts b/...ages-new/components/phone-number/src/components/osds-phone-number/core/controller.spec.ts
diff --git a/packages-new/components/phone-number/src/components/osds-phone-number/core/controller.ts b/packages-new/components/phone-number/src/components/osds-phone-number/core/controller.ts
diff --git a/...orybook/stories/components/phone-number/phone-number.specifications.stories.mdx b/...orybook/stories/components/phone-number/phone-number.specifications.stories.mdx
diff --git a/...ook/stories/components/phone-number/phone-number.web-component.stories.page.mdx b/...ook/stories/components/phone-number/phone-number.web-component.stories.page.mdx
diff --git a/...ages-new/storybook/stories/components/phone-number/phone-number.web-components.stories.ts b/...ages-new/storybook/stories/components/phone-number/phone-number.web-components.stories.ts
diff --git a/packages/components/input/src/components/osds-input/osds-input.tsx b/packages/components/input/src/components/osds-input/osds-input.tsx
@@ -289,7 +289,7 @@ export class OsdsInput implements OdsInputAttribute, OdsInputEvent, OdsInputMeth
   }
 
   private hasPlaceholder(): boolean {
-    return !!this.placeholder && !this.inputEl?.value;
+    return !!this.placeholder && !this.value;
   }
 
   render() {

diff --git a/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss b/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss
@@ -11,6 +11,10 @@
     --ods-size-select-border-radius-bottom-right: 0;
     --ods-size-select-border-radius-top-right: 0;
     --ods-size-select-border-right-width: 0;
+    &-label{
+      width: 24px;
+      height: 18px;
+    }
 
     &__option {
       display: flex;