@davidomole/klarity-ui 0.1.0 → 0.1.1

package/dist/klarity-ds.css

@@ -1 +1 @@
-.PhoneInput{display:flex;align-items:stretch;border-radius:8px;overflow:hidden;width:100%}.PhoneInputCountry{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;padding-right:0;border-right:1px solid hsl(var(--input));background-color:hsl(var(--background));cursor:pointer;transition:background-color .2s;min-width:-moz-fit-content;min-width:fit-content}.PhoneInputCountry:hover{background-color:hsl(var(--accent))}.PhoneInputCountryIcon{width:1.25rem;height:1.25rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.PhoneInputCountryIcon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.PhoneInputCountrySelect{display:flex;align-items:center;gap:.25rem;background:none;border:none;padding:0;margin:0;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground));cursor:pointer;outline:none;font-family:inherit}.PhoneInputCountrySelectArrow{display:flex;align-items:center;color:hsl(var(--muted-foreground));margin-left:.125rem}.PhoneInputInput{flex:1;border:none;outline:none;background:transparent;padding:10px .75rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground));font-family:inherit;min-width:0}.PhoneInputInput::-moz-placeholder{color:hsl(var(--muted-foreground))}.PhoneInputInput::placeholder{color:hsl(var(--muted-foreground))}.PhoneInputInput:disabled{cursor:not-allowed;opacity:.5}.PhoneInput--error .PhoneInputCountry{border-right-color:#ef4444}.PhoneInput--error .PhoneInputInput{border-color:#ef4444}.PhoneInput--success .PhoneInputCountry{border-right-color:#22c55e}.PhoneInput--success .PhoneInputInput{border-color:#22c55e}.PhoneInputCountrySelectArrow[aria-hidden=true]{display:none}.PhoneInputCountryIcon--border{border:none;box-shadow:none}
+:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInput{display:flex;align-items:stretch;border-radius:8px;overflow:hidden;width:100%}.PhoneInputCountry{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;padding-right:0;border-right:1px solid hsl(var(--input));background-color:hsl(var(--background));cursor:pointer;transition:background-color .2s;min-width:-moz-fit-content;min-width:fit-content}.PhoneInputCountry:hover{background-color:hsl(var(--accent))}.PhoneInputCountryIcon{width:1.25rem;height:1.25rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.PhoneInputCountryIcon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.PhoneInputCountrySelect{display:flex;align-items:center;gap:.25rem;background:none;border:none;padding:0;margin:0;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground));cursor:pointer;outline:none;font-family:inherit}.PhoneInputCountrySelectArrow{display:flex;align-items:center;color:hsl(var(--muted-foreground));margin-left:.125rem}.PhoneInputInput{flex:1;border:none;outline:none;background:transparent;padding:10px .75rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground));font-family:inherit;min-width:0}.PhoneInputInput::-moz-placeholder{color:hsl(var(--muted-foreground))}.PhoneInputInput::placeholder{color:hsl(var(--muted-foreground))}.PhoneInputInput:disabled{cursor:not-allowed;opacity:.5}.PhoneInput--error .PhoneInputCountry{border-right-color:#ef4444}.PhoneInput--error .PhoneInputInput{border-color:#ef4444}.PhoneInput--success .PhoneInputCountry{border-right-color:#22c55e}.PhoneInput--success .PhoneInputInput{border-color:#22c55e}.PhoneInputCountrySelectArrow[aria-hidden=true]{display:none}.PhoneInputCountryIcon--border{border:none;box-shadow:none}