@maboussoleaidant/design-system 0.1.22 → 0.1.24

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 (7) hide show
  1. package/dist/mba-design-system.css +31 -3
  2. package/dist/mba-design-system.css.map +1 -1
  3. package/dist/mba-design-system.min.css +1 -1
  4. package/dist/mba-tailwind.css +27 -3
  5. package/dist/mba-tailwind.css.map +1 -1
  6. package/dist/mba-tailwind.min.css +1 -1
  7. package/package.json +1 -1
package/dist/mba-design-system.css CHANGED
@@ -3946,8 +3946,9 @@ button.mba-input-icon__icon:hover {
3946
3946
  }
3947
3947
 
3948
3948
  .mba-footer__logo {
3949
- height: auto;
3950
- max-height: 32px;
3949
+ max-width: 227.92px;
3950
+ height: 32px;
3951
+ display: block;
3951
3952
  }
3952
3953
 
3953
3954
  .mba-footer__mission {
@@ -4115,9 +4116,36 @@ button.mba-input-icon__icon:hover {
4115
4116
  }
4116
4117
 
4117
4118
  .mba-footer__social-icon {
4119
+ display: block;
4118
4120
  width: 100%;
4119
4121
  height: 100%;
4120
- fill: currentColor;
4122
+ background-color: currentColor;
4123
+ mask-size: contain;
4124
+ mask-repeat: no-repeat;
4125
+ mask-position: center;
4126
+ -webkit-mask-size: contain;
4127
+ -webkit-mask-repeat: no-repeat;
4128
+ -webkit-mask-position: center;
4129
+ }
4130
+
4131
+ .mba-footer__social-icon--facebook {
4132
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='1' width='18' height='18' rx='5' stroke='%23000' stroke-width='2' fill='none'/%3E%3Cpath d='M13.125 9.25H15V7H13.125C11.6775 7 10.5 8.1775 10.5 9.625V10.75H9V13H10.5V19H12.75V13H14.625L15 10.75H12.75V9.625C12.75 9.42175 12.9218 9.25 13.125 9.25Z' fill='%23000'/%3E%3C/svg%3E");
4133
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='1' width='18' height='18' rx='5' stroke='%23000' stroke-width='2' fill='none'/%3E%3Cpath d='M13.125 9.25H15V7H13.125C11.6775 7 10.5 8.1775 10.5 9.625V10.75H9V13H10.5V19H12.75V13H14.625L15 10.75H12.75V9.625C12.75 9.42175 12.9218 9.25 13.125 9.25Z' fill='%23000'/%3E%3C/svg%3E");
4134
+ }
4135
+
4136
+ .mba-footer__social-icon--instagram {
4137
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='matrix(1.2,0,0,1.2,-2.4,-2.4)'%3E%3Cpath d='M7.8,2L16.2,2C19.4,2 22,4.6 22,7.8L22,16.2C22,17.738 21.389,19.213 20.301,20.301C19.213,21.389 17.738,22 16.2,22L7.8,22C4.6,22 2,19.4 2,16.2L2,7.8C2,6.262 2.611,4.786 3.699,3.699C4.786,2.611 6.262,2 7.8,2ZM7.6,4C6.645,4 5.73,4.379 5.054,5.054C4.379,5.73 4,6.645 4,7.6L4,16.4C4,18.39 5.61,20 7.6,20L16.4,20C17.355,20 18.27,19.621 18.946,18.946C19.621,18.27 20,17.355 20,16.4L20,7.6C20,5.61 18.39,4 16.4,4L7.6,4ZM17.25,5.5C17.581,5.5 17.899,5.632 18.134,5.866C18.368,6.101 18.5,6.418 18.5,6.75C18.5,7.082 18.368,7.399 18.134,7.634C17.899,7.868 17.581,8 17.25,8C16.919,8 16.601,7.868 16.366,7.634C16.132,7.399 16,7.082 16,6.75C16,6.418 16.132,6.101 16.366,5.866C16.601,5.632 16.919,5.5 17.25,5.5ZM12,7C13.326,7 14.598,7.527 15.536,8.464C16.473,9.402 17,10.674 17,12C17,13.326 16.473,14.598 15.536,15.536C14.598,16.473 13.326,17 12,17C10.674,17 9.402,16.473 8.464,15.536C7.527,14.598 7,13.326 7,12C7,10.674 7.527,9.402 8.464,8.464C9.402,7.527 10.674,7 12,7ZM12,9C11.204,9 10.441,9.316 9.879,9.879C9.316,10.441 9,11.204 9,12C9,12.796 9.316,13.559 9.879,14.121C10.441,14.684 11.204,15 12,15C12.796,15 13.559,14.684 14.121,14.121C14.684,13.559 15,12.796 15,12C15,11.204 14.684,10.441 14.121,9.879C13.559,9.316 12.796,9 12,9Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
4138
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='matrix(1.2,0,0,1.2,-2.4,-2.4)'%3E%3Cpath d='M7.8,2L16.2,2C19.4,2 22,4.6 22,7.8L22,16.2C22,17.738 21.389,19.213 20.301,20.301C19.213,21.389 17.738,22 16.2,22L7.8,22C4.6,22 2,19.4 2,16.2L2,7.8C2,6.262 2.611,4.786 3.699,3.699C4.786,2.611 6.262,2 7.8,2ZM7.6,4C6.645,4 5.73,4.379 5.054,5.054C4.379,5.73 4,6.645 4,7.6L4,16.4C4,18.39 5.61,20 7.6,20L16.4,20C17.355,20 18.27,19.621 18.946,18.946C19.621,18.27 20,17.355 20,16.4L20,7.6C20,5.61 18.39,4 16.4,4L7.6,4ZM17.25,5.5C17.581,5.5 17.899,5.632 18.134,5.866C18.368,6.101 18.5,6.418 18.5,6.75C18.5,7.082 18.368,7.399 18.134,7.634C17.899,7.868 17.581,8 17.25,8C16.919,8 16.601,7.868 16.366,7.634C16.132,7.399 16,7.082 16,6.75C16,6.418 16.132,6.101 16.366,5.866C16.601,5.632 16.919,5.5 17.25,5.5ZM12,7C13.326,7 14.598,7.527 15.536,8.464C16.473,9.402 17,10.674 17,12C17,13.326 16.473,14.598 15.536,15.536C14.598,16.473 13.326,17 12,17C10.674,17 9.402,16.473 8.464,15.536C7.527,14.598 7,13.326 7,12C7,10.674 7.527,9.402 8.464,8.464C9.402,7.527 10.674,7 12,7ZM12,9C11.204,9 10.441,9.316 9.879,9.879C9.316,10.441 9,11.204 9,12C9,12.796 9.316,13.559 9.879,14.121C10.441,14.684 11.204,15 12,15C12.796,15 13.559,14.684 14.121,14.121C14.684,13.559 15,12.796 15,12C15,11.204 14.684,10.441 14.121,9.879C13.559,9.316 12.796,9 12,9Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
4139
+ }
4140
+
4141
+ .mba-footer__social-icon--linkedin {
4142
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 9V14M6 6V6.01M10 14V9M14 14V11C14 10.4696 13.7893 9.96086 13.4142 9.58579C13.0391 9.21071 12.5304 9 12 9C11.4696 9 10.9609 9.21071 10.5858 9.58579C10.2107 9.96086 10 10.4696 10 11' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M1 5C1 3.93913 1.42143 2.92172 2.17157 2.17157C2.92172 1.42143 3.93913 1 5 1H15C16.0609 1 17.0783 1.42143 17.8284 2.17157C18.5786 2.92172 19 3.93913 19 5V15C19 16.0609 18.5786 17.0783 17.8284 17.8284C17.0783 18.5786 16.0609 19 15 19H5C3.93913 19 2.92172 18.5786 2.17157 17.8284C1.42143 17.0783 1 16.0609 1 15V5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
4143
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 9V14M6 6V6.01M10 14V9M14 14V11C14 10.4696 13.7893 9.96086 13.4142 9.58579C13.0391 9.21071 12.5304 9 12 9C11.4696 9 10.9609 9.21071 10.5858 9.58579C10.2107 9.96086 10 10.4696 10 11' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M1 5C1 3.93913 1.42143 2.92172 2.17157 2.17157C2.92172 1.42143 3.93913 1 5 1H15C16.0609 1 17.0783 1.42143 17.8284 2.17157C18.5786 2.92172 19 3.93913 19 5V15C19 16.0609 18.5786 17.0783 17.8284 17.8284C17.0783 18.5786 16.0609 19 15 19H5C3.93913 19 2.92172 18.5786 2.17157 17.8284C1.42143 17.0783 1 16.0609 1 15V5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
4144
+ }
4145
+
4146
+ .mba-footer__social-icon--youtube {
4147
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M22.4399 3.32002C22.315 2.85231 22.0697 2.42549 21.7284 2.08212C21.3871 1.73875 20.9618 1.49082 20.4949 1.36302C18.7799 0.900024 11.8999 0.900024 11.8999 0.900024C11.8999 0.900024 5.0199 0.900024 3.3049 1.36302C2.83796 1.49082 2.41266 1.73875 2.0714 2.08212C1.73013 2.42549 1.48482 2.85231 1.3599 3.32002C0.899902 5.04802 0.899902 8.65002 0.899902 8.65002C0.899902 8.65002 0.899902 12.252 1.3599 13.98C1.48467 14.4479 1.72991 14.8749 2.07119 15.2185C2.41246 15.5621 2.83784 15.8101 3.3049 15.938C5.0209 16.4 11.8999 16.4 11.8999 16.4C11.8999 16.4 18.7799 16.4 20.4949 15.938C20.962 15.8101 21.3873 15.5621 21.7286 15.2185C22.0699 14.8749 22.3151 14.4479 22.4399 13.98C22.8999 12.254 22.8999 8.65002 22.8999 8.65002C22.8999 8.65002 22.8999 5.04802 22.4399 3.32002ZM9.6499 11.921V5.38002L15.3999 8.65102L9.6499 11.921Z' stroke='%23000' stroke-width='1.8' stroke-miterlimit='10' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
4148
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M22.4399 3.32002C22.315 2.85231 22.0697 2.42549 21.7284 2.08212C21.3871 1.73875 20.9618 1.49082 20.4949 1.36302C18.7799 0.900024 11.8999 0.900024 11.8999 0.900024C11.8999 0.900024 5.0199 0.900024 3.3049 1.36302C2.83796 1.49082 2.41266 1.73875 2.0714 2.08212C1.73013 2.42549 1.48482 2.85231 1.3599 3.32002C0.899902 5.04802 0.899902 8.65002 0.899902 8.65002C0.899902 8.65002 0.899902 12.252 1.3599 13.98C1.48467 14.4479 1.72991 14.8749 2.07119 15.2185C2.41246 15.5621 2.83784 15.8101 3.3049 15.938C5.0209 16.4 11.8999 16.4 11.8999 16.4C11.8999 16.4 18.7799 16.4 20.4949 15.938C20.962 15.8101 21.3873 15.5621 21.7286 15.2185C22.0699 14.8749 22.3151 14.4479 22.4399 13.98C22.8999 12.254 22.8999 8.65002 22.8999 8.65002C22.8999 8.65002 22.8999 5.04802 22.4399 3.32002ZM9.6499 11.921V5.38002L15.3999 8.65102L9.6499 11.921Z' stroke='%23000' stroke-width='1.8' stroke-miterlimit='10' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
4121
4149
  }
4122
4150
 
4123
4151
  /* ===========================================