@transferwise/neptune-css 12.5.7-beta-356d4e8581.30 → 12.5.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/css/accordion.css +1 -1
- package/dist/css/alerts.css +1 -1
- package/dist/css/button-groups.css +1 -1
- package/dist/css/buttons.css +1 -1
- package/dist/css/close.css +1 -1
- package/dist/css/decision.css +1 -1
- package/dist/css/dropdowns.css +1 -1
- package/dist/css/droppable.css +1 -1
- package/dist/css/footer.css +1 -1
- package/dist/css/forms.css +1 -1
- package/dist/css/input-groups.css +1 -1
- package/dist/css/list-group.css +1 -1
- package/dist/css/navbar-base.css +1 -1
- package/dist/css/navbar.css +1 -1
- package/dist/css/navs.css +1 -1
- package/dist/css/neptune-addons.css +1 -1
- package/dist/css/neptune-core.css +1 -1
- package/dist/css/neptune.css +1 -1
- package/dist/css/popovers.css +1 -1
- package/dist/css/progress-bars.css +1 -1
- package/dist/css/sequences.css +1 -1
- package/dist/css/table.css +1 -1
- package/dist/css/tooltip.css +1 -1
- package/dist/less/neptune-tokens.less +10 -41
- package/dist/props/neptune-tokens.css +9 -40
- package/package.json +3 -3
- package/src/less/addons/_background-utilities.less +5 -5
- package/src/less/button-groups.less +1 -1
- package/src/less/buttons.less +8 -0
- package/src/less/core/_fonts.less +12 -27
- package/src/less/core/_scaffolding.less +3 -3
- package/src/less/core/_typography.less +36 -23
- package/src/less/decision.less +1 -2
- package/src/less/dropdowns.less +2 -2
- package/src/less/footer.less +1 -1
- package/src/less/forms/bootstrap-forms.less +1 -1
- package/src/less/mixins/_text-emphasis.less +6 -6
- package/src/less/sequences.less +1 -1
- package/src/less/variables/_typography.less +25 -0
- package/dist/fonts/Inter-Black.ttf +0 -0
- package/dist/fonts/Inter-Bold.ttf +0 -0
- package/dist/fonts/Inter-ExtraBold.ttf +0 -0
- package/dist/fonts/Inter-ExtraLight.ttf +0 -0
- package/dist/fonts/Inter-Light.ttf +0 -0
- package/dist/fonts/Inter-Medium.ttf +0 -0
- package/dist/fonts/Inter-Regular.ttf +0 -0
- package/dist/fonts/Inter-SemiBold.ttf +0 -0
- package/dist/fonts/Inter-Thin.ttf +0 -0
- package/src/fonts/Inter-Black.ttf +0 -0
- package/src/fonts/Inter-Bold.ttf +0 -0
- package/src/fonts/Inter-ExtraBold.ttf +0 -0
- package/src/fonts/Inter-ExtraLight.ttf +0 -0
- package/src/fonts/Inter-Light.ttf +0 -0
- package/src/fonts/Inter-Medium.ttf +0 -0
- package/src/fonts/Inter-Regular.ttf +0 -0
- package/src/fonts/Inter-SemiBold.ttf +0 -0
- package/src/fonts/Inter-Thin.ttf +0 -0
- package/src/less/core/_text.less +0 -120
package/dist/css/popovers.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.close{color:#0097c7;color:var(--color-content-accent);float:right;font-size:
|
|
1
|
+
.close{color:#0097c7;color:var(--color-content-accent);float:right;font-size:2rem;font-size:calc(var(--font-size-16)*2);font-weight:800;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-title);text-decoration:none}[dir=rtl] .close{float:left}.close:focus,.close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.close:focus{outline:thin dotted rgba(0,0,0,.5);outline-offset:2px}.close:active{color:#0077a5;color:var(--color-content-accent-active)}button.close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;padding:0}.popover{word-wrap:normal;background-clip:padding-box;background-color:#fff;background-color:var(--color-background-screen);border-radius:3px;box-shadow:0 20px 66px 0 rgba(34,48,73,.2);font-family:Averta,Avenir W02,Avenir,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular);font-size:.875rem;font-size:var(--font-size-14);font-style:normal;font-weight:400;left:0;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24);padding:18px 24px;position:absolute;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;top:0;white-space:normal;width:276px;word-break:normal;word-spacing:normal;z-index:1060}[dir=rtl] .popover{left:auto;right:0;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-left:0;margin-right:14px}.popover.right-top{margin-left:14px;transform-origin:0 29px}[dir=rtl] .popover.right-top{margin-left:0;margin-right:14px}.popover.right-bottom{margin-left:14px;transform-origin:0 calc(100% - 29px)}[dir=rtl] .popover.right-bottom{margin-left:0;margin-right:14px}.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-left:0;margin-right:-14px}.popover.left-top{margin-left:-14px;transform-origin:100% 29px}[dir=rtl] .popover.left-top{margin-left:0;margin-right:-14px}.popover.left-bottom{margin-left:-14px;transform-origin:100% calc(100% - 29px)}[dir=rtl] .popover.left-bottom{margin-left:0;margin-right:-14px}.popover:before{background-color:inherit;content:" ";display:block;height:14px;left:28px;position:absolute;top:-7px;transform:rotate(45deg);width:14px}[dir=rtl] .popover:before{left:auto;right:28px}.popover.top:before{bottom:-7px;left:50%;margin-left:-7px;top:auto}[dir=rtl] .popover.top:before{left:auto;margin-left:0;margin-right:-7px;right:50%}.popover.top-left:before{bottom:-7px;left:auto;margin-left:-7px;right:29px;top:auto}[dir=rtl] .popover.top-left:before{left:29px;left:auto;margin-left:0;margin-right:-7px;right:auto}.popover.top-right:before{bottom:-7px;left:29px;margin-left:-7px;right:auto;top:auto}[dir=rtl] .popover.top-right:before{left:auto;margin-left:0;margin-right:-7px;right:29px;right:auto}.popover.right:before{left:-7px;margin-top:-7px;top:50%}[dir=rtl] .popover.right:before{left:auto;right:-7px}.popover.right-top:before{left:-7px;margin-top:-7px;top:29px}[dir=rtl] .popover.right-top:before{left:auto;right:-7px}.popover.right-bottom:before{left:-7px;margin-top:-7px;top:calc(100% - 29px)}[dir=rtl] .popover.right-bottom:before{left:auto;right:-7px}.popover.bottom:before{bottom:auto;left:50%;margin-left:-7px;top:-7px}[dir=rtl] .popover.bottom:before{left:auto;margin-left:0;margin-right:-7px;right:50%}.popover.bottom-left:before{bottom:auto;left:auto;margin-left:-7px;right:29px;top:-7px}[dir=rtl] .popover.bottom-left:before{left:29px;left:auto;margin-left:0;margin-right:-7px;right:auto}.popover.bottom-right:before{bottom:auto;left:auto;margin-left:-7px;right:29px;top:-7px}[dir=rtl] .popover.bottom-right:before{left:29px;left:auto;margin-left:0;margin-right:-7px;right:auto}.popover.left:before{left:auto;margin-top:-7px;right:-7px;top:50%}[dir=rtl] .popover.left:before{left:auto;left:-7px;right:auto}.popover.left-top:before{left:auto;margin-top:-7px;right:-7px;top:29px}[dir=rtl] .popover.left-top:before{left:auto;left:-7px;right:auto}.popover.left-bottom:before{left:auto;margin-top:-7px;right:-7px;top:calc(100% - 29px)}[dir=rtl] .popover.left-bottom:before{left:auto;left:-7px;right:auto}.popover .popover-image,.popover img{margin:8px 0;width:65%}.popover-title{background-color:#fff;background-color:var(--color-background-screen);border-bottom:0;border-radius:2px 2px 0 0;color:#37517e!important;color:var(--color-content-primary)!important;margin:0}.popover-content,.popover-title{font-size:.875rem;font-size:var(--font-size-14);line-height:1.5;line-height:var(--line-height-body);padding:0}.popover-content{color:#5d7079;color:var(--color-content-secondary)}.popover-content>:last-child{margin-bottom:0}.popover-close{color:#0097c7;color:var(--color-content-accent);float:right;font-size:2rem;font-size:calc(var(--font-size-16)*2);font-weight:800;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-title);text-decoration:none}[dir=rtl] .popover-close{float:left}.popover-close:focus,.popover-close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.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)}button.popover-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;padding:0}[data-toggle=popover]:not(.btn){border-bottom:1px dotted #0097c7!important;border-bottom:1px dotted var(--color-content-accent)!important;color:inherit!important;cursor:pointer;font-weight:inherit!important;text-decoration:none!important}[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)!important;outline:0}.nav>li>a [data-toggle=popover]{border-bottom:0}@media (max-width:991px){.popover-modal{left:0!important;margin:32px auto!important;margin:var(--size-32) auto!important;position:fixed;right:0!important;top:0!important;width:272px}.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-left:0!important;margin-right:-var(--size-24)!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{animation:cover-fade-in .35s linear 0s forwards;background-color:#fff;background-color:var(--color-background-screen);cursor:pointer;display:none;height:100vh;left:0;opacity:.7;position:fixed;top:0;width:100vw;z-index:1060}[dir=rtl] .popover-modal-cover{left:auto;right:0}@media (max-width:991px){.popover-modal-cover{display:block}}.popover-promotion{padding:24px;padding:var(--size-24);text-align:center}@media (max-width:576px){.popover-promotion{margin:16px!important;margin:var(--size-16)!important;padding:24px!important;padding:var(--size-24)!important;width:auto!important}}@media (min-width:566px) and (max-width:992px){.popover-promotion{margin:32px auto!important;margin:var(--size-32) auto!important;padding:28px 32px!important;padding:28px var(--size-32)!important;width:540px!important}}.popover-promotion .popover-title{font-size:1rem;font-size:var(--font-size-16);line-height:1.2;line-height:var(--line-height-title)}@media (min-width:768px){.popover-promotion .popover-title{font-size:1.25rem;font-size:var(--font-size-20);line-height:1.2;line-height:var(--line-height-title)}}@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}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.progress{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:1px;height:2px;margin-bottom:11px;margin-bottom:calc((var(--size-24) - 2px)/2);margin-top:11px;margin-top:calc((var(--size-24) - 2px)/2)}.progress-bar{background-color:#0097c7;background-color:var(--color-content-accent);color:#fff;float:left;font-size:
|
|
1
|
+
.progress{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:1px;height:2px;margin-bottom:11px;margin-bottom:calc((var(--size-24) - 2px)/2);margin-top:11px;margin-top:calc((var(--size-24) - 2px)/2)}.progress-bar{background-color:#0097c7;background-color:var(--color-content-accent);color:#fff;float:left;font-size:1rem;font-size:var(--font-size-16);font-weight:800;font-weight:var(--font-weight-bold);height:100%;text-align:right;transition:width .6s ease;width:0}[dir=rtl] .progress-bar{float:right;text-align:left}.progress-bar:after{background-color:inherit;border-radius:8px/2;content:"";float:right;height:8px;margin-right:8px/2;margin-top:8px/2 + 1;width:8px}[dir=rtl] .progress-bar:after{float:left;margin-left:8px/2;margin-right:0}.progress-bar:first-child{border-bottom-left-radius:2px/2;border-top-left-radius:2px/2}.progress-bar:last-child{border-bottom-right-radius:2px/2;border-top-right-radius:2px/2}.progress-bar-primary{background-color:#37517e;background-color:var(--color-content-primary)}.progress-bar-success{background-color:#008026;background-color:var(--color-content-positive)}.progress-bar-info{background-color:#0097c7;background-color:var(--color-content-accent)}.progress-bar-warning{background-color:#9a6500;background-color:var(--color-content-warning)}.progress-bar-danger{background-color:#cf2929;background-color:var(--color-content-negative)}
|
package/dist/css/sequences.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sequence{border-color:#0000001a;border-color:var(--color-border-neutral);font-size:1rem;font-size:var(--font-size-14);margin-bottom:0;margin-left:25px;margin-top:0;padding-left:24px;position:relative}.sequence>li{padding-bottom:2px;padding-top:2px}.sequence>li:first-child{margin-top:16px}.sequence>li:last-child{margin-bottom:16px}@media (min-width:768px){.sequence>li{padding-bottom:4px;padding-top:4px}}.sequence>li:before{margin-top:8px}.sequence>li:after{top:16px}.sequence>li:first-child:after{height:100%}.sequence>li:last-child:after{height:0}.sequence.sequence-top>li:first-child{margin-top:0;padding-top:20px}.sequence.sequence-top>li:first-child:after{height:calc(100% + 16px)}.sequence.sequence-bottom>li:last-child{margin-bottom:0;padding-bottom:20px}.sequence.sequence-bottom>li:last-child:after{height:calc(100% - 16px)}.sequence.sequence-top.sequence-bottom>li:first-child:last-child:after{height:100%}.sequence .sequence-icon{top:2px}@media (min-width:768px){.sequence .sequence-icon{top:4px}}.sequence.sequence-top>li:first-child .sequence-icon{top:20px}[dir=rtl] .sequence{padding-left:0;padding-right:24px}.sequence>li:before{margin-left:-27px}[dir=rtl] .sequence>li:before{margin-left:0;margin-right:-27px}.sequence>li:after{left:-24px}[dir=rtl] .sequence>li:after{left:auto;right:-24px}.sequence .sequence-icon{margin-left:-35px}[dir=rtl] .sequence .sequence-icon{margin-left:0;margin-right:-35px}.sequence .sequence-icon-md{margin-left:-39px}[dir=rtl] .sequence .sequence-icon-md{margin-left:0;margin-right:-39px}.sequence .sequence-icon-lg{margin-left:-43px}[dir=rtl] .sequence .sequence-icon-lg{margin-left:0;margin-right:-43px}[dir=rtl] .sequence{margin-left:0;margin-right:25px}@media (min-width:768px){.sequence{font-size:1.1428571428571428rem;font-size:var(--font-size-16);padding-right:24px}[dir=rtl] .sequence{padding-left:24px;padding-right:0}}.sequence>li{border-color:#0000001a;border-color:var(--color-border-neutral);display:block;line-height:24px;position:relative}.sequence>li>a{color:#0097c7;color:var(--color-content-accent);display:block;font-weight:400;font-weight:var(--font-weight-regular);outline-offset:-1px;text-decoration:none}.sequence>li>a:focus,.sequence>li>a:hover{color:#0084b3;color:var(--color-content-accent-hover);text-decoration:none}.sequence>li>a:active{color:#0077a5;color:var(--color-content-accent-active)}.sequence>li p{margin-bottom:0;max-width:600px;padding-bottom:8px}.sequence>li p:last-child{padding-bottom:0}.sequence>li .btn-toolbar,.sequence>li .h1,.sequence>li .h2,.sequence>li .h3,.sequence>li .h4,.sequence>li h1,.sequence>li h2,.sequence>li h3,.sequence>li h4{margin-bottom:16px}.sequence>li:before{border:4px solid;border-color:inherit;border-radius:50%;content:"";display:block;height:8px;outline:0;position:absolute;width:8px;z-index:2}.sequence>li:after{background-color:#0000001a;background-color:var(--color-border-neutral);background-position:0 0;background-size:200% 200%;border:0 solid;border-color:inherit;content:"";height:100%;outline:0;position:absolute;width:2px}.sequence .sequence-item-no-pip:before{display:none}.sequence>.active>a{font-weight:600;font-weight:var(--font-weight-semi-bold)}.sequence>.active>a,.sequence>.active>a:focus,.sequence>.active>a:hover{color:#37517e;color:var(--color-content-primary);text-decoration:none}.sequence>.active>a:active{color:#37517e;color:var(--color-content-primary)}.sequence>.active:before{border-color:#0097c7;border-color:var(--color-content-accent)}.sequence>.active:after,.sequence>.active~li:after{background-color:#0000001a;background-color:var(--color-border-neutral);background-image:none}.sequence>.active~li:before{border-color:#0000001a;border-color:var(--color-border-neutral)}.sequence a{font-weight:400;font-weight:var(--font-weight-regular);text-decoration:none}.sequence-top>li:first-child:after{top:0}.sequence-inverse>li{border-color:#0000001a;border-color:var(--color-border-neutral)}.sequence-inverse>li>a{color:#fff}.sequence-inverse>li:after{background-color:#37517e}.sequence-inverse>.active>a{color:#fff}.sequence-inverse>.active .np-Text,.sequence-inverse>.active .small{color:#5d7079;color:var(--color-content-secondary)}.sequence-inverse>.active:after,.sequence-inverse>.active~li:after{background-color:#37517e;background-image:none!important}.sequence-inverse>.active~li:before{border-color:#37517e}.sequence-info>li{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.sequence-info>li:after{background-image:linear-gradient(#00a2dd,#00a2dd 50%,#0000001a 0,#0000001a);background-image:linear-gradient(var(--color-interactive-accent) 0,var(--color-interactive-accent) 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-info.sequence-inverse>li:after{background-image:linear-gradient(#00a2dd,#00a2dd 50%,#ffffff1a 0,#ffffff1a);background-image:linear-gradient(var(--color-interactive-accent) 0,var(--color-interactive-accent) 50%,#ffffff1a 50%,#ffffff1a 100%)}.sequence-info>.active:before{background-color:#00a2dd;background-color:var(--color-interactive-accent);border-color:#00a2dd;border-color:var(--color-interactive-accent)}@keyframes sequence-pip-info{0%{border-color:#ffffff1a}to{border-color:#00a2dd;border-color:var(--color-interactive-accent)}}.sequence-primary>li{border-color:#37517e}.sequence-primary>li:after{background-image:linear-gradient(#37517e,#37517e 50%,#0000001a 0,#0000001a);background-image:linear-gradient(#37517e 0,#37517e 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-primary.sequence-inverse>li:after{background-image:linear-gradient(#37517e,#37517e 50%,#ffffff1a 0,#ffffff1a)}.sequence-primary>.active:before{background-color:#37517e;border-color:#37517e}@keyframes sequence-pip-primary{0%{border-color:#ffffff1a}to{border-color:#37517e}}.sequence-success>li{border-color:#2ead4b;border-color:var(--color-interactive-positive)}.sequence-success>li:after{background-image:linear-gradient(#2ead4b,#2ead4b 50%,#0000001a 0,#0000001a);background-image:linear-gradient(var(--color-interactive-positive) 0,var(--color-interactive-positive) 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-success.sequence-inverse>li:after{background-image:linear-gradient(#2ead4b,#2ead4b 50%,#ffffff1a 0,#ffffff1a);background-image:linear-gradient(var(--color-interactive-positive) 0,var(--color-interactive-positive) 50%,#ffffff1a 50%,#ffffff1a 100%)}.sequence-success>.active:before{background-color:#2ead4b;background-color:var(--color-interactive-positive);border-color:#2ead4b;border-color:var(--color-interactive-positive)}@keyframes sequence-pip-success{0%{border-color:#ffffff1a}to{border-color:#2ead4b;border-color:var(--color-interactive-positive)}}.sequence-warning>li{border-color:#df8700;border-color:var(--color-interactive-warning)}.sequence-warning>li:after{background-image:linear-gradient(#df8700,#df8700 50%,#0000001a 0,#0000001a);background-image:linear-gradient(var(--color-interactive-warning) 0,var(--color-interactive-warning) 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-warning.sequence-inverse>li:after{background-image:linear-gradient(#df8700,#df8700 50%,#ffffff1a 0,#ffffff1a);background-image:linear-gradient(var(--color-interactive-warning) 0,var(--color-interactive-warning) 50%,#ffffff1a 50%,#ffffff1a 100%)}.sequence-warning>.active:before{background-color:#df8700;background-color:var(--color-interactive-warning);border-color:#df8700;border-color:var(--color-interactive-warning)}@keyframes sequence-pip-warning{0%{border-color:#ffffff1a}to{border-color:#df8700;border-color:var(--color-interactive-warning)}}.sequence-danger>li{border-color:#e74848;border-color:var(--color-interactive-negative)}.sequence-danger>li:after{background-image:linear-gradient(#e74848,#e74848 50%,#0000001a 0,#0000001a);background-image:linear-gradient(var(--color-interactive-negative) 0,var(--color-interactive-negative) 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-danger.sequence-inverse>li:after{background-image:linear-gradient(#e74848,#e74848 50%,#ffffff1a 0,#ffffff1a);background-image:linear-gradient(var(--color-interactive-negative) 0,var(--color-interactive-negative) 50%,#ffffff1a 50%,#ffffff1a 100%)}.sequence-danger>.active:before{background-color:#e74848;background-color:var(--color-interactive-negative);border-color:#e74848;border-color:var(--color-interactive-negative)}@keyframes sequence-pip-danger{0%{border-color:#ffffff1a}to{border-color:#e74848;border-color:var(--color-interactive-negative)}}.sequence-hollow>li:before{background-color:#fff;background-color:var(--color-background-screen);border-width:2px}.sequence-hollow>.active:before{border-width:4px}.sequence-hollow>.active~li:before{background-color:#fff;background-color:var(--color-background-screen)}.sequence-hollow.sequence-inverse>li:before{background-color:#37517e}.sequence-icon{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #0000001a;border-color:var(--color-border-neutral);border-radius:50%;display:block;font-size:.8571428571428571rem;font-size:var(--font-size-12);height:24px;line-height:23px;margin-left:-35px;position:absolute;text-align:center;text-decoration:none!important;top:4px;width:24px;z-index:2}[dir=rtl] .sequence-icon{margin-left:0;margin-right:-35px}.sequence-icon .icon{font-size:1.1428571428571428rem;font-size:var(--font-size-16);line-height:23px}.sequence-inverse .sequence-icon{background-color:#37517e;border-color:#fff}.sequence a .sequence-icon{border-color:#00a2dd;border-color:var(--color-interactive-accent);color:#0097c7;color:var(--color-content-accent)}.sequence a:focus .sequence-icon,.sequence a:hover .sequence-icon{border-color:#008fc9;border-color:var(--color-interactive-accent-hover);color:#0084b3;color:var(--color-content-accent-hover)}.sequence-table{display:table}.sequence-table>li{display:table-row}.sequence-table>li>a{position:absolute}.sequence-table>li>.sequence-table-td,.sequence-table>li>.sequence-table-th{display:table-cell;padding:4px 12px;padding:var(--size-4) var(--size-12);padding-left:0}[dir=rtl] .sequence-table>li>.sequence-table-td,[dir=rtl] .sequence-table>li>.sequence-table-th{padding-left:0;padding-right:0}.sequence-table>li>.sequence-table-td:last-child,.sequence-table>li>.sequence-table-th:last-child{padding-right:0}[dir=rtl] .sequence-table>li>.sequence-table-td:last-child,[dir=rtl] .sequence-table>li>.sequence-table-th:last-child{padding-left:0;padding-right:0}.sequence-table>li>.sequence-table-th{color:#37517e;color:var(--color-content-primary);white-space:nowrap}.sequence-table>li:before{position:static}.sequence-table>li:after{display:none}.sequence-table>li .sequence-icon{margin-top:-17px;position:static}.sequence-table>li:first-child .sequence-table-td,.sequence-table>li:first-child .sequence-table-th{padding-top:17px}.sequence-table>li:last-child .sequence-table-td,.sequence-table>li:last-child .sequence-table-th{padding-bottom:15px}.sequence-table:before{border:1px solid;border-color:inherit;content:" ";display:block;height:calc(100% - 56px);left:0;margin-top:28px;position:absolute;width:2px}[dir=rtl] .sequence-table:before{left:auto;right:0}.sequence-table.sequence-top:before{height:calc(100% - 28px);margin-top:0}.sequence-table.sequence-bottom:before{height:calc(100% - 28px)}.sequence-table.sequence-top.sequence-bottom:before{height:100%}.sequence-inverse>li>.sequence-table-td,.sequence-inverse>li>.sequence-table-th{color:#5d7079;color:var(--color-content-secondary)}.sequence-icon-md{font-size:1rem;font-size:var(--font-size-14);height:32px;line-height:30px;margin-top:-6px;width:32px}.sequence-icon-lg{font-size:1.1428571428571428rem;font-size:var(--font-size-16);height:40px;line-height:38px;margin-top:-6px;width:40px}.sequence-icon-lg .icon{font-size:22px;line-height:35px}.sequence-lg{padding-left:40px}.sequence-lg>li{padding-bottom:8px;padding-top:8px}.sequence-lg>li:first-child{margin-top:24px}.sequence-lg>li:last-child{margin-bottom:24px}@media (min-width:768px){.sequence-lg>li{padding-bottom:8px;padding-top:8px}}.sequence-lg>li:before{margin-top:8px}.sequence-lg>li:after{top:20px}.sequence-lg>li:first-child:after{height:100%}.sequence-lg>li:last-child:after{height:0}.sequence-lg.sequence-top>li:first-child{margin-top:0;padding-top:32px}.sequence-lg.sequence-top>li:first-child:after{height:calc(100% + 20px)}.sequence-lg.sequence-bottom>li:last-child{margin-bottom:0;padding-bottom:32px}.sequence-lg.sequence-bottom>li:last-child:after{height:calc(100% - 20px)}.sequence-lg.sequence-top.sequence-bottom>li:first-child:last-child:after{height:100%}.sequence-lg .sequence-icon{top:8px}@media (min-width:768px){.sequence-lg .sequence-icon{top:8px}}.sequence-lg.sequence-top>li:first-child .sequence-icon{top:32px}[dir=rtl] .sequence-lg{padding-left:0;padding-right:40px}.sequence-lg>li:before{margin-left:-43px}[dir=rtl] .sequence-lg>li:before{margin-left:0;margin-right:-43px}.sequence-lg>li:after{left:-40px}[dir=rtl] .sequence-lg>li:after{left:auto;right:-40px}.sequence-lg .sequence-icon{margin-left:-51px}[dir=rtl] .sequence-lg .sequence-icon{margin-left:0;margin-right:-51px}.sequence-lg .sequence-icon-md{margin-left:-55px}[dir=rtl] .sequence-lg .sequence-icon-md{margin-left:0;margin-right:-55px}.sequence-lg .sequence-icon-lg{margin-left:-59px}[dir=rtl] .sequence-lg .sequence-icon-lg{margin-left:0;margin-right:-59px}@media (min-width:768px){.sequence-lg{padding-left:48px}[dir=rtl] .sequence-lg{padding-left:0;padding-right:48px}.sequence-lg>li:before{margin-left:-51px}[dir=rtl] .sequence-lg>li:before{margin-left:0;margin-right:-51px}.sequence-lg>li:after{left:-48px}[dir=rtl] .sequence-lg>li:after{left:auto;right:-48px}.sequence-lg .sequence-icon{margin-left:-59px}[dir=rtl] .sequence-lg .sequence-icon{margin-left:0;margin-right:-59px}.sequence-lg .sequence-icon-md{margin-left:-63px}[dir=rtl] .sequence-lg .sequence-icon-md{margin-left:0;margin-right:-63px}.sequence-lg .sequence-icon-lg{margin-left:-67px}[dir=rtl] .sequence-lg .sequence-icon-lg{margin-left:0;margin-right:-67px}}.sequence-animate>li:after{animation:sequence-fill .3s linear 0s both;background-size:200% 200%}.sequence-animate.sequence-info>li:before{animation:sequence-pip-info .3s linear .3s both,sequence-pulse-info 3s linear .3s forwards}.sequence-animate.sequence-info>.active:before{animation:sequence-pip-info .3s linear .3s both,sequence-pulse-info 3s linear .3s infinite}.sequence-animate.sequence-warning>li:before{animation:sequence-pip-warning .3s linear .3s both,sequence-pulse-warning 3s linear .3s forwards}.sequence-animate.sequence-warning>.active:before{animation:sequence-pip-warning .3s linear .3s both,sequence-pulse-warning 3s linear .3s infinite}.sequence-animate.sequence-success>li:before{animation:sequence-pip-success .3s linear .3s both,sequence-pulse-success 3s linear .3s forwards}.sequence-animate.sequence-success>.active:before{animation:sequence-pip-success .3s linear .3s both,sequence-pulse-success 3s linear .3s infinite}.sequence-animate.sequence-danger>li:before{animation:sequence-pip-danger .3s linear .3s both,sequence-pulse-danger 3s linear .3s forwards}.sequence-animate.sequence-danger>.active:before{animation:sequence-pip-danger .3s linear .3s both,sequence-pulse-danger 3s linear .3s infinite}.sequence-animate>li:first-child:after,.sequence-animate>li:first-child:before{animation-delay:.3s!important}.sequence-animate>li:nth-child(2):after,.sequence-animate>li:nth-child(2):before{animation-delay:.6s!important}.sequence-animate>li:nth-child(3):after,.sequence-animate>li:nth-child(3):before{animation-delay:.9s!important}.sequence-animate>li:nth-child(4):after,.sequence-animate>li:nth-child(4):before{animation-delay:1.2s!important}.sequence-animate>li:nth-child(5):after,.sequence-animate>li:nth-child(5):before{animation-delay:1.5s!important}.sequence-animate>li:nth-child(6):after,.sequence-animate>li:nth-child(6):before{animation-delay:1.8s!important}.sequence-animate>li:nth-child(7):after,.sequence-animate>li:nth-child(7):before{animation-delay:2.1s!important}.sequence-animate>li:nth-child(8):after,.sequence-animate>li:nth-child(8):before{animation-delay:2.4s!important}.sequence-animate>li:nth-child(9):after,.sequence-animate>li:nth-child(9):before{animation-delay:2.7s!important}.sequence-animate>li:nth-child(10):after,.sequence-animate>li:nth-child(10):before{animation-delay:3s!important}.sequence-animate>.active~li:after,.sequence-animate>.active~li:before{animation:none}@keyframes sequence-fill{0%{background-position:0 100%}to{background-position:0 0}}@keyframes sequence-pulse-info{0%{box-shadow:0 0 0 0 rgba(0,185,255,.3)}50%{box-shadow:0 0 0 16px rgba(0,185,255,0)}to{box-shadow:0 0 0 0 rgba(0,185,255,0)}}@keyframes sequence-pulse-warning{0%{box-shadow:0 0 0 0 rgba(255,166,0,.3)}50%{box-shadow:0 0 0 16px rgba(255,166,0,0)}to{box-shadow:0 0 0 0 rgba(255,166,0,0)}}@keyframes sequence-pulse-success{0%{box-shadow:0 0 0 0 rgba(26,208,110,.3)}50%{box-shadow:0 0 0 16px rgba(26,208,110,0)}to{box-shadow:0 0 0 0 hsla(51,67%,66%,0)}}@keyframes sequence-pulse-danger{0%{box-shadow:0 0 0 0 rgba(245,54,54,.3)}50%{box-shadow:0 0 0 16px rgba(245,54,54,0)}to{box-shadow:0 0 0 0 rgba(245,54,54,0)}}
|
|
1
|
+
.sequence{border-color:#0000001a;border-color:var(--color-border-neutral);font-size:.875rem;font-size:var(--font-size-14);margin-bottom:0;margin-left:25px;margin-top:0;padding-left:24px;position:relative}.sequence>li{padding-bottom:2px;padding-top:2px}.sequence>li:first-child{margin-top:16px}.sequence>li:last-child{margin-bottom:16px}@media (min-width:768px){.sequence>li{padding-bottom:4px;padding-top:4px}}.sequence>li:before{margin-top:8px}.sequence>li:after{top:16px}.sequence>li:first-child:after{height:100%}.sequence>li:last-child:after{height:0}.sequence.sequence-top>li:first-child{margin-top:0;padding-top:20px}.sequence.sequence-top>li:first-child:after{height:calc(100% + 16px)}.sequence.sequence-bottom>li:last-child{margin-bottom:0;padding-bottom:20px}.sequence.sequence-bottom>li:last-child:after{height:calc(100% - 16px)}.sequence.sequence-top.sequence-bottom>li:first-child:last-child:after{height:100%}.sequence .sequence-icon{top:2px}@media (min-width:768px){.sequence .sequence-icon{top:4px}}.sequence.sequence-top>li:first-child .sequence-icon{top:20px}[dir=rtl] .sequence{padding-left:0;padding-right:24px}.sequence>li:before{margin-left:-27px}[dir=rtl] .sequence>li:before{margin-left:0;margin-right:-27px}.sequence>li:after{left:-24px}[dir=rtl] .sequence>li:after{left:auto;right:-24px}.sequence .sequence-icon{margin-left:-35px}[dir=rtl] .sequence .sequence-icon{margin-left:0;margin-right:-35px}.sequence .sequence-icon-md{margin-left:-39px}[dir=rtl] .sequence .sequence-icon-md{margin-left:0;margin-right:-39px}.sequence .sequence-icon-lg{margin-left:-43px}[dir=rtl] .sequence .sequence-icon-lg{margin-left:0;margin-right:-43px}[dir=rtl] .sequence{margin-left:0;margin-right:25px}@media (min-width:768px){.sequence{font-size:1rem;font-size:var(--font-size-16);padding-right:24px}[dir=rtl] .sequence{padding-left:24px;padding-right:0}}.sequence>li{border-color:#0000001a;border-color:var(--color-border-neutral);display:block;line-height:24px;position:relative}.sequence>li>a{color:#0097c7;color:var(--color-content-accent);display:block;font-weight:500;font-weight:var(--font-weight-regular);outline-offset:-1px;text-decoration:none}.sequence>li>a:focus,.sequence>li>a:hover{color:#0084b3;color:var(--color-content-accent-hover);text-decoration:none}.sequence>li>a:active{color:#0077a5;color:var(--color-content-accent-active)}.sequence>li p{margin-bottom:0;max-width:600px;padding-bottom:8px}.sequence>li p:last-child{padding-bottom:0}.sequence>li .btn-toolbar,.sequence>li .h1,.sequence>li .h2,.sequence>li .h3,.sequence>li .h4,.sequence>li h1,.sequence>li h2,.sequence>li h3,.sequence>li h4{margin-bottom:16px}.sequence>li:before{border:4px solid;border-color:inherit;border-radius:50%;content:"";display:block;height:8px;outline:0;position:absolute;width:8px;z-index:2}.sequence>li:after{background-color:#0000001a;background-color:var(--color-border-neutral);background-position:0 0;background-size:200% 200%;border:0 solid;border-color:inherit;content:"";height:100%;outline:0;position:absolute;width:2px}.sequence .sequence-item-no-pip:before{display:none}.sequence>.active>a{font-weight:600;font-weight:var(--font-weight-semi-bold)}.sequence>.active>a,.sequence>.active>a:focus,.sequence>.active>a:hover{color:#37517e;color:var(--color-content-primary);text-decoration:none}.sequence>.active>a:active{color:#37517e;color:var(--color-content-primary)}.sequence>.active:before{border-color:#0097c7;border-color:var(--color-content-accent)}.sequence>.active:after,.sequence>.active~li:after{background-color:#0000001a;background-color:var(--color-border-neutral);background-image:none}.sequence>.active~li:before{border-color:#0000001a;border-color:var(--color-border-neutral)}.sequence a{font-weight:500;font-weight:var(--font-weight-regular);text-decoration:none}.sequence-top>li:first-child:after{top:0}.sequence-inverse>li{border-color:#0000001a;border-color:var(--color-border-neutral)}.sequence-inverse>li>a{color:#fff}.sequence-inverse>li:after{background-color:#37517e}.sequence-inverse>.active>a{color:#fff}.sequence-inverse>.active .body-2,.sequence-inverse>.active .small{color:#5d7079;color:var(--color-content-secondary)}.sequence-inverse>.active:after,.sequence-inverse>.active~li:after{background-color:#37517e;background-image:none!important}.sequence-inverse>.active~li:before{border-color:#37517e}.sequence-info>li{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.sequence-info>li:after{background-image:linear-gradient(#00a2dd,#00a2dd 50%,#0000001a 0,#0000001a);background-image:linear-gradient(var(--color-interactive-accent) 0,var(--color-interactive-accent) 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-info.sequence-inverse>li:after{background-image:linear-gradient(#00a2dd,#00a2dd 50%,#ffffff1a 0,#ffffff1a);background-image:linear-gradient(var(--color-interactive-accent) 0,var(--color-interactive-accent) 50%,#ffffff1a 50%,#ffffff1a 100%)}.sequence-info>.active:before{background-color:#00a2dd;background-color:var(--color-interactive-accent);border-color:#00a2dd;border-color:var(--color-interactive-accent)}@keyframes sequence-pip-info{0%{border-color:#ffffff1a}to{border-color:#00a2dd;border-color:var(--color-interactive-accent)}}.sequence-primary>li{border-color:#37517e}.sequence-primary>li:after{background-image:linear-gradient(#37517e,#37517e 50%,#0000001a 0,#0000001a);background-image:linear-gradient(#37517e 0,#37517e 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-primary.sequence-inverse>li:after{background-image:linear-gradient(#37517e,#37517e 50%,#ffffff1a 0,#ffffff1a)}.sequence-primary>.active:before{background-color:#37517e;border-color:#37517e}@keyframes sequence-pip-primary{0%{border-color:#ffffff1a}to{border-color:#37517e}}.sequence-success>li{border-color:#2ead4b;border-color:var(--color-interactive-positive)}.sequence-success>li:after{background-image:linear-gradient(#2ead4b,#2ead4b 50%,#0000001a 0,#0000001a);background-image:linear-gradient(var(--color-interactive-positive) 0,var(--color-interactive-positive) 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-success.sequence-inverse>li:after{background-image:linear-gradient(#2ead4b,#2ead4b 50%,#ffffff1a 0,#ffffff1a);background-image:linear-gradient(var(--color-interactive-positive) 0,var(--color-interactive-positive) 50%,#ffffff1a 50%,#ffffff1a 100%)}.sequence-success>.active:before{background-color:#2ead4b;background-color:var(--color-interactive-positive);border-color:#2ead4b;border-color:var(--color-interactive-positive)}@keyframes sequence-pip-success{0%{border-color:#ffffff1a}to{border-color:#2ead4b;border-color:var(--color-interactive-positive)}}.sequence-warning>li{border-color:#df8700;border-color:var(--color-interactive-warning)}.sequence-warning>li:after{background-image:linear-gradient(#df8700,#df8700 50%,#0000001a 0,#0000001a);background-image:linear-gradient(var(--color-interactive-warning) 0,var(--color-interactive-warning) 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-warning.sequence-inverse>li:after{background-image:linear-gradient(#df8700,#df8700 50%,#ffffff1a 0,#ffffff1a);background-image:linear-gradient(var(--color-interactive-warning) 0,var(--color-interactive-warning) 50%,#ffffff1a 50%,#ffffff1a 100%)}.sequence-warning>.active:before{background-color:#df8700;background-color:var(--color-interactive-warning);border-color:#df8700;border-color:var(--color-interactive-warning)}@keyframes sequence-pip-warning{0%{border-color:#ffffff1a}to{border-color:#df8700;border-color:var(--color-interactive-warning)}}.sequence-danger>li{border-color:#e74848;border-color:var(--color-interactive-negative)}.sequence-danger>li:after{background-image:linear-gradient(#e74848,#e74848 50%,#0000001a 0,#0000001a);background-image:linear-gradient(var(--color-interactive-negative) 0,var(--color-interactive-negative) 50%,var(--color-border-neutral) 50%,var(--color-border-neutral) 100%)}.sequence-danger.sequence-inverse>li:after{background-image:linear-gradient(#e74848,#e74848 50%,#ffffff1a 0,#ffffff1a);background-image:linear-gradient(var(--color-interactive-negative) 0,var(--color-interactive-negative) 50%,#ffffff1a 50%,#ffffff1a 100%)}.sequence-danger>.active:before{background-color:#e74848;background-color:var(--color-interactive-negative);border-color:#e74848;border-color:var(--color-interactive-negative)}@keyframes sequence-pip-danger{0%{border-color:#ffffff1a}to{border-color:#e74848;border-color:var(--color-interactive-negative)}}.sequence-hollow>li:before{background-color:#fff;background-color:var(--color-background-screen);border-width:2px}.sequence-hollow>.active:before{border-width:4px}.sequence-hollow>.active~li:before{background-color:#fff;background-color:var(--color-background-screen)}.sequence-hollow.sequence-inverse>li:before{background-color:#37517e}.sequence-icon{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #0000001a;border-color:var(--color-border-neutral);border-radius:50%;display:block;font-size:.75rem;font-size:var(--font-size-12);height:24px;line-height:23px;margin-left:-35px;position:absolute;text-align:center;text-decoration:none!important;top:4px;width:24px;z-index:2}[dir=rtl] .sequence-icon{margin-left:0;margin-right:-35px}.sequence-icon .icon{font-size:1rem;font-size:var(--font-size-16);line-height:23px}.sequence-inverse .sequence-icon{background-color:#37517e;border-color:#fff}.sequence a .sequence-icon{border-color:#00a2dd;border-color:var(--color-interactive-accent);color:#0097c7;color:var(--color-content-accent)}.sequence a:focus .sequence-icon,.sequence a:hover .sequence-icon{border-color:#008fc9;border-color:var(--color-interactive-accent-hover);color:#0084b3;color:var(--color-content-accent-hover)}.sequence-table{display:table}.sequence-table>li{display:table-row}.sequence-table>li>a{position:absolute}.sequence-table>li>.sequence-table-td,.sequence-table>li>.sequence-table-th{display:table-cell;padding:4px 12px;padding:var(--size-4) var(--size-12);padding-left:0}[dir=rtl] .sequence-table>li>.sequence-table-td,[dir=rtl] .sequence-table>li>.sequence-table-th{padding-left:0;padding-right:0}.sequence-table>li>.sequence-table-td:last-child,.sequence-table>li>.sequence-table-th:last-child{padding-right:0}[dir=rtl] .sequence-table>li>.sequence-table-td:last-child,[dir=rtl] .sequence-table>li>.sequence-table-th:last-child{padding-left:0;padding-right:0}.sequence-table>li>.sequence-table-th{color:#37517e;color:var(--color-content-primary);white-space:nowrap}.sequence-table>li:before{position:static}.sequence-table>li:after{display:none}.sequence-table>li .sequence-icon{margin-top:-17px;position:static}.sequence-table>li:first-child .sequence-table-td,.sequence-table>li:first-child .sequence-table-th{padding-top:17px}.sequence-table>li:last-child .sequence-table-td,.sequence-table>li:last-child .sequence-table-th{padding-bottom:15px}.sequence-table:before{border:1px solid;border-color:inherit;content:" ";display:block;height:calc(100% - 56px);left:0;margin-top:28px;position:absolute;width:2px}[dir=rtl] .sequence-table:before{left:auto;right:0}.sequence-table.sequence-top:before{height:calc(100% - 28px);margin-top:0}.sequence-table.sequence-bottom:before{height:calc(100% - 28px)}.sequence-table.sequence-top.sequence-bottom:before{height:100%}.sequence-inverse>li>.sequence-table-td,.sequence-inverse>li>.sequence-table-th{color:#5d7079;color:var(--color-content-secondary)}.sequence-icon-md{font-size:.875rem;font-size:var(--font-size-14);height:32px;line-height:30px;margin-top:-6px;width:32px}.sequence-icon-lg{font-size:1rem;font-size:var(--font-size-16);height:40px;line-height:38px;margin-top:-6px;width:40px}.sequence-icon-lg .icon{font-size:22px;line-height:35px}.sequence-lg{padding-left:40px}.sequence-lg>li{padding-bottom:8px;padding-top:8px}.sequence-lg>li:first-child{margin-top:24px}.sequence-lg>li:last-child{margin-bottom:24px}@media (min-width:768px){.sequence-lg>li{padding-bottom:8px;padding-top:8px}}.sequence-lg>li:before{margin-top:8px}.sequence-lg>li:after{top:20px}.sequence-lg>li:first-child:after{height:100%}.sequence-lg>li:last-child:after{height:0}.sequence-lg.sequence-top>li:first-child{margin-top:0;padding-top:32px}.sequence-lg.sequence-top>li:first-child:after{height:calc(100% + 20px)}.sequence-lg.sequence-bottom>li:last-child{margin-bottom:0;padding-bottom:32px}.sequence-lg.sequence-bottom>li:last-child:after{height:calc(100% - 20px)}.sequence-lg.sequence-top.sequence-bottom>li:first-child:last-child:after{height:100%}.sequence-lg .sequence-icon{top:8px}@media (min-width:768px){.sequence-lg .sequence-icon{top:8px}}.sequence-lg.sequence-top>li:first-child .sequence-icon{top:32px}[dir=rtl] .sequence-lg{padding-left:0;padding-right:40px}.sequence-lg>li:before{margin-left:-43px}[dir=rtl] .sequence-lg>li:before{margin-left:0;margin-right:-43px}.sequence-lg>li:after{left:-40px}[dir=rtl] .sequence-lg>li:after{left:auto;right:-40px}.sequence-lg .sequence-icon{margin-left:-51px}[dir=rtl] .sequence-lg .sequence-icon{margin-left:0;margin-right:-51px}.sequence-lg .sequence-icon-md{margin-left:-55px}[dir=rtl] .sequence-lg .sequence-icon-md{margin-left:0;margin-right:-55px}.sequence-lg .sequence-icon-lg{margin-left:-59px}[dir=rtl] .sequence-lg .sequence-icon-lg{margin-left:0;margin-right:-59px}@media (min-width:768px){.sequence-lg{padding-left:48px}[dir=rtl] .sequence-lg{padding-left:0;padding-right:48px}.sequence-lg>li:before{margin-left:-51px}[dir=rtl] .sequence-lg>li:before{margin-left:0;margin-right:-51px}.sequence-lg>li:after{left:-48px}[dir=rtl] .sequence-lg>li:after{left:auto;right:-48px}.sequence-lg .sequence-icon{margin-left:-59px}[dir=rtl] .sequence-lg .sequence-icon{margin-left:0;margin-right:-59px}.sequence-lg .sequence-icon-md{margin-left:-63px}[dir=rtl] .sequence-lg .sequence-icon-md{margin-left:0;margin-right:-63px}.sequence-lg .sequence-icon-lg{margin-left:-67px}[dir=rtl] .sequence-lg .sequence-icon-lg{margin-left:0;margin-right:-67px}}.sequence-animate>li:after{animation:sequence-fill .3s linear 0s both;background-size:200% 200%}.sequence-animate.sequence-info>li:before{animation:sequence-pip-info .3s linear .3s both,sequence-pulse-info 3s linear .3s forwards}.sequence-animate.sequence-info>.active:before{animation:sequence-pip-info .3s linear .3s both,sequence-pulse-info 3s linear .3s infinite}.sequence-animate.sequence-warning>li:before{animation:sequence-pip-warning .3s linear .3s both,sequence-pulse-warning 3s linear .3s forwards}.sequence-animate.sequence-warning>.active:before{animation:sequence-pip-warning .3s linear .3s both,sequence-pulse-warning 3s linear .3s infinite}.sequence-animate.sequence-success>li:before{animation:sequence-pip-success .3s linear .3s both,sequence-pulse-success 3s linear .3s forwards}.sequence-animate.sequence-success>.active:before{animation:sequence-pip-success .3s linear .3s both,sequence-pulse-success 3s linear .3s infinite}.sequence-animate.sequence-danger>li:before{animation:sequence-pip-danger .3s linear .3s both,sequence-pulse-danger 3s linear .3s forwards}.sequence-animate.sequence-danger>.active:before{animation:sequence-pip-danger .3s linear .3s both,sequence-pulse-danger 3s linear .3s infinite}.sequence-animate>li:first-child:after,.sequence-animate>li:first-child:before{animation-delay:.3s!important}.sequence-animate>li:nth-child(2):after,.sequence-animate>li:nth-child(2):before{animation-delay:.6s!important}.sequence-animate>li:nth-child(3):after,.sequence-animate>li:nth-child(3):before{animation-delay:.9s!important}.sequence-animate>li:nth-child(4):after,.sequence-animate>li:nth-child(4):before{animation-delay:1.2s!important}.sequence-animate>li:nth-child(5):after,.sequence-animate>li:nth-child(5):before{animation-delay:1.5s!important}.sequence-animate>li:nth-child(6):after,.sequence-animate>li:nth-child(6):before{animation-delay:1.8s!important}.sequence-animate>li:nth-child(7):after,.sequence-animate>li:nth-child(7):before{animation-delay:2.1s!important}.sequence-animate>li:nth-child(8):after,.sequence-animate>li:nth-child(8):before{animation-delay:2.4s!important}.sequence-animate>li:nth-child(9):after,.sequence-animate>li:nth-child(9):before{animation-delay:2.7s!important}.sequence-animate>li:nth-child(10):after,.sequence-animate>li:nth-child(10):before{animation-delay:3s!important}.sequence-animate>.active~li:after,.sequence-animate>.active~li:before{animation:none}@keyframes sequence-fill{0%{background-position:0 100%}to{background-position:0 0}}@keyframes sequence-pulse-info{0%{box-shadow:0 0 0 0 rgba(0,185,255,.3)}50%{box-shadow:0 0 0 16px rgba(0,185,255,0)}to{box-shadow:0 0 0 0 rgba(0,185,255,0)}}@keyframes sequence-pulse-warning{0%{box-shadow:0 0 0 0 rgba(255,166,0,.3)}50%{box-shadow:0 0 0 16px rgba(255,166,0,0)}to{box-shadow:0 0 0 0 rgba(255,166,0,0)}}@keyframes sequence-pulse-success{0%{box-shadow:0 0 0 0 rgba(26,208,110,.3)}50%{box-shadow:0 0 0 16px rgba(26,208,110,0)}to{box-shadow:0 0 0 0 hsla(51,67%,66%,0)}}@keyframes sequence-pulse-danger{0%{box-shadow:0 0 0 0 rgba(245,54,54,.3)}50%{box-shadow:0 0 0 16px rgba(245,54,54,0)}to{box-shadow:0 0 0 0 rgba(245,54,54,0)}}
|
package/dist/css/table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
table{background-color:#fff;background-color:var(--color-background-screen);border-collapse:separate}table td[class*=col-],table th[class*=col-]{display:table-cell;float:none;position:static}caption{color:#5d7079;color:var(--color-content-secondary);padding-bottom:16px;padding-top:16px;text-align:left}[dir=rtl] caption{text-align:right}th{text-align:left}[dir=rtl] th{text-align:right}.table{margin-bottom:24px;margin-bottom:var(--size-24);max-width:100%;width:100%}.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{border-bottom:0;border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral);line-height:1.5;line-height:var(--line-height-body);padding:24px 16px;padding:var(--size-24) 16px;transition:border .15s ease;vertical-align:top}.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 #0000001a;border-top:1px solid var(--color-border-neutral)}.table .table{background-color:#fff;background-color:var(--color-background-screen)}.table>.tfoot,.table>.thead,.table>tfoot,.table>thead{color:#37517e;color:var(--color-content-primary);font-size
|
|
1
|
+
table{background-color:#fff;background-color:var(--color-background-screen);border-collapse:separate}table td[class*=col-],table th[class*=col-]{display:table-cell;float:none;position:static}caption{color:#5d7079;color:var(--color-content-secondary);padding-bottom:16px;padding-top:16px;text-align:left}[dir=rtl] caption{text-align:right}th{text-align:left}[dir=rtl] th{text-align:right}.table{margin-bottom:24px;margin-bottom:var(--size-24);max-width:100%;width:100%}.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{border-bottom:0;border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral);line-height:1.5;line-height:var(--line-height-body);padding:24px 16px;padding:var(--size-24) 16px;transition:border .15s ease;vertical-align:top}.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 #0000001a;border-top:1px solid var(--color-border-neutral)}.table .table{background-color:#fff;background-color:var(--color-background-screen)}.table>.tfoot,.table>.thead,.table>tfoot,.table>thead{color:#37517e;color:var(--color-content-primary);font-size:.875rem;font-size:var(--font-size-14)}.table>.tbody,.table>tbody{font-size:.875rem;font-size:var(--font-size-14)}.table>.tbody>dl>.th,.table>tbody>tr>th{color:#37517e;color:var(--color-content-primary)}.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 #0000001a;border:1px solid var(--color-border-neutral);border-radius:3px}.table-bordered .thead,.table-bordered thead{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}@media (max-width:767px){div.table-bordered:not(.table-responsive){border:0}}.table-striped>tbody>tr:nth-of-type(odd){background-color:#86a7bd1a;background-color:var(--color-background-neutral)}@media (min-width:768px){.table-striped>.tbody>dl:nth-of-type(odd){background-color:#86a7bd1a;background-color:var(--color-background-neutral)}}table col[class*=col-]{display:table-column;float:none;position:static}.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)}.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:#36c7971a;background-color:var(--color-background-positive)}.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:#38c8ff1a;background-color:var(--color-background-accent)}.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:#ffac001a;background-color:var(--color-background-warning)}.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:#ff87871a;background-color:var(--color-background-negative)}.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{min-height:.01%;overflow-x:auto}.table-responsive.table-bordered{border:0}@media screen and (max-width:767px){.table-responsive{-ms-overflow-style:-ms-autohiding-scrollbar;margin-bottom:24px;margin-bottom:var(--size-24);overflow-y:hidden;width:100%}.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 #86a7bd1a;border:1px solid var(--color-background-neutral);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{color:#37517e;color:var(--color-content-primary);display:table-cell;font-weight:800;font-weight:var(--font-weight-bold)}.table>.tbody{display:table-row-group}.table>.tbody>dl{display:table-row}.table>.tbody>dl>dt{display:none}.table>.tbody>dl>dd{color:#5d7079;color:var(--color-content-secondary);display:table-cell;font-size:.875rem;font-size:var(--font-size-14)}.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);border-radius:3px;margin-bottom:24px;margin-bottom:var(--size-24);padding:24px 1.5 0;padding:var(--size-24) var(--line-height-body) 0}.table>.tbody>dl>dd{border:0;padding: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{border-radius:3px;display:block;margin:4px 2px;padding:4px 0;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);color:#fff}.table-calendar>thead>tr>th{text-align:center}
|
package/dist/css/tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tooltip{word-wrap:normal;display:block;font-family:
|
|
1
|
+
.tooltip{word-wrap:normal;display:block;font-family:Averta,Avenir W02,Avenir,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24);opacity:0;position:absolute;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:1070}[dir=rtl] .tooltip{text-align:right}.tooltip.in{opacity:1}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}[dir=rtl] .tooltip.right{margin-left:0;margin-right:3px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}[dir=rtl] .tooltip.left{margin-left:0;margin-right:-3px}.tooltip-inner{background-color:#fff;background-color:var(--color-background-screen);border-radius:3px;box-shadow:0 1px 28px 0 rgba(34,48,73,.2);color:#37517e;color:var(--color-content-primary);font-size:.875rem;font-size:var(--font-size-14);max-width:200px;min-width:120px;padding:16px;padding:var(--size-16) var(--size-16);text-align:center}.tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.tooltip.top .tooltip-arrow{border-top-color:#fff;border-top-color:var(--color-background-screen);border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}[dir=rtl] .tooltip.top .tooltip-arrow{left:auto;margin-left:0;margin-right:-5px;right:50%}.tooltip.right .tooltip-arrow{border-right-color:#fff;border-right-color:var(--color-background-screen);border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}[dir=rtl] .tooltip.right .tooltip-arrow{left:auto;right:0}.tooltip.left .tooltip-arrow{border-left-color:#fff;border-left-color:var(--color-background-screen);border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}[dir=rtl] .tooltip.left .tooltip-arrow{left:0;right:auto}.tooltip.bottom .tooltip-arrow{border-bottom-color:#fff;border-bottom-color:var(--color-background-screen);border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}[dir=rtl] .tooltip.bottom .tooltip-arrow{left:auto;margin-left:0;margin-right:-5px;right:50%}[data-toggle=tooltip]:not(.btn){cursor:pointer}[data-toggle=tooltip]:not(.btn):focus,[data-toggle=tooltip]:not(.btn):hover{color:#0084b3!important;color:var(--color-content-accent-hover)!important;outline:0}a[data-toggle=tooltip]{white-space:nowrap}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 17 Jan 2022 12:49:22 GMT
|
|
4
4
|
|
|
5
5
|
@color-dark-content-primary: #e2e6e8;
|
|
6
6
|
@color-dark-content-secondary: #c9cbce;
|
|
@@ -146,53 +146,22 @@
|
|
|
146
146
|
@size-120: 120px;
|
|
147
147
|
@size-128: 128px;
|
|
148
148
|
@space-content-horizontal: 16px;
|
|
149
|
-
@font-size-12: 0.
|
|
150
|
-
@font-size-14:
|
|
151
|
-
@font-size-16:
|
|
152
|
-
@font-size-
|
|
153
|
-
@font-size-
|
|
154
|
-
@font-size-
|
|
155
|
-
@font-size-24: 1.7142857142857142rem;
|
|
156
|
-
@font-size-26: 1.8571428571428572rem;
|
|
157
|
-
@font-size-28: 2rem;
|
|
158
|
-
@font-size-30: 2.142857142857143rem;
|
|
159
|
-
@font-size-32: 2.2857142857142856rem;
|
|
160
|
-
@font-line-height-18: 1.2857142857142858rem;
|
|
161
|
-
@font-line-height-20: 1.4285714285714286rem;
|
|
162
|
-
@font-line-height-22: 1.5714285714285714rem;
|
|
163
|
-
@font-line-height-24: 1.7142857142857142rem;
|
|
164
|
-
@font-line-height-28: 2rem;
|
|
165
|
-
@font-line-height-30: 2.142857142857143rem;
|
|
166
|
-
@font-line-height-32: 2.2857142857142856rem;
|
|
167
|
-
@font-line-height-34: 2.4285714285714284rem;
|
|
168
|
-
@font-line-height-36: 2.5714285714285716rem;
|
|
169
|
-
@font-line-height-42: 3rem;
|
|
170
|
-
@font-line-height-48: 3.4285714285714284rem;
|
|
171
|
-
@letter-spacing-xxs: 0.005em;
|
|
172
|
-
@letter-spacing-xs: 0.01em;
|
|
173
|
-
@letter-spacing-sm: 0.0125em;
|
|
174
|
-
@letter-spacing-md: 0.015em;
|
|
175
|
-
@letter-spacing-lg: 0.02em;
|
|
176
|
-
@letter-spacing-xl: 0.025em;
|
|
177
|
-
@letter-spacing-negative-xxs: -0.005em;
|
|
178
|
-
@letter-spacing-negative-xs: -0.01em;
|
|
179
|
-
@letter-spacing-negative-sm: -0.0125em;
|
|
180
|
-
@letter-spacing-negative-md: -0.015em;
|
|
181
|
-
@letter-spacing-negative-lg: -0.02em;
|
|
182
|
-
@letter-spacing-negative-xl: -0.025em;
|
|
149
|
+
@font-size-12: 0.75rem;
|
|
150
|
+
@font-size-14: 0.875rem;
|
|
151
|
+
@font-size-16: 1rem;
|
|
152
|
+
@font-size-20: 1.25rem;
|
|
153
|
+
@font-size-26: 1.625rem;
|
|
154
|
+
@font-size-32: 2rem;
|
|
183
155
|
@line-height-title: 1.2;
|
|
184
156
|
@line-height-body: 1.5;
|
|
185
157
|
@line-height-control: 1.2;
|
|
186
|
-
@font-weight:
|
|
187
|
-
@font-weight-regular: 400;
|
|
188
|
-
@font-weight-medium: 500;
|
|
158
|
+
@font-weight-regular: 500;
|
|
189
159
|
@font-weight-semi-bold: 600;
|
|
190
160
|
@font-weight-bold: 800;
|
|
191
|
-
@font-
|
|
192
|
-
@font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
|
161
|
+
@font-family-regular: Averta, Avenir W02, Avenir, Helvetica, Arial, sans-serif;
|
|
193
162
|
|
|
194
163
|
// Do not edit directly
|
|
195
|
-
// Generated on
|
|
164
|
+
// Generated on Mon, 17 Jan 2022 12:49:22 GMT
|
|
196
165
|
|
|
197
166
|
@color-base-blue-light: #00b9ff;
|
|
198
167
|
@color-base-blue-mid: #00a2dd;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 17 Jan 2022 12:49:22 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -66,50 +66,19 @@
|
|
|
66
66
|
--size-120: 120px;
|
|
67
67
|
--size-128: 128px;
|
|
68
68
|
--space-content-horizontal: 16px;
|
|
69
|
-
--font-size-12: 0.
|
|
70
|
-
--font-size-14:
|
|
71
|
-
--font-size-16:
|
|
72
|
-
--font-size-
|
|
73
|
-
--font-size-
|
|
74
|
-
--font-size-
|
|
75
|
-
--font-size-24: 1.7142857142857142rem;
|
|
76
|
-
--font-size-26: 1.8571428571428572rem;
|
|
77
|
-
--font-size-28: 2rem;
|
|
78
|
-
--font-size-30: 2.142857142857143rem;
|
|
79
|
-
--font-size-32: 2.2857142857142856rem;
|
|
80
|
-
--font-line-height-18: 1.2857142857142858rem;
|
|
81
|
-
--font-line-height-20: 1.4285714285714286rem;
|
|
82
|
-
--font-line-height-22: 1.5714285714285714rem;
|
|
83
|
-
--font-line-height-24: 1.7142857142857142rem;
|
|
84
|
-
--font-line-height-28: 2rem;
|
|
85
|
-
--font-line-height-30: 2.142857142857143rem;
|
|
86
|
-
--font-line-height-32: 2.2857142857142856rem;
|
|
87
|
-
--font-line-height-34: 2.4285714285714284rem;
|
|
88
|
-
--font-line-height-36: 2.5714285714285716rem;
|
|
89
|
-
--font-line-height-42: 3rem;
|
|
90
|
-
--font-line-height-48: 3.4285714285714284rem;
|
|
91
|
-
--letter-spacing-xxs: 0.005em;
|
|
92
|
-
--letter-spacing-xs: 0.01em;
|
|
93
|
-
--letter-spacing-sm: 0.0125em;
|
|
94
|
-
--letter-spacing-md: 0.015em;
|
|
95
|
-
--letter-spacing-lg: 0.02em;
|
|
96
|
-
--letter-spacing-xl: 0.025em;
|
|
97
|
-
--letter-spacing-negative-xxs: -0.005em;
|
|
98
|
-
--letter-spacing-negative-xs: -0.01em;
|
|
99
|
-
--letter-spacing-negative-sm: -0.0125em;
|
|
100
|
-
--letter-spacing-negative-md: -0.015em;
|
|
101
|
-
--letter-spacing-negative-lg: -0.02em;
|
|
102
|
-
--letter-spacing-negative-xl: -0.025em;
|
|
69
|
+
--font-size-12: 0.75rem;
|
|
70
|
+
--font-size-14: 0.875rem;
|
|
71
|
+
--font-size-16: 1rem;
|
|
72
|
+
--font-size-20: 1.25rem;
|
|
73
|
+
--font-size-26: 1.625rem;
|
|
74
|
+
--font-size-32: 2rem;
|
|
103
75
|
--line-height-title: 1.2;
|
|
104
76
|
--line-height-body: 1.5;
|
|
105
77
|
--line-height-control: 1.2;
|
|
106
|
-
--font-weight:
|
|
107
|
-
--font-weight-regular: 400;
|
|
108
|
-
--font-weight-medium: 500;
|
|
78
|
+
--font-weight-regular: 500;
|
|
109
79
|
--font-weight-semi-bold: 600;
|
|
110
80
|
--font-weight-bold: 800;
|
|
111
|
-
--font-
|
|
112
|
-
--font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
|
81
|
+
--font-family-regular: Averta, Avenir W02, Avenir, Helvetica, Arial, sans-serif;
|
|
113
82
|
}
|
|
114
83
|
|
|
115
84
|
/* DEPRECATED, use neptune-tokens instead: https://transferwise.github.io/neptune-web/styles/tokens/Colors */
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/neptune-css",
|
|
3
3
|
"description": "Neptune CSS library",
|
|
4
|
-
"version": "12.5.
|
|
4
|
+
"version": "12.5.8",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"lintless:fix": "yarn lintless --fix"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@transferwise/neptune-tokens": "
|
|
46
|
+
"@transferwise/neptune-tokens": "7.0.0",
|
|
47
47
|
"bootstrap": "github:transferwise/bootstrap#v7.0.0",
|
|
48
48
|
"inquirer": "^8.2.0",
|
|
49
49
|
"inquirer-file-tree-selection-prompt": "^1.0.13",
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"bin": {
|
|
57
57
|
"neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "63e14a180afb3417ef6aab90bed5431b0ecc8ef3"
|
|
60
60
|
}
|
|
@@ -63,11 +63,11 @@
|
|
|
63
63
|
.h4,
|
|
64
64
|
.h5,
|
|
65
65
|
.h6,
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
70
|
-
.
|
|
66
|
+
.title-1,
|
|
67
|
+
.title-2,
|
|
68
|
+
.title-3,
|
|
69
|
+
.title-4,
|
|
70
|
+
.title-5,
|
|
71
71
|
strong {
|
|
72
72
|
color: @color-navy-content-primary;
|
|
73
73
|
}
|
package/src/less/buttons.less
CHANGED
|
@@ -133,6 +133,14 @@
|
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
+
.btn-accent.disabled.btn-priority-3,
|
|
137
|
+
.btn-accent.btn-priority-3:disabled {
|
|
138
|
+
background: transparent;
|
|
139
|
+
border-color: transparent;
|
|
140
|
+
color: var(--color-content-accent);
|
|
141
|
+
text-decoration: underline;
|
|
142
|
+
}
|
|
143
|
+
|
|
136
144
|
// @DEPRECATED:.btn-success (use Button component with type Positive)
|
|
137
145
|
.btn-positive,
|
|
138
146
|
.btn-success {
|
|
@@ -1,41 +1,26 @@
|
|
|
1
|
-
@font-face {
|
|
2
|
-
font-weight: var(--font-weight);
|
|
3
|
-
font-family: Inter;
|
|
4
|
-
src: url("../fonts/Inter-Light.ttf") format("truetype");
|
|
5
|
-
font-display: swap;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
1
|
@font-face {
|
|
9
2
|
font-weight: var(--font-weight-regular);
|
|
10
|
-
font-family:
|
|
11
|
-
src:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
@font-face {
|
|
16
|
-
font-weight: var(--font-weight-medium);
|
|
17
|
-
font-family: Inter;
|
|
18
|
-
src: url("../fonts/Inter-Medium.ttf") format("truetype");
|
|
3
|
+
font-family: Averta;
|
|
4
|
+
src:
|
|
5
|
+
url("../fonts/TW-Averta-Regular.woff2") format("woff2"),
|
|
6
|
+
url("../fonts/TW-Averta-Regular.woff") format("woff");
|
|
19
7
|
font-display: swap;
|
|
20
8
|
}
|
|
21
9
|
|
|
22
10
|
@font-face {
|
|
23
11
|
font-weight: var(--font-weight-semi-bold);
|
|
24
|
-
font-family:
|
|
25
|
-
src:
|
|
12
|
+
font-family: Averta;
|
|
13
|
+
src:
|
|
14
|
+
url("../fonts/TW-Averta-Semibold.woff2") format("woff2"),
|
|
15
|
+
url("../fonts/TW-Averta-Semibold.woff") format("woff");
|
|
26
16
|
font-display: swap;
|
|
27
17
|
}
|
|
28
18
|
|
|
29
19
|
@font-face {
|
|
30
20
|
font-weight: var(--font-weight-bold);
|
|
31
|
-
font-family:
|
|
32
|
-
src:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
@font-face {
|
|
37
|
-
font-weight: var(--font-weight-black);
|
|
38
|
-
font-family: Inter;
|
|
39
|
-
src: url("../fonts/Inter-Black.ttf") format("truetype");
|
|
21
|
+
font-family: Averta;
|
|
22
|
+
src:
|
|
23
|
+
url("../fonts/TW-Averta-Bold.woff2") format("woff2"),
|
|
24
|
+
url("../fonts/TW-Averta-Bold.woff") format("woff");
|
|
40
25
|
font-display: swap;
|
|
41
26
|
}
|
|
@@ -8,11 +8,11 @@
|
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
html {
|
|
11
|
-
font-size: 14px;
|
|
12
|
-
line-height: var(--font-line-height-22);
|
|
13
|
-
letter-spacing: var(--letter-spacing-sm);
|
|
14
11
|
color: var(--color-content-secondary);
|
|
12
|
+
font-size: var(--font-size-16);
|
|
13
|
+
line-height: var(--line-height-body);
|
|
15
14
|
font-family: var(--font-family-regular);
|
|
15
|
+
letter-spacing: 0.016em;
|
|
16
16
|
background-color: var(--color-background-screen);
|
|
17
17
|
-webkit-font-smoothing: antialiased;
|
|
18
18
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
@import (reference) "../../variables/neptune-tokens.less";
|
|
2
2
|
@import (reference) "../mixins/_logical-properties.less";
|
|
3
|
-
|
|
3
|
+
|
|
4
|
+
// Deprecated classes. To remove in next iterations
|
|
5
|
+
|
|
6
|
+
// h6
|
|
7
|
+
// .h1, .h2, .h3, .h4, .h5, .h6
|
|
8
|
+
// .small, .tiny
|
|
9
|
+
// .lead
|
|
10
|
+
|
|
11
|
+
// small / .small inside headings
|
|
12
|
+
|
|
13
|
+
// Deprecate to style the elements to avoid specificity issues and encourage users to use class names?
|
|
4
14
|
|
|
5
15
|
/* stylelint-disable no-duplicate-selectors */
|
|
6
16
|
|
|
@@ -24,36 +34,39 @@ h6,
|
|
|
24
34
|
.title-5 {
|
|
25
35
|
margin: 0;
|
|
26
36
|
color: var(--color-content-primary);
|
|
37
|
+
line-height: var(--line-height-title);
|
|
38
|
+
letter-spacing: 0;
|
|
27
39
|
}
|
|
28
40
|
|
|
29
41
|
h1,
|
|
30
42
|
.h1,
|
|
31
43
|
.title-1 {
|
|
32
|
-
.np-Text-screenTitle;
|
|
33
|
-
|
|
34
44
|
margin-bottom: var(--size-8);
|
|
45
|
+
font-size: var(--font-size-32);
|
|
46
|
+
font-weight: var(--font-weight-bold);
|
|
35
47
|
}
|
|
36
48
|
|
|
37
49
|
h2,
|
|
38
50
|
.h2,
|
|
39
51
|
.title-2 {
|
|
40
|
-
.np-Text-sectionTitle;
|
|
41
|
-
|
|
42
52
|
margin-bottom: var(--size-4);
|
|
53
|
+
font-size: var(--font-size-26);
|
|
54
|
+
font-weight: var(--font-weight-bold);
|
|
43
55
|
}
|
|
44
56
|
|
|
45
57
|
h3,
|
|
46
58
|
.h3,
|
|
47
59
|
.title-3 {
|
|
48
|
-
.np-Text-subsectionTitle;
|
|
49
|
-
|
|
50
60
|
margin-bottom: 2px;
|
|
61
|
+
font-size: var(--font-size-20);
|
|
62
|
+
font-weight: var(--font-weight-semi-bold);
|
|
51
63
|
}
|
|
52
64
|
|
|
53
65
|
h4,
|
|
54
66
|
.h4,
|
|
55
67
|
.title-4 {
|
|
56
|
-
|
|
68
|
+
font-size: var(--font-size-16);
|
|
69
|
+
font-weight: var(--font-weight-semi-bold);
|
|
57
70
|
}
|
|
58
71
|
|
|
59
72
|
h5,
|
|
@@ -61,12 +74,11 @@ h6,
|
|
|
61
74
|
.h5,
|
|
62
75
|
.h6,
|
|
63
76
|
.title-5 {
|
|
64
|
-
|
|
77
|
+
font-size: var(--font-size-14);
|
|
78
|
+
font-weight: var(--font-weight-semi-bold);
|
|
65
79
|
}
|
|
66
80
|
|
|
67
81
|
p {
|
|
68
|
-
.np-Text-bodyDefault;
|
|
69
|
-
|
|
70
82
|
margin: 0 0 var(--size-24);
|
|
71
83
|
|
|
72
84
|
+ h1,
|
|
@@ -100,37 +112,38 @@ p {
|
|
|
100
112
|
}
|
|
101
113
|
|
|
102
114
|
.body-1 {
|
|
103
|
-
|
|
115
|
+
font-size: var(--font-size-16);
|
|
104
116
|
}
|
|
105
117
|
|
|
106
118
|
.body-2 {
|
|
107
|
-
|
|
119
|
+
font-size: var(--font-size-14);
|
|
108
120
|
}
|
|
109
121
|
|
|
110
122
|
.body-3 {
|
|
111
|
-
|
|
123
|
+
font-size: var(--font-size-12);
|
|
112
124
|
}
|
|
113
125
|
|
|
114
|
-
.control-1
|
|
115
|
-
|
|
126
|
+
.control-1,
|
|
127
|
+
.control-2 {
|
|
128
|
+
color: var(--color-content-accent);
|
|
129
|
+
font-weight: var(--font-weight-semi-bold);
|
|
130
|
+
line-height: var(--line-height-title);
|
|
116
131
|
}
|
|
117
132
|
|
|
118
|
-
.control-
|
|
119
|
-
|
|
133
|
+
.control-1 {
|
|
134
|
+
font-size: var(--font-size-16);
|
|
120
135
|
}
|
|
121
136
|
|
|
122
|
-
.control-1,
|
|
123
137
|
.control-2 {
|
|
124
|
-
font-
|
|
125
|
-
color: var(--color-content-accent);
|
|
138
|
+
font-size: var(--font-size-14);
|
|
126
139
|
}
|
|
127
140
|
|
|
128
141
|
.label {
|
|
129
|
-
|
|
142
|
+
font-size: var(--font-size-14);
|
|
130
143
|
}
|
|
131
144
|
|
|
132
145
|
.value {
|
|
133
|
-
|
|
146
|
+
font-size: var(--font-size-16);
|
|
134
147
|
}
|
|
135
148
|
|
|
136
149
|
.lead {
|
package/src/less/decision.less
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
@import (reference) "../variables/neptune-tokens.less";
|
|
2
2
|
@import (reference) "./core/_typography.less";
|
|
3
|
-
@import (reference) "./core/_text.less";
|
|
4
3
|
|
|
5
4
|
.decision {
|
|
6
5
|
display: block;
|
|
@@ -11,7 +10,7 @@
|
|
|
11
10
|
transition: background-color ease 350ms;
|
|
12
11
|
|
|
13
12
|
&__title {
|
|
14
|
-
.
|
|
13
|
+
.title-4;
|
|
15
14
|
|
|
16
15
|
line-height: var(--line-height-body);
|
|
17
16
|
}
|
package/src/less/dropdowns.less
CHANGED
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
color: inherit;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.
|
|
161
|
+
.body-2,
|
|
162
162
|
.small,
|
|
163
163
|
.secondary {
|
|
164
164
|
color: @color-navy-content-secondary;
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
.dropdown-menu-open();
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
-
@media (
|
|
188
|
+
@media (--screen-xs-max) {
|
|
189
189
|
> .dropdown-menu-overlay {
|
|
190
190
|
position: fixed;
|
|
191
191
|
top: 0;
|