@transferwise/neptune-css 14.0.9 → 14.0.11
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 +24 -0
- package/dist/css/accordion.css +1 -1
- package/dist/css/alerts.css +1 -1
- package/dist/css/decision.css +1 -1
- package/dist/css/neptune.css +1 -1
- package/package.json +2 -2
- package/src/less/alerts.less +1 -1
- package/src/less/decision.less +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [14.0.11](https://github.com/transferwise/neptune-web/compare/@transferwise/neptune-css@14.0.10...@transferwise/neptune-css@14.0.11) (2022-12-02)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* .decision styles that affects NavigationOption ([f3e69be](https://github.com/transferwise/neptune-web/commit/f3e69be4de2aae99c493f5afe5c46623f8807271))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [14.0.10](https://github.com/transferwise/neptune-web/compare/@transferwise/neptune-css@14.0.9...@transferwise/neptune-css@14.0.10) (2022-12-02)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* .decision styles that affects NavigationOption ([0704888](https://github.com/transferwise/neptune-web/commit/07048888bbceed87f0ecab3200aa021cc0eae711))
|
|
23
|
+
* reset previous commit ([8345257](https://github.com/transferwise/neptune-web/commit/83452576baec1324d45112acf1fcbd5658dbe167))
|
|
24
|
+
* sets corret border radius for inline alert ([f310ef7](https://github.com/transferwise/neptune-web/commit/f310ef7d3fdbc67d8c0996665456f2248c8d333e))
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
6
30
|
## [14.0.9](https://github.com/transferwise/neptune-web/compare/@transferwise/neptune-css@14.0.8...@transferwise/neptune-css@14.0.9) (2022-12-01)
|
|
7
31
|
|
|
8
32
|
|
package/dist/css/accordion.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-chevron{display:inline-block;transition:transform .35s cubic-bezier(0,.94,.62,1)}.tw-chevron.top{transform:rotate(0deg)}.tw-chevron.right{transform:rotate(90deg)}[dir=rtl] .tw-chevron.right{transform:rotate(-90deg)}.tw-chevron.right-sigle-direction{transform:rotate(90deg)!important}.tw-chevron.bottom{transform:rotate(180deg)}.tw-chevron.left{transform:rotate(270deg)}[dir=rtl] .tw-chevron.left{transform:rotate(-270deg)}.tw-chevron.left-single-direction{transform:rotate(270deg)!important}.chevron-color{color:#0097c7;color:var(--color-content-accent)}.np-theme-personal .chevron-color{color:var(--color-interactive-primary)}.decision{align-items:center;background-color:transparent;border:0;cursor:pointer;display:
|
|
1
|
+
.tw-chevron{display:inline-block;transition:transform .35s cubic-bezier(0,.94,.62,1)}.tw-chevron.top{transform:rotate(0deg)}.tw-chevron.right{transform:rotate(90deg)}[dir=rtl] .tw-chevron.right{transform:rotate(-90deg)}.tw-chevron.right-sigle-direction{transform:rotate(90deg)!important}.tw-chevron.bottom{transform:rotate(180deg)}.tw-chevron.left{transform:rotate(270deg)}[dir=rtl] .tw-chevron.left{transform:rotate(-270deg)}.tw-chevron.left-single-direction{transform:rotate(270deg)!important}.chevron-color{color:#0097c7;color:var(--color-content-accent)}.np-theme-personal .chevron-color{color:var(--color-interactive-primary)}.decision{align-items:center;background-color:transparent;border:0;cursor:pointer;display:block;margin-bottom:0!important;transition:background-color .35s ease,outline-offset .1s ease}.decision:not(.np-option):focus,.decision:not(.np-option):focus-visible,.decision:not(.np-option):focus-within{outline:3px solid var(--color-interactive-primary);outline-offset:2px}.decision__title{color:#37517e;color:var(--color-content-primary);font-size:1rem;font-size:var(--font-size-16);font-weight:600;font-weight:var(--font-weight-semi-bold);letter-spacing:0;line-height:1.2;line-height:var(--line-height-title);margin:0}.np-theme-personal .decision__title+p{margin-top:8px;margin-top:var(--size-8)}.np-theme-personal .decision__title{font-size:1.125rem;font-size:var(--font-size-18);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-negative-xs);line-height:1.5rem;line-height:var(--line-height-24)}.decision__content{font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);margin-top:4px;margin-top:var(--size-4)}.np-theme-personal .decision__content{font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .decision__content a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}.decision+.decision{margin-top:-1px}.decision dd:last-child{margin-bottom:0}.decision dl{margin-top:8px;margin-top:var(--size-8)}.decision .media,.decision.media{padding:16px 12px;padding:var(--size-16) var(--size-12)}.np-theme-personal .decision .media,.np-theme-personal .decision.media{padding:16px;padding:var(--size-16)}.decision .media .media-left,.decision.media .media-left{display:none}.decision .media .media-body,.decision.media .media-body{color:#5d7079;color:var(--color-content-secondary);font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.42857}.np-theme-personal .decision .media .media-body,.np-theme-personal .decision.media .media-body{font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body)}.np-theme-personal .np-theme-personal .decision .media .media-body,.np-theme-personal .np-theme-personal .decision.media .media-body{font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .np-theme-personal .decision .media .media-body a,.np-theme-personal .np-theme-personal .np-theme-personal .decision.media .media-body a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}@media (min-width:480px){.decision .media .media-left,.decision.media .media-left{display:block}}.decision:not(.disabled):hover{background-color:#86a7bd12}.decision:not(.disabled):hover .circle-inverse{background-color:#fff;background-color:var(--color-background-screen)}.np-theme-personal .decision:not(.disabled):hover .circle-inverse{background-color:transparent}.decision:not(.disabled):hover .tw-checkbox-button,.decision:not(.disabled):hover .tw-radio-button{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .decision:not(.disabled):hover .tw-checkbox-button,.np-theme-personal .decision:not(.disabled):hover .tw-radio-button{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.decision.decision-complex{align-items:normal}.np-theme-personal .decision:not(.disabled):hover{background-color:var(--color-background-screen-hover)}.media{align-items:center;display:flex}.media-body{flex:1}.media-body>:last-child{margin-bottom:0}.media-middle{align-self:center}.media-bottom{align-self:flex-end}.media-object{display:block}.media-right{padding-left:16px;padding-left:var(--size-16)}[dir=rtl] .media-right{padding-left:0}.media-left,[dir=rtl] .media-right{padding-right:16px;padding-right:var(--size-16)}[dir=rtl] .media-left{padding-left:16px;padding-left:var(--size-16);padding-right:0}.media-heading{margin-bottom:0;margin-top:0}.media-list{list-style:none;padding-left:0}[dir=rtl] .media-list{padding-left:0;padding-right:0}.dropdown-menu .media-body{overflow:hidden}.accordion-item{display:block}.accordion-item .chevron{vertical-align:middle}.accordion-item.decision:not(.disabled):hover{background-color:#fff;background-color:var(--color-background-elevated)}
|
package/dist/css/alerts.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.alert{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:10px;color:#37517e;color:var(--color-content-primary);margin-bottom:16px;margin-bottom:var(--size-16);min-width:200px;padding:16px;padding:var(--size-16)}.np-theme-personal .alert{border-radius:16px;border-radius:var(--radius-medium);padding:var(--padding-medium)}.alert .alert__message{margin-top:2px;padding-left:16px;padding-left:var(--padding-small)}.alert .close{margin-top:4px;margin-top:var(--size-4)}.np-theme-personal .alert .close{margin-right:-8px;margin-right:calc(var(--size-8)*-1);margin-top:-8px;margin-top:calc(var(--size-8)*-1)}.alert p,.alert ul{margin-bottom:0}.alert p+p{margin-top:8px;margin-top:var(--padding-x-small)}.arrow{position:relative}.arrow:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .arrow:before{left:auto;right:20px}.arrow:before{-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}.arrow.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .arrow.arrow-center:before{left:auto;margin-left:0;margin-right:-5px;right:50%}.arrow.arrow-top:before{bottom:auto;top:-5px}.arrow.arrow-left:before{left:20px;right:auto}[dir=rtl] .arrow.arrow-left:before{left:auto;right:20px;right:auto}.arrow.arrow-right:before{left:auto;right:20px}[dir=rtl] .arrow.arrow-right:before{left:auto;left:20px;right:auto}.arrow.arrow-bottom:before{bottom:-5px;top:auto}.alert-detach.arrow{border-radius:10px;border-radius:var(--radius-small)}.form-group .alert{border-color:#0000001a;border-color:var(--color-border-neutral);border-style:solid;border-top-left-radius:0;border-top-right-radius:0;border-width:0 1px 1px;margin-bottom:0;margin-top:-2px;padding:4px 16px 3px;position:relative;transition:border-color .15s ease-in-out}.form-group .alert:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .form-group .alert:before{left:auto;right:20px}.form-group .alert:before{-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}.form-group .alert.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .form-group .alert.arrow-center:before{left:auto;margin-left:0;margin-right:-5px;right:50%}.form-group .alert.arrow-top:before{bottom:auto;top:-5px}.form-group .alert.arrow-left:before{left:20px;right:auto}[dir=rtl] .form-group .alert.arrow-left:before{left:auto;right:20px;right:auto}.form-group .alert.arrow-right:before{left:auto;right:20px}[dir=rtl] .form-group .alert.arrow-right:before{left:auto;left:20px;right:auto}.form-group .alert.arrow-bottom:before{bottom:-5px;top:auto}.form-group .alert-detach,.form-group .checkbox~.alert,.form-group .radio~.alert{border-radius:10px;border-radius:var(--radius-small);border-width:0;margin-top:12px;margin-top:var(--size-12)}.form-group .alert-danger,.form-group .alert-focus,.form-group .alert-info,.form-group .alert-success,.form-group .alert-warning{display:none}.alert-positive,.alert-success{background-color:#36c7971a;background-color:var(--color-background-positive)}.alert-positive,.alert-positive .alert-link,.alert-positive .close,.alert-positive .icon,.alert-positive a,.alert-positive b,.alert-positive strong,.alert-success,.alert-success .alert-link,.alert-success .close,.alert-success .icon,.alert-success a,.alert-success b,.alert-success strong{color:#008026;color:var(--color-content-positive)}.alert-positive .alert-link:focus,.alert-positive .alert-link:hover,.alert-positive .close:focus,.alert-positive .close:hover,.alert-positive a:focus,.alert-positive a:hover,.alert-success .alert-link:focus,.alert-success .alert-link:hover,.alert-success .close:focus,.alert-success .close:hover,.alert-success a:focus,.alert-success a:hover{color:#006d13;color:var(--color-content-positive-hover)}.bg-primary .alert-positive,.bg-primary .alert-success{background-color:#36c7971a;color:#6fd698}.bg-primary .alert-positive .alert-link,.bg-primary .alert-positive .close,.bg-primary .alert-positive .icon,.bg-primary .alert-positive a,.bg-primary .alert-positive b,.bg-primary .alert-positive strong,.bg-primary .alert-success .alert-link,.bg-primary .alert-success .close,.bg-primary .alert-success .icon,.bg-primary .alert-success a,.bg-primary .alert-success b,.bg-primary .alert-success strong{color:#6fd698}.bg-primary .alert-positive .alert-link:focus,.bg-primary .alert-positive .alert-link:hover,.bg-primary .alert-positive .close:focus,.bg-primary .alert-positive .close:hover,.bg-primary .alert-positive a:focus,.bg-primary .alert-positive a:hover,.bg-primary .alert-success .alert-link:focus,.bg-primary .alert-success .alert-link:hover,.bg-primary .alert-success .close:focus,.bg-primary .alert-success .close:hover,.bg-primary .alert-success a:focus,.bg-primary .alert-success a:hover{color:#5ac285}.alert-info,.alert-neutral{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.alert-info,.alert-info .alert-link,.alert-info .alert-link:focus,.alert-info .alert-link:hover,.alert-info .close,.alert-info .close:focus,.alert-info .close:hover,.alert-info .icon,.alert-info a,.alert-info a:focus,.alert-info a:hover,.alert-info b,.alert-info strong,.alert-neutral,.alert-neutral .alert-link,.alert-neutral .alert-link:focus,.alert-neutral .alert-link:hover,.alert-neutral .close,.alert-neutral .close:focus,.alert-neutral .close:hover,.alert-neutral .icon,.alert-neutral a,.alert-neutral a:focus,.alert-neutral a:hover,.alert-neutral b,.alert-neutral strong{color:#37517e;color:var(--color-content-primary)}.bg-primary .alert-info,.bg-primary .alert-neutral{background-color:#86a7bd1a;color:#fff}.bg-primary .alert-info .alert-link,.bg-primary .alert-info .alert-link:focus,.bg-primary .alert-info .alert-link:hover,.bg-primary .alert-info .close,.bg-primary .alert-info .close:focus,.bg-primary .alert-info .close:hover,.bg-primary .alert-info .icon,.bg-primary .alert-info a,.bg-primary .alert-info a:focus,.bg-primary .alert-info a:hover,.bg-primary .alert-info b,.bg-primary .alert-info strong,.bg-primary .alert-neutral .alert-link,.bg-primary .alert-neutral .alert-link:focus,.bg-primary .alert-neutral .alert-link:hover,.bg-primary .alert-neutral .close,.bg-primary .alert-neutral .close:focus,.bg-primary .alert-neutral .close:hover,.bg-primary .alert-neutral .icon,.bg-primary .alert-neutral a,.bg-primary .alert-neutral a:focus,.bg-primary .alert-neutral a:hover,.bg-primary .alert-neutral b,.bg-primary .alert-neutral strong{color:#fff}.alert-warning{background-color:#ffac001a;background-color:var(--color-background-warning)}.alert-warning,.alert-warning .alert-link,.alert-warning .close,.alert-warning .icon,.alert-warning a,.alert-warning b,.alert-warning strong{color:#9a6500;color:var(--color-content-warning)}.alert-warning .alert-link:focus,.alert-warning .alert-link:hover,.alert-warning .close:focus,.alert-warning .close:hover,.alert-warning a:focus,.alert-warning a:hover{color:#855400;color:var(--color-content-warning-hover)}.bg-primary .alert-warning{background-color:#ffac001a;color:#ffd184}.bg-primary .alert-warning .alert-link,.bg-primary .alert-warning .close,.bg-primary .alert-warning .icon,.bg-primary .alert-warning a,.bg-primary .alert-warning b,.bg-primary .alert-warning strong{color:#ffd184}.bg-primary .alert-warning .alert-link:focus,.bg-primary .alert-warning .alert-link:hover,.bg-primary .alert-warning .close:focus,.bg-primary .alert-warning .close:hover,.bg-primary .alert-warning a:focus,.bg-primary .alert-warning a:hover{color:#e9bd71}.alert-danger,.alert-negative{background-color:#ff87871a;background-color:var(--color-background-negative)}.alert-danger,.alert-danger .alert-link,.alert-danger .close,.alert-danger .icon,.alert-danger a,.alert-danger b,.alert-danger strong,.alert-negative,.alert-negative .alert-link,.alert-negative .close,.alert-negative .icon,.alert-negative a,.alert-negative b,.alert-negative strong{color:#cf2929;color:var(--color-content-negative)}.alert-danger .alert-link:focus,.alert-danger .alert-link:hover,.alert-danger .close:focus,.alert-danger .close:hover,.alert-danger a:focus,.alert-danger a:hover,.alert-negative .alert-link:focus,.alert-negative .alert-link:hover,.alert-negative .close:focus,.alert-negative .close:hover,.alert-negative a:focus,.alert-negative a:hover{color:#b80419;color:var(--color-content-negative-hover)}.bg-primary .alert-danger,.bg-primary .alert-negative{background-color:#ff87871a;color:#ffa6a9}.bg-primary .alert-danger .alert-link,.bg-primary .alert-danger .close,.bg-primary .alert-danger .icon,.bg-primary .alert-danger a,.bg-primary .alert-danger b,.bg-primary .alert-danger strong,.bg-primary .alert-negative .alert-link,.bg-primary .alert-negative .close,.bg-primary .alert-negative .icon,.bg-primary .alert-negative a,.bg-primary .alert-negative b,.bg-primary .alert-negative strong{color:#ffa6a9}.bg-primary .alert-danger .alert-link:focus,.bg-primary .alert-danger .alert-link:hover,.bg-primary .alert-danger .close:focus,.bg-primary .alert-danger .close:hover,.bg-primary .alert-danger a:focus,.bg-primary .alert-danger a:hover,.bg-primary .alert-negative .alert-link:focus,.bg-primary .alert-negative .alert-link:hover,.bg-primary .alert-negative .close:focus,.bg-primary .alert-negative .close:hover,.bg-primary .alert-negative a:focus,.bg-primary .alert-negative a:hover{color:#ea9396}.btn:focus~.alert-focus,.form-group:focus-within .alert-focus,input:focus~.alert-focus{border-color:#00a2dd;border-color:var(--color-interactive-accent);display:block}.focus .alert-focus,.has-error .alert-danger,.has-error .alert-negative,.has-focus .alert-focus,.has-info .alert-info,.has-info .alert-neutral,.has-success .alert-positive,.has-success .alert-success,.has-warning .alert-warning{display:block}.has-error .alert-focus,.has-error .alert-info,.has-error .alert-neutral,.has-error .alert-positive,.has-error .alert-success,.has-error .alert-warning,.has-error .help-block,.has-info .alert-focus,.has-info .help-block,.has-success .alert-focus,.has-success .alert-info,.has-success .alert-neutral,.has-success .alert-warning,.has-success .help-block,.has-warning .alert-focus,.has-warning .alert-info,.has-warning .alert-neutral,.has-warning .help-block{display:none!important}.np-theme-personal .alert{padding:24px;padding:var(--size-24)}.np-theme-personal .alert .desktop{flex-direction:row}.np-theme-personal .alert .desktop .alert__message{padding-left:16px;padding-left:var(--padding-small);padding-top:0}.np-theme-personal .alert .mobile{flex-direction:column}.np-theme-personal .alert .mobile .alert__message{padding-left:0;padding-top:16px;padding-top:var(--padding-small)}.bg-primary .np-theme-personal .alert-danger,.bg-primary .np-theme-personal .alert-info,.bg-primary .np-theme-personal .alert-negative,.bg-primary .np-theme-personal .alert-neutral,.bg-primary .np-theme-personal .alert-positive,.bg-primary .np-theme-personal .alert-success,.bg-primary .np-theme-personal .alert-warning,.np-theme-personal .alert-danger,.np-theme-personal .alert-info,.np-theme-personal .alert-negative,.np-theme-personal .alert-neutral,.np-theme-personal .alert-positive,.np-theme-personal .alert-success,.np-theme-personal .alert-warning{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#5d7079;color:var(--color-content-secondary)}.bg-primary .np-theme-personal .alert-danger .alert-link,.bg-primary .np-theme-personal .alert-danger .close,.bg-primary .np-theme-personal .alert-danger .icon,.bg-primary .np-theme-personal .alert-danger a,.bg-primary .np-theme-personal .alert-danger b,.bg-primary .np-theme-personal .alert-danger strong,.bg-primary .np-theme-personal .alert-info .alert-link,.bg-primary .np-theme-personal .alert-info .close,.bg-primary .np-theme-personal .alert-info .icon,.bg-primary .np-theme-personal .alert-info a,.bg-primary .np-theme-personal .alert-info b,.bg-primary .np-theme-personal .alert-info strong,.bg-primary .np-theme-personal .alert-negative .alert-link,.bg-primary .np-theme-personal .alert-negative .close,.bg-primary .np-theme-personal .alert-negative .icon,.bg-primary .np-theme-personal .alert-negative a,.bg-primary .np-theme-personal .alert-negative b,.bg-primary .np-theme-personal .alert-negative strong,.bg-primary .np-theme-personal .alert-neutral .alert-link,.bg-primary .np-theme-personal .alert-neutral .close,.bg-primary .np-theme-personal .alert-neutral .icon,.bg-primary .np-theme-personal .alert-neutral a,.bg-primary .np-theme-personal .alert-neutral b,.bg-primary .np-theme-personal .alert-neutral strong,.bg-primary .np-theme-personal .alert-positive .alert-link,.bg-primary .np-theme-personal .alert-positive .close,.bg-primary .np-theme-personal .alert-positive .icon,.bg-primary .np-theme-personal .alert-positive a,.bg-primary .np-theme-personal .alert-positive b,.bg-primary .np-theme-personal .alert-positive strong,.bg-primary .np-theme-personal .alert-success .alert-link,.bg-primary .np-theme-personal .alert-success .close,.bg-primary .np-theme-personal .alert-success .icon,.bg-primary .np-theme-personal .alert-success a,.bg-primary .np-theme-personal .alert-success b,.bg-primary .np-theme-personal .alert-success strong,.bg-primary .np-theme-personal .alert-warning .alert-link,.bg-primary .np-theme-personal .alert-warning .close,.bg-primary .np-theme-personal .alert-warning .icon,.bg-primary .np-theme-personal .alert-warning a,.bg-primary .np-theme-personal .alert-warning b,.bg-primary .np-theme-personal .alert-warning strong,.np-theme-personal .alert-danger .alert-link,.np-theme-personal .alert-danger .close,.np-theme-personal .alert-danger .icon,.np-theme-personal .alert-danger a,.np-theme-personal .alert-danger b,.np-theme-personal .alert-danger strong,.np-theme-personal .alert-info .alert-link,.np-theme-personal .alert-info .close,.np-theme-personal .alert-info .icon,.np-theme-personal .alert-info a,.np-theme-personal .alert-info b,.np-theme-personal .alert-info strong,.np-theme-personal .alert-negative .alert-link,.np-theme-personal .alert-negative .close,.np-theme-personal .alert-negative .icon,.np-theme-personal .alert-negative a,.np-theme-personal .alert-negative b,.np-theme-personal .alert-negative strong,.np-theme-personal .alert-neutral .alert-link,.np-theme-personal .alert-neutral .close,.np-theme-personal .alert-neutral .icon,.np-theme-personal .alert-neutral a,.np-theme-personal .alert-neutral b,.np-theme-personal .alert-neutral strong,.np-theme-personal .alert-positive .alert-link,.np-theme-personal .alert-positive .close,.np-theme-personal .alert-positive .icon,.np-theme-personal .alert-positive a,.np-theme-personal .alert-positive b,.np-theme-personal .alert-positive strong,.np-theme-personal .alert-success .alert-link,.np-theme-personal .alert-success .close,.np-theme-personal .alert-success .icon,.np-theme-personal .alert-success a,.np-theme-personal .alert-success b,.np-theme-personal .alert-success strong,.np-theme-personal .alert-warning .alert-link,.np-theme-personal .alert-warning .close,.np-theme-personal .alert-warning .icon,.np-theme-personal .alert-warning a,.np-theme-personal .alert-warning b,.np-theme-personal .alert-warning strong{color:#5d7079;color:var(--color-content-secondary)}.bg-primary .np-theme-personal .alert-danger .alert-link:focus,.bg-primary .np-theme-personal .alert-danger .alert-link:hover,.bg-primary .np-theme-personal .alert-danger .close:focus,.bg-primary .np-theme-personal .alert-danger .close:hover,.bg-primary .np-theme-personal .alert-danger a:focus,.bg-primary .np-theme-personal .alert-danger a:hover,.bg-primary .np-theme-personal .alert-info .alert-link:focus,.bg-primary .np-theme-personal .alert-info .alert-link:hover,.bg-primary .np-theme-personal .alert-info .close:focus,.bg-primary .np-theme-personal .alert-info .close:hover,.bg-primary .np-theme-personal .alert-info a:focus,.bg-primary .np-theme-personal .alert-info a:hover,.bg-primary .np-theme-personal .alert-negative .alert-link:focus,.bg-primary .np-theme-personal .alert-negative .alert-link:hover,.bg-primary .np-theme-personal .alert-negative .close:focus,.bg-primary .np-theme-personal .alert-negative .close:hover,.bg-primary .np-theme-personal .alert-negative a:focus,.bg-primary .np-theme-personal .alert-negative a:hover,.bg-primary .np-theme-personal .alert-neutral .alert-link:focus,.bg-primary .np-theme-personal .alert-neutral .alert-link:hover,.bg-primary .np-theme-personal .alert-neutral .close:focus,.bg-primary .np-theme-personal .alert-neutral .close:hover,.bg-primary .np-theme-personal .alert-neutral a:focus,.bg-primary .np-theme-personal .alert-neutral a:hover,.bg-primary .np-theme-personal .alert-positive .alert-link:focus,.bg-primary .np-theme-personal .alert-positive .alert-link:hover,.bg-primary .np-theme-personal .alert-positive .close:focus,.bg-primary .np-theme-personal .alert-positive .close:hover,.bg-primary .np-theme-personal .alert-positive a:focus,.bg-primary .np-theme-personal .alert-positive a:hover,.bg-primary .np-theme-personal .alert-success .alert-link:focus,.bg-primary .np-theme-personal .alert-success .alert-link:hover,.bg-primary .np-theme-personal .alert-success .close:focus,.bg-primary .np-theme-personal .alert-success .close:hover,.bg-primary .np-theme-personal .alert-success a:focus,.bg-primary .np-theme-personal .alert-success a:hover,.bg-primary .np-theme-personal .alert-warning .alert-link:focus,.bg-primary .np-theme-personal .alert-warning .alert-link:hover,.bg-primary .np-theme-personal .alert-warning .close:focus,.bg-primary .np-theme-personal .alert-warning .close:hover,.bg-primary .np-theme-personal .alert-warning a:focus,.bg-primary .np-theme-personal .alert-warning a:hover,.np-theme-personal .alert-danger .alert-link:focus,.np-theme-personal .alert-danger .alert-link:hover,.np-theme-personal .alert-danger .close:focus,.np-theme-personal .alert-danger .close:hover,.np-theme-personal .alert-danger a:focus,.np-theme-personal .alert-danger a:hover,.np-theme-personal .alert-info .alert-link:focus,.np-theme-personal .alert-info .alert-link:hover,.np-theme-personal .alert-info .close:focus,.np-theme-personal .alert-info .close:hover,.np-theme-personal .alert-info a:focus,.np-theme-personal .alert-info a:hover,.np-theme-personal .alert-negative .alert-link:focus,.np-theme-personal .alert-negative .alert-link:hover,.np-theme-personal .alert-negative .close:focus,.np-theme-personal .alert-negative .close:hover,.np-theme-personal .alert-negative a:focus,.np-theme-personal .alert-negative a:hover,.np-theme-personal .alert-neutral .alert-link:focus,.np-theme-personal .alert-neutral .alert-link:hover,.np-theme-personal .alert-neutral .close:focus,.np-theme-personal .alert-neutral .close:hover,.np-theme-personal .alert-neutral a:focus,.np-theme-personal .alert-neutral a:hover,.np-theme-personal .alert-positive .alert-link:focus,.np-theme-personal .alert-positive .alert-link:hover,.np-theme-personal .alert-positive .close:focus,.np-theme-personal .alert-positive .close:hover,.np-theme-personal .alert-positive a:focus,.np-theme-personal .alert-positive a:hover,.np-theme-personal .alert-success .alert-link:focus,.np-theme-personal .alert-success .alert-link:hover,.np-theme-personal .alert-success .close:focus,.np-theme-personal .alert-success .close:hover,.np-theme-personal .alert-success a:focus,.np-theme-personal .alert-success a:hover,.np-theme-personal .alert-warning .alert-link:focus,.np-theme-personal .alert-warning .alert-link:hover,.np-theme-personal .alert-warning .close:focus,.np-theme-personal .alert-warning .close:hover,.np-theme-personal .alert-warning a:focus,.np-theme-personal .alert-warning a:hover{color:var(--color-content-link-hover)}.np-theme-personal .alert-danger .np-link,.np-theme-personal .alert-info .np-link,.np-theme-personal .alert-negative .np-link,.np-theme-personal .alert-neutral .np-link,.np-theme-personal .alert-positive .np-link,.np-theme-personal .alert-success .np-link,.np-theme-personal .alert-warning .np-link{color:var(--color-content-link)}.np-theme-personal .alert-danger .np-link:focus,.np-theme-personal .alert-danger .np-link:hover,.np-theme-personal .alert-info .np-link:focus,.np-theme-personal .alert-info .np-link:hover,.np-theme-personal .alert-negative .np-link:focus,.np-theme-personal .alert-negative .np-link:hover,.np-theme-personal .alert-neutral .np-link:focus,.np-theme-personal .alert-neutral .np-link:hover,.np-theme-personal .alert-positive .np-link:focus,.np-theme-personal .alert-positive .np-link:hover,.np-theme-personal .alert-success .np-link:focus,.np-theme-personal .alert-success .np-link:hover,.np-theme-personal .alert-warning .np-link:focus,.np-theme-personal .alert-warning .np-link:hover{color:var(--color-content-link-hover)}.np-theme-personal .alert-positive .alert-sentiment-icon,.np-theme-personal .alert-success .alert-sentiment-icon{color:var(--color-sentiment-positive)}.np-theme-personal .alert-info .alert-sentiment-icon,.np-theme-personal .alert-neutral .alert-sentiment-icon{color:#5d7079;color:var(--color-content-secondary)}.np-theme-personal .alert-danger .alert-sentiment-icon,.np-theme-personal .alert-negative .alert-sentiment-icon{color:var(--color-sentiment-negative)}.np-theme-personal .alert-warning .alert-sentiment-icon{color:var(--color-sentiment-warning)}.np-theme-personal .alert-sentiment-icon-and-background{align-items:center;display:flex}.np-theme-personal .alert-sentiment-icon{z-index:10}.np-theme-personal .alert-sentiment-icon>svg{height:48px;width:48px}.np-theme-personal .alert-sentiment-icon-background{border-radius:50%;height:36px;margin-left:6px;margin-top:3px;position:absolute;width:36px;z-index:1}.np-theme-personal .alert-sentiment-icon-background.black{background-color:#000}.np-theme-personal .alert-sentiment-icon-background.white{background-color:#fff}
|
|
1
|
+
.alert{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:10px;color:#37517e;color:var(--color-content-primary);margin-bottom:16px;margin-bottom:var(--size-16);min-width:200px;padding:16px;padding:var(--size-16)}.np-theme-personal .alert{border-radius:16px;border-radius:var(--radius-medium);padding:var(--padding-medium)}.alert .alert__message{margin-top:2px;padding-left:16px;padding-left:var(--padding-small)}.alert .close{margin-top:4px;margin-top:var(--size-4)}.np-theme-personal .alert .close{margin-right:-8px;margin-right:calc(var(--size-8)*-1);margin-top:-8px;margin-top:calc(var(--size-8)*-1)}.alert p,.alert ul{margin-bottom:0}.alert p+p{margin-top:8px;margin-top:var(--padding-x-small)}.arrow{position:relative}.arrow:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .arrow:before{left:auto;right:20px}.arrow:before{-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}.arrow.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .arrow.arrow-center:before{left:auto;margin-left:0;margin-right:-5px;right:50%}.arrow.arrow-top:before{bottom:auto;top:-5px}.arrow.arrow-left:before{left:20px;right:auto}[dir=rtl] .arrow.arrow-left:before{left:auto;right:20px;right:auto}.arrow.arrow-right:before{left:auto;right:20px}[dir=rtl] .arrow.arrow-right:before{left:auto;left:20px;right:auto}.arrow.arrow-bottom:before{bottom:-5px;top:auto}.alert-detach.arrow{border-radius:3px}.form-group .alert{border-color:#0000001a;border-color:var(--color-border-neutral);border-style:solid;border-top-left-radius:0;border-top-right-radius:0;border-width:0 1px 1px;margin-bottom:0;margin-top:-2px;padding:4px 16px 3px;position:relative;transition:border-color .15s ease-in-out}.form-group .alert:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .form-group .alert:before{left:auto;right:20px}.form-group .alert:before{-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}.form-group .alert.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .form-group .alert.arrow-center:before{left:auto;margin-left:0;margin-right:-5px;right:50%}.form-group .alert.arrow-top:before{bottom:auto;top:-5px}.form-group .alert.arrow-left:before{left:20px;right:auto}[dir=rtl] .form-group .alert.arrow-left:before{left:auto;right:20px;right:auto}.form-group .alert.arrow-right:before{left:auto;right:20px}[dir=rtl] .form-group .alert.arrow-right:before{left:auto;left:20px;right:auto}.form-group .alert.arrow-bottom:before{bottom:-5px;top:auto}.form-group .alert-detach,.form-group .checkbox~.alert,.form-group .radio~.alert{border-radius:10px;border-radius:var(--radius-small);border-width:0;margin-top:12px;margin-top:var(--size-12)}.form-group .alert-danger,.form-group .alert-focus,.form-group .alert-info,.form-group .alert-success,.form-group .alert-warning{display:none}.alert-positive,.alert-success{background-color:#36c7971a;background-color:var(--color-background-positive)}.alert-positive,.alert-positive .alert-link,.alert-positive .close,.alert-positive .icon,.alert-positive a,.alert-positive b,.alert-positive strong,.alert-success,.alert-success .alert-link,.alert-success .close,.alert-success .icon,.alert-success a,.alert-success b,.alert-success strong{color:#008026;color:var(--color-content-positive)}.alert-positive .alert-link:focus,.alert-positive .alert-link:hover,.alert-positive .close:focus,.alert-positive .close:hover,.alert-positive a:focus,.alert-positive a:hover,.alert-success .alert-link:focus,.alert-success .alert-link:hover,.alert-success .close:focus,.alert-success .close:hover,.alert-success a:focus,.alert-success a:hover{color:#006d13;color:var(--color-content-positive-hover)}.bg-primary .alert-positive,.bg-primary .alert-success{background-color:#36c7971a;color:#6fd698}.bg-primary .alert-positive .alert-link,.bg-primary .alert-positive .close,.bg-primary .alert-positive .icon,.bg-primary .alert-positive a,.bg-primary .alert-positive b,.bg-primary .alert-positive strong,.bg-primary .alert-success .alert-link,.bg-primary .alert-success .close,.bg-primary .alert-success .icon,.bg-primary .alert-success a,.bg-primary .alert-success b,.bg-primary .alert-success strong{color:#6fd698}.bg-primary .alert-positive .alert-link:focus,.bg-primary .alert-positive .alert-link:hover,.bg-primary .alert-positive .close:focus,.bg-primary .alert-positive .close:hover,.bg-primary .alert-positive a:focus,.bg-primary .alert-positive a:hover,.bg-primary .alert-success .alert-link:focus,.bg-primary .alert-success .alert-link:hover,.bg-primary .alert-success .close:focus,.bg-primary .alert-success .close:hover,.bg-primary .alert-success a:focus,.bg-primary .alert-success a:hover{color:#5ac285}.alert-info,.alert-neutral{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.alert-info,.alert-info .alert-link,.alert-info .alert-link:focus,.alert-info .alert-link:hover,.alert-info .close,.alert-info .close:focus,.alert-info .close:hover,.alert-info .icon,.alert-info a,.alert-info a:focus,.alert-info a:hover,.alert-info b,.alert-info strong,.alert-neutral,.alert-neutral .alert-link,.alert-neutral .alert-link:focus,.alert-neutral .alert-link:hover,.alert-neutral .close,.alert-neutral .close:focus,.alert-neutral .close:hover,.alert-neutral .icon,.alert-neutral a,.alert-neutral a:focus,.alert-neutral a:hover,.alert-neutral b,.alert-neutral strong{color:#37517e;color:var(--color-content-primary)}.bg-primary .alert-info,.bg-primary .alert-neutral{background-color:#86a7bd1a;color:#fff}.bg-primary .alert-info .alert-link,.bg-primary .alert-info .alert-link:focus,.bg-primary .alert-info .alert-link:hover,.bg-primary .alert-info .close,.bg-primary .alert-info .close:focus,.bg-primary .alert-info .close:hover,.bg-primary .alert-info .icon,.bg-primary .alert-info a,.bg-primary .alert-info a:focus,.bg-primary .alert-info a:hover,.bg-primary .alert-info b,.bg-primary .alert-info strong,.bg-primary .alert-neutral .alert-link,.bg-primary .alert-neutral .alert-link:focus,.bg-primary .alert-neutral .alert-link:hover,.bg-primary .alert-neutral .close,.bg-primary .alert-neutral .close:focus,.bg-primary .alert-neutral .close:hover,.bg-primary .alert-neutral .icon,.bg-primary .alert-neutral a,.bg-primary .alert-neutral a:focus,.bg-primary .alert-neutral a:hover,.bg-primary .alert-neutral b,.bg-primary .alert-neutral strong{color:#fff}.alert-warning{background-color:#ffac001a;background-color:var(--color-background-warning)}.alert-warning,.alert-warning .alert-link,.alert-warning .close,.alert-warning .icon,.alert-warning a,.alert-warning b,.alert-warning strong{color:#9a6500;color:var(--color-content-warning)}.alert-warning .alert-link:focus,.alert-warning .alert-link:hover,.alert-warning .close:focus,.alert-warning .close:hover,.alert-warning a:focus,.alert-warning a:hover{color:#855400;color:var(--color-content-warning-hover)}.bg-primary .alert-warning{background-color:#ffac001a;color:#ffd184}.bg-primary .alert-warning .alert-link,.bg-primary .alert-warning .close,.bg-primary .alert-warning .icon,.bg-primary .alert-warning a,.bg-primary .alert-warning b,.bg-primary .alert-warning strong{color:#ffd184}.bg-primary .alert-warning .alert-link:focus,.bg-primary .alert-warning .alert-link:hover,.bg-primary .alert-warning .close:focus,.bg-primary .alert-warning .close:hover,.bg-primary .alert-warning a:focus,.bg-primary .alert-warning a:hover{color:#e9bd71}.alert-danger,.alert-negative{background-color:#ff87871a;background-color:var(--color-background-negative)}.alert-danger,.alert-danger .alert-link,.alert-danger .close,.alert-danger .icon,.alert-danger a,.alert-danger b,.alert-danger strong,.alert-negative,.alert-negative .alert-link,.alert-negative .close,.alert-negative .icon,.alert-negative a,.alert-negative b,.alert-negative strong{color:#cf2929;color:var(--color-content-negative)}.alert-danger .alert-link:focus,.alert-danger .alert-link:hover,.alert-danger .close:focus,.alert-danger .close:hover,.alert-danger a:focus,.alert-danger a:hover,.alert-negative .alert-link:focus,.alert-negative .alert-link:hover,.alert-negative .close:focus,.alert-negative .close:hover,.alert-negative a:focus,.alert-negative a:hover{color:#b80419;color:var(--color-content-negative-hover)}.bg-primary .alert-danger,.bg-primary .alert-negative{background-color:#ff87871a;color:#ffa6a9}.bg-primary .alert-danger .alert-link,.bg-primary .alert-danger .close,.bg-primary .alert-danger .icon,.bg-primary .alert-danger a,.bg-primary .alert-danger b,.bg-primary .alert-danger strong,.bg-primary .alert-negative .alert-link,.bg-primary .alert-negative .close,.bg-primary .alert-negative .icon,.bg-primary .alert-negative a,.bg-primary .alert-negative b,.bg-primary .alert-negative strong{color:#ffa6a9}.bg-primary .alert-danger .alert-link:focus,.bg-primary .alert-danger .alert-link:hover,.bg-primary .alert-danger .close:focus,.bg-primary .alert-danger .close:hover,.bg-primary .alert-danger a:focus,.bg-primary .alert-danger a:hover,.bg-primary .alert-negative .alert-link:focus,.bg-primary .alert-negative .alert-link:hover,.bg-primary .alert-negative .close:focus,.bg-primary .alert-negative .close:hover,.bg-primary .alert-negative a:focus,.bg-primary .alert-negative a:hover{color:#ea9396}.btn:focus~.alert-focus,.form-group:focus-within .alert-focus,input:focus~.alert-focus{border-color:#00a2dd;border-color:var(--color-interactive-accent);display:block}.focus .alert-focus,.has-error .alert-danger,.has-error .alert-negative,.has-focus .alert-focus,.has-info .alert-info,.has-info .alert-neutral,.has-success .alert-positive,.has-success .alert-success,.has-warning .alert-warning{display:block}.has-error .alert-focus,.has-error .alert-info,.has-error .alert-neutral,.has-error .alert-positive,.has-error .alert-success,.has-error .alert-warning,.has-error .help-block,.has-info .alert-focus,.has-info .help-block,.has-success .alert-focus,.has-success .alert-info,.has-success .alert-neutral,.has-success .alert-warning,.has-success .help-block,.has-warning .alert-focus,.has-warning .alert-info,.has-warning .alert-neutral,.has-warning .help-block{display:none!important}.np-theme-personal .alert{padding:24px;padding:var(--size-24)}.np-theme-personal .alert .desktop{flex-direction:row}.np-theme-personal .alert .desktop .alert__message{padding-left:16px;padding-left:var(--padding-small);padding-top:0}.np-theme-personal .alert .mobile{flex-direction:column}.np-theme-personal .alert .mobile .alert__message{padding-left:0;padding-top:16px;padding-top:var(--padding-small)}.bg-primary .np-theme-personal .alert-danger,.bg-primary .np-theme-personal .alert-info,.bg-primary .np-theme-personal .alert-negative,.bg-primary .np-theme-personal .alert-neutral,.bg-primary .np-theme-personal .alert-positive,.bg-primary .np-theme-personal .alert-success,.bg-primary .np-theme-personal .alert-warning,.np-theme-personal .alert-danger,.np-theme-personal .alert-info,.np-theme-personal .alert-negative,.np-theme-personal .alert-neutral,.np-theme-personal .alert-positive,.np-theme-personal .alert-success,.np-theme-personal .alert-warning{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#5d7079;color:var(--color-content-secondary)}.bg-primary .np-theme-personal .alert-danger .alert-link,.bg-primary .np-theme-personal .alert-danger .close,.bg-primary .np-theme-personal .alert-danger .icon,.bg-primary .np-theme-personal .alert-danger a,.bg-primary .np-theme-personal .alert-danger b,.bg-primary .np-theme-personal .alert-danger strong,.bg-primary .np-theme-personal .alert-info .alert-link,.bg-primary .np-theme-personal .alert-info .close,.bg-primary .np-theme-personal .alert-info .icon,.bg-primary .np-theme-personal .alert-info a,.bg-primary .np-theme-personal .alert-info b,.bg-primary .np-theme-personal .alert-info strong,.bg-primary .np-theme-personal .alert-negative .alert-link,.bg-primary .np-theme-personal .alert-negative .close,.bg-primary .np-theme-personal .alert-negative .icon,.bg-primary .np-theme-personal .alert-negative a,.bg-primary .np-theme-personal .alert-negative b,.bg-primary .np-theme-personal .alert-negative strong,.bg-primary .np-theme-personal .alert-neutral .alert-link,.bg-primary .np-theme-personal .alert-neutral .close,.bg-primary .np-theme-personal .alert-neutral .icon,.bg-primary .np-theme-personal .alert-neutral a,.bg-primary .np-theme-personal .alert-neutral b,.bg-primary .np-theme-personal .alert-neutral strong,.bg-primary .np-theme-personal .alert-positive .alert-link,.bg-primary .np-theme-personal .alert-positive .close,.bg-primary .np-theme-personal .alert-positive .icon,.bg-primary .np-theme-personal .alert-positive a,.bg-primary .np-theme-personal .alert-positive b,.bg-primary .np-theme-personal .alert-positive strong,.bg-primary .np-theme-personal .alert-success .alert-link,.bg-primary .np-theme-personal .alert-success .close,.bg-primary .np-theme-personal .alert-success .icon,.bg-primary .np-theme-personal .alert-success a,.bg-primary .np-theme-personal .alert-success b,.bg-primary .np-theme-personal .alert-success strong,.bg-primary .np-theme-personal .alert-warning .alert-link,.bg-primary .np-theme-personal .alert-warning .close,.bg-primary .np-theme-personal .alert-warning .icon,.bg-primary .np-theme-personal .alert-warning a,.bg-primary .np-theme-personal .alert-warning b,.bg-primary .np-theme-personal .alert-warning strong,.np-theme-personal .alert-danger .alert-link,.np-theme-personal .alert-danger .close,.np-theme-personal .alert-danger .icon,.np-theme-personal .alert-danger a,.np-theme-personal .alert-danger b,.np-theme-personal .alert-danger strong,.np-theme-personal .alert-info .alert-link,.np-theme-personal .alert-info .close,.np-theme-personal .alert-info .icon,.np-theme-personal .alert-info a,.np-theme-personal .alert-info b,.np-theme-personal .alert-info strong,.np-theme-personal .alert-negative .alert-link,.np-theme-personal .alert-negative .close,.np-theme-personal .alert-negative .icon,.np-theme-personal .alert-negative a,.np-theme-personal .alert-negative b,.np-theme-personal .alert-negative strong,.np-theme-personal .alert-neutral .alert-link,.np-theme-personal .alert-neutral .close,.np-theme-personal .alert-neutral .icon,.np-theme-personal .alert-neutral a,.np-theme-personal .alert-neutral b,.np-theme-personal .alert-neutral strong,.np-theme-personal .alert-positive .alert-link,.np-theme-personal .alert-positive .close,.np-theme-personal .alert-positive .icon,.np-theme-personal .alert-positive a,.np-theme-personal .alert-positive b,.np-theme-personal .alert-positive strong,.np-theme-personal .alert-success .alert-link,.np-theme-personal .alert-success .close,.np-theme-personal .alert-success .icon,.np-theme-personal .alert-success a,.np-theme-personal .alert-success b,.np-theme-personal .alert-success strong,.np-theme-personal .alert-warning .alert-link,.np-theme-personal .alert-warning .close,.np-theme-personal .alert-warning .icon,.np-theme-personal .alert-warning a,.np-theme-personal .alert-warning b,.np-theme-personal .alert-warning strong{color:#5d7079;color:var(--color-content-secondary)}.bg-primary .np-theme-personal .alert-danger .alert-link:focus,.bg-primary .np-theme-personal .alert-danger .alert-link:hover,.bg-primary .np-theme-personal .alert-danger .close:focus,.bg-primary .np-theme-personal .alert-danger .close:hover,.bg-primary .np-theme-personal .alert-danger a:focus,.bg-primary .np-theme-personal .alert-danger a:hover,.bg-primary .np-theme-personal .alert-info .alert-link:focus,.bg-primary .np-theme-personal .alert-info .alert-link:hover,.bg-primary .np-theme-personal .alert-info .close:focus,.bg-primary .np-theme-personal .alert-info .close:hover,.bg-primary .np-theme-personal .alert-info a:focus,.bg-primary .np-theme-personal .alert-info a:hover,.bg-primary .np-theme-personal .alert-negative .alert-link:focus,.bg-primary .np-theme-personal .alert-negative .alert-link:hover,.bg-primary .np-theme-personal .alert-negative .close:focus,.bg-primary .np-theme-personal .alert-negative .close:hover,.bg-primary .np-theme-personal .alert-negative a:focus,.bg-primary .np-theme-personal .alert-negative a:hover,.bg-primary .np-theme-personal .alert-neutral .alert-link:focus,.bg-primary .np-theme-personal .alert-neutral .alert-link:hover,.bg-primary .np-theme-personal .alert-neutral .close:focus,.bg-primary .np-theme-personal .alert-neutral .close:hover,.bg-primary .np-theme-personal .alert-neutral a:focus,.bg-primary .np-theme-personal .alert-neutral a:hover,.bg-primary .np-theme-personal .alert-positive .alert-link:focus,.bg-primary .np-theme-personal .alert-positive .alert-link:hover,.bg-primary .np-theme-personal .alert-positive .close:focus,.bg-primary .np-theme-personal .alert-positive .close:hover,.bg-primary .np-theme-personal .alert-positive a:focus,.bg-primary .np-theme-personal .alert-positive a:hover,.bg-primary .np-theme-personal .alert-success .alert-link:focus,.bg-primary .np-theme-personal .alert-success .alert-link:hover,.bg-primary .np-theme-personal .alert-success .close:focus,.bg-primary .np-theme-personal .alert-success .close:hover,.bg-primary .np-theme-personal .alert-success a:focus,.bg-primary .np-theme-personal .alert-success a:hover,.bg-primary .np-theme-personal .alert-warning .alert-link:focus,.bg-primary .np-theme-personal .alert-warning .alert-link:hover,.bg-primary .np-theme-personal .alert-warning .close:focus,.bg-primary .np-theme-personal .alert-warning .close:hover,.bg-primary .np-theme-personal .alert-warning a:focus,.bg-primary .np-theme-personal .alert-warning a:hover,.np-theme-personal .alert-danger .alert-link:focus,.np-theme-personal .alert-danger .alert-link:hover,.np-theme-personal .alert-danger .close:focus,.np-theme-personal .alert-danger .close:hover,.np-theme-personal .alert-danger a:focus,.np-theme-personal .alert-danger a:hover,.np-theme-personal .alert-info .alert-link:focus,.np-theme-personal .alert-info .alert-link:hover,.np-theme-personal .alert-info .close:focus,.np-theme-personal .alert-info .close:hover,.np-theme-personal .alert-info a:focus,.np-theme-personal .alert-info a:hover,.np-theme-personal .alert-negative .alert-link:focus,.np-theme-personal .alert-negative .alert-link:hover,.np-theme-personal .alert-negative .close:focus,.np-theme-personal .alert-negative .close:hover,.np-theme-personal .alert-negative a:focus,.np-theme-personal .alert-negative a:hover,.np-theme-personal .alert-neutral .alert-link:focus,.np-theme-personal .alert-neutral .alert-link:hover,.np-theme-personal .alert-neutral .close:focus,.np-theme-personal .alert-neutral .close:hover,.np-theme-personal .alert-neutral a:focus,.np-theme-personal .alert-neutral a:hover,.np-theme-personal .alert-positive .alert-link:focus,.np-theme-personal .alert-positive .alert-link:hover,.np-theme-personal .alert-positive .close:focus,.np-theme-personal .alert-positive .close:hover,.np-theme-personal .alert-positive a:focus,.np-theme-personal .alert-positive a:hover,.np-theme-personal .alert-success .alert-link:focus,.np-theme-personal .alert-success .alert-link:hover,.np-theme-personal .alert-success .close:focus,.np-theme-personal .alert-success .close:hover,.np-theme-personal .alert-success a:focus,.np-theme-personal .alert-success a:hover,.np-theme-personal .alert-warning .alert-link:focus,.np-theme-personal .alert-warning .alert-link:hover,.np-theme-personal .alert-warning .close:focus,.np-theme-personal .alert-warning .close:hover,.np-theme-personal .alert-warning a:focus,.np-theme-personal .alert-warning a:hover{color:var(--color-content-link-hover)}.np-theme-personal .alert-danger .np-link,.np-theme-personal .alert-info .np-link,.np-theme-personal .alert-negative .np-link,.np-theme-personal .alert-neutral .np-link,.np-theme-personal .alert-positive .np-link,.np-theme-personal .alert-success .np-link,.np-theme-personal .alert-warning .np-link{color:var(--color-content-link)}.np-theme-personal .alert-danger .np-link:focus,.np-theme-personal .alert-danger .np-link:hover,.np-theme-personal .alert-info .np-link:focus,.np-theme-personal .alert-info .np-link:hover,.np-theme-personal .alert-negative .np-link:focus,.np-theme-personal .alert-negative .np-link:hover,.np-theme-personal .alert-neutral .np-link:focus,.np-theme-personal .alert-neutral .np-link:hover,.np-theme-personal .alert-positive .np-link:focus,.np-theme-personal .alert-positive .np-link:hover,.np-theme-personal .alert-success .np-link:focus,.np-theme-personal .alert-success .np-link:hover,.np-theme-personal .alert-warning .np-link:focus,.np-theme-personal .alert-warning .np-link:hover{color:var(--color-content-link-hover)}.np-theme-personal .alert-positive .alert-sentiment-icon,.np-theme-personal .alert-success .alert-sentiment-icon{color:var(--color-sentiment-positive)}.np-theme-personal .alert-info .alert-sentiment-icon,.np-theme-personal .alert-neutral .alert-sentiment-icon{color:#5d7079;color:var(--color-content-secondary)}.np-theme-personal .alert-danger .alert-sentiment-icon,.np-theme-personal .alert-negative .alert-sentiment-icon{color:var(--color-sentiment-negative)}.np-theme-personal .alert-warning .alert-sentiment-icon{color:var(--color-sentiment-warning)}.np-theme-personal .alert-sentiment-icon-and-background{align-items:center;display:flex}.np-theme-personal .alert-sentiment-icon{z-index:10}.np-theme-personal .alert-sentiment-icon>svg{height:48px;width:48px}.np-theme-personal .alert-sentiment-icon-background{border-radius:50%;height:36px;margin-left:6px;margin-top:3px;position:absolute;width:36px;z-index:1}.np-theme-personal .alert-sentiment-icon-background.black{background-color:#000}.np-theme-personal .alert-sentiment-icon-background.white{background-color:#fff}
|
package/dist/css/decision.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.decision{align-items:center;background-color:transparent;border:0;cursor:pointer;display:
|
|
1
|
+
.decision{align-items:center;background-color:transparent;border:0;cursor:pointer;display:block;margin-bottom:0!important;transition:background-color .35s ease,outline-offset .1s ease}.decision:not(.np-option):focus,.decision:not(.np-option):focus-visible,.decision:not(.np-option):focus-within{outline:3px solid var(--color-interactive-primary);outline-offset:2px}.decision__title{color:#37517e;color:var(--color-content-primary);font-size:1rem;font-size:var(--font-size-16);font-weight:600;font-weight:var(--font-weight-semi-bold);letter-spacing:0;line-height:1.2;line-height:var(--line-height-title);margin:0}.np-theme-personal .decision__title+p{margin-top:8px;margin-top:var(--size-8)}.np-theme-personal .decision__title{font-size:1.125rem;font-size:var(--font-size-18);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-negative-xs);line-height:1.5rem;line-height:var(--line-height-24)}.decision__content{font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);margin-top:4px;margin-top:var(--size-4)}.np-theme-personal .decision__content{font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .decision__content a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}.decision+.decision{margin-top:-1px}.decision dd:last-child{margin-bottom:0}.decision dl{margin-top:8px;margin-top:var(--size-8)}.decision .media,.decision.media{padding:16px 12px;padding:var(--size-16) var(--size-12)}.np-theme-personal .decision .media,.np-theme-personal .decision.media{padding:16px;padding:var(--size-16)}.decision .media .media-left,.decision.media .media-left{display:none}.decision .media .media-body,.decision.media .media-body{color:#5d7079;color:var(--color-content-secondary);font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.42857}.np-theme-personal .decision .media .media-body,.np-theme-personal .decision.media .media-body{font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body)}.np-theme-personal .np-theme-personal .decision .media .media-body,.np-theme-personal .np-theme-personal .decision.media .media-body{font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .np-theme-personal .decision .media .media-body a,.np-theme-personal .np-theme-personal .np-theme-personal .decision.media .media-body a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}@media (min-width:480px){.decision .media .media-left,.decision.media .media-left{display:block}}.decision:not(.disabled):hover{background-color:#86a7bd12}.decision:not(.disabled):hover .circle-inverse{background-color:#fff;background-color:var(--color-background-screen)}.np-theme-personal .decision:not(.disabled):hover .circle-inverse{background-color:transparent}.decision:not(.disabled):hover .tw-checkbox-button,.decision:not(.disabled):hover .tw-radio-button{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .decision:not(.disabled):hover .tw-checkbox-button,.np-theme-personal .decision:not(.disabled):hover .tw-radio-button{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.decision.decision-complex{align-items:normal}.np-theme-personal .decision:not(.disabled):hover{background-color:var(--color-background-screen-hover)}
|