@pantoken/components 0.4.0 → 0.5.0

package/dist/alert.css

@@ -1 +1 @@
-.instui-alert{min-inline-size:12rem;padding:var(--instui-component-alert-content-padding-vertical) var(--instui-component-alert-content-padding-horizontal);background:var(--instui-component-alert-background);color:var(--instui-component-alert-color);border:var(--instui-component-alert-border-width) var(--instui-component-alert-border-style) var(--instui-component-alert-info-border-color);border-radius:var(--instui-component-alert-border-radius);box-shadow:var(--instui-elevation-above);font-family:var(--instui-component-alert-content-font-family);font-size:var(--instui-component-alert-content-font-size);font-weight:var(--instui-component-alert-content-font-weight);line-height:var(--instui-component-alert-content-line-height);--pantoken-alert-icon-bg:var(--instui-component-alert-info-icon-background);--pantoken-alert-glyph:var(--instui-icon-info);padding-inline-start:calc(2.5rem + var(--instui-component-alert-content-padding-horizontal));position:relative}.instui-alert:before{content:"";inset-block:calc(-1 * var(--instui-component-alert-border-width));background:var(--pantoken-alert-icon-bg);inline-size:2.5rem;border-start-start-radius:var(--instui-component-alert-border-radius);border-end-start-radius:var(--instui-component-alert-border-radius);position:absolute;inset-inline-start:calc(-1 * var(--instui-component-alert-border-width))}.instui-alert:after{content:"";background:var(--instui-component-alert-icon-color);inline-size:2.5rem;-webkit-mask:var(--pantoken-alert-glyph) center / 1.125rem no-repeat;mask:var(--pantoken-alert-glyph) center / 1.125rem no-repeat;position:absolute;inset-block:0;inset-inline-start:0}.instui-alert>.instui-close-button{position:absolute;inset-block-start:var(--instui-spacing-space-xs);inset-inline-end:var(--instui-spacing-space-xs)}.instui-alert:has(>.instui-close-button){padding-inline-end:calc(var(--instui-component-base-button-medium-height) + var(--instui-spacing-space-xs))}.instui-alert.-without-shadow{box-shadow:none}.instui-alert.-screen-reader-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-alert.-color-info{border-color:var(--instui-component-alert-info-border-color)}.instui-alert.-color-success{border-color:var(--instui-component-alert-success-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-success-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-check)}.instui-alert.-color-warning{border-color:var(--instui-component-alert-warning-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-warning-icon-background);--pantoken-alert-glyph:var(--instui-icon-triangle-alert)}.instui-alert.-color-danger{border-color:var(--instui-component-alert-danger-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-danger-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-x)}.instui-alert[class*=-icon-]{--pantoken-alert-glyph:var(--pantoken-glyph)}.instui-alert[class*=-icon-]:before{background:var(--pantoken-alert-icon-bg);block-size:auto;inline-size:2.5rem;-webkit-mask:none;mask:none}.instui-alert.-has-shadow-false{box-shadow:none}.instui-alert.-variant-info{border-color:var(--instui-component-alert-info-border-color)}.instui-alert.-variant-success{border-color:var(--instui-component-alert-success-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-success-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-check)}.instui-alert.-variant-warning{border-color:var(--instui-component-alert-warning-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-warning-icon-background);--pantoken-alert-glyph:var(--instui-icon-triangle-alert)}.instui-alert.-variant-error{border-color:var(--instui-component-alert-danger-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-danger-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-x)}
+@property --timeout{syntax:"<integer>";inherits:false;initial-value:0}.instui-alert{--timeout:0;min-inline-size:12rem;padding:var(--instui-component-alert-content-padding-vertical) var(--instui-component-alert-content-padding-horizontal);background:var(--instui-component-alert-background);color:var(--instui-component-alert-color);border:var(--instui-component-alert-border-width) var(--instui-component-alert-border-style) var(--instui-component-alert-info-border-color);border-radius:var(--instui-component-alert-border-radius);box-shadow:var(--instui-elevation-above);font-family:var(--instui-component-alert-content-font-family);font-size:var(--instui-component-alert-content-font-size);font-weight:var(--instui-component-alert-content-font-weight);line-height:var(--instui-component-alert-content-line-height);--pantoken-alert-icon-bg:var(--instui-component-alert-info-icon-background);--pantoken-alert-glyph:var(--instui-icon-info);padding-inline-start:calc(2.5rem + var(--instui-component-alert-content-padding-horizontal));position:relative}.instui-alert:before{content:"";inset-block:calc(-1 * var(--instui-component-alert-border-width));background:var(--pantoken-alert-icon-bg);inline-size:2.5rem;border-start-start-radius:var(--instui-component-alert-border-radius);border-end-start-radius:var(--instui-component-alert-border-radius);position:absolute;inset-inline-start:calc(-1 * var(--instui-component-alert-border-width))}.instui-alert:after{content:"";background:var(--instui-component-alert-icon-color);inline-size:2.5rem;-webkit-mask:var(--pantoken-alert-glyph) center / 1.125rem no-repeat;mask:var(--pantoken-alert-glyph) center / 1.125rem no-repeat;position:absolute;inset-block:0;inset-inline-start:0}.instui-alert>.instui-close-button{position:absolute;inset-block-start:var(--instui-spacing-space-xs);inset-inline-end:var(--instui-spacing-space-xs)}.instui-alert:has(>.instui-close-button){padding-inline-end:calc(var(--instui-component-base-button-medium-height) + var(--instui-spacing-space-xs))}.instui-alert.-without-shadow{box-shadow:none}.instui-alert.-screen-reader-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-alert.-color-info{border-color:var(--instui-component-alert-info-border-color)}.instui-alert.-color-success{border-color:var(--instui-component-alert-success-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-success-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-check)}.instui-alert.-color-warning{border-color:var(--instui-component-alert-warning-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-warning-icon-background);--pantoken-alert-glyph:var(--instui-icon-triangle-alert)}.instui-alert.-color-danger{border-color:var(--instui-component-alert-danger-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-danger-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-x)}.instui-alert[class*=-icon-]{--pantoken-alert-glyph:var(--pantoken-glyph)}.instui-alert[class*=-icon-]:before{background:var(--pantoken-alert-icon-bg);block-size:auto;inline-size:2.5rem;-webkit-mask:none;mask:none}.instui-alert.-has-shadow-false{box-shadow:none}.instui-alert.-variant-info{border-color:var(--instui-component-alert-info-border-color)}.instui-alert.-variant-success{border-color:var(--instui-component-alert-success-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-success-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-check)}.instui-alert.-variant-warning{border-color:var(--instui-component-alert-warning-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-warning-icon-background);--pantoken-alert-glyph:var(--instui-icon-triangle-alert)}.instui-alert.-variant-error{border-color:var(--instui-component-alert-danger-border-color);--pantoken-alert-icon-bg:var(--instui-component-alert-danger-icon-background);--pantoken-alert-glyph:var(--instui-icon-circle-x)}

