@idds/styles 1.5.3 → 1.5.4

package/dist/index.css

@@ -8986,8 +8986,8 @@ dialog.bottom-sheet-dropdown {
     position: static;
   }
 
-  .ina-phone-input__country-dropdown {
-    width: 216px;
+  .ina-phone-input__country-selector .ina-phone-input__country-dropdown {
+    width: 216px !important;
   }
 }
 /* Country selector */

package/dist/index.min.css

@@ -10,7 +10,7 @@
       --ina-font-xs
     )!important}.ina-phone-input__country-flag{font-size:var(
       --ina-font-base
-    )!important}.ina-phone-input__country-selector{position:static}.ina-phone-input__country-dropdown{width:216px}}.ina-phone-input__country-selector{align-items:center;cursor:pointer;display:flex;height:100%;margin-right:var(--ina-spacing-2);position:relative}.ina-phone-input__country-button{align-items:center;background:none;border:none;color:var(--ina-content-primary);cursor:pointer;display:flex;font-size:var(--ina-font-sm);gap:var(--ina-spacing-2);height:100%;padding:0}.ina-phone-input__country-flag{font-size:20px;line-height:1}.ina-phone-input__country-code{font-weight:var(--ina-font-medium);white-space:nowrap}.ina-phone-input__country-chevron{color:var(--ina-content-secondary);transition:transform var(--ina-transition-base)}.ina-phone-input__country-chevron--open{transform:rotate(180deg)}.ina-phone-input__divider{background-color:var(--ina-stroke-primary);flex-shrink:0;height:20px;margin-right:var(--ina-spacing-2);width:1px}.ina-phone-input__input{background:transparent;border:none;color:var(--ina-content-primary);flex:1;font-family:inherit;font-size:var(--ina-font-sm);min-width:0;outline:none}.ina-phone-input__input::-moz-placeholder{color:var(--ina-content-tertiary)}.ina-phone-input__input::placeholder{color:var(--ina-content-tertiary)}.ina-phone-input__helper-text{color:var(--ina-content-secondary);font-size:var(--ina-font-xs);padding-top:var(--ina-spacing-1)}.ina-phone-input__helper-text--error{color:var(--ina-negative-500)}.ina-phone-input__helper-text--warning{color:var(--ina-warning-500)}.ina-phone-input__wrapper--status-neutral{border-color:var(--ina-stroke-primary)}.ina-phone-input__wrapper--status-neutral:focus-within{border-color:var(--ina-content-primary)}.ina-phone-input__wrapper--status-error{border-color:var(--ina-negative-500)}.ina-phone-input__wrapper.ina-phone-input__wrapper--status-error:focus-within{border-color:var(--ina-negative-500);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px var(--ina-negative-50)!important}.ina-phone-input__wrapper--status-warning{border-color:var(--ina-warning-500)}.ina-phone-input__wrapper.ina-phone-input__wrapper--status-warning:focus-within{border-color:var(--ina-warning-500);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px var(--ina-warning-50)!important}.ina-phone-input__wrapper--status-success{border-color:var(--ina-positive-600)}.ina-phone-input__wrapper.ina-phone-input__wrapper--status-success:focus-within{border-color:var(--ina-positive-600);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px var(--ina-positive-50)!important}.ina-phone-input__wrapper:focus-within{background-color:var(--ina-background-primary);border-color:var(--ina-content-primary);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px #f3f3f3;outline:none}.ina-phone-input__wrapper:hover:not(.ina-phone-input__wrapper--disabled){background-color:var(--ina-neutral-50)}.ina-phone-input__wrapper--disabled{background-color:var(--ina-background-tertiary);border-color:var(--ina-stroke-primary)!important;cursor:not-allowed;opacity:1}.ina-phone-input__wrapper--disabled .ina-phone-input__input{color:var(
+    )!important}.ina-phone-input__country-selector{position:static}.ina-phone-input__country-selector .ina-phone-input__country-dropdown{width:216px!important}}.ina-phone-input__country-selector{align-items:center;cursor:pointer;display:flex;height:100%;margin-right:var(--ina-spacing-2);position:relative}.ina-phone-input__country-button{align-items:center;background:none;border:none;color:var(--ina-content-primary);cursor:pointer;display:flex;font-size:var(--ina-font-sm);gap:var(--ina-spacing-2);height:100%;padding:0}.ina-phone-input__country-flag{font-size:20px;line-height:1}.ina-phone-input__country-code{font-weight:var(--ina-font-medium);white-space:nowrap}.ina-phone-input__country-chevron{color:var(--ina-content-secondary);transition:transform var(--ina-transition-base)}.ina-phone-input__country-chevron--open{transform:rotate(180deg)}.ina-phone-input__divider{background-color:var(--ina-stroke-primary);flex-shrink:0;height:20px;margin-right:var(--ina-spacing-2);width:1px}.ina-phone-input__input{background:transparent;border:none;color:var(--ina-content-primary);flex:1;font-family:inherit;font-size:var(--ina-font-sm);min-width:0;outline:none}.ina-phone-input__input::-moz-placeholder{color:var(--ina-content-tertiary)}.ina-phone-input__input::placeholder{color:var(--ina-content-tertiary)}.ina-phone-input__helper-text{color:var(--ina-content-secondary);font-size:var(--ina-font-xs);padding-top:var(--ina-spacing-1)}.ina-phone-input__helper-text--error{color:var(--ina-negative-500)}.ina-phone-input__helper-text--warning{color:var(--ina-warning-500)}.ina-phone-input__wrapper--status-neutral{border-color:var(--ina-stroke-primary)}.ina-phone-input__wrapper--status-neutral:focus-within{border-color:var(--ina-content-primary)}.ina-phone-input__wrapper--status-error{border-color:var(--ina-negative-500)}.ina-phone-input__wrapper.ina-phone-input__wrapper--status-error:focus-within{border-color:var(--ina-negative-500);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px var(--ina-negative-50)!important}.ina-phone-input__wrapper--status-warning{border-color:var(--ina-warning-500)}.ina-phone-input__wrapper.ina-phone-input__wrapper--status-warning:focus-within{border-color:var(--ina-warning-500);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px var(--ina-warning-50)!important}.ina-phone-input__wrapper--status-success{border-color:var(--ina-positive-600)}.ina-phone-input__wrapper.ina-phone-input__wrapper--status-success:focus-within{border-color:var(--ina-positive-600);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px var(--ina-positive-50)!important}.ina-phone-input__wrapper:focus-within{background-color:var(--ina-background-primary);border-color:var(--ina-content-primary);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px #f3f3f3;outline:none}.ina-phone-input__wrapper:hover:not(.ina-phone-input__wrapper--disabled){background-color:var(--ina-neutral-50)}.ina-phone-input__wrapper--disabled{background-color:var(--ina-background-tertiary);border-color:var(--ina-stroke-primary)!important;cursor:not-allowed;opacity:1}.ina-phone-input__wrapper--disabled .ina-phone-input__input{color:var(
     --ina-content-tertiary
   );cursor:not-allowed}.ina-phone-input__wrapper--disabled .ina-phone-input__input::-moz-placeholder{color:var(--ina-content-tertiary)!important}.ina-phone-input__wrapper--disabled .ina-phone-input__input::placeholder{color:var(--ina-content-tertiary)!important}.ina-phone-input__wrapper--disabled .ina-phone-input__country-button{color:var(--ina-content-tertiary);cursor:not-allowed}.ina-phone-input__country-dropdown{background:var(--ina-background-primary);border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-lg);box-shadow:var(--ina-shadow-lg);display:flex;flex-direction:column;left:0;margin-top:var(--ina-spacing-1);max-height:240px;overflow:hidden;position:absolute;top:100%;width:300px;z-index:100}.ina-phone-input__country-search{border-bottom:1px solid var(--ina-stroke-primary);padding:var(--ina-spacing-2)}.ina-phone-input__country-search-input{border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-md);font-size:var(--ina-font-sm);padding:var(--ina-spacing-1) var(--ina-spacing-2);width:100%}.ina-phone-input__country-search-input:focus{border-color:var(--ina-content-primary);outline:none}.ina-phone-input__country-list{flex:1;overflow-y:auto}.ina-phone-input__country-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--ina-spacing-2);padding:var(--ina-spacing-2) var(--ina-spacing-3);text-align:left;transition:background-color var(--ina-transition-base);width:100%}.ina-phone-input__country-option:hover{background-color:var(--ina-neutral-50)}.ina-phone-input__country-option--selected{background-color:var(--ina-neutral-50);font-weight:var(--ina-font-medium)}.ina-phone-input__country-name{color:var(--ina-content-primary);flex:1;font-size:var(--ina-font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ina-phone-input__country-dial-code{color:var(--ina-content-secondary);font-size:var(--ina-font-sm)}.ina-progress-bar{background-color:var(--ina-neutral-200);border-radius:var(--ina-radius-full);overflow:hidden;position:relative;transition:opacity var(--ina-transition-base);width:100%}.ina-progress-bar--hidden{opacity:0;visibility:hidden}.ina-progress-bar--height-sm{height:2px}.ina-progress-bar--height-md{height:4px}.ina-progress-bar--height-lg{height:6px}.ina-progress-bar__fill{border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:width var(--ina-transition-duration-1000) ease-out;width:0}.ina-progress-bar__fill,.ina-progress-bar__fill--primary{background-color:var(--ina-primary-500)}.ina-progress-bar__fill--secondary{background-color:var(--ina-neutral-500)}.ina-progress-bar__fill--success{background-color:var(--ina-positive-500)}.ina-progress-bar__fill--warning{background-color:var(--ina-warning-500)}.ina-progress-bar__fill--error{background-color:var(--ina-negative-500)}.ina-progress-bar__shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--ina-transition-base);width:100%}.ina-progress-bar--shimmer .ina-progress-bar__shimmer{opacity:1}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ina-progress-bar__indicator{animation:pulse 1.5s infinite;border-radius:inherit;height:100%;opacity:.8;position:absolute;top:0;transform:translateX(-100%);transition:left var(--ina-transition-duration-1000) ease-out;width:32px}.ina-progress-bar__indicator--primary{background-color:var(--ina-primary-500)}.ina-progress-bar__indicator--secondary{background-color:var(--ina-neutral-500)}.ina-progress-bar__indicator--success{background-color:var(--ina-positive-500)}.ina-progress-bar__indicator--warning{background-color:var(--ina-warning-500)}.ina-progress-bar__indicator--error{background-color:var(--ina-negative-500)}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.6}}.ina-progress-bar__fill--striped{animation:moveStripes 1s linear infinite;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:20px 20px}@keyframes moveStripes{0%{background-position:0 0}to{background-position:20px 0}}.ina-progress-bar--height-xs{height:1px}.ina-progress-bar--height-xl{height:8px}.ina-progress-bar--height-2xl{height:12px}.ina-progress-bar--duration-fast .ina-progress-bar__fill{transition-duration:var(--ina-transition-duration-200)}.ina-progress-bar--duration-medium .ina-progress-bar__fill{transition-duration:var(--ina-transition-duration-500)}.ina-progress-bar--duration-slow .ina-progress-bar__fill{transition-duration:var(--ina-transition-duration-2000)}.ina-progress-bar--loading{animation:indeterminate 2s linear infinite}.ina-progress-bar--loading .ina-progress-bar__fill{animation:loading-shift 1s linear infinite;background:linear-gradient(90deg,var(--ina-primary-500) 0,var(--ina-primary-400) 50%,var(--ina-primary-500) 100%);background-size:200% 100%;position:relative;width:30%}@keyframes indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@keyframes loading-shift{0%{background-position:200% 0}to{background-position:-200% 0}}.ina-progress-bar__fill--gradient-primary{background:linear-gradient(90deg,var(--ina-primary-400),var(--ina-primary-500),var(--ina-primary-600))}.ina-progress-bar__fill--gradient-success{background:linear-gradient(90deg,var(--ina-positive-400),var(--ina-positive-500),var(--ina-positive-600))}.ina-progress-bar__fill--gradient-warning{background:linear-gradient(90deg,var(--ina-warning-400),var(--ina-warning-500),var(--ina-warning-600))}.ina-progress-bar__fill--gradient-error{background:linear-gradient(90deg,var(--ina-negative-400),var(--ina-negative-500),var(--ina-negative-600))}.ina-progress-bar__fill--complete{background-color:var(--ina-positive-500)}.ina-progress-bar__fill--in-progress{animation:breathing 2s ease-in-out infinite}@keyframes breathing{0%,to{opacity:1}50%{opacity:.8}}.ina-progress-bar--circular{align-items:center;background:conic-gradient(var(--ina-primary-500) 0deg,var(--ina-neutral-200) 0deg);border-radius:50%;display:flex;height:120px;justify-content:center;position:relative;width:120px}.ina-progress-bar--circular .ina-progress-bar__fill{display:none}.ina-progress-bar__circular-content{align-items:center;background-color:var(--ina-background-primary);border-radius:50%;display:flex;inset:20%;justify-content:center}.ina-progress-bar__circular-content,.ina-progress-bar__label{color:var(--ina-content-primary);font-size:var(--ina-font-xs);font-weight:var(--ina-font-medium);position:absolute}.ina-progress-bar__label{left:50%;text-shadow:0 1px 2px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.ina-progress-bar--skeleton{animation:skeleton 1.5s ease-out infinite;background:linear-gradient(90deg,var(--ina-neutral-200) 25%,var(--ina-neutral-300) 50%,var(--ina-neutral-200) 75%);background-size:200% 100%}.ina-progress-bar--skeleton .ina-progress-bar__fill{display:none}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.ina-progress-bar--circular{height:80px;width:80px}.ina-progress-bar__circular-content{font-size:var(--ina-font-xs)}}.ina-progress-bar[aria-hidden=true]{visibility:hidden}@media (prefers-contrast:high){.ina-progress-bar{border:1px solid var(--ina-content-primary)}.ina-progress-bar__fill{border:1px solid var(--ina-background-primary)}}@media (prefers-reduced-motion:reduce){.ina-progress-bar--loading,.ina-progress-bar--loading .ina-progress-bar__fill,.ina-progress-bar--skeleton,.ina-progress-bar__fill,.ina-progress-bar__indicator,.ina-progress-bar__shimmer{animation:none;transition:none}}.ina-radio-input{display:flex;flex-direction:column;gap:var(--ina-spacing-2)}.ina-radio-input__main-label{color:var(--ina-content-color-181717);display:block;font-size:var(--ina-font-sm);font-weight:var(--ina-font-medium)}.ina-radio-input__group{display:flex;flex-direction:column;gap:var(--ina-spacing-2)}.ina-radio-input__option{align-items:center;border-radius:var(--ina-radius-md);cursor:pointer;display:flex;gap:var(--ina-spacing-2);padding:var(--ina-spacing-2);transition:background-color var(--ina-transition-base)}.ina-radio-input__option:hover{background-color:var(--ina-neutral-50)}.ina-radio-input__option--disabled{cursor:not-allowed}.ina-radio-input__option--disabled:hover{background-color:transparent}.ina-radio-input__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ina-background-primary,var(--ina-neutral-25));border:1px solid var(--ina-stroke-tertiary,#141414);border-radius:50%;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:all var(--ina-transition-base);width:20px}.ina-radio-input__field:hover:not(:disabled){filter:drop-shadow(0 0 3px #737373)}.ina-radio-input__field:focus-visible:not(:disabled){filter:drop-shadow(0 0 3px #737373)}.ina-radio-input__field:active:not(:disabled){filter:drop-shadow(0 0 3px #737373)}.ina-radio-input__field:checked{background-color:var(--ina-background-primary,var(--ina-neutral-25));border-color:var(--ina-stroke-tertiary,#141414)}.ina-radio-input__field:checked:after{background-color:var(--ina-stroke-tertiary,#141414);border-radius:50%;content:"";height:11px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:11px}.ina-radio-input__field:checked:active:not(:disabled),.ina-radio-input__field:checked:focus-visible:not(:disabled),.ina-radio-input__field:checked:hover:not(:disabled){filter:drop-shadow(0 0 3px #737373)}.ina-radio-input__field:disabled{background-color:var(--ina-background-secondary,var(--ina-neutral-50));border-color:var(--ina-stroke-primary,#e5e5e5);cursor:not-allowed;filter:none;opacity:1}.ina-radio-input__field:disabled:checked{background-color:var(
     --ina-background-secondary,var(--ina-neutral-50)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idds/styles",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "Shared CSS styles and colors for INA Digital Design System",
   "type": "module",
   "main": "./dist/index.css",