@sk-web-gui/core 2.0.1 → 2.1.0
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/dist/cjs/components/alert-banner.js +1 -1
- package/dist/cjs/components/alert-banner.js.map +1 -1
- package/dist/cjs/components/button.js +6 -6
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/context-menu.js +30 -2
- package/dist/cjs/components/context-menu.js.map +1 -1
- package/dist/cjs/components/label.js +13 -4
- package/dist/cjs/components/label.js.map +1 -1
- package/dist/cjs/components/notification.js +2 -2
- package/dist/cjs/components/notification.js.map +1 -1
- package/dist/cjs/components/side-menu.js +7 -7
- package/dist/cjs/components/side-menu.js.map +1 -1
- package/dist/cjs/components/table-autotable.js +112 -20
- package/dist/cjs/components/table-autotable.js.map +1 -1
- package/dist/cjs/components/zebratable.js +0 -17
- package/dist/cjs/components/zebratable.js.map +1 -1
- package/dist/cjs/preset.js +3 -1
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +6 -2
- package/dist/cjs/theme.js.map +1 -1
- package/dist/esm/components/alert-banner.js +1 -1
- package/dist/esm/components/alert-banner.js.map +1 -1
- package/dist/esm/components/button.js +6 -6
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/context-menu.js +30 -2
- package/dist/esm/components/context-menu.js.map +1 -1
- package/dist/esm/components/label.js +13 -4
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/notification.js +2 -2
- package/dist/esm/components/notification.js.map +1 -1
- package/dist/esm/components/side-menu.js +7 -7
- package/dist/esm/components/side-menu.js.map +1 -1
- package/dist/esm/components/table-autotable.js +112 -20
- package/dist/esm/components/table-autotable.js.map +1 -1
- package/dist/esm/components/zebratable.js +0 -17
- package/dist/esm/components/zebratable.js.map +1 -1
- package/dist/esm/preset.js +3 -1
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js +3 -0
- package/dist/esm/theme.js.map +1 -1
- package/dist/types/components/alert-banner.d.ts +24 -0
- package/dist/types/components/button.d.ts +6 -6
- package/dist/types/components/comments.d.ts +30 -0
- package/dist/types/components/context-menu.d.ts +39 -0
- package/dist/types/components/dropdown-filter.d.ts +58 -0
- package/dist/types/components/label.d.ts +11 -3
- package/dist/types/components/notification.d.ts +48 -0
- package/dist/types/components/side-menu.d.ts +219 -0
- package/dist/types/components/tab-menu.d.ts +57 -0
- package/dist/types/components/table-autotable.d.ts +107 -15
- package/dist/types/components/zebratable.d.ts +0 -17
- package/dist/types/preset.d.ts +3 -2
- package/package.json +4 -2
- package/dist/cjs/components/calendar.js +0 -67
- package/dist/cjs/components/calendar.js.map +0 -1
- package/dist/cjs/components/message.js +0 -52
- package/dist/cjs/components/message.js.map +0 -1
- package/dist/cjs/components/profile-picture.js +0 -15
- package/dist/cjs/components/profile-picture.js.map +0 -1
- package/dist/cjs/components/profile.js +0 -34
- package/dist/cjs/components/profile.js.map +0 -1
- package/dist/cjs/components/search-bar.js +0 -8
- package/dist/cjs/components/search-bar.js.map +0 -1
- package/dist/cjs/components/tag.js +0 -72
- package/dist/cjs/components/tag.js.map +0 -1
- package/dist/esm/components/calendar.js +0 -65
- package/dist/esm/components/calendar.js.map +0 -1
- package/dist/esm/components/message.js +0 -50
- package/dist/esm/components/message.js.map +0 -1
- package/dist/esm/components/profile-picture.js +0 -13
- package/dist/esm/components/profile-picture.js.map +0 -1
- package/dist/esm/components/profile.js +0 -32
- package/dist/esm/components/profile.js.map +0 -1
- package/dist/esm/components/search-bar.js +0 -6
- package/dist/esm/components/search-bar.js.map +0 -1
- package/dist/esm/components/tag.js +0 -79
- package/dist/esm/components/tag.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n '.sk-sidemenu': {\r\n '@apply w-[440px]': {},\r\n\r\n '&-header': {\r\n '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n '.label-small': {\r\n '@apply text-[1.6rem]': {},\r\n },\r\n\r\n '.label-button': {\r\n '@apply w-full justify-between p-0 leading-[inherit]': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '&-label': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold flex items-center w-full': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '&-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '> ul.items': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '&.open > ul.items': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex-grow select-none flex items-center': {},\r\n },\r\n\r\n '&.active': {\r\n '> .sk-sidemenu-wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.sk-sidemenu-item-label': {\r\n '@apply underline': {},\r\n },\r\n },\r\n },\r\n\r\n '& .sk-sidemenu-wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n '@apply focus-visible:z-base': {},\r\n\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n '.sk-sidemenu-item-label': {\r\n '@apply text-neutral-600': {},\r\n },\r\n },\r\n },\r\n\r\n '.expand': {\r\n '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n path: {\r\n '@apply fill-gray-stroke': {},\r\n },\r\n },\r\n\r\n path: {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&.open': {\r\n '& + .menu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .sk-sidemenu-wrapper::after': {\r\n '@apply bg-info-light block relative w-full h-[44px]': {},\r\n content: \"''\",\r\n },\r\n },\r\n\r\n '&.moving': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '& .sk-sidemenu-menuitem-movebutton': {\r\n '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n svg: {\r\n '@apply h-full': {},\r\n },\r\n\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-svartvik-200': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-svartvik-200': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '&.separator': {\r\n '& + .lvl-0': {\r\n '@apply border-t border-svartvik-200': {},\r\n },\r\n },\r\n\r\n '&.separator > .sk-sidemenu-wrapper': {\r\n '@apply border-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .sk-sidemenu-wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n '.sk-sidemenu': {\r\n '@apply w-[440px]': {},\r\n\r\n '&-header': {\r\n '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n '.label-small': {\r\n '@apply text-[1.6rem]': {},\r\n },\r\n\r\n '.label-button': {\r\n '@apply w-full justify-between p-0 leading-[inherit]': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '&-label': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold flex items-center w-full': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '&-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '> ul.items': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '&.open > ul.items': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex-grow select-none flex items-center': {},\r\n },\r\n\r\n '&.active': {\r\n '> .sk-sidemenu-wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.sk-sidemenu-item-label': {\r\n '@apply underline': {},\r\n },\r\n },\r\n },\r\n\r\n '& .sk-sidemenu-wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n '@apply focus-visible:z-base': {},\r\n\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n '.sk-sidemenu-item-label': {\r\n '@apply text-neutral-600': {},\r\n },\r\n },\r\n },\r\n\r\n '.expand': {\r\n '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n path: {\r\n '@apply fill-gray-stroke': {},\r\n },\r\n },\r\n\r\n path: {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&.open': {\r\n '& + .menu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .sk-sidemenu-wrapper::after': {\r\n '@apply bg-info-surface-accent block relative w-full h-[44px]': {},\r\n content: \"''\",\r\n },\r\n },\r\n\r\n '&.moving': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '& .sk-sidemenu-menuitem-movebutton': {\r\n '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n svg: {\r\n '@apply h-full': {},\r\n },\r\n\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-divider': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-divider': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-divider': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-divider': {},\r\n },\r\n\r\n '&.separator': {\r\n '& + .lvl-0': {\r\n '@apply border-t border-divider': {},\r\n },\r\n },\r\n\r\n '&.separator > .sk-sidemenu-wrapper': {\r\n '@apply border-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .sk-sidemenu-wrapper': {\r\n '@apply border-b border-divider': {},\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -1,11 +1,22 @@
|
|
|
1
1
|
export var TableAutoTable = () => ({
|
|
2
2
|
'.sk-table-wrapper': {
|
|
3
3
|
'@apply rounded-groups': {},
|
|
4
|
-
'@apply border-1': {},
|
|
4
|
+
'@apply border-1 border-divider': {},
|
|
5
5
|
'@apply bg-background-content': {},
|
|
6
|
+
'@apply relative': {},
|
|
6
7
|
'&-inside': {
|
|
7
8
|
'@apply border-0 rounded-t-groups': {},
|
|
8
|
-
'@apply overflow-hidden': {}
|
|
9
|
+
'@apply overflow-hidden': {},
|
|
10
|
+
'@apply w-full': {},
|
|
11
|
+
'&[data-scroll="x"]': {
|
|
12
|
+
'@apply overflow-x-auto': {}
|
|
13
|
+
},
|
|
14
|
+
'&[data-scroll="y"]': {
|
|
15
|
+
'@apply overflow-y-auto': {}
|
|
16
|
+
},
|
|
17
|
+
'&[data-scroll="true"]': {
|
|
18
|
+
'@apply overflow-auto': {}
|
|
19
|
+
}
|
|
9
20
|
},
|
|
10
21
|
'&:not([data-background="true"])': {
|
|
11
22
|
'@apply border-0': {},
|
|
@@ -21,20 +32,39 @@ export var TableAutoTable = () => ({
|
|
|
21
32
|
'&-thead': {
|
|
22
33
|
'@apply border-b-1 border-dark-primary': {},
|
|
23
34
|
'@apply h-[5.6rem]': {},
|
|
35
|
+
'.sk-table-sticky-col': {
|
|
36
|
+
'@apply top-0': {},
|
|
37
|
+
'@apply h-[5.6rem]': {}
|
|
38
|
+
},
|
|
24
39
|
'&-tr': {
|
|
25
40
|
'@apply table-row': {},
|
|
26
41
|
'@apply text-label-small': {}
|
|
27
42
|
},
|
|
28
43
|
'.sk-table-th': {
|
|
29
|
-
'
|
|
30
|
-
|
|
44
|
+
'&:first-of-type': {
|
|
45
|
+
'.sk-table-sticky-col': {
|
|
46
|
+
'@apply rounded-tl-groups': {}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
'&:last-of-type': {
|
|
50
|
+
'.sk-table-sticky-col': {
|
|
51
|
+
'@apply rounded-tr-groups': {}
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
'.sk-table-col-content': {
|
|
55
|
+
'@apply py-4': {},
|
|
56
|
+
'@apply px-16': {}
|
|
57
|
+
},
|
|
31
58
|
"&[data-isColumnSortable='true']": {
|
|
32
59
|
'@apply cursor-pointer': {}
|
|
33
60
|
}
|
|
34
61
|
},
|
|
35
62
|
'@apply bg-transparent': {},
|
|
36
63
|
'&[data-background="true"]': {
|
|
37
|
-
'@apply bg-vattjom-background-200 border-b-transparent': {}
|
|
64
|
+
'@apply bg-vattjom-background-200 border-b-transparent': {},
|
|
65
|
+
'.sk-table-sticky-col': {
|
|
66
|
+
'@apply bg-vattjom-background-200': {}
|
|
67
|
+
}
|
|
38
68
|
}
|
|
39
69
|
},
|
|
40
70
|
'&-sortbutton': {
|
|
@@ -72,52 +102,114 @@ export var TableAutoTable = () => ({
|
|
|
72
102
|
'&-tr': {
|
|
73
103
|
'@apply bg-transparent': {},
|
|
74
104
|
'@apply hover:bg-background-100': {},
|
|
75
|
-
'@apply border-b-1': {},
|
|
105
|
+
'@apply border-b-1 border-divider': {},
|
|
76
106
|
'@apply last-of-type:border-b-transparent': {},
|
|
77
|
-
'@apply focus-visible:shadow-insetring': {}
|
|
107
|
+
'@apply focus-visible:shadow-insetring': {},
|
|
108
|
+
'&:hover': {
|
|
109
|
+
'.sk-table-sticky-col': {
|
|
110
|
+
'@apply bg-background-100': {}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
78
113
|
},
|
|
79
114
|
'&-td, .sk-table-th': {
|
|
80
115
|
'@apply text-small': {},
|
|
81
|
-
'@apply justify-start items-center': {},
|
|
82
|
-
'@apply gap-8': {},
|
|
83
|
-
'@apply py-8 px-18': {},
|
|
84
116
|
'@apply h-[6.3rem]': {},
|
|
85
117
|
'@apply min-h-[6.3rem]': {},
|
|
86
|
-
'
|
|
118
|
+
'.sk-table-sticky-col': {
|
|
119
|
+
'@apply h-[6.1rem]': {},
|
|
120
|
+
'@apply min-h-[6.1rem]': {}
|
|
121
|
+
},
|
|
122
|
+
'@apply focus-visible:shadow-insetring': {},
|
|
123
|
+
'.sk-table-col-content': {
|
|
124
|
+
'@apply py-8 px-18': {},
|
|
125
|
+
'@apply gap-8': {}
|
|
126
|
+
}
|
|
87
127
|
}
|
|
88
128
|
},
|
|
129
|
+
'&-col-content': {
|
|
130
|
+
'@apply flex': {},
|
|
131
|
+
'@apply w-full': {},
|
|
132
|
+
'@apply justify-start items-center': {},
|
|
133
|
+
'@apply h-full': {}
|
|
134
|
+
},
|
|
89
135
|
'&[data-dense="dense"]': {
|
|
90
136
|
'.sk-table': {
|
|
137
|
+
'&-col-content': {
|
|
138
|
+
'@apply py-0': {}
|
|
139
|
+
},
|
|
91
140
|
'&-thead': {
|
|
92
141
|
'@apply h-[4.8rem]': {},
|
|
93
|
-
'.sk-table-
|
|
94
|
-
'@apply
|
|
142
|
+
'.sk-table-sticky-col': {
|
|
143
|
+
'@apply h-[4.6rem]': {}
|
|
95
144
|
}
|
|
96
145
|
},
|
|
97
146
|
'&-tbody': {
|
|
98
147
|
'&-td, .sk-table-th': {
|
|
99
|
-
'@apply py-0': {},
|
|
100
148
|
'@apply h-[4.7rem]': {},
|
|
101
|
-
'@apply min-h-[4.7rem]': {}
|
|
149
|
+
'@apply min-h-[4.7rem]': {},
|
|
150
|
+
'.sk-table-sticky-col': {
|
|
151
|
+
'@apply h-[4.5rem]': {},
|
|
152
|
+
'@apply min-h-[4.5rem]': {}
|
|
153
|
+
}
|
|
102
154
|
}
|
|
103
155
|
}
|
|
104
156
|
}
|
|
105
157
|
},
|
|
158
|
+
'.sk-table-sticky-col': {
|
|
159
|
+
'@apply absolute': {},
|
|
160
|
+
'@apply bg-background-content': {}
|
|
161
|
+
},
|
|
162
|
+
'[data-sticky="true"]': {
|
|
163
|
+
'> .sk-table-col-content': {
|
|
164
|
+
'@apply collapse': {}
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
'&[data-hasscroll="true"]': {
|
|
168
|
+
'.sk-table-sticky-col': {
|
|
169
|
+
'@apply box-content': {}
|
|
170
|
+
},
|
|
171
|
+
'.sk-table-tbody': {
|
|
172
|
+
'.sk-table-sticky-col': {
|
|
173
|
+
'@apply border-b-primitives-overlay-darken-2 dark:border-b-primitives-overlay-lighten-3 border-b-1': {}
|
|
174
|
+
}
|
|
175
|
+
},
|
|
176
|
+
'td:first-of-type, th:first-of-type': {
|
|
177
|
+
'.sk-table-sticky-col': {
|
|
178
|
+
'@apply left-0': {},
|
|
179
|
+
'@apply border-r-1 border-r-divider': {}
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
'td:last-of-type, th:last-of-type': {
|
|
183
|
+
'.sk-table-sticky-col': {
|
|
184
|
+
'@apply border-l-1 border-r-divider': {},
|
|
185
|
+
'@apply right-0': {}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
},
|
|
106
189
|
'&-paginationwrapper': {
|
|
107
|
-
'@apply
|
|
108
|
-
'@apply shrink': {}
|
|
190
|
+
'@apply max-w-[60rem]': {},
|
|
191
|
+
'@apply shrink grow': {},
|
|
192
|
+
'@apply hidden @screen-md/footer:flex': {}
|
|
109
193
|
},
|
|
110
194
|
'&-bottom': {
|
|
195
|
+
'@apply @container/footer': {},
|
|
111
196
|
'@apply py-14 px-16': {},
|
|
112
|
-
'@apply border-t-1': {},
|
|
197
|
+
'@apply border-t-1 border-divider': {},
|
|
113
198
|
'@apply flex flex-row': {},
|
|
114
|
-
'@apply
|
|
199
|
+
'@apply flex-wrap': {},
|
|
200
|
+
'@apply @screen-lg/footer:gap-32': {},
|
|
201
|
+
'@apply @screen-md/footer:gap-16': {},
|
|
202
|
+
'@apply gap-8': {},
|
|
115
203
|
'@apply justify-between items-center': {},
|
|
116
204
|
'&-section': {
|
|
117
205
|
'@apply shrink-0': {},
|
|
118
|
-
'@apply flex flex-
|
|
206
|
+
'@apply flex flex-col': {},
|
|
119
207
|
'@apply justify-start items-center': {},
|
|
208
|
+
'@apply @screen-sm/footer:flex-row': {},
|
|
120
209
|
'@apply gap-8': {},
|
|
210
|
+
'&.sk-table-pagination-mobile': {
|
|
211
|
+
'@apply @screen-md/footer:hidden': {}
|
|
212
|
+
},
|
|
121
213
|
'&-label': {
|
|
122
214
|
'@apply font-normal': {},
|
|
123
215
|
'@apply text-small': {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n '.sk-table-wrapper': {\r\n '@apply rounded-groups': {},\r\n '@apply border-1': {},\r\n '@apply bg-background-content': {},\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n },\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-table-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n '.sk-table': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '@apply h-[5.6rem]': {},\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '.sk-table-th': {\r\n '@apply py-4': {},\r\n '@apply px-16': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply pr-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmode='ascending']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmode='descending']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n '@apply focus-visible:shadow-insetring': {},\r\n },\r\n\r\n '&-td, .sk-table-th': {\r\n '@apply text-small': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '@apply py-8 px-18': {},\r\n '@apply h-[6.3rem]': {},\r\n '@apply min-h-[6.3rem]': {},\r\n '@apply focus-visible:shadow-insetring': {},\r\n },\r\n },\r\n\r\n '&[data-dense=\"dense\"]': {\r\n '.sk-table': {\r\n '&-thead': {\r\n '@apply h-[4.8rem]': {},\r\n '.sk-table-th': {\r\n '@apply py-0': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td, .sk-table-th': {\r\n '@apply py-0': {},\r\n '@apply h-[4.7rem]': {},\r\n '@apply min-h-[4.7rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full max-w-[60rem]': {},\r\n '@apply shrink': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1': {},\r\n '@apply flex flex-row': {},\r\n '@apply gap-32': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-row': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n '.sk-table-wrapper': {\r\n '@apply rounded-groups': {},\r\n '@apply border-1 border-divider': {},\r\n '@apply bg-background-content': {},\r\n '@apply relative': {},\r\n\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n '@apply w-full': {},\r\n '&[data-scroll=\"x\"]': {\r\n '@apply overflow-x-auto': {},\r\n },\r\n '&[data-scroll=\"y\"]': {\r\n '@apply overflow-y-auto': {},\r\n },\r\n '&[data-scroll=\"true\"]': {\r\n '@apply overflow-auto': {},\r\n },\r\n },\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-table-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n '.sk-table': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '@apply h-[5.6rem]': {},\r\n '.sk-table-sticky-col': {\r\n '@apply top-0': {},\r\n '@apply h-[5.6rem]': {},\r\n },\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '.sk-table-th': {\r\n '&:first-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tl-groups': {},\r\n },\r\n },\r\n '&:last-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tr-groups': {},\r\n },\r\n },\r\n '.sk-table-col-content': {\r\n '@apply py-4': {},\r\n '@apply px-16': {},\r\n },\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n '.sk-table-sticky-col': {\r\n '@apply bg-vattjom-background-200': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply pr-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmode='ascending']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmode='descending']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1 border-divider': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n '@apply focus-visible:shadow-insetring': {},\r\n '&:hover': {\r\n '.sk-table-sticky-col': {\r\n '@apply bg-background-100': {},\r\n },\r\n },\r\n },\r\n\r\n '&-td, .sk-table-th': {\r\n '@apply text-small': {},\r\n '@apply h-[6.3rem]': {},\r\n '@apply min-h-[6.3rem]': {},\r\n '.sk-table-sticky-col': {\r\n '@apply h-[6.1rem]': {},\r\n '@apply min-h-[6.1rem]': {},\r\n },\r\n '@apply focus-visible:shadow-insetring': {},\r\n '.sk-table-col-content': {\r\n '@apply py-8 px-18': {},\r\n '@apply gap-8': {},\r\n },\r\n },\r\n },\r\n\r\n '&-col-content': {\r\n '@apply flex': {},\r\n '@apply w-full': {},\r\n '@apply justify-start items-center': {},\r\n '@apply h-full': {},\r\n },\r\n\r\n '&[data-dense=\"dense\"]': {\r\n '.sk-table': {\r\n '&-col-content': {\r\n '@apply py-0': {},\r\n },\r\n '&-thead': {\r\n '@apply h-[4.8rem]': {},\r\n '.sk-table-sticky-col': {\r\n '@apply h-[4.6rem]': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td, .sk-table-th': {\r\n '@apply h-[4.7rem]': {},\r\n '@apply min-h-[4.7rem]': {},\r\n '.sk-table-sticky-col': {\r\n '@apply h-[4.5rem]': {},\r\n '@apply min-h-[4.5rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.sk-table-sticky-col': {\r\n '@apply absolute': {},\r\n '@apply bg-background-content': {},\r\n },\r\n\r\n '[data-sticky=\"true\"]': {\r\n '> .sk-table-col-content': {\r\n '@apply collapse': {},\r\n },\r\n },\r\n\r\n '&[data-hasscroll=\"true\"]': {\r\n '.sk-table-sticky-col': {\r\n '@apply box-content': {},\r\n },\r\n '.sk-table-tbody': {\r\n '.sk-table-sticky-col': {\r\n '@apply border-b-primitives-overlay-darken-2 dark:border-b-primitives-overlay-lighten-3 border-b-1': {},\r\n },\r\n },\r\n 'td:first-of-type, th:first-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply left-0': {},\r\n '@apply border-r-1 border-r-divider': {},\r\n },\r\n },\r\n 'td:last-of-type, th:last-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply border-l-1 border-r-divider': {},\r\n '@apply right-0': {},\r\n },\r\n },\r\n },\r\n '&-paginationwrapper': {\r\n '@apply max-w-[60rem]': {},\r\n '@apply shrink grow': {},\r\n '@apply hidden @screen-md/footer:flex': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply @container/footer': {},\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1 border-divider': {},\r\n '@apply flex flex-row': {},\r\n '@apply flex-wrap': {},\r\n '@apply @screen-lg/footer:gap-32': {},\r\n '@apply @screen-md/footer:gap-16': {},\r\n '@apply gap-8': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-col': {},\r\n '@apply justify-start items-center': {},\r\n '@apply @screen-sm/footer:flex-row': {},\r\n '@apply gap-8': {},\r\n '&.sk-table-pagination-mobile': {\r\n '@apply @screen-md/footer:hidden': {},\r\n },\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -33,13 +33,6 @@ export var ZebraTable = () => ({
|
|
|
33
33
|
'@apply cursor-pointer': {}
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
|
-
'&-manualth': {
|
|
37
|
-
'@apply py-4': {},
|
|
38
|
-
'@apply px-16': {},
|
|
39
|
-
"&[data-isColumnSortable='true']": {
|
|
40
|
-
'@apply cursor-pointer': {}
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
36
|
'@apply bg-transparent': {},
|
|
44
37
|
'&[data-background="true"]': {
|
|
45
38
|
'@apply bg-vattjom-background-200 border-b-transparent': {}
|
|
@@ -93,16 +86,6 @@ export var ZebraTable = () => ({
|
|
|
93
86
|
'@apply h-[6.3rem]': {},
|
|
94
87
|
'@apply min-h-[6.3rem]': {}
|
|
95
88
|
}
|
|
96
|
-
},
|
|
97
|
-
'&-manualtd': {
|
|
98
|
-
'@apply text-small': {},
|
|
99
|
-
'&-content': {
|
|
100
|
-
'@apply justify-start items-center': {},
|
|
101
|
-
'@apply gap-8': {},
|
|
102
|
-
'@apply py-8 px-18': {},
|
|
103
|
-
'@apply h-[6.3rem]': {},
|
|
104
|
-
'@apply min-h-[6.3rem]': {}
|
|
105
|
-
}
|
|
106
89
|
}
|
|
107
90
|
},
|
|
108
91
|
'&[data-dense="true"]': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zebratable.js","names":["ZebraTable","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n '.sk-zebratable-wrapper': {\r\n '@apply rounded-groups': {},\r\n '@apply border-1': {},\r\n '@apply bg-background-content': {},\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n },\r\n '&[data-variant=\"table\"]': {\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-zebratable-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n },\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '@apply h-48': {},\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-4': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '
|
|
1
|
+
{"version":3,"file":"zebratable.js","names":["ZebraTable","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n '.sk-zebratable-wrapper': {\r\n '@apply rounded-groups': {},\r\n '@apply border-1': {},\r\n '@apply bg-background-content': {},\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n },\r\n '&[data-variant=\"table\"]': {\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-zebratable-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n },\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '@apply h-48': {},\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-4': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply px-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n },\r\n\r\n '&-td': {\r\n '@apply text-small': {},\r\n '&-content': {\r\n '@apply inline-flex': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '@apply py-8 px-18': {},\r\n '@apply h-[6.3rem]': {},\r\n '@apply min-h-[6.3rem]': {},\r\n },\r\n },\r\n },\r\n\r\n '&[data-dense=\"true\"]': {\r\n '.sk-zebratable': {\r\n '&-thead': {\r\n '&-th': {\r\n '@apply py-4': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td-content': {\r\n '@apply py-0': {},\r\n '@apply h-[4.7rem]': {},\r\n '@apply min-h-[4.7rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full max-w-[60rem]': {},\r\n '@apply shrink': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1': {},\r\n '@apply flex flex-row': {},\r\n '@apply gap-32': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-row': {},\r\n '@apply justify-start items-center': {},\r\n '@apply gap-8': {},\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
package/dist/esm/preset.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import tailwindForms from '@tailwindcss/forms';
|
|
2
|
+
import tailwindContainerQueries from '@tailwindcss/container-queries';
|
|
2
3
|
import plugin from './plugin';
|
|
3
4
|
var preset = function preset(options) {
|
|
4
5
|
if (options === void 0) {
|
|
5
6
|
options = {
|
|
6
7
|
tailwindForms: true,
|
|
8
|
+
tailwindContainers: true,
|
|
7
9
|
plugin: {
|
|
8
10
|
colors: [],
|
|
9
11
|
cssBase: true
|
|
@@ -11,7 +13,7 @@ var preset = function preset(options) {
|
|
|
11
13
|
};
|
|
12
14
|
}
|
|
13
15
|
return {
|
|
14
|
-
plugins: [...(options.tailwindForms ? [tailwindForms()] : []), plugin(options.plugin)]
|
|
16
|
+
plugins: [...(options.tailwindForms ? [tailwindForms()] : []), ...(options.tailwindContainers ? [tailwindContainerQueries] : []), plugin(options.plugin)]
|
|
15
17
|
};
|
|
16
18
|
};
|
|
17
19
|
export default preset;
|
package/dist/esm/preset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","names":["tailwindForms","plugin","preset","options","colors","cssBase","plugins"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport plugin from './plugin';\r\n\r\nconst preset = function (options = { tailwindForms: true, plugin: { colors: [], cssBase: true } }) {\r\n return {\r\n plugins: [...(options.tailwindForms ? [tailwindForms()] : [])
|
|
1
|
+
{"version":3,"file":"preset.js","names":["tailwindForms","tailwindContainerQueries","plugin","preset","options","tailwindContainers","colors","cssBase","plugins"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\n\r\nconst preset = function (\r\n options = { tailwindForms: true, tailwindContainers: true, plugin: { colors: [], cssBase: true } }\r\n) {\r\n return {\r\n plugins: [\r\n ...(options.tailwindForms ? [tailwindForms()] : []),\r\n ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n plugin(options.plugin),\r\n ],\r\n };\r\n};\r\nexport default preset;\r\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,wBAAwB,MAAM,gCAAgC;AACrE,OAAOC,MAAM,MAAM,UAAU;AAE7B,IAAMC,MAAM,GAAG,SAATA,MAAMA,CACVC,OAAO,EACP;EAAA,IADAA,OAAO;IAAPA,OAAO,GAAG;MAAEJ,aAAa,EAAE,IAAI;MAAEK,kBAAkB,EAAE,IAAI;MAAEH,MAAM,EAAE;QAAEI,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAElG,OAAO;IACLC,OAAO,EAAE,CACP,IAAIJ,OAAO,CAACJ,aAAa,GAAG,CAACA,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EACnD,IAAII,OAAO,CAACC,kBAAkB,GAAG,CAACJ,wBAAwB,CAAC,GAAG,EAAE,CAAC,EACjEC,MAAM,CAACE,OAAO,CAACF,MAAM,CAAC;EAE1B,CAAC;AACH,CAAC;AACD,eAAeC,MAAM"}
|
package/dist/esm/theme.js
CHANGED
|
@@ -5,6 +5,9 @@ import { units } from './units';
|
|
|
5
5
|
import { screens } from '@sk-web-gui/theme';
|
|
6
6
|
var theme = {
|
|
7
7
|
extend: {
|
|
8
|
+
containers: Object.keys(screens).reduce((containers, screenKey, index) => _extends({}, containers, {
|
|
9
|
+
["screen-" + screenKey]: Object.values(screens)[index]
|
|
10
|
+
}), {}),
|
|
8
11
|
fontSize: _extends({}, units.fontSizes, {
|
|
9
12
|
tiny: '1rem',
|
|
10
13
|
xs: '1.2rem',
|
package/dist/esm/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","theme","extend","
|
|
1
|
+
{"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","theme","extend","containers","Object","keys","reduce","screenKey","index","_extends","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n extend: {\r\n containers: Object.keys(screens).reduce(\r\n (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\r\n {}\r\n ),\r\n fontSize: {\r\n ...units.fontSizes,\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n xl: units.fontSizes['h4'],\r\n '2xl': units.fontSizes['h3'],\r\n '3xl': units.fontSizes['h2'],\r\n '4xl': units.fontSizes['h1'],\r\n '5xl': units.fontSizes['h3'],\r\n },\r\n fontFamily: {\r\n DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n backgroundPosition: {\r\n ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n (positions, spaceKey) => ({\r\n ...positions,\r\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n }),\r\n {}\r\n ),\r\n },\r\n boxShadow: {\r\n '50': `\r\n 0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\r\n 0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\r\n `,\r\n '100': `\r\n 0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\r\n 0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\r\n 0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\r\n 0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\r\n `,\r\n '200': `\r\n 0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\r\n 0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\r\n 0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\r\n 0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\r\n `,\r\n insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: '0.2rem',\r\n },\r\n ringWidth: {\r\n DEFAULT: '0.3rem',\r\n 0: '0px',\r\n },\r\n ringOpacity: {\r\n DEFAULT: '1px',\r\n },\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n gray: {\r\n DEFAULT: colors.primitives.gray[600],\r\n stroke: colors.divider,\r\n middle: colors.primitives.gray[600],\r\n light: colors.primitives.gray[300],\r\n lighter: colors.primitives.gray[200],\r\n ...colors.primitives.gray,\r\n },\r\n hover: colors.primitives.gray[600],\r\n background: {\r\n ...colors.background,\r\n one: colors.background[100],\r\n two: colors.background[200],\r\n },\r\n },\r\n cursor: {\r\n base: 'var(--tw-cursor)',\r\n },\r\n spacing: {\r\n ...units.spacing,\r\n xs: units.spacing[4],\r\n sm: units.spacing[8],\r\n md: units.spacing[16],\r\n lg: units.spacing[24],\r\n xl: units.spacing[48],\r\n },\r\n maxWidth: {\r\n content: screens['desktop-max'],\r\n },\r\n lineHeight: {\r\n ...units.lineHeights,\r\n xs: '1.6rem',\r\n xl: units.lineHeights['h4'],\r\n '2xl': units.lineHeights['h3'],\r\n '3xl': units.lineHeights['h2'],\r\n '4xl': units.lineHeights['h1'],\r\n '5xl': units.lineHeights['display-3'],\r\n },\r\n opacity: {\r\n '15': '0.15',\r\n },\r\n borderWidth: {\r\n DEFAULT: '0.2rem',\r\n '1': '0.1rem',\r\n '2': '0.2rem',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--sk-colors-primary-surface'),\r\n fill: withOpacity('--sk-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n muted: withOpacity('--sk-colors-xt-muted'),\r\n },\r\n\r\n zIndex: {\r\n hide: '-1',\r\n none: '0',\r\n base: '1',\r\n docked: '10',\r\n dropdown: '1000',\r\n sticky: '1100',\r\n banner: '1200',\r\n overlay: '1300',\r\n modal: '1400',\r\n popover: '1500',\r\n skipLink: '1600',\r\n toast: '1700',\r\n tooltip: '1800',\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\nexport { theme };\r\n"],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare function _exports(): {
|
|
2
|
+
'.alert-banner': {
|
|
3
|
+
'@apply p-md': {};
|
|
4
|
+
'&-content': {
|
|
5
|
+
'@apply w-full m-auto flex': {};
|
|
6
|
+
'&-wrapper': {
|
|
7
|
+
'@apply flex-grow flex': {};
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
'&-icon': {
|
|
11
|
+
'@apply mr-[10px]': {};
|
|
12
|
+
};
|
|
13
|
+
'&-children': {
|
|
14
|
+
'@apply w-full underline inline-block max-w-[800px] text-body text-base': {};
|
|
15
|
+
};
|
|
16
|
+
'&-close': {
|
|
17
|
+
'@apply p-4 -m-4 flex flex-col': {};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
'.tab': {
|
|
21
|
+
'@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export = _exports;
|
|
@@ -38,7 +38,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
38
38
|
minWidth: string;
|
|
39
39
|
width: string;
|
|
40
40
|
maxWidth: string;
|
|
41
|
-
svg: {
|
|
41
|
+
'svg, .sk-icon': {
|
|
42
42
|
'@apply h-[2rem] w-[2rem]': {};
|
|
43
43
|
};
|
|
44
44
|
};
|
|
@@ -46,7 +46,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
46
46
|
minWidth: string;
|
|
47
47
|
width: string;
|
|
48
48
|
maxWidth: string;
|
|
49
|
-
svg: {
|
|
49
|
+
'svg, .sk-icon': {
|
|
50
50
|
'@apply h-[2rem] w-[2rem]': {};
|
|
51
51
|
};
|
|
52
52
|
};
|
|
@@ -54,7 +54,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
54
54
|
minWidth: string;
|
|
55
55
|
width: string;
|
|
56
56
|
maxWidth: string;
|
|
57
|
-
svg: {
|
|
57
|
+
'svg, .sk-icon': {
|
|
58
58
|
'@apply h-[2.4rem] w-[2.4rem]': {};
|
|
59
59
|
};
|
|
60
60
|
};
|
|
@@ -168,7 +168,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
168
168
|
'@apply px-14 py-8 gap-6': {};
|
|
169
169
|
'@apply max-h-[3.2rem] h-[3.2rem]': {};
|
|
170
170
|
'@apply rounded-button-sm': {};
|
|
171
|
-
svg: {
|
|
171
|
+
'svg, .sk-icon': {
|
|
172
172
|
'@apply h-[1.6rem] w-[1.6rem]': {};
|
|
173
173
|
};
|
|
174
174
|
};
|
|
@@ -177,7 +177,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
177
177
|
'@apply px-18 py-8 gap-8': {};
|
|
178
178
|
'@apply max-h-[4rem] h-[4rem]': {};
|
|
179
179
|
'@apply rounded-button-md': {};
|
|
180
|
-
svg: {
|
|
180
|
+
'svg, .sk-icon': {
|
|
181
181
|
'@apply h-[1.8rem] w-[1.8rem]': {};
|
|
182
182
|
};
|
|
183
183
|
};
|
|
@@ -186,7 +186,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
186
186
|
'@apply px-24 py-8 gap-8': {};
|
|
187
187
|
'@apply max-h-[4.8rem] h-[4.8rem]': {};
|
|
188
188
|
'@apply rounded-button-lg': {};
|
|
189
|
-
svg: {
|
|
189
|
+
'svg, .sk-icon': {
|
|
190
190
|
'@apply h-[2rem] w-[2rem]': {};
|
|
191
191
|
};
|
|
192
192
|
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
declare function _exports(): {
|
|
2
|
+
'.comment-header': {
|
|
3
|
+
'@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {};
|
|
4
|
+
};
|
|
5
|
+
'.comment-item': {
|
|
6
|
+
'@apply w-full': {};
|
|
7
|
+
'&-container': {
|
|
8
|
+
'@apply flex justify-between relative': {};
|
|
9
|
+
'&-textpic': {
|
|
10
|
+
'@apply flex gap-2': {};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
'&-text': {
|
|
14
|
+
'@apply text-base font-bold mx-0 mb-0 mt-4': {};
|
|
15
|
+
};
|
|
16
|
+
'&-commentorpublished': {
|
|
17
|
+
'@apply float-right text-neutral-600 m-0': {};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
'.comment-input': {
|
|
21
|
+
'@apply w-full flex gap-4 px-10 pt-8 pb-10': {};
|
|
22
|
+
'&-inactive': {
|
|
23
|
+
'@apply text-neutral-300 !text-3xl': {};
|
|
24
|
+
};
|
|
25
|
+
'&-active': {
|
|
26
|
+
'@apply text-primary !text-3xl': {};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export = _exports;
|