@sk-web-gui/core 1.1.2 → 2.0.0

package/dist/types/components/side-menu.d.ts

@@ -0,0 +1,219 @@
+declare function _exports(): {
+    '.sk-sidemenu': {
+        '@apply w-[440px]': {};
+        '&-header': {
+            '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {};
+            '.label-small': {
+                '@apply text-[1.6rem]': {};
+            };
+            '.label-button': {
+                '@apply w-full justify-between p-0 leading-[inherit]': {};
+                '&-icon': {
+                    '@apply !text-xl': {};
+                };
+            };
+            '&-label': {
+                '@apply flex items-center': {};
+                'label, .label': {
+                    '@apply text-xl font-bold flex items-center w-full': {};
+                };
+                span: {
+                    '@apply ml-auto': {};
+                };
+            };
+        };
+        '&-item': {
+            '@apply bg-white h-full': {};
+            '> ul.items': {
+                '@apply hidden': {};
+            };
+            '&.open > ul.items': {
+                '@apply block': {};
+            };
+            '&-label': {
+                '@apply flex-grow select-none flex items-center': {};
+            };
+            '&.active': {
+                '> .sk-sidemenu-wrapper': {
+                    boxShadow: string;
+                    '.sk-sidemenu-item-label': {
+                        '@apply underline': {};
+                    };
+                };
+            };
+            '& .sk-sidemenu-wrapper': {
+                '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {};
+                '.sk-sidemenu-item-link': {
+                    '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {};
+                    '@apply focus-visible:z-base': {};
+                    '&[aria-disabled="true"]': {
+                        '@apply text-neutral-600 cursor-not-allowed': {};
+                        '.sk-sidemenu-item-label': {
+                            '@apply text-neutral-600': {};
+                        };
+                    };
+                };
+                '.expand': {
+                    '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {};
+                    '&[aria-disabled="true"]': {
+                        '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {};
+                        path: {
+                            '@apply fill-gray-stroke': {};
+                        };
+                    };
+                    path: {
+                        '@apply fill-primary': {};
+                    };
+                    '&-button': {
+                        '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {};
+                    };
+                };
+            };
+            '&.open': {
+                '& + .menu-item > .sk-sidemenu-wrapper': {
+                    '@apply border-t': {};
+                };
+            };
+            '&.draggable': {
+                '&.dragenter': {
+                    '> .sk-sidemenu-wrapper': {
+                        '@apply h-full max-h-full': {};
+                    };
+                    "> .sk-sidemenu-wrapper > *:not([draggable='true'])": {
+                        '@apply pointer-events-none': {};
+                    };
+                    '& > .sk-sidemenu-wrapper::after': {
+                        '@apply bg-info-surface-accent block relative w-full h-[44px]': {};
+                        content: string;
+                    };
+                };
+                '&.moving': {
+                    '@apply hidden': {};
+                };
+                '& .sk-sidemenu-menuitem-movebutton': {
+                    '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {};
+                    svg: {
+                        '@apply h-full': {};
+                    };
+                    '&[aria-disabled="true"]': {
+                        '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {};
+                    };
+                };
+                '&.separator': {
+                    '@apply bg-transparent relative': {};
+                    '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {
+                        '@apply h-[44px]': {};
+                    };
+                };
+            };
+            '&-separator': {
+                '@apply text-divider': {};
+                height: string;
+                width: string;
+                backgroundImage: string;
+                backgroundSize: string;
+                backgroundPosition: string;
+                backgroundRepeat: string;
+            };
+            '&.lvl-0': {
+                '&:first-child > .sk-sidemenu-wrapper': {
+                    '@apply border-t-0': {};
+                };
+                '> .sk-sidemenu-wrapper': {
+                    '@apply h-[64px] max-h-[64px] border border-divider': {};
+                    '> .sk-sidemenu-item-link': {
+                        '@apply  py-md': {};
+                        paddingLeft: string;
+                    };
+                };
+                '.sk-sidemenu-item-link': {
+                    '@apply h-[64px] max-h-[64px]': {};
+                };
+                '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {
+                    '@apply border-t-0': {};
+                };
+                '> .items': {
+                    '@apply border-l border-r border-divider': {};
+                };
+                '&.open > .items': {
+                    '@apply border-b border-divider': {};
+                };
+                '&.separator': {
+                    '& + .lvl-0': {
+                        '@apply border-t border-divider': {};
+                    };
+                };
+                '&.separator > .sk-sidemenu-wrapper': {
+                    '@apply border-0': {};
+                };
+            };
+            '&.lvl-1': {
+                '@apply bg-gray-lighter': {};
+                '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {
+                    '@apply h-[56px] max-h-[56px]': {};
+                };
+                '&.open > .sk-sidemenu-wrapper': {
+                    '@apply border-b border-divider': {};
+                };
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+            '&.lvl-2': {
+                '.sk-sidemenu-wrapper': {
+                    '@apply bg-gray-middle h-[48px] max-h-[48px]': {};
+                    '> .sk-sidemenu-item-link': {
+                        '@apply h-[48px] max-h-[48px]': {};
+                    };
+                };
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+            '&.lvl-3': {
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+            '&.lvl-4': {
+                '.sk-sidemenu-wrapper': {
+                    '@apply bg-[#d4d4d4]': {};
+                };
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+            '&.lvl-5': {
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+            '&.lvl-6': {
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+            '&.lvl-7': {
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+            '&.lvl-8': {
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+            '&.lvl-9': {
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+            '&.lvl-10': {
+                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+                    paddingLeft: string;
+                };
+            };
+        };
+    };
+};
+export = _exports;

package/dist/types/components/tab-menu.d.ts

@@ -0,0 +1,57 @@
+declare function _exports(): {
+    '.sk-tab-menu': {
+        '&-wrapper': {
+            display: string;
+            flexDirection: string;
+            margin: string;
+        };
+        '&-right': {
+            '@apply justify-end': {};
+        };
+        '&-center': {
+            '@apply justify-center': {};
+        };
+        '&-list': {
+            all: string;
+            display: string;
+            '&-stretch': {
+                '@apply w-full justify-between': {};
+            };
+        };
+        '&-underline': {
+            width: string;
+            height: number;
+            '@apply bg-gray-light': {};
+        };
+        '&-item': {
+            all: string;
+            height: number;
+            display: string;
+            padding: string;
+            marginRight: string;
+            alignItems: string;
+            position: string;
+            cursor: string;
+            '&-stretch': {
+                '@apply mr-0': {};
+            };
+            '&-right': {
+                '@apply mr-0 ml-[5rem]': {};
+            };
+            '&-center:last-of-type': {
+                '@apply mr-0': {};
+            };
+            '&.active::after': {
+                content: string;
+                display: string;
+                position: string;
+                width: string;
+                height: number;
+                top: string;
+                left: number;
+                '@apply bg-primary': {};
+            };
+        };
+    };
+};
+export = _exports;

package/dist/types/components/table-autotable.d.ts

@@ -0,0 +1,151 @@
+export declare const TableAutoTable: () => {
+    '.sk-table-wrapper': {
+        '@apply rounded-groups': {};
+        '@apply border-1': {};
+        '@apply bg-background-content': {};
+        '&-inside': {
+            '@apply border-0 rounded-t-groups': {};
+            '@apply overflow-hidden': {};
+        };
+        '&[data-variant="table"]': {
+            '&:not([data-background="true"])': {
+                '@apply border-0': {};
+                '@apply bg-transparent': {};
+            };
+            '.sk-table-wrapper-inside': {
+                '@apply border-0 rounded-b-groups': {};
+            };
+        };
+    };
+    '.sk-table': {
+        '@apply w-full text-left table-auto': {};
+        '@apply text-dark-secondary': {};
+        '&-thead': {
+            '@apply border-b-1 border-dark-primary': {};
+            '@apply h-48': {};
+            '&-tr': {
+                '@apply table-row': {};
+                '@apply text-label-small': {};
+            };
+            '&-th': {
+                '@apply py-4': {};
+                "&[data-isColumnSortable='true']": {
+                    '@apply cursor-pointer': {};
+                };
+            };
+            '&-manualth': {
+                '@apply py-4': {};
+                '@apply px-16': {};
+                "&[data-isColumnSortable='true']": {
+                    '@apply cursor-pointer': {};
+                };
+            };
+            '@apply bg-transparent': {};
+            '&[data-background="true"]': {
+                '@apply bg-vattjom-background-200 border-b-transparent': {};
+            };
+        };
+        '&-sortbutton': {
+            '@apply flex items-center': {};
+            '@apply focus-visible:ring ring-ring ring-offset-0': {};
+            '@apply focus-visible:bg-vattjom-background-200': {};
+            '@apply rounded-utility': {};
+            '@apply px-16': {};
+            '@apply h-40': {};
+            '&-icon': {
+                '@apply inline-flex pl-sm': {};
+                '&-sort': {
+                    '@apply text-dark-secondary': {};
+                    '@apply flex flex-col': {};
+                    svg: {
+                        '@apply h-16 w-16': {};
+                        '@apply first-of-type:-mb-4': {};
+                        '@apply last-of-type:-mt-4': {};
+                    };
+                    "&[data-sortmodeascending='true']": {
+                        '> *': {
+                            '@apply last-of-type:text-dark-ghost': {};
+                        };
+                    };
+                    "&[data-sortmodeascending='false']": {
+                        '> *': {
+                            '@apply first-of-type:text-dark-ghost': {};
+                        };
+                    };
+                };
+            };
+        };
+        '&-tbody': {
+            '@apply text-dark-secondary bg-transparent': {};
+            '&-tr': {
+                '@apply bg-transparent': {};
+                '@apply hover:bg-background-100': {};
+                '@apply border-b-1': {};
+                '@apply last-of-type:border-b-transparent': {};
+            };
+            '&-td': {
+                '@apply text-small': {};
+                '&-content': {
+                    '@apply inline-flex': {};
+                    '@apply justify-start items-center': {};
+                    '@apply gap-8': {};
+                    '@apply py-8 px-18': {};
+                    '@apply h-[6.3rem]': {};
+                    '@apply min-h-[6.3rem]': {};
+                };
+            };
+            '&-manualtd': {
+                '@apply text-small': {};
+                '&-content': {
+                    '@apply justify-start items-center': {};
+                    '@apply gap-8': {};
+                    '@apply py-8 px-18': {};
+                    '@apply h-[6.3rem]': {};
+                    '@apply min-h-[6.3rem]': {};
+                };
+            };
+        };
+        '&[data-dense="true"]': {
+            '.sk-table': {
+                '&-thead': {
+                    '&-th': {
+                        '@apply py-4': {};
+                    };
+                };
+                '&-tbody': {
+                    '&-td-content': {
+                        '@apply py-0': {};
+                        '@apply h-[4.7rem]': {};
+                        '@apply min-h-[4.7rem]': {};
+                    };
+                };
+            };
+        };
+        '&-paginationwrapper': {
+            '@apply w-full max-w-[60rem]': {};
+            '@apply shrink': {};
+        };
+        '&-bottom': {
+            '@apply py-14 px-16': {};
+            '@apply border-t-1': {};
+            '@apply flex flex-row': {};
+            '@apply gap-32': {};
+            '@apply justify-between items-center': {};
+            '&-section': {
+                '@apply shrink-0': {};
+                '@apply flex flex-row': {};
+                '@apply justify-start items-center': {};
+                '@apply gap-8': {};
+                '&-label': {
+                    '@apply font-normal': {};
+                    '@apply text-small': {};
+                    '@apply shrink-0': {};
+                };
+            };
+            '&-pagination': {
+                '@apply grow': {};
+                '@apply shrink': {};
+            };
+        };
+    };
+};

package/dist/types/components/user-menu.d.ts

@@ -4,6 +4,7 @@ export declare const UserMenu: () => {
         '&-button': {
             '@apply p-0 bg-transparent hover:bg-transparent': {};
             '@apply border-0': {};
+            '@apply hover:border-0': {};
             '.sk-avatar': {
                 height: string;
                 width: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "1.1.2",
+  "version": "2.0.0",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -46,5 +46,5 @@
     "@sk-web-gui/theme": "1.0.2",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "496b3698710621c60c1b237e79f5fd5f98fc1be7"
+  "gitHead": "44396836dc9e415a94ac001c48e65647bc3000f9"
 }

package/dist/cjs/components/calendar.js

@@ -1,67 +0,0 @@
-module.exports = Calendar = function Calendar() {
-  return {
-    // Month row
-    '.MuiCalendarPicker-root > div:first-of-type': {
-      '@apply ml-2 -mr-2 px-10': {}
-    },
-    // Month
-    '.MuiCalendarPicker-root > div:first-of-type > div': {
-      '@apply font-bold text-base text-body': {}
-    },
-    // Arrow switchers
-    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {
-      '@apply text-body text-lg': {}
-    },
-    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {
-      '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary': {}
-    },
-    // Arrow spacer
-    '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {
-      '@apply w-11': {}
-    },
-    // Disabled arrow
-    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {
-      '@apply text-gray-stroke': {}
-    },
-    // Weekdays
-    '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {
-      '@apply font-bold text-body text-base': {}
-    },
-    // Days-Grid
-    '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {
-      '@apply min-h-min pb-6': {}
-    },
-    // Day picking
-    '.MuiCalendarPicker-root .MuiPickersDay-root': {
-      '@apply text-base': {}
-    },
-    '.MuiCalendarPicker-root .Mui-disabled': {
-      '@apply text-gray-stroke': {}
-    },
-    // Day picked
-    '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {
-      '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one': {}
-    },
-    // Day hovered
-    '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
-      '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border': {}
-    },
-    // today
-    '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
-      '@apply border-0 hover:border': {}
-    },
-    '.calendar': {
-      // Input field
-      '.datepicker-input': {
-        '@apply relative': {}
-      },
-      '.datepicker-input input': {
-        '@apply pl-20 cursor-pointer': {}
-      },
-      '.datepicker-input-icon': {
-        '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {}
-      }
-    }
-  };
-};
-//# sourceMappingURL=calendar.js.map

package/dist/cjs/components/calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.js","names":["module","exports","Calendar"],"sources":["../../../src/components/calendar.js"],"sourcesContent":["module.exports = Calendar = () => ({\r\n  // Month row\r\n  '.MuiCalendarPicker-root > div:first-of-type': {\r\n    '@apply ml-2 -mr-2 px-10': {},\r\n  },\r\n\r\n  // Month\r\n  '.MuiCalendarPicker-root > div:first-of-type > div': {\r\n    '@apply font-bold text-base text-body': {},\r\n  },\r\n\r\n  // Arrow switchers\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {\r\n    '@apply text-body text-lg': {},\r\n  },\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {\r\n    '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary':\r\n      {},\r\n  },\r\n  // Arrow spacer\r\n  '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {\r\n    '@apply w-11': {},\r\n  },\r\n  // Disabled arrow\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Weekdays\r\n  '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {\r\n    '@apply font-bold text-body text-base': {},\r\n  },\r\n\r\n  // Days-Grid\r\n  '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {\r\n    '@apply min-h-min pb-6': {},\r\n  },\r\n\r\n  // Day picking\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root': {\r\n    '@apply text-base': {},\r\n  },\r\n  '.MuiCalendarPicker-root .Mui-disabled': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Day picked\r\n  '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {\r\n    '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one':\r\n      {},\r\n  },\r\n\r\n  // Day hovered\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border':\r\n      {},\r\n  },\r\n\r\n  // today\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-0 hover:border': {},\r\n  },\r\n\r\n  '.calendar': {\r\n    // Input field\r\n    '.datepicker-input': {\r\n      '@apply relative': {},\r\n    },\r\n\r\n    '.datepicker-input input': {\r\n      '@apply pl-20 cursor-pointer': {},\r\n    },\r\n\r\n    '.datepicker-input-icon': {\r\n      '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC;IACA,6CAA6C,EAAE;MAC7C,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,mDAAmD,EAAE;MACnD,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,kFAAkF,EAAE;MAClF,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,iEAAiE,EAAE;MACjE,iLAAiL,EAC/K,CAAC;IACL,CAAC;IACD;IACA,yDAAyD,EAAE;MACzD,aAAa,EAAE,CAAC;IAClB,CAAC;IACD;IACA,4FAA4F,EAAE;MAC5F,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,uEAAuE,EAAE;MACvE,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,+DAA+D,EAAE;MAC/D,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,6CAA6C,EAAE;MAC7C,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,uCAAuC,EAAE;MACvC,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,6EAA6E,EAAE;MAC7E,oHAAoH,EAClH,CAAC;IACL,CAAC;IAED;IACA,8GAA8G,EAAE;MAC9G,gHAAgH,EAC9G,CAAC;IACL,CAAC;IAED;IACA,iEAAiE,EAAE;MACjE,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,WAAW,EAAE;MACX;MACA,mBAAmB,EAAE;QACnB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,yBAAyB,EAAE;QACzB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,wBAAwB,EAAE;QACxB,4FAA4F,EAAE,CAAC;MACjG;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/message.js

@@ -1,52 +0,0 @@
-module.exports = Message = function Message() {
-  return {
-    '.message': {
-      '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
-      '@apply text-body bg-white border-l-4': {},
-      // dark
-      '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
-      '&-text': {
-        '@apply text-left flex-grow': {}
-      },
-      '&-info': {
-        '@apply border-info': {},
-        '.message-icon': {
-          '@apply text-info': {}
-        }
-      },
-      '&-success': {
-        '@apply border-success': {},
-        '.message-icon': {
-          '@apply text-success': {}
-        }
-      },
-      '&-error': {
-        '@apply border-error': {},
-        '.message-icon': {
-          '@apply text-error': {}
-        }
-      },
-      '&-warning': {
-        '@apply border-warning': {},
-        '.message-icon': {
-          '@apply text-warning': {}
-        }
-      }
-    },
-    '.message-icon': {
-      '@apply mr-4 flex-shrink-0 w-10 h-10': {}
-    },
-    '.message-close-button': {
-      '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base': {},
-      marginLeft: '0.25em',
-      marginRight: '-0.55em',
-      '&-icon': {
-        '@apply !text-xl': {}
-      },
-      '&-disabled': {
-        '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
-      }
-    }
-  };
-};
-//# sourceMappingURL=message.js.map

package/dist/cjs/components/message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.js","names":["module","exports","Message","marginLeft","marginRight"],"sources":["../../../src/components/message.js"],"sourcesContent":["module.exports = Message = () => ({\r\n  '.message': {\r\n    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},\r\n    '@apply text-body bg-white border-l-4': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n\r\n    '&-text': {\r\n      '@apply text-left flex-grow': {},\r\n    },\r\n\r\n    '&-info': {\r\n      '@apply border-info': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-info': {},\r\n      },\r\n    },\r\n    '&-success': {\r\n      '@apply border-success': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-success': {},\r\n      },\r\n    },\r\n    '&-error': {\r\n      '@apply border-error': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-error': {},\r\n      },\r\n    },\r\n    '&-warning': {\r\n      '@apply border-warning': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-warning': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.message-icon': {\r\n    '@apply mr-4 flex-shrink-0 w-10 h-10': {},\r\n  },\r\n\r\n  '.message-close-button': {\r\n    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':\r\n      {},\r\n    marginLeft: '0.25em',\r\n    marginRight: '-0.55em',\r\n\r\n    '&-icon': {\r\n      '@apply !text-xl': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,UAAU,EAAE;MACV,6GAA6G,EAAE,CAAC,CAAC;MACjH,sCAAsC,EAAE,CAAC,CAAC;MAC1C;MACA,0EAA0E,EAAE,CAAC,CAAC;MAE9E,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC,CAAC;QAExB,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC,CAAC;QAE3B,eAAe,EAAE;UACf,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MACD,SAAS,EAAE;QACT,qBAAqB,EAAE,CAAC,CAAC;QAEzB,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MACD,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC,CAAC;QAE3B,eAAe,EAAE;UACf,qBAAqB,EAAE,CAAC;QAC1B;MACF;IACF,CAAC;IAED,eAAe,EAAE;MACf,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IAED,uBAAuB,EAAE;MACvB,wIAAwI,EACtI,CAAC,CAAC;MACJC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,SAAS;MAEtB,QAAQ,EAAE;QACR,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/profile-picture.js

@@ -1,15 +0,0 @@
-module.exports = ProfilePicture = function ProfilePicture() {
-  return {
-    '.profile-picture': {
-      '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary': {},
-      '.profile-picture-img': {
-        '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {}
-      },
-      '.icon': {
-        width: '3.8rem!important',
-        height: '3.8rem!important'
-      }
-    }
-  };
-};
-//# sourceMappingURL=profile-picture.js.map

package/dist/cjs/components/profile-picture.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"profile-picture.js","names":["module","exports","ProfilePicture","width","height"],"sources":["../../../src/components/profile-picture.js"],"sourcesContent":["module.exports = ProfilePicture = () => ({\r\n  '.profile-picture': {\r\n    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary':\r\n      {},\r\n\r\n    '.profile-picture-img': {\r\n      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {},\r\n    },\r\n    '.icon': {\r\n      width: '3.8rem!important',\r\n      height: '3.8rem!important',\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClB,8KAA8K,EAC5K,CAAC,CAAC;MAEJ,sBAAsB,EAAE;QACtB,iEAAiE,EAAE,CAAC;MACtE,CAAC;MACD,OAAO,EAAE;QACPC,KAAK,EAAE,kBAAkB;QACzBC,MAAM,EAAE;MACV;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/profile.js

@@ -1,34 +0,0 @@
-module.exports = Profile = function Profile() {
-  return {
-    '.profile-container': {
-      '@apply flex items-center': {},
-      '.profile-title': {
-        '@apply font-bold text-base m-0': {}
-      },
-      '.profile-subtitle': {
-        '@apply text-sm leading-[20px] m-0': {}
-      },
-      '&.minimal': {
-        '.profile-title': {
-          overflow: 'hidden',
-          'text-overflow': 'ellipsis',
-          display: '-webkit-box',
-          '-webkit-line-clamp': '1' /* number of lines to show */,
-          'line-clamp': '1',
-          '-webkit-box-orient': 'vertical'
-        },
-        '.profile-subtitle': {
-          overflow: 'hidden',
-          'text-overflow': 'ellipsis',
-          display: '-webkit-box',
-          '-webkit-line-clamp': '1' /* number of lines to show */,
-          'line-clamp': '1',
-          '-webkit-box-orient': 'vertical'
-        }
-      }
-
-      // '&.truncate': { '@apply truncate pr-md': {} },
-    }
-  };
-};
-//# sourceMappingURL=profile.js.map

package/dist/cjs/components/profile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"profile.js","names":["module","exports","Profile","overflow","display"],"sources":["../../../src/components/profile.js"],"sourcesContent":["module.exports = Profile = () => ({\r\n  '.profile-container': {\r\n    '@apply flex items-center': {},\r\n\r\n    '.profile-title': {\r\n      '@apply font-bold text-base m-0': {},\r\n    },\r\n    '.profile-subtitle': {\r\n      '@apply text-sm leading-[20px] m-0': {},\r\n    },\r\n\r\n    '&.minimal': {\r\n      '.profile-title': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n      '.profile-subtitle': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n    },\r\n\r\n    // '&.truncate': { '@apply truncate pr-md': {} },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,oBAAoB,EAAE;MACpB,0BAA0B,EAAE,CAAC,CAAC;MAE9B,gBAAgB,EAAE;QAChB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MACD,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC,CAAC;MAED,WAAW,EAAE;QACX,gBAAgB,EAAE;UAChBC,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB,CAAC;QACD,mBAAmB,EAAE;UACnBD,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB;MACF;;MAEA;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/search-bar.js

@@ -1,8 +0,0 @@
-module.exports = SearchBar = function SearchBar() {
-  return {
-    '.search-bar': {
-      '@apply w-full relative': {}
-    }
-  };
-};
-//# sourceMappingURL=search-bar.js.map

package/dist/cjs/components/search-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n  '.search-bar': {\r\n    '@apply w-full relative': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAG,SAAAA,UAAA;EAAA,OAAO;IAClC,aAAa,EAAE;MACb,wBAAwB,EAAE,CAAC;IAC7B;EACF,CAAC;AAAA,CAAC"}