package/dist/avatar.css

@@ -1 +1 @@
-.instui-avatar{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);background:var(--instui-component-avatar-background-color);color:var(--instui-component-avatar-blue-text-color);border:var(--instui-component-avatar-border-width-sm) solid var(--instui-component-avatar-border-color);font-family:var(--instui-component-avatar-font-family);font-size:var(--instui-component-avatar-font-size-md);font-weight:var(--instui-component-avatar-font-weight);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.instui-avatar.-shape-rectangle{border-radius:var(--instui-component-avatar-rectangle-radius)}.instui-avatar.-size-sm{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-2xs{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-lg{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-color-ash{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-ash.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-blue{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-blue.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-green{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-green.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-grey{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-grey.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-color-orange{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-orange.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-red{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-red.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-ai{background:linear-gradient(to bottom, var(--instui-component-avatar-ai-top-gradient-color), var(--instui-component-avatar-ai-bottom-gradient-color));color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color);color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-show-border{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}.instui-avatar>img{object-fit:cover;border-radius:inherit;block-size:100%;inline-size:100%}.instui-avatar.-size-small{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-x-small{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-large{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-color-accent1{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-accent1.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-accent2{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-accent2.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-accent3{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-accent3.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-accent4{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-accent4.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-accent5{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-accent5.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-accent6{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-accent6.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}
+.instui-avatar{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);white-space:nowrap;background:var(--instui-component-avatar-background-color);color:var(--instui-component-avatar-blue-text-color);border:var(--instui-component-avatar-border-width-sm) solid transparent;font-family:var(--instui-component-avatar-font-family);font-size:var(--instui-component-avatar-font-size-md);font-weight:var(--instui-component-avatar-font-weight);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.instui-avatar.-shape-rectangle{border-radius:var(--instui-component-avatar-rectangle-radius)}.instui-avatar:not(:has(>img)){border-color:var(--instui-component-avatar-border-color)}.instui-avatar.-size-sm{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-2xs{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-lg{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-size-md{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar[data-initials]{font-size:0}.instui-avatar[data-initials]:before{content:attr(data-initials);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-2xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-xs[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-sm[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-lg[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-xl[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-2xl[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-color-ash{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-ash.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-blue{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-blue.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-green{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-green.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-grey{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-grey.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-color-orange{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-orange.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-red{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-red.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-ai{background:linear-gradient(to bottom, var(--instui-component-avatar-ai-top-gradient-color), var(--instui-component-avatar-ai-bottom-gradient-color));color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color);color:var(--instui-component-avatar-text-on-color);border-color:#0000}.instui-avatar.-show-border-always{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}.instui-avatar.-show-border-never{border-color:#0000}.instui-avatar>img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%}.instui-avatar.-shape-rectangle>img{border-radius:var(--instui-component-avatar-rectangle-radius)}@scope(.instui-avatar){:scope:not(:has([class*=-name])) .name,:scope:not(:has(.name)) .first-name,:scope:not(:has(.name)) .last-name{white-space:nowrap;vertical-align:middle;max-width:1ch;display:inline-block;overflow:hidden}}.instui-avatar.-size-small{width:var(--instui-component-avatar-size-sm);height:var(--instui-component-avatar-size-sm);font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-xx-small{width:var(--instui-component-avatar-size2xs);height:var(--instui-component-avatar-size2xs);font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-x-small{width:var(--instui-component-avatar-size-xs);height:var(--instui-component-avatar-size-xs);font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-large{width:var(--instui-component-avatar-size-lg);height:var(--instui-component-avatar-size-lg);font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large{width:var(--instui-component-avatar-size-xl);height:var(--instui-component-avatar-size-xl);font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-xx-large{width:var(--instui-component-avatar-size2xl);height:var(--instui-component-avatar-size2xl);font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-size-medium{width:var(--instui-component-avatar-size-md);height:var(--instui-component-avatar-size-md);font-size:var(--instui-component-avatar-font-size-md)}.instui-avatar.-size-xx-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xs)}.instui-avatar.-size-x-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xs)}.instui-avatar.-size-small[data-initials]:before{font-size:var(--instui-component-avatar-font-size-sm)}.instui-avatar.-size-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-lg)}.instui-avatar.-size-x-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size-xl)}.instui-avatar.-size-xx-large[data-initials]:before{font-size:var(--instui-component-avatar-font-size2xl)}.instui-avatar.-color-accent1{color:var(--instui-component-avatar-blue-text-color)}.instui-avatar.-color-accent1.-has-inverse-color{background:var(--instui-component-avatar-blue-background-color)}.instui-avatar.-color-accent2{color:var(--instui-component-avatar-green-text-color)}.instui-avatar.-color-accent2.-has-inverse-color{background:var(--instui-component-avatar-green-background-color)}.instui-avatar.-color-accent3{color:var(--instui-component-avatar-red-text-color)}.instui-avatar.-color-accent3.-has-inverse-color{background:var(--instui-component-avatar-red-background-color)}.instui-avatar.-color-accent4{color:var(--instui-component-avatar-orange-text-color)}.instui-avatar.-color-accent4.-has-inverse-color{background:var(--instui-component-avatar-orange-background-color)}.instui-avatar.-color-accent5{color:var(--instui-component-avatar-ash-text-color)}.instui-avatar.-color-accent5.-has-inverse-color{background:var(--instui-component-avatar-ash-background-color)}.instui-avatar.-color-accent6{color:var(--instui-component-avatar-grey-text-color)}.instui-avatar.-color-accent6.-has-inverse-color{background:var(--instui-component-avatar-grey-background-color)}.instui-avatar.-show-border{border-width:var(--instui-component-avatar-border-width-md);border-style:solid;border-color:var(--instui-component-avatar-border-color)}