@sk-web-gui/core 3.11.1 → 3.12.0

package/dist/cjs/components/ai/ai-corner-module.js

@@ -228,10 +228,14 @@ var AICornerModule = function(colors) {
                 },
                 '&[data-variant="alt"]': {
                     '@apply pt-0 px-24': {},
+                    '@apply h-auto': {},
                     '@apply bg-transparent': {},
-                    '.sk-avatar': {
+                    '.sk-ai-assistant-avatar': {
                         '@apply w-40 h-40 lg:w-56 lg:h-56': {}
                     },
+                    '.sk-ai-corner-module-header-heading': {
+                        '@apply pb-4': {}
+                    },
                     '.sk-ai-corner-module-header-heading-name': {
                         '@apply text-label-large text-dark-primary': {}
                     },

package/dist/cjs/components/ai/ai-corner-module.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ai/ai-corner-module.ts"],"sourcesContent":["export const AICornerModule = (colors: string[]) => ({\r\n  '.sk-ai-corner-module': {\r\n    '@apply fixed': {},\r\n    '@apply max-w-full': {},\r\n    '@apply max-h-full': {},\r\n    '@apply z-50': {},\r\n    '@apply flex flex-col gap-0 items-center justify-start': {},\r\n    '@apply shadow-200': {},\r\n    '@apply transition-all': {},\r\n    '@apply duration-300': {},\r\n    '@apply bottom-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&-content': {\r\n      '@apply flex w-full gap-0 h-full justify-between': {},\r\n      '@apply relative': {},\r\n      '&-row': {\r\n        '@apply flex flex-col': {},\r\n      },\r\n      '&-main': {\r\n        '@apply grow shrink max-h-full max-w-full items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sidebar': {\r\n      '@apply flex flex-col': {},\r\n      '@apply lg:w-[22em]': {},\r\n      '@apply h-full': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply border-r-1 border-r-divider': {},\r\n      '@apply pt-20 px-0 gap-16': {},\r\n      '&-sessions': {\r\n        '@apply flex flex-col': {},\r\n        '@apply grow w-full': {},\r\n        '@apply overflow-y-auto': {},\r\n        '@apply px-24 pb-20 gap-16': {},\r\n      },\r\n    },\r\n    '&-feed': {\r\n      '@apply flex flex-col grow': {},\r\n      '@apply px-16 pt-16 pb-24 gap-16': {},\r\n      '@apply w-full': {},\r\n      '@apply max-h-full overflow-y-auto': {},\r\n      '@apply max-w-full overflow-x-hidden': {},\r\n      '&-readmore': {\r\n        '@apply text-center': {},\r\n        '@apply max-w-[29em]': {},\r\n        '@apply px-24 pb-16 pt-0': {},\r\n      },\r\n      '&-questions': {\r\n        '@apply flex flex-col gap-8 w-full': {},\r\n        '&-title': {\r\n          '@apply text-label-medium text-dark-primary': {},\r\n        },\r\n        '&-wrapper': {\r\n          '@apply flex flex-col gap-16 w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-inputsection': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&[data-fullscreen=\"false\"]': {\r\n      '@apply rounded-tl-groups': {},\r\n      '@apply max-w-[26em]': {},\r\n      '@apply w-[26em]': {},\r\n      '@apply max-h-[calc(100%-1em)]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply max-w-full': {},\r\n        '@apply w-full': {},\r\n        '@apply max-h-full': {},\r\n      },\r\n      '&[data-docked=\"false\"]': {\r\n        '@apply h-[44em]': {},\r\n        '&[data-mobile=\"true\"]': {\r\n          '@apply h-full': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-mobile=\"true\"]': {\r\n      '.sk-ai-corner-module-feed': {\r\n        '&-readmore': {\r\n          '@apply max-w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-feed': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&[data-fullscreen=\"true\"]': {\r\n      '@apply w-full': {},\r\n      '.sk-ai-corner-module-feed': {\r\n        '@apply gap-40 grow w-full items-center': {},\r\n        '.sk-ai-feed': {\r\n          '@apply text-base max-w-[50em]': {},\r\n        },\r\n        '&-questions': {\r\n          '@apply flex-row gap-16': {},\r\n          '&-wrapper': {\r\n            '@apply text-base max-w-[50em]': {},\r\n          },\r\n        },\r\n      },\r\n      '.sk-ai-inputsection': {\r\n        '@apply text-base max-w-[50em]': {},\r\n        '@apply pt-20 pb-32': {},\r\n      },\r\n    },\r\n    '&[data-docked=\"true\"]': {\r\n      '@apply h-64 md:w-[19em]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n    '&-header': {\r\n      '@apply h-64': {},\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply w-full': {},\r\n      '@apply shrink-0': {},\r\n      '@apply px-14 py-16': {},\r\n      '@apply transition-all': {},\r\n      '@apply bg-inverted-background-content': {},\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply rounded-tl-groups': {},\r\n\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n      },\r\n      '&[data-docked=\"true\"]': {\r\n        '@apply px-12 pt-10 pb-12': {},\r\n        '@apply cursor-pointer': {},\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply flex justify-start items-center': {},\r\n        '@apply gap-12 pr-16': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply flex flex-col gap-0': {},\r\n        '&-name': {\r\n          '@apply text-label-medium': {},\r\n        },\r\n        '&-subtitle': {\r\n          '@apply text-small text-inverted-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&-menu': {\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply gap-12': {},\r\n        '&-item': {\r\n          '@apply relative flex justify-center': {},\r\n          '.sk-tooltip': {\r\n            '@apply absolute w-max': {},\r\n            '&[data-position=\"below\"]': {\r\n              '@apply top-full': {},\r\n              '@apply mt-12': {},\r\n            },\r\n            '&[data-position=\"above\"]': {\r\n              '@apply bottom-full': {},\r\n              '@apply mb-12': {},\r\n            },\r\n            '&[data-rightoutside=\"true\"]': {\r\n              '@apply ml-[-100%]': {},\r\n              '@apply w-auto': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply pt-0 px-24': {},\r\n        '@apply bg-transparent': {},\r\n        '.sk-avatar': {\r\n          '@apply w-40 h-40 lg:w-56 lg:h-56': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-name': {\r\n          '@apply text-label-large text-dark-primary': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-subtitle': {\r\n          '@apply text-small text-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&[data-fullscreen=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply px-20 pt-20 pb-12': {},\r\n      },\r\n    },\r\n    '&-sessions': {\r\n      '@apply px-20': {},\r\n      '&-group': {\r\n        '@apply py-8 px-12': {},\r\n      },\r\n      '&-history': {\r\n        '@apply flex flex-col p-8 gap-16': {},\r\n        '&-list': {\r\n          '@apply flex flex-col p-0 gap-8': {},\r\n          '[role=\"menuitem\"]': {\r\n            '@apply max-w-full': {},\r\n            '@apply max-h-none h-auto text-wrap text-left': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '.sk-avatar': {\r\n      '@apply transition-all duration-500': {},\r\n    },\r\n    '&-mobile-menu': {\r\n      '@apply rounded-0 py-16 absolute top-0 bottom-0 overflow-x-hidden': {},\r\n      '@apply px-0': {},\r\n      '@apply rounded-l-button': {},\r\n      '@apply bg-background-100': {},\r\n      '@apply shadow-100': {},\r\n      '@apply transition-all': {},\r\n\r\n      '&-top-bar': {\r\n        '@apply flex justify-between items-start': {},\r\n        '@apply pl-0 pr-16': {},\r\n        '.sk-ai-corner-module-header': {\r\n          '@apply shrink': {},\r\n        },\r\n      },\r\n      '&-content': {\r\n        '@apply flex flex-col pt-8': {},\r\n        '[role=\"menuitem\"]': {\r\n          '@apply w-full': {},\r\n        },\r\n      },\r\n      '&[data-show=\"true\"]': {\r\n        '@apply left-16 right-0': {},\r\n      },\r\n      '&[data-show=\"false\"]': {\r\n        '@apply w-0 h-0 left-full': {},\r\n        '.sk-ai-corner-module-mobile-menu': {\r\n          '&-top-bar': {\r\n            '@apply hidden': {},\r\n          },\r\n          '&-content': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    //ASSISTANT LIBRARY\r\n    '&-assistant-library': {\r\n      '@apply flex justify-between items-center': {},\r\n      '@apply pl-20 pr-14 py-0': {},\r\n      '@apply h-80': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&-menu': {\r\n        '@apply flex gap-12': {},\r\n        '@apply p-0 m-0': {},\r\n        '&-item': {\r\n          '@apply h-52 w-52': {},\r\n          '@apply rounded-groups': {},\r\n          '@apply relative': {},\r\n          '@apply flex justify-center': {},\r\n          '&-button, & > *:first-child': {\r\n            '@apply h-52 w-52': {},\r\n            '@apply gap-0': {},\r\n            '@apply rounded-groups': {},\r\n            '@apply p-6': {},\r\n            '.sk-ai-assistant-avatar': {\r\n              '@apply w-40 h-40': {},\r\n            },\r\n            '&[aria-current]:not([aria-current=\"false\"])': {\r\n              '@apply bg-primary-surface': {},\r\n              '.sk-ai-assistant-avatar': {\r\n                '@apply ring-1 ring-background-content': {},\r\n              },\r\n            },\r\n          },\r\n          '.sk-tooltip': {\r\n            '@apply absolute top-full mt-4': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["AICornerModule","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,iBAAiB,SAACC;WAAsB;QACnD,wBAAwB;YACtB,gBAAgB,CAAC;YACjB,qBAAqB,CAAC;YACtB,qBAAqB,CAAC;YACtB,eAAe,CAAC;YAChB,yDAAyD,CAAC;YAC1D,qBAAqB,CAAC;YACtB,yBAAyB,CAAC;YAC1B,uBAAuB,CAAC;YACxB,2BAA2B,CAAC;YAC5B,gCAAgC,CAAC;YAEjC,aAAa;gBACX,mDAAmD,CAAC;gBACpD,mBAAmB,CAAC;gBACpB,SAAS;oBACP,wBAAwB,CAAC;gBAC3B;gBACA,UAAU;oBACR,yDAAyD,CAAC;gBAC5D;YACF;YAEA,aAAa;gBACX,wBAAwB,CAAC;gBACzB,sBAAsB,CAAC;gBACvB,iBAAiB,CAAC;gBAClB,0BAA0B,CAAC;gBAC3B,sCAAsC,CAAC;gBACvC,4BAA4B,CAAC;gBAC7B,cAAc;oBACZ,wBAAwB,CAAC;oBACzB,sBAAsB,CAAC;oBACvB,0BAA0B,CAAC;oBAC3B,6BAA6B,CAAC;gBAChC;YACF;YACA,UAAU;gBACR,6BAA6B,CAAC;gBAC9B,mCAAmC,CAAC;gBACpC,iBAAiB,CAAC;gBAClB,qCAAqC,CAAC;gBACtC,uCAAuC,CAAC;gBACxC,cAAc;oBACZ,sBAAsB,CAAC;oBACvB,uBAAuB,CAAC;oBACxB,2BAA2B,CAAC;gBAC9B;gBACA,eAAe;oBACb,qCAAqC,CAAC;oBACtC,WAAW;wBACT,8CAA8C,CAAC;oBACjD;oBACA,aAAa;wBACX,sCAAsC,CAAC;oBACzC;gBACF;YACF;YACA,uBAAuB;gBACrB,mBAAmB,CAAC;YACtB;YACA,8BAA8B;gBAC5B,4BAA4B,CAAC;gBAC7B,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBACpB,iCAAiC,CAAC;gBAClC,yBAAyB;oBACvB,0BAA0B,CAAC;oBAC3B,qBAAqB,CAAC;oBACtB,iBAAiB,CAAC;oBAClB,qBAAqB,CAAC;gBACxB;gBACA,0BAA0B;oBACxB,mBAAmB,CAAC;oBACpB,yBAAyB;wBACvB,iBAAiB,CAAC;oBACpB;gBACF;YACF;YAEA,yBAAyB;gBACvB,6BAA6B;oBAC3B,cAAc;wBACZ,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,eAAe;gBACb,iBAAiB,CAAC;YACpB;YACA,6BAA6B;gBAC3B,iBAAiB,CAAC;gBAClB,6BAA6B;oBAC3B,0CAA0C,CAAC;oBAC3C,eAAe;wBACb,iCAAiC,CAAC;oBACpC;oBACA,eAAe;wBACb,0BAA0B,CAAC;wBAC3B,aAAa;4BACX,iCAAiC,CAAC;wBACpC;oBACF;gBACF;gBACA,uBAAuB;oBACrB,iCAAiC,CAAC;oBAClC,sBAAsB,CAAC;gBACzB;YACF;YACA,yBAAyB;gBACvB,2BAA2B,CAAC;gBAC5B,yBAAyB;oBACvB,iBAAiB,CAAC;gBACpB;YACF;YACA,YAAY;gBACV,eAAe,CAAC;gBAChB,4CAA4C,CAAC;gBAC7C,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;gBACpB,sBAAsB,CAAC;gBACvB,yBAAyB,CAAC;gBAC1B,yCAAyC,CAAC;gBAC1C,qCAAqC,CAAC;gBACtC,4BAA4B,CAAC;gBAE7B,yBAAyB;oBACvB,0BAA0B,CAAC;gBAC7B;gBACA,yBAAyB;oBACvB,4BAA4B,CAAC;oBAC7B,yBAAyB,CAAC;gBAC5B;gBAEA,WAAW;oBACT,0CAA0C,CAAC;oBAC3C,uBAAuB,CAAC;gBAC1B;gBACA,aAAa;oBACX,8BAA8B,CAAC;oBAC/B,UAAU;wBACR,4BAA4B,CAAC;oBAC/B;oBACA,cAAc;wBACZ,kDAAkD,CAAC;oBACrD;gBACF;gBAEA,UAAU;oBACR,2CAA2C,CAAC;oBAC5C,iBAAiB,CAAC;oBAClB,UAAU;wBACR,uCAAuC,CAAC;wBACxC,eAAe;4BACb,yBAAyB,CAAC;4BAC1B,4BAA4B;gCAC1B,mBAAmB,CAAC;gCACpB,gBAAgB,CAAC;4BACnB;4BACA,4BAA4B;gCAC1B,sBAAsB,CAAC;gCACvB,gBAAgB,CAAC;4BACnB;4BACA,+BAA+B;gCAC7B,qBAAqB,CAAC;gCACtB,iBAAiB,CAAC;4BACpB;wBACF;oBACF;gBACF;gBAEA,yBAAyB;oBACvB,qBAAqB,CAAC;oBACtB,yBAAyB,CAAC;oBAC1B,cAAc;wBACZ,oCAAoC,CAAC;oBACvC;oBACA,4CAA4C;wBAC1C,6CAA6C,CAAC;oBAChD;oBACA,gDAAgD;wBAC9C,yCAAyC,CAAC;oBAC5C;gBACF;eAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;uBAAW,wCACfD,SAEH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OACtB,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;eAG7C,CAAC;gBAEH,6BAA6B;oBAC3B,0BAA0B,CAAC;oBAC3B,gCAAgC,CAAC;oBACjC,4BAA4B,CAAC;oBAC7B,4BAA4B,CAAC;gBAC/B;;YAEF,cAAc;gBACZ,gBAAgB,CAAC;gBACjB,WAAW;oBACT,qBAAqB,CAAC;gBACxB;gBACA,aAAa;oBACX,mCAAmC,CAAC;oBACpC,UAAU;wBACR,kCAAkC,CAAC;wBACnC,qBAAqB;4BACnB,qBAAqB,CAAC;4BACtB,gDAAgD,CAAC;wBACnD;oBACF;gBACF;YACF;YACA,cAAc;gBACZ,sCAAsC,CAAC;YACzC;YACA,iBAAiB;gBACf,oEAAoE,CAAC;gBACrE,eAAe,CAAC;gBAChB,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,qBAAqB,CAAC;gBACtB,yBAAyB,CAAC;gBAE1B,aAAa;oBACX,2CAA2C,CAAC;oBAC5C,qBAAqB,CAAC;oBACtB,+BAA+B;wBAC7B,iBAAiB,CAAC;oBACpB;gBACF;gBACA,aAAa;oBACX,6BAA6B,CAAC;oBAC9B,qBAAqB;wBACnB,iBAAiB,CAAC;oBACpB;gBACF;gBACA,uBAAuB;oBACrB,0BAA0B,CAAC;gBAC7B;gBACA,wBAAwB;oBACtB,4BAA4B,CAAC;oBAC7B,oCAAoC;wBAClC,aAAa;4BACX,iBAAiB,CAAC;wBACpB;wBACA,aAAa;4BACX,iBAAiB,CAAC;wBACpB;oBACF;gBACF;YACF;YAEA,mBAAmB;YACnB,uBAAuB;gBACrB,4CAA4C,CAAC;gBAC7C,2BAA2B,CAAC;gBAC5B,eAAe,CAAC;gBAChB,gCAAgC,CAAC;gBAEjC,UAAU;oBACR,sBAAsB,CAAC;oBACvB,kBAAkB,CAAC;oBACnB,UAAU;wBACR,oBAAoB,CAAC;wBACrB,yBAAyB,CAAC;wBAC1B,mBAAmB,CAAC;wBACpB,8BAA8B,CAAC;wBAC/B,+BAA+B;4BAC7B,oBAAoB,CAAC;4BACrB,gBAAgB,CAAC;4BACjB,yBAAyB,CAAC;4BAC1B,cAAc,CAAC;4BACf,2BAA2B;gCACzB,oBAAoB,CAAC;4BACvB;4BACA,+CAA+C;gCAC7C,6BAA6B,CAAC;gCAC9B,2BAA2B;oCACzB,yCAAyC,CAAC;gCAC5C;4BACF;wBACF;wBACA,eAAe;4BACb,iCAAiC,CAAC;wBACpC;oBACF;gBACF;YACF;QACF;IACF"}
+{"version":3,"sources":["../../../../src/components/ai/ai-corner-module.ts"],"sourcesContent":["export const AICornerModule = (colors: string[]) => ({\r\n  '.sk-ai-corner-module': {\r\n    '@apply fixed': {},\r\n    '@apply max-w-full': {},\r\n    '@apply max-h-full': {},\r\n    '@apply z-50': {},\r\n    '@apply flex flex-col gap-0 items-center justify-start': {},\r\n    '@apply shadow-200': {},\r\n    '@apply transition-all': {},\r\n    '@apply duration-300': {},\r\n    '@apply bottom-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&-content': {\r\n      '@apply flex w-full gap-0 h-full justify-between': {},\r\n      '@apply relative': {},\r\n      '&-row': {\r\n        '@apply flex flex-col': {},\r\n      },\r\n      '&-main': {\r\n        '@apply grow shrink max-h-full max-w-full items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sidebar': {\r\n      '@apply flex flex-col': {},\r\n      '@apply lg:w-[22em]': {},\r\n      '@apply h-full': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply border-r-1 border-r-divider': {},\r\n      '@apply pt-20 px-0 gap-16': {},\r\n      '&-sessions': {\r\n        '@apply flex flex-col': {},\r\n        '@apply grow w-full': {},\r\n        '@apply overflow-y-auto': {},\r\n        '@apply px-24 pb-20 gap-16': {},\r\n      },\r\n    },\r\n    '&-feed': {\r\n      '@apply flex flex-col grow': {},\r\n      '@apply px-16 pt-16 pb-24 gap-16': {},\r\n      '@apply w-full': {},\r\n      '@apply max-h-full overflow-y-auto': {},\r\n      '@apply max-w-full overflow-x-hidden': {},\r\n      '&-readmore': {\r\n        '@apply text-center': {},\r\n        '@apply max-w-[29em]': {},\r\n        '@apply px-24 pb-16 pt-0': {},\r\n      },\r\n      '&-questions': {\r\n        '@apply flex flex-col gap-8 w-full': {},\r\n        '&-title': {\r\n          '@apply text-label-medium text-dark-primary': {},\r\n        },\r\n        '&-wrapper': {\r\n          '@apply flex flex-col gap-16 w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-inputsection': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&[data-fullscreen=\"false\"]': {\r\n      '@apply rounded-tl-groups': {},\r\n      '@apply max-w-[26em]': {},\r\n      '@apply w-[26em]': {},\r\n      '@apply max-h-[calc(100%-1em)]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply max-w-full': {},\r\n        '@apply w-full': {},\r\n        '@apply max-h-full': {},\r\n      },\r\n      '&[data-docked=\"false\"]': {\r\n        '@apply h-[44em]': {},\r\n        '&[data-mobile=\"true\"]': {\r\n          '@apply h-full': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-mobile=\"true\"]': {\r\n      '.sk-ai-corner-module-feed': {\r\n        '&-readmore': {\r\n          '@apply max-w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-feed': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&[data-fullscreen=\"true\"]': {\r\n      '@apply w-full': {},\r\n      '.sk-ai-corner-module-feed': {\r\n        '@apply gap-40 grow w-full items-center': {},\r\n        '.sk-ai-feed': {\r\n          '@apply text-base max-w-[50em]': {},\r\n        },\r\n        '&-questions': {\r\n          '@apply flex-row gap-16': {},\r\n          '&-wrapper': {\r\n            '@apply text-base max-w-[50em]': {},\r\n          },\r\n        },\r\n      },\r\n      '.sk-ai-inputsection': {\r\n        '@apply text-base max-w-[50em]': {},\r\n        '@apply pt-20 pb-32': {},\r\n      },\r\n    },\r\n    '&[data-docked=\"true\"]': {\r\n      '@apply h-64 md:w-[19em]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n    '&-header': {\r\n      '@apply h-64': {},\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply w-full': {},\r\n      '@apply shrink-0': {},\r\n      '@apply px-14 py-16': {},\r\n      '@apply transition-all': {},\r\n      '@apply bg-inverted-background-content': {},\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply rounded-tl-groups': {},\r\n\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n      },\r\n      '&[data-docked=\"true\"]': {\r\n        '@apply px-12 pt-10 pb-12': {},\r\n        '@apply cursor-pointer': {},\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply flex justify-start items-center': {},\r\n        '@apply gap-12 pr-16': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply flex flex-col gap-0': {},\r\n        '&-name': {\r\n          '@apply text-label-medium': {},\r\n        },\r\n        '&-subtitle': {\r\n          '@apply text-small text-inverted-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&-menu': {\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply gap-12': {},\r\n        '&-item': {\r\n          '@apply relative flex justify-center': {},\r\n          '.sk-tooltip': {\r\n            '@apply absolute w-max': {},\r\n            '&[data-position=\"below\"]': {\r\n              '@apply top-full': {},\r\n              '@apply mt-12': {},\r\n            },\r\n            '&[data-position=\"above\"]': {\r\n              '@apply bottom-full': {},\r\n              '@apply mb-12': {},\r\n            },\r\n            '&[data-rightoutside=\"true\"]': {\r\n              '@apply ml-[-100%]': {},\r\n              '@apply w-auto': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply pt-0 px-24': {},\r\n        '@apply h-auto': {},\r\n        '@apply bg-transparent': {},\r\n        '.sk-ai-assistant-avatar': {\r\n          '@apply w-40 h-40 lg:w-56 lg:h-56': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading': {\r\n          '@apply pb-4': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-name': {\r\n          '@apply text-label-large text-dark-primary': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-subtitle': {\r\n          '@apply text-small text-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&[data-fullscreen=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply px-20 pt-20 pb-12': {},\r\n      },\r\n    },\r\n    '&-sessions': {\r\n      '@apply px-20': {},\r\n      '&-group': {\r\n        '@apply py-8 px-12': {},\r\n      },\r\n      '&-history': {\r\n        '@apply flex flex-col p-8 gap-16': {},\r\n        '&-list': {\r\n          '@apply flex flex-col p-0 gap-8': {},\r\n          '[role=\"menuitem\"]': {\r\n            '@apply max-w-full': {},\r\n            '@apply max-h-none h-auto text-wrap text-left': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '.sk-avatar': {\r\n      '@apply transition-all duration-500': {},\r\n    },\r\n    '&-mobile-menu': {\r\n      '@apply rounded-0 py-16 absolute top-0 bottom-0 overflow-x-hidden': {},\r\n      '@apply px-0': {},\r\n      '@apply rounded-l-button': {},\r\n      '@apply bg-background-100': {},\r\n      '@apply shadow-100': {},\r\n      '@apply transition-all': {},\r\n\r\n      '&-top-bar': {\r\n        '@apply flex justify-between items-start': {},\r\n        '@apply pl-0 pr-16': {},\r\n        '.sk-ai-corner-module-header': {\r\n          '@apply shrink': {},\r\n        },\r\n      },\r\n      '&-content': {\r\n        '@apply flex flex-col pt-8': {},\r\n        '[role=\"menuitem\"]': {\r\n          '@apply w-full': {},\r\n        },\r\n      },\r\n      '&[data-show=\"true\"]': {\r\n        '@apply left-16 right-0': {},\r\n      },\r\n      '&[data-show=\"false\"]': {\r\n        '@apply w-0 h-0 left-full': {},\r\n        '.sk-ai-corner-module-mobile-menu': {\r\n          '&-top-bar': {\r\n            '@apply hidden': {},\r\n          },\r\n          '&-content': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    //ASSISTANT LIBRARY\r\n    '&-assistant-library': {\r\n      '@apply flex justify-between items-center': {},\r\n      '@apply pl-20 pr-14 py-0': {},\r\n      '@apply h-80': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&-menu': {\r\n        '@apply flex gap-12': {},\r\n        '@apply p-0 m-0': {},\r\n        '&-item': {\r\n          '@apply h-52 w-52': {},\r\n          '@apply rounded-groups': {},\r\n          '@apply relative': {},\r\n          '@apply flex justify-center': {},\r\n          '&-button, & > *:first-child': {\r\n            '@apply h-52 w-52': {},\r\n            '@apply gap-0': {},\r\n            '@apply rounded-groups': {},\r\n            '@apply p-6': {},\r\n            '.sk-ai-assistant-avatar': {\r\n              '@apply w-40 h-40': {},\r\n            },\r\n            '&[aria-current]:not([aria-current=\"false\"])': {\r\n              '@apply bg-primary-surface': {},\r\n              '.sk-ai-assistant-avatar': {\r\n                '@apply ring-1 ring-background-content': {},\r\n              },\r\n            },\r\n          },\r\n          '.sk-tooltip': {\r\n            '@apply absolute top-full mt-4': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["AICornerModule","colors","reduce","styles","color"],"mappings":"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"}

package/dist/cjs/components/ai/markdown-rendered.js

@@ -26,6 +26,15 @@ var MarkdownRendered = function() {
             },
             '&-li': {
                 '@apply my-16': {}
+            },
+            '&-code': {
+                '@apply bg-background-100 p-4': {}
+            },
+            '&-pre': {
+                '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},
+                '.sk-ai-markdown-code': {
+                    '@apply bg-transparent p-0': {}
+                }
             }
         }
     };

package/dist/cjs/components/ai/markdown-rendered.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n  '.sk-ai-markdown': {\r\n    '@apply flex flex-col gap-32': {},\r\n    '&-p': {\r\n      '@apply mb-0 my-0 break-words': {},\r\n    },\r\n    '&-a': {\r\n      '@apply my-8': {},\r\n    },\r\n    '&-ol': {\r\n      '@apply list-decimal ml-24 my-0': {},\r\n    },\r\n    '&-ul': {\r\n      '@apply list-disc ml-24 my-0': {},\r\n    },\r\n    '&-li': {\r\n      '@apply my-16': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,mBAAmB;WAAO;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;QACF;IACF"}
+{"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n  '.sk-ai-markdown': {\r\n    '@apply flex flex-col gap-32': {},\r\n    '&-p': {\r\n      '@apply mb-0 my-0 break-words': {},\r\n    },\r\n    '&-a': {\r\n      '@apply my-8': {},\r\n    },\r\n    '&-ol': {\r\n      '@apply list-decimal ml-24 my-0': {},\r\n    },\r\n    '&-ul': {\r\n      '@apply list-disc ml-24 my-0': {},\r\n    },\r\n    '&-li': {\r\n      '@apply my-16': {},\r\n    },\r\n    '&-code': {\r\n      '@apply bg-background-100 p-4': {},\r\n    },\r\n    '&-pre': {\r\n      '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n      '.sk-ai-markdown-code': {\r\n        '@apply bg-transparent p-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,mBAAmB;WAAO;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;QACF;IACF"}

package/dist/cjs/components/avatar.js

@@ -65,22 +65,27 @@ var Avatar = function(colors) {
         '.sk-avatar': _object_spread_props(_object_spread({
             '@apply inline-flex': {},
             '@apply justify-center items-center': {},
-            '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
             '@apply overflow-hidden': {},
-            '&[data-rounded="true"]': {
-                '@apply rounded-circular': {}
+            '&&-xs, &&-sm, &&-md, &&-lg': {
+                '&[data-rounded="true"]': {
+                    '@apply rounded-circular': {}
+                }
+            },
+            '&&-xs': {
+                '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24': {},
+                '@apply text-label-extra-small rounded-utility': {}
             },
             '&&-sm': {
                 '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
-                '@apply text-label-small': {}
+                '@apply text-label-small rounded-button': {}
             },
             '&&-md': {
                 '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},
-                '@apply text-label-medium': {}
+                '@apply text-label-medium rounded-button': {}
             },
             '&&-lg': {
                 '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},
-                '@apply text-label-large': {}
+                '@apply text-label-large rounded-button': {}
             }
         }, colors.reduce(function(styles, color) {
             var _obj;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n    '@apply overflow-hidden': {},\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large': {},\r\n    },\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,sEAAsE,CAAC;YACvE,0BAA0B,CAAC;YAC3B,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2BAA2B,CAAC;YAC9B;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,4BAA4B,CAAC;YAC/B;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2BAA2B,CAAC;YAC9B;WACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,yBACE,qBAAC,AAAC,aAA0CA,OAA9BA,OAAM,0BAA8B,OAANA,OAAM,kBAAiB,CAAC,KAJ1C;WAQhC,CAAC;YAEH,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;;IAEJ"}
+{"version":3,"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply overflow-hidden': {},\r\n      '&&-xs, &&-sm, &&-md, &&-lg' : {\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-circular': {},\r\n      }\r\n    },\r\n\r\n    '&&-xs' : {\r\n      '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24' : {},\r\n      '@apply text-label-extra-small rounded-utility' : {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small rounded-button': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium rounded-button': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large rounded-button': {},\r\n    },\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,0BAA0B,CAAC;YACzB,8BAA+B;gBAC7B,0BAA0B;oBACxB,2BAA2B,CAAC;gBAChC;YACF;YAEA,SAAU;gBACR,wDAAyD,CAAC;gBAC1D,iDAAkD,CAAC;YACrD;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2CAA2C,CAAC;YAC9C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;WACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,yBACE,qBAAC,AAAC,aAA0CA,OAA9BA,OAAM,0BAA8B,OAANA,OAAM,kBAAiB,CAAC,KAJ1C;WAQhC,CAAC;YAEH,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;;IAEJ"}

package/dist/cjs/components/menu-vertical.js

@@ -53,16 +53,12 @@ var MenuVerticalNav = function() {
                 '&-item': {
                     '.sk-menu-vertical-item-submenu': {
                         '@apply font-bold': {},
-                        '&-medium': {
-                            'button, a': {
-                                '@apply py-6 px-14': {}
-                            }
+                        '&-medium &-button': {
+                            '@apply py-6 pl-14': {}
                         },
-                        '&-large': {
-                            'button, a': {
-                                '@apply text-large': {},
-                                '@apply py-10 px-14': {}
-                            }
+                        '&-large &-button': {
+                            '@apply text-large': {},
+                            '@apply py-10 pl-14': {}
                         }
                     }
                 }
@@ -107,7 +103,7 @@ var MenuVerticalSidebar = function() {
                         li: {
                             '@apply text-small leading-18': {},
                             '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
-                                '@apply py-6 px-14': {}
+                                '@apply py-6 pr-14': {}
                             }
                         }
                     },
@@ -184,7 +180,7 @@ var MenuVertical = function() {
                         '@apply outline outline-2 outline-ring': {}
                     },
                     '> *': {
-                        '@apply flex w-full py-6 px-14': {},
+                        '@apply flex w-full py-6 pl-14': {},
                         '@apply rounded-button cursor-pointer': {}
                     },
                     '&:not([aria-disabled="true"]) > *': {
@@ -214,24 +210,20 @@ var MenuVertical = function() {
                             }
                         }
                     },
-                    '&-medium': {
-                        'button, a': {
-                            '@apply py-6 px-14': {}
-                        }
-                    },
-                    '&-large': {
-                        'button, a': {
-                            '@apply py-10 px-14': {}
-                        }
+                    '&-medium &-button': {
+                        '@apply py-6 pl-14': {}
                     },
-                    '&-button, &-button-expand': {
-                        '@apply items-center': {},
-                        '@apply py-10 px-14': {}
+                    '&-large &-button': {
+                        '@apply py-10 pl-14': {}
                     },
                     '&-button-expand': {
-                        '@apply rounded-r-button rounded-l-0': {}
+                        '@apply items-center': {},
+                        '@apply rounded-r-button rounded-l-0': {},
+                        '@apply py-10 pr-14 pl-8': {}
                     },
                     '&-button': {
+                        '@apply items-center': {},
+                        '@apply py-10 pl-14': {},
                         '@apply text-left grow rounded-l-button rounded-r-0': {},
                         '&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)': {
                             '@apply bg-primary-surface text-light-primary': {}

package/dist/cjs/components/menu-vertical.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium': {\r\n            'button, a': {\r\n              '@apply py-6 px-14': {},\r\n            },\r\n          },\r\n          '&-large': {\r\n            'button, a': {\r\n              '@apply text-large': {},\r\n              '@apply py-10 px-14': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 px-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 px-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium': {\r\n          'button, a': {\r\n            '@apply py-6 px-14': {},\r\n          },\r\n        },\r\n        '&-large': {\r\n          'button, a': {\r\n            '@apply py-10 px-14': {},\r\n          },\r\n        },\r\n\r\n        '&-button, &-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 px-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"names":["MenuVertical","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","svgToTinyDataUri","backgroundRepeat","color"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium &-button': {\r\n            '@apply py-6 pl-14': {},\r\n          },\r\n          '&-large &-button': {\r\n            '@apply text-large': {},\r\n            '@apply py-10 pl-14': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 pr-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 pl-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium &-button': {\r\n          '@apply py-6 pl-14': {},\r\n        },\r\n        '&-large &-button': {\r\n          '@apply py-10 pl-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n          '@apply py-10 pr-14 pl-8': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 pl-14': {},\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"names":["MenuVertical","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","svgToTinyDataUri","backgroundRepeat","color"],"mappings":"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"}

package/dist/cjs/components/tabs.js

@@ -86,7 +86,7 @@ var Tabs = function(colors) {
                         '@apply h-auto border-0 py-0 px-2': {},
                         // ring
                         '@apply rounded-4': {},
-                        '&[aria-readonly="true"]': {
+                        '&[aria-disabled="true"]': {
                             '@apply text-dark-disabled cursor-default': {}
                         },
                         '&:focus-visible': {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-readonly=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF"}

package/dist/cjs/units.js

@@ -280,6 +280,13 @@ var _units = {
                 fontWeight: 700
             }
         ],
+        'label-extra-small': [
+            'var(--sk-fontSize-label-extra-small)',
+            {
+                lineHeight: 'var(--sk-lineHeight-label-extra-small)',
+                fontWeight: 700
+            }
+        ],
         'input-large': [
             'var(--sk-fontSize-input-large)',
             {
@@ -357,6 +364,7 @@ var _units = {
         'label-large': 'var(--sk-lineHeight-label-large)',
         'label-medium': 'var(--sk-lineHeight-label-medium)',
         'label-small': 'var(--sk-lineHeight-label-small)',
+        'label-extra-small': 'var(--sk-lineHeight-label-extra-small)',
         'input-large': 'var(--sk-lineHeight-input-large)',
         'input-medium': 'var(--sk-lineHeight-input-medium)',
         'input-small': 'var(--sk-lineHeight-input-small)',

package/dist/cjs/units.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\r\n  spacing: {\r\n    '0': 'var(--sk-spacing-0)',\r\n    '0.25': 'var(--sk-spacing-0.25)',\r\n    '0.5': 'var(--sk-spacing-0.5)',\r\n    '0.75': 'var(--sk-spacing-0.75)',\r\n    '1': 'var(--sk-spacing-1)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '3': 'var(--sk-spacing-3)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '5': 'var(--sk-spacing-5)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '7': 'var(--sk-spacing-7)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '9': 'var(--sk-spacing-9)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '11': 'var(--sk-spacing-11)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '13': 'var(--sk-spacing-13)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '15': 'var(--sk-spacing-15)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '17': 'var(--sk-spacing-17)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '19': 'var(--sk-spacing-19)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '22': 'var(--sk-spacing-22)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '26': 'var(--sk-spacing-26)',\r\n    '28': 'var(--sk-spacing-28)',\r\n    '30': 'var(--sk-spacing-30)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '34': 'var(--sk-spacing-34)',\r\n    '36': 'var(--sk-spacing-36)',\r\n    '38': 'var(--sk-spacing-38)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '42': 'var(--sk-spacing-42)',\r\n    '44': 'var(--sk-spacing-44)',\r\n    '46': 'var(--sk-spacing-46)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '50': 'var(--sk-spacing-50)',\r\n    '52': 'var(--sk-spacing-52)',\r\n    '54': 'var(--sk-spacing-54)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '58': 'var(--sk-spacing-58)',\r\n    '60': 'var(--sk-spacing-60)',\r\n    '62': 'var(--sk-spacing-62)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '68': 'var(--sk-spacing-68)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n    '90': 'var(--sk-spacing-90)',\r\n    '100': 'var(--sk-spacing-100)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n    'logo-header': [\r\n      'var(--sk-fontSize-logo-header)',\r\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    '0': 'var(--sk-spacing-0)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n  },\r\n};\r\nconst units: typeof _units = _units;\r\nexport { units };\r\n"],"names":["units","_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"mappings":"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"}
+{"version":3,"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\r\n  spacing: {\r\n    '0': 'var(--sk-spacing-0)',\r\n    '0.25': 'var(--sk-spacing-0.25)',\r\n    '0.5': 'var(--sk-spacing-0.5)',\r\n    '0.75': 'var(--sk-spacing-0.75)',\r\n    '1': 'var(--sk-spacing-1)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '3': 'var(--sk-spacing-3)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '5': 'var(--sk-spacing-5)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '7': 'var(--sk-spacing-7)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '9': 'var(--sk-spacing-9)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '11': 'var(--sk-spacing-11)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '13': 'var(--sk-spacing-13)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '15': 'var(--sk-spacing-15)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '17': 'var(--sk-spacing-17)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '19': 'var(--sk-spacing-19)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '22': 'var(--sk-spacing-22)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '26': 'var(--sk-spacing-26)',\r\n    '28': 'var(--sk-spacing-28)',\r\n    '30': 'var(--sk-spacing-30)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '34': 'var(--sk-spacing-34)',\r\n    '36': 'var(--sk-spacing-36)',\r\n    '38': 'var(--sk-spacing-38)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '42': 'var(--sk-spacing-42)',\r\n    '44': 'var(--sk-spacing-44)',\r\n    '46': 'var(--sk-spacing-46)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '50': 'var(--sk-spacing-50)',\r\n    '52': 'var(--sk-spacing-52)',\r\n    '54': 'var(--sk-spacing-54)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '58': 'var(--sk-spacing-58)',\r\n    '60': 'var(--sk-spacing-60)',\r\n    '62': 'var(--sk-spacing-62)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '68': 'var(--sk-spacing-68)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n    '90': 'var(--sk-spacing-90)',\r\n    '100': 'var(--sk-spacing-100)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n    'label-extra-small': [\r\n      'var(--sk-fontSize-label-extra-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-extra-small)', fontWeight: 700 },\r\n    ],\r\n    \r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n    'logo-header': [\r\n      'var(--sk-fontSize-logo-header)',\r\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n    'label-extra-small': 'var(--sk-lineHeight-label-extra-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    '0': 'var(--sk-spacing-0)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n  },\r\n};\r\nconst units: typeof _units = _units;\r\nexport { units };\r\n"],"names":["units","_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"mappings":"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"}

package/dist/esm/components/ai/ai-corner-module.js

@@ -218,10 +218,14 @@ export var AICornerModule = function(colors) {
                 },
                 '&[data-variant="alt"]': {
                     '@apply pt-0 px-24': {},
+                    '@apply h-auto': {},
                     '@apply bg-transparent': {},
-                    '.sk-avatar': {
+                    '.sk-ai-assistant-avatar': {
                         '@apply w-40 h-40 lg:w-56 lg:h-56': {}
                     },
+                    '.sk-ai-corner-module-header-heading': {
+                        '@apply pb-4': {}
+                    },
                     '.sk-ai-corner-module-header-heading-name': {
                         '@apply text-label-large text-dark-primary': {}
                     },

package/dist/esm/components/ai/ai-corner-module.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ai/ai-corner-module.ts"],"sourcesContent":["export const AICornerModule = (colors: string[]) => ({\r\n  '.sk-ai-corner-module': {\r\n    '@apply fixed': {},\r\n    '@apply max-w-full': {},\r\n    '@apply max-h-full': {},\r\n    '@apply z-50': {},\r\n    '@apply flex flex-col gap-0 items-center justify-start': {},\r\n    '@apply shadow-200': {},\r\n    '@apply transition-all': {},\r\n    '@apply duration-300': {},\r\n    '@apply bottom-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&-content': {\r\n      '@apply flex w-full gap-0 h-full justify-between': {},\r\n      '@apply relative': {},\r\n      '&-row': {\r\n        '@apply flex flex-col': {},\r\n      },\r\n      '&-main': {\r\n        '@apply grow shrink max-h-full max-w-full items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sidebar': {\r\n      '@apply flex flex-col': {},\r\n      '@apply lg:w-[22em]': {},\r\n      '@apply h-full': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply border-r-1 border-r-divider': {},\r\n      '@apply pt-20 px-0 gap-16': {},\r\n      '&-sessions': {\r\n        '@apply flex flex-col': {},\r\n        '@apply grow w-full': {},\r\n        '@apply overflow-y-auto': {},\r\n        '@apply px-24 pb-20 gap-16': {},\r\n      },\r\n    },\r\n    '&-feed': {\r\n      '@apply flex flex-col grow': {},\r\n      '@apply px-16 pt-16 pb-24 gap-16': {},\r\n      '@apply w-full': {},\r\n      '@apply max-h-full overflow-y-auto': {},\r\n      '@apply max-w-full overflow-x-hidden': {},\r\n      '&-readmore': {\r\n        '@apply text-center': {},\r\n        '@apply max-w-[29em]': {},\r\n        '@apply px-24 pb-16 pt-0': {},\r\n      },\r\n      '&-questions': {\r\n        '@apply flex flex-col gap-8 w-full': {},\r\n        '&-title': {\r\n          '@apply text-label-medium text-dark-primary': {},\r\n        },\r\n        '&-wrapper': {\r\n          '@apply flex flex-col gap-16 w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-inputsection': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&[data-fullscreen=\"false\"]': {\r\n      '@apply rounded-tl-groups': {},\r\n      '@apply max-w-[26em]': {},\r\n      '@apply w-[26em]': {},\r\n      '@apply max-h-[calc(100%-1em)]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply max-w-full': {},\r\n        '@apply w-full': {},\r\n        '@apply max-h-full': {},\r\n      },\r\n      '&[data-docked=\"false\"]': {\r\n        '@apply h-[44em]': {},\r\n        '&[data-mobile=\"true\"]': {\r\n          '@apply h-full': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-mobile=\"true\"]': {\r\n      '.sk-ai-corner-module-feed': {\r\n        '&-readmore': {\r\n          '@apply max-w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-feed': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&[data-fullscreen=\"true\"]': {\r\n      '@apply w-full': {},\r\n      '.sk-ai-corner-module-feed': {\r\n        '@apply gap-40 grow w-full items-center': {},\r\n        '.sk-ai-feed': {\r\n          '@apply text-base max-w-[50em]': {},\r\n        },\r\n        '&-questions': {\r\n          '@apply flex-row gap-16': {},\r\n          '&-wrapper': {\r\n            '@apply text-base max-w-[50em]': {},\r\n          },\r\n        },\r\n      },\r\n      '.sk-ai-inputsection': {\r\n        '@apply text-base max-w-[50em]': {},\r\n        '@apply pt-20 pb-32': {},\r\n      },\r\n    },\r\n    '&[data-docked=\"true\"]': {\r\n      '@apply h-64 md:w-[19em]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n    '&-header': {\r\n      '@apply h-64': {},\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply w-full': {},\r\n      '@apply shrink-0': {},\r\n      '@apply px-14 py-16': {},\r\n      '@apply transition-all': {},\r\n      '@apply bg-inverted-background-content': {},\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply rounded-tl-groups': {},\r\n\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n      },\r\n      '&[data-docked=\"true\"]': {\r\n        '@apply px-12 pt-10 pb-12': {},\r\n        '@apply cursor-pointer': {},\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply flex justify-start items-center': {},\r\n        '@apply gap-12 pr-16': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply flex flex-col gap-0': {},\r\n        '&-name': {\r\n          '@apply text-label-medium': {},\r\n        },\r\n        '&-subtitle': {\r\n          '@apply text-small text-inverted-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&-menu': {\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply gap-12': {},\r\n        '&-item': {\r\n          '@apply relative flex justify-center': {},\r\n          '.sk-tooltip': {\r\n            '@apply absolute w-max': {},\r\n            '&[data-position=\"below\"]': {\r\n              '@apply top-full': {},\r\n              '@apply mt-12': {},\r\n            },\r\n            '&[data-position=\"above\"]': {\r\n              '@apply bottom-full': {},\r\n              '@apply mb-12': {},\r\n            },\r\n            '&[data-rightoutside=\"true\"]': {\r\n              '@apply ml-[-100%]': {},\r\n              '@apply w-auto': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply pt-0 px-24': {},\r\n        '@apply bg-transparent': {},\r\n        '.sk-avatar': {\r\n          '@apply w-40 h-40 lg:w-56 lg:h-56': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-name': {\r\n          '@apply text-label-large text-dark-primary': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-subtitle': {\r\n          '@apply text-small text-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&[data-fullscreen=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply px-20 pt-20 pb-12': {},\r\n      },\r\n    },\r\n    '&-sessions': {\r\n      '@apply px-20': {},\r\n      '&-group': {\r\n        '@apply py-8 px-12': {},\r\n      },\r\n      '&-history': {\r\n        '@apply flex flex-col p-8 gap-16': {},\r\n        '&-list': {\r\n          '@apply flex flex-col p-0 gap-8': {},\r\n          '[role=\"menuitem\"]': {\r\n            '@apply max-w-full': {},\r\n            '@apply max-h-none h-auto text-wrap text-left': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '.sk-avatar': {\r\n      '@apply transition-all duration-500': {},\r\n    },\r\n    '&-mobile-menu': {\r\n      '@apply rounded-0 py-16 absolute top-0 bottom-0 overflow-x-hidden': {},\r\n      '@apply px-0': {},\r\n      '@apply rounded-l-button': {},\r\n      '@apply bg-background-100': {},\r\n      '@apply shadow-100': {},\r\n      '@apply transition-all': {},\r\n\r\n      '&-top-bar': {\r\n        '@apply flex justify-between items-start': {},\r\n        '@apply pl-0 pr-16': {},\r\n        '.sk-ai-corner-module-header': {\r\n          '@apply shrink': {},\r\n        },\r\n      },\r\n      '&-content': {\r\n        '@apply flex flex-col pt-8': {},\r\n        '[role=\"menuitem\"]': {\r\n          '@apply w-full': {},\r\n        },\r\n      },\r\n      '&[data-show=\"true\"]': {\r\n        '@apply left-16 right-0': {},\r\n      },\r\n      '&[data-show=\"false\"]': {\r\n        '@apply w-0 h-0 left-full': {},\r\n        '.sk-ai-corner-module-mobile-menu': {\r\n          '&-top-bar': {\r\n            '@apply hidden': {},\r\n          },\r\n          '&-content': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    //ASSISTANT LIBRARY\r\n    '&-assistant-library': {\r\n      '@apply flex justify-between items-center': {},\r\n      '@apply pl-20 pr-14 py-0': {},\r\n      '@apply h-80': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&-menu': {\r\n        '@apply flex gap-12': {},\r\n        '@apply p-0 m-0': {},\r\n        '&-item': {\r\n          '@apply h-52 w-52': {},\r\n          '@apply rounded-groups': {},\r\n          '@apply relative': {},\r\n          '@apply flex justify-center': {},\r\n          '&-button, & > *:first-child': {\r\n            '@apply h-52 w-52': {},\r\n            '@apply gap-0': {},\r\n            '@apply rounded-groups': {},\r\n            '@apply p-6': {},\r\n            '.sk-ai-assistant-avatar': {\r\n              '@apply w-40 h-40': {},\r\n            },\r\n            '&[aria-current]:not([aria-current=\"false\"])': {\r\n              '@apply bg-primary-surface': {},\r\n              '.sk-ai-assistant-avatar': {\r\n                '@apply ring-1 ring-background-content': {},\r\n              },\r\n            },\r\n          },\r\n          '.sk-tooltip': {\r\n            '@apply absolute top-full mt-4': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["AICornerModule","colors","reduce","styles","color"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ai/ai-corner-module.ts"],"sourcesContent":["export const AICornerModule = (colors: string[]) => ({\r\n  '.sk-ai-corner-module': {\r\n    '@apply fixed': {},\r\n    '@apply max-w-full': {},\r\n    '@apply max-h-full': {},\r\n    '@apply z-50': {},\r\n    '@apply flex flex-col gap-0 items-center justify-start': {},\r\n    '@apply shadow-200': {},\r\n    '@apply transition-all': {},\r\n    '@apply duration-300': {},\r\n    '@apply bottom-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&-content': {\r\n      '@apply flex w-full gap-0 h-full justify-between': {},\r\n      '@apply relative': {},\r\n      '&-row': {\r\n        '@apply flex flex-col': {},\r\n      },\r\n      '&-main': {\r\n        '@apply grow shrink max-h-full max-w-full items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sidebar': {\r\n      '@apply flex flex-col': {},\r\n      '@apply lg:w-[22em]': {},\r\n      '@apply h-full': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply border-r-1 border-r-divider': {},\r\n      '@apply pt-20 px-0 gap-16': {},\r\n      '&-sessions': {\r\n        '@apply flex flex-col': {},\r\n        '@apply grow w-full': {},\r\n        '@apply overflow-y-auto': {},\r\n        '@apply px-24 pb-20 gap-16': {},\r\n      },\r\n    },\r\n    '&-feed': {\r\n      '@apply flex flex-col grow': {},\r\n      '@apply px-16 pt-16 pb-24 gap-16': {},\r\n      '@apply w-full': {},\r\n      '@apply max-h-full overflow-y-auto': {},\r\n      '@apply max-w-full overflow-x-hidden': {},\r\n      '&-readmore': {\r\n        '@apply text-center': {},\r\n        '@apply max-w-[29em]': {},\r\n        '@apply px-24 pb-16 pt-0': {},\r\n      },\r\n      '&-questions': {\r\n        '@apply flex flex-col gap-8 w-full': {},\r\n        '&-title': {\r\n          '@apply text-label-medium text-dark-primary': {},\r\n        },\r\n        '&-wrapper': {\r\n          '@apply flex flex-col gap-16 w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-inputsection': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&[data-fullscreen=\"false\"]': {\r\n      '@apply rounded-tl-groups': {},\r\n      '@apply max-w-[26em]': {},\r\n      '@apply w-[26em]': {},\r\n      '@apply max-h-[calc(100%-1em)]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply max-w-full': {},\r\n        '@apply w-full': {},\r\n        '@apply max-h-full': {},\r\n      },\r\n      '&[data-docked=\"false\"]': {\r\n        '@apply h-[44em]': {},\r\n        '&[data-mobile=\"true\"]': {\r\n          '@apply h-full': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-mobile=\"true\"]': {\r\n      '.sk-ai-corner-module-feed': {\r\n        '&-readmore': {\r\n          '@apply max-w-full': {},\r\n        },\r\n      },\r\n    },\r\n    '.sk-ai-feed': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&[data-fullscreen=\"true\"]': {\r\n      '@apply w-full': {},\r\n      '.sk-ai-corner-module-feed': {\r\n        '@apply gap-40 grow w-full items-center': {},\r\n        '.sk-ai-feed': {\r\n          '@apply text-base max-w-[50em]': {},\r\n        },\r\n        '&-questions': {\r\n          '@apply flex-row gap-16': {},\r\n          '&-wrapper': {\r\n            '@apply text-base max-w-[50em]': {},\r\n          },\r\n        },\r\n      },\r\n      '.sk-ai-inputsection': {\r\n        '@apply text-base max-w-[50em]': {},\r\n        '@apply pt-20 pb-32': {},\r\n      },\r\n    },\r\n    '&[data-docked=\"true\"]': {\r\n      '@apply h-64 md:w-[19em]': {},\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n    '&-header': {\r\n      '@apply h-64': {},\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply w-full': {},\r\n      '@apply shrink-0': {},\r\n      '@apply px-14 py-16': {},\r\n      '@apply transition-all': {},\r\n      '@apply bg-inverted-background-content': {},\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply rounded-tl-groups': {},\r\n\r\n      '&[data-mobile=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n      },\r\n      '&[data-docked=\"true\"]': {\r\n        '@apply px-12 pt-10 pb-12': {},\r\n        '@apply cursor-pointer': {},\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply flex justify-start items-center': {},\r\n        '@apply gap-12 pr-16': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply flex flex-col gap-0': {},\r\n        '&-name': {\r\n          '@apply text-label-medium': {},\r\n        },\r\n        '&-subtitle': {\r\n          '@apply text-small text-inverted-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&-menu': {\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply gap-12': {},\r\n        '&-item': {\r\n          '@apply relative flex justify-center': {},\r\n          '.sk-tooltip': {\r\n            '@apply absolute w-max': {},\r\n            '&[data-position=\"below\"]': {\r\n              '@apply top-full': {},\r\n              '@apply mt-12': {},\r\n            },\r\n            '&[data-position=\"above\"]': {\r\n              '@apply bottom-full': {},\r\n              '@apply mb-12': {},\r\n            },\r\n            '&[data-rightoutside=\"true\"]': {\r\n              '@apply ml-[-100%]': {},\r\n              '@apply w-auto': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply pt-0 px-24': {},\r\n        '@apply h-auto': {},\r\n        '@apply bg-transparent': {},\r\n        '.sk-ai-assistant-avatar': {\r\n          '@apply w-40 h-40 lg:w-56 lg:h-56': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading': {\r\n          '@apply pb-4': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-name': {\r\n          '@apply text-label-large text-dark-primary': {},\r\n        },\r\n        '.sk-ai-corner-module-header-heading-subtitle': {\r\n          '@apply text-small text-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&[data-fullscreen=\"true\"]': {\r\n        '@apply rounded-tl-none': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply px-20 pt-20 pb-12': {},\r\n      },\r\n    },\r\n    '&-sessions': {\r\n      '@apply px-20': {},\r\n      '&-group': {\r\n        '@apply py-8 px-12': {},\r\n      },\r\n      '&-history': {\r\n        '@apply flex flex-col p-8 gap-16': {},\r\n        '&-list': {\r\n          '@apply flex flex-col p-0 gap-8': {},\r\n          '[role=\"menuitem\"]': {\r\n            '@apply max-w-full': {},\r\n            '@apply max-h-none h-auto text-wrap text-left': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '.sk-avatar': {\r\n      '@apply transition-all duration-500': {},\r\n    },\r\n    '&-mobile-menu': {\r\n      '@apply rounded-0 py-16 absolute top-0 bottom-0 overflow-x-hidden': {},\r\n      '@apply px-0': {},\r\n      '@apply rounded-l-button': {},\r\n      '@apply bg-background-100': {},\r\n      '@apply shadow-100': {},\r\n      '@apply transition-all': {},\r\n\r\n      '&-top-bar': {\r\n        '@apply flex justify-between items-start': {},\r\n        '@apply pl-0 pr-16': {},\r\n        '.sk-ai-corner-module-header': {\r\n          '@apply shrink': {},\r\n        },\r\n      },\r\n      '&-content': {\r\n        '@apply flex flex-col pt-8': {},\r\n        '[role=\"menuitem\"]': {\r\n          '@apply w-full': {},\r\n        },\r\n      },\r\n      '&[data-show=\"true\"]': {\r\n        '@apply left-16 right-0': {},\r\n      },\r\n      '&[data-show=\"false\"]': {\r\n        '@apply w-0 h-0 left-full': {},\r\n        '.sk-ai-corner-module-mobile-menu': {\r\n          '&-top-bar': {\r\n            '@apply hidden': {},\r\n          },\r\n          '&-content': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    //ASSISTANT LIBRARY\r\n    '&-assistant-library': {\r\n      '@apply flex justify-between items-center': {},\r\n      '@apply pl-20 pr-14 py-0': {},\r\n      '@apply h-80': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&-menu': {\r\n        '@apply flex gap-12': {},\r\n        '@apply p-0 m-0': {},\r\n        '&-item': {\r\n          '@apply h-52 w-52': {},\r\n          '@apply rounded-groups': {},\r\n          '@apply relative': {},\r\n          '@apply flex justify-center': {},\r\n          '&-button, & > *:first-child': {\r\n            '@apply h-52 w-52': {},\r\n            '@apply gap-0': {},\r\n            '@apply rounded-groups': {},\r\n            '@apply p-6': {},\r\n            '.sk-ai-assistant-avatar': {\r\n              '@apply w-40 h-40': {},\r\n            },\r\n            '&[aria-current]:not([aria-current=\"false\"])': {\r\n              '@apply bg-primary-surface': {},\r\n              '.sk-ai-assistant-avatar': {\r\n                '@apply ring-1 ring-background-content': {},\r\n              },\r\n            },\r\n          },\r\n          '.sk-tooltip': {\r\n            '@apply absolute top-full mt-4': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["AICornerModule","colors","reduce","styles","color"],"mappings":"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"}

package/dist/esm/components/ai/markdown-rendered.js

@@ -16,6 +16,15 @@ export var MarkdownRendered = function() {
             },
             '&-li': {
                 '@apply my-16': {}
+            },
+            '&-code': {
+                '@apply bg-background-100 p-4': {}
+            },
+            '&-pre': {
+                '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},
+                '.sk-ai-markdown-code': {
+                    '@apply bg-transparent p-0': {}
+                }
             }
         }
     };

package/dist/esm/components/ai/markdown-rendered.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n  '.sk-ai-markdown': {\r\n    '@apply flex flex-col gap-32': {},\r\n    '&-p': {\r\n      '@apply mb-0 my-0 break-words': {},\r\n    },\r\n    '&-a': {\r\n      '@apply my-8': {},\r\n    },\r\n    '&-ol': {\r\n      '@apply list-decimal ml-24 my-0': {},\r\n    },\r\n    '&-ul': {\r\n      '@apply list-disc ml-24 my-0': {},\r\n    },\r\n    '&-li': {\r\n      '@apply my-16': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":"AAAA,OAAO,IAAMA,mBAAmB;WAAO;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n  '.sk-ai-markdown': {\r\n    '@apply flex flex-col gap-32': {},\r\n    '&-p': {\r\n      '@apply mb-0 my-0 break-words': {},\r\n    },\r\n    '&-a': {\r\n      '@apply my-8': {},\r\n    },\r\n    '&-ol': {\r\n      '@apply list-decimal ml-24 my-0': {},\r\n    },\r\n    '&-ul': {\r\n      '@apply list-disc ml-24 my-0': {},\r\n    },\r\n    '&-li': {\r\n      '@apply my-16': {},\r\n    },\r\n    '&-code': {\r\n      '@apply bg-background-100 p-4': {},\r\n    },\r\n    '&-pre': {\r\n      '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n      '.sk-ai-markdown-code': {\r\n        '@apply bg-transparent p-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":"AAAA,OAAO,IAAMA,mBAAmB;WAAO;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;QACF;IACF;EAAG"}

package/dist/esm/components/avatar.js

@@ -55,22 +55,27 @@ export var Avatar = function(colors) {
         '.sk-avatar': _object_spread_props(_object_spread({
             '@apply inline-flex': {},
             '@apply justify-center items-center': {},
-            '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
             '@apply overflow-hidden': {},
-            '&[data-rounded="true"]': {
-                '@apply rounded-circular': {}
+            '&&-xs, &&-sm, &&-md, &&-lg': {
+                '&[data-rounded="true"]': {
+                    '@apply rounded-circular': {}
+                }
+            },
+            '&&-xs': {
+                '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24': {},
+                '@apply text-label-extra-small rounded-utility': {}
             },
             '&&-sm': {
                 '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
-                '@apply text-label-small': {}
+                '@apply text-label-small rounded-button': {}
             },
             '&&-md': {
                 '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},
-                '@apply text-label-medium': {}
+                '@apply text-label-medium rounded-button': {}
             },
             '&&-lg': {
                 '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},
-                '@apply text-label-large': {}
+                '@apply text-label-large rounded-button': {}
             }
         }, colors.reduce(function(styles, color) {
             var _obj;

package/dist/esm/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n    '@apply overflow-hidden': {},\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large': {},\r\n    },\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,sEAAsE,CAAC;YACvE,0BAA0B,CAAC;YAC3B,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2BAA2B,CAAC;YAC9B;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,4BAA4B,CAAC;YAC/B;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2BAA2B,CAAC;YAC9B;WACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,yBACE,qBAAC,AAAC,aAA0CA,OAA9BA,OAAM,0BAA8B,OAANA,OAAM,kBAAiB,CAAC,KAJ1C;WAQhC,CAAC;YAEH,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;;IAEJ;EAAG"}
+{"version":3,"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply overflow-hidden': {},\r\n      '&&-xs, &&-sm, &&-md, &&-lg' : {\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-circular': {},\r\n      }\r\n    },\r\n\r\n    '&&-xs' : {\r\n      '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24' : {},\r\n      '@apply text-label-extra-small rounded-utility' : {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small rounded-button': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium rounded-button': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large rounded-button': {},\r\n    },\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,0BAA0B,CAAC;YACzB,8BAA+B;gBAC7B,0BAA0B;oBACxB,2BAA2B,CAAC;gBAChC;YACF;YAEA,SAAU;gBACR,wDAAyD,CAAC;gBAC1D,iDAAkD,CAAC;YACrD;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2CAA2C,CAAC;YAC9C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;WACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,yBACE,qBAAC,AAAC,aAA0CA,OAA9BA,OAAM,0BAA8B,OAANA,OAAM,kBAAiB,CAAC,KAJ1C;WAQhC,CAAC;YAEH,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;;IAEJ;EAAG"}

package/dist/esm/components/menu-vertical.js

@@ -38,16 +38,12 @@ var MenuVerticalNav = function() {
                 '&-item': {
                     '.sk-menu-vertical-item-submenu': {
                         '@apply font-bold': {},
-                        '&-medium': {
-                            'button, a': {
-                                '@apply py-6 px-14': {}
-                            }
+                        '&-medium &-button': {
+                            '@apply py-6 pl-14': {}
                         },
-                        '&-large': {
-                            'button, a': {
-                                '@apply text-large': {},
-                                '@apply py-10 px-14': {}
-                            }
+                        '&-large &-button': {
+                            '@apply text-large': {},
+                            '@apply py-10 pl-14': {}
                         }
                     }
                 }
@@ -92,7 +88,7 @@ var MenuVerticalSidebar = function() {
                         li: {
                             '@apply text-small leading-18': {},
                             '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
-                                '@apply py-6 px-14': {}
+                                '@apply py-6 pr-14': {}
                             }
                         }
                     },
@@ -169,7 +165,7 @@ export var MenuVertical = function() {
                         '@apply outline outline-2 outline-ring': {}
                     },
                     '> *': {
-                        '@apply flex w-full py-6 px-14': {},
+                        '@apply flex w-full py-6 pl-14': {},
                         '@apply rounded-button cursor-pointer': {}
                     },
                     '&:not([aria-disabled="true"]) > *': {
@@ -199,24 +195,20 @@ export var MenuVertical = function() {
                             }
                         }
                     },
-                    '&-medium': {
-                        'button, a': {
-                            '@apply py-6 px-14': {}
-                        }
-                    },
-                    '&-large': {
-                        'button, a': {
-                            '@apply py-10 px-14': {}
-                        }
+                    '&-medium &-button': {
+                        '@apply py-6 pl-14': {}
                     },
-                    '&-button, &-button-expand': {
-                        '@apply items-center': {},
-                        '@apply py-10 px-14': {}
+                    '&-large &-button': {
+                        '@apply py-10 pl-14': {}
                     },
                     '&-button-expand': {
-                        '@apply rounded-r-button rounded-l-0': {}
+                        '@apply items-center': {},
+                        '@apply rounded-r-button rounded-l-0': {},
+                        '@apply py-10 pr-14 pl-8': {}
                     },
                     '&-button': {
+                        '@apply items-center': {},
+                        '@apply py-10 pl-14': {},
                         '@apply text-left grow rounded-l-button rounded-r-0': {},
                         '&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)': {
                             '@apply bg-primary-surface text-light-primary': {}

package/dist/esm/components/menu-vertical.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium': {\r\n            'button, a': {\r\n              '@apply py-6 px-14': {},\r\n            },\r\n          },\r\n          '&-large': {\r\n            'button, a': {\r\n              '@apply text-large': {},\r\n              '@apply py-10 px-14': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 px-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 px-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium': {\r\n          'button, a': {\r\n            '@apply py-6 px-14': {},\r\n          },\r\n        },\r\n        '&-large': {\r\n          'button, a': {\r\n            '@apply py-10 px-14': {},\r\n          },\r\n        },\r\n\r\n        '&-button, &-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 px-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"names":["svgToTinyDataUri","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","color"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium &-button': {\r\n            '@apply py-6 pl-14': {},\r\n          },\r\n          '&-large &-button': {\r\n            '@apply text-large': {},\r\n            '@apply py-10 pl-14': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 pr-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 pl-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium &-button': {\r\n          '@apply py-6 pl-14': {},\r\n        },\r\n        '&-large &-button': {\r\n          '@apply py-10 pl-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n          '@apply py-10 pr-14 pl-8': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 pl-14': {},\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"names":["svgToTinyDataUri","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","color"],"mappings":"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"}

package/dist/esm/components/tabs.js

@@ -76,7 +76,7 @@ export var Tabs = function(colors) {
                         '@apply h-auto border-0 py-0 px-2': {},
                         // ring
                         '@apply rounded-4': {},
-                        '&[aria-readonly="true"]': {
+                        '&[aria-disabled="true"]': {
                             '@apply text-dark-disabled cursor-default': {}
                         },
                         '&:focus-visible': {

package/dist/esm/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-readonly=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}

package/dist/esm/units.js

@@ -270,6 +270,13 @@ var _units = {
                 fontWeight: 700
             }
         ],
+        'label-extra-small': [
+            'var(--sk-fontSize-label-extra-small)',
+            {
+                lineHeight: 'var(--sk-lineHeight-label-extra-small)',
+                fontWeight: 700
+            }
+        ],
         'input-large': [
             'var(--sk-fontSize-input-large)',
             {
@@ -347,6 +354,7 @@ var _units = {
         'label-large': 'var(--sk-lineHeight-label-large)',
         'label-medium': 'var(--sk-lineHeight-label-medium)',
         'label-small': 'var(--sk-lineHeight-label-small)',
+        'label-extra-small': 'var(--sk-lineHeight-label-extra-small)',
         'input-large': 'var(--sk-lineHeight-input-large)',
         'input-medium': 'var(--sk-lineHeight-input-medium)',
         'input-small': 'var(--sk-lineHeight-input-small)',

package/dist/esm/units.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\r\n  spacing: {\r\n    '0': 'var(--sk-spacing-0)',\r\n    '0.25': 'var(--sk-spacing-0.25)',\r\n    '0.5': 'var(--sk-spacing-0.5)',\r\n    '0.75': 'var(--sk-spacing-0.75)',\r\n    '1': 'var(--sk-spacing-1)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '3': 'var(--sk-spacing-3)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '5': 'var(--sk-spacing-5)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '7': 'var(--sk-spacing-7)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '9': 'var(--sk-spacing-9)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '11': 'var(--sk-spacing-11)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '13': 'var(--sk-spacing-13)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '15': 'var(--sk-spacing-15)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '17': 'var(--sk-spacing-17)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '19': 'var(--sk-spacing-19)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '22': 'var(--sk-spacing-22)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '26': 'var(--sk-spacing-26)',\r\n    '28': 'var(--sk-spacing-28)',\r\n    '30': 'var(--sk-spacing-30)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '34': 'var(--sk-spacing-34)',\r\n    '36': 'var(--sk-spacing-36)',\r\n    '38': 'var(--sk-spacing-38)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '42': 'var(--sk-spacing-42)',\r\n    '44': 'var(--sk-spacing-44)',\r\n    '46': 'var(--sk-spacing-46)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '50': 'var(--sk-spacing-50)',\r\n    '52': 'var(--sk-spacing-52)',\r\n    '54': 'var(--sk-spacing-54)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '58': 'var(--sk-spacing-58)',\r\n    '60': 'var(--sk-spacing-60)',\r\n    '62': 'var(--sk-spacing-62)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '68': 'var(--sk-spacing-68)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n    '90': 'var(--sk-spacing-90)',\r\n    '100': 'var(--sk-spacing-100)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n    'logo-header': [\r\n      'var(--sk-fontSize-logo-header)',\r\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    '0': 'var(--sk-spacing-0)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n  },\r\n};\r\nconst units: typeof _units = _units;\r\nexport { units };\r\n"],"names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"mappings":"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"}
+{"version":3,"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\r\n  spacing: {\r\n    '0': 'var(--sk-spacing-0)',\r\n    '0.25': 'var(--sk-spacing-0.25)',\r\n    '0.5': 'var(--sk-spacing-0.5)',\r\n    '0.75': 'var(--sk-spacing-0.75)',\r\n    '1': 'var(--sk-spacing-1)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '3': 'var(--sk-spacing-3)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '5': 'var(--sk-spacing-5)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '7': 'var(--sk-spacing-7)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '9': 'var(--sk-spacing-9)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '11': 'var(--sk-spacing-11)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '13': 'var(--sk-spacing-13)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '15': 'var(--sk-spacing-15)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '17': 'var(--sk-spacing-17)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '19': 'var(--sk-spacing-19)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '22': 'var(--sk-spacing-22)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '26': 'var(--sk-spacing-26)',\r\n    '28': 'var(--sk-spacing-28)',\r\n    '30': 'var(--sk-spacing-30)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '34': 'var(--sk-spacing-34)',\r\n    '36': 'var(--sk-spacing-36)',\r\n    '38': 'var(--sk-spacing-38)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '42': 'var(--sk-spacing-42)',\r\n    '44': 'var(--sk-spacing-44)',\r\n    '46': 'var(--sk-spacing-46)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '50': 'var(--sk-spacing-50)',\r\n    '52': 'var(--sk-spacing-52)',\r\n    '54': 'var(--sk-spacing-54)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '58': 'var(--sk-spacing-58)',\r\n    '60': 'var(--sk-spacing-60)',\r\n    '62': 'var(--sk-spacing-62)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '68': 'var(--sk-spacing-68)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n    '90': 'var(--sk-spacing-90)',\r\n    '100': 'var(--sk-spacing-100)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n    'label-extra-small': [\r\n      'var(--sk-fontSize-label-extra-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-extra-small)', fontWeight: 700 },\r\n    ],\r\n    \r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n    'logo-header': [\r\n      'var(--sk-fontSize-logo-header)',\r\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n    'label-extra-small': 'var(--sk-lineHeight-label-extra-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    '0': 'var(--sk-spacing-0)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n  },\r\n};\r\nconst units: typeof _units = _units;\r\nexport { units };\r\n"],"names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"mappings":"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"}

package/dist/types/components/ai/ai-corner-module.d.ts

@@ -171,10 +171,14 @@ export declare const AICornerModule: (colors: string[]) => {
             };
             '&[data-variant="alt"]': {
                 '@apply pt-0 px-24': {};
+                '@apply h-auto': {};
                 '@apply bg-transparent': {};
-                '.sk-avatar': {
+                '.sk-ai-assistant-avatar': {
                     '@apply w-40 h-40 lg:w-56 lg:h-56': {};
                 };
+                '.sk-ai-corner-module-header-heading': {
+                    '@apply pb-4': {};
+                };
                 '.sk-ai-corner-module-header-heading-name': {
                     '@apply text-label-large text-dark-primary': {};
                 };

package/dist/types/components/ai/markdown-rendered.d.ts

@@ -16,5 +16,14 @@ export declare const MarkdownRendered: () => {
         '&-li': {
             '@apply my-16': {};
         };
+        '&-code': {
+            '@apply bg-background-100 p-4': {};
+        };
+        '&-pre': {
+            '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {};
+            '.sk-ai-markdown-code': {
+                '@apply bg-transparent p-0': {};
+            };
+        };
     };
 };

package/dist/types/components/avatar.d.ts

@@ -14,22 +14,27 @@ export declare const Avatar: (colors: string[]) => {
         };
         '@apply inline-flex': {};
         '@apply justify-center items-center': {};
-        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
         '@apply overflow-hidden': {};
-        '&[data-rounded="true"]': {
-            '@apply rounded-circular': {};
+        '&&-xs, &&-sm, &&-md, &&-lg': {
+            '&[data-rounded="true"]': {
+                '@apply rounded-circular': {};
+            };
+        };
+        '&&-xs': {
+            '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24': {};
+            '@apply text-label-extra-small rounded-utility': {};
         };
         '&&-sm': {
             '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {};
-            '@apply text-label-small': {};
+            '@apply text-label-small rounded-button': {};
         };
         '&&-md': {
             '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {};
-            '@apply text-label-medium': {};
+            '@apply text-label-medium rounded-button': {};
         };
         '&&-lg': {
             '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {};
-            '@apply text-label-large': {};
+            '@apply text-label-large rounded-button': {};
         };
     };
 };

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

@@ -34,7 +34,7 @@ export declare const MenuVertical: () => {
                     li: {
                         '@apply text-small leading-18': {};
                         '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
-                            '@apply py-6 px-14': {};
+                            '@apply py-6 pr-14': {};
                         };
                     };
                 };
@@ -83,16 +83,12 @@ export declare const MenuVertical: () => {
             '&-item': {
                 '.sk-menu-vertical-item-submenu': {
                     '@apply font-bold': {};
-                    '&-medium': {
-                        'button, a': {
-                            '@apply py-6 px-14': {};
-                        };
+                    '&-medium &-button': {
+                        '@apply py-6 pl-14': {};
                     };
-                    '&-large': {
-                        'button, a': {
-                            '@apply text-large': {};
-                            '@apply py-10 px-14': {};
-                        };
+                    '&-large &-button': {
+                        '@apply text-large': {};
+                        '@apply py-10 pl-14': {};
                     };
                 };
             };
@@ -128,7 +124,7 @@ export declare const MenuVertical: () => {
                     '@apply outline outline-2 outline-ring': {};
                 };
                 '> *': {
-                    '@apply flex w-full py-6 px-14': {};
+                    '@apply flex w-full py-6 pl-14': {};
                     '@apply rounded-button cursor-pointer': {};
                 };
                 '&:not([aria-disabled="true"]) > *': {
@@ -158,24 +154,20 @@ export declare const MenuVertical: () => {
                         };
                     };
                 };
-                '&-medium': {
-                    'button, a': {
-                        '@apply py-6 px-14': {};
-                    };
-                };
-                '&-large': {
-                    'button, a': {
-                        '@apply py-10 px-14': {};
-                    };
+                '&-medium &-button': {
+                    '@apply py-6 pl-14': {};
                 };
-                '&-button, &-button-expand': {
-                    '@apply items-center': {};
-                    '@apply py-10 px-14': {};
+                '&-large &-button': {
+                    '@apply py-10 pl-14': {};
                 };
                 '&-button-expand': {
+                    '@apply items-center': {};
                     '@apply rounded-r-button rounded-l-0': {};
+                    '@apply py-10 pr-14 pl-8': {};
                 };
                 '&-button': {
+                    '@apply items-center': {};
+                    '@apply py-10 pl-14': {};
                     '@apply text-left grow rounded-l-button rounded-r-0': {};
                     '&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)': {
                         '@apply bg-primary-surface text-light-primary': {};

package/dist/types/components/tabs.d.ts

@@ -26,7 +26,7 @@ export declare const Tabs: (colors: string[]) => {
                 '&-button': {
                     '@apply h-auto border-0 py-0 px-2': {};
                     '@apply rounded-4': {};
-                    '&[aria-readonly="true"]': {
+                    '&[aria-disabled="true"]': {
                         '@apply text-dark-disabled cursor-default': {};
                     };
                     '&:focus-visible': {

package/dist/types/units.d.ts

@@ -177,6 +177,10 @@ declare const _units: {
             lineHeight: string;
             fontWeight: number;
         })[];
+        'label-extra-small': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
         'input-large': (string | {
             lineHeight: string;
             fontWeight: number;
@@ -230,6 +234,7 @@ declare const _units: {
         'label-large': string;
         'label-medium': string;
         'label-small': string;
+        'label-extra-small': string;
         'input-large': string;
         'input-medium': string;
         'input-small': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "3.11.1",
+  "version": "3.12.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -35,11 +35,11 @@
     "postcss-import": "^16.1.0"
   },
   "dependencies": {
-    "@sk-web-gui/theme": "2.4.2",
+    "@sk-web-gui/theme": "2.5.0",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.10",
     "mini-svg-data-uri": "^1.4.4",
     "tailwindcss": "^3.4.17"
   },
-  "gitHead": "b45c6c8c66772643d480d91925a26ef3c952b0a9"
+  "gitHead": "4778aeecaf9e842f9f730f68f631170f33b375cf"
 }