@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.2

package/es/components/button/button.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) 15px calc(.875rem - 3px) 63px;margin:0;border-radius:0;cursor:pointer;outline:0;text-align:right;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;left:1rem;width:1rem;height:1rem;flex-shrink:0}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding:calc(.875rem - 3px) 16px}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 16px}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 16px}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-left:.9375rem;padding-right:.9375rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-left:.6875rem;padding-right:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-left:.4375rem;padding-right:.4375rem}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding:calc(.875rem - 3px) 16px}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 16px}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 16px}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) 12px calc(.375rem - 3px) 60px}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) 12px calc(.675rem - 3px) 60px}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive,:host(cds-btn-set) .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set,:host(cds-btn-set){display:flex}.cds--btn-set--stacked,:host(cds-btn-set[stacked]){flex-direction:column}.cds--btn-set .cds--btn,:host(cds-btn-set) .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus),:host(cds-btn-set) .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),:host(cds-btn-set) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn,:host(cds-btn-set) .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus),:host(cds-btn-set[stacked]) .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus),:host(cds-btn-set[stacked]) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled,:host(cds-btn-set) .cds--btn.cds--btn--disabled{box-shadow:.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,:host(cds-btn-set) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled,:host(cds-btn-set[stacked]) .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type,:host(cds-btn-set[stacked]) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}:host(cds-btn),:host(cds-modal-footer-button){display:inline-flex}:host(cds-btn[isExpressive]) ::slotted([slot=icon]),:host(cds-modal-footer-button[isExpressive]) ::slotted([slot=icon]){width:1.25rem;height:1.25rem}:host(cds-btn[kind=ghost]) .cds--btn--ghost:active,:host(cds-btn[kind=ghost]:hover) .cds--btn--ghost{outline:0}:host(cds-btn-set) ::slotted(cds-btn){width:100%;max-width:12.25rem}',
+  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(1rem - 1px) calc(.875rem - 3px) calc(4rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:right;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;left:1rem;width:1rem;height:1rem;flex-shrink:0}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding:calc(.875rem - 3px) 1rem}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-left:.9375rem;padding-right:.9375rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-left:.6875rem;padding-right:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-left:.4375rem;padding-right:.4375rem}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding:calc(.875rem - 3px) 1rem}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(1rem - 4px) calc(.375rem - 3px) calc(4rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(1rem - 4px) calc(.675rem - 3px) calc(4rem - 4px)}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive,:host(cds-button-set) .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set,:host(cds-button-set){display:flex}.cds--btn-set--stacked,:host(cds-button-set[stacked]){flex-direction:column}.cds--btn-set .cds--btn,:host(cds-button-set) .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus),:host(cds-button-set) .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),:host(cds-button-set) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn,:host(cds-button-set) .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus),:host(cds-button-set[stacked]) .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus),:host(cds-button-set[stacked]) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled,:host(cds-button-set) .cds--btn.cds--btn--disabled{box-shadow:.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}:host(cds-button),:host(cds-modal-footer-button){display:inline-flex}:host(cds-button[isExpressive]) ::slotted([slot=icon]),:host(cds-modal-footer-button[isExpressive]) ::slotted([slot=icon]){width:1.25rem;height:1.25rem}:host(cds-button[kind=ghost]) .cds--btn--ghost:active,:host(cds-button[kind=ghost]:hover) .cds--btn--ghost{outline:0}:host(cds-button-set) ::slotted(cds-button){width:100%;max-width:12.25rem}',
 ]);

package/es/components/button/defs.d.ts

