@uqds/alert 7.0.3-alpha.0 → 7.0.4-alpha.0
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/dist/css/main.css +1 -1
- package/package.json +3 -3
- package/src/scss/_component.scss +13 -0
package/dist/css/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.uq-alert{background-color:#e7f0fa;color:#3b383e;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;position:relative}.uq-alert__container{margin:0 auto}.uq-alert__container .uq-alert__message:not(:last-child){padding-right:3rem}.uq-alert__title{font-size:1.125rem;font-weight:500;line-height:1.2;color:#3b383e;margin:0 0 .5rem}.uq-alert__message{position:relative;padding:1.5rem;margin-left:2.5rem}.uq-alert__message::before{content:"";background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' transform='rotate(-180 12 12)' stroke='%233b383e' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M12 16.2v-4' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='12' cy='8.4' r='1.1' transform='rotate(-180 12 8.4)' fill='%233b383e'%3e%3c/circle%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.5rem;width:1.5rem;height:1.5rem;position:absolute;top:25px;left:-1rem}.uq-alert__message p{margin-bottom:1rem;margin-top:0}.uq-alert__message p:last-child{margin-bottom:0}.uq-alert__close{position:absolute;top:0;right:0;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5 5 14 14M19 5 5 19' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1rem;background-position:center;background-color:rgba(0,0,0,0);border:none;width:3rem;height:3rem;text-indent:999px;overflow:hidden;cursor:pointer}.uq-alert__close:hover,.uq-alert__close:focus{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5 5 14 14M19 5 5 19' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");background-color:rgba(0,0,0,0);border:none}.uq-alert--info{background-color:#e7f0fa}.uq-alert--info .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' transform='rotate(-180 12 12)' stroke='%233b383e' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M12 16.2v-4' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='12' cy='8.4' r='1.1' transform='rotate(-180 12 8.4)' fill='%233b383e'%3e%3c/circle%3e%3c/svg%3e")}.uq-alert--success{background-color:#edf6ed}.uq-alert--success .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' stroke='%233b383e' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M7 12.867 9.6 16l6.733-8' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e")}.uq-alert--warning{background-color:#fef8e8}.uq-alert--warning .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' stroke='%233b383e' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M12 7.8v4' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='11.9' cy='15.6' r='.6' fill='%233b383e' stroke='%233b383e'%3e%3c/circle%3e%3c/svg%3e")}.uq-alert--error{background-color:#fbeaea}.uq-alert--error .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.127 18.545a1.18 1.18 0 0 1-1.055 1.706H4.929a1.18 1.18 0 0 1-1.055-1.706l7.072-14.143a1.179 1.179 0 0 1 2.109 0l7.072 14.143Z' stroke='%233b383e' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M12 9v4' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='11.9' cy='16.601' r='1.1' fill='%233b383e'%3e%3c/circle%3e%3c/svg%3e")}@media(min-width: 64rem){.uq-alert--global .uq-alert__container{max-width:73.25rem;margin-left:auto;margin-right:auto}}.uq-alert--global .uq-alert__message{line-height:1.6rem;font-weight:400;margin-left:2.75rem;padding:.75rem 1.5rem .75rem .5rem}@media(min-width: 37.5rem){.uq-alert--global .uq-alert__message{font-size:1rem}}@media(min-width: 64rem){.uq-alert--global .uq-alert__message{margin-left:2.5rem}}.uq-alert--global .uq-alert__message::before{content:"";background-size:1.5rem;width:1.5rem;height:1.5rem;position:absolute;top:.75rem;left:-1.5rem}.uq-alert--dark{background-color:#0d6dcd;color:#fff}.uq-alert--dark a{color:inherit;text-decoration:underline}.uq-alert--dark a:hover,.uq-alert--dark a:focus{background-color:#fff;color:#51247a}.uq-alert--dark .uq-alert__title{color:#fff}.uq-alert--dark .uq-alert__close{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5 5 14 14M19 5 5 19' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e")}.uq-alert--dark .uq-alert__close:hover,.uq-alert--dark .uq-alert__close:focus{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5 5 14 14M19 5 5 19' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e")}.uq-alert--dark.uq-alert--info .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' transform='rotate(-180 12 12)' stroke='%23fff' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M12 16.2v-4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='12' cy='8.4' r='1.1' transform='rotate(-180 12 8.4)' fill='%23fff'%3e%3c/circle%3e%3c/svg%3e")}.uq-alert--dark.uq-alert--success{background-color:#4aa74e}.uq-alert--dark.uq-alert--success .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' stroke='%23fff' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M7 12.867 9.6 16l6.733-8' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e")}.uq-alert--dark.uq-alert--warning{background-color:#f7ba1e;color:#3b383e}.uq-alert--dark.uq-alert--warning .uq-alert__title{color:#3b383e}.uq-alert--dark.uq-alert--error{background-color:#d62929}.uq-alert--dark.uq-alert--error .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.127 18.545a1.18 1.18 0 0 1-1.055 1.706H4.929a1.18 1.18 0 0 1-1.055-1.706l7.072-14.143a1.179 1.179 0 0 1 2.109 0l7.072 14.143Z' stroke='%23fff' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M12 9v4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='11.9' cy='16.601' r='1.1' fill='%23fff'%3e%3c/circle%3e%3c/svg%3e")}
|
|
1
|
+
.uq-alert{background-color:#e7f0fa;color:#3b383e;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;position:relative}.uq-alert .uq-alert__message>*:first-child{margin-top:0}.uq-alert .uq-alert__message>h1:first-child,.uq-alert .uq-alert__message>h2:first-child,.uq-alert .uq-alert__message>h3:first-child,.uq-alert .uq-alert__message>h4:first-child,.uq-alert .uq-alert__message>h5:first-child,.uq-alert .uq-alert__message>h6:first-child{line-height:24px}.uq-alert__container{margin:0 auto}.uq-alert__container .uq-alert__message:not(:last-child){padding-right:3rem}.uq-alert__title{font-size:1.125rem;font-weight:500;line-height:1.2;color:#3b383e;margin:0 0 .5rem}.uq-alert__message{position:relative;padding:1.5rem;margin-left:2.5rem}.uq-alert__message::before{content:"";background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' transform='rotate(-180 12 12)' stroke='%233b383e' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M12 16.2v-4' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='12' cy='8.4' r='1.1' transform='rotate(-180 12 8.4)' fill='%233b383e'%3e%3c/circle%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.5rem;width:1.5rem;height:1.5rem;position:absolute;top:25px;left:-1rem}.uq-alert__message p{margin-bottom:1rem;margin-top:0}.uq-alert__message p:last-child{margin-bottom:0}.uq-alert__close{position:absolute;top:0;right:0;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5 5 14 14M19 5 5 19' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1rem;background-position:center;background-color:rgba(0,0,0,0);border:none;width:3rem;height:3rem;text-indent:999px;overflow:hidden;cursor:pointer}.uq-alert__close:hover,.uq-alert__close:focus{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5 5 14 14M19 5 5 19' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");background-color:rgba(0,0,0,0);border:none}.uq-alert--info{background-color:#e7f0fa}.uq-alert--info .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' transform='rotate(-180 12 12)' stroke='%233b383e' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M12 16.2v-4' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='12' cy='8.4' r='1.1' transform='rotate(-180 12 8.4)' fill='%233b383e'%3e%3c/circle%3e%3c/svg%3e")}.uq-alert--success{background-color:#edf6ed}.uq-alert--success .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' stroke='%233b383e' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M7 12.867 9.6 16l6.733-8' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e")}.uq-alert--warning{background-color:#fef8e8}.uq-alert--warning .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' stroke='%233b383e' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M12 7.8v4' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='11.9' cy='15.6' r='.6' fill='%233b383e' stroke='%233b383e'%3e%3c/circle%3e%3c/svg%3e")}.uq-alert--error{background-color:#fbeaea}.uq-alert--error .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.127 18.545a1.18 1.18 0 0 1-1.055 1.706H4.929a1.18 1.18 0 0 1-1.055-1.706l7.072-14.143a1.179 1.179 0 0 1 2.109 0l7.072 14.143Z' stroke='%233b383e' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M12 9v4' stroke='%233b383e' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='11.9' cy='16.601' r='1.1' fill='%233b383e'%3e%3c/circle%3e%3c/svg%3e")}@media(min-width: 64rem){.uq-alert--global .uq-alert__container{max-width:73.25rem;margin-left:auto;margin-right:auto}}.uq-alert--global .uq-alert__message{line-height:1.6rem;font-weight:400;margin-left:2.75rem;padding:.75rem 1.5rem .75rem .5rem}@media(min-width: 37.5rem){.uq-alert--global .uq-alert__message{font-size:1rem}}@media(min-width: 64rem){.uq-alert--global .uq-alert__message{margin-left:2.5rem}}.uq-alert--global .uq-alert__message::before{content:"";background-size:1.5rem;width:1.5rem;height:1.5rem;position:absolute;top:.75rem;left:-1.5rem}.uq-alert--dark{background-color:#0d6dcd;color:#fff}.uq-alert--dark a{color:inherit;text-decoration:underline}.uq-alert--dark a:hover,.uq-alert--dark a:focus{background-color:#fff;color:#51247a}.uq-alert--dark .uq-alert__title{color:#fff}.uq-alert--dark .uq-alert__close{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5 5 14 14M19 5 5 19' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e")}.uq-alert--dark .uq-alert__close:hover,.uq-alert--dark .uq-alert__close:focus{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5 5 14 14M19 5 5 19' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e")}.uq-alert--dark.uq-alert--info .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' transform='rotate(-180 12 12)' stroke='%23fff' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M12 16.2v-4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='12' cy='8.4' r='1.1' transform='rotate(-180 12 8.4)' fill='%23fff'%3e%3c/circle%3e%3c/svg%3e")}.uq-alert--dark.uq-alert--success{background-color:#4aa74e}.uq-alert--dark.uq-alert--success .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='9.25' stroke='%23fff' stroke-width='1.5'%3e%3c/circle%3e%3cpath d='M7 12.867 9.6 16l6.733-8' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e")}.uq-alert--dark.uq-alert--warning{background-color:#f7ba1e;color:#3b383e}.uq-alert--dark.uq-alert--warning .uq-alert__title{color:#3b383e}.uq-alert--dark.uq-alert--error{background-color:#d62929}.uq-alert--dark.uq-alert--error .uq-alert__message::before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.127 18.545a1.18 1.18 0 0 1-1.055 1.706H4.929a1.18 1.18 0 0 1-1.055-1.706l7.072-14.143a1.179 1.179 0 0 1 2.109 0l7.072 14.143Z' stroke='%23fff' stroke-width='1.5'%3e%3c/path%3e%3cpath d='M12 9v4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'%3e%3c/path%3e%3ccircle cx='11.9' cy='16.601' r='1.1' fill='%23fff'%3e%3c/circle%3e%3c/svg%3e")}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uqds/alert",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.4-alpha.0",
|
|
4
4
|
"description": "Alert component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"uqds",
|
|
@@ -54,11 +54,11 @@
|
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@uqds/core": "^5.0.0",
|
|
56
56
|
"@uqds/grid": "^4.0.0",
|
|
57
|
-
"@uqds/icon": "^4.0.2
|
|
57
|
+
"@uqds/icon": "^4.0.2"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
60
|
"@testing-library/dom": "^10.4.0",
|
|
61
61
|
"gulp": "^5.0.0"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "a3ce469ace7cac6bea9713285449f6de84b4b30e"
|
|
64
64
|
}
|
package/src/scss/_component.scss
CHANGED
|
@@ -12,6 +12,19 @@
|
|
|
12
12
|
line-height: core.$line-height;
|
|
13
13
|
position: relative;
|
|
14
14
|
|
|
15
|
+
.uq-alert__message > *:first-child {
|
|
16
|
+
margin-top: 0;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.uq-alert__message > h1:first-child,
|
|
20
|
+
.uq-alert__message > h2:first-child,
|
|
21
|
+
.uq-alert__message > h3:first-child,
|
|
22
|
+
.uq-alert__message > h4:first-child,
|
|
23
|
+
.uq-alert__message > h5:first-child,
|
|
24
|
+
.uq-alert__message > h6:first-child {
|
|
25
|
+
line-height: 24px;
|
|
26
|
+
}
|
|
27
|
+
|
|
15
28
|
&__container {
|
|
16
29
|
margin: 0 auto;
|
|
17
30
|
|