@mirweb/mir-web-components 2.3.6 → 2.3.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.
Files changed (5) hide show
  1. package/dist/assets/scss/globals.scss +17 -0
  2. package/dist/components/atoms/button/button.vue +1 -0
  3. package/dist/components/blocks/accordion/accordion.vue +5 -0
  4. package/dist/main.css +1 -1
  5. package/package.json +1 -1
package/dist/assets/scss/globals.scss CHANGED
@@ -49,6 +49,23 @@
49
49
  box-shadow: 0 0 15px $blue-600;
50
50
  }
51
51
  }
52
+
53
+ &-danger {
54
+ min-width: 120px;
55
+ padding: 3px 15px;
56
+ background-color: #dd564d;
57
+ color: $white;
58
+ border-radius: 0.4rem;
59
+ transition: $transition-background-color, $transition-box-shadow;
60
+
61
+ &:hover,
62
+ &:active,
63
+ &:focus,
64
+ &:target {
65
+ background-color: darken(#dd564d, 10%);
66
+ box-shadow: $box-shadow;
67
+ }
68
+ }
52
69
  }
53
70
 
54
71
  &--secondary {
package/dist/components/atoms/button/button.vue CHANGED
@@ -13,6 +13,7 @@ import { computed } from "vue";
13
13
  const VARIANTS = {
14
14
  primary: "primary",
15
15
  primaryDark: "primary-dark",
16
+ primaryDanger: "primary-danger",
16
17
  secondary: "secondary",
17
18
  close: "close",
18
19
  next: "next",
package/dist/components/blocks/accordion/accordion.vue CHANGED
@@ -149,10 +149,15 @@ const isAccordionActive = (id: string) => {
149
149
  display: flex;
150
150
  flex-direction: column;
151
151
  gap: 30px;
152
+ max-width: 100%;
152
153
 
153
154
  &--reverse {
154
155
  flex-direction: column-reverse;
155
156
  }
157
+
158
+ :deep(img) {
159
+ width: 100%;
160
+ }
156
161
  }
157
162
  &__image {
158
163
  max-width: 100%;
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- *:where(:not(html,iframe,canvas,img,svg,video,audio,div.card):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}html{line-height:1.15;-webkit-text-size-adjust:100%;font-size:16px}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}code,kbd,samp{font-family:monospace,monospace;font-size:1em}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}h1{font-size:44px;line-height:52px;font-family:"Oscine",sans-serif;font-weight:300;color:#0c0931}@media screen and (min-width: 581px){h1{font-size:3.75rem;line-height:66px}}h2{font-size:1.875rem;font-family:"Oscine",sans-serif;font-weight:300;line-height:36px;color:#0c0931}h3{font-size:1.375rem;font-family:"Oscine",sans-serif;font-weight:300;line-height:27px;color:#0c0931}h4{font-size:1rem;font-family:"OpenSans",sans-serif;font-weight:600;line-height:24px;color:#0c0931}p{font-size:1rem;font-family:"OpenSans",sans-serif;font-weight:300;line-height:24px;color:#0c0931}small{font-size:.875rem;font-family:"OpenSans",sans-serif;font-weight:300;line-height:20px}button{font-size:.875rem;font-family:"OpenSans",sans-serif;font-weight:600}a{font-size:inherit;font-family:"OpenSans",sans-serif}label{font-size:.875rem;font-family:"OpenSans",sans-serif;font-weight:300;line-height:20px}.button{border:none;cursor:pointer;font-weight:600;text-align:center;display:inline-block;vertical-align:middle;font-size:.875rem;line-height:27px}.button:disabled{opacity:.3;cursor:auto;pointer-events:none}.button--primary{min-width:120px;padding:3px 15px;background-color:#1a76bc;color:#fff;border-radius:.4rem;transition:background-color .3s ease,box-shadow .3s ease}.button--primary:hover,.button--primary:active,.button--primary:focus,.button--primary:target{background-color:#105aa8;box-shadow:0px 0px 15px #cbeefa}.button--primary-dark{min-width:120px;padding:3px 15px;background-color:#1a76bc;color:#fff;border-radius:.4rem;transition:background-color .3s ease,box-shadow .3s ease}.button--primary-dark:hover,.button--primary-dark:active,.button--primary-dark:focus,.button--primary-dark:target{background-color:#105aa8;box-shadow:0 0 15px #1a76bc}.button--secondary{min-width:120px;padding:3px 15px;color:#1a76bc;border:1px solid #1a76bc;border-radius:.4rem;transition:color .3s ease,border .3s ease}.button--secondary:hover,.button--secondary:active,.button--secondary:focus,.button--secondary:target{color:#105aa8;border:1px solid #105aa8}.button--secondary-dark{color:#fff;border:1px solid #fff;min-width:120px;padding:3px 15px;border-radius:.4rem}.font-size-xxsm{font-size:.75rem}.font-size-xsm{font-size:.875rem}.font-size-sm{font-size:1rem}.font-size-md{font-size:1.375rem}.font-size-lg{font-size:1.875rem}.font-size-xlg{font-size:3.75rem}.product-sub-nav-wrapper__inner{padding:2px 30px 10px 30px}@media screen and (min-width: 984px){.product-sub-nav-wrapper__inner{padding:1em 0 1em 0}}.product-sub-nav-wrapper h3{font-weight:700;color:#003087;font-size:1.875rem}.product-sub-nav--items-wrapper{width:100%}@media screen and (min-width: 984px){.product-sub-nav--items-wrapper{width:auto}}.splide__slide{color:#0c0931}.mirsaic--light{background-image:url("https://a.storyblok.com/f/230581/1202x489/1cad3b882a/mirsaic-light.svg?cv=1695126163505"),linear-gradient(155deg, #effafe 0%, #ffffff 60%);background-repeat:repeat-x,no-repeat;background-size:984px auto,100% 763px;background-position:center top}.mirsaic--dark{background-image:url("https://a.storyblok.com/f/230581/1202x489/e76c5d687c/mirsaic-dark.svg?cv=1695126163753"),linear-gradient(155deg, #143a67 0%, #0c0931 100%);background-repeat:repeat-x,no-repeat;background-size:984px,cover;background-position:center top}table{width:100%;font-family:"OpenSans",sans-serif;font-size:1rem}table strong{font-weight:600}table a{color:#1a76bc;text-decoration:underline}table thead{background-color:#cbeefa}table thead th{padding:10px}table tbody td{padding:20px 10px}table tbody tr:nth-child(odd) td{background-color:#effafe}@font-face{font-family:"Oscine";src:url("/fonts/Oscine_Lt.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Oscine";src:url("/fonts/Oscine_Rg.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Oscine";src:url("/fonts/Oscine_Bd.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"OpenSans";src:url("/fonts/OpenSans-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"OpenSans";src:url("/fonts/OpenSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"OpenSans";src:url("/fonts/OpenSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"OpenSans";src:url("/fonts/OpenSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
1
+ *:where(:not(html,iframe,canvas,img,svg,video,audio,div.card):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}html{line-height:1.15;-webkit-text-size-adjust:100%;font-size:16px}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}code,kbd,samp{font-family:monospace,monospace;font-size:1em}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}h1{font-size:44px;line-height:52px;font-family:"Oscine",sans-serif;font-weight:300;color:#0c0931}@media screen and (min-width: 581px){h1{font-size:3.75rem;line-height:66px}}h2{font-size:1.875rem;font-family:"Oscine",sans-serif;font-weight:300;line-height:36px;color:#0c0931}h3{font-size:1.375rem;font-family:"Oscine",sans-serif;font-weight:300;line-height:27px;color:#0c0931}h4{font-size:1rem;font-family:"OpenSans",sans-serif;font-weight:600;line-height:24px;color:#0c0931}p{font-size:1rem;font-family:"OpenSans",sans-serif;font-weight:300;line-height:24px;color:#0c0931}small{font-size:.875rem;font-family:"OpenSans",sans-serif;font-weight:300;line-height:20px}button{font-size:.875rem;font-family:"OpenSans",sans-serif;font-weight:600}a{font-size:inherit;font-family:"OpenSans",sans-serif}label{font-size:.875rem;font-family:"OpenSans",sans-serif;font-weight:300;line-height:20px}.button{border:none;cursor:pointer;font-weight:600;text-align:center;display:inline-block;vertical-align:middle;font-size:.875rem;line-height:27px}.button:disabled{opacity:.3;cursor:auto;pointer-events:none}.button--primary{min-width:120px;padding:3px 15px;background-color:#1a76bc;color:#fff;border-radius:.4rem;transition:background-color .3s ease,box-shadow .3s ease}.button--primary:hover,.button--primary:active,.button--primary:focus,.button--primary:target{background-color:#105aa8;box-shadow:0px 0px 15px #cbeefa}.button--primary-dark{min-width:120px;padding:3px 15px;background-color:#1a76bc;color:#fff;border-radius:.4rem;transition:background-color .3s ease,box-shadow .3s ease}.button--primary-dark:hover,.button--primary-dark:active,.button--primary-dark:focus,.button--primary-dark:target{background-color:#105aa8;box-shadow:0 0 15px #1a76bc}.button--primary-danger{min-width:120px;padding:3px 15px;background-color:#dd564d;color:#fff;border-radius:.4rem;transition:background-color .3s ease,box-shadow .3s ease}.button--primary-danger:hover,.button--primary-danger:active,.button--primary-danger:focus,.button--primary-danger:target{background-color:#cf3228;box-shadow:0px 0px 15px #cbeefa}.button--secondary{min-width:120px;padding:3px 15px;color:#1a76bc;border:1px solid #1a76bc;border-radius:.4rem;transition:color .3s ease,border .3s ease}.button--secondary:hover,.button--secondary:active,.button--secondary:focus,.button--secondary:target{color:#105aa8;border:1px solid #105aa8}.button--secondary-dark{color:#fff;border:1px solid #fff;min-width:120px;padding:3px 15px;border-radius:.4rem}.font-size-xxsm{font-size:.75rem}.font-size-xsm{font-size:.875rem}.font-size-sm{font-size:1rem}.font-size-md{font-size:1.375rem}.font-size-lg{font-size:1.875rem}.font-size-xlg{font-size:3.75rem}.product-sub-nav-wrapper__inner{padding:2px 30px 10px 30px}@media screen and (min-width: 984px){.product-sub-nav-wrapper__inner{padding:1em 0 1em 0}}.product-sub-nav-wrapper h3{font-weight:700;color:#003087;font-size:1.875rem}.product-sub-nav--items-wrapper{width:100%}@media screen and (min-width: 984px){.product-sub-nav--items-wrapper{width:auto}}.splide__slide{color:#0c0931}.mirsaic--light{background-image:url("https://a.storyblok.com/f/230581/1202x489/1cad3b882a/mirsaic-light.svg?cv=1695126163505"),linear-gradient(155deg, #effafe 0%, #ffffff 60%);background-repeat:repeat-x,no-repeat;background-size:984px auto,100% 763px;background-position:center top}.mirsaic--dark{background-image:url("https://a.storyblok.com/f/230581/1202x489/e76c5d687c/mirsaic-dark.svg?cv=1695126163753"),linear-gradient(155deg, #143a67 0%, #0c0931 100%);background-repeat:repeat-x,no-repeat;background-size:984px,cover;background-position:center top}table{width:100%;font-family:"OpenSans",sans-serif;font-size:1rem}table strong{font-weight:600}table a{color:#1a76bc;text-decoration:underline}table thead{background-color:#cbeefa}table thead th{padding:10px}table tbody td{padding:20px 10px}table tbody tr:nth-child(odd) td{background-color:#effafe}@font-face{font-family:"Oscine";src:url("/fonts/Oscine_Lt.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Oscine";src:url("/fonts/Oscine_Rg.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Oscine";src:url("/fonts/Oscine_Bd.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"OpenSans";src:url("/fonts/OpenSans-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"OpenSans";src:url("/fonts/OpenSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"OpenSans";src:url("/fonts/OpenSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"OpenSans";src:url("/fonts/OpenSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mirweb/mir-web-components",
3
3
  "private": false,
4
- "version": "2.3.6",
4
+ "version": "2.3.8",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"