@@ -30,6 +30,10 @@ export declare enum BUTTON_KIND {
      * Danger button.
      */
     DANGER = "danger",
+    /**
+     * Danger primary button.
+     */
+    DANGER_PRIMARY = "danger-primary",
     /**
      * Danger tertiary button.
      */

package/es/components/button/defs.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/button/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,eAAe,oBAAoB;IAEnC;;OAEG;IACH,YAAY,iBAAiB;CAC9B;AAED;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;CAClB;AAED;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,WAAW,OAAO;IAElB;;OAEG;IACH,iBAAiB,QAAQ;CAC1B;AAED;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,KAAK,SAAS;IAEd;;OAEG;IACH,MAAM,KAAK;IAEX;;OAEG;IACH,GAAG,UAAU;CACd;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,IAAI,SAAS;CACd","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Button kind.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button type.\n */\nexport enum BUTTON_TYPE {\n  /**\n   * Default button type.\n   */\n  BUTTON = 'button',\n\n  /**\n   * Reset button type.\n   */\n  RESET = 'reset',\n\n  /**\n   * Submit button type.\n   */\n  SUBMIT = 'submit',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * 2X-Large size.\n   */\n  EXTRA_EXTRA_LARGE = '2xl',\n}\n\n/**\n * Button tooltip alignment.\n */\nexport enum BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = '',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n\n/**\n * Button tooltip position.\n */\nexport enum BUTTON_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positined on the left.\n   */\n  LEFT = 'left',\n}\n"]}
+{"version":3,"sources":["components/button/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,cAAc,mBAAmB;IAEjC;;OAEG;IACH,eAAe,oBAAoB;IAEnC;;OAEG;IACH,YAAY,iBAAiB;CAC9B;AAED;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;CAClB;AAED;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,WAAW,OAAO;IAElB;;OAEG;IACH,iBAAiB,QAAQ;CAC1B;AAED;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,KAAK,SAAS;IAEd;;OAEG;IACH,MAAM,KAAK;IAEX;;OAEG;IACH,GAAG,UAAU;CACd;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,IAAI,SAAS;CACd","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Button kind.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger primary button.\n   */\n  DANGER_PRIMARY = 'danger-primary',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button type.\n */\nexport enum BUTTON_TYPE {\n  /**\n   * Default button type.\n   */\n  BUTTON = 'button',\n\n  /**\n   * Reset button type.\n   */\n  RESET = 'reset',\n\n  /**\n   * Submit button type.\n   */\n  SUBMIT = 'submit',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * 2X-Large size.\n   */\n  EXTRA_EXTRA_LARGE = '2xl',\n}\n\n/**\n * Button tooltip alignment.\n */\nexport enum BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = '',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n\n/**\n * Button tooltip position.\n */\nexport enum BUTTON_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positined on the left.\n   */\n  LEFT = 'left',\n}\n"]}

package/es/components/button/defs.js

@@ -21,6 +21,7 @@ export let BUTTON_KIND;
   BUTTON_KIND["TERTIARY"] = "tertiary";
   BUTTON_KIND["GHOST"] = "ghost";
   BUTTON_KIND["DANGER"] = "danger";
+  BUTTON_KIND["DANGER_PRIMARY"] = "danger-primary";
   BUTTON_KIND["DANGER_TERTIARY"] = "danger-tertiary";
   BUTTON_KIND["DANGER_GHOST"] = "danger-ghost";
 })(BUTTON_KIND || (BUTTON_KIND = {}));

