@sunggang/ui-lib 0.2.47 → 0.2.49

package/index.esm.css

@@ -664,6 +664,9 @@ video {
 .left-2\/4 {
   left: 50%;
 }
+.left-4 {
+  left: 1rem;
+}
 .right-0 {
   right: 0px;
 }
@@ -676,6 +679,9 @@ video {
 .top-2\/4 {
   top: 50%;
 }
+.top-3 {
+  top: 0.75rem;
+}
 .top-\[72px\] {
   top: 72px;
 }
@@ -694,6 +700,9 @@ video {
 .z-\[9999\] {
   z-index: 9999;
 }
+.m-2 {
+  margin: 0.5rem;
+}
 .m-auto {
   margin: auto;
 }
@@ -701,6 +710,10 @@ video {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
 .mx-3 {
   margin-left: 0.75rem;
   margin-right: 0.75rem;
@@ -798,6 +811,9 @@ video {
 .h-11 {
   height: 2.75rem;
 }
+.h-12 {
+  height: 3rem;
+}
 .h-14 {
   height: 3.5rem;
 }
@@ -858,6 +874,9 @@ video {
 .w-10 {
   width: 2.5rem;
 }
+.w-12 {
+  width: 3rem;
+}
 .w-24 {
   width: 6rem;
 }
@@ -1027,6 +1046,11 @@ video {
 .resize {
   resize: both;
 }
+.appearance-none {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -1036,6 +1060,12 @@ video {
 .flex-wrap {
   flex-wrap: wrap;
 }
+.content-center {
+  align-content: center;
+}
+.items-start {
+  align-items: flex-start;
+}
 .items-end {
   align-items: flex-end;
 }
@@ -1095,6 +1125,9 @@ video {
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
+.self-center {
+  align-self: center;
+}
 .overflow-auto {
   overflow: auto;
 }
@@ -1118,9 +1151,15 @@ video {
 .rounded {
   border-radius: 0.25rem;
 }
+.rounded-2xl {
+  border-radius: 1rem;
+}
 .rounded-\[10px\] {
   border-radius: 10px;
 }
+.rounded-\[50\%\] {
+  border-radius: 50%;
+}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1136,6 +1175,10 @@ video {
 .rounded-xl {
   border-radius: 0.75rem;
 }
+.rounded-r-lg {
+  border-top-right-radius: var(--radius);
+  border-bottom-right-radius: var(--radius);
+}
 .rounded-r-sm {
   border-top-right-radius: calc(var(--radius) - 4px);
   border-bottom-right-radius: calc(var(--radius) - 4px);
@@ -1183,6 +1226,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(184 184 184 / var(--tw-border-opacity));
 }
+.border-\[\#C8C8C8\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(200 200 200 / var(--tw-border-opacity));
+}
 .border-\[\#D9D9D9\] {
   --tw-border-opacity: 1;
   border-color: rgb(217 217 217 / var(--tw-border-opacity));
@@ -1191,6 +1238,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(204 204 204 / var(--tw-border-opacity));
 }
+.border-\[\#f44336\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(244 67 54 / var(--tw-border-opacity));
+}
 .border-\[\#ffffff33\] {
   border-color: #ffffff33;
 }
@@ -1253,10 +1304,18 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(86 207 207 / var(--tw-bg-opacity));
 }
+.bg-\[\#E6E6E6\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 230 230 / var(--tw-bg-opacity));
+}
 .bg-\[\#F5F5F5\] {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
+.bg-\[\#FFDF8C\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 223 140 / var(--tw-bg-opacity));
+}
 .bg-\[\#f5f5f5\] {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
@@ -1439,6 +1498,9 @@ video {
 .p-6 {
   padding: 1.5rem;
 }
+.p-\[2px\] {
+  padding: 2px;
+}
 .p-\[30px\] {
   padding: 30px;
 }
@@ -1506,6 +1568,10 @@ video {
   padding-top: 2.25rem;
   padding-bottom: 2.25rem;
 }
+.py-\[8px\] {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
 .pb-0\.5 {
   padding-bottom: 0.125rem;
 }
@@ -1524,6 +1590,9 @@ video {
 .pl-12 {
   padding-left: 3rem;
 }
+.pl-14 {
+  padding-left: 3.5rem;
+}
 .pl-2\.5 {
   padding-left: 0.625rem;
 }
@@ -1533,9 +1602,15 @@ video {
 .pl-8 {
   padding-left: 2rem;
 }
+.pr-1 {
+  padding-right: 0.25rem;
+}
 .pr-2 {
   padding-right: 0.5rem;
 }
+.pr-4 {
+  padding-right: 1rem;
+}
 .pt-1 {
   padding-top: 0.25rem;
 }
@@ -1564,6 +1639,9 @@ video {
 .text-\[15px\] {
   font-size: 15px;
 }
+.text-\[16px\] {
+  font-size: 16px;
+}
 .text-\[20px\] {
   font-size: 20px;
 }
@@ -1628,6 +1706,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
+.text-\[\#0f172a\] {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
 .text-\[\#171A1F\] {
   --tw-text-opacity: 1;
   color: rgb(23 26 31 / var(--tw-text-opacity));
@@ -1648,14 +1730,30 @@ video {
   --tw-text-opacity: 1;
   color: rgb(110 110 110 / var(--tw-text-opacity));
 }
+.text-\[\#6f6f6f\] {
+  --tw-text-opacity: 1;
+  color: rgb(111 111 111 / var(--tw-text-opacity));
+}
 .text-\[\#737373\] {
   --tw-text-opacity: 1;
   color: rgb(115 115 115 / var(--tw-text-opacity));
 }
+.text-\[\#B0B0B0\] {
+  --tw-text-opacity: 1;
+  color: rgb(176 176 176 / var(--tw-text-opacity));
+}
 .text-\[\#E73700\] {
   --tw-text-opacity: 1;
   color: rgb(231 55 0 / var(--tw-text-opacity));
 }
+.text-\[\#EF5533\] {
+  --tw-text-opacity: 1;
+  color: rgb(239 85 51 / var(--tw-text-opacity));
+}
+.text-\[\#FFDF8C\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 223 140 / var(--tw-text-opacity));
+}
 .text-\[\#fff\] {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2002,6 +2100,11 @@ video {
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
 
+.checked\:bg-\[\#3abff8\]:checked {
+  --tw-bg-opacity: 1;
+  background-color: rgb(58 191 248 / var(--tw-bg-opacity));
+}
+
 .focus-within\:relative:focus-within {
   position: relative;
 }
@@ -2639,10 +2742,19 @@ video {
 
 @media (min-width: 640px) {
 
+  .sm\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
 
+  .sm\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
   .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -2693,6 +2805,10 @@ video {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
 
+  .lg\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
   .lg\:justify-center {
     justify-content: center;
   }

package/index.esm.js

@@ -1,4 +1,4 @@
-export { n as BaseTable, q as BigCalender, B as Button, s as CustomSelect, C as CustomUpload, m as DataTable, k as DateRangePicker, r as DnDCalendar, i as DropDown, D as DropImage, L as LiffContext, t as LiffProvider, R as ReactDateRange, o as Regex, S as Spin, j as Switch, T as TabsPanel, U as UiLibrary, l as buttonVariants, u as useLiffContext, p as verifyId, v as verifyTaxId } from './index.esm2.js';
+export { n as BaseTable, s as BigCalender, B as Button, u as CustomSelect, C as CustomUpload, m as DataTable, k as DateRangePicker, t as DnDCalendar, i as DropDown, D as DropImage, L as LiffContext, w as LiffProvider, R as ReactDateRange, o as Regex, S as Spin, j as Switch, T as TabsPanel, U as UiLibrary, l as buttonVariants, x as useLiffContext, v as validateMsg, q as verifyId, p as verifyTaiwanIdIntermediateString, r as verifyTaxId } from './index.esm2.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@iconify/react';