@sk-web-gui/core 3.13.1 → 3.14.0

package/dist/cjs/components/badge.js

@@ -15,9 +15,16 @@ const Badge = (colors)=>({
             '@apply text-light-primary': {},
             '@apply rounded-utility': {},
             '@apply overflow-hidden': {},
-            // size
-            '@apply h-24 w-24': {},
-            '@apply text-label-small': {},
+            '&[data-size="sm"]': {
+                '@apply h-22 min-w-22': {},
+                '@apply p-4': {},
+                '@apply text-label-extra-small': {}
+            },
+            '&[data-size="md"]': {
+                '@apply h-24 min-w-24': {},
+                '@apply p-4': {},
+                '@apply text-label-small': {}
+            },
             '&[data-rounded="true"]': {
                 '@apply rounded-circular': {}
             },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-24 w-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\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  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\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    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\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"],"names":["Badge","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,QAAQ,CAACC,SAAsB,CAAA;QAC1C,aAAa;YACX,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,6BAA6B,CAAC;YAC9B,0BAA0B,CAAC;YAC3B,0BAA0B,CAAC;YAE3B,OAAO;YACP,oBAAoB,CAAC;YACrB,2BAA2B,CAAC;YAE5B,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,uBAAuB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAEvE,2BAA2B;4BACzB,sCAAsC,CAAC;4BACvC,CAAC,CAAC,mBAAmB,EAAEA,MAAM,+BAA+B,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC1F;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,6BAA6B,CAAC;gBAE9B,2BAA2B;oBACzB,sCAAsC,CAAC;oBACvC,+DAA+D,CAAC;gBAClE;YACF;QACF;IACF,CAAA"}
+{"version":3,"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    '&[data-size=\"sm\"]': {\r\n      '@apply h-22 min-w-22': {},\r\n      '@apply p-4': {},\r\n      '@apply text-label-extra-small': {},\r\n    },\r\n    '&[data-size=\"md\"]': {\r\n      '@apply h-24 min-w-24': {},\r\n      '@apply p-4': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\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  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\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    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\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"],"names":["Badge","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,QAAQ,CAACC,SAAsB,CAAA;QAC1C,aAAa;YACX,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,6BAA6B,CAAC;YAC9B,0BAA0B,CAAC;YAC3B,0BAA0B,CAAC;YAE3B,qBAAqB;gBACnB,wBAAwB,CAAC;gBACzB,cAAc,CAAC;gBACf,iCAAiC,CAAC;YACpC;YACA,qBAAqB;gBACnB,wBAAwB,CAAC;gBACzB,cAAc,CAAC;gBACf,2BAA2B,CAAC;YAC9B;YAEA,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,uBAAuB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAEvE,2BAA2B;4BACzB,sCAAsC,CAAC;4BACvC,CAAC,CAAC,mBAAmB,EAAEA,MAAM,+BAA+B,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC1F;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,6BAA6B,CAAC;gBAE9B,2BAA2B;oBACzB,sCAAsC,CAAC;oBACvC,+DAA+D,CAAC;gBAClE;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/card.js

@@ -217,6 +217,15 @@ const Card = (colors)=>({
             '@apply no-underline hover:no-underline': {},
             '@apply flex bg-vattjom-surface-accent': {},
             '@apply p-14 rounded-groups': {},
+            '&.sk-meta-card-use-hover-effect:hover': {
+                '@apply cursor-pointer': {}
+            },
+            '&.sk-meta-card-use-hover-effect[data-color="vattjom"]:hover': {
+                '@apply bg-vattjom-background-300': {}
+            },
+            '&.sk-meta-card-use-hover-effect[data-color="mono"]:hover': {
+                '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {}
+            },
             '&[data-color="mono"]': {
                 '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {}
             },
@@ -235,21 +244,46 @@ const Card = (colors)=>({
             '&-body': {
                 '&-header': {
                     'h1, h2, h3, h4, h5, h6, h7, a, p': {
-                        '@apply mt-6 text-base line-clamp-1': {},
+                        '@apply mt-6 line-clamp-1': {},
                         '@apply text-dark-primary': {}
                     }
                 },
                 '&-content': {
                     'p, a': {
-                        '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},
+                        '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {},
                         '@apply text-dark-secondary line-clamp-1': {}
                     }
                 }
             },
             '&-external-link-icon': {
-                '@apply ml-auto h-32 w-32': {},
-                '@apply p-6 text-dark': {}
+                '@apply ml-auto h-32 w-32 p-6 text-dark shrink-0': {}
             }
+        },
+        '.sk-meta-card[data-size="sm"]': {
+            '@apply h-[8.6rem]': {}
+        },
+        '.sk-meta-card[data-size="md"]': {
+            '@apply h-[9.4rem]': {}
+        },
+        '.sk-meta-card[data-size="sm"] .sk-meta-card-body-header': {
+            'h1, h2, h3, h4, h5, h6, h7, a, p': {
+                fontSize: '1.6rem ',
+                lineHeight: '2.4rem ',
+                fontWeight: 'bold '
+            }
+        },
+        '.sk-meta-card[data-size="sm"] .sk-meta-card-body-content': {
+            '@apply text-[1.4rem]': {}
+        },
+        '.sk-meta-card[data-size="md"] .sk-meta-card-body-header': {
+            'h1, h2, h3, h4, h5, h6, h7, a, p': {
+                fontSize: '1.8rem',
+                lineHeight: '2.6rem',
+                fontWeight: 'bold'
+            }
+        },
+        '.sk-meta-card[data-size="md"] .sk-meta-card-body-content': {
+            '@apply text-[1.6rem]': {}
         }
     });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/card.ts"],"sourcesContent":["export const Card = (colors: string[]) => ({\r\n  '.sk-card': {\r\n    '@apply text-base': {},\r\n    '@apply bg-white relative rounded-b-cards rounded-cards': {},\r\n    '@apply flex flex-col': {},\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply h-full': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply grid': {},\r\n    },\r\n\r\n    '&-image': {\r\n      '@apply object-cover grow': {},\r\n      '@apply rounded-t-cards': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply px-24 pb-24 pt-16 rounded-b-cards': {},\r\n      '@apply shrink': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '&-meta': {\r\n        '@apply flex space-x-12 mt-16 text-base': {},\r\n        span: {\r\n          '@apply flex space-x-4 items-center': {},\r\n          time: {\r\n            '@apply h-24': {},\r\n          },\r\n        },\r\n\r\n        '&.sk-card-image': {\r\n          '@apply min-h-[12.5em] max-h-[20em]': {},\r\n        },\r\n      },\r\n\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a': {\r\n          '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {},\r\n        },\r\n        span: {\r\n          '@apply pl-12': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        '@apply w-full': {},\r\n        'p, a': {\r\n          '@apply line-clamp-3 m-0 pt-8 text-base text-body': {},\r\n        },\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        '&[data-color=\"mono\"], &[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n\r\n          '.sk-card-body-meta': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n\r\n          '.sk-card-body-icon': {\r\n            '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},\r\n            '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},\r\n            '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {},\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            '@apply bg-primitives-gray-800': {},\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-light-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-light-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-light-secondary`]: {},\r\n                },\r\n              },\r\n\r\n              '.sk-card-body-icon': {\r\n                '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},\r\n                '@apply hover:bg-primitives-gray-lightest': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n\r\n        '&[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {},\r\n        },\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          // card\r\n          [`@apply bg-${color}-surface-primary-hover`]: {},\r\n\r\n          // clickable\r\n          '&.sk-card-use-hover-effect': {\r\n            // hover\r\n            [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          // Meta\r\n          '.sk-card-body': {\r\n            '&-meta': {\r\n              span: {\r\n                '@apply text-light-secondary': {},\r\n              },\r\n            },\r\n\r\n            // header\r\n            '&-header': {\r\n              'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                [`@apply text-light-primary`]: {},\r\n              },\r\n            },\r\n\r\n            // Content\r\n            '&-content': {\r\n              'p, a': {\r\n                [`@apply text-light-secondary`]: {},\r\n              },\r\n            },\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            // card\r\n            [`@apply bg-${color}-surface-accent-hover`]: {},\r\n\r\n            // clickable\r\n            '&.sk-card-use-hover-effect': {\r\n              // hover\r\n              [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {},\r\n            },\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-dark-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-dark-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-dark-secondary`]: {},\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // clickable\r\n    '&.sk-card-use-hover-effect': {\r\n      //Hide and show of icon\r\n      '.sk-card-body-icon': {\r\n        '@apply inline-flex': {},\r\n        '@apply mt-auto mb-auto mr-24': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-layout=\"horizontal\"]`]: {\r\n      '@apply flex-row h-full': {},\r\n\r\n      '.sk-card': {\r\n        '&-image': {\r\n          '@apply h-full w-[8em]': {},\r\n          '@apply float-left': {},\r\n          '@apply rounded-none rounded-l-cards grow-0': {},\r\n        },\r\n\r\n        '&-body': {\r\n          '@apply w-full': {},\r\n          '@apply border-none': {},\r\n\r\n          '&-wrapper': {\r\n            '@apply w-full': {},\r\n          },\r\n\r\n          '&-content': {\r\n            'p, a': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n\r\n          '&-meta': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.sk-card-link': {\r\n    '@apply hover:cursor-pointer': {},\r\n\r\n    '&::after': {\r\n      content: \"''\",\r\n      position: 'absolute',\r\n      left: '0',\r\n      top: '0',\r\n      right: '0',\r\n      bottom: '0',\r\n    },\r\n  },\r\n\r\n  /**\r\n   * Meta card\r\n   */\r\n  '.sk-meta-card': {\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply flex bg-vattjom-surface-accent': {},\r\n    '@apply p-14 rounded-groups': {},\r\n\r\n    '&[data-color=\"mono\"]': {\r\n      '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {},\r\n    },\r\n\r\n    '&[data-color=\"vattjom\"]': {\r\n      '@apply bg-vattjom-background-200': {},\r\n    },\r\n\r\n    '&-text-icon': {\r\n      '@apply mr-12 rounded-12 p-8': {},\r\n      '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n      '@apply text-dark': {},\r\n      svg: {\r\n        height: 'unset',\r\n        width: 'unset',\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n          '@apply mt-6 text-base line-clamp-1': {},\r\n          '@apply text-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        'p, a': {\r\n          '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},\r\n          '@apply text-dark-secondary line-clamp-1': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-external-link-icon': {\r\n      '@apply ml-auto h-32 w-32': {},\r\n      '@apply p-6 text-dark': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Card","colors","span","time","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/card.ts"],"sourcesContent":["export const Card = (colors: string[]) => ({\r\n  '.sk-card': {\r\n    '@apply text-base': {},\r\n    '@apply bg-white relative rounded-b-cards rounded-cards': {},\r\n    '@apply flex flex-col': {},\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply h-full': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply grid': {},\r\n    },\r\n\r\n    '&-image': {\r\n      '@apply object-cover grow': {},\r\n      '@apply rounded-t-cards': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply px-24 pb-24 pt-16 rounded-b-cards': {},\r\n      '@apply shrink': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '&-meta': {\r\n        '@apply flex space-x-12 mt-16 text-base': {},\r\n        span: {\r\n          '@apply flex space-x-4 items-center': {},\r\n          time: {\r\n            '@apply h-24': {},\r\n          },\r\n        },\r\n\r\n        '&.sk-card-image': {\r\n          '@apply min-h-[12.5em] max-h-[20em]': {},\r\n        },\r\n      },\r\n\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a': {\r\n          '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {},\r\n        },\r\n        span: {\r\n          '@apply pl-12': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        '@apply w-full': {},\r\n        'p, a': {\r\n          '@apply line-clamp-3 m-0 pt-8 text-base text-body': {},\r\n        },\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        '&[data-color=\"mono\"], &[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n\r\n          '.sk-card-body-meta': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n\r\n          '.sk-card-body-icon': {\r\n            '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},\r\n            '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},\r\n            '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {},\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            '@apply bg-primitives-gray-800': {},\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-light-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-light-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-light-secondary`]: {},\r\n                },\r\n              },\r\n\r\n              '.sk-card-body-icon': {\r\n                '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},\r\n                '@apply hover:bg-primitives-gray-lightest': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n\r\n        '&[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {},\r\n        },\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          // card\r\n          [`@apply bg-${color}-surface-primary-hover`]: {},\r\n\r\n          // clickable\r\n          '&.sk-card-use-hover-effect': {\r\n            // hover\r\n            [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          // Meta\r\n          '.sk-card-body': {\r\n            '&-meta': {\r\n              span: {\r\n                '@apply text-light-secondary': {},\r\n              },\r\n            },\r\n\r\n            // header\r\n            '&-header': {\r\n              'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                [`@apply text-light-primary`]: {},\r\n              },\r\n            },\r\n\r\n            // Content\r\n            '&-content': {\r\n              'p, a': {\r\n                [`@apply text-light-secondary`]: {},\r\n              },\r\n            },\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            // card\r\n            [`@apply bg-${color}-surface-accent-hover`]: {},\r\n\r\n            // clickable\r\n            '&.sk-card-use-hover-effect': {\r\n              // hover\r\n              [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {},\r\n            },\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-dark-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-dark-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-dark-secondary`]: {},\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // clickable\r\n    '&.sk-card-use-hover-effect': {\r\n      //Hide and show of icon\r\n      '.sk-card-body-icon': {\r\n        '@apply inline-flex': {},\r\n        '@apply mt-auto mb-auto mr-24': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-layout=\"horizontal\"]`]: {\r\n      '@apply flex-row h-full': {},\r\n\r\n      '.sk-card': {\r\n        '&-image': {\r\n          '@apply h-full w-[8em]': {},\r\n          '@apply float-left': {},\r\n          '@apply rounded-none rounded-l-cards grow-0': {},\r\n        },\r\n\r\n        '&-body': {\r\n          '@apply w-full': {},\r\n          '@apply border-none': {},\r\n\r\n          '&-wrapper': {\r\n            '@apply w-full': {},\r\n          },\r\n\r\n          '&-content': {\r\n            'p, a': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n\r\n          '&-meta': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.sk-card-link': {\r\n    '@apply hover:cursor-pointer': {},\r\n\r\n    '&::after': {\r\n      content: \"''\",\r\n      position: 'absolute',\r\n      left: '0',\r\n      top: '0',\r\n      right: '0',\r\n      bottom: '0',\r\n    },\r\n  },\r\n\r\n  /**\r\n   * Meta card\r\n   */\r\n  '.sk-meta-card': {\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply flex bg-vattjom-surface-accent': {},\r\n    '@apply p-14 rounded-groups': {},\r\n\r\n    '&.sk-meta-card-use-hover-effect:hover': {\r\n      '@apply cursor-pointer': {},\r\n    },\r\n\r\n    '&.sk-meta-card-use-hover-effect[data-color=\"vattjom\"]:hover': {\r\n      '@apply bg-vattjom-background-300': {},\r\n    },\r\n\r\n    '&.sk-meta-card-use-hover-effect[data-color=\"mono\"]:hover': {\r\n      '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {},\r\n    },\r\n\r\n    '&[data-color=\"mono\"]': {\r\n      '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {},\r\n    },\r\n\r\n    '&[data-color=\"vattjom\"]': {\r\n      '@apply bg-vattjom-background-200': {},\r\n    },\r\n\r\n    '&-text-icon': {\r\n      '@apply mr-12 rounded-12 p-8': {},\r\n      '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n      '@apply text-dark': {},\r\n      svg: {\r\n        height: 'unset',\r\n        width: 'unset',\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n          '@apply mt-6 line-clamp-1': {},\r\n          '@apply text-dark-primary': {},\r\n        },\r\n      },\r\n      '&-content': {\r\n        'p, a': {\r\n          '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {},\r\n          '@apply text-dark-secondary line-clamp-1': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-external-link-icon': {\r\n      '@apply ml-auto h-32 w-32 p-6 text-dark shrink-0': {},\r\n    },\r\n  },\r\n\r\n  '.sk-meta-card[data-size=\"sm\"]': {\r\n    '@apply h-[8.6rem]': {},\r\n  },\r\n  '.sk-meta-card[data-size=\"md\"]': {\r\n    '@apply h-[9.4rem]': {},\r\n  },\r\n  '.sk-meta-card[data-size=\"sm\"] .sk-meta-card-body-header': {\r\n    'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n      fontSize: '1.6rem ',\r\n      lineHeight: '2.4rem ',\r\n      fontWeight: 'bold ',\r\n    },\r\n  },\r\n  '.sk-meta-card[data-size=\"sm\"] .sk-meta-card-body-content': {\r\n    '@apply text-[1.4rem]': {},\r\n  },\r\n  '.sk-meta-card[data-size=\"md\"] .sk-meta-card-body-header': {\r\n    'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n      fontSize: '1.8rem',\r\n      lineHeight: '2.6rem',\r\n      fontWeight: 'bold',\r\n    },\r\n  },\r\n  '.sk-meta-card[data-size=\"md\"] .sk-meta-card-body-content': {\r\n    '@apply text-[1.6rem]': {},\r\n  },\r\n});\r\n"],"names":["Card","colors","span","time","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width","fontSize","lineHeight","fontWeight"],"mappings":"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"}

package/dist/cjs/components/tabs.js

@@ -48,7 +48,7 @@ const Tabs = (colors)=>({
                         }
                     },
                     '.sk-tabs-list-item-divider': {
-                        '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {}
+                        '@apply m-0 min-h-2 h-2 opacity-0': {}
                     },
                     '&[data-current="true"]': {
                         '.sk-tabs-list-item-divider': {

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-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,MAAMA,OAAO,CAACC,SAAsB,CAAA;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;oBAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;4BAClB,GAAGD,MAAM;4BACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;gCAC5B,8BAA8B;oCAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;gCAC3C;4BACF;wBACF,CAAA,GACA,CAAC,EACF;oBACD,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;gBACF;YACF;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF,CAAA"}
+{"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 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,MAAMA,OAAO,CAACC,SAAsB,CAAA;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,oCAAoC,CAAC;oBACvC;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;oBAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;4BAClB,GAAGD,MAAM;4BACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;gCAC5B,8BAA8B;oCAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;gCAC3C;4BACF;wBACF,CAAA,GACA,CAAC,EACF;oBACD,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;gBACF;YACF;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/text-editor.js

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TextEditor", {
+    enumerable: true,
+    get: function() {
+        return TextEditor;
+    }
+});
+const TextEditor = ()=>({
+        '.sk-texteditor': {
+            '.ql-toolbar.ql-snow': {
+                '@apply flex items-center bg-background-200 rounded-t-xl border-input-field-outline h-[4rem] pl-4': {},
+                '.ql-stroke': {
+                    '@apply stroke-dark-primary': {}
+                },
+                '.ql-fill': {
+                    '@apply fill-dark-primary': {}
+                },
+                '.ql-divider': {
+                    '@apply w-[0.1rem] h-[3.2rem] bg-divider mr-[1.2rem]': {}
+                },
+                '.tooltip-container': {
+                    '@apply absolute z-10 top-full mt-0 left-1/2 -translate-x-1/2 invisible opacity-0 transition-opacity duration-200 ease-in-out whitespace-nowrap': {}
+                },
+                '.ql-formats': {
+                    '@apply flex gap-4 mr-[1.2rem]': {}
+                },
+                svg: {
+                    '@apply h-[2.0rem] w-[2.0rem]': {}
+                },
+                button: {
+                    '@apply h-[3.2rem] w-[3.2rem] rounded-10 text-dark-primary': {},
+                    '&:hover, &:hover:focus-visible': {
+                        '@apply bg-tertiary-surface-hover': {}
+                    },
+                    '&:focus-visible': {
+                        '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 bg-background-content': {}
+                    },
+                    '&.ql-active': {
+                        '@apply bg-tertiary-surface-hover': {},
+                        '.ql-fill': {
+                            '@apply fill-dark-primary': {}
+                        },
+                        '.ql-stroke': {
+                            '@apply stroke-dark-primary': {}
+                        }
+                    },
+                    '&:hover .ql-fill, &:focus-visible .ql-fill': {
+                        '@apply fill-dark-primary': {}
+                    },
+                    '&:hover .ql-stroke, &:focus-visible .ql-stroke': {
+                        '@apply stroke-dark-primary': {}
+                    },
+                    '&:hover .tooltip-container, &:focus-visible .tooltip-container': {
+                        '@apply visible opacity-100': {}
+                    }
+                },
+                '&.ql-disabled': {
+                    '@apply border-input-field-outline-disabled': {},
+                    '.ql-fill': {
+                        '@apply fill-dark-disabled': {}
+                    },
+                    '.ql-stroke': {
+                        '@apply stroke-dark-disabled': {}
+                    },
+                    button: {
+                        '@apply bg-background-200 text-dark-disabled cursor-default': {},
+                        '&.ql-active': {
+                            '@apply bg-background-200 text-dark-disabled': {}
+                        },
+                        '&:hover': {
+                            '@apply bg-background-200 text-dark-disabled': {}
+                        },
+                        '&:hover .ql-fill': {
+                            '@apply fill-dark-disabled': {}
+                        },
+                        '&:hover .ql-stroke': {
+                            '@apply stroke-dark-disabled': {}
+                        },
+                        '&:hover .tooltip-container': {
+                            '@apply hidden opacity-0': {}
+                        }
+                    }
+                }
+            },
+            '.ql-container.ql-snow': {
+                '@apply border-input-field-outline rounded-b-xl': {},
+                ':focus-visible': {
+                    '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 rounded-b-xl': {}
+                },
+                '&.disable-toolbar': {
+                    '@apply rounded-t-xl': {},
+                    ':focus-visible': {
+                        '@apply rounded-t-xl': {}
+                    }
+                },
+                '&.ql-disabled': {
+                    '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {}
+                }
+            },
+            // Tooltip-text
+            '.ql-tooltip.ql-editing': {
+                input: {
+                    '@apply rounded-0': {},
+                    '&:focus-visible': {
+                        '@apply rounded-0': {}
+                    }
+                }
+            },
+            '.ql-snow .ql-tooltip.ql-editing a.ql-action::after': {
+                content: '"Spara"'
+            },
+            '.ql-snow .ql-tooltip[data-mode=link]::before': {
+                content: '"Ange länk:"'
+            },
+            '.ql-snow .ql-tooltip::before': {
+                content: '"Besök URL:"'
+            },
+            '.ql-snow .ql-tooltip a.ql-action::after': {
+                content: '"Ändra"'
+            },
+            '.ql-snow .ql-tooltip a.ql-remove::before': {
+                content: '"Ta bort"'
+            }
+        }
+    });
+
+//# sourceMappingURL=text-editor.js.map

package/dist/cjs/components/text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/text-editor.ts"],"sourcesContent":["export const TextEditor = () => ({\r\n  '.sk-texteditor': {\r\n    '.ql-toolbar.ql-snow': {\r\n      '@apply flex items-center bg-background-200 rounded-t-xl border-input-field-outline h-[4rem] pl-4': {},\r\n      '.ql-stroke': {\r\n        '@apply stroke-dark-primary': {},\r\n      },\r\n      '.ql-fill': {\r\n        '@apply fill-dark-primary': {},\r\n      },\r\n      '.ql-divider': {\r\n        '@apply w-[0.1rem] h-[3.2rem] bg-divider mr-[1.2rem]': {},\r\n      },\r\n      '.tooltip-container': {\r\n        '@apply absolute z-10 top-full mt-0 left-1/2 -translate-x-1/2 invisible opacity-0 transition-opacity duration-200 ease-in-out whitespace-nowrap':\r\n          {},\r\n      },\r\n      '.ql-formats': {\r\n        '@apply flex gap-4 mr-[1.2rem]': {},\r\n      },\r\n\r\n      svg: {\r\n        '@apply h-[2.0rem] w-[2.0rem]': {},\r\n      },\r\n\r\n      button: {\r\n        '@apply h-[3.2rem] w-[3.2rem] rounded-10 text-dark-primary': {},\r\n        '&:hover, &:hover:focus-visible': {\r\n          '@apply bg-tertiary-surface-hover': {},\r\n        },\r\n        '&:focus-visible': {\r\n          '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 bg-background-content': {},\r\n        },\r\n\r\n        '&.ql-active': {\r\n          '@apply bg-tertiary-surface-hover': {},\r\n          '.ql-fill': {\r\n            '@apply fill-dark-primary': {},\r\n          },\r\n          '.ql-stroke': {\r\n            '@apply stroke-dark-primary': {},\r\n          },\r\n        },\r\n        '&:hover .ql-fill, &:focus-visible .ql-fill': {\r\n          '@apply fill-dark-primary': {},\r\n        },\r\n        '&:hover .ql-stroke, &:focus-visible .ql-stroke': {\r\n          '@apply stroke-dark-primary': {},\r\n        },\r\n        '&:hover .tooltip-container, &:focus-visible .tooltip-container': {\r\n          '@apply visible opacity-100': {},\r\n        },\r\n      },\r\n\r\n      '&.ql-disabled': {\r\n        '@apply border-input-field-outline-disabled': {},\r\n        '.ql-fill': {\r\n          '@apply fill-dark-disabled': {},\r\n        },\r\n        '.ql-stroke': {\r\n          '@apply stroke-dark-disabled': {},\r\n        },\r\n        button: {\r\n          '@apply bg-background-200 text-dark-disabled cursor-default': {},\r\n          '&.ql-active': {\r\n            '@apply bg-background-200 text-dark-disabled': {},\r\n          },\r\n          '&:hover': {\r\n            '@apply bg-background-200 text-dark-disabled': {},\r\n          },\r\n          '&:hover .ql-fill': {\r\n            '@apply fill-dark-disabled': {},\r\n          },\r\n          '&:hover .ql-stroke': {\r\n            '@apply stroke-dark-disabled': {},\r\n          },\r\n          '&:hover .tooltip-container': {\r\n            '@apply hidden opacity-0': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '.ql-container.ql-snow': {\r\n      '@apply border-input-field-outline rounded-b-xl': {},\r\n      ':focus-visible': {\r\n        '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 rounded-b-xl': {},\r\n      },\r\n      '&.disable-toolbar': {\r\n        '@apply rounded-t-xl': {},\r\n        ':focus-visible': {\r\n          '@apply rounded-t-xl': {},\r\n        },\r\n      },\r\n      '&.ql-disabled': {\r\n        '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {},\r\n      },\r\n    },\r\n\r\n    // Tooltip-text\r\n    '.ql-tooltip.ql-editing': {\r\n      input: {\r\n        '@apply rounded-0': {},\r\n        '&:focus-visible': {\r\n          '@apply rounded-0': {},\r\n        },\r\n      },\r\n    },\r\n    '.ql-snow .ql-tooltip.ql-editing a.ql-action::after': {\r\n      content: '\"Spara\"',\r\n    },\r\n    '.ql-snow .ql-tooltip[data-mode=link]::before': {\r\n      content: '\"Ange länk:\"',\r\n    },\r\n    '.ql-snow .ql-tooltip::before': {\r\n      content: '\"Besök URL:\"',\r\n    },\r\n    '.ql-snow .ql-tooltip a.ql-action::after': {\r\n      content: '\"Ändra\"',\r\n    },\r\n    '.ql-snow .ql-tooltip a.ql-remove::before': {\r\n      content: '\"Ta bort\"',\r\n    },\r\n  },\r\n});\r\n"],"names":["TextEditor","svg","button","input","content"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,aAAa,IAAO,CAAA;QAC/B,kBAAkB;YAChB,uBAAuB;gBACrB,oGAAoG,CAAC;gBACrG,cAAc;oBACZ,8BAA8B,CAAC;gBACjC;gBACA,YAAY;oBACV,4BAA4B,CAAC;gBAC/B;gBACA,eAAe;oBACb,uDAAuD,CAAC;gBAC1D;gBACA,sBAAsB;oBACpB,kJACE,CAAC;gBACL;gBACA,eAAe;oBACb,iCAAiC,CAAC;gBACpC;gBAEAC,KAAK;oBACH,gCAAgC,CAAC;gBACnC;gBAEAC,QAAQ;oBACN,6DAA6D,CAAC;oBAC9D,kCAAkC;wBAChC,oCAAoC,CAAC;oBACvC;oBACA,mBAAmB;wBACjB,+EAA+E,CAAC;oBAClF;oBAEA,eAAe;wBACb,oCAAoC,CAAC;wBACrC,YAAY;4BACV,4BAA4B,CAAC;wBAC/B;wBACA,cAAc;4BACZ,8BAA8B,CAAC;wBACjC;oBACF;oBACA,8CAA8C;wBAC5C,4BAA4B,CAAC;oBAC/B;oBACA,kDAAkD;wBAChD,8BAA8B,CAAC;oBACjC;oBACA,kEAAkE;wBAChE,8BAA8B,CAAC;oBACjC;gBACF;gBAEA,iBAAiB;oBACf,8CAA8C,CAAC;oBAC/C,YAAY;wBACV,6BAA6B,CAAC;oBAChC;oBACA,cAAc;wBACZ,+BAA+B,CAAC;oBAClC;oBACAA,QAAQ;wBACN,8DAA8D,CAAC;wBAC/D,eAAe;4BACb,+CAA+C,CAAC;wBAClD;wBACA,WAAW;4BACT,+CAA+C,CAAC;wBAClD;wBACA,oBAAoB;4BAClB,6BAA6B,CAAC;wBAChC;wBACA,sBAAsB;4BACpB,+BAA+B,CAAC;wBAClC;wBACA,8BAA8B;4BAC5B,2BAA2B,CAAC;wBAC9B;oBACF;gBACF;YACF;YAEA,yBAAyB;gBACvB,kDAAkD,CAAC;gBACnD,kBAAkB;oBAChB,sEAAsE,CAAC;gBACzE;gBACA,qBAAqB;oBACnB,uBAAuB,CAAC;oBACxB,kBAAkB;wBAChB,uBAAuB,CAAC;oBAC1B;gBACF;gBACA,iBAAiB;oBACf,8EAA8E,CAAC;gBACjF;YACF;YAEA,eAAe;YACf,0BAA0B;gBACxBC,OAAO;oBACL,oBAAoB,CAAC;oBACrB,mBAAmB;wBACjB,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,sDAAsD;gBACpDC,SAAS;YACX;YACA,gDAAgD;gBAC9CA,SAAS;YACX;YACA,gCAAgC;gBAC9BA,SAAS;YACX;YACA,2CAA2C;gBACzCA,SAAS;YACX;YACA,4CAA4C;gBAC1CA,SAAS;YACX;QACF;IACF,CAAA"}

package/dist/cjs/components.js

@@ -49,6 +49,7 @@ const _spinner = require("./components/spinner");
 const _switch = require("./components/switch");
 const _table = require("./components/table");
 const _tabs = require("./components/tabs");
+const _texteditor = require("./components/text-editor");
 const _tooltip = require("./components/tooltip");
 const _usermenu = require("./components/user-menu");
 const _aifeed = require("./components/ai/ai-feed");
@@ -280,6 +281,9 @@ const components = [
     {
         comp: _spinner.Spinner
     },
+    {
+        comp: _texteditor.TextEditor
+    },
     {
         comp: _radio.Radio
     },

package/dist/cjs/components.js.map

@@ -1 +1 @@
-{"version":3,"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 { FileUpload } from './components/file-upload';\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: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\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"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CookieConsent","Forms","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","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"],"mappings":"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"}
+{"version":3,"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 { FileUpload } from './components/file-upload';\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 { TextEditor } from './components/text-editor';\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: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\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: TextEditor },\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"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CookieConsent","Forms","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","Header","List","MenuBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","TextEditor","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","NewSessionButton","TypingSequence"],"mappings":"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"}

package/dist/esm/components/badge.js

@@ -5,9 +5,16 @@ export const Badge = (colors)=>({
             '@apply text-light-primary': {},
             '@apply rounded-utility': {},
             '@apply overflow-hidden': {},
-            // size
-            '@apply h-24 w-24': {},
-            '@apply text-label-small': {},
+            '&[data-size="sm"]': {
+                '@apply h-22 min-w-22': {},
+                '@apply p-4': {},
+                '@apply text-label-extra-small': {}
+            },
+            '&[data-size="md"]': {
+                '@apply h-24 min-w-24': {},
+                '@apply p-4': {},
+                '@apply text-label-small': {}
+            },
             '&[data-rounded="true"]': {
                 '@apply rounded-circular': {}
             },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-24 w-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\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  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\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    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\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"],"names":["Badge","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,SAAsB,CAAA;QAC1C,aAAa;YACX,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,6BAA6B,CAAC;YAC9B,0BAA0B,CAAC;YAC3B,0BAA0B,CAAC;YAE3B,OAAO;YACP,oBAAoB,CAAC;YACrB,2BAA2B,CAAC;YAE5B,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,uBAAuB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAEvE,2BAA2B;4BACzB,sCAAsC,CAAC;4BACvC,CAAC,CAAC,mBAAmB,EAAEA,MAAM,+BAA+B,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC1F;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,6BAA6B,CAAC;gBAE9B,2BAA2B;oBACzB,sCAAsC,CAAC;oBACvC,+DAA+D,CAAC;gBAClE;YACF;QACF;IACF,CAAA,EAAG"}
+{"version":3,"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    '&[data-size=\"sm\"]': {\r\n      '@apply h-22 min-w-22': {},\r\n      '@apply p-4': {},\r\n      '@apply text-label-extra-small': {},\r\n    },\r\n    '&[data-size=\"md\"]': {\r\n      '@apply h-24 min-w-24': {},\r\n      '@apply p-4': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\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  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\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    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\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"],"names":["Badge","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,SAAsB,CAAA;QAC1C,aAAa;YACX,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,6BAA6B,CAAC;YAC9B,0BAA0B,CAAC;YAC3B,0BAA0B,CAAC;YAE3B,qBAAqB;gBACnB,wBAAwB,CAAC;gBACzB,cAAc,CAAC;gBACf,iCAAiC,CAAC;YACpC;YACA,qBAAqB;gBACnB,wBAAwB,CAAC;gBACzB,cAAc,CAAC;gBACf,2BAA2B,CAAC;YAC9B;YAEA,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,uBAAuB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAEvE,2BAA2B;4BACzB,sCAAsC,CAAC;4BACvC,CAAC,CAAC,mBAAmB,EAAEA,MAAM,+BAA+B,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC1F;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,6BAA6B,CAAC;gBAE9B,2BAA2B;oBACzB,sCAAsC,CAAC;oBACvC,+DAA+D,CAAC;gBAClE;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/card.js

@@ -207,6 +207,15 @@ export const Card = (colors)=>({
             '@apply no-underline hover:no-underline': {},
             '@apply flex bg-vattjom-surface-accent': {},
             '@apply p-14 rounded-groups': {},
+            '&.sk-meta-card-use-hover-effect:hover': {
+                '@apply cursor-pointer': {}
+            },
+            '&.sk-meta-card-use-hover-effect[data-color="vattjom"]:hover': {
+                '@apply bg-vattjom-background-300': {}
+            },
+            '&.sk-meta-card-use-hover-effect[data-color="mono"]:hover': {
+                '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {}
+            },
             '&[data-color="mono"]': {
                 '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {}
             },
@@ -225,21 +234,46 @@ export const Card = (colors)=>({
             '&-body': {
                 '&-header': {
                     'h1, h2, h3, h4, h5, h6, h7, a, p': {
-                        '@apply mt-6 text-base line-clamp-1': {},
+                        '@apply mt-6 line-clamp-1': {},
                         '@apply text-dark-primary': {}
                     }
                 },
                 '&-content': {
                     'p, a': {
-                        '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},
+                        '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {},
                         '@apply text-dark-secondary line-clamp-1': {}
                     }
                 }
             },
             '&-external-link-icon': {
-                '@apply ml-auto h-32 w-32': {},
-                '@apply p-6 text-dark': {}
+                '@apply ml-auto h-32 w-32 p-6 text-dark shrink-0': {}
             }
+        },
+        '.sk-meta-card[data-size="sm"]': {
+            '@apply h-[8.6rem]': {}
+        },
+        '.sk-meta-card[data-size="md"]': {
+            '@apply h-[9.4rem]': {}
+        },
+        '.sk-meta-card[data-size="sm"] .sk-meta-card-body-header': {
+            'h1, h2, h3, h4, h5, h6, h7, a, p': {
+                fontSize: '1.6rem ',
+                lineHeight: '2.4rem ',
+                fontWeight: 'bold '
+            }
+        },
+        '.sk-meta-card[data-size="sm"] .sk-meta-card-body-content': {
+            '@apply text-[1.4rem]': {}
+        },
+        '.sk-meta-card[data-size="md"] .sk-meta-card-body-header': {
+            'h1, h2, h3, h4, h5, h6, h7, a, p': {
+                fontSize: '1.8rem',
+                lineHeight: '2.6rem',
+                fontWeight: 'bold'
+            }
+        },
+        '.sk-meta-card[data-size="md"] .sk-meta-card-body-content': {
+            '@apply text-[1.6rem]': {}
         }
     });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/card.ts"],"sourcesContent":["export const Card = (colors: string[]) => ({\r\n  '.sk-card': {\r\n    '@apply text-base': {},\r\n    '@apply bg-white relative rounded-b-cards rounded-cards': {},\r\n    '@apply flex flex-col': {},\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply h-full': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply grid': {},\r\n    },\r\n\r\n    '&-image': {\r\n      '@apply object-cover grow': {},\r\n      '@apply rounded-t-cards': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply px-24 pb-24 pt-16 rounded-b-cards': {},\r\n      '@apply shrink': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '&-meta': {\r\n        '@apply flex space-x-12 mt-16 text-base': {},\r\n        span: {\r\n          '@apply flex space-x-4 items-center': {},\r\n          time: {\r\n            '@apply h-24': {},\r\n          },\r\n        },\r\n\r\n        '&.sk-card-image': {\r\n          '@apply min-h-[12.5em] max-h-[20em]': {},\r\n        },\r\n      },\r\n\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a': {\r\n          '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {},\r\n        },\r\n        span: {\r\n          '@apply pl-12': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        '@apply w-full': {},\r\n        'p, a': {\r\n          '@apply line-clamp-3 m-0 pt-8 text-base text-body': {},\r\n        },\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        '&[data-color=\"mono\"], &[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n\r\n          '.sk-card-body-meta': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n\r\n          '.sk-card-body-icon': {\r\n            '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},\r\n            '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},\r\n            '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {},\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            '@apply bg-primitives-gray-800': {},\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-light-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-light-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-light-secondary`]: {},\r\n                },\r\n              },\r\n\r\n              '.sk-card-body-icon': {\r\n                '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},\r\n                '@apply hover:bg-primitives-gray-lightest': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n\r\n        '&[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {},\r\n        },\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          // card\r\n          [`@apply bg-${color}-surface-primary-hover`]: {},\r\n\r\n          // clickable\r\n          '&.sk-card-use-hover-effect': {\r\n            // hover\r\n            [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          // Meta\r\n          '.sk-card-body': {\r\n            '&-meta': {\r\n              span: {\r\n                '@apply text-light-secondary': {},\r\n              },\r\n            },\r\n\r\n            // header\r\n            '&-header': {\r\n              'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                [`@apply text-light-primary`]: {},\r\n              },\r\n            },\r\n\r\n            // Content\r\n            '&-content': {\r\n              'p, a': {\r\n                [`@apply text-light-secondary`]: {},\r\n              },\r\n            },\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            // card\r\n            [`@apply bg-${color}-surface-accent-hover`]: {},\r\n\r\n            // clickable\r\n            '&.sk-card-use-hover-effect': {\r\n              // hover\r\n              [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {},\r\n            },\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-dark-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-dark-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-dark-secondary`]: {},\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // clickable\r\n    '&.sk-card-use-hover-effect': {\r\n      //Hide and show of icon\r\n      '.sk-card-body-icon': {\r\n        '@apply inline-flex': {},\r\n        '@apply mt-auto mb-auto mr-24': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-layout=\"horizontal\"]`]: {\r\n      '@apply flex-row h-full': {},\r\n\r\n      '.sk-card': {\r\n        '&-image': {\r\n          '@apply h-full w-[8em]': {},\r\n          '@apply float-left': {},\r\n          '@apply rounded-none rounded-l-cards grow-0': {},\r\n        },\r\n\r\n        '&-body': {\r\n          '@apply w-full': {},\r\n          '@apply border-none': {},\r\n\r\n          '&-wrapper': {\r\n            '@apply w-full': {},\r\n          },\r\n\r\n          '&-content': {\r\n            'p, a': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n\r\n          '&-meta': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.sk-card-link': {\r\n    '@apply hover:cursor-pointer': {},\r\n\r\n    '&::after': {\r\n      content: \"''\",\r\n      position: 'absolute',\r\n      left: '0',\r\n      top: '0',\r\n      right: '0',\r\n      bottom: '0',\r\n    },\r\n  },\r\n\r\n  /**\r\n   * Meta card\r\n   */\r\n  '.sk-meta-card': {\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply flex bg-vattjom-surface-accent': {},\r\n    '@apply p-14 rounded-groups': {},\r\n\r\n    '&[data-color=\"mono\"]': {\r\n      '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {},\r\n    },\r\n\r\n    '&[data-color=\"vattjom\"]': {\r\n      '@apply bg-vattjom-background-200': {},\r\n    },\r\n\r\n    '&-text-icon': {\r\n      '@apply mr-12 rounded-12 p-8': {},\r\n      '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n      '@apply text-dark': {},\r\n      svg: {\r\n        height: 'unset',\r\n        width: 'unset',\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n          '@apply mt-6 text-base line-clamp-1': {},\r\n          '@apply text-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        'p, a': {\r\n          '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},\r\n          '@apply text-dark-secondary line-clamp-1': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-external-link-icon': {\r\n      '@apply ml-auto h-32 w-32': {},\r\n      '@apply p-6 text-dark': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Card","colors","span","time","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/card.ts"],"sourcesContent":["export const Card = (colors: string[]) => ({\r\n  '.sk-card': {\r\n    '@apply text-base': {},\r\n    '@apply bg-white relative rounded-b-cards rounded-cards': {},\r\n    '@apply flex flex-col': {},\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply h-full': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply grid': {},\r\n    },\r\n\r\n    '&-image': {\r\n      '@apply object-cover grow': {},\r\n      '@apply rounded-t-cards': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply px-24 pb-24 pt-16 rounded-b-cards': {},\r\n      '@apply shrink': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '&-meta': {\r\n        '@apply flex space-x-12 mt-16 text-base': {},\r\n        span: {\r\n          '@apply flex space-x-4 items-center': {},\r\n          time: {\r\n            '@apply h-24': {},\r\n          },\r\n        },\r\n\r\n        '&.sk-card-image': {\r\n          '@apply min-h-[12.5em] max-h-[20em]': {},\r\n        },\r\n      },\r\n\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a': {\r\n          '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {},\r\n        },\r\n        span: {\r\n          '@apply pl-12': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        '@apply w-full': {},\r\n        'p, a': {\r\n          '@apply line-clamp-3 m-0 pt-8 text-base text-body': {},\r\n        },\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        '&[data-color=\"mono\"], &[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n\r\n          '.sk-card-body-meta': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n\r\n          '.sk-card-body-icon': {\r\n            '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},\r\n            '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},\r\n            '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {},\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            '@apply bg-primitives-gray-800': {},\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-light-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-light-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-light-secondary`]: {},\r\n                },\r\n              },\r\n\r\n              '.sk-card-body-icon': {\r\n                '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},\r\n                '@apply hover:bg-primitives-gray-lightest': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n\r\n        '&[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {},\r\n        },\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          // card\r\n          [`@apply bg-${color}-surface-primary-hover`]: {},\r\n\r\n          // clickable\r\n          '&.sk-card-use-hover-effect': {\r\n            // hover\r\n            [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          // Meta\r\n          '.sk-card-body': {\r\n            '&-meta': {\r\n              span: {\r\n                '@apply text-light-secondary': {},\r\n              },\r\n            },\r\n\r\n            // header\r\n            '&-header': {\r\n              'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                [`@apply text-light-primary`]: {},\r\n              },\r\n            },\r\n\r\n            // Content\r\n            '&-content': {\r\n              'p, a': {\r\n                [`@apply text-light-secondary`]: {},\r\n              },\r\n            },\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            // card\r\n            [`@apply bg-${color}-surface-accent-hover`]: {},\r\n\r\n            // clickable\r\n            '&.sk-card-use-hover-effect': {\r\n              // hover\r\n              [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {},\r\n            },\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-dark-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-dark-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-dark-secondary`]: {},\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // clickable\r\n    '&.sk-card-use-hover-effect': {\r\n      //Hide and show of icon\r\n      '.sk-card-body-icon': {\r\n        '@apply inline-flex': {},\r\n        '@apply mt-auto mb-auto mr-24': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-layout=\"horizontal\"]`]: {\r\n      '@apply flex-row h-full': {},\r\n\r\n      '.sk-card': {\r\n        '&-image': {\r\n          '@apply h-full w-[8em]': {},\r\n          '@apply float-left': {},\r\n          '@apply rounded-none rounded-l-cards grow-0': {},\r\n        },\r\n\r\n        '&-body': {\r\n          '@apply w-full': {},\r\n          '@apply border-none': {},\r\n\r\n          '&-wrapper': {\r\n            '@apply w-full': {},\r\n          },\r\n\r\n          '&-content': {\r\n            'p, a': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n\r\n          '&-meta': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.sk-card-link': {\r\n    '@apply hover:cursor-pointer': {},\r\n\r\n    '&::after': {\r\n      content: \"''\",\r\n      position: 'absolute',\r\n      left: '0',\r\n      top: '0',\r\n      right: '0',\r\n      bottom: '0',\r\n    },\r\n  },\r\n\r\n  /**\r\n   * Meta card\r\n   */\r\n  '.sk-meta-card': {\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply flex bg-vattjom-surface-accent': {},\r\n    '@apply p-14 rounded-groups': {},\r\n\r\n    '&.sk-meta-card-use-hover-effect:hover': {\r\n      '@apply cursor-pointer': {},\r\n    },\r\n\r\n    '&.sk-meta-card-use-hover-effect[data-color=\"vattjom\"]:hover': {\r\n      '@apply bg-vattjom-background-300': {},\r\n    },\r\n\r\n    '&.sk-meta-card-use-hover-effect[data-color=\"mono\"]:hover': {\r\n      '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {},\r\n    },\r\n\r\n    '&[data-color=\"mono\"]': {\r\n      '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {},\r\n    },\r\n\r\n    '&[data-color=\"vattjom\"]': {\r\n      '@apply bg-vattjom-background-200': {},\r\n    },\r\n\r\n    '&-text-icon': {\r\n      '@apply mr-12 rounded-12 p-8': {},\r\n      '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n      '@apply text-dark': {},\r\n      svg: {\r\n        height: 'unset',\r\n        width: 'unset',\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n          '@apply mt-6 line-clamp-1': {},\r\n          '@apply text-dark-primary': {},\r\n        },\r\n      },\r\n      '&-content': {\r\n        'p, a': {\r\n          '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {},\r\n          '@apply text-dark-secondary line-clamp-1': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-external-link-icon': {\r\n      '@apply ml-auto h-32 w-32 p-6 text-dark shrink-0': {},\r\n    },\r\n  },\r\n\r\n  '.sk-meta-card[data-size=\"sm\"]': {\r\n    '@apply h-[8.6rem]': {},\r\n  },\r\n  '.sk-meta-card[data-size=\"md\"]': {\r\n    '@apply h-[9.4rem]': {},\r\n  },\r\n  '.sk-meta-card[data-size=\"sm\"] .sk-meta-card-body-header': {\r\n    'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n      fontSize: '1.6rem ',\r\n      lineHeight: '2.4rem ',\r\n      fontWeight: 'bold ',\r\n    },\r\n  },\r\n  '.sk-meta-card[data-size=\"sm\"] .sk-meta-card-body-content': {\r\n    '@apply text-[1.4rem]': {},\r\n  },\r\n  '.sk-meta-card[data-size=\"md\"] .sk-meta-card-body-header': {\r\n    'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n      fontSize: '1.8rem',\r\n      lineHeight: '2.6rem',\r\n      fontWeight: 'bold',\r\n    },\r\n  },\r\n  '.sk-meta-card[data-size=\"md\"] .sk-meta-card-body-content': {\r\n    '@apply text-[1.6rem]': {},\r\n  },\r\n});\r\n"],"names":["Card","colors","span","time","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width","fontSize","lineHeight","fontWeight"],"mappings":"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"}

package/dist/esm/components/tabs.js

@@ -38,7 +38,7 @@ export const Tabs = (colors)=>({
                         }
                     },
                     '.sk-tabs-list-item-divider': {
-                        '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {}
+                        '@apply m-0 min-h-2 h-2 opacity-0': {}
                     },
                     '&[data-current="true"]': {
                         '.sk-tabs-list-item-divider': {

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-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,MAAMA,OAAO,CAACC,SAAsB,CAAA;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;oBAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;4BAClB,GAAGD,MAAM;4BACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;gCAC5B,8BAA8B;oCAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;gCAC3C;4BACF;wBACF,CAAA,GACA,CAAC,EACF;oBACD,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;gBACF;YACF;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF,CAAA,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 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,MAAMA,OAAO,CAACC,SAAsB,CAAA;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,oCAAoC,CAAC;oBACvC;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;oBAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;4BAClB,GAAGD,MAAM;4BACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;gCAC5B,8BAA8B;oCAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;gCAC3C;4BACF;wBACF,CAAA,GACA,CAAC,EACF;oBACD,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;gBACF;YACF;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/text-editor.js

@@ -0,0 +1,120 @@
+export const TextEditor = ()=>({
+        '.sk-texteditor': {
+            '.ql-toolbar.ql-snow': {
+                '@apply flex items-center bg-background-200 rounded-t-xl border-input-field-outline h-[4rem] pl-4': {},
+                '.ql-stroke': {
+                    '@apply stroke-dark-primary': {}
+                },
+                '.ql-fill': {
+                    '@apply fill-dark-primary': {}
+                },
+                '.ql-divider': {
+                    '@apply w-[0.1rem] h-[3.2rem] bg-divider mr-[1.2rem]': {}
+                },
+                '.tooltip-container': {
+                    '@apply absolute z-10 top-full mt-0 left-1/2 -translate-x-1/2 invisible opacity-0 transition-opacity duration-200 ease-in-out whitespace-nowrap': {}
+                },
+                '.ql-formats': {
+                    '@apply flex gap-4 mr-[1.2rem]': {}
+                },
+                svg: {
+                    '@apply h-[2.0rem] w-[2.0rem]': {}
+                },
+                button: {
+                    '@apply h-[3.2rem] w-[3.2rem] rounded-10 text-dark-primary': {},
+                    '&:hover, &:hover:focus-visible': {
+                        '@apply bg-tertiary-surface-hover': {}
+                    },
+                    '&:focus-visible': {
+                        '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 bg-background-content': {}
+                    },
+                    '&.ql-active': {
+                        '@apply bg-tertiary-surface-hover': {},
+                        '.ql-fill': {
+                            '@apply fill-dark-primary': {}
+                        },
+                        '.ql-stroke': {
+                            '@apply stroke-dark-primary': {}
+                        }
+                    },
+                    '&:hover .ql-fill, &:focus-visible .ql-fill': {
+                        '@apply fill-dark-primary': {}
+                    },
+                    '&:hover .ql-stroke, &:focus-visible .ql-stroke': {
+                        '@apply stroke-dark-primary': {}
+                    },
+                    '&:hover .tooltip-container, &:focus-visible .tooltip-container': {
+                        '@apply visible opacity-100': {}
+                    }
+                },
+                '&.ql-disabled': {
+                    '@apply border-input-field-outline-disabled': {},
+                    '.ql-fill': {
+                        '@apply fill-dark-disabled': {}
+                    },
+                    '.ql-stroke': {
+                        '@apply stroke-dark-disabled': {}
+                    },
+                    button: {
+                        '@apply bg-background-200 text-dark-disabled cursor-default': {},
+                        '&.ql-active': {
+                            '@apply bg-background-200 text-dark-disabled': {}
+                        },
+                        '&:hover': {
+                            '@apply bg-background-200 text-dark-disabled': {}
+                        },
+                        '&:hover .ql-fill': {
+                            '@apply fill-dark-disabled': {}
+                        },
+                        '&:hover .ql-stroke': {
+                            '@apply stroke-dark-disabled': {}
+                        },
+                        '&:hover .tooltip-container': {
+                            '@apply hidden opacity-0': {}
+                        }
+                    }
+                }
+            },
+            '.ql-container.ql-snow': {
+                '@apply border-input-field-outline rounded-b-xl': {},
+                ':focus-visible': {
+                    '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 rounded-b-xl': {}
+                },
+                '&.disable-toolbar': {
+                    '@apply rounded-t-xl': {},
+                    ':focus-visible': {
+                        '@apply rounded-t-xl': {}
+                    }
+                },
+                '&.ql-disabled': {
+                    '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {}
+                }
+            },
+            // Tooltip-text
+            '.ql-tooltip.ql-editing': {
+                input: {
+                    '@apply rounded-0': {},
+                    '&:focus-visible': {
+                        '@apply rounded-0': {}
+                    }
+                }
+            },
+            '.ql-snow .ql-tooltip.ql-editing a.ql-action::after': {
+                content: '"Spara"'
+            },
+            '.ql-snow .ql-tooltip[data-mode=link]::before': {
+                content: '"Ange länk:"'
+            },
+            '.ql-snow .ql-tooltip::before': {
+                content: '"Besök URL:"'
+            },
+            '.ql-snow .ql-tooltip a.ql-action::after': {
+                content: '"Ändra"'
+            },
+            '.ql-snow .ql-tooltip a.ql-remove::before': {
+                content: '"Ta bort"'
+            }
+        }
+    });
+
+//# sourceMappingURL=text-editor.js.map

package/dist/esm/components/text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/text-editor.ts"],"sourcesContent":["export const TextEditor = () => ({\r\n  '.sk-texteditor': {\r\n    '.ql-toolbar.ql-snow': {\r\n      '@apply flex items-center bg-background-200 rounded-t-xl border-input-field-outline h-[4rem] pl-4': {},\r\n      '.ql-stroke': {\r\n        '@apply stroke-dark-primary': {},\r\n      },\r\n      '.ql-fill': {\r\n        '@apply fill-dark-primary': {},\r\n      },\r\n      '.ql-divider': {\r\n        '@apply w-[0.1rem] h-[3.2rem] bg-divider mr-[1.2rem]': {},\r\n      },\r\n      '.tooltip-container': {\r\n        '@apply absolute z-10 top-full mt-0 left-1/2 -translate-x-1/2 invisible opacity-0 transition-opacity duration-200 ease-in-out whitespace-nowrap':\r\n          {},\r\n      },\r\n      '.ql-formats': {\r\n        '@apply flex gap-4 mr-[1.2rem]': {},\r\n      },\r\n\r\n      svg: {\r\n        '@apply h-[2.0rem] w-[2.0rem]': {},\r\n      },\r\n\r\n      button: {\r\n        '@apply h-[3.2rem] w-[3.2rem] rounded-10 text-dark-primary': {},\r\n        '&:hover, &:hover:focus-visible': {\r\n          '@apply bg-tertiary-surface-hover': {},\r\n        },\r\n        '&:focus-visible': {\r\n          '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 bg-background-content': {},\r\n        },\r\n\r\n        '&.ql-active': {\r\n          '@apply bg-tertiary-surface-hover': {},\r\n          '.ql-fill': {\r\n            '@apply fill-dark-primary': {},\r\n          },\r\n          '.ql-stroke': {\r\n            '@apply stroke-dark-primary': {},\r\n          },\r\n        },\r\n        '&:hover .ql-fill, &:focus-visible .ql-fill': {\r\n          '@apply fill-dark-primary': {},\r\n        },\r\n        '&:hover .ql-stroke, &:focus-visible .ql-stroke': {\r\n          '@apply stroke-dark-primary': {},\r\n        },\r\n        '&:hover .tooltip-container, &:focus-visible .tooltip-container': {\r\n          '@apply visible opacity-100': {},\r\n        },\r\n      },\r\n\r\n      '&.ql-disabled': {\r\n        '@apply border-input-field-outline-disabled': {},\r\n        '.ql-fill': {\r\n          '@apply fill-dark-disabled': {},\r\n        },\r\n        '.ql-stroke': {\r\n          '@apply stroke-dark-disabled': {},\r\n        },\r\n        button: {\r\n          '@apply bg-background-200 text-dark-disabled cursor-default': {},\r\n          '&.ql-active': {\r\n            '@apply bg-background-200 text-dark-disabled': {},\r\n          },\r\n          '&:hover': {\r\n            '@apply bg-background-200 text-dark-disabled': {},\r\n          },\r\n          '&:hover .ql-fill': {\r\n            '@apply fill-dark-disabled': {},\r\n          },\r\n          '&:hover .ql-stroke': {\r\n            '@apply stroke-dark-disabled': {},\r\n          },\r\n          '&:hover .tooltip-container': {\r\n            '@apply hidden opacity-0': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '.ql-container.ql-snow': {\r\n      '@apply border-input-field-outline rounded-b-xl': {},\r\n      ':focus-visible': {\r\n        '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 rounded-b-xl': {},\r\n      },\r\n      '&.disable-toolbar': {\r\n        '@apply rounded-t-xl': {},\r\n        ':focus-visible': {\r\n          '@apply rounded-t-xl': {},\r\n        },\r\n      },\r\n      '&.ql-disabled': {\r\n        '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {},\r\n      },\r\n    },\r\n\r\n    // Tooltip-text\r\n    '.ql-tooltip.ql-editing': {\r\n      input: {\r\n        '@apply rounded-0': {},\r\n        '&:focus-visible': {\r\n          '@apply rounded-0': {},\r\n        },\r\n      },\r\n    },\r\n    '.ql-snow .ql-tooltip.ql-editing a.ql-action::after': {\r\n      content: '\"Spara\"',\r\n    },\r\n    '.ql-snow .ql-tooltip[data-mode=link]::before': {\r\n      content: '\"Ange länk:\"',\r\n    },\r\n    '.ql-snow .ql-tooltip::before': {\r\n      content: '\"Besök URL:\"',\r\n    },\r\n    '.ql-snow .ql-tooltip a.ql-action::after': {\r\n      content: '\"Ändra\"',\r\n    },\r\n    '.ql-snow .ql-tooltip a.ql-remove::before': {\r\n      content: '\"Ta bort\"',\r\n    },\r\n  },\r\n});\r\n"],"names":["TextEditor","svg","button","input","content"],"mappings":"AAAA,OAAO,MAAMA,aAAa,IAAO,CAAA;QAC/B,kBAAkB;YAChB,uBAAuB;gBACrB,oGAAoG,CAAC;gBACrG,cAAc;oBACZ,8BAA8B,CAAC;gBACjC;gBACA,YAAY;oBACV,4BAA4B,CAAC;gBAC/B;gBACA,eAAe;oBACb,uDAAuD,CAAC;gBAC1D;gBACA,sBAAsB;oBACpB,kJACE,CAAC;gBACL;gBACA,eAAe;oBACb,iCAAiC,CAAC;gBACpC;gBAEAC,KAAK;oBACH,gCAAgC,CAAC;gBACnC;gBAEAC,QAAQ;oBACN,6DAA6D,CAAC;oBAC9D,kCAAkC;wBAChC,oCAAoC,CAAC;oBACvC;oBACA,mBAAmB;wBACjB,+EAA+E,CAAC;oBAClF;oBAEA,eAAe;wBACb,oCAAoC,CAAC;wBACrC,YAAY;4BACV,4BAA4B,CAAC;wBAC/B;wBACA,cAAc;4BACZ,8BAA8B,CAAC;wBACjC;oBACF;oBACA,8CAA8C;wBAC5C,4BAA4B,CAAC;oBAC/B;oBACA,kDAAkD;wBAChD,8BAA8B,CAAC;oBACjC;oBACA,kEAAkE;wBAChE,8BAA8B,CAAC;oBACjC;gBACF;gBAEA,iBAAiB;oBACf,8CAA8C,CAAC;oBAC/C,YAAY;wBACV,6BAA6B,CAAC;oBAChC;oBACA,cAAc;wBACZ,+BAA+B,CAAC;oBAClC;oBACAA,QAAQ;wBACN,8DAA8D,CAAC;wBAC/D,eAAe;4BACb,+CAA+C,CAAC;wBAClD;wBACA,WAAW;4BACT,+CAA+C,CAAC;wBAClD;wBACA,oBAAoB;4BAClB,6BAA6B,CAAC;wBAChC;wBACA,sBAAsB;4BACpB,+BAA+B,CAAC;wBAClC;wBACA,8BAA8B;4BAC5B,2BAA2B,CAAC;wBAC9B;oBACF;gBACF;YACF;YAEA,yBAAyB;gBACvB,kDAAkD,CAAC;gBACnD,kBAAkB;oBAChB,sEAAsE,CAAC;gBACzE;gBACA,qBAAqB;oBACnB,uBAAuB,CAAC;oBACxB,kBAAkB;wBAChB,uBAAuB,CAAC;oBAC1B;gBACF;gBACA,iBAAiB;oBACf,8EAA8E,CAAC;gBACjF;YACF;YAEA,eAAe;YACf,0BAA0B;gBACxBC,OAAO;oBACL,oBAAoB,CAAC;oBACrB,mBAAmB;wBACjB,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,sDAAsD;gBACpDC,SAAS;YACX;YACA,gDAAgD;gBAC9CA,SAAS;YACX;YACA,gCAAgC;gBAC9BA,SAAS;YACX;YACA,2CAA2C;gBACzCA,SAAS;YACX;YACA,4CAA4C;gBAC1CA,SAAS;YACX;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components.js

@@ -40,6 +40,7 @@ import { Spinner } from './components/spinner.js';
 import { Switch } from './components/switch.js';
 import { Table } from './components/table.js';
 import { Tabs } from './components/tabs.js';
+import { TextEditor } from './components/text-editor.js';
 import { Tooltip } from './components/tooltip.js';
 import { UserMenu } from './components/user-menu.js';
 //AI COMPONENTS
@@ -272,6 +273,9 @@ export const components = [
     {
         comp: Spinner
     },
+    {
+        comp: TextEditor
+    },
     {
         comp: Radio
     },

package/dist/esm/components.js.map

@@ -1 +1 @@
-{"version":3,"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 { FileUpload } from './components/file-upload';\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: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\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"],"names":["Accordion","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CookieConsent","Dialog","Divider","Dot","FileUpload","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","comp","deps"],"mappings":"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"}
+{"version":3,"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 { FileUpload } from './components/file-upload';\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 { TextEditor } from './components/text-editor';\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: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\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: TextEditor },\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"],"names":["Accordion","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CookieConsent","Dialog","Divider","Dot","FileUpload","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","TextEditor","Tooltip","UserMenu","AIFeed","AICornerModule","AIServiceModule","AssistantPresentation","AssistantSwitch","Bubble","Feedback","InputSection","MarkdownRendered","NewSessionButton","TypingBubble","TypingSequence","components","comp","deps"],"mappings":"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"}

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

@@ -12,8 +12,16 @@ export declare const Badge: (colors: string[]) => {
         '@apply text-light-primary': {};
         '@apply rounded-utility': {};
         '@apply overflow-hidden': {};
-        '@apply h-24 w-24': {};
-        '@apply text-label-small': {};
+        '&[data-size="sm"]': {
+            '@apply h-22 min-w-22': {};
+            '@apply p-4': {};
+            '@apply text-label-extra-small': {};
+        };
+        '&[data-size="md"]': {
+            '@apply h-24 min-w-24': {};
+            '@apply p-4': {};
+            '@apply text-label-small': {};
+        };
         '&[data-rounded="true"]': {
             '@apply rounded-circular': {};
         };

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

@@ -98,6 +98,15 @@ export declare const Card: (colors: string[]) => {
         '@apply no-underline hover:no-underline': {};
         '@apply flex bg-vattjom-surface-accent': {};
         '@apply p-14 rounded-groups': {};
+        '&.sk-meta-card-use-hover-effect:hover': {
+            '@apply cursor-pointer': {};
+        };
+        '&.sk-meta-card-use-hover-effect[data-color="vattjom"]:hover': {
+            '@apply bg-vattjom-background-300': {};
+        };
+        '&.sk-meta-card-use-hover-effect[data-color="mono"]:hover': {
+            '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {};
+        };
         '&[data-color="mono"]': {
             '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {};
         };
@@ -116,20 +125,45 @@ export declare const Card: (colors: string[]) => {
         '&-body': {
             '&-header': {
                 'h1, h2, h3, h4, h5, h6, h7, a, p': {
-                    '@apply mt-6 text-base line-clamp-1': {};
+                    '@apply mt-6 line-clamp-1': {};
                     '@apply text-dark-primary': {};
                 };
             };
             '&-content': {
                 'p, a': {
-                    '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {};
+                    '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {};
                     '@apply text-dark-secondary line-clamp-1': {};
                 };
             };
         };
         '&-external-link-icon': {
-            '@apply ml-auto h-32 w-32': {};
-            '@apply p-6 text-dark': {};
+            '@apply ml-auto h-32 w-32 p-6 text-dark shrink-0': {};
         };
     };
+    '.sk-meta-card[data-size="sm"]': {
+        '@apply h-[8.6rem]': {};
+    };
+    '.sk-meta-card[data-size="md"]': {
+        '@apply h-[9.4rem]': {};
+    };
+    '.sk-meta-card[data-size="sm"] .sk-meta-card-body-header': {
+        'h1, h2, h3, h4, h5, h6, h7, a, p': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: string;
+        };
+    };
+    '.sk-meta-card[data-size="sm"] .sk-meta-card-body-content': {
+        '@apply text-[1.4rem]': {};
+    };
+    '.sk-meta-card[data-size="md"] .sk-meta-card-body-header': {
+        'h1, h2, h3, h4, h5, h6, h7, a, p': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: string;
+        };
+    };
+    '.sk-meta-card[data-size="md"] .sk-meta-card-body-content': {
+        '@apply text-[1.6rem]': {};
+    };
 };

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

@@ -40,7 +40,7 @@ export declare const Tabs: (colors: string[]) => {
                     };
                 };
                 '.sk-tabs-list-item-divider': {
-                    '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {};
+                    '@apply m-0 min-h-2 h-2 opacity-0': {};
                 };
                 '&[data-current="true"]': {
                     '.sk-tabs-list-item-divider': {

package/dist/types/components/text-editor.d.ts

@@ -0,0 +1,117 @@
+export declare const TextEditor: () => {
+    '.sk-texteditor': {
+        '.ql-toolbar.ql-snow': {
+            '@apply flex items-center bg-background-200 rounded-t-xl border-input-field-outline h-[4rem] pl-4': {};
+            '.ql-stroke': {
+                '@apply stroke-dark-primary': {};
+            };
+            '.ql-fill': {
+                '@apply fill-dark-primary': {};
+            };
+            '.ql-divider': {
+                '@apply w-[0.1rem] h-[3.2rem] bg-divider mr-[1.2rem]': {};
+            };
+            '.tooltip-container': {
+                '@apply absolute z-10 top-full mt-0 left-1/2 -translate-x-1/2 invisible opacity-0 transition-opacity duration-200 ease-in-out whitespace-nowrap': {};
+            };
+            '.ql-formats': {
+                '@apply flex gap-4 mr-[1.2rem]': {};
+            };
+            svg: {
+                '@apply h-[2.0rem] w-[2.0rem]': {};
+            };
+            button: {
+                '@apply h-[3.2rem] w-[3.2rem] rounded-10 text-dark-primary': {};
+                '&:hover, &:hover:focus-visible': {
+                    '@apply bg-tertiary-surface-hover': {};
+                };
+                '&:focus-visible': {
+                    '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 bg-background-content': {};
+                };
+                '&.ql-active': {
+                    '@apply bg-tertiary-surface-hover': {};
+                    '.ql-fill': {
+                        '@apply fill-dark-primary': {};
+                    };
+                    '.ql-stroke': {
+                        '@apply stroke-dark-primary': {};
+                    };
+                };
+                '&:hover .ql-fill, &:focus-visible .ql-fill': {
+                    '@apply fill-dark-primary': {};
+                };
+                '&:hover .ql-stroke, &:focus-visible .ql-stroke': {
+                    '@apply stroke-dark-primary': {};
+                };
+                '&:hover .tooltip-container, &:focus-visible .tooltip-container': {
+                    '@apply visible opacity-100': {};
+                };
+            };
+            '&.ql-disabled': {
+                '@apply border-input-field-outline-disabled': {};
+                '.ql-fill': {
+                    '@apply fill-dark-disabled': {};
+                };
+                '.ql-stroke': {
+                    '@apply stroke-dark-disabled': {};
+                };
+                button: {
+                    '@apply bg-background-200 text-dark-disabled cursor-default': {};
+                    '&.ql-active': {
+                        '@apply bg-background-200 text-dark-disabled': {};
+                    };
+                    '&:hover': {
+                        '@apply bg-background-200 text-dark-disabled': {};
+                    };
+                    '&:hover .ql-fill': {
+                        '@apply fill-dark-disabled': {};
+                    };
+                    '&:hover .ql-stroke': {
+                        '@apply stroke-dark-disabled': {};
+                    };
+                    '&:hover .tooltip-container': {
+                        '@apply hidden opacity-0': {};
+                    };
+                };
+            };
+        };
+        '.ql-container.ql-snow': {
+            '@apply border-input-field-outline rounded-b-xl': {};
+            ':focus-visible': {
+                '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 rounded-b-xl': {};
+            };
+            '&.disable-toolbar': {
+                '@apply rounded-t-xl': {};
+                ':focus-visible': {
+                    '@apply rounded-t-xl': {};
+                };
+            };
+            '&.ql-disabled': {
+                '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {};
+            };
+        };
+        '.ql-tooltip.ql-editing': {
+            input: {
+                '@apply rounded-0': {};
+                '&:focus-visible': {
+                    '@apply rounded-0': {};
+                };
+            };
+        };
+        '.ql-snow .ql-tooltip.ql-editing a.ql-action::after': {
+            content: string;
+        };
+        '.ql-snow .ql-tooltip[data-mode=link]::before': {
+            content: string;
+        };
+        '.ql-snow .ql-tooltip::before': {
+            content: string;
+        };
+        '.ql-snow .ql-tooltip a.ql-action::after': {
+            content: string;
+        };
+        '.ql-snow .ql-tooltip a.ql-remove::before': {
+            content: string;
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "3.13.1",
+  "version": "3.14.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.5.0",
+    "@sk-web-gui/theme": "2.5.1",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.10",
     "mini-svg-data-uri": "^1.4.4",
     "tailwindcss": "^3.4.17"
   },
-  "gitHead": "cfc440ac8d50b382772e9d2a59d652d6dcf2c9bc"
+  "gitHead": "2bf411166419e3932d8ab344931f6ac36694c301"
 }