package/es/components/button/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["BUTTON_KIND","BUTTON_TYPE","BUTTON_SIZE","BUTTON_TOOLTIP_ALIGNMENT","BUTTON_TOOLTIP_POSITION"],"sources":["components/button/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Button kind.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button type.\n */\nexport enum BUTTON_TYPE {\n  /**\n   * Default button type.\n   */\n  BUTTON = 'button',\n\n  /**\n   * Reset button type.\n   */\n  RESET = 'reset',\n\n  /**\n   * Submit button type.\n   */\n  SUBMIT = 'submit',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * 2X-Large size.\n   */\n  EXTRA_EXTRA_LARGE = '2xl',\n}\n\n/**\n * Button tooltip alignment.\n */\nexport enum BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = '',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n\n/**\n * Button tooltip position.\n */\nexport enum BUTTON_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positined on the left.\n   */\n  LEFT = 'left',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,WAAW;;AAqCvB;AACA;AACA;AAFA,WArCYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AAwCvB,WAAYC,WAAW;;AAiBvB;AACA;AACA;AAFA,WAjBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AAoBvB,WAAYC,WAAW;;AA2BvB;AACA;AACA;AAFA,WA3BYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AA8BvB,WAAYC,wBAAwB;;AAiBpC;AACA;AACA;AAFA,WAjBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAoBpC,WAAYC,uBAAuB;AAoBlC,WApBWA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;AAAA,GAAvBA,uBAAuB,KAAvBA,uBAAuB"}
+{"version":3,"file":"defs.js","names":["BUTTON_KIND","BUTTON_TYPE","BUTTON_SIZE","BUTTON_TOOLTIP_ALIGNMENT","BUTTON_TOOLTIP_POSITION"],"sources":["components/button/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Button kind.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger primary button.\n   */\n  DANGER_PRIMARY = 'danger-primary',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button type.\n */\nexport enum BUTTON_TYPE {\n  /**\n   * Default button type.\n   */\n  BUTTON = 'button',\n\n  /**\n   * Reset button type.\n   */\n  RESET = 'reset',\n\n  /**\n   * Submit button type.\n   */\n  SUBMIT = 'submit',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * 2X-Large size.\n   */\n  EXTRA_EXTRA_LARGE = '2xl',\n}\n\n/**\n * Button tooltip alignment.\n */\nexport enum BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = '',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n\n/**\n * Button tooltip position.\n */\nexport enum BUTTON_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positined on the left.\n   */\n  LEFT = 'left',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,WAAW;;AA0CvB;AACA;AACA;AAFA,WA1CYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AA6CvB,WAAYC,WAAW;;AAiBvB;AACA;AACA;AAFA,WAjBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AAoBvB,WAAYC,WAAW;;AA2BvB;AACA;AACA;AAFA,WA3BYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AA8BvB,WAAYC,wBAAwB;;AAiBpC;AACA;AACA;AAFA,WAjBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAoBpC,WAAYC,uBAAuB;AAoBlC,WApBWA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;AAAA,GAAvBA,uBAAuB,KAAvBA,uBAAuB"}

package/es/components/checkbox/checkbox-skeleton.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Skeleton of number input.
+ */
+declare class CDSCheckboxSkeleton extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSCheckboxSkeleton;
+
+//# sourceMappingURL=checkbox-skeleton.d.ts.map

package/es/components/checkbox/checkbox-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/checkbox/checkbox-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C,MAAM;IAUN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"checkbox-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './checkbox.scss';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-checkbox-skeleton`)\nclass CDSCheckboxSkeleton extends LitElement {\n  render() {\n    return html`\n      <label class=\"${prefix}--checkbox-label\" for=\"checkbox\" part=\"label\">\n        <span class=\"${prefix}--checkbox-label-text ${prefix}--skeleton\"\n          ><slot></slot\n        ></span>\n      </label>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCheckboxSkeleton;\n"]}

package/es/components/checkbox/checkbox-skeleton.js

@@ -0,0 +1,55 @@
+import _decorate from "@babel/runtime/helpers/esm/decorate";
+let _ = t => t,
+  _t;
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings';
+import styles from "././checkbox.css.js";
+
+/**
+ * Skeleton of number input.
+ */ /**
+     * Skeleton of number input.
+     */
+let CDSCheckboxSkeleton = _decorate([customElement(`${prefix}-checkbox-skeleton`)], function (_initialize, _LitElement) {
+  class CDSCheckboxSkeleton extends _LitElement {
+    constructor(...args) {
+      super(...args);
+      _initialize(this);
+    }
+  }
+  return {
+    F: CDSCheckboxSkeleton,
+    d: [{
+      kind: "method",
+      key: "render",
+      value: function render() {
+        return html(_t || (_t = _`
+      <label class="${0}--checkbox-label" for="checkbox" part="label">
+        <span class="${0}--checkbox-label-text ${0}--skeleton"
+          ><slot></slot
+        ></span>
+      </label>
+    `), prefix, prefix, prefix);
+      }
+    }, {
+      kind: "field",
+      static: true,
+      key: "styles",
+      value() {
+        return styles;
+      }
+    }]
+  };
+}, LitElement);
+export default CDSCheckboxSkeleton;
+//# sourceMappingURL=checkbox-skeleton.js.map

