@rh-support/components 2.1.78 → 2.1.79

package/lib/esm/PhoneInput/PhoneInput.scss

@@ -1,736 +1,6 @@
-.flag {
-    width: 25px;
-    height: 20px;
-    background-image: url('./flags.png');
-    background-repeat: no-repeat;
-}
-
-.ad {
-    background-position: -48px -24px;
-}
-.ae {
-    background-position: -72px -24px;
-}
-.af {
-    background-position: -96px -24px;
-}
-.ag {
-    background-position: -120px -24px;
-}
-.ai {
-    background-position: -144px -24px;
-}
-.al {
-    background-position: -168px -24px;
-}
-.am {
-    background-position: -192px -24px;
-}
-.an {
-    background-position: -216px -24px;
-}
-.ao {
-    background-position: -240px -24px;
-}
-.aq {
-    background-position: -264px -24px;
-}
-.ar {
-    background-position: -288px -24px;
-}
-.as {
-    background-position: -312px -24px;
-}
-.at {
-    background-position: -336px -24px;
-}
-.au {
-    background-position: -360px -24px;
-}
-.aw {
-    background-position: -384px -24px;
-}
-.ax {
-    background-position: -0px -48px;
-}
-.az {
-    background-position: -24px -48px;
-}
-.ba {
-    background-position: -48px -48px;
-}
-.bb {
-    background-position: -72px -48px;
-}
-.bd {
-    background-position: -96px -48px;
-}
-.be {
-    background-position: -120px -48px;
-}
-.bf {
-    background-position: -144px -48px;
-}
-.bg {
-    background-position: -168px -48px;
-}
-.bh {
-    background-position: -192px -48px;
-}
-.bi {
-    background-position: -216px -48px;
-}
-.bj {
-    background-position: -240px -48px;
-}
-.bl {
-    background-position: -264px -48px;
-}
-.bm {
-    background-position: -288px -48px;
-}
-.bn {
-    background-position: -312px -48px;
-}
-.bo {
-    background-position: -336px -48px;
-}
-.br {
-    background-position: -360px -48px;
-}
-.bs {
-    background-position: -384px -48px;
-}
-.bt {
-    background-position: -0px -72px;
-}
-.bw {
-    background-position: -24px -72px;
-}
-.by {
-    background-position: -48px -72px;
-}
-.bz {
-    background-position: -72px -72px;
-}
-.ca {
-    background-position: -96px -72px;
-}
-.cc {
-    background-position: -120px -72px;
-}
-.cd {
-    background-position: -144px -72px;
-}
-.cf {
-    background-position: -168px -72px;
-}
-.cg {
-    background-position: -192px -72px;
-}
-.ch {
-    background-position: -216px -72px;
-}
-.ci {
-    background-position: -240px -72px;
-}
-.ck {
-    background-position: -264px -72px;
-}
-.cl {
-    background-position: -288px -72px;
-}
-.cm {
-    background-position: -312px -72px;
-}
-.cn {
-    background-position: -336px -72px;
-}
-.co {
-    background-position: -360px -72px;
-}
-.cr {
-    background-position: -384px -72px;
-}
-.cu {
-    background-position: -0px -96px;
-}
-.cv {
-    background-position: -24px -96px;
-}
-.cw {
-    background-position: -48px -96px;
-}
-.cx {
-    background-position: -72px -96px;
-}
-.cy {
-    background-position: -96px -96px;
-}
-.cz {
-    background-position: -120px -96px;
-}
-.de {
-    background-position: -144px -96px;
-}
-.dj {
-    background-position: -168px -96px;
-}
-.dk {
-    background-position: -192px -96px;
-}
-.dm {
-    background-position: -216px -96px;
-}
-.do {
-    background-position: -240px -96px;
-}
-.dz {
-    background-position: -264px -96px;
-}
-.ec {
-    background-position: -288px -96px;
-}
-.ee {
-    background-position: -312px -96px;
-}
-.eg {
-    background-position: -336px -96px;
-}
-.eh {
-    background-position: -360px -96px;
-}
-.er {
-    background-position: -384px -96px;
-}
-.es {
-    background-position: -0px -120px;
-}
-.et {
-    background-position: -24px -120px;
-}
-.eu {
-    background-position: -48px -120px;
-}
-.fi {
-    background-position: -72px -120px;
-}
-.fj {
-    background-position: -96px -120px;
-}
-.fk {
-    background-position: -120px -120px;
-}
-.fm {
-    background-position: -144px -120px;
-}
-.fo {
-    background-position: -168px -120px;
-}
-.fr {
-    background-position: -192px -120px;
-}
-.ga {
-    background-position: -216px -120px;
-}
-.gb {
-    background-position: -240px -120px;
-}
-.gd {
-    background-position: -264px -120px;
-}
-.ge {
-    background-position: -288px -120px;
-}
-.gg {
-    background-position: -312px -120px;
-}
-.gh {
-    background-position: -336px -120px;
-}
-.gi {
-    background-position: -360px -120px;
-}
-.gl {
-    background-position: -384px -120px;
-}
-.gm {
-    background-position: -0px -144px;
-}
-.gn {
-    background-position: -24px -144px;
-}
-.gq {
-    background-position: -48px -144px;
-}
-.gr {
-    background-position: -72px -144px;
-}
-.gs {
-    background-position: -96px -144px;
-}
-.gt {
-    background-position: -120px -144px;
-}
-.gu {
-    background-position: -144px -144px;
-}
-.gw {
-    background-position: -168px -144px;
-}
-.gy {
-    background-position: -192px -144px;
-}
-.hk {
-    background-position: -216px -144px;
-}
-.hn {
-    background-position: -240px -144px;
-}
-.hr {
-    background-position: -264px -144px;
-}
-.ht {
-    background-position: -288px -144px;
-}
-.hu {
-    background-position: -312px -144px;
-}
-.ic {
-    background-position: -336px -144px;
-}
-.id {
-    background-position: -360px -144px;
-}
-.ie {
-    background-position: -384px -144px;
-}
-.il {
-    background-position: -0px -168px;
-}
-.im {
-    background-position: -24px -168px;
-}
-.in {
-    background-position: -48px -168px;
-}
-.iq {
-    background-position: -72px -168px;
-}
-.ir {
-    background-position: -96px -168px;
-}
-.is {
-    background-position: -120px -168px;
-}
-.it {
-    background-position: -144px -168px;
-}
-.je {
-    background-position: -168px -168px;
-}
-.jm {
-    background-position: -192px -168px;
-}
-.jo {
-    background-position: -216px -168px;
-}
-.jp {
-    background-position: -240px -168px;
-}
-.ke {
-    background-position: -264px -168px;
-}
-.kg {
-    background-position: -288px -168px;
-}
-.kh {
-    background-position: -312px -168px;
-}
-.ki {
-    background-position: -336px -168px;
-}
-.xk {
-    background-position: -144px 0px;
-}
-.km {
-    background-position: -360px -168px;
-}
-.kn {
-    background-position: -384px -168px;
-}
-.kp {
-    background-position: -0px -192px;
-}
-.kr {
-    background-position: -24px -192px;
-}
-.kw {
-    background-position: -48px -192px;
-}
-.ky {
-    background-position: -72px -192px;
-}
-.kz {
-    background-position: -96px -192px;
-}
-.la {
-    background-position: -120px -192px;
-}
-.lb {
-    background-position: -144px -192px;
-}
-.lc {
-    background-position: -168px -192px;
-}
-.li {
-    background-position: -192px -192px;
-}
-.lk {
-    background-position: -216px -192px;
-}
-.lr {
-    background-position: -240px -192px;
-}
-.ls {
-    background-position: -264px -192px;
-}
-.lt {
-    background-position: -288px -192px;
-}
-.lu {
-    background-position: -312px -192px;
-}
-.lv {
-    background-position: -336px -192px;
-}
-.ly {
-    background-position: -360px -192px;
-}
-.ma {
-    background-position: -384px -192px;
-}
-.mc {
-    background-position: -0px -216px;
-}
-.md {
-    background-position: -24px -216px;
-}
-.me {
-    background-position: -48px -216px;
-}
-.mf {
-    background-position: -72px -216px;
-}
-.mg {
-    background-position: -96px -216px;
-}
-.mh {
-    background-position: -120px -216px;
-}
-.mk {
-    background-position: -144px -216px;
-}
-.ml {
-    background-position: -168px -216px;
-}
-.mm {
-    background-position: -192px -216px;
-}
-.mn {
-    background-position: -216px -216px;
-}
-.mo {
-    background-position: -240px -216px;
-}
-.mp {
-    background-position: -264px -216px;
-}
-.mq {
-    background-position: -288px -216px;
-}
-.mr {
-    background-position: -312px -216px;
-}
-.ms {
-    background-position: -336px -216px;
-}
-.mt {
-    background-position: -360px -216px;
-}
-.mu {
-    background-position: -384px -216px;
-}
-.mv {
-    background-position: -0px -240px;
-}
-.mw {
-    background-position: -24px -240px;
-}
-.mx {
-    background-position: -48px -240px;
-}
-.my {
-    background-position: -72px -240px;
-}
-.mz {
-    background-position: -96px -240px;
-}
-.na {
-    background-position: -120px -240px;
-}
-.nc {
-    background-position: -144px -240px;
-}
-.ne {
-    background-position: -168px -240px;
-}
-.nf {
-    background-position: -192px -240px;
-}
-.ng {
-    background-position: -216px -240px;
-}
-.ni {
-    background-position: -240px -240px;
-}
-.nl {
-    background-position: -264px -240px;
-}
-.no {
-    background-position: -288px -240px;
-}
-.np {
-    background-position: -312px -240px;
-}
-.nr {
-    background-position: -336px -240px;
-}
-.nu {
-    background-position: -360px -240px;
-}
-.nz {
-    background-position: -384px -240px;
-}
-.om {
-    background-position: -0px -264px;
-}
-.pa {
-    background-position: -24px -264px;
-}
-.pe {
-    background-position: -48px -264px;
-}
-.pf {
-    background-position: -72px -264px;
-}
-.pg {
-    background-position: -96px -264px;
-}
-.ph {
-    background-position: -120px -264px;
-}
-.pk {
-    background-position: -192px -264px;
-}
-.pl {
-    background-position: -216px -264px;
-}
-.pn {
-    background-position: -240px -264px;
-}
-.pr {
-    background-position: -264px -264px;
-}
-.ps {
-    background-position: -288px -264px;
-}
-.pt {
-    background-position: -312px -264px;
-}
-.pw {
-    background-position: -336px -264px;
-}
-.py {
-    background-position: -360px -264px;
-}
-.qa {
-    background-position: -384px -264px;
-}
-.ro {
-    background-position: -0px -288px;
-}
-.rs {
-    background-position: -24px -288px;
-}
-.ru {
-    background-position: -48px -288px;
-}
-.rw {
-    background-position: -72px -288px;
-}
-.sa {
-    background-position: -96px -288px;
-}
-.sb {
-    background-position: -120px -288px;
-}
-.sc {
-    background-position: -144px -288px;
-}
-.sd {
-    background-position: -168px -288px;
-}
-.se {
-    background-position: -192px -288px;
-}
-.sg {
-    background-position: -216px -288px;
-}
-.sh {
-    background-position: -240px -288px;
-}
-.si {
-    background-position: -264px -288px;
-}
-.sk {
-    background-position: -288px -288px;
-}
-.sl {
-    background-position: -312px -288px;
-}
-.sm {
-    background-position: -336px -288px;
-}
-.sn {
-    background-position: -360px -288px;
-}
-.so {
-    background-position: -384px -288px;
-}
-.sr {
-    background-position: -0px -312px;
-}
-.ss {
-    background-position: -24px -312px;
-}
-.st {
-    background-position: -48px -312px;
-}
-.sv {
-    background-position: -72px -312px;
-}
-.sy {
-    background-position: -96px -312px;
-}
-.sz {
-    background-position: -120px -312px;
-}
-.tc {
-    background-position: -144px -312px;
-}
-.td {
-    background-position: -168px -312px;
-}
-.tf {
-    background-position: -192px -312px;
-}
-.tg {
-    background-position: -216px -312px;
-}
-.th {
-    background-position: -240px -312px;
-}
-.tj {
-    background-position: -264px -312px;
-}
-.tk {
-    background-position: -288px -312px;
-}
-.tl {
-    background-position: -312px -312px;
-}
-.tm {
-    background-position: -336px -312px;
-}
-.tn {
-    background-position: -360px -312px;
-}
-.to {
-    background-position: -384px -312px;
-}
-.tr {
-    background-position: -0px -336px;
-}
-.tt {
-    background-position: -24px -336px;
-}
-.tv {
-    background-position: -48px -336px;
-}
-.tw {
-    background-position: -72px -336px;
-}
-.tz {
-    background-position: -96px -336px;
-}
-.ua {
-    background-position: -120px -336px;
-}
-.ug {
-    background-position: -144px -336px;
-}
-.us {
-    background-position: -168px -336px;
-}
-.uy {
-    background-position: -192px -336px;
-}
-.uz {
-    background-position: -216px -336px;
-}
-.va {
-    background-position: -240px -336px;
-}
-.vc {
-    background-position: -264px -336px;
-}
-.ve {
-    background-position: -288px -336px;
-}
-.vg {
-    background-position: -312px -336px;
-}
-.vi {
-    background-position: -336px -336px;
-}
-.vn {
-    background-position: -360px -336px;
-}
-.vu {
-    background-position: -384px -336px;
-}
-.wf {
-    background-position: -0px -360px;
-}
-.ws {
-    background-position: -24px -360px;
-}
-.ye {
-    background-position: -48px -360px;
-}
-.za {
-    background-position: -96px -360px;
-}
-.zm {
-    background-position: -120px -360px;
-}
-.zw {
-    background-position: -144px -360px;
-}
-
 .phone-number-select-placeholder {
     height: 24px;
+    line-height: 25px;
 }
 
 .phone-number-select {
@@ -751,3 +21,16 @@
     right: -20px;
     top: 5px;
 }
+
+.flag-class-select {
+    width: 28px;
+    height: 16px;
+    margin-right: 5px;
+    margin-top: 2px;
+}
+.flag-class-selected {
+    width: 25px;
+    height: 15px;
+    margin-right: 5px;
+    margin-top: 5px;
+}