@transferwise/neptune-css 12.1.3 → 12.3.1

package/dist/css/popovers.css

@@ -1 +1 @@
-.close{float:right;font-size:2rem;font-size:calc(var(--font-size-16, 1rem)*2);font-weight:800;font-weight:var(--font-weight-bold,800);line-height:1.2;line-height:var(--line-height-title,1.2);color:#0097c7;color:var(--color-content-accent,#0097c7);text-decoration:none}[dir=rtl] .close{float:left}.close:focus,.close:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3);text-decoration:none;cursor:pointer}.close:focus{outline:thin dotted rgba(0,0,0,.5);outline-offset:2px}.close:active{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.popover{top:0;left:0;z-index:1060;width:276px;padding:18px 24px;font-family:Averta,Avenir W02,Avenir,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular,Averta,,,Avenir,W02,,,Avenir,,,Helvetica,,,Arial,,,sans-serif);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24,24px);text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:.875rem;font-size:var(--font-size-14,.875rem);background-color:#fff;background-color:var(--color-background-screen,#fff);background-clip:padding-box;border-radius:3px;box-shadow:0 20px 66px 0 rgba(34,48,73,.2);position:absolute}[dir=rtl] .popover{right:0;left:auto;text-align:right}.popover.animate{transition:transform .25s}.popover.scale-down{transform:scale(0)}.popover.top{margin-top:-14px;transform-origin:50% 100%}.popover.top-left{margin-top:-14px;transform-origin:calc(100% - 29px) 100%}.popover.top-right{margin-top:-14px;transform-origin:29px 100%}.popover.right{margin-left:14px;transform-origin:0 50%}[dir=rtl] .popover.right{margin-right:14px;margin-left:0}.popover.right-top{margin-left:14px;transform-origin:0 29px}[dir=rtl] .popover.right-top{margin-right:14px;margin-left:0}.popover.right-bottom{margin-left:14px;transform-origin:0 calc(100% - 29px)}[dir=rtl] .popover.right-bottom{margin-right:14px;margin-left:0}.popover.bottom{margin-top:14px;transform-origin:50% 0}.popover.bottom-left{margin-top:14px;transform-origin:calc(100% - 29px) 0}.popover.bottom-right{margin-top:14px;transform-origin:29px 0}.popover.left{margin-left:-14px;transform-origin:100% 50%}[dir=rtl] .popover.left{margin-right:-14px;margin-left:0}.popover.left-top{margin-left:-14px;transform-origin:100% 29px}[dir=rtl] .popover.left-top{margin-right:-14px;margin-left:0}.popover.left-bottom{margin-left:-14px;transform-origin:100% calc(100% - 29px)}[dir=rtl] .popover.left-bottom{margin-right:-14px;margin-left:0}.popover:before{content:" ";position:absolute;display:block;width:14px;height:14px;left:28px;top:-7px;transform:rotate(45deg);background-color:inherit}[dir=rtl] .popover:before{right:28px;left:auto}.popover.top:before{top:auto;bottom:-7px;left:50%;margin-left:-7px}[dir=rtl] .popover.top:before{right:50%;left:auto;margin-right:-7px;margin-left:0}.popover.top-left:before{top:auto;bottom:-7px;right:29px;left:auto;margin-left:-7px}[dir=rtl] .popover.top-left:before{left:29px;right:auto;left:auto;margin-right:-7px;margin-left:0}.popover.top-right:before{top:auto;bottom:-7px;left:29px;right:auto;margin-left:-7px}[dir=rtl] .popover.top-right:before{right:29px;left:auto;right:auto;margin-right:-7px;margin-left:0}.popover.right:before{top:50%;margin-top:-7px;left:-7px}[dir=rtl] .popover.right:before{right:-7px;left:auto}.popover.right-top:before{top:29px;margin-top:-7px;left:-7px}[dir=rtl] .popover.right-top:before{right:-7px;left:auto}.popover.right-bottom:before{top:calc(100% - 29px);margin-top:-7px;left:-7px}[dir=rtl] .popover.right-bottom:before{right:-7px;left:auto}.popover.bottom:before{top:-7px;bottom:auto;left:50%;margin-left:-7px}[dir=rtl] .popover.bottom:before{right:50%;left:auto;margin-right:-7px;margin-left:0}.popover.bottom-left:before{top:-7px;bottom:auto;right:29px;left:auto;margin-left:-7px}[dir=rtl] .popover.bottom-left:before{left:29px;right:auto;left:auto;margin-right:-7px;margin-left:0}.popover.bottom-right:before{top:-7px;bottom:auto;right:29px;left:auto;margin-left:-7px}[dir=rtl] .popover.bottom-right:before{left:29px;right:auto;left:auto;margin-right:-7px;margin-left:0}.popover.left:before{top:50%;margin-top:-7px;left:auto;right:-7px}[dir=rtl] .popover.left:before{left:auto;left:-7px;right:auto}.popover.left-top:before{top:29px;margin-top:-7px;left:auto;right:-7px}[dir=rtl] .popover.left-top:before{left:auto;left:-7px;right:auto}.popover.left-bottom:before{top:calc(100% - 29px);margin-top:-7px;left:auto;right:-7px}[dir=rtl] .popover.left-bottom:before{left:auto;left:-7px;right:auto}.popover .popover-image,.popover img{width:65%;margin:8px 0}.popover-title{margin:0;background-color:#fff;background-color:var(--color-background-screen,#fff);border-bottom:0;border-radius:2px 2px 0 0;color:#37517e!important;color:var(--color-content-primary,#37517e)!important}.popover-content,.popover-title{padding:0;font-size:.875rem;font-size:var(--font-size-14,.875rem);line-height:1.5;line-height:var(--line-height-body,1.5)}.popover-content{color:#5d7079;color:var(--color-content-secondary,#5d7079)}.popover-content>:last-child{margin-bottom:0}.popover-close{float:right;font-size:2rem;font-size:calc(var(--font-size-16, 1rem)*2);font-weight:800;font-weight:var(--font-weight-bold,800);line-height:1.2;line-height:var(--line-height-title,1.2);color:#0097c7;color:var(--color-content-accent,#0097c7);text-decoration:none}[dir=rtl] .popover-close{float:left}.popover-close:focus,.popover-close:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3);text-decoration:none;cursor:pointer}.popover-close:focus{outline:thin dotted rgba(0,0,0,.5);outline-offset:2px}.popover-close:active{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}button.popover-close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-toggle=popover]:not(.btn){color:inherit!important;font-weight:inherit!important;text-decoration:none!important;cursor:pointer}[data-toggle=popover]:not(.btn):focus,[data-toggle=popover]:not(.btn):hover,[data-toggle=popover]:not(.btn)[aria-describedby]{color:#0084b3!important;color:var(--color-content-accent-hover,#0084b3)!important;outline:0}.nav>li>a [data-toggle=popover]{border-bottom:0}@media (max-width:991px){.popover-modal{position:fixed;top:0!important;right:0!important;left:0!important;width:272px;margin:32px auto!important;margin:var(--size-32,32px) auto!important}.popover-modal:before{display:none}}@media (min-width:992px){.popover-modal.left{margin-right:-var(--size-24)!important}[dir=rtl] .popover-modal.left{margin-right:0!important}.popover-modal.right,[dir=rtl] .popover-modal.left{margin-left:-var(--size-24)!important}[dir=rtl] .popover-modal.right{margin-right:-var(--size-24)!important;margin-left:0!important}.popover-modal.top{margin-bottom:-8px!important}.popover-modal.bottom{margin-top:-8px!important}}@keyframes cover-fade-in{0%{opacity:0}to{opacity:.7}}.popover-modal-cover{position:fixed;top:0;left:0;z-index:1060;display:none;width:100vw;height:100vh;cursor:pointer;background-color:#fff;background-color:var(--color-background-screen,#fff);opacity:.7;animation:cover-fade-in .35s linear 0s forwards}[dir=rtl] .popover-modal-cover{right:0;left:auto}@media (max-width:991px){.popover-modal-cover{display:block}}.popover-promotion{text-align:center;padding:24px;padding:var(--size-24,24px)}@media (max-width:576px){.popover-promotion{width:auto!important;padding:24px!important;padding:var(--size-24,24px)!important;margin:16px!important;margin:var(--size-16,16px)!important}}@media (min-width:566px) and (max-width:992px){.popover-promotion{width:540px!important;padding:28px 32px!important;padding:28px var(--size-32,32px)!important;margin:32px auto!important;margin:var(--size-32,32px) auto!important}}.popover-promotion .popover-title{font-size:1rem;font-size:var(--font-size-16,1rem);line-height:1.2;line-height:var(--line-height-title,1.2)}@media (min-width:768px){.popover-promotion .popover-title{font-size:1.25rem;font-size:var(--font-size-20,1.25rem);line-height:1.2;line-height:var(--line-height-title,1.2)}}@media (max-width:480px){.popover-promotion .popover-image{width:80%}}@media (min-width:480px) and (max-width:992px){.popover-promotion .popover-image{width:60%}}@media (min-width:992px){.popover-promotion .popover-image{width:80%}}@media (max-width:992px){.popover-promotion{position:absolute!important}}
+.close{float:right;font-size:2rem;font-size:calc(var(--font-size-16, 1rem)*2);font-weight:800;font-weight:var(--font-weight-bold,800);line-height:1.2;line-height:var(--line-height-title,1.2);color:#0097c7;color:var(--color-content-accent,#0097c7);text-decoration:none}[dir=rtl] .close{float:left}.close:focus,.close:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3);text-decoration:none;cursor:pointer}.close:focus{outline:thin dotted rgba(0,0,0,.5);outline-offset:2px}.close:active{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.popover{top:0;left:0;z-index:1060;width:276px;padding:18px 24px;font-family:Averta,Avenir W02,Avenir,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular,Averta,,,Avenir,W02,,,Avenir,,,Helvetica,,,Arial,,,sans-serif);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24,24px);text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:.875rem;font-size:var(--font-size-14,.875rem);background-color:#fff;background-color:var(--color-background-screen,#fff);background-clip:padding-box;border-radius:3px;box-shadow:0 20px 66px 0 rgba(34,48,73,.2);position:absolute}[dir=rtl] .popover{right:0;left:auto;text-align:right}.popover.animate{transition:transform .25s}.popover.scale-down{transform:scale(0)}.popover.top{margin-top:-14px;transform-origin:50% 100%}.popover.top-left{margin-top:-14px;transform-origin:calc(100% - 29px) 100%}.popover.top-right{margin-top:-14px;transform-origin:29px 100%}.popover.right{margin-left:14px;transform-origin:0 50%}[dir=rtl] .popover.right{margin-right:14px;margin-left:0}.popover.right-top{margin-left:14px;transform-origin:0 29px}[dir=rtl] .popover.right-top{margin-right:14px;margin-left:0}.popover.right-bottom{margin-left:14px;transform-origin:0 calc(100% - 29px)}[dir=rtl] .popover.right-bottom{margin-right:14px;margin-left:0}.popover.bottom{margin-top:14px;transform-origin:50% 0}.popover.bottom-left{margin-top:14px;transform-origin:calc(100% - 29px) 0}.popover.bottom-right{margin-top:14px;transform-origin:29px 0}.popover.left{margin-left:-14px;transform-origin:100% 50%}[dir=rtl] .popover.left{margin-right:-14px;margin-left:0}.popover.left-top{margin-left:-14px;transform-origin:100% 29px}[dir=rtl] .popover.left-top{margin-right:-14px;margin-left:0}.popover.left-bottom{margin-left:-14px;transform-origin:100% calc(100% - 29px)}[dir=rtl] .popover.left-bottom{margin-right:-14px;margin-left:0}.popover:before{content:" ";position:absolute;display:block;width:14px;height:14px;left:28px;top:-7px;transform:rotate(45deg);background-color:inherit}[dir=rtl] .popover:before{right:28px;left:auto}.popover.top:before{top:auto;bottom:-7px;left:50%;margin-left:-7px}[dir=rtl] .popover.top:before{right:50%;left:auto;margin-right:-7px;margin-left:0}.popover.top-left:before{top:auto;bottom:-7px;right:29px;left:auto;margin-left:-7px}[dir=rtl] .popover.top-left:before{left:29px;right:auto;left:auto;margin-right:-7px;margin-left:0}.popover.top-right:before{top:auto;bottom:-7px;left:29px;right:auto;margin-left:-7px}[dir=rtl] .popover.top-right:before{right:29px;left:auto;right:auto;margin-right:-7px;margin-left:0}.popover.right:before{top:50%;margin-top:-7px;left:-7px}[dir=rtl] .popover.right:before{right:-7px;left:auto}.popover.right-top:before{top:29px;margin-top:-7px;left:-7px}[dir=rtl] .popover.right-top:before{right:-7px;left:auto}.popover.right-bottom:before{top:calc(100% - 29px);margin-top:-7px;left:-7px}[dir=rtl] .popover.right-bottom:before{right:-7px;left:auto}.popover.bottom:before{top:-7px;bottom:auto;left:50%;margin-left:-7px}[dir=rtl] .popover.bottom:before{right:50%;left:auto;margin-right:-7px;margin-left:0}.popover.bottom-left:before{top:-7px;bottom:auto;right:29px;left:auto;margin-left:-7px}[dir=rtl] .popover.bottom-left:before{left:29px;right:auto;left:auto;margin-right:-7px;margin-left:0}.popover.bottom-right:before{top:-7px;bottom:auto;right:29px;left:auto;margin-left:-7px}[dir=rtl] .popover.bottom-right:before{left:29px;right:auto;left:auto;margin-right:-7px;margin-left:0}.popover.left:before{top:50%;margin-top:-7px;left:auto;right:-7px}[dir=rtl] .popover.left:before{left:auto;left:-7px;right:auto}.popover.left-top:before{top:29px;margin-top:-7px;left:auto;right:-7px}[dir=rtl] .popover.left-top:before{left:auto;left:-7px;right:auto}.popover.left-bottom:before{top:calc(100% - 29px);margin-top:-7px;left:auto;right:-7px}[dir=rtl] .popover.left-bottom:before{left:auto;left:-7px;right:auto}.popover .popover-image,.popover img{width:65%;margin:8px 0}.popover-title{margin:0;background-color:#fff;background-color:var(--color-background-screen,#fff);border-bottom:0;border-radius:2px 2px 0 0;color:#37517e!important;color:var(--color-content-primary,#37517e)!important}.popover-content,.popover-title{padding:0;font-size:.875rem;font-size:var(--font-size-14,.875rem);line-height:1.5;line-height:var(--line-height-body,1.5)}.popover-content{color:#5d7079;color:var(--color-content-secondary,#5d7079)}.popover-content>:last-child{margin-bottom:0}.popover-close{float:right;font-size:2rem;font-size:calc(var(--font-size-16, 1rem)*2);font-weight:800;font-weight:var(--font-weight-bold,800);line-height:1.2;line-height:var(--line-height-title,1.2);color:#0097c7;color:var(--color-content-accent,#0097c7);text-decoration:none}[dir=rtl] .popover-close{float:left}.popover-close:focus,.popover-close:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3);text-decoration:none;cursor:pointer}.popover-close:focus{outline:thin dotted rgba(0,0,0,.5);outline-offset:2px}.popover-close:active{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}button.popover-close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-toggle=popover]:not(.btn){color:inherit!important;font-weight:inherit!important;text-decoration:none!important;border-bottom:1px dotted #0097c7!important;border-bottom:1px dotted var(--color-content-accent,#0097c7)!important;cursor:pointer}[data-toggle=popover]:not(.btn):focus,[data-toggle=popover]:not(.btn):hover,[data-toggle=popover]:not(.btn)[aria-describedby]{color:#0084b3!important;color:var(--color-content-accent-hover,#0084b3)!important;outline:0}.nav>li>a [data-toggle=popover]{border-bottom:0}@media (max-width:991px){.popover-modal{position:fixed;top:0!important;right:0!important;left:0!important;width:272px;margin:32px auto!important;margin:var(--size-32,32px) auto!important}.popover-modal:before{display:none}}@media (min-width:992px){.popover-modal.left{margin-right:-var(--size-24)!important}[dir=rtl] .popover-modal.left{margin-right:0!important}.popover-modal.right,[dir=rtl] .popover-modal.left{margin-left:-var(--size-24)!important}[dir=rtl] .popover-modal.right{margin-right:-var(--size-24)!important;margin-left:0!important}.popover-modal.top{margin-bottom:-8px!important}.popover-modal.bottom{margin-top:-8px!important}}@keyframes cover-fade-in{0%{opacity:0}to{opacity:.7}}.popover-modal-cover{position:fixed;top:0;left:0;z-index:1060;display:none;width:100vw;height:100vh;cursor:pointer;background-color:#fff;background-color:var(--color-background-screen,#fff);opacity:.7;animation:cover-fade-in .35s linear 0s forwards}[dir=rtl] .popover-modal-cover{right:0;left:auto}@media (max-width:991px){.popover-modal-cover{display:block}}.popover-promotion{text-align:center;padding:24px;padding:var(--size-24,24px)}@media (max-width:576px){.popover-promotion{width:auto!important;padding:24px!important;padding:var(--size-24,24px)!important;margin:16px!important;margin:var(--size-16,16px)!important}}@media (min-width:566px) and (max-width:992px){.popover-promotion{width:540px!important;padding:28px 32px!important;padding:28px var(--size-32,32px)!important;margin:32px auto!important;margin:var(--size-32,32px) auto!important}}.popover-promotion .popover-title{font-size:1rem;font-size:var(--font-size-16,1rem);line-height:1.2;line-height:var(--line-height-title,1.2)}@media (min-width:768px){.popover-promotion .popover-title{font-size:1.25rem;font-size:var(--font-size-20,1.25rem);line-height:1.2;line-height:var(--line-height-title,1.2)}}@media (max-width:480px){.popover-promotion .popover-image{width:80%}}@media (min-width:480px) and (max-width:992px){.popover-promotion .popover-image{width:60%}}@media (min-width:992px){.popover-promotion .popover-image{width:80%}}@media (max-width:992px){.popover-promotion{position:absolute!important}}

package/dist/css/process.css

@@ -1 +1 @@
-.process{position:relative;margin:auto;display:block}.process svg{width:100%;height:100%}.process-circle{transform-origin:center center;transition:stroke 1s linear .2s;stroke:#0097c7;stroke:var(--color-content-accent,#0097c7);stroke-opacity:1;stroke-linecap:round;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite}.process-inverse .process-circle{stroke:#fff;stroke:var(--color-background-screen,#fff)}.process-icon-container{position:absolute;display:inline-block;transform:rotate(45deg);height:50%;width:50%;left:25%;top:25%}.process-icon-horizontal,.process-icon-vertical{position:absolute;display:block;width:0;height:0}.process-success .process-icon-horizontal{background-color:#008026;background-color:var(--color-content-positive,#008026);bottom:0;left:0}.process-success .process-icon-vertical{background-color:#008026;background-color:var(--color-content-positive,#008026);top:100%;right:0}.process-success .process-circle{stroke:#008026;stroke:var(--color-content-positive,#008026)}.process-danger .process-icon-horizontal{background-color:#cf2929;background-color:var(--color-content-negative,#cf2929);left:0}.process-danger .process-icon-vertical{background-color:#cf2929;background-color:var(--color-content-negative,#cf2929);top:0}.process-danger .process-circle{stroke:#cf2929;stroke:var(--color-content-negative,#cf2929)}.process-danger .process-circle,.process-success .process-circle{animation-duration:1.5s;animation-delay:1ms;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-iteration-count:1}.process-danger .process-icon-horizontal,.process-success .process-icon-horizontal{animation:process-width .3s ease 1.2s forwards}.process-danger .process-icon-vertical,.process-success .process-icon-vertical{animation:process-height .3s ease 1.5s forwards}.process-stopped .process-circle{animation:none}.process-stopped .process-icon-container{display:none}.process-xs{width:24px;height:24px}.process-xs .process-circle{stroke-dashoffset:69.11503838px;stroke-dasharray:69.11503838px;stroke-width:2px}.process-xs.process-danger .process-icon-horizontal{top:5px;height:2px}.process-xs.process-danger .process-icon-vertical{left:5px;width:2px}.process-xs .process-icon-horizontal,.process-xs .process-icon-vertical{border-radius:1px}.process-xs.process-success .process-icon-container{width:5px;height:10px;left:9px}.process-xs.process-success .process-icon-horizontal{height:2px}.process-xs.process-success .process-icon-vertical{width:2px}.process-sm{width:48px;height:48px}.process-sm .process-circle{stroke-dashoffset:144.51326207px;stroke-dasharray:144.51326207px;stroke-width:2.4px}.process-sm.process-danger .process-icon-horizontal{top:10.5px;height:3px}.process-sm.process-danger .process-icon-vertical{left:10.5px;width:3px}.process-sm .process-icon-horizontal,.process-sm .process-icon-vertical{border-radius:1.5px}.process-sm.process-success .process-icon-container{width:10.5px;height:21px;left:18px}.process-sm.process-success .process-icon-horizontal{height:3px}.process-sm.process-success .process-icon-vertical{width:3px}.process-xl{width:128px;height:128px}.process-xl .process-circle{stroke-dashoffset:395.84067435px;stroke-dasharray:395.84067435px;stroke-width:3px}.process-xl.process-danger .process-icon-horizontal{top:28px;height:8px}.process-xl.process-danger .process-icon-vertical{left:28px;width:8px}.process-xl .process-icon-horizontal,.process-xl .process-icon-vertical{border-radius:4px}.process-xl.process-success .process-icon-container{width:28px;height:56px;left:48px}.process-xl.process-success .process-icon-horizontal{height:8px}.process-xl.process-success .process-icon-vertical{width:8px}.process-xs .process-circle{animation-name:process-chase-circle-xs}.process-xs.process-danger .process-circle,.process-xs.process-success .process-circle{animation-name:process-success-circle-xs}.process-sm .process-circle{animation-name:process-chase-circle-sm}.process-sm.process-danger .process-circle,.process-sm.process-success .process-circle{animation-name:process-success-circle-sm}.process-xl .process-circle{animation-name:process-chase-circle-xl}.process-xl.process-danger .process-circle,.process-xl.process-success .process-circle{animation-name:process-success-circle-xl}@keyframes process-chase-circle-xs{0%{transform:rotate(0deg);stroke-dashoffset:206.34511514px;stroke-dasharray:69.11503838px}25%{stroke-dashoffset:68.11503838px;stroke-dasharray:34.55751919px}75%{stroke-dashoffset:68.11503838px;stroke-dasharray:51.83627878px}to{transform:rotate(1turn);stroke-dashoffset:68.11503838px;stroke-dasharray:69.11503838px}}@keyframes process-success-circle-xs{0%{transform:rotate(0deg);stroke-dashoffset:68.11503838px;stroke-dasharray:69.11503838px}to{transform:rotate(1turn);stroke-dashoffset:0;stroke-dasharray:69.11503838px}}@keyframes process-chase-circle-sm{0%{transform:rotate(0deg);stroke-dashoffset:432.5397862px;stroke-dasharray:144.51326207px}25%{stroke-dashoffset:143.51326207px;stroke-dasharray:72.25663103px}75%{stroke-dashoffset:143.51326207px;stroke-dasharray:108.38494655px}to{transform:rotate(1turn);stroke-dashoffset:143.51326207px;stroke-dasharray:144.51326207px}}@keyframes process-success-circle-sm{0%{transform:rotate(0deg);stroke-dashoffset:143.51326207px;stroke-dasharray:144.51326207px}to{transform:rotate(1turn);stroke-dashoffset:0;stroke-dasharray:144.51326207px}}@keyframes process-chase-circle-xl{0%{transform:rotate(0deg);stroke-dashoffset:1186.52202306px;stroke-dasharray:395.84067435px}25%{stroke-dashoffset:394.84067435px;stroke-dasharray:197.92033718px}75%{stroke-dashoffset:394.84067435px;stroke-dasharray:296.88050576px}to{transform:rotate(1turn);stroke-dashoffset:394.84067435px;stroke-dasharray:395.84067435px}}@keyframes process-success-circle-xl{0%{transform:rotate(0deg);stroke-dashoffset:394.84067435px;stroke-dasharray:395.84067435px}to{transform:rotate(1turn);stroke-dashoffset:0;stroke-dasharray:395.84067435px}}@keyframes process-width{to{width:100%}}@keyframes process-height{to{top:0;height:100%}}.btn .process:first-child{margin-left:-12px;margin-right:12px;float:left}[dir=rtl] .btn .process:first-child{margin-right:-12px;margin-left:0;margin-left:12px;margin-right:0;float:right}.btn-block .process:first-child{position:absolute}.btn .process-circle{transition:stroke .5s linear 0s}.btn-primary .process-circle,.btn-success .process-circle{stroke:#fff}.btn-primary .process-icon-horizontal,.btn-primary .process-icon-vertical,.btn-success .process-icon-horizontal,.btn-success .process-icon-vertical{background-color:#fff}.btn:focus .process-circle,.btn:hover .process-circle{stroke:#fff}.btn:focus .process-icon-horizontal,.btn:focus .process-icon-vertical,.btn:hover .process-icon-horizontal,.btn:hover .process-icon-vertical{background-color:#fff}.btn[disabled] .process-circle{stroke:#a8aaac;stroke:var(--color-interactive-disabled,#a8aaac)}.btn[disabled] .process-icon-horizontal,.btn[disabled] .process-icon-vertical{background-color:#fff}
+.process{position:relative;margin:auto;display:block}.process svg{width:100%;height:100%}.process-circle{transform-origin:center center;transition:stroke 1s linear .2s;stroke:#0097c7;stroke:var(--color-content-accent,#0097c7);stroke-opacity:1;stroke-linecap:round;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite}.process-inverse .process-circle{stroke:#fff;stroke:var(--color-background-screen,#fff)}.process-icon-container{position:absolute;display:inline-block;transform:rotate(45deg);height:50%;width:50%;left:25%;top:25%}.process-icon-horizontal,.process-icon-vertical{position:absolute;display:block;width:0;height:0}.process-success .process-icon-horizontal{background-color:#008026;background-color:var(--color-content-positive,#008026);bottom:0;left:0}.process-success .process-icon-vertical{background-color:#008026;background-color:var(--color-content-positive,#008026);top:100%;right:0}.process-success .process-circle{stroke:#008026;stroke:var(--color-content-positive,#008026)}.process-danger .process-icon-horizontal{background-color:#cf2929;background-color:var(--color-content-negative,#cf2929);left:0}.process-danger .process-icon-vertical{background-color:#cf2929;background-color:var(--color-content-negative,#cf2929);top:0}.process-danger .process-circle{stroke:#cf2929;stroke:var(--color-content-negative,#cf2929)}.process-danger .process-circle,.process-success .process-circle{animation-duration:1.5s;animation-delay:1ms;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-iteration-count:1}.process-danger .process-icon-horizontal,.process-success .process-icon-horizontal{animation:process-width .3s ease 1.2s forwards}.process-danger .process-icon-vertical,.process-success .process-icon-vertical{animation:process-height .3s ease 1.5s forwards}.process-stopped .process-circle{animation:none}.process-stopped .process-icon-container{display:none}.process-xs{width:24px;height:24px}.process-xs .process-circle{stroke-dashoffset:69.11503838px;stroke-dasharray:69.11503838px;stroke-width:2px}.process-xs.process-danger .process-icon-horizontal{top:5px;height:2px}.process-xs.process-danger .process-icon-vertical{left:5px;width:2px}.process-xs .process-icon-horizontal,.process-xs .process-icon-vertical{border-radius:1px}.process-xs.process-success .process-icon-container{width:5px;height:10px;left:9px}.process-xs.process-success .process-icon-horizontal{height:2px}.process-xs.process-success .process-icon-vertical{width:2px}.process-sm{width:48px;height:48px}.process-sm .process-circle{stroke-dashoffset:144.51326207px;stroke-dasharray:144.51326207px;stroke-width:2.4px}.process-sm.process-danger .process-icon-horizontal{top:10.5px;height:3px}.process-sm.process-danger .process-icon-vertical{left:10.5px;width:3px}.process-sm .process-icon-horizontal,.process-sm .process-icon-vertical{border-radius:1.5px}.process-sm.process-success .process-icon-container{width:10.5px;height:21px;left:18px}.process-sm.process-success .process-icon-horizontal{height:3px}.process-sm.process-success .process-icon-vertical{width:3px}.process-xl{width:128px;height:128px}.process-xl .process-circle{stroke-dashoffset:395.84067435px;stroke-dasharray:395.84067435px;stroke-width:3px}.process-xl.process-danger .process-icon-horizontal{top:28px;height:8px}.process-xl.process-danger .process-icon-vertical{left:28px;width:8px}.process-xl .process-icon-horizontal,.process-xl .process-icon-vertical{border-radius:4px}.process-xl.process-success .process-icon-container{width:28px;height:56px;left:48px}.process-xl.process-success .process-icon-horizontal{height:8px}.process-xl.process-success .process-icon-vertical{width:8px}.process-xs .process-circle{animation-name:process-chase-circle-xs}.process-xs.process-danger .process-circle,.process-xs.process-success .process-circle{animation-name:process-success-circle-xs}.process-sm .process-circle{animation-name:process-chase-circle-sm}.process-sm.process-danger .process-circle,.process-sm.process-success .process-circle{animation-name:process-success-circle-sm}.process-xl .process-circle{animation-name:process-chase-circle-xl}.process-xl.process-danger .process-circle,.process-xl.process-success .process-circle{animation-name:process-success-circle-xl}@keyframes process-chase-circle-xs{0%{transform:rotate(0deg);stroke-dashoffset:206.34511514px;stroke-dasharray:69.11503838px}25%{stroke-dashoffset:68.11503838px;stroke-dasharray:34.55751919px}75%{stroke-dashoffset:68.11503838px;stroke-dasharray:51.83627878px}to{transform:rotate(1turn);stroke-dashoffset:68.11503838px;stroke-dasharray:69.11503838px}}@keyframes process-success-circle-xs{0%{transform:rotate(0deg);stroke-dashoffset:68.11503838px;stroke-dasharray:69.11503838px}to{transform:rotate(1turn);stroke-dashoffset:0;stroke-dasharray:69.11503838px}}@keyframes process-chase-circle-sm{0%{transform:rotate(0deg);stroke-dashoffset:432.5397862px;stroke-dasharray:144.51326207px}25%{stroke-dashoffset:143.51326207px;stroke-dasharray:72.25663103px}75%{stroke-dashoffset:143.51326207px;stroke-dasharray:108.38494655px}to{transform:rotate(1turn);stroke-dashoffset:143.51326207px;stroke-dasharray:144.51326207px}}@keyframes process-success-circle-sm{0%{transform:rotate(0deg);stroke-dashoffset:143.51326207px;stroke-dasharray:144.51326207px}to{transform:rotate(1turn);stroke-dashoffset:0;stroke-dasharray:144.51326207px}}@keyframes process-chase-circle-xl{0%{transform:rotate(0deg);stroke-dashoffset:1186.52202306px;stroke-dasharray:395.84067435px}25%{stroke-dashoffset:394.84067435px;stroke-dasharray:197.92033718px}75%{stroke-dashoffset:394.84067435px;stroke-dasharray:296.88050576px}to{transform:rotate(1turn);stroke-dashoffset:394.84067435px;stroke-dasharray:395.84067435px}}@keyframes process-success-circle-xl{0%{transform:rotate(0deg);stroke-dashoffset:394.84067435px;stroke-dasharray:395.84067435px}to{transform:rotate(1turn);stroke-dashoffset:0;stroke-dasharray:395.84067435px}}@keyframes process-width{to{width:100%}}@keyframes process-height{to{top:0;height:100%}}.btn .process:first-child{margin-left:-12px;margin-right:12px;float:left}[dir=rtl] .btn .process:first-child{margin-right:-12px;margin-left:0;margin-left:12px;margin-right:0;float:right}.btn-block .process:first-child{position:absolute}.btn .process-circle{transition:stroke .5s linear 0s}.btn-primary .process-circle,.btn-success .process-circle{stroke:#fff}.btn-primary .process-icon-horizontal,.btn-primary .process-icon-vertical,.btn-success .process-icon-horizontal,.btn-success .process-icon-vertical{background-color:#fff}.btn:focus .process-circle,.btn:hover .process-circle{stroke:#fff}.btn:focus .process-icon-horizontal,.btn:focus .process-icon-vertical,.btn:hover .process-icon-horizontal,.btn:hover .process-icon-vertical,.btn[disabled] .process-icon-horizontal,.btn[disabled] .process-icon-vertical{background-color:#fff}

package/dist/css/table.css

@@ -1 +1 @@
-table{background-color:#fff;background-color:var(--color-background-screen,#fff);border-collapse:separate}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}caption{padding-top:16px;padding-bottom:16px;color:#a8aaac;color:var(--color-content-disabled,#a8aaac);text-align:left}[dir=rtl] caption{text-align:right}th{text-align:left}[dir=rtl] th{text-align:right}.table{width:100%;max-width:100%;margin-bottom:24px;margin-bottom:var(--size-24,24px)}.table>.tbody>dl>dd,.table>.tfoot>ol>li,.table>.thead>ol>li,.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:24px 16px;padding:var(--size-24,24px) 16px;line-height:1.5;line-height:var(--line-height-body,1.5);vertical-align:top;border-top:1px solid rgba(134,167,189,.10196078431372549);border-top:1px solid var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border-bottom:0;transition:border .15s ease}.table>.thead>ol>li,.table>thead>tr>th{vertical-align:bottom}.table>.thead>ol>li a,.table>thead>tr>th a{text-decoration:none}.table>.thead>ol>li .tw-icon,.table>thead>tr>th .tw-icon{margin-top:-3px}.table>.thead:first-child>ol:first-child>li,.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:1px solid rgba(0,0,0,.10196078431372549);border-top:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.table .table{background-color:#fff;background-color:var(--color-background-screen,#fff)}.table>.tfoot,.table>.thead,.table>tfoot,.table>thead{color:#37517e;color:var(--color-content-primary,#37517e)}.table>.tbody,.table>.tfoot,.table>.thead,.table>tbody,.table>tfoot,.table>thead{font-size:.875rem;font-size:var(--font-size-14,.875rem)}.table>.tbody>dl>.th,.table>tbody>tr>th{color:#37517e;color:var(--color-content-primary,#37517e)}.table-condensed>.tbody>dl>dd,.table-condensed>.thead>ol>li,.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:8px}.table-bordered{border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-radius:3px}.table-bordered .thead,.table-bordered thead{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}@media (max-width:767px){div.table-bordered:not(.table-responsive){border:0}}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}@media (min-width:768px){.table-striped>.tbody>dl:nth-of-type(odd){background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}}table col[class*=col-]{position:static;float:none;display:table-column}.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th,.table-hover>tbody>tr:hover>.primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover,.table>tbody>tr.primary>td,.table>tbody>tr.primary>th,.table>tbody>tr>td.primary,.table>tbody>tr>th.primary,.table>tfoot>tr.primary>td,.table>tfoot>tr.primary>th,.table>tfoot>tr>td.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>thead>tr.primary>th,.table>thead>tr>td.primary,.table>thead>tr>th.primary{background-color:#37517e}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#fff;background-color:var(--color-background-screen,#fff)}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:rgba(54,199,151,.10196078431372549);background-color:var(--color-background-positive,rgba(54,199,151,.10196078431372549))}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:rgba(56,200,255,.10196078431372549);background-color:var(--color-background-accent,rgba(56,200,255,.10196078431372549))}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:rgba(255,172,0,.10196078431372549);background-color:var(--color-background-warning,rgba(255,172,0,.10196078431372549))}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:rgba(255,135,135,.10196078431372549);background-color:var(--color-background-negative,rgba(255,135,135,.10196078431372549))}.table-hover>tbody>tr.default:hover>td,.table-hover>tbody>tr.default:hover>th,.table-hover>tbody>tr:hover>.default,.table-hover>tbody>tr>td.default:hover,.table-hover>tbody>tr>th.default:hover,.table>tbody>tr.default>td,.table>tbody>tr.default>th,.table>tbody>tr>td.default,.table>tbody>tr>th.default,.table>tfoot>tr.default>td,.table>tfoot>tr.default>th,.table>tfoot>tr>td.default,.table>tfoot>tr>th.default,.table>thead>tr.default>td,.table>thead>tr.default>th,.table>thead>tr>td.default,.table>thead>tr>th.default{background-color:var(--color-background-secondary)}.table-responsive{overflow-x:auto;min-height:.01%}.table-responsive.table-bordered{border:0}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:24px;margin-bottom:var(--size-24,24px);overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.table-responsive.table-bordered{border:1px solid rgba(134,167,189,.10196078431372549);border:1px solid var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border-radius:3px}}@media (min-width:768px){.table{display:table}.table>.thead{display:table-header-group}.table>.thead>ol{display:table-row}.table>.thead>ol>li{display:table-cell;font-weight:800;font-weight:var(--font-weight-bold,800);color:#37517e;color:var(--color-content-primary,#37517e)}.table>.tbody{display:table-row-group}.table>.tbody>dl{display:table-row}.table>.tbody>dl>dt{display:none}.table>.tbody>dl>dd{display:table-cell;font-size:.875rem;font-size:var(--font-size-14,.875rem);color:#5d7079;color:var(--color-content-secondary,#5d7079)}.table>.tfoot{display:table-footer-group}}@media (max-width:767px){.table>.thead{display:none}.table>.tbody>dl{border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary,#c9cbce);border-radius:3px;margin-bottom:24px;margin-bottom:var(--size-24,24px);padding:24px 1.5 0;padding:var(--size-24,24px) var(--line-height-body,1.5) 0}.table>.tbody>dl>dd{padding:0;border:0}.table>.tbody>dl>dd:empty{margin:0}}@media (max-width:575px){.table>.tbody>dl{padding-bottom:8px}}.table-calendar{min-width:300px}.table-calendar>tbody>tr>td{padding:0}.table-calendar>tbody>tr>td>a{display:block;padding:4px 0;margin:4px 2px;border-radius:3px;text-align:center;text-decoration:none}.table-calendar>tbody>tr>td>a.active{background-color:#37517e;color:#fff}.table-calendar>tbody>tr>td>a:not([disabled]):hover{background-color:#0097c7;background-color:var(--color-content-accent,#0097c7);color:#fff}.table-calendar>thead>tr>th{text-align:center}
+table{background-color:#fff;background-color:var(--color-background-screen,#fff);border-collapse:separate}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}caption{padding-top:16px;padding-bottom:16px;color:#5d7079;color:var(--color-content-secondary,#5d7079);text-align:left}[dir=rtl] caption{text-align:right}th{text-align:left}[dir=rtl] th{text-align:right}.table{width:100%;max-width:100%;margin-bottom:24px;margin-bottom:var(--size-24,24px)}.table>.tbody>dl>dd,.table>.tfoot>ol>li,.table>.thead>ol>li,.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:24px 16px;padding:var(--size-24,24px) 16px;line-height:1.5;line-height:var(--line-height-body,1.5);vertical-align:top;border-top:1px solid rgba(134,167,189,.10196078431372549);border-top:1px solid var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border-bottom:0;transition:border .15s ease}.table>.thead>ol>li,.table>thead>tr>th{vertical-align:bottom}.table>.thead>ol>li a,.table>thead>tr>th a{text-decoration:none}.table>.thead>ol>li .tw-icon,.table>thead>tr>th .tw-icon{margin-top:-3px}.table>.thead:first-child>ol:first-child>li,.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:1px solid rgba(0,0,0,.10196078431372549);border-top:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.table .table{background-color:#fff;background-color:var(--color-background-screen,#fff)}.table>.tfoot,.table>.thead,.table>tfoot,.table>thead{color:#37517e;color:var(--color-content-primary,#37517e)}.table>.tbody,.table>.tfoot,.table>.thead,.table>tbody,.table>tfoot,.table>thead{font-size:.875rem;font-size:var(--font-size-14,.875rem)}.table>.tbody>dl>.th,.table>tbody>tr>th{color:#37517e;color:var(--color-content-primary,#37517e)}.table-condensed>.tbody>dl>dd,.table-condensed>.thead>ol>li,.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:8px}.table-bordered{border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-radius:3px}.table-bordered .thead,.table-bordered thead{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}@media (max-width:767px){div.table-bordered:not(.table-responsive){border:0}}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}@media (min-width:768px){.table-striped>.tbody>dl:nth-of-type(odd){background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}}table col[class*=col-]{position:static;float:none;display:table-column}.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th,.table-hover>tbody>tr:hover>.primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover,.table>tbody>tr.primary>td,.table>tbody>tr.primary>th,.table>tbody>tr>td.primary,.table>tbody>tr>th.primary,.table>tfoot>tr.primary>td,.table>tfoot>tr.primary>th,.table>tfoot>tr>td.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>thead>tr.primary>th,.table>thead>tr>td.primary,.table>thead>tr>th.primary{background-color:#37517e}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#fff;background-color:var(--color-background-screen,#fff)}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:rgba(54,199,151,.10196078431372549);background-color:var(--color-background-positive,rgba(54,199,151,.10196078431372549))}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:rgba(56,200,255,.10196078431372549);background-color:var(--color-background-accent,rgba(56,200,255,.10196078431372549))}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:rgba(255,172,0,.10196078431372549);background-color:var(--color-background-warning,rgba(255,172,0,.10196078431372549))}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:rgba(255,135,135,.10196078431372549);background-color:var(--color-background-negative,rgba(255,135,135,.10196078431372549))}.table-hover>tbody>tr.default:hover>td,.table-hover>tbody>tr.default:hover>th,.table-hover>tbody>tr:hover>.default,.table-hover>tbody>tr>td.default:hover,.table-hover>tbody>tr>th.default:hover,.table>tbody>tr.default>td,.table>tbody>tr.default>th,.table>tbody>tr>td.default,.table>tbody>tr>th.default,.table>tfoot>tr.default>td,.table>tfoot>tr.default>th,.table>tfoot>tr>td.default,.table>tfoot>tr>th.default,.table>thead>tr.default>td,.table>thead>tr.default>th,.table>thead>tr>td.default,.table>thead>tr>th.default{background-color:var(--color-background-secondary)}.table-responsive{overflow-x:auto;min-height:.01%}.table-responsive.table-bordered{border:0}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:24px;margin-bottom:var(--size-24,24px);overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.table-responsive.table-bordered{border:1px solid rgba(134,167,189,.10196078431372549);border:1px solid var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border-radius:3px}}@media (min-width:768px){.table{display:table}.table>.thead{display:table-header-group}.table>.thead>ol{display:table-row}.table>.thead>ol>li{display:table-cell;font-weight:800;font-weight:var(--font-weight-bold,800);color:#37517e;color:var(--color-content-primary,#37517e)}.table>.tbody{display:table-row-group}.table>.tbody>dl{display:table-row}.table>.tbody>dl>dt{display:none}.table>.tbody>dl>dd{display:table-cell;font-size:.875rem;font-size:var(--font-size-14,.875rem);color:#5d7079;color:var(--color-content-secondary,#5d7079)}.table>.tfoot{display:table-footer-group}}@media (max-width:767px){.table>.thead{display:none}.table>.tbody>dl{border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary,#c9cbce);border-radius:3px;margin-bottom:24px;margin-bottom:var(--size-24,24px);padding:24px 1.5 0;padding:var(--size-24,24px) var(--line-height-body,1.5) 0}.table>.tbody>dl>dd{padding:0;border:0}.table>.tbody>dl>dd:empty{margin:0}}@media (max-width:575px){.table>.tbody>dl{padding-bottom:8px}}.table-calendar{min-width:300px}.table-calendar>tbody>tr>td{padding:0}.table-calendar>tbody>tr>td>a{display:block;padding:4px 0;margin:4px 2px;border-radius:3px;text-align:center;text-decoration:none}.table-calendar>tbody>tr>td>a.active{background-color:#37517e;color:#fff}.table-calendar>tbody>tr>td>a:not([disabled]):hover{background-color:#0097c7;background-color:var(--color-content-accent,#0097c7);color:#fff}.table-calendar>thead>tr>th{text-align:center}

package/dist/css/tick.css

@@ -1 +1 @@
-.tw-checkbox-check{position:relative;display:inline-block;width:10px;height:8px}.tw-checkbox-check:after,.tw-checkbox-check:before{content:"";position:absolute;background:#fff;background:var(--color-background-screen,#fff);transform:translateX(.5px) rotate(-45deg);transform-origin:left bottom;left:8px;left:var(--size-8,8px)}.tw-checkbox-button+.tw-checkbox-button .tw-checkbox-check:after,.tw-checkbox-button+.tw-checkbox-button .tw-checkbox-check:before,.tw-checkbox-button[disabled] .tw-checkbox-check:after,.tw-checkbox-button[disabled] .tw-checkbox-check:before,input[type=checkbox]:disabled+.tw-checkbox-button .tw-checkbox-check:after,input[type=checkbox]:disabled+.tw-checkbox-button .tw-checkbox-check:before{background-color:#a8aaac;background-color:var(--color-interactive-disabled,#a8aaac)}.tw-checkbox-check .has-error:after,.tw-checkbox-check .has-error:before{background-color:#e74848;background-color:var(--color-interactive-negative,#e74848)}.tw-checkbox-check:before{top:9px;height:6px;width:2px}.tw-checkbox-check:after{bottom:5px;height:2px;width:11px}
+.tw-checkbox-check{position:relative;display:inline-block;width:10px;height:8px}.tw-checkbox-check:after,.tw-checkbox-check:before{content:"";position:absolute;background:#fff;background:var(--color-background-screen,#fff);transform:translateX(.5px) rotate(-45deg);transform-origin:left bottom;left:8px;left:var(--size-8,8px)}.tw-checkbox-check .has-error:after,.tw-checkbox-check .has-error:before{background-color:#e74848;background-color:var(--color-interactive-negative,#e74848)}.tw-checkbox-check:before{top:9px;height:6px;width:2px}.tw-checkbox-check:after{bottom:5px;height:2px;width:11px}

package/dist/less/neptune-tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 03 Dec 2021 12:38:48 GMT
+// Generated on Mon, 17 Jan 2022 12:49:22 GMT
 
 @color-dark-content-primary: #e2e6e8;
 @color-dark-content-secondary: #c9cbce;
@@ -17,7 +17,6 @@
 @color-dark-content-warning: #ffd184;
 @color-dark-content-warning-hover: #e9bd71;
 @color-dark-content-warning-active: #daae63;
-@color-dark-content-disabled: #a8aaac;
 @color-dark-interactive-accent: #00a2dd;
 @color-dark-interactive-accent-hover: #008fc9;
 @color-dark-interactive-accent-active: #0081ba;
@@ -33,7 +32,6 @@
 @color-dark-interactive-secondary: #a8aaac;
 @color-dark-interactive-secondary-hover: #959799;
 @color-dark-interactive-secondary-active: #87898b;
-@color-dark-interactive-disabled: #a8aaac;
 @color-dark-background-screen: #181818;
 @color-dark-background-elevated: #202020;
 @color-dark-background-neutral: #86a7bd1a;
@@ -60,7 +58,6 @@
 @color-content-warning: #9a6500;
 @color-content-warning-hover: #855400;
 @color-content-warning-active: #764700;
-@color-content-disabled: #a8aaac;
 @color-interactive-accent: #00a2dd;
 @color-interactive-accent-hover: #008fc9;
 @color-interactive-accent-active: #0081ba;
@@ -76,7 +73,6 @@
 @color-interactive-secondary: #c9cbce;
 @color-interactive-secondary-hover: #b5b7ba;
 @color-interactive-secondary-active: #a7a9ab;
-@color-interactive-disabled: #a8aaac;
 @color-background-screen: #ffffff;
 @color-background-elevated: #ffffff;
 @color-background-neutral: #86a7bd1a;
@@ -103,7 +99,6 @@
 @color-navy-content-warning: #ffd184;
 @color-navy-content-warning-hover: #e9bd71;
 @color-navy-content-warning-active: #daae63;
-@color-navy-content-disabled: #a8aaac;
 @color-navy-interactive-accent: #00a2dd;
 @color-navy-interactive-accent-hover: #008fc9;
 @color-navy-interactive-accent-active: #0081ba;
@@ -119,7 +114,6 @@
 @color-navy-interactive-secondary: #a8aaac;
 @color-navy-interactive-secondary-hover: #959799;
 @color-navy-interactive-secondary-active: #87898b;
-@color-navy-interactive-disabled: #a8aaac;
 @color-navy-background-screen: #2e4369;
 @color-navy-background-elevated: #37517e;
 @color-navy-background-neutral: #86a7bd1a;
@@ -167,7 +161,7 @@
 @font-family-regular: Averta, Avenir W02, Avenir, Helvetica, Arial, sans-serif;
 
 // Do not edit directly
-// Generated on Fri, 03 Dec 2021 12:38:48 GMT
+// Generated on Mon, 17 Jan 2022 12:49:22 GMT
 
 @color-base-blue-light: #00b9ff;
 @color-base-blue-mid: #00a2dd;

package/dist/props/neptune-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Dec 2021 12:38:48 GMT
+ * Generated on Mon, 17 Jan 2022 12:49:22 GMT
  */
 
 :root {
@@ -19,7 +19,6 @@
   --color-content-warning: #9a6500;
   --color-content-warning-hover: #855400;
   --color-content-warning-active: #764700;
-  --color-content-disabled: #a8aaac;
   --color-interactive-accent: #00a2dd;
   --color-interactive-accent-hover: #008fc9;
   --color-interactive-accent-active: #0081ba;
@@ -35,7 +34,6 @@
   --color-interactive-secondary: #c9cbce;
   --color-interactive-secondary-hover: #b5b7ba;
   --color-interactive-secondary-active: #a7a9ab;
-  --color-interactive-disabled: #a8aaac;
   --color-background-screen: #ffffff;
   --color-background-elevated: #ffffff;
   --color-background-neutral: #86a7bd1a;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "12.1.3",
+  "version": "12.3.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -43,7 +43,7 @@
     "lintless:fix": "yarn lintless --fix"
   },
   "dependencies": {
-    "@transferwise/neptune-tokens": "6.1.0",
+    "@transferwise/neptune-tokens": "7.0.0",
     "bootstrap": "github:transferwise/bootstrap#v7.0.0",
     "inquirer": "^8.2.0",
     "inquirer-file-tree-selection-prompt": "^1.0.13",
@@ -60,5 +60,5 @@
   "bin": {
     "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
   },
-  "gitHead": "b4fbda9f903d3f4084f07ab72f7bde62001571e7"
+  "gitHead": "f4b4b648465418fd693f8836b8de67af3022ea2b"
 }

package/src/less/buttons.less

@@ -27,18 +27,18 @@
 
   user-select: none;
 
-  &:active,
-  &.active,
-  &:focus,
-  &.focus {
+  &:not(.disabled, :disabled):active,
+  &:not(.disabled, :disabled).active,
+  &:not(.disabled, :disabled):focus,
+  &:not(.disabled, :disabled).focus {
     .tab-focus();
 
     outline-offset: -2px;
   }
 
-  &:hover,
-  &:focus,
-  &.focus {
+  &:not(.disabled, :disabled):hover,
+  &:not(.disabled, :disabled):focus,
+  &:not(.disabled, :disabled).focus {
     color: var(--color-interactive-accent-hover);
     text-decoration: none;
   }
@@ -46,7 +46,6 @@
   &.disabled,
   &[disabled],
   fieldset[disabled] & {
-    cursor: @cursor-disabled;
     outline: none;
     box-shadow: none;
   }
@@ -114,33 +113,23 @@
   border-color: transparent;
 
   &,
-  &:active,
-  &.active,
+  &:not(.disabled, :disabled):active,
+  &:not(.disabled, :disabled).active,
   &[disabled],
   fieldset[disabled] & {
-    background-color: transparent;
+    background-color: transparent !important;
   }
 
-  &:hover,
-  &:focus {
+  &:not(.disabled, :disabled):hover,
+  &:not(.disabled, :disabled):focus {
     color: var(--color-content-accent-hover);
     text-decoration: @link-decoration;
     border-color: transparent;
   }
 
-  &:active {
+  &:not(.disabled, :disabled):active {
     color: var(--color-content-accent-active);
   }
-
-  &[disabled],
-  fieldset[disabled] & {
-    color: var(--color-content-disabled);
-
-    &:hover,
-    &:focus {
-      color: var(--color-content-disabled);
-    }
-  }
 }
 
 // @DEPRECATED:.btn-success (use Button component with type Positive)
@@ -254,14 +243,14 @@
   background-color: rgba(255, 255, 255, 0.4);
   color: @brand-white;
 
-  &:hover,
-  &:focus {
+  &:not(.disabled, :disabled):hover,
+  &:not(.disabled, :disabled):focus {
     background-color: @brand-grey-plus-10;
     background-color: rgba(24, 33, 56, 0.56);
   }
 
-  &:active,
-  &:hover:active {
+  &:not(.disabled, :disabled):active,
+  &:not(.disabled, :disabled):hover:active {
     background: @brand-grey-minus-20;
   }
 }
@@ -352,14 +341,14 @@ input[type="button"] {
 
   .padding(right, @padding-base-horizontal);
 
-  &:hover {
+  &:not(.disabled, :disabled):hover {
     border-color: var(--color-interactive-secondary-hover);
   }
 
-  &.active,
-  &:active,
-  &.focus,
-  &:focus {
+  &:not(.disabled, :disabled).active,
+  &:not(.disabled, :disabled):active,
+  &:not(.disabled, :disabled).focus,
+  &:not(.disabled, :disabled):focus {
     border-color: var(--color-interactive-accent-active);
     outline: 0 none !important;
   }
@@ -369,12 +358,6 @@ input[type="button"] {
     color: var(--color-content-accent);
   }
 
-  &[disabled] {
-    background-color: var(--color-background-neutral);
-    border-color: var(--color-interactive-disabled);
-    color: var(--color-content-disabled);
-  }
-
   .form-control-placeholder {
     text-overflow: ellipsis;
     overflow: hidden;
@@ -414,7 +397,7 @@ input[type="button"] {
     var(--color-background-screen);
   );
 
-  &:focus {
+  &:not(.disabled, :disabled):focus {
     outline: thin dotted rgba(255, 255, 255, 0.7);
   }
 }

package/src/less/circles.less

@@ -125,7 +125,6 @@ a.circle.active:hover {
 .dropdown-menu .disabled a:hover .circle {
   background-color: @circle-inverse-bg;
   border-color: transparent;
-  color: var(--color-content-disabled);
 }
 
 .circle-inverse {

package/src/less/core/_scaffolding.less

@@ -95,15 +95,6 @@ a,
       color: var(--color-content-accent-active);
     }
   }
-
-  &[disabled] {
-    color: var(--color-content-disabled);
-    cursor: default;
-
-    .bg-primary & {
-      color: @color-navy-content-disabled;
-    }
-  }
 }
 
 html.ios-click {
@@ -384,6 +375,13 @@ video {
   display: none; // Normalize 8.0.1
 }
 
+.disabled,
+:disabled {
+  filter: grayscale(1);
+  opacity: 0.45;
+  cursor: not-allowed !important;
+}
+
 // Only display content to screen readers
 .sr-only {
   position: absolute;

package/src/less/core/_typography-utilities.less

@@ -221,7 +221,7 @@
 }
 
 .text-muted {
-  color: var(--color-content-disabled) !important;
+  color: var(--color-content-tertiary) !important;
 }
 
 .display-1,

package/src/less/decision.less

@@ -56,11 +56,6 @@
     }
   }
 
-  &.disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
   &:not(.disabled):hover {
     // TODO: Replace this color on rebrand. Custom hover color added to distinct decision hover color from product page backgrounds.
     background-color: #86a7bd12;

package/src/less/dropdowns.less

@@ -168,32 +168,12 @@
 // Gray out text and ensure the hover/focus state remains gray
 
 .dropdown-menu > .disabled > a {
-  &,
-  &:hover,
-  &:focus,
-  .body-2,
-  .small,
-  .secondary {
-    color: var(--color-content-disabled);
-  }
-
   // Nuke hover/focus effects
   &:hover,
   &:focus {
     text-decoration: none;
     background-color: transparent;
     background-image: none; // Remove CSS gradient
-    cursor: @cursor-disabled;
-  }
-
-  .circle img,
-  .currency-flag {
-    opacity: 0.5;
-  }
-
-  .circle,
-  .icon {
-    color: var(--color-content-disabled);
   }
 }
 

package/src/less/forms/bootstrap-forms.less

@@ -54,10 +54,6 @@ label,
   transition: color ease-in-out 0.15s;
 }
 
-.disabled > label {
-  color: var(--color-content-disabled);
-}
-
 // Normalize form controls
 //
 // While most of our form styles require extra classes, some basic normalization
@@ -161,7 +157,7 @@ output {
   // Remove iOS drop shadow
   background-clip: padding-box;
 
-  &:hover {
+  &:not(.disabled, :disabled):hover {
     border-color: var(--color-interactive-secondary-hover);
   }
 
@@ -172,31 +168,6 @@ output {
     color: var(--color-content-tertiary);
   }
 
-  // Disabled and read-only inputs
-  //
-  // HTML5 says that controls under a fieldset > legend:first-child won't be
-  // disabled if the fieldset is disabled. Due to implementation difficulty, we
-  // don't honor that edge case; we style them as disabled anyway.
-  &[disabled],
-  &[readonly],
-  fieldset[disabled] & {
-    background-color: var(--color-background-neutral);
-    color: var(--color-content-disabled);
-    border-color: var(--color-interactive-disabled);
-
-    &::placeholder {
-      color: var(--color-content-disabled);
-    }
-
-    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655
-    opacity: 1;
-  }
-
-  &[disabled],
-  fieldset[disabled] & {
-    cursor: @cursor-disabled;
-  }
-
   // Reset height for `textarea`s
   textarea& {
     height: 144px;
@@ -376,9 +347,9 @@ input[type='checkbox'] {
   line-height: var(--line-height-control);
   min-height: calc(var(--line-height-control) * 2);
   font-size: var(--font-size-16);
-  color: var(--color-content-disabled);
+  color: var(--color-content-secondary);
   background-color: var(--color-background-neutral);
-  border: 1px solid var(--color-interactive-disabled);
+  border: 1px solid var(--color-interactive-secondary);
   border-radius: @input-border-radius;
   padding: @input-padding;
 
@@ -590,24 +561,24 @@ input[type='checkbox'] {
 .has-success {
   .form-control-validation(
     var(--color-content-positive);
-    var(--color-interactive-secondary);
-    var(--color-interactive-secondary-hover);
+    var(--color-interactive-positive);
+    var(--color-interactive-positive-hover);
   );
 }
 
 .has-info {
   .form-control-validation(
     var(--color-content-accent);
-    var(--color-interactive-secondary);
-    var(--color-interactive-secondary-hover);
+    var(--color-interactive-accent);
+    var(--color-interactive-accent-hover);
   );
 }
 
 .has-warning {
   .form-control-validation(
     var(--color-content-warning);
-    var(--color-interactive-secondary);
-    var(--color-interactive-secondary-hover);
+    var(--color-interactive-warning);
+    var(--color-interactive-warning-hover);
   );
 }
 
@@ -901,31 +872,19 @@ input[type='checkbox'] {
     border-radius: @border-radius-base;
     transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
 
-    &:hover {
+    &:not(.disabled, :disabled):hover {
       border-color: var(--color-interactive-accent-hover);
     }
 
-    &.focus,
-    &.focus:hover,
-    &.has-focus,
-    &.has-focus:hover,
-    &:focus-within {
+    &:not(.disabled, :disabled).focus,
+    &:not(.disabled, :disabled).focus:hover,
+    &:not(.disabled, :disabled).has-focus,
+    &:not(.disabled, :disabled).has-focus:hover,
+    &:not(.disabled, :disabled):focus-within {
       border-color: var(--color-interactive-accent-active);
     }
   }
 
-  &[disabled],
-  &[readonly],
-  fieldset[disabled] &,
-  &.disabled,
-  &.readonly {
-    label {
-      color: var(--color-content-disabled);
-      border-color: var(--color-interactive-disabled);
-      background-color: var(--color-background-neutral);
-    }
-  }
-
   &.checkbox-lg,
   &.radio-lg {
     > label {
@@ -942,23 +901,6 @@ input[type='checkbox'] {
   }
 }
 
-.disabled .checkbox,
-.checkbox.disabled,
-.disabled .radio,
-.radio.disabled {
-  > label,
-  > label:hover {
-    border-color: var(--color-interactive-disabled);
-    color: var(--color-content-disabled);
-
-    small,
-    .small,
-    .body-2 {
-      color: var(--color-content-disabled);
-    }
-  }
-}
-
 .error-messages {
   display: none;
   color: var(--color-content-negative);