@dcodegroup-au/page-builder 0.5.8 → 0.6.0

package/dist/page-builder.css

@@ -721,12 +721,18 @@ select {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-10 {
+  bottom: 2.5rem;
+}
 .left-0 {
   left: 0px;
 }
 .left-1\/2 {
   left: 50%;
 }
+.left-20 {
+  left: 5rem;
+}
 .left-5 {
   left: 1.25rem;
 }
@@ -820,12 +826,21 @@ select {
 .\!mt-0 {
   margin-top: 0px !important;
 }
+.-mb-\[140px\] {
+  margin-bottom: -140px;
+}
 .-mt-12 {
   margin-top: -3rem;
 }
 .mb-1 {
   margin-bottom: 0.25rem;
 }
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
+.mb-12 {
+  margin-bottom: 3rem;
+}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -835,21 +850,36 @@ select {
 .mb-3 {
   margin-bottom: 0.75rem;
 }
+.mb-36 {
+  margin-bottom: 9rem;
+}
 .mb-4 {
   margin-bottom: 1rem;
 }
 .mb-6 {
   margin-bottom: 1.5rem;
 }
+.mb-8 {
+  margin-bottom: 2rem;
+}
 .mb-\[40px\] {
   margin-bottom: 40px;
 }
+.mb-\[48px\] {
+  margin-bottom: 48px;
+}
 .mb-\[64px\] {
   margin-bottom: 64px;
 }
+.ml-2 {
+  margin-left: 0.5rem;
+}
 .mr-2 {
   margin-right: 0.5rem;
 }
+.mr-3 {
+  margin-right: 0.75rem;
+}
 .mr-6 {
   margin-right: 1.5rem;
 }
@@ -928,6 +958,15 @@ select {
 .h-1 {
   height: 0.25rem;
 }
+.h-11 {
+  height: 2.75rem;
+}
+.h-12 {
+  height: 3rem;
+}
+.h-14 {
+  height: 3.5rem;
+}
 .h-3 {
   height: 0.75rem;
 }
@@ -1028,6 +1067,9 @@ select {
 .min-h-\[90vh\] {
   min-height: 90vh;
 }
+.min-h-full {
+  min-height: 100%;
+}
 .\!w-12 {
   width: 3rem !important;
 }
@@ -1049,12 +1091,21 @@ select {
 .w-10 {
   width: 2.5rem;
 }
+.w-12 {
+  width: 3rem;
+}
 .w-2\/3 {
   width: 66.666667%;
 }
+.w-2\/5 {
+  width: 40%;
+}
 .w-3 {
   width: 0.75rem;
 }
+.w-3\/5 {
+  width: 60%;
+}
 .w-4 {
   width: 1rem;
 }
@@ -1091,6 +1142,9 @@ select {
 .w-\[28px\] {
   width: 28px;
 }
+.w-\[30rem\] {
+  width: 30rem;
+}
 .w-\[32px\] {
   width: 32px;
 }
@@ -1128,6 +1182,9 @@ select {
   width: -moz-max-content;
   width: max-content;
 }
+.min-w-6 {
+  min-width: 1.5rem;
+}
 .min-w-\[24px\] {
   min-width: 24px;
 }
@@ -1149,6 +1206,9 @@ select {
 .max-w-\[1280px\] {
   max-width: 1280px;
 }
+.max-w-\[1400px\] {
+  max-width: 1400px;
+}
 .max-w-\[1632px\] {
   max-width: 1632px;
 }
@@ -1170,6 +1230,9 @@ select {
 .max-w-\[48px\] {
   max-width: 48px;
 }
+.max-w-\[51\.25rem\] {
+  max-width: 51.25rem;
+}
 .max-w-\[536px\] {
   max-width: 536px;
 }
@@ -1274,6 +1337,9 @@ select {
 .justify-between {
   justify-content: space-between;
 }
+.justify-stretch {
+  justify-content: stretch;
+}
 .\!gap-4 {
   gap: 1rem !important;
 }
@@ -1320,11 +1386,30 @@ select {
   -moz-column-gap: 100px;
        column-gap: 100px;
 }
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.space-x-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(4rem * var(--tw-space-x-reverse));
+  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.space-x-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .divide-y > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
+.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
+}
 .overflow-auto {
   overflow: auto;
 }
@@ -1340,6 +1425,9 @@ select {
 .rounded {
   border-radius: 0.25rem;
 }
+.rounded-3xl {
+  border-radius: 1.5rem;
+}
 .rounded-\[10px\] {
   border-radius: 10px;
 }
@@ -1390,12 +1478,18 @@ select {
 .rounded-bl-\[0px\] {
   border-bottom-left-radius: 0px;
 }
+.rounded-br-3xl {
+  border-bottom-right-radius: 1.5rem;
+}
 .rounded-br-\[24px\] {
   border-bottom-right-radius: 24px;
 }
 .rounded-br-\[48px\] {
   border-bottom-right-radius: 48px;
 }
+.rounded-tl-3xl {
+  border-top-left-radius: 1.5rem;
+}
 .rounded-tl-\[24px\] {
   border-top-left-radius: 24px;
 }
@@ -1525,6 +1619,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(230 203 219 / var(--tw-bg-opacity, 1));
 }
+.bg-brand-25 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 239 243 / var(--tw-bg-opacity, 1));
+}
 .bg-brand-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(237 222 231 / var(--tw-bg-opacity, 1));
@@ -1561,6 +1659,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
+.bg-navy-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(169 184 198 / var(--tw-bg-opacity, 1));
+}
 .bg-navy-25 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 242 245 / var(--tw-bg-opacity, 1));
@@ -1593,6 +1695,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(251 245 244 / var(--tw-bg-opacity, 1));
 }
+.bg-success-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 250 230 / var(--tw-bg-opacity, 1));
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -1614,6 +1720,9 @@ select {
 .p-1 {
   padding: 0.25rem;
 }
+.p-10 {
+  padding: 2.5rem;
+}
 .p-16 {
   padding: 4rem;
 }
@@ -1640,6 +1749,14 @@ select {
   padding-left: 0px;
   padding-right: 0px;
 }
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+.px-12 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1668,6 +1785,10 @@ select {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
 .px-\[10px\] {
   padding-left: 10px;
   padding-right: 10px;
@@ -1760,6 +1881,9 @@ select {
 .pb-3 {
   padding-bottom: 0.75rem;
 }
+.pb-32 {
+  padding-bottom: 8rem;
+}
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -1818,13 +1942,24 @@ select {
   font-size: 1rem !important;
   line-height: 1.5rem !important;
 }
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
 }
+.text-5xl {
+  font-size: 3rem;
+  line-height: 1;
+}
 .text-\[13px\] {
   font-size: 13px;
 }
+.text-\[16px\] {
+  font-size: 16px;
+}
 .text-\[18px\] {
   font-size: 18px;
 }
@@ -1837,6 +1972,9 @@ select {
 .text-\[30px\] {
   font-size: 30px;
 }
+.text-\[32px\] {
+  font-size: 32px;
+}
 .text-\[36px\] {
   font-size: 36px;
 }
@@ -1866,6 +2004,9 @@ select {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.font-bold {
+  font-weight: 700;
+}
 .font-medium {
   font-weight: 500;
 }
@@ -1881,9 +2022,18 @@ select {
 .italic {
   font-style: italic;
 }
+.leading-10 {
+  line-height: 2.5rem;
+}
 .leading-6 {
   line-height: 1.5rem;
 }
+.leading-8 {
+  line-height: 2rem;
+}
+.leading-9 {
+  line-height: 2.25rem;
+}
 .leading-\[24px\] {
   line-height: 24px;
 }
@@ -1955,6 +2105,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(217 45 32 / var(--tw-text-opacity, 1));
 }
+.text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
+}
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -1983,6 +2137,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(223 229 236 / var(--tw-text-opacity, 1));
 }
+.text-navy-600 {
+  --tw-text-opacity: 1;
+  color: rgb(62 95 126 / var(--tw-text-opacity, 1));
+}
 .text-navy-700 {
   --tw-text-opacity: 1;
   color: rgb(40 77 112 / var(--tw-text-opacity, 1));
@@ -1995,10 +2153,18 @@ select {
   --tw-text-opacity: 1;
   color: rgb(185 56 21 / var(--tw-text-opacity, 1));
 }
+.text-success-500 {
+  --tw-text-opacity: 1;
+  color: rgb(23 178 106 / var(--tw-text-opacity, 1));
+}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-yellow-100 {
+  --tw-text-opacity: 1;
+  color: rgb(218 170 0 / var(--tw-text-opacity, 1));
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -2013,6 +2179,11 @@ select {
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .ring {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2681,6 +2852,11 @@ select {
   border-color: rgb(147 28 97 / var(--tw-border-opacity, 1));
 }
 
+.hover\:border-gray-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
+}
+
 .hover\:\!bg-brand-700:hover {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(147 28 97 / var(--tw-bg-opacity, 1)) !important;
@@ -3305,3 +3481,12 @@ select {
     align-items: center;
     text-align: center
 }
+
+.fade-enter-active[data-v-25ca07bb],
+.fade-leave-active[data-v-25ca07bb] {
+  transition: opacity 0.4s ease;
+}
+.fade-enter-from[data-v-25ca07bb],
+.fade-leave-to[data-v-25ca07bb] {
+  opacity: 0;
+}