package/es/components/checkbox/checkbox-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-skeleton.js","names":["LitElement","html","customElement","prefix","styles","CDSCheckboxSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/checkbox/checkbox-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './checkbox.scss';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-checkbox-skeleton`)\nclass CDSCheckboxSkeleton extends LitElement {\n  render() {\n    return html`\n      <label class=\"${prefix}--checkbox-label\" for=\"checkbox\" part=\"label\">\n        <span class=\"${prefix}--checkbox-label-text ${prefix}--skeleton\"\n          ><slot></slot\n        ></span>\n      </label>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCheckboxSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,mBAAmB,GAAAC,SAAA,EADxBJ,aAAa,CAAE,GAAEC,MAAO,oBAAmB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA7C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAY7C;EAAC;IAAAI,CAAA,EAZKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACvB,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,sBAAoB,CAAS;AAC7B,uBAAqB,CAAS,yBAAsB,CAAS;AAC7D;AACA;AACA;AACA,KAAI,GALkBf,MAAM,EACLA,MAAM,EAAyBA,MAAM;MAK1D;IAAC;MAAAU,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAXUJ,UAAU;AAc5C,eAAeK,mBAAmB"}

package/es/components/checkbox/checkbox.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item,:host(cds-checkbox){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--form-item.cds--checkbox-wrapper,:host(cds-checkbox){position:relative;margin-bottom:.25rem}.cds--form-item.cds--checkbox-wrapper:first-of-type,:first-of-type:host(cds-checkbox){margin-top:.1875rem}.cds--label+.cds--form-item.cds--checkbox-wrapper,.cds--label+:host(cds-checkbox){margin-top:-.125rem}.cds--form-item.cds--checkbox-wrapper:last-of-type,:last-of-type:host(cds-checkbox){margin-bottom:.1875rem}.cds--checkbox{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap;top:1.25rem;left:.7rem}.cds--checkbox-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:flex;min-height:1.5rem;padding-top:.1875rem;padding-left:1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--checkbox-label html{font-size:100%}.cds--checkbox-label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--checkbox-label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--checkbox-label strong{font-weight:600}.cds--checkbox-label-text{padding-left:.375rem}.cds--checkbox-label::after,.cds--checkbox-label::before{box-sizing:border-box}.cds--checkbox-label::before{position:absolute;top:.125rem;left:0;width:1rem;height:1rem;border:1px solid var(--cds-icon-primary,#161616);margin:.125rem .125rem .125rem .1875rem;background-color:transparent;border-radius:1px;content:\"\"}.cds--checkbox-label::after{position:absolute;top:.5rem;left:.4375rem;width:.5625rem;height:.3125rem;border-bottom:2px solid var(--cds-icon-inverse,#fff);border-left:2px solid var(--cds-icon-inverse,#fff);margin-top:-.1875rem;background:0 0;content:\"\";transform:scale(0) rotate(-45deg);transform-origin:bottom right}.cds--checkbox-label[data-contained-checkbox-state=true]::before,.cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox:indeterminate+.cds--checkbox-label::before{border:none;border-width:1px;background-color:var(--cds-icon-primary,#161616)}.cds--checkbox-label[data-contained-checkbox-state=true]::after,.cds--checkbox:checked+.cds--checkbox-label::after{transform:scale(1) rotate(-45deg)}.cds--checkbox:indeterminate+.cds--checkbox-label::after{top:.6875rem;width:.5rem;border-bottom:2px solid var(--cds-icon-inverse,#fff);border-left:0 solid var(--cds-icon-inverse,#fff);transform:scale(1) rotate(0)}.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,.cds--checkbox-label__focus::before,.cds--checkbox:checked:focus+.cds--checkbox-label::before,.cds--checkbox:focus+.cds--checkbox-label::before,.cds--checkbox:indeterminate:focus+.cds--checkbox-label::before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--checkbox-label[data-contained-checkbox-disabled=true],.cds--checkbox:disabled+.cds--checkbox-label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--checkbox-label[data-contained-checkbox-disabled=true]::before,.cds--checkbox:disabled+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,.cds--checkbox:checked:disabled+.cds--checkbox-label::before,.cds--checkbox:indeterminate:disabled+.cds--checkbox-label::before{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-wrapper--readonly .cds--checkbox-label{cursor:default}.cds--checkbox-wrapper--readonly .cds--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--checkbox-wrapper--readonly .cds--checkbox+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-disabled,rgba(22,22,22,.25));background:0 0}.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::after{border-color:var(--cds-text-primary,#161616)}.cds--checkbox-skeleton .cds--checkbox-label{cursor:default}.cds--checkbox-label-text.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem;margin:.0625rem 0 0 .375rem}.cds--checkbox-label-text.cds--skeleton:active,.cds--checkbox-label-text.cds--skeleton:focus,.cds--checkbox-label-text.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--checkbox-label-text.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--checkbox-label-text.cds--skeleton::before{animation:none}}.cds--checkbox--inline{position:relative}:host(cds-checkbox){outline:0}",
+  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item,:host(cds-checkbox){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--checkbox-group html{font-size:100%}.cds--checkbox-group body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--checkbox-group code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--checkbox-group strong{font-weight:600}.cds--form-item.cds--checkbox-wrapper,:host(cds-checkbox){position:relative;margin-bottom:.25rem}.cds--form-item.cds--checkbox-wrapper:first-of-type,:first-of-type:host(cds-checkbox){margin-top:.1875rem}.cds--label+.cds--form-item.cds--checkbox-wrapper,.cds--label+:host(cds-checkbox){margin-top:-.125rem}.cds--form-item.cds--checkbox-wrapper:last-of-type,:last-of-type:host(cds-checkbox){margin-bottom:.1875rem}.cds--checkbox{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap;top:1.25rem;left:.7rem}.cds--checkbox-label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:flex;min-height:1.5rem;padding-top:.1875rem;padding-left:1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--checkbox-label html{font-size:100%}.cds--checkbox-label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--checkbox-label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--checkbox-label strong{font-weight:600}.cds--checkbox-label-text{padding-left:.375rem}.cds--checkbox-label::after,.cds--checkbox-label::before{box-sizing:border-box}.cds--checkbox-label::before{position:absolute;top:.125rem;left:0;width:1rem;height:1rem;border:1px solid var(--cds-icon-primary,#161616);margin:.125rem .125rem .125rem .1875rem;background-color:transparent;border-radius:2px;content:\"\"}.cds--checkbox-label::after{position:absolute;top:.46875rem;left:.4375rem;width:.5625rem;height:.3125rem;border-bottom:1.5px solid var(--cds-icon-inverse,#fff);border-left:1.5px solid var(--cds-icon-inverse,#fff);margin-top:-.1875rem;background:0 0;content:\"\";transform:scale(0) rotate(-45deg);transform-origin:bottom right}.cds--checkbox-label[data-contained-checkbox-state=true]::before,.cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox:indeterminate+.cds--checkbox-label::before{border:none;border-width:1px;background-color:var(--cds-icon-primary,#161616)}.cds--checkbox-label[data-contained-checkbox-state=true]::after,.cds--checkbox:checked+.cds--checkbox-label::after{transform:scale(1) rotate(-45deg)}.cds--checkbox:indeterminate+.cds--checkbox-label::after{top:.6875rem;width:.5rem;border-bottom:2px solid var(--cds-icon-inverse,#fff);border-left:0 solid var(--cds-icon-inverse,#fff);transform:scale(1) rotate(0)}.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,.cds--checkbox-label__focus::before,.cds--checkbox:checked:focus+.cds--checkbox-label::before,.cds--checkbox:focus+.cds--checkbox-label::before,.cds--checkbox:indeterminate:focus+.cds--checkbox-label::before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--checkbox-label[data-contained-checkbox-disabled=true],.cds--checkbox:disabled+.cds--checkbox-label{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--checkbox-label[data-contained-checkbox-disabled=true]::before,.cds--checkbox:disabled+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,.cds--checkbox:checked:disabled+.cds--checkbox-label::before,.cds--checkbox:indeterminate:disabled+.cds--checkbox-label::before{background-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group[data-invalid] .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-support-error,#da1e28)}.cds--checkbox-group .cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg,.cds--checkbox-group .cds--checkbox-wrapper>.cds--form__helper-text,.cds--checkbox-group :host(cds-checkbox)>.cds--form__helper-text{display:none}.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-primary,#161616)}.cds--checkbox-group__validation-msg,.cds--checkbox__validation-msg{display:none;align-items:flex-end;margin-top:.25rem}.cds--checkbox__invalid-icon{margin:0 .0625rem 0 .1875rem;fill:var(--cds-support-error,#da1e28)}.cds--checkbox__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--checkbox__invalid-icon--warning path:first-of-type{fill:#000}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg,.cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,.cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg{display:flex}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-group--warning .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement{display:block;overflow:visible;max-height:100%;margin-top:0;margin-left:.5rem}.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--checkbox-group--readonly .cds--checkbox-label,.cds--checkbox-wrapper--readonly .cds--checkbox-label,:host(cds-checkbox)[readonly] .cds--checkbox-label{cursor:default}.cds--checkbox-group--readonly .cds--checkbox-label-text,.cds--checkbox-wrapper--readonly .cds--checkbox-label-text,:host(cds-checkbox)[readonly] .cds--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds--checkbox-group--readonly .cds--checkbox+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox+.cds--checkbox-label::before,:host(cds-checkbox)[readonly] .cds--checkbox+.cds--checkbox-label::before{border-color:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::before,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::before,:host(cds-checkbox)[readonly] .cds--checkbox:checked+.cds--checkbox-label::before{border:1px solid var(--cds-icon-disabled,rgba(22,22,22,.25));background:0 0}.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::after,.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::after,:host(cds-checkbox)[readonly] .cds--checkbox:checked+.cds--checkbox-label::after{border-color:var(--cds-text-primary,#161616)}.cds--checkbox-skeleton .cds--checkbox-label{cursor:default}.cds--checkbox-label-text.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem;margin:.0625rem 0 0 .375rem}.cds--checkbox-label-text.cds--skeleton:active,.cds--checkbox-label-text.cds--skeleton:focus,.cds--checkbox-label-text.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--checkbox-label-text.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--checkbox-label-text.cds--skeleton::before{animation:none}}.cds--checkbox--inline{position:relative}:host(cds-checkbox-skeleton) .cds--checkbox-label{cursor:default}",
 ]);

package/es/components/checkbox/checkbox.d.ts

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
-declare const BXCheckbox_base: {
+declare const CDSCheckbox_base: {
     new (...args: any[]): {
         focus(): void;
         accessKey: string;
@@ -628,37 +628,50 @@ declare const BXCheckbox_base: {
  * @csspart input The checkbox.
  * @csspart label The label.
  */
-declare class BXCheckbox extends BXCheckbox_base {
+declare class CDSCheckbox extends CDSCheckbox_base {
     protected _checkboxNode: HTMLInputElement;
     /**
      * Handles `click` event on the `<input>` in the shadow DOM.
      */
     protected _handleChange(): void;
+    /**
+     * Prevent checkbox state from updating when readonly
+     */
+    private _handleClick;
     _handleFormdata(event: Event): void;
     /**
-     * `true` if the check box should be checked.
+     * Specify whether the underlying input should be checked
      */
     checked: boolean;
     /**
-     * `true` if the check box should be disabled.
+     * Specify whether the Checkbox should be disabled
      */
     disabled: boolean;
     /**
-     * `true` if the label should be hidden.
+     * Specify whether the label should be hidden, or not
      */
     hideLabel: boolean;
     /**
-     * `true` if the check box should show its UI of the indeterminate state.
+     * Specify whether the Checkbox is in an indeterminate state
      */
     indeterminate: boolean;
     /**
-     * The label text.
+     * Provide a label to provide a description of the Checkbox input that you are
+     * exposing to the user
      */
     labelText: string;
     /**
      * The form name.
      */
     name: string;
+    /**
+     * Specify whether the Checkbox is read-only
+     */
+    readonly: boolean;
+    /**
+     * Specify a title for the node for the Checkbox
+     */
+    title: string;
     /**
      * The value.
      */
@@ -675,6 +688,6 @@ declare class BXCheckbox extends BXCheckbox_base {
     };
     static styles: any;
 }
-export default BXCheckbox;
+export default CDSCheckbox;
 
 //# sourceMappingURL=checkbox.d.ts.map

package/es/components/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;;;GAOG;AACH,cACM,UAAW,SAAQ,eAAiC;IAExD,SAAS,CAAC,aAAa,EAAG,gBAAgB,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,aAAa;IAgBvB,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,MAAM;IAoCN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,UAAU,CAAC","file":"checkbox.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss';\n\n/**\n * Check box.\n *\n * @element cds-checkbox\n * @fires cds-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass BXCheckbox extends FocusMixin(FormMixin(LitElement)) {\n  @query('input')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked, indeterminate } = this._checkboxNode;\n    this.checked = checked;\n    this.indeterminate = indeterminate;\n    const { eventChange } = this.constructor as typeof BXCheckbox;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          indeterminate,\n        },\n      })\n    );\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { checked, disabled, name, value = 'on' } = this;\n    if (!disabled && checked) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * `true` if the check box should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * `true` if the check box should show its UI of the indeterminate state.\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  render() {\n    const {\n      checked,\n      disabled,\n      hideLabel,\n      indeterminate,\n      labelText,\n      name,\n      value,\n      _handleChange: handleChange,\n    } = this;\n    const labelClasses = classMap({\n      [`${prefix}--checkbox-label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"checkbox\"\n        type=\"checkbox\"\n        part=\"input\"\n        class=\"${`${prefix}--checkbox`}\"\n        aria-checked=\"${indeterminate ? 'mixed' : String(Boolean(checked))}\"\n        .checked=\"${checked}\"\n        ?disabled=\"${disabled}\"\n        .indeterminate=\"${indeterminate}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        @change=\"${handleChange}\" />\n      <label for=\"checkbox\" part=\"label\" class=\"${labelClasses}\">\n        <span class=\"${prefix}--checkbox-label-text\"\n          ><slot>${labelText}</slot></span\n        >\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXCheckbox;\n"]}
+{"version":3,"sources":["components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;;;GAOG;AACH,cACM,WAAY,SAAQ,gBAAiC;IAEzD,SAAS,CAAC,aAAa,EAAG,gBAAgB,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,aAAa;IAgBvB;;OAEG;IACH,OAAO,CAAC,YAAY;IAMpB,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;;OAGG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,MAAM;IA8CN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"checkbox.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss';\n\n/**\n * Check box.\n *\n * @element cds-checkbox\n * @fires cds-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n  @query('input')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked, indeterminate } = this._checkboxNode;\n    this.checked = checked;\n    this.indeterminate = indeterminate;\n    const { eventChange } = this.constructor as typeof CDSCheckbox;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          indeterminate,\n        },\n      })\n    );\n  }\n\n  /**\n   * Prevent checkbox state from updating when readonly\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.readonly) {\n      event.preventDefault();\n    }\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { checked, disabled, name, value = 'on' } = this;\n    if (!disabled && checked) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the underlying input should be checked\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * Specify whether the Checkbox should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify whether the Checkbox is in an indeterminate state\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Provide a label to provide a description of the Checkbox input that you are\n   * exposing to the user\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * Specify whether the Checkbox is read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify a title for the node for the Checkbox\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  render() {\n    const {\n      checked,\n      disabled,\n      hideLabel,\n      indeterminate,\n      labelText,\n      name,\n      readonly,\n      title,\n      value,\n      _handleChange: handleChange,\n      _handleClick: handleClick,\n    } = this;\n    const labelClasses = classMap({\n      [`${prefix}--checkbox-label`]: true,\n    });\n    const labelTextClasses = classMap({\n      [`${prefix}--checkbox-label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"checkbox\"\n        type=\"checkbox\"\n        part=\"input\"\n        class=\"${`${prefix}--checkbox`}\"\n        aria-checked=\"${indeterminate ? 'mixed' : String(Boolean(checked))}\"\n        aria-readonly=\"${String(Boolean(readonly))}\"\n        .checked=\"${checked}\"\n        ?disabled=\"${disabled}\"\n        .indeterminate=\"${indeterminate}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        @change=\"${handleChange}\"\n        @click=\"${handleClick}\" />\n      <label\n        for=\"checkbox\"\n        part=\"label\"\n        class=\"${labelClasses}\"\n        title=\"${ifDefined(title)}\">\n        <span class=\"${labelTextClasses}\"><slot>${labelText}</slot></span>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSCheckbox;\n"]}

package/es/components/checkbox/checkbox.js

@@ -35,15 +35,15 @@ import styles from "././checkbox.css.js";
      * @csspart input The checkbox.
      * @csspart label The label.
      */
-let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_initialize, _FocusMixin) {
-  class BXCheckbox extends _FocusMixin {
+let CDSCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_initialize, _FocusMixin) {
+  class CDSCheckbox extends _FocusMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXCheckbox,
+    F: CDSCheckbox,
     d: [{
       kind: "field",
       decorators: [query('input')],
@@ -74,6 +74,18 @@ let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_ini
           }
         }));
       }
+
+      /**
+       * Prevent checkbox state from updating when readonly
+       */
+    }, {
+      kind: "method",
+      key: "_handleClick",
+      value: function _handleClick(event) {
+        if (this.readonly) {
+          event.preventDefault();
+        }
+      }
     }, {
       kind: "method",
       key: "_handleFormdata",
@@ -93,7 +105,7 @@ let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_ini
       }
 
       /**
-       * `true` if the check box should be checked.
+       * Specify whether the underlying input should be checked
        */
     }, {
       kind: "field",
@@ -150,6 +162,25 @@ let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_ini
       decorators: [property()],
       key: "name",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "readonly",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'title'
+      })],
+      key: "title",
+      value() {
+        return '';
+      }
     }, {
       kind: "field",
       decorators: [property()],
@@ -160,20 +191,27 @@ let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_ini
       key: "render",
       value:
       /**
-       * `true` if the check box should be disabled.
+       * Specify whether the Checkbox should be disabled
        */
       /**
-       * `true` if the label should be hidden.
+       * Specify whether the label should be hidden, or not
        */
       /**
-       * `true` if the check box should show its UI of the indeterminate state.
+       * Specify whether the Checkbox is in an indeterminate state
        */
       /**
-       * The label text.
+       * Provide a label to provide a description of the Checkbox input that you are
+       * exposing to the user
        */
       /**
        * The form name.
        */
+      /**
+       * Specify whether the Checkbox is read-only
+       */
+      /**
+       * Specify a title for the node for the Checkbox
+       */
       /**
        * The value.
        */
@@ -185,11 +223,17 @@ let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_ini
           indeterminate,
           labelText,
           name,
+          readonly,
+          title,
           value,
-          _handleChange: handleChange
+          _handleChange: handleChange,
+          _handleClick: handleClick
         } = this;
         const labelClasses = classMap({
-          [`${prefix}--checkbox-label`]: true,
+          [`${prefix}--checkbox-label`]: true
+        });
+        const labelTextClasses = classMap({
+          [`${prefix}--checkbox-label-text`]: true,
           [`${prefix}--visually-hidden`]: hideLabel
         });
         return html(_t || (_t = _`
@@ -199,18 +243,22 @@ let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_ini
         part="input"
         class="${0}"
         aria-checked="${0}"
+        aria-readonly="${0}"
         .checked="${0}"
         ?disabled="${0}"
         .indeterminate="${0}"
         name="${0}"
         value="${0}"
-        @change="${0}" />
-      <label for="checkbox" part="label" class="${0}">
-        <span class="${0}--checkbox-label-text"
-          ><slot>${0}</slot></span
-        >
+        @change="${0}"
+        @click="${0}" />
+      <label
+        for="checkbox"
+        part="label"
+        class="${0}"
+        title="${0}">
+        <span class="${0}"><slot>${0}</slot></span>
       </label>
-    `), `${prefix}--checkbox`, indeterminate ? 'mixed' : String(Boolean(checked)), checked, disabled, indeterminate, ifDefined(name), ifDefined(value), handleChange, labelClasses, prefix, labelText);
+    `), `${prefix}--checkbox`, indeterminate ? 'mixed' : String(Boolean(checked)), String(Boolean(readonly)), checked, disabled, indeterminate, ifDefined(name), ifDefined(value), handleChange, handleClick, labelClasses, ifDefined(title), labelTextClasses, labelText);
       }
 
       /**
@@ -242,5 +290,5 @@ let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_ini
     }]
   };
 }, FocusMixin(FormMixin(LitElement)));
-export default BXCheckbox;
+export default CDSCheckbox;
 //# sourceMappingURL=checkbox.js.map