@sunggang/ui-lib 0.2.87 → 0.2.89

package/index.esm.css

@@ -703,6 +703,9 @@ video {
 .m-2 {
   margin: 0.5rem;
 }
+.m-4 {
+  margin: 1rem;
+}
 .m-auto {
   margin: auto;
 }
@@ -754,6 +757,9 @@ video {
 .mr-2 {
   margin-right: 0.5rem;
 }
+.mr-6 {
+  margin-right: 1.5rem;
+}
 .mt-0 {
   margin-top: 0px;
 }
@@ -811,9 +817,6 @@ video {
 .h-11 {
   height: 2.75rem;
 }
-.h-12 {
-  height: 3rem;
-}
 .h-14 {
   height: 3.5rem;
 }
@@ -856,6 +859,9 @@ video {
 .h-\[100px\] {
   height: 100px;
 }
+.h-\[22px\] {
+  height: 22px;
+}
 .h-full {
   height: 100%;
 }
@@ -871,9 +877,15 @@ video {
 .max-h-\[90vh\] {
   max-height: 90vh;
 }
+.min-h-\[6rem\] {
+  min-height: 6rem;
+}
 .w-10 {
   width: 2.5rem;
 }
+.w-11 {
+  width: 2.75rem;
+}
 .w-12 {
   width: 3rem;
 }
@@ -1060,9 +1072,6 @@ video {
 .flex-wrap {
   flex-wrap: wrap;
 }
-.content-center {
-  align-content: center;
-}
 .items-start {
   align-items: flex-start;
 }
@@ -1151,9 +1160,6 @@ video {
 .rounded {
   border-radius: 0.25rem;
 }
-.rounded-2xl {
-  border-radius: 1rem;
-}
 .rounded-\[10px\] {
   border-radius: 10px;
 }
@@ -1617,6 +1623,9 @@ video {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-8 {
+  padding-top: 2rem;
+}
 .text-left {
   text-align: left;
 }
@@ -1714,6 +1723,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(23 26 31 / var(--tw-text-opacity, 1));
 }
+.text-\[\#181818\] {
+  --tw-text-opacity: 1;
+  color: rgb(24 24 24 / var(--tw-text-opacity, 1));
+}
 .text-\[\#2052ce\] {
   --tw-text-opacity: 1;
   color: rgb(32 82 206 / var(--tw-text-opacity, 1));
@@ -1750,10 +1763,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(239 85 51 / var(--tw-text-opacity, 1));
 }
-.text-\[\#FFDF8C\] {
-  --tw-text-opacity: 1;
-  color: rgb(255 223 140 / var(--tw-text-opacity, 1));
-}
 .text-\[\#fff\] {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2061,6 +2070,24 @@ video {
 
 /* gary */
 
+.customSelect {
+  -webkit-appearance: none; /* 移除 Safari 內建樣式 */
+  -moz-appearance: none; /* 移除 Firefox 內建樣式 */
+  appearance: none; /* 移除原生樣式 */
+}
+
+.customerTimePicker::-webkit-input-placeholder,
+.customerTimePicker::placeholder,
+.customInput::-webkit-input-placeholder,
+.customInput::placeholder,
+.customSelect::-webkit-input-placeholder,
+.customSelect::placeholder {
+  color: #6f6f6f;
+  font-size: 14px;
+  text-align: left;
+  padding: 0 2px;
+}
+
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }
@@ -2634,11 +2661,21 @@ video {
   pointer-events: none;
 }
 
+.data-\[state\=checked\]\:translate-x-3[data-state="checked"] {
+  --tw-translate-x: 0.75rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
   --tw-translate-x: 1rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
+  --tw-translate-x: 1.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
   --tw-translate-x: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

package/index.esm.js

@@ -1,4 +1,4 @@
-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';
+export { B as BaseSwitch, s as BaseTable, z as BigCalender, o as Button, C as Controller, E as CustomSelect, l as CustomUpload, r as DataTable, n as DateRangePicker, A as DnDCalendar, k as DropDown, D as DropImage, I as FormProvider, L as LiffContext, G as LiffProvider, R as ReactDateRange, t as Regex, S as Spin, m as Switch, T as TabsPanel, U as UiLibrary, q as buttonVariants, J as useForm, u as useFormContext, H as useLiffContext, v as validateMsg, x as verifyId, w as verifyTaiwanIdIntermediateString, y as verifyTaxId } from './index.esm2.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@iconify/react';
@@ -17,6 +17,7 @@ import 'react-date-range';
 import 'react-date-range/dist/locale/index.js';
 import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
+import '@material-ui/core/FormControl';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-icons';