@seace/ui 0.0.4 → 0.0.6
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.
- package/fesm2022/seace-ui.mjs +10 -5
- package/fesm2022/seace-ui.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/seace-ui.mjs
CHANGED
|
@@ -829,7 +829,7 @@ const ICONS_OBJECT = {
|
|
|
829
829
|
'router': "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g clip-path=\"url(#clip0_76_4720)\"> <path d=\"M16 4.2C17.5 4.2 19 4.8 20.2 5.9L21 5.1C19.6 3.7 17.8 3 16 3C14.2 3 12.4 3.7 11 5.1L11.8 5.9C13 4.8 14.5 4.2 16 4.2ZM12.7 6.7L13.5 7.5C14.2 6.8 15.1 6.5 16 6.5C16.9 6.5 17.8 6.8 18.5 7.5L19.3 6.7C18.4 5.8 17.2 5.3 16 5.3C14.8 5.3 13.6 5.8 12.7 6.7ZM19 13H17V9H15V13H5C3.9 13 3 13.9 3 15V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V15C21 13.9 20.1 13 19 13ZM19 19H5V15H19V19ZM6 16H8V18H6V16ZM9.5 16H11.5V18H9.5V16ZM13 16H15V18H13V16Z\" fill=\"currentColor\"/> </g> <defs> <clipPath id=\"clip0_76_4720\"> <rect width=\"24\" height=\"24\" fill=\"white\"/> </clipPath> </defs> </svg> ",
|
|
830
830
|
'sanitizer': "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g clip-path=\"url(#clip0_76_6769)\"> <path d=\"M15.5 6.5C15.5 5.66 17 4 17 4C17 4 18.5 5.66 18.5 6.5C18.5 7.33 17.83 8 17 8C16.17 8 15.5 7.33 15.5 6.5ZM19.5 15C20.88 15 22 13.88 22 12.5C22 10.83 19.5 8 19.5 8C19.5 8 17 10.83 17 12.5C17 13.88 18.12 15 19.5 15ZM13 14H11V12H9V14H7V16H9V18H11V16H13V14ZM16 12V20C16 21.1 15.1 22 14 22H6C4.9 22 4 21.1 4 20V12C4 9.03 6.16 6.57 9 6.09V4H7V2H13C14.13 2 15.15 2.39 15.99 3.01L14.56 4.44C14.1 4.17 13.57 4 13 4H11V6.09C13.84 6.57 16 9.03 16 12ZM14 12C14 9.79 12.21 8 10 8C7.79 8 6 9.79 6 12V20H14V12Z\" fill=\"currentColor\"/> </g> <defs> <clipPath id=\"clip0_76_6769\"> <rect width=\"24\" height=\"24\" fill=\"white\"/> </clipPath> </defs> </svg> ",
|
|
831
831
|
'scanner': "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g clip-path=\"url(#clip0_76_4723)\"> <path d=\"M19.8 10.7L4.2 5L3.5 6.9L17.6 12H5C3.9 12 3 12.9 3 14V18C3 19.1 3.9 20 5 20H19C20.1 20 21 19.1 21 18V12.5C21 11.7 20.5 10.9 19.8 10.7ZM19 18H5V14H19V18ZM6 15H8V17H6V15ZM10 15H18V17H10V15Z\" fill=\"currentColor\"/> </g> <defs> <clipPath id=\"clip0_76_4723\"> <rect width=\"24\" height=\"24\" fill=\"white\"/> </clipPath> </defs> </svg> ",
|
|
832
|
-
'school': "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M16.7059 10.2L12.2167 12.3134C12.0797 12.3779 11.9208 12.3768 11.7847 12.3105L4.22222 8.625L3.0469 8.13984C2.64534 7.97408 2.63166 7.41033 3.02471 7.22529L11.787 3.10026C11.9219 3.03676 12.0781 3.03676 12.213 3.10026L20.9753 7.22529C21.3683 7.41033 21.3547 7.97408 20.9531 8.13984L19.7778 8.625L16.7059 10.2ZM4.22222 8.625V13.2882C4.22222 13.5446 4.31931 13.7899 4.50967 13.9616C5.37519 14.7422 8.13708 16.9212 12 16.9212C15.8138 16.9212 18.5544 14.9811 19.4564 14.2455C19.6672 14.0736 19.7778 13.8136 19.7778 13.5416V8.625M12 7.70769L16.7059 10.2M16.7059 10.2V21\" stroke=\"
|
|
832
|
+
'school': "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M16.7059 10.2L12.2167 12.3134C12.0797 12.3779 11.9208 12.3768 11.7847 12.3105L4.22222 8.625L3.0469 8.13984C2.64534 7.97408 2.63166 7.41033 3.02471 7.22529L11.787 3.10026C11.9219 3.03676 12.0781 3.03676 12.213 3.10026L20.9753 7.22529C21.3683 7.41033 21.3547 7.97408 20.9531 8.13984L19.7778 8.625L16.7059 10.2ZM4.22222 8.625V13.2882C4.22222 13.5446 4.31931 13.7899 4.50967 13.9616C5.37519 14.7422 8.13708 16.9212 12 16.9212C15.8138 16.9212 18.5544 14.9811 19.4564 14.2455C19.6672 14.0736 19.7778 13.8136 19.7778 13.5416V8.625M12 7.70769L16.7059 10.2M16.7059 10.2V21\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </svg> ",
|
|
833
833
|
'science': "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g clip-path=\"url(#clip0_76_6775)\"> <path d=\"M12.9992 11.33L17.9992 18H5.9992L10.9992 11.33V6H12.9992V11.33ZM15.9592 4H8.0392C7.6192 4 7.3892 4.48 7.6492 4.81L8.9992 6.5V10.67L3.1992 18.4C2.7092 19.06 3.1792 20 3.9992 20H19.9992C20.8192 20 21.2892 19.06 20.7992 18.4L14.9992 10.67V6.5L16.3492 4.81C16.6092 4.48 16.3792 4 15.9592 4Z\" fill=\"currentColor\"/> </g> <defs> <clipPath id=\"clip0_76_6775\"> <rect width=\"24\" height=\"24\" fill=\"white\"/> </clipPath> </defs> </svg> ",
|
|
834
834
|
'screen_lock_landscape': "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g clip-path=\"url(#clip0_76_4196)\"> <path d=\"M21 5H3C1.9 5 1 5.9 1 7V17C1 18.1 1.9 19 3 19H21C22.1 19 23 18.1 23 17V7C23 5.9 22.1 5 21 5ZM19 17H5V7H19V17ZM10 16H14C14.55 16 15 15.55 15 15V12C15 11.45 14.55 11 14 11V10C14 8.89 13.1 8 12 8C10.89 8 10 8.9 10 10V11C9.45 11 9 11.45 9 12V15C9 15.55 9.45 16 10 16ZM10.8 10C10.8 9.34 11.34 8.8 12 8.8C12.66 8.8 13.2 9.34 13.2 10V11H10.8V10Z\" fill=\"currentColor\"/> </g> <defs> <clipPath id=\"clip0_76_4196\"> <rect width=\"24\" height=\"24\" fill=\"white\"/> </clipPath> </defs> </svg> ",
|
|
835
835
|
'screen_lock_portrait': "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g clip-path=\"url(#clip0_76_4199)\"> <path d=\"M10 16H14C14.55 16 15 15.55 15 15V12C15 11.45 14.55 11 14 11V10C14 8.89 13.1 8 12 8C10.89 8 10 8.9 10 10V11C9.45 11 9 11.45 9 12V15C9 15.55 9.45 16 10 16ZM10.8 10C10.8 9.34 11.34 8.8 12 8.8C12.66 8.8 13.2 9.34 13.2 10V11H10.8V10ZM17 1H7C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1 17 1ZM17 19H7V5H17V19Z\" fill=\"currentColor\"/> </g> <defs> <clipPath id=\"clip0_76_4199\"> <rect width=\"24\" height=\"24\" fill=\"white\"/> </clipPath> </defs> </svg> ",
|
|
@@ -1365,10 +1365,15 @@ const COLOR_MAP = {
|
|
|
1365
1365
|
ghost: 'bg-turquoise-seace-10 text-turquoise-seace-60 border-transparent',
|
|
1366
1366
|
},
|
|
1367
1367
|
};
|
|
1368
|
+
// const SIZE_MAP: Record<BadgeSize, { wrapper: string; iconSize: number }> = {
|
|
1369
|
+
// sm: { wrapper: 'text-xs px-2 py-1 gap-1', iconSize: 12 },
|
|
1370
|
+
// md: { wrapper: 'text-sm px-4 py-2 gap-2', iconSize: 16 },
|
|
1371
|
+
// lg: { wrapper: 'text-md px-6 py-3 gap-3', iconSize: 16 },
|
|
1372
|
+
// };
|
|
1368
1373
|
const SIZE_MAP = {
|
|
1369
|
-
sm: { wrapper: 'text-xs px-2 py-
|
|
1370
|
-
md: { wrapper: 'text-
|
|
1371
|
-
lg: { wrapper: 'text-
|
|
1374
|
+
sm: { wrapper: 'text-xs px-2 py-0.5 gap-1', iconSize: 12 },
|
|
1375
|
+
md: { wrapper: 'text-xs px-2.5 py-1 gap-1.5', iconSize: 14 },
|
|
1376
|
+
lg: { wrapper: 'text-sm px-3 py-1.5 gap-2', iconSize: 16 },
|
|
1372
1377
|
};
|
|
1373
1378
|
class BadgeComponent {
|
|
1374
1379
|
color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
@@ -1378,7 +1383,7 @@ class BadgeComponent {
|
|
|
1378
1383
|
iconPosition = input('left', ...(ngDevMode ? [{ debugName: "iconPosition" }] : /* istanbul ignore next */ []));
|
|
1379
1384
|
iconSize = computed(() => SIZE_MAP[this.size()].iconSize, ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
|
|
1380
1385
|
classes = computed(() => [
|
|
1381
|
-
'inline-flex items-center rounded-full border ',
|
|
1386
|
+
'inline-flex items-center rounded-full border border-solid',
|
|
1382
1387
|
COLOR_MAP[this.color()][this.variant()],
|
|
1383
1388
|
SIZE_MAP[this.size()].wrapper,
|
|
1384
1389
|
].join(' '), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|