@popsure/dirty-swan 0.25.2 → 0.26.3

package/dist/index.css

@@ -188,232 +188,883 @@ input[type=number]::-webkit-outer-spin-button {
   }
 }
 
+/** Shared values across align and justify properties */
+.ai-start {
+  align-items: flex-start;
+}
+
+.ai-end {
+  align-items: flex-end;
+}
+
+.ai-center {
+  align-items: center;
+}
+
+.ai-stretch {
+  align-items: stretch;
+}
+
+.ai-baseline {
+  align-items: baseline;
+}
+
+.jc-start {
+  justify-content: flex-start;
+}
+
+.jc-end {
+  justify-content: flex-end;
+}
+
+.jc-center {
+  justify-content: center;
+}
+
+.jc-between {
+  justify-content: space-between;
+}
+
+.jc-around {
+  justify-content: space-around;
+}
+
+.jc-evenly {
+  justify-content: space-evenly;
+}
+
+.fd-row {
+  flex-direction: row !important;
+}
+
+.fd-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.fd-column {
+  flex-direction: column !important;
+}
+
+.fd-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.f-wrap {
+  flex-wrap: wrap;
+}
+
+.f-nowrap {
+  flex-wrap: nowrap;
+}
+
+.m0 {
+  margin: 0px;
+}
+
+.p0 {
+  padding: 0px;
+}
+
+.m8 {
+  margin: 8px;
+}
+
+.p8 {
+  padding: 8px;
+}
+
+.m16 {
+  margin: 16px;
+}
+
+.p16 {
+  padding: 16px;
+}
+
+.m24 {
+  margin: 24px;
+}
+
+.p24 {
+  padding: 24px;
+}
+
+.m32 {
+  margin: 32px;
+}
+
+.p32 {
+  padding: 32px;
+}
+
+.m40 {
+  margin: 40px;
+}
+
+.p40 {
+  padding: 40px;
+}
+
+.m48 {
+  margin: 48px;
+}
+
+.p48 {
+  padding: 48px;
+}
+
+.m56 {
+  margin: 56px;
+}
+
+.p56 {
+  padding: 56px;
+}
+
+.m64 {
+  margin: 64px;
+}
+
+.p64 {
+  padding: 64px;
+}
+
+.m72 {
+  margin: 72px;
+}
+
+.p72 {
+  padding: 72px;
+}
+
+.m80 {
+  margin: 80px;
+}
+
+.p80 {
+  padding: 80px;
+}
+
+.m88 {
+  margin: 88px;
+}
+
+.p88 {
+  padding: 88px;
+}
+
+.m96 {
+  margin: 96px;
+}
+
+.p96 {
+  padding: 96px;
+}
+
+.mx0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.px0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.mx8 {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+
+.px8 {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.mx16 {
+  margin-left: 16px;
+  margin-right: 16px;
+}
+
+.px16 {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.mx24 {
+  margin-left: 24px;
+  margin-right: 24px;
+}
+
+.px24 {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.mx32 {
+  margin-left: 32px;
+  margin-right: 32px;
+}
+
+.px32 {
+  padding-left: 32px;
+  padding-right: 32px;
+}
+
+.mx40 {
+  margin-left: 40px;
+  margin-right: 40px;
+}
+
+.px40 {
+  padding-left: 40px;
+  padding-right: 40px;
+}
+
+.mx48 {
+  margin-left: 48px;
+  margin-right: 48px;
+}
+
+.px48 {
+  padding-left: 48px;
+  padding-right: 48px;
+}
+
+.mx56 {
+  margin-left: 56px;
+  margin-right: 56px;
+}
+
+.px56 {
+  padding-left: 56px;
+  padding-right: 56px;
+}
+
+.mx64 {
+  margin-left: 64px;
+  margin-right: 64px;
+}
+
+.px64 {
+  padding-left: 64px;
+  padding-right: 64px;
+}
+
+.mx72 {
+  margin-left: 72px;
+  margin-right: 72px;
+}
+
+.px72 {
+  padding-left: 72px;
+  padding-right: 72px;
+}
+
+.mx80 {
+  margin-left: 80px;
+  margin-right: 80px;
+}
+
+.px80 {
+  padding-left: 80px;
+  padding-right: 80px;
+}
+
+.mx88 {
+  margin-left: 88px;
+  margin-right: 88px;
+}
+
+.px88 {
+  padding-left: 88px;
+  padding-right: 88px;
+}
+
+.mx96 {
+  margin-left: 96px;
+  margin-right: 96px;
+}
+
+.px96 {
+  padding-left: 96px;
+  padding-right: 96px;
+}
+
+.my0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.py0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.my8 {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.py8 {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.my16 {
+  margin-top: 16px;
+  margin-bottom: 16px;
+}
+
+.py16 {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+.my24 {
+  margin-top: 24px;
+  margin-bottom: 24px;
+}
+
+.py24 {
+  padding-top: 24px;
+  padding-bottom: 24px;
+}
+
+.my32 {
+  margin-top: 32px;
+  margin-bottom: 32px;
+}
+
+.py32 {
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+
+.my40 {
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+
+.py40 {
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+
+.my48 {
+  margin-top: 48px;
+  margin-bottom: 48px;
+}
+
+.py48 {
+  padding-top: 48px;
+  padding-bottom: 48px;
+}
+
+.my56 {
+  margin-top: 56px;
+  margin-bottom: 56px;
+}
+
+.py56 {
+  padding-top: 56px;
+  padding-bottom: 56px;
+}
+
+.my64 {
+  margin-top: 64px;
+  margin-bottom: 64px;
+}
+
+.py64 {
+  padding-top: 64px;
+  padding-bottom: 64px;
+}
+
+.my72 {
+  margin-top: 72px;
+  margin-bottom: 72px;
+}
+
+.py72 {
+  padding-top: 72px;
+  padding-bottom: 72px;
+}
+
+.my80 {
+  margin-top: 80px;
+  margin-bottom: 80px;
+}
+
+.py80 {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+.my88 {
+  margin-top: 88px;
+  margin-bottom: 88px;
+}
+
+.py88 {
+  padding-top: 88px;
+  padding-bottom: 88px;
+}
+
+.my96 {
+  margin-top: 96px;
+  margin-bottom: 96px;
+}
+
+.py96 {
+  padding-top: 96px;
+  padding-bottom: 96px;
+}
+
 .mt0 {
   margin-top: 0px;
 }
 
+.pt0 {
+  padding-top: 0px;
+}
+
 .mt8 {
   margin-top: 8px;
 }
 
+.pt8 {
+  padding-top: 8px;
+}
+
 .mt16 {
   margin-top: 16px;
 }
 
+.pt16 {
+  padding-top: 16px;
+}
+
 .mt24 {
   margin-top: 24px;
 }
 
+.pt24 {
+  padding-top: 24px;
+}
+
 .mt32 {
   margin-top: 32px;
 }
 
+.pt32 {
+  padding-top: 32px;
+}
+
 .mt40 {
   margin-top: 40px;
 }
 
+.pt40 {
+  padding-top: 40px;
+}
+
 .mt48 {
   margin-top: 48px;
 }
 
+.pt48 {
+  padding-top: 48px;
+}
+
 .mt56 {
   margin-top: 56px;
 }
 
+.pt56 {
+  padding-top: 56px;
+}
+
 .mt64 {
   margin-top: 64px;
 }
 
+.pt64 {
+  padding-top: 64px;
+}
+
 .mt72 {
   margin-top: 72px;
 }
 
+.pt72 {
+  padding-top: 72px;
+}
+
 .mt80 {
   margin-top: 80px;
 }
 
+.pt80 {
+  padding-top: 80px;
+}
+
 .mt88 {
   margin-top: 88px;
 }
 
+.pt88 {
+  padding-top: 88px;
+}
+
 .mt96 {
   margin-top: 96px;
 }
 
+.pt96 {
+  padding-top: 96px;
+}
+
+.mt-auto {
+  margin-top: auto;
+}
+
 .mb0 {
   margin-bottom: 0px;
 }
 
+.pb0 {
+  padding-bottom: 0px;
+}
+
 .mb8 {
   margin-bottom: 8px;
 }
 
-.mb16 {
-  margin-bottom: 16px;
+.pb8 {
+  padding-bottom: 8px;
 }
 
-.mb24 {
-  margin-bottom: 24px;
+.mb16 {
+  margin-bottom: 16px;
 }
 
-.mb32 {
-  margin-bottom: 32px;
+.pb16 {
+  padding-bottom: 16px;
 }
 
-.mb40 {
-  margin-bottom: 40px;
+.mb24 {
+  margin-bottom: 24px;
 }
 
-.mb48 {
-  margin-bottom: 48px;
+.pb24 {
+  padding-bottom: 24px;
 }
 
-.mb56 {
-  margin-bottom: 56px;
+.mb32 {
+  margin-bottom: 32px;
 }
 
-.mb64 {
-  margin-bottom: 64px;
+.pb32 {
+  padding-bottom: 32px;
 }
 
-.mb72 {
-  margin-bottom: 72px;
+.mb40 {
+  margin-bottom: 40px;
 }
 
-.mb80 {
-  margin-bottom: 80px;
+.pb40 {
+  padding-bottom: 40px;
 }
 
-.mb88 {
-  margin-bottom: 88px;
+.mb48 {
+  margin-bottom: 48px;
 }
 
-.mb96 {
-  margin-bottom: 96px;
+.pb48 {
+  padding-bottom: 48px;
 }
 
-.mr0 {
-  margin-right: 0px;
+.mb56 {
+  margin-bottom: 56px;
 }
 
-.mr8 {
-  margin-right: 8px;
+.pb56 {
+  padding-bottom: 56px;
 }
 
-.mr16 {
-  margin-right: 16px;
+.mb64 {
+  margin-bottom: 64px;
 }
 
-.mr24 {
-  margin-right: 24px;
+.pb64 {
+  padding-bottom: 64px;
 }
 
-.mr32 {
-  margin-right: 32px;
+.mb72 {
+  margin-bottom: 72px;
 }
 
-.mr40 {
-  margin-right: 40px;
+.pb72 {
+  padding-bottom: 72px;
 }
 
-.mr48 {
-  margin-right: 48px;
+.mb80 {
+  margin-bottom: 80px;
 }
 
-.mr56 {
-  margin-right: 56px;
+.pb80 {
+  padding-bottom: 80px;
 }
 
-.mr64 {
-  margin-right: 64px;
+.mb88 {
+  margin-bottom: 88px;
 }
 
-.mr72 {
-  margin-right: 72px;
+.pb88 {
+  padding-bottom: 88px;
 }
 
-.mr80 {
-  margin-right: 80px;
+.mb96 {
+  margin-bottom: 96px;
 }
 
-.mr88 {
-  margin-right: 88px;
+.pb96 {
+  padding-bottom: 96px;
 }
 
-.mr96 {
-  margin-right: 96px;
+.mb-auto {
+  margin-bottom: auto;
 }
 
 .ml0 {
   margin-left: 0px;
 }
 
+.pl0 {
+  padding-left: 0px;
+}
+
 .ml8 {
   margin-left: 8px;
 }
 
+.pl8 {
+  padding-left: 8px;
+}
+
 .ml16 {
   margin-left: 16px;
 }
 
+.pl16 {
+  padding-left: 16px;
+}
+
 .ml24 {
   margin-left: 24px;
 }
 
+.pl24 {
+  padding-left: 24px;
+}
+
 .ml32 {
   margin-left: 32px;
 }
 
+.pl32 {
+  padding-left: 32px;
+}
+
 .ml40 {
   margin-left: 40px;
 }
 
+.pl40 {
+  padding-left: 40px;
+}
+
 .ml48 {
   margin-left: 48px;
 }
 
+.pl48 {
+  padding-left: 48px;
+}
+
 .ml56 {
   margin-left: 56px;
 }
 
+.pl56 {
+  padding-left: 56px;
+}
+
 .ml64 {
   margin-left: 64px;
 }
 
+.pl64 {
+  padding-left: 64px;
+}
+
 .ml72 {
   margin-left: 72px;
 }
 
+.pl72 {
+  padding-left: 72px;
+}
+
 .ml80 {
   margin-left: 80px;
 }
 
+.pl80 {
+  padding-left: 80px;
+}
+
 .ml88 {
   margin-left: 88px;
 }
 
+.pl88 {
+  padding-left: 88px;
+}
+
 .ml96 {
   margin-left: 96px;
 }
 
-.m-auto {
-  margin: auto;
+.pl96 {
+  padding-left: 96px;
 }
 
-.mt-auto {
-  margin-top: auto;
+.ml-auto {
+  margin-left: auto;
 }
 
-.mb-auto {
-  margin-bottom: auto;
+.mr0 {
+  margin-right: 0px;
+}
+
+.pr0 {
+  padding-right: 0px;
+}
+
+.mr8 {
+  margin-right: 8px;
+}
+
+.pr8 {
+  padding-right: 8px;
+}
+
+.mr16 {
+  margin-right: 16px;
+}
+
+.pr16 {
+  padding-right: 16px;
+}
+
+.mr24 {
+  margin-right: 24px;
+}
+
+.pr24 {
+  padding-right: 24px;
+}
+
+.mr32 {
+  margin-right: 32px;
+}
+
+.pr32 {
+  padding-right: 32px;
+}
+
+.mr40 {
+  margin-right: 40px;
+}
+
+.pr40 {
+  padding-right: 40px;
+}
+
+.mr48 {
+  margin-right: 48px;
+}
+
+.pr48 {
+  padding-right: 48px;
+}
+
+.mr56 {
+  margin-right: 56px;
+}
+
+.pr56 {
+  padding-right: 56px;
+}
+
+.mr64 {
+  margin-right: 64px;
+}
+
+.pr64 {
+  padding-right: 64px;
+}
+
+.mr72 {
+  margin-right: 72px;
+}
+
+.pr72 {
+  padding-right: 72px;
+}
+
+.mr80 {
+  margin-right: 80px;
+}
+
+.pr80 {
+  padding-right: 80px;
+}
+
+.mr88 {
+  margin-right: 88px;
+}
+
+.pr88 {
+  padding-right: 88px;
+}
+
+.mr96 {
+  margin-right: 96px;
+}
+
+.pr96 {
+  padding-right: 96px;
 }
 
 .mr-auto {
   margin-right: auto;
 }
 
-.ml-auto {
+.m-auto {
+  margin: auto;
+}
+
+.mx-auto {
   margin-left: auto;
+  margin-right: auto;
+}
+
+.my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
 }
 
 .ws1 {
@@ -1457,12 +2108,12 @@ input:checked[type=checkbox] + .p-label--bordered {
   font-family: Arial, Helvetica, sans-serif;
 }
 
-.p-notice, .p-notice--warning, .p-notice--danger, .p-notice--info {
+.p-notice, .p-notice--info, .p-notice--success, .p-notice--warning, .p-notice--danger, .p-notice--primary {
   padding: 8px 16px;
   border: 1px solid;
   border-radius: 8px;
 }
-.p-notice--info {
+.p-notice--primary {
   background-color: #e6e5ff;
   border-color: #8e8cee;
   color: #26262e;
@@ -1476,6 +2127,14 @@ input:checked[type=checkbox] + .p-label--bordered {
   background-color: #fff8e3;
   border-color: #f7ce5c;
 }
+.p-notice--success {
+  background-color: #e4ffe6;
+  border-color: #84de8a;
+}
+.p-notice--info {
+  background-color: #e5f0ff;
+  border-color: #8bb4ea;
+}
 
 .p-badge, .p-badge--info, .p-badge--danger, .p-badge--inactive, .p-badge--pending, .p-badge--active {
   display: inline-block;