@sk-web-gui/core 3.7.0 → 3.8.0

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

@@ -9,18 +9,34 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
       '@apply flex gap-0': {},
       '@apply rounded-groups': {},
       '@apply bg-background-content': {},
-      '@apply shadow-100': {},
       '&[data-inverted="true"]': {
         '@apply text-inverted-dark-primary': {},
         '@apply bg-inverted-background-content': {}
       },
+      '&[data-variant="secondary"]': {
+        '@apply border-1 border-divider': {},
+        '@apply bg-transparent': {},
+        '@apply flex-col': {}
+      },
+      '&[data-variant="primary"]': {
+        '@apply shadow-100': {}
+      },
       '&-row': _extends({
         '@apply flex flex-col': {},
         '@apply grow shrink': {},
-        '@apply p-16 md:p-32': {},
         '@apply bg-transparent': {},
-        '@apply first:rounded-l-groups': {},
-        '@apply last:rounded-r-groups': {}
+        '&[data-variant="primary"]': {
+          '@apply p-16 md:p-32': {},
+          '@apply first:rounded-l-groups': {},
+          '@apply last:rounded-r-groups': {}
+        },
+        '&[data-variant="secondary"]': {
+          '@apply px-24 md:px-32 pb-20': {},
+          '@apply first:pt-24 first:md:pt-32': {},
+          '@apply last:pb-24 last:md:pb-32': {},
+          '@apply first:rounded-t-groups': {},
+          '@apply last:rounded-b-groups': {}
+        }
       }, colors.reduce(function (styles, color) {
         var _dataInvertedTru, _ref, _extends2;
         return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary"] = {}, _ref['@apply text-light-primary'] = {}, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {}, _dataInvertedTru["@apply bg-inverted-" + color + "-surface-primary"] = {}, _dataInvertedTru['@apply text-inverted-light-primary'] = {}, _dataInvertedTru), _ref), _extends2));
@@ -28,10 +44,29 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
       '&-content': {
         '@apply flex flex-col gap-6 md:gap-24': {},
         '@apply p-4 md:p-8': {},
-        '@apply w-full': {}
+        '@apply w-full': {},
+        '&[data-variant="secondary"]': {
+          '@apply md:gap-16': {},
+          '@apply py-4 md:py-8 px-24 md:px-48': {}
+        }
       },
-      '&-header, &-header > *': {
-        '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {}
+      '&-header': {
+        '@apply relative': {},
+        '&, > *': {
+          '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {}
+        },
+        '&[data-variant="secondary"], &[data-variant="secondary"] > *': {
+          '@apply font-header text-h2-sm md:text-h2-md': {}
+        },
+        '&-icon': _extends({
+          '@apply absolute -left-52 -top-2': {},
+          '.sk-icon, svg': {
+            '@apply h-40 w-40': {}
+          }
+        }, colors.reduce(function (styles, color) {
+          var _dataInvertedTru2, _ref2, _extends3;
+          return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply text-" + color + "-surface-primary"] = {}, _ref2['&[data-inverted="true"]'] = (_dataInvertedTru2 = {}, _dataInvertedTru2["@apply text-inverted-" + color + "-surface-primary"] = {}, _dataInvertedTru2), _ref2), _extends3));
+        }, {}))
       },
       '&-form': {
         '@apply w-full': {},
@@ -101,7 +136,6 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
         }
       },
       '&-questions': {
-        '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},
         '@apply flex flex-col gap-12': {},
         '@apply pb-8': {},
         '@apply text-dark-primary': {},
@@ -113,6 +147,16 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
         },
         '&[data-inverted="true"]': {
           '@apply text-inverted-dark-primary': {}
+        },
+        '&[data-variant="primary"]': {
+          '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {}
+        },
+        '&[data-variant="secondary"]': {
+          '@apply w-full': {},
+          '@apply px-24 md:px-48': {},
+          '.sk-ai-service-module-questions-list': {
+            '@apply flex-row flex-wrap': {}
+          }
         }
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n  '.sk-ai-service-module': {\r\n    '@apply flex gap-0': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply shadow-100': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply bg-inverted-background-content': {},\r\n    },\r\n    '&-row': {\r\n      '@apply flex flex-col': {},\r\n      '@apply grow shrink': {},\r\n      '@apply p-16 md:p-32': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply first:rounded-l-groups': {},\r\n      '@apply last:rounded-r-groups': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n            '@apply text-light-primary': {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n              '@apply text-inverted-light-primary': {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex flex-col gap-6 md:gap-24': {},\r\n      '@apply p-4 md:p-8': {},\r\n      '@apply w-full': {},\r\n    },\r\n\r\n    '&-header, &-header > *': {\r\n      '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n    },\r\n\r\n    '&-form': {\r\n      '@apply w-full': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply gap-8': {},\r\n      '@apply relative': {},\r\n\r\n      '&-control': {\r\n        '@apply w-full': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply text-label-large': {},\r\n      },\r\n\r\n      '&-error': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-input': {\r\n        '@apply w-full': {},\r\n        '&-group': {\r\n          '@apply w-full': {},\r\n          '.sk-form-input-addin-right': {\r\n            '@apply pr-8': {},\r\n          },\r\n        },\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n          '@apply w-full h-48': {},\r\n        },\r\n      },\r\n\r\n      '&-readmore': {\r\n        '@apply text-small': {},\r\n        '@apply text-light-secondary': {},\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-assistant': {\r\n      '&-expanded': {\r\n        '@apply h-[35em] max-h-[35em]': {},\r\n        '@apply rounded-button': {},\r\n        '@apply overflow-hidden': {},\r\n        '@apply flex flex-col gap-0': {},\r\n        '@apply shadow-200': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply absolute top-0 left-0 right-0': {},\r\n\r\n        '&-feed': {\r\n          '@apply shrink grow': {},\r\n          '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n          '@apply max-h-full overflow-y-auto': {},\r\n          '@apply text-dark-primary': {},\r\n          'sk-ai-markdown': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n        },\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-content': {},\r\n          '.sk-ai-service-module-feed': {\r\n            '@apply text-inverted-dark-primary': {},\r\n            'sk-ai-markdown': {\r\n              '@apply text-inverted-dark-secondary': {},\r\n            },\r\n          },\r\n        },\r\n        '&-close-button': {\r\n          '@apply absolute right-12 top-12': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-questions': {\r\n      '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n      '@apply flex flex-col gap-12': {},\r\n      '@apply pb-8': {},\r\n      '@apply text-dark-primary': {},\r\n      '&-title, &-title > *': {\r\n        '@apply text-label-large': {},\r\n      },\r\n      '&-list': {\r\n        '@apply flex flex-col gap-8': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2","_dataInvertedTru2","_ref2","_extends3"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n  '.sk-ai-service-module': {\r\n    '@apply flex gap-0': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply bg-inverted-background-content': {},\r\n    },\r\n\r\n    '&[data-variant=\"secondary\"]': {\r\n      '@apply border-1 border-divider': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply flex-col': {},\r\n    },\r\n    '&[data-variant=\"primary\"]': {\r\n      '@apply shadow-100': {},\r\n    },\r\n    '&-row': {\r\n      '@apply flex flex-col': {},\r\n      '@apply grow shrink': {},\r\n      '@apply bg-transparent': {},\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply p-16 md:p-32': {},\r\n        '@apply first:rounded-l-groups': {},\r\n        '@apply last:rounded-r-groups': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply px-24 md:px-32 pb-20': {},\r\n        '@apply first:pt-24 first:md:pt-32': {},\r\n        '@apply last:pb-24 last:md:pb-32': {},\r\n        '@apply first:rounded-t-groups': {},\r\n        '@apply last:rounded-b-groups': {},\r\n      },\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`]: {},\r\n            '@apply text-light-primary': {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n              '@apply text-inverted-light-primary': {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex flex-col gap-6 md:gap-24': {},\r\n      '@apply p-4 md:p-8': {},\r\n      '@apply w-full': {},\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply md:gap-16': {},\r\n        '@apply py-4 md:py-8 px-24 md:px-48': {},\r\n      },\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply relative': {},\r\n      '&, > *': {\r\n        '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n      },\r\n      '&[data-variant=\"secondary\"], &[data-variant=\"secondary\"] > *': {\r\n        '@apply font-header text-h2-sm md:text-h2-md': {},\r\n      },\r\n      '&-icon': {\r\n        '@apply absolute -left-52 -top-2': {},\r\n        '.sk-icon, svg': {\r\n          '@apply h-40 w-40': {},\r\n        },\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              [`@apply text-${color}-surface-primary`]: {},\r\n              '&[data-inverted=\"true\"]': {\r\n                [`@apply text-inverted-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n      },\r\n    },\r\n\r\n    '&-form': {\r\n      '@apply w-full': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply gap-8': {},\r\n      '@apply relative': {},\r\n\r\n      '&-control': {\r\n        '@apply w-full': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply text-label-large': {},\r\n      },\r\n\r\n      '&-error': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-input': {\r\n        '@apply w-full': {},\r\n        '&-group': {\r\n          '@apply w-full': {},\r\n          '.sk-form-input-addin-right': {\r\n            '@apply pr-8': {},\r\n          },\r\n        },\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n          '@apply w-full h-48': {},\r\n        },\r\n      },\r\n\r\n      '&-readmore': {\r\n        '@apply text-small': {},\r\n        '@apply text-light-secondary': {},\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-assistant': {\r\n      '&-expanded': {\r\n        '@apply h-[35em] max-h-[35em]': {},\r\n        '@apply rounded-button': {},\r\n        '@apply overflow-hidden': {},\r\n        '@apply flex flex-col gap-0': {},\r\n        '@apply shadow-200': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply absolute top-0 left-0 right-0': {},\r\n\r\n        '&-feed': {\r\n          '@apply shrink grow': {},\r\n          '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n          '@apply max-h-full overflow-y-auto': {},\r\n          '@apply text-dark-primary': {},\r\n          'sk-ai-markdown': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n        },\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-content': {},\r\n          '.sk-ai-service-module-feed': {\r\n            '@apply text-inverted-dark-primary': {},\r\n            'sk-ai-markdown': {\r\n              '@apply text-inverted-dark-secondary': {},\r\n            },\r\n          },\r\n        },\r\n        '&-close-button': {\r\n          '@apply absolute right-12 top-12': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-questions': {\r\n      '@apply flex flex-col gap-12': {},\r\n      '@apply pb-8': {},\r\n      '@apply text-dark-primary': {},\r\n      '&-title, &-title > *': {\r\n        '@apply text-label-large': {},\r\n      },\r\n      '&-list': {\r\n        '@apply flex flex-col gap-8': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply w-full': {},\r\n        '@apply px-24 md:px-48': {},\r\n        '.sk-ai-service-module-questions-list': {\r\n          '@apply flex-row flex-wrap': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ai/bubble.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.Bubble = void 0;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var Bubble = exports.Bubble = function Bubble(colors) {
+  var _skAiBubbleTail5, _skAiBubbleTail6, _skAiBubbleTail7, _skAiBubbleTail8;
   return {
     '.sk-ai-bubble': _extends({
       '@apply inline-flex text-left items-center justify-start': {},
@@ -13,15 +14,33 @@ var Bubble = exports.Bubble = function Bubble(colors) {
       '@apply rounded-t-button rounded-br-button': {},
       '@apply pt-10 pr-12 pb-10 pl-14': {},
       '@apply gap-16': {},
-      '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
       '@apply text-small': {},
-      '@apply text-dark-secondary': {}
+      '@apply text-dark-secondary': {},
+      '&[data-inverted="true"]': {
+        '@apply text-inverted-dark-secondary': {}
+      }
     }, colors.reduce(function (styles, color) {
-      var _skAiBubbleTail, _skAiBubbleTail2, _ref, _extends2;
+      var _skAiBubbleTail, _skAiBubbleTail2, _skAiBubbleTail3, _skAiBubbleTail4, _dataInvertedTru, _ref, _extends2;
       return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-accent hover:bg-" + color + "-surface-accent-hover"] = {}, _ref['.sk-ai-bubble-tail'] = (_skAiBubbleTail = {}, _skAiBubbleTail["@apply shadow-" + color + "-surface-accent"] = {}, _skAiBubbleTail), _ref['&:hover'] = {
         '.sk-ai-bubble-tail': (_skAiBubbleTail2 = {}, _skAiBubbleTail2["@apply shadow-" + color + "-surface-accent-hover"] = {}, _skAiBubbleTail2)
-      }, _ref), _extends2));
+      }, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {}, _dataInvertedTru["@apply bg-" + color + "-surface-primary hover:bg-" + color + "-surface-primary-hover"] = {}, _dataInvertedTru['.sk-ai-bubble-tail'] = (_skAiBubbleTail3 = {}, _skAiBubbleTail3["@apply shadow-" + color + "-surface-primary"] = {}, _skAiBubbleTail3), _dataInvertedTru['&:hover'] = {
+        '.sk-ai-bubble-tail': (_skAiBubbleTail4 = {}, _skAiBubbleTail4["@apply shadow-" + color + "-surface-primary-hover"] = {}, _skAiBubbleTail4)
+      }, _dataInvertedTru), _ref), _extends2));
     }, {}), {
+      '&[data-color="primary"]': {
+        '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},
+        '.sk-ai-bubble-tail': (_skAiBubbleTail5 = {}, _skAiBubbleTail5["@apply shadow-inverted-primary-surface"] = {}, _skAiBubbleTail5),
+        '&:hover': {
+          '.sk-ai-bubble-tail': (_skAiBubbleTail6 = {}, _skAiBubbleTail6["@apply shadow-inverted-primary-surface-hover"] = {}, _skAiBubbleTail6)
+        },
+        '&[data-inverted="true"]': {
+          '@apply bg-primary-surface hover:bg-primary-surface-hover': {},
+          '.sk-ai-bubble-tail': (_skAiBubbleTail7 = {}, _skAiBubbleTail7["@apply shadow-primary-surface"] = {}, _skAiBubbleTail7),
+          '&:hover': {
+            '.sk-ai-bubble-tail': (_skAiBubbleTail8 = {}, _skAiBubbleTail8["@apply shadow-primary-surface-hover"] = {}, _skAiBubbleTail8)
+          }
+        }
+      },
       '&-tail': {
         '@apply text-base': {},
         '@apply absolute left-0 bottom-[-1.25em]': {},
@@ -31,6 +50,12 @@ var Bubble = exports.Bubble = function Bubble(colors) {
         '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},
         '@apply scale-y-[25%]': {},
         '&:before': {
+          '&[data-shadow="true"]': {}
+        }
+      },
+      '&[data-shadow="true"]': {
+        '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
+        '.sk-ai-bubble-tail:before': {
           '@apply content-[""]': {},
           '@apply absolute left-0 bottom-[-0.15625em]': {},
           '@apply w-32 h-32': {},

package/dist/cjs/components/ai/bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"bubble.js","names":["Bubble","exports","colors","_extends","reduce","styles","color","_skAiBubbleTail","_skAiBubbleTail2","_ref","_extends2"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n  '.sk-ai-bubble': {\r\n    '@apply inline-flex text-left items-center justify-start': {},\r\n    '@apply w-fit': {},\r\n    '@apply focus-visible:ring ring-ring': {},\r\n    '@apply relative': {},\r\n    '@apply rounded-t-button rounded-br-button': {},\r\n    '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n    '@apply gap-16': {},\r\n    '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-${color}-surface-accent`]: {},\r\n          },\r\n          '&:hover': {\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-tail': {\r\n      '@apply text-base': {},\r\n      '@apply absolute left-0 bottom-[-1.25em]': {},\r\n      '@apply w-32 h-32': {},\r\n      '@apply rounded-tl-16 rounded-bl-0': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n      '@apply scale-y-[25%]': {},\r\n      '&:before': {\r\n        '@apply content-[\"\"]': {},\r\n        '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n        '@apply w-32 h-32': {},\r\n        '@apply rounded-tl-16 rounded-bl-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n        'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,MAAgB;EAAA,OAAM;IAC3C,eAAe,EAAAC,QAAA;MACb,yDAAyD,EAAE,CAAC,CAAC;MAC7D,cAAc,EAAE,CAAC,CAAC;MAClB,qCAAqC,EAAE,CAAC,CAAC;MACzC,iBAAiB,EAAE,CAAC,CAAC;MACrB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,gCAAgC,EAAE,CAAC,CAAC;MACpC,eAAe,EAAE,CAAC,CAAC;MACnB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,qBAESJ,KAAK,aAAAG,IAAA,OAAAA,IAAA,gBACPH,KAAK,iCAA4BA,KAAK,8BAA0B,CAAC,CAAC,EAAAG,IAAA,CAChF,oBAAoB,KAAAF,eAAA,OAAAA,eAAA,oBACAD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,eAAA,GAAAE,IAAA,CAE/C,SAAS,IAAE;QACT,oBAAoB,GAAAD,gBAAA,OAAAA,gBAAA,oBACAF,KAAK,8BAA0B,CAAC,CAAC,EAAAE,gBAAA;MAEvD,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAEH,EACF,CAAC,CACH,CAAC;MACD,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC,CAAC;QACtB,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,mDAAmD,EAAE,CAAC,CAAC;QACvD,sBAAsB,EAAE,CAAC,CAAC;QAC1B,UAAU,EAAE;UACV,qBAAqB,EAAE,CAAC,CAAC;UACzB,4CAA4C,EAAE,CAAC,CAAC;UAChD,kBAAkB,EAAE,CAAC,CAAC;UACtB,mCAAmC,EAAE,CAAC,CAAC;UACvC,uBAAuB,EAAE,CAAC,CAAC;UAC3B,iDAAiD,EAAE,CAAC,CAAC;UACrD,WAAW,EAAE;QACf;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"bubble.js","names":["Bubble","exports","colors","_skAiBubbleTail5","_skAiBubbleTail6","_skAiBubbleTail7","_skAiBubbleTail8","_extends","reduce","styles","color","_skAiBubbleTail","_skAiBubbleTail2","_skAiBubbleTail3","_skAiBubbleTail4","_dataInvertedTru","_ref","_extends2"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n  '.sk-ai-bubble': {\r\n    '@apply inline-flex text-left items-center justify-start': {},\r\n    '@apply w-fit': {},\r\n    '@apply focus-visible:ring ring-ring': {},\r\n    '@apply relative': {},\r\n    '@apply rounded-t-button rounded-br-button': {},\r\n    '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n    '@apply gap-16': {},\r\n\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-secondary': {},\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-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-${color}-surface-accent`]: {},\r\n          },\r\n          '&:hover': {\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n            },\r\n          },\r\n          '&[data-inverted=\"true\"]': {\r\n            [`@apply bg-${color}-surface-primary hover:bg-${color}-surface-primary-hover`]: {},\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-primary`]: {},\r\n            },\r\n            '&:hover': {\r\n              '.sk-ai-bubble-tail': {\r\n                [`@apply shadow-${color}-surface-primary-hover`]: {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},\r\n      '.sk-ai-bubble-tail': {\r\n        [`@apply shadow-inverted-primary-surface`]: {},\r\n      },\r\n      '&:hover': {\r\n        '.sk-ai-bubble-tail': {\r\n          [`@apply shadow-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply bg-primary-surface hover:bg-primary-surface-hover': {},\r\n        '.sk-ai-bubble-tail': {\r\n          [`@apply shadow-primary-surface`]: {},\r\n        },\r\n        '&:hover': {\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-primary-surface-hover`]: {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '&-tail': {\r\n      '@apply text-base': {},\r\n      '@apply absolute left-0 bottom-[-1.25em]': {},\r\n      '@apply w-32 h-32': {},\r\n      '@apply rounded-tl-16 rounded-bl-0': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n      '@apply scale-y-[25%]': {},\r\n      '&:before': {\r\n        '&[data-shadow=\"true\"]': {},\r\n      },\r\n    },\r\n\r\n    '&[data-shadow=\"true\"]': {\r\n      '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n      '.sk-ai-bubble-tail:before': {\r\n        '@apply content-[\"\"]': {},\r\n        '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n        '@apply w-32 h-32': {},\r\n        '@apply rounded-tl-16 rounded-bl-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n        'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,MAAgB;EAAA,IAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;EAAA,OAAM;IAC3C,eAAe,EAAAC,QAAA;MACb,yDAAyD,EAAE,CAAC,CAAC;MAC7D,cAAc,EAAE,CAAC,CAAC;MAClB,qCAAqC,EAAE,CAAC,CAAC;MACzC,iBAAiB,EAAE,CAAC,CAAC;MACrB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,gCAAgC,EAAE,CAAC,CAAC;MACpC,eAAe,EAAE,CAAC,CAAC;MAEnB,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC,CAAC;MAEhC,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC;MAC1C;IAAC,GAEEL,MAAM,CAACM,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAV,QAAA,KACTE,MAAM,GAAAQ,SAAA,OAAAA,SAAA,qBAESP,KAAK,aAAAM,IAAA,OAAAA,IAAA,gBACPN,KAAK,iCAA4BA,KAAK,8BAA0B,CAAC,CAAC,EAAAM,IAAA,CAChF,oBAAoB,KAAAL,eAAA,OAAAA,eAAA,oBACAD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,eAAA,GAAAK,IAAA,CAE/C,SAAS,IAAE;QACT,oBAAoB,GAAAJ,gBAAA,OAAAA,gBAAA,oBACAF,KAAK,8BAA0B,CAAC,CAAC,EAAAE,gBAAA;MAEvD,CAAC,EAAAI,IAAA,CACD,yBAAyB,KAAAD,gBAAA,OAAAA,gBAAA,gBACTL,KAAK,kCAA6BA,KAAK,+BAA2B,CAAC,CAAC,EAAAK,gBAAA,CAClF,oBAAoB,KAAAF,gBAAA,OAAAA,gBAAA,oBACAH,KAAK,yBAAqB,CAAC,CAAC,EAAAG,gBAAA,GAAAE,gBAAA,CAEhD,SAAS,IAAE;QACT,oBAAoB,GAAAD,gBAAA,OAAAA,gBAAA,oBACAJ,KAAK,+BAA2B,CAAC,CAAC,EAAAI,gBAAA;MAExD,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAGL,EACF,CAAC,CACH,CAAC;MACD,yBAAyB,EAAE;QACzB,4EAA4E,EAAE,CAAC,CAAC;QAChF,oBAAoB,GAAAd,gBAAA,OAAAA,gBAAA,6CAC0B,CAAC,CAAC,EAAAA,gBAAA,CAC/C;QACD,SAAS,EAAE;UACT,oBAAoB,GAAAC,gBAAA,OAAAA,gBAAA,mDACgC,CAAC,CAAC,EAAAA,gBAAA;QAExD,CAAC;QACD,yBAAyB,EAAE;UACzB,0DAA0D,EAAE,CAAC,CAAC;UAC9D,oBAAoB,GAAAC,gBAAA,OAAAA,gBAAA,oCACiB,CAAC,CAAC,EAAAA,gBAAA,CACtC;UACD,SAAS,EAAE;YACT,oBAAoB,GAAAC,gBAAA,OAAAA,gBAAA,0CACuB,CAAC,CAAC,EAAAA,gBAAA;UAE/C;QACF;MACF,CAAC;MACD,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC,CAAC;QACtB,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,mDAAmD,EAAE,CAAC,CAAC;QACvD,sBAAsB,EAAE,CAAC,CAAC;QAC1B,UAAU,EAAE;UACV,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,uBAAuB,EAAE;QACvB,2CAA2C,EAAE,CAAC,CAAC;QAC/C,2BAA2B,EAAE;UAC3B,qBAAqB,EAAE,CAAC,CAAC;UACzB,4CAA4C,EAAE,CAAC,CAAC;UAChD,kBAAkB,EAAE,CAAC,CAAC;UACtB,mCAAmC,EAAE,CAAC,CAAC;UACvC,uBAAuB,EAAE,CAAC,CAAC;UAC3B,iDAAiD,EAAE,CAAC,CAAC;UACrD,WAAW,EAAE;QACf;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/callout.js

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Callout = void 0;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var Callout = exports.Callout = function Callout(colors) {
+  return {
+    '.sk-callout': _extends({
+      '@apply inline-flex': {},
+      '@apply p-4': {}
+    }, colors.reduce(function (styles, color) {
+      var _skCalloutContent, _skCalloutContent2, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = {
+        '.sk-callout-content': (_skCalloutContent = {}, _skCalloutContent["@apply bg-" + color + "-surface-primary  text-" + color + "-text-secondary"] = {}, _skCalloutContent),
+        '&[data-inverted="true"]': {
+          '.sk-callout-content': (_skCalloutContent2 = {
+            '@apply text-inverted-light-primary': {}
+          }, _skCalloutContent2["@apply bg-inverted-" + color + "-surface-primary text-inverted-" + color + "-text-secondary"] = {}, _skCalloutContent2)
+        }
+      }, _extends2));
+    }, {}), {
+      "&[data-color='tertiary']": {
+        '.sk-callout-content': {
+          '@apply bg-primary-surface': {}
+        },
+        '&[data-inverted="true"]': {
+          '.sk-callout-content': {
+            '@apply text-inverted-light-primary': {},
+            '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {}
+          }
+        }
+      },
+      '&-content': {
+        '@apply rounded-full': {},
+        '@apply h-8 w-8': {}
+      }
+    })
+  };
+};
+//# sourceMappingURL=callout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","names":["Callout","exports","colors","_extends","reduce","styles","color","_skCalloutContent","_skCalloutContent2","_extends2"],"sources":["../../../src/components/callout.ts"],"sourcesContent":["export const Callout = (colors: string[]) => ({\r\n  '.sk-callout': {\r\n    '@apply inline-flex': {},\r\n    '@apply p-4': {},\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-callout-content': {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n          },\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '.sk-callout-content': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-callout-content': {\r\n        '@apply bg-primary-surface': {},\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '.sk-callout-content': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply rounded-full': {},\r\n      '@apply h-8 w-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,MAAgB;EAAA,OAAM;IAC5C,aAAa,EAAAC,QAAA;MACX,oBAAoB,EAAE,CAAC,CAAC;MACxB,YAAY,EAAE,CAAC;IAAC,GAEbD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,iBAAA,EAAAC,kBAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,YAAO;QAC5B,qBAAqB,GAAAC,iBAAA,OAAAA,iBAAA,gBACLD,KAAK,+BAA0BA,KAAK,wBAAoB,CAAC,CAAC,EAAAC,iBAAA,CACzE;QAED,yBAAyB,EAAE;UACzB,qBAAqB,GAAAC,kBAAA;YACnB,oCAAoC,EAAE,CAAC;UAAC,GAAAA,kBAAA,yBACjBF,KAAK,uCAAkCA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,kBAAA;QAE7F;MACF,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,qBAAqB,EAAE;UACrB,2BAA2B,EAAE,CAAC;QAChC,CAAC;QACD,yBAAyB,EAAE;UACzB,qBAAqB,EAAE;YACrB,oCAAoC,EAAE,CAAC,CAAC;YACxC,6DAA6D,EAAE,CAAC;UAClE;QACF;MACF,CAAC;MAED,WAAW,EAAE;QACX,qBAAqB,EAAE,CAAC,CAAC;QACzB,gBAAgB,EAAE,CAAC;MACrB;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components.js

@@ -8,6 +8,7 @@ var _badge = require("./components/badge");
 var _breadcrumb = require("./components/breadcrumb");
 var _button = require("./components/button");
 var _buttonGroup = require("./components/button-group");
+var _callout = require("./components/callout");
 var _card = require("./components/card");
 var _checkbox = require("./components/checkbox");
 var _chip = require("./components/chip");
@@ -74,6 +75,8 @@ var components = exports.components = [{
   deps: [_link.Link, _spinner.Spinner, _buttonGroup.ButtonGroup]
 }, {
   comp: _buttonGroup.ButtonGroup
+}, {
+  comp: _callout.Callout
 }, {
   comp: _card.Card,
   deps: [_button.Button, _link.Link]

package/dist/cjs/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":["_accordion","require","_avatar","_badge","_breadcrumb","_button","_buttonGroup","_card","_checkbox","_chip","_combobox","_cookieConsent","_dialog","_divider","_dot","_filter","_footer","_forms","_header","_icon","_input","_label","_link","_list","_logo","_menuVertical","_menubar","_modal","_pagination","_popupMenu","_progressBar","_progressStepper","_radio","_searchField","_select","_snackbar","_spinner","_switch","_table","_tabs","_tooltip","_userMenu","_aiFeed","_aiCornerModule","_aiServiceModule","_assistantPresentation","_assistantSwitch","_bubble","_feedback","_inputSection","_markdownRendered","_newSessionButton","_typingBubble","_typingSequence","components","exports","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Card","Checkbox","Chip","ComboBox","CookieConsent","Forms","Dialog","Modal","Dot","Filter","Footer","Logo","Select","Input","Radio","Switch","PopupMenu","Header","List","MenuBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","NewSessionButton","TypingSequence"],"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: MenuBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, MenuBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [AIFeed, AssistantPresentation, InputSection, Avatar, Bubble, Link, Button, Divider, Icon, Tooltip, MenuBar],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components.js","names":["_accordion","require","_avatar","_badge","_breadcrumb","_button","_buttonGroup","_callout","_card","_checkbox","_chip","_combobox","_cookieConsent","_dialog","_divider","_dot","_filter","_footer","_forms","_header","_icon","_input","_label","_link","_list","_logo","_menuVertical","_menubar","_modal","_pagination","_popupMenu","_progressBar","_progressStepper","_radio","_searchField","_select","_snackbar","_spinner","_switch","_table","_tabs","_tooltip","_userMenu","_aiFeed","_aiCornerModule","_aiServiceModule","_assistantPresentation","_assistantSwitch","_bubble","_feedback","_inputSection","_markdownRendered","_newSessionButton","_typingBubble","_typingSequence","components","exports","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CookieConsent","Forms","Dialog","Modal","Dot","Filter","Footer","Logo","Select","Input","Radio","Switch","PopupMenu","Header","List","MenuBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","NewSessionButton","TypingSequence"],"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: MenuBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, MenuBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [AIFeed, AssistantPresentation, InputSection, Avatar, Bubble, Link, Button, Divider, Icon, Tooltip, MenuBar],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,18 +4,34 @@ export var AIServiceModule = colors => ({
     '@apply flex gap-0': {},
     '@apply rounded-groups': {},
     '@apply bg-background-content': {},
-    '@apply shadow-100': {},
     '&[data-inverted="true"]': {
       '@apply text-inverted-dark-primary': {},
       '@apply bg-inverted-background-content': {}
     },
+    '&[data-variant="secondary"]': {
+      '@apply border-1 border-divider': {},
+      '@apply bg-transparent': {},
+      '@apply flex-col': {}
+    },
+    '&[data-variant="primary"]': {
+      '@apply shadow-100': {}
+    },
     '&-row': _extends({
       '@apply flex flex-col': {},
       '@apply grow shrink': {},
-      '@apply p-16 md:p-32': {},
       '@apply bg-transparent': {},
-      '@apply first:rounded-l-groups': {},
-      '@apply last:rounded-r-groups': {}
+      '&[data-variant="primary"]': {
+        '@apply p-16 md:p-32': {},
+        '@apply first:rounded-l-groups': {},
+        '@apply last:rounded-r-groups': {}
+      },
+      '&[data-variant="secondary"]': {
+        '@apply px-24 md:px-32 pb-20': {},
+        '@apply first:pt-24 first:md:pt-32': {},
+        '@apply last:pb-24 last:md:pb-32': {},
+        '@apply first:rounded-t-groups': {},
+        '@apply last:rounded-b-groups': {}
+      }
     }, colors.reduce((styles, color) => _extends({}, styles, {
       ["&[data-color=\"" + color + "\"]"]: {
         ["@apply bg-" + color + "-surface-primary"]: {},
@@ -29,10 +45,33 @@ export var AIServiceModule = colors => ({
     '&-content': {
       '@apply flex flex-col gap-6 md:gap-24': {},
       '@apply p-4 md:p-8': {},
-      '@apply w-full': {}
+      '@apply w-full': {},
+      '&[data-variant="secondary"]': {
+        '@apply md:gap-16': {},
+        '@apply py-4 md:py-8 px-24 md:px-48': {}
+      }
     },
-    '&-header, &-header > *': {
-      '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {}
+    '&-header': {
+      '@apply relative': {},
+      '&, > *': {
+        '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {}
+      },
+      '&[data-variant="secondary"], &[data-variant="secondary"] > *': {
+        '@apply font-header text-h2-sm md:text-h2-md': {}
+      },
+      '&-icon': _extends({
+        '@apply absolute -left-52 -top-2': {},
+        '.sk-icon, svg': {
+          '@apply h-40 w-40': {}
+        }
+      }, colors.reduce((styles, color) => _extends({}, styles, {
+        ["&[data-color=\"" + color + "\"]"]: {
+          ["@apply text-" + color + "-surface-primary"]: {},
+          '&[data-inverted="true"]': {
+            ["@apply text-inverted-" + color + "-surface-primary"]: {}
+          }
+        }
+      }), {}))
     },
     '&-form': {
       '@apply w-full': {},
@@ -102,7 +141,6 @@ export var AIServiceModule = colors => ({
       }
     },
     '&-questions': {
-      '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},
       '@apply flex flex-col gap-12': {},
       '@apply pb-8': {},
       '@apply text-dark-primary': {},
@@ -114,6 +152,16 @@ export var AIServiceModule = colors => ({
       },
       '&[data-inverted="true"]': {
         '@apply text-inverted-dark-primary': {}
+      },
+      '&[data-variant="primary"]': {
+        '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {}
+      },
+      '&[data-variant="secondary"]': {
+        '@apply w-full': {},
+        '@apply px-24 md:px-48': {},
+        '.sk-ai-service-module-questions-list': {
+          '@apply flex-row flex-wrap': {}
+        }
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n  '.sk-ai-service-module': {\r\n    '@apply flex gap-0': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply shadow-100': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply bg-inverted-background-content': {},\r\n    },\r\n    '&-row': {\r\n      '@apply flex flex-col': {},\r\n      '@apply grow shrink': {},\r\n      '@apply p-16 md:p-32': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply first:rounded-l-groups': {},\r\n      '@apply last:rounded-r-groups': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n            '@apply text-light-primary': {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n              '@apply text-inverted-light-primary': {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex flex-col gap-6 md:gap-24': {},\r\n      '@apply p-4 md:p-8': {},\r\n      '@apply w-full': {},\r\n    },\r\n\r\n    '&-header, &-header > *': {\r\n      '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n    },\r\n\r\n    '&-form': {\r\n      '@apply w-full': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply gap-8': {},\r\n      '@apply relative': {},\r\n\r\n      '&-control': {\r\n        '@apply w-full': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply text-label-large': {},\r\n      },\r\n\r\n      '&-error': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-input': {\r\n        '@apply w-full': {},\r\n        '&-group': {\r\n          '@apply w-full': {},\r\n          '.sk-form-input-addin-right': {\r\n            '@apply pr-8': {},\r\n          },\r\n        },\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n          '@apply w-full h-48': {},\r\n        },\r\n      },\r\n\r\n      '&-readmore': {\r\n        '@apply text-small': {},\r\n        '@apply text-light-secondary': {},\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-assistant': {\r\n      '&-expanded': {\r\n        '@apply h-[35em] max-h-[35em]': {},\r\n        '@apply rounded-button': {},\r\n        '@apply overflow-hidden': {},\r\n        '@apply flex flex-col gap-0': {},\r\n        '@apply shadow-200': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply absolute top-0 left-0 right-0': {},\r\n\r\n        '&-feed': {\r\n          '@apply shrink grow': {},\r\n          '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n          '@apply max-h-full overflow-y-auto': {},\r\n          '@apply text-dark-primary': {},\r\n          'sk-ai-markdown': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n        },\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-content': {},\r\n          '.sk-ai-service-module-feed': {\r\n            '@apply text-inverted-dark-primary': {},\r\n            'sk-ai-markdown': {\r\n              '@apply text-inverted-dark-secondary': {},\r\n            },\r\n          },\r\n        },\r\n        '&-close-button': {\r\n          '@apply absolute right-12 top-12': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-questions': {\r\n      '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n      '@apply flex flex-col gap-12': {},\r\n      '@apply pb-8': {},\r\n      '@apply text-dark-primary': {},\r\n      '&-title, &-title > *': {\r\n        '@apply text-label-large': {},\r\n      },\r\n      '&-list': {\r\n        '@apply flex flex-col gap-8': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n  '.sk-ai-service-module': {\r\n    '@apply flex gap-0': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply bg-inverted-background-content': {},\r\n    },\r\n\r\n    '&[data-variant=\"secondary\"]': {\r\n      '@apply border-1 border-divider': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply flex-col': {},\r\n    },\r\n    '&[data-variant=\"primary\"]': {\r\n      '@apply shadow-100': {},\r\n    },\r\n    '&-row': {\r\n      '@apply flex flex-col': {},\r\n      '@apply grow shrink': {},\r\n      '@apply bg-transparent': {},\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply p-16 md:p-32': {},\r\n        '@apply first:rounded-l-groups': {},\r\n        '@apply last:rounded-r-groups': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply px-24 md:px-32 pb-20': {},\r\n        '@apply first:pt-24 first:md:pt-32': {},\r\n        '@apply last:pb-24 last:md:pb-32': {},\r\n        '@apply first:rounded-t-groups': {},\r\n        '@apply last:rounded-b-groups': {},\r\n      },\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`]: {},\r\n            '@apply text-light-primary': {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n              '@apply text-inverted-light-primary': {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex flex-col gap-6 md:gap-24': {},\r\n      '@apply p-4 md:p-8': {},\r\n      '@apply w-full': {},\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply md:gap-16': {},\r\n        '@apply py-4 md:py-8 px-24 md:px-48': {},\r\n      },\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply relative': {},\r\n      '&, > *': {\r\n        '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n      },\r\n      '&[data-variant=\"secondary\"], &[data-variant=\"secondary\"] > *': {\r\n        '@apply font-header text-h2-sm md:text-h2-md': {},\r\n      },\r\n      '&-icon': {\r\n        '@apply absolute -left-52 -top-2': {},\r\n        '.sk-icon, svg': {\r\n          '@apply h-40 w-40': {},\r\n        },\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              [`@apply text-${color}-surface-primary`]: {},\r\n              '&[data-inverted=\"true\"]': {\r\n                [`@apply text-inverted-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n      },\r\n    },\r\n\r\n    '&-form': {\r\n      '@apply w-full': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply gap-8': {},\r\n      '@apply relative': {},\r\n\r\n      '&-control': {\r\n        '@apply w-full': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply text-label-large': {},\r\n      },\r\n\r\n      '&-error': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-input': {\r\n        '@apply w-full': {},\r\n        '&-group': {\r\n          '@apply w-full': {},\r\n          '.sk-form-input-addin-right': {\r\n            '@apply pr-8': {},\r\n          },\r\n        },\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n          '@apply w-full h-48': {},\r\n        },\r\n      },\r\n\r\n      '&-readmore': {\r\n        '@apply text-small': {},\r\n        '@apply text-light-secondary': {},\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-assistant': {\r\n      '&-expanded': {\r\n        '@apply h-[35em] max-h-[35em]': {},\r\n        '@apply rounded-button': {},\r\n        '@apply overflow-hidden': {},\r\n        '@apply flex flex-col gap-0': {},\r\n        '@apply shadow-200': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply absolute top-0 left-0 right-0': {},\r\n\r\n        '&-feed': {\r\n          '@apply shrink grow': {},\r\n          '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n          '@apply max-h-full overflow-y-auto': {},\r\n          '@apply text-dark-primary': {},\r\n          'sk-ai-markdown': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n        },\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-content': {},\r\n          '.sk-ai-service-module-feed': {\r\n            '@apply text-inverted-dark-primary': {},\r\n            'sk-ai-markdown': {\r\n              '@apply text-inverted-dark-secondary': {},\r\n            },\r\n          },\r\n        },\r\n        '&-close-button': {\r\n          '@apply absolute right-12 top-12': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-questions': {\r\n      '@apply flex flex-col gap-12': {},\r\n      '@apply pb-8': {},\r\n      '@apply text-dark-primary': {},\r\n      '&-title, &-title > *': {\r\n        '@apply text-label-large': {},\r\n      },\r\n      '&-list': {\r\n        '@apply flex flex-col gap-8': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply w-full': {},\r\n        '@apply px-24 md:px-48': {},\r\n        '.sk-ai-service-module-questions-list': {\r\n          '@apply flex-row flex-wrap': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ai/bubble.js

@@ -8,9 +8,11 @@ export var Bubble = colors => ({
     '@apply rounded-t-button rounded-br-button': {},
     '@apply pt-10 pr-12 pb-10 pl-14': {},
     '@apply gap-16': {},
-    '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
     '@apply text-small': {},
-    '@apply text-dark-secondary': {}
+    '@apply text-dark-secondary': {},
+    '&[data-inverted="true"]': {
+      '@apply text-inverted-dark-secondary': {}
+    }
   }, colors.reduce((styles, color) => _extends({}, styles, {
     ["&[data-color=\"" + color + "\"]"]: {
       ["@apply bg-" + color + "-surface-accent hover:bg-" + color + "-surface-accent-hover"]: {},
@@ -21,9 +23,42 @@ export var Bubble = colors => ({
         '.sk-ai-bubble-tail': {
           ["@apply shadow-" + color + "-surface-accent-hover"]: {}
         }
+      },
+      '&[data-inverted="true"]': {
+        ["@apply bg-" + color + "-surface-primary hover:bg-" + color + "-surface-primary-hover"]: {},
+        '.sk-ai-bubble-tail': {
+          ["@apply shadow-" + color + "-surface-primary"]: {}
+        },
+        '&:hover': {
+          '.sk-ai-bubble-tail': {
+            ["@apply shadow-" + color + "-surface-primary-hover"]: {}
+          }
+        }
       }
     }
   }), {}), {
+    '&[data-color="primary"]': {
+      '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},
+      '.sk-ai-bubble-tail': {
+        ["@apply shadow-inverted-primary-surface"]: {}
+      },
+      '&:hover': {
+        '.sk-ai-bubble-tail': {
+          ["@apply shadow-inverted-primary-surface-hover"]: {}
+        }
+      },
+      '&[data-inverted="true"]': {
+        '@apply bg-primary-surface hover:bg-primary-surface-hover': {},
+        '.sk-ai-bubble-tail': {
+          ["@apply shadow-primary-surface"]: {}
+        },
+        '&:hover': {
+          '.sk-ai-bubble-tail': {
+            ["@apply shadow-primary-surface-hover"]: {}
+          }
+        }
+      }
+    },
     '&-tail': {
       '@apply text-base': {},
       '@apply absolute left-0 bottom-[-1.25em]': {},
@@ -33,6 +68,12 @@ export var Bubble = colors => ({
       '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},
       '@apply scale-y-[25%]': {},
       '&:before': {
+        '&[data-shadow="true"]': {}
+      }
+    },
+    '&[data-shadow="true"]': {
+      '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
+      '.sk-ai-bubble-tail:before': {
         '@apply content-[""]': {},
         '@apply absolute left-0 bottom-[-0.15625em]': {},
         '@apply w-32 h-32': {},

package/dist/esm/components/ai/bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"bubble.js","names":["Bubble","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n  '.sk-ai-bubble': {\r\n    '@apply inline-flex text-left items-center justify-start': {},\r\n    '@apply w-fit': {},\r\n    '@apply focus-visible:ring ring-ring': {},\r\n    '@apply relative': {},\r\n    '@apply rounded-t-button rounded-br-button': {},\r\n    '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n    '@apply gap-16': {},\r\n    '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-${color}-surface-accent`]: {},\r\n          },\r\n          '&:hover': {\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-tail': {\r\n      '@apply text-base': {},\r\n      '@apply absolute left-0 bottom-[-1.25em]': {},\r\n      '@apply w-32 h-32': {},\r\n      '@apply rounded-tl-16 rounded-bl-0': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n      '@apply scale-y-[25%]': {},\r\n      '&:before': {\r\n        '@apply content-[\"\"]': {},\r\n        '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n        '@apply w-32 h-32': {},\r\n        '@apply rounded-tl-16 rounded-bl-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n        'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,eAAe,EAAAC,QAAA;IACb,yDAAyD,EAAE,CAAC,CAAC;IAC7D,cAAc,EAAE,CAAC,CAAC;IAClB,qCAAqC,EAAE,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,gCAAgC,EAAE,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC,CAAC;IACnB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC;EAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IAET,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,iCAA4BA,KAAK,6BAA0B,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,6BAA0B,CAAC;QACpD;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC,CAAC;MACtB,yCAAyC,EAAE,CAAC,CAAC;MAC7C,kBAAkB,EAAE,CAAC,CAAC;MACtB,mCAAmC,EAAE,CAAC,CAAC;MACvC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,mDAAmD,EAAE,CAAC,CAAC;MACvD,sBAAsB,EAAE,CAAC,CAAC;MAC1B,UAAU,EAAE;QACV,qBAAqB,EAAE,CAAC,CAAC;QACzB,4CAA4C,EAAE,CAAC,CAAC;QAChD,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,iDAAiD,EAAE,CAAC,CAAC;QACrD,WAAW,EAAE;MACf;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"bubble.js","names":["Bubble","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n  '.sk-ai-bubble': {\r\n    '@apply inline-flex text-left items-center justify-start': {},\r\n    '@apply w-fit': {},\r\n    '@apply focus-visible:ring ring-ring': {},\r\n    '@apply relative': {},\r\n    '@apply rounded-t-button rounded-br-button': {},\r\n    '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n    '@apply gap-16': {},\r\n\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-secondary': {},\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-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-${color}-surface-accent`]: {},\r\n          },\r\n          '&:hover': {\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n            },\r\n          },\r\n          '&[data-inverted=\"true\"]': {\r\n            [`@apply bg-${color}-surface-primary hover:bg-${color}-surface-primary-hover`]: {},\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-primary`]: {},\r\n            },\r\n            '&:hover': {\r\n              '.sk-ai-bubble-tail': {\r\n                [`@apply shadow-${color}-surface-primary-hover`]: {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},\r\n      '.sk-ai-bubble-tail': {\r\n        [`@apply shadow-inverted-primary-surface`]: {},\r\n      },\r\n      '&:hover': {\r\n        '.sk-ai-bubble-tail': {\r\n          [`@apply shadow-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply bg-primary-surface hover:bg-primary-surface-hover': {},\r\n        '.sk-ai-bubble-tail': {\r\n          [`@apply shadow-primary-surface`]: {},\r\n        },\r\n        '&:hover': {\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-primary-surface-hover`]: {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n    '&-tail': {\r\n      '@apply text-base': {},\r\n      '@apply absolute left-0 bottom-[-1.25em]': {},\r\n      '@apply w-32 h-32': {},\r\n      '@apply rounded-tl-16 rounded-bl-0': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n      '@apply scale-y-[25%]': {},\r\n      '&:before': {\r\n        '&[data-shadow=\"true\"]': {},\r\n      },\r\n    },\r\n\r\n    '&[data-shadow=\"true\"]': {\r\n      '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n      '.sk-ai-bubble-tail:before': {\r\n        '@apply content-[\"\"]': {},\r\n        '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n        '@apply w-32 h-32': {},\r\n        '@apply rounded-tl-16 rounded-bl-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n        'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,eAAe,EAAAC,QAAA;IACb,yDAAyD,EAAE,CAAC,CAAC;IAC7D,cAAc,EAAE,CAAC,CAAC;IAClB,qCAAqC,EAAE,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,gCAAgC,EAAE,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC,CAAC;IAEnB,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC,CAAC;IAEhC,yBAAyB,EAAE;MACzB,qCAAqC,EAAE,CAAC;IAC1C;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IAET,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,iCAA4BA,KAAK,6BAA0B,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,6BAA0B,CAAC;QACpD;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,gBAAcA,KAAK,kCAA6BA,KAAK,8BAA2B,CAAC,CAAC;QAClF,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,wBAAqB,CAAC;QAC/C,CAAC;QACD,SAAS,EAAE;UACT,oBAAoB,EAAE;YACpB,oBAAkBA,KAAK,8BAA2B,CAAC;UACrD;QACF;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,yBAAyB,EAAE;MACzB,4EAA4E,EAAE,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,4CAA4C,CAAC;MAC/C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,kDAAkD,CAAC;QACrD;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,0DAA0D,EAAE,CAAC,CAAC;QAC9D,oBAAoB,EAAE;UACpB,mCAAmC,CAAC;QACtC,CAAC;QACD,SAAS,EAAE;UACT,oBAAoB,EAAE;YACpB,yCAAyC,CAAC;UAC5C;QACF;MACF;IACF,CAAC;IACD,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC,CAAC;MACtB,yCAAyC,EAAE,CAAC,CAAC;MAC7C,kBAAkB,EAAE,CAAC,CAAC;MACtB,mCAAmC,EAAE,CAAC,CAAC;MACvC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,mDAAmD,EAAE,CAAC,CAAC;MACvD,sBAAsB,EAAE,CAAC,CAAC;MAC1B,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,2BAA2B,EAAE;QAC3B,qBAAqB,EAAE,CAAC,CAAC;QACzB,4CAA4C,EAAE,CAAC,CAAC;QAChD,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,iDAAiD,EAAE,CAAC,CAAC;QACrD,WAAW,EAAE;MACf;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}