@sk-web-gui/core 3.13.1 → 3.15.0

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":"AAAA,OAAO,MAAMA,OAAO,CAACC,SAAsB,CAAA;QACzC,YAAY;YACV,oBAAoB,CAAC;YACrB,0DAA0D,CAAC;YAC3D,wBAAwB,CAAC;YACzB,0CAA0C,CAAC;YAC3C,iBAAiB,CAAC;YAElB,aAAa;gBACX,eAAe,CAAC;YAClB;YAEA,WAAW;gBACT,4BAA4B,CAAC;gBAC7B,0BAA0B,CAAC;YAC7B;YAEA,UAAU;gBACR,4CAA4C,CAAC;gBAC7C,iBAAiB,CAAC;gBAElB,aAAa;oBACX,eAAe,CAAC;gBAClB;gBAEA,UAAU;oBACR,0CAA0C,CAAC;oBAC3CC,MAAM;wBACJ,sCAAsC,CAAC;wBACvCC,MAAM;4BACJ,eAAe,CAAC;wBAClB;oBACF;oBAEA,mBAAmB;wBACjB,sCAAsC,CAAC;oBACzC;gBACF;gBAEA,YAAY;oBACV,iCAAiC;wBAC/B,0DAA0D,CAAC;oBAC7D;oBACAD,MAAM;wBACJ,gBAAgB,CAAC;oBACnB;gBACF;gBAEA,aAAa;oBACX,iBAAiB,CAAC;oBAClB,QAAQ;wBACN,oDAAoD,CAAC;oBACvD;gBACF;gBAEA,UAAU;oBACR,iBAAiB,CAAC;gBACpB;YACF;YAEA,GAAGD,OAAOG,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBAET,kDAAkD;wBAChD,gCAAgC,CAAC;wBACjC,sFAAsF,CAAC;wBACvF,kEAAkE,CAAC;wBAEnE,sBAAsB;4BACpB,8BAA8B,CAAC;wBACjC;wBAEA,sBAAsB;4BACpB,+EAA+E,CAAC;4BAChF,8EAA8E,CAAC;4BAC/E,uFAAuF,CAAC;wBAC1F;wBAEA,YAAY;wBACZ,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;4BAC3B,iCAAiC,CAAC;4BAElC,iBAAiB;gCACf,OAAO;gCACP,UAAU;oCACRH,MAAM;wCACJ,+BAA+B,CAAC;oCAClC;gCACF;gCAEA,SAAS;gCACT,YAAY;oCACV,iCAAiC;wCAC/B,CAAC,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC;oCAClC;gCACF;gCAEA,UAAU;gCACV,aAAa;oCACX,QAAQ;wCACN,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC;oCACpC;gCACF;gCAEA,sBAAsB;oCACpB,oEAAoE,CAAC;oCACrE,4CAA4C,CAAC;gCAC/C;4BACF;wBACF;oBACF;oBAEA,4BAA4B;wBAC1B,gCAAgC,CAAC;wBACjC,sFAAsF,CAAC;wBACvF,4DAA4D,CAAC;oBAC/D;oBAEA,CAAC,CAAC,cAAc,EAAEI,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,OAAO;wBACP,CAAC,CAAC,UAAU,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;wBAE/C,YAAY;wBACZ,8BAA8B;4BAC5B,QAAQ;4BACR,CAAC,CAAC,qCAAqC,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBACtE;wBAEA,OAAO;wBACP,iBAAiB;4BACf,UAAU;gCACRJ,MAAM;oCACJ,+BAA+B,CAAC;gCAClC;4BACF;4BAEA,SAAS;4BACT,YAAY;gCACV,iCAAiC;oCAC/B,CAAC,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC;gCAClC;4BACF;4BAEA,UAAU;4BACV,aAAa;gCACX,QAAQ;oCACN,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC;gCACpC;4BACF;wBACF;wBAEA,YAAY;wBACZ,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;4BAC3B,OAAO;4BACP,CAAC,CAAC,UAAU,EAAEI,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;4BAE9C,YAAY;4BACZ,8BAA8B;gCAC5B,QAAQ;gCACR,CAAC,CAAC,qCAAqC,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;4BACrE;4BAEA,iBAAiB;gCACf,OAAO;gCACP,UAAU;oCACRJ,MAAM;wCACJ,8BAA8B,CAAC;oCACjC;gCACF;gCAEA,SAAS;gCACT,YAAY;oCACV,iCAAiC;wCAC/B,CAAC,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC;oCACjC;gCACF;gCAEA,UAAU;gCACV,aAAa;oCACX,QAAQ;wCACN,CAAC,CAAC,0BAA0B,CAAC,CAAC,EAAE,CAAC;oCACnC;gCACF;4BACF;wBACF;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,YAAY;YACZ,8BAA8B;gBAC5B,uBAAuB;gBACvB,sBAAsB;oBACpB,sBAAsB,CAAC;oBACvB,gCAAgC,CAAC;gBACnC;YACF;YAEA,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE;gBAC/B,0BAA0B,CAAC;gBAE3B,YAAY;oBACV,WAAW;wBACT,yBAAyB,CAAC;wBAC1B,qBAAqB,CAAC;wBACtB,8CAA8C,CAAC;oBACjD;oBAEA,UAAU;wBACR,iBAAiB,CAAC;wBAClB,sBAAsB,CAAC;wBAEvB,aAAa;4BACX,iBAAiB,CAAC;wBACpB;wBAEA,aAAa;4BACX,QAAQ;gCACN,qBAAqB,CAAC;4BACxB;wBACF;wBAEA,UAAU;4BACR,iBAAiB,CAAC;wBACpB;oBACF;gBACF;YACF;QACF;QAEA,iBAAiB;YACf,+BAA+B,CAAC;YAEhC,YAAY;gBACVK,SAAS;gBACTC,UAAU;gBACVC,MAAM;gBACNC,KAAK;gBACLC,OAAO;gBACPC,QAAQ;YACV;QACF;QAEA;;GAEC,GACD,iBAAiB;YACf,0CAA0C,CAAC;YAC3C,yCAAyC,CAAC;YAC1C,8BAA8B,CAAC;YAE/B,yCAAyC;gBACvC,yBAAyB,CAAC;YAC5B;YAEA,+DAA+D;gBAC7D,oCAAoC,CAAC;YACvC;YAEA,4DAA4D;gBAC1D,8EAA8E,CAAC;YACjF;YAEA,wBAAwB;gBACtB,8EAA8E,CAAC;YACjF;YAEA,2BAA2B;gBACzB,oCAAoC,CAAC;YACvC;YAEA,eAAe;gBACb,+BAA+B,CAAC;gBAChC,kEAAkE,CAAC;gBACnE,oBAAoB,CAAC;gBACrBC,KAAK;oBACHC,QAAQ;oBACRC,OAAO;gBACT;YACF;YAEA,UAAU;gBACR,YAAY;oBACV,oCAAoC;wBAClC,4BAA4B,CAAC;wBAC7B,4BAA4B,CAAC;oBAC/B;gBACF;gBACA,aAAa;oBACX,QAAQ;wBACN,iEAAiE,CAAC;wBAClE,2CAA2C,CAAC;oBAC9C;gBACF;YACF;YAEA,wBAAwB;gBACtB,mDAAmD,CAAC;YACtD;QACF;QAEA,iCAAiC;YAC/B,qBAAqB,CAAC;QACxB;QACA,iCAAiC;YAC/B,qBAAqB,CAAC;QACxB;QACA,2DAA2D;YACzD,oCAAoC;gBAClCC,UAAU;gBACVC,YAAY;gBACZC,YAAY;YACd;QACF;QACA,4DAA4D;YAC1D,wBAAwB,CAAC;QAC3B;QACA,2DAA2D;YACzD,oCAAoC;gBAClCF,UAAU;gBACVC,YAAY;gBACZC,YAAY;YACd;QACF;QACA,4DAA4D;YAC1D,wBAAwB,CAAC;QAC3B;IACF,CAAA,EAAG"}

package/dist/esm/components/input.js

@@ -82,9 +82,94 @@ function addin() {
         }
     };
 }
+function addon() {
+    return {
+        '&-addon': {
+            '@apply flex relative': {},
+            '@apply items-center': {},
+            '@apply focus-within:ring': {},
+            '@apply focus-within:ring-ring': {},
+            '@apply text-dark-secondary': {},
+            //Focus
+            '@apply focus-within:border-input-field-surface': {},
+            '&:not(:invalid):not([aria-invalid="true"])': {
+                '@apply focus-within:border-input-field-surface': {}
+            },
+            '&&-lg': {
+                '@apply text-input-large': {},
+                '@apply rounded-button-lg': {},
+                '@apply h-48': {}
+            },
+            '&&-md': {
+                '@apply text-input-medium': {},
+                '@apply rounded-button-md': {},
+                '@apply h-40': {}
+            },
+            '&&-sm': {
+                '@apply text-input-small': {},
+                '@apply rounded-button-sm': {},
+                '@apply h-32': {}
+            },
+            '&&-left': {
+                '@apply rounded-r-0': {},
+                '@apply border-r-0': {}
+            },
+            '&&-right': {
+                '@apply rounded-l-0': {},
+                '@apply border-l-0': {}
+            },
+            ...inputStandards(),
+            '.sk-form-input': {
+                '@apply rounded-0': {},
+                '@apply border-0': {},
+                '@apply focus:ring-0': {},
+                '@apply focus:ring-offset-0': {},
+                '@apply bg-transparent': {},
+                '@apply dark:bg-transparent': {},
+                '@apply grow': {}
+            },
+            '.sk-form-select': {
+                '@apply rounded-0': {},
+                '@apply border-0 hover:border-0': {},
+                '@apply focus:ring-0 focus:z-10': {},
+                '@apply focus:ring-offset-0': {},
+                '@apply bg-transparent hover:bg-transparent': {},
+                '@apply dark:bg-transparent hover:dark:bg-transparent': {},
+                '@apply grow': {}
+            },
+            '&&-left .sk-form-select': {
+                '@apply border-r-1 border-r-divider': {},
+                '@apply focus:border-r-transparent': {}
+            },
+            '&&-right .sk-form-select': {
+                '@apply border-l-1 border-l-divider': {},
+                '@apply focus:border-l-transparent': {}
+            },
+            '.sk-form-combobox': {
+                '@apply rounded-0': {},
+                '@apply border-0': {},
+                '@apply focus-within:ring-0': {},
+                '@apply focus-within:ring-offset-0': {},
+                '@apply bg-transparent': {},
+                '@apply dark:bg-transparent': {}
+            },
+            '&&-left .sk-form-combobox': {
+                '@apply border-r-1 border-r-divider': {},
+                '@apply focus:border-r-transparent': {}
+            },
+            '&&-right .sk-form-combobox': {
+                '@apply border-l-1 border-l-divider': {},
+                '@apply focus:border-l-transparent': {}
+            }
+        }
+    };
+}
 function inputGroup() {
     return {
         '&-group': {
+            '&-wrapper': {
+                '@apply flex gap-0': {}
+            },
             '@apply flex relative': {},
             '@apply items-center': {},
             '@apply focus-within:ring': {},
@@ -97,15 +182,28 @@ function inputGroup() {
             },
             '&&-lg': {
                 '@apply text-input-large': {},
-                '@apply rounded-button-lg': {}
+                '@apply rounded-button-lg': {},
+                '@apply h-48': {}
             },
             '&&-md': {
                 '@apply text-input-medium': {},
-                '@apply rounded-button-md': {}
+                '@apply rounded-button-md': {},
+                '@apply h-40': {}
             },
             '&&-sm': {
                 '@apply text-input-small': {},
-                '@apply rounded-button-sm': {}
+                '@apply rounded-button-sm': {},
+                '@apply h-32': {}
+            },
+            '&[data-hasleftaddon="true"]': {
+                '@apply pl-0': {},
+                '@apply rounded-l-0': {},
+                '@apply border-l-0': {}
+            },
+            '&[data-hasrightaddon="true"]': {
+                '@apply pr-0': {},
+                '@apply rounded-r-0': {},
+                '@apply border-r-0': {}
             },
             ...inputStandards(),
             '.sk-form-input': {
@@ -236,7 +334,8 @@ export const Input = ()=>({
             ...timeAndDatePicker(),
             ...inputStandards(),
             ...inputGroup(),
-            ...addin()
+            ...addin(),
+            ...addon()
         }
     });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","inputGroup","timeAndDatePicker","mask","maskSize","Input","display","margin"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction addon() {\r\n  return {\r\n    '&-addon': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&&-left': {\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      '&&-right': {\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '.sk-form-select': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0 hover:border-0': {},\r\n        '@apply focus:ring-0 focus:z-10': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent hover:bg-transparent': {},\r\n        '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '&&-left .sk-form-select': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-select': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n      '.sk-form-combobox': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus-within:ring-0': {},\r\n        '@apply focus-within:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n      },\r\n      '&&-left .sk-form-combobox': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-combobox': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '&-wrapper': {\r\n        '@apply flex gap-0': {},\r\n      },\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&[data-hasleftaddon=\"true\"]': {\r\n        '@apply pl-0': {},\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      '&[data-hasrightaddon=\"true\"]': {\r\n        '@apply pr-0': {},\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n    ...addon(),\r\n  },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","Input","display","margin"],"mappings":"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"}

package/dist/esm/components/logo.js

@@ -18,7 +18,7 @@ export const Logo = ()=>({
                 '@apply h-60': {},
                 '@apply pb-4': {},
                 '.sk-logo-figure': {
-                    '@apply w-auto h-56': {}
+                    '@apply w-34 h-56': {}
                 }
             },
             'a:focus-within &': {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Logo"],"mappings":"AAAA,OAAO,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,sBAAsB,CAAC;gBACzB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA,EAAG"}
+{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-34 h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Logo"],"mappings":"AAAA,OAAO,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,oBAAoB,CAAC;gBACvB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA,EAAG"}

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":"AAEA,aAAa;AACb,SAASA,SAAS,QAAQ,yBAAyB;AACnD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,SAAS,QAAQ,0BAA0B;AACpD,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,eAAe;AACf,SAASC,MAAM,QAAQ,0BAA0B;AACjD,SAASC,cAAc,QAAQ,mCAAmC;AAClE,SAASC,eAAe,QAAQ,oCAAoC;AACpE,SAASC,qBAAqB,QAAQ,yCAAyC;AAC/E,SAASC,eAAe,QAAQ,mCAAmC;AACnE,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAASC,gBAAgB,QAAQ,qCAAqC;AACtE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,cAAc,QAAQ,kCAAkC;AAQjE,OAAO,MAAMC,aAAkC;IAC7C;QAAEC,MAAMxD;QAAWyD,MAAM;YAACrD;YAAQS;YAASO;YAAME;SAAM;IAAC;IACxD;QAAEkC,MAAMvD;IAAO;IACf;QAAEuD,MAAMtD;IAAM;IACd;QAAEsD,MAAMrD;QAAYsD,MAAM;YAAClC;SAAK;IAAC;IACjC;QAAEiC,MAAMpD;QAAQqD,MAAM;YAAClC;YAAMc;YAAShC;SAAY;IAAC;IACnD;QAAEmD,MAAMnD;IAAY;IACpB;QAAEmD,MAAMlD;IAAQ;IAChB;QAAEkD,MAAMjD;QAAMkD,MAAM;YAACrD;YAAQmB;SAAK;IAAC;IACnC;QAAEiC,MAAMhD;IAAS;IACjB;QAAEgD,MAAM/C;QAAMgD,MAAM;YAACrC;SAAK;IAAC;IAC3B;QAAEoC,MAAM9C;IAAS;IACjB;QAAE8C,MAAM7C;QAAe8C,MAAM;YAACrD;YAAQc;SAAM;IAAC;IAC7C;QAAEsC,MAAM5C;QAAQ6C,MAAM;YAAC7B;SAAM;IAAC;IAC9B;QAAE4B,MAAM3C;IAAQ;IAChB;QAAE2C,MAAM1C;IAAI;IACZ;QAAE0C,MAAMzC;QAAY0C,MAAM;YAACrC;YAAMF;YAAOd;YAAQ0B;YAAWF;YAAOf;YAASU;SAAK;IAAC;IACjF;QAAEiC,MAAMxC;QAAQyC,MAAM;YAACvD;YAAOgB;SAAM;IAAC;IACrC;QAAEsC,MAAMvC;QAAQwC,MAAM;YAAC5C;YAASU;YAAME;SAAK;IAAC;IAC5C;QAAE+B,MAAMtC;QAAOuC,MAAM;YAACrC;YAAMZ;YAAUE;YAAUyB;YAAQd;YAAOY;YAAOK;YAAQR;SAAU;IAAC;IACzF;QAAE0B,MAAMrC;QAAQsC,MAAM;YAAC5C;YAASU;YAAME;SAAK;IAAC;IAC5C;QAAE+B,MAAMnC;IAAM;IACd;QAAEmC,MAAMlC;IAAM;IACd;QAAEkC,MAAMjC;QAAMkC,MAAM;YAACrC;SAAK;IAAC;IAC3B;QAAEoC,MAAMhC;QAAMiC,MAAM;YAAClC;SAAK;IAAC;IAC3B;QAAEiC,MAAM/B;QAAMgC,MAAM;YAAC5C;SAAQ;IAAC;IAC9B;QAAE2C,MAAM7B;QAAS8B,MAAM;YAAC3B;SAAU;IAAC;IACnC;QAAE0B,MAAMpC;IAAK;IACb;QAAEoC,MAAM9B;QAAc+B,MAAM;YAACrD;YAAQS;YAASO;YAAMK;SAAK;IAAC;IAC1D;QAAE+B,MAAM5B;QAAO6B,MAAM;YAACrD;YAAQgB;SAAK;IAAC;IACpC;QAAEoC,MAAM3B;QAAY4B,MAAM;YAACrD;YAAQc;YAAOE;SAAK;IAAC;IAChD;QAAEoC,MAAM1B;QAAW2B,MAAM;YAACrD;YAAQmB;SAAK;IAAC;IACxC;QAAEiC,MAAMzB;IAAY;IACpB;QAAEyB,MAAMxB;QAAiByB,MAAM;YAAC5C;YAASO;SAAK;IAAC;IAC/C;QAAEoC,MAAMtB;QAAauB,MAAM;YAACrD;YAAQc;YAAOE;SAAK;IAAC;IACjD;QAAEoC,MAAMrB;IAAO;IACf;QAAEqB,MAAMpB;QAAUqB,MAAM;YAACrD;YAAQgB;SAAK;IAAC;IACvC;QAAEoC,MAAMnB;IAAQ;IAChB;QAAEmB,MAAMvB;IAAM;IACd;QAAEuB,MAAMlB;QAAQmB,MAAM;YAACrC;SAAK;IAAC;IAC7B;QAAEoC,MAAMjB;QAAOkB,MAAM;YAACvC;YAAOE;YAAMS;SAAW;IAAC;IAC/C;QAAE2B,MAAMhB;QAAMiB,MAAM;YAACrD;YAAQuB;SAAQ;IAAC;IACtC;QAAE6B,MAAMf;IAAQ;IAChB;QAAEe,MAAMd;QAAUe,MAAM;YAACxD;YAAQwB;YAAMK;SAAU;IAAC;IAElD,eAAe;IAEf;QAAE0B,MAAMb;QAAQc,MAAM;YAACzD;YAAWI;YAAQH;YAAQoD;YAAcJ;YAAUE;SAAiB;IAAC;IAC5F;QACEK,MAAMZ;QACNa,MAAM;YAACd;YAAQG;YAAuBI;YAAcjD;YAAQ+C;YAAQzB;YAAMnB;YAAQS;YAASO;YAAMqB;YAASd;SAAQ;IACpH;IACA;QAAE6B,MAAMX;QAAiBY,MAAM;YAACd;YAAQK;YAAQE;YAAchC;YAAOK;YAAMnB;YAAQgB;SAAK;IAAC;IACzF;QAAEoC,MAAMV;QAAuBW,MAAM;YAACxD;SAAO;IAAC;IAC9C;QAAEuD,MAAMT;QAAiBU,MAAM;YAACxD;YAAQmB;SAAK;IAAC;IAC9C;QAAEoC,MAAMR;QAAQS,MAAM;YAACrC;SAAK;IAAC;IAC7B;QAAEoC,MAAMP;QAAUQ,MAAM;YAACrD;YAAQgB;SAAK;IAAC;IACvC;QAAEoC,MAAMN;QAAcO,MAAM;YAACvC;YAAOd;YAAQgB;SAAK;IAAC;IAClD;QAAEoC,MAAML;QAAkBM,MAAM;YAAClC;SAAK;IAAC;IACvC;QAAEiC,MAAMJ;QAAkBK,MAAM;YAACrD;YAAQgB;SAAK;IAAC;IAC/C;QAAEoC,MAAMH;QAAcI,MAAM;YAACH;SAAe;IAAC;IAC7C;QAAEE,MAAMF;IAAe;CACxB,CAAC"}
+{"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/esm/data-plugin.js

@@ -1,6 +1,5 @@
 import TailwindPlugin from 'tailwindcss/plugin';
-export const DataAttributes = TailwindPlugin(function(param) {
-    let { addVariant } = param;
+export const DataAttributes = TailwindPlugin(function({ addVariant }) {
     const attributes = {
         open: [
             'true',

package/dist/esm/data-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const DataAttributes = TailwindPlugin(function ({ addVariant }) {\r\n  const attributes: Record<string, Array<string>> = {\r\n    open: ['true', 'false'],\r\n    rounded: ['true', 'false'],\r\n    inverted: ['true', 'false'],\r\n    size: ['xs', 'sm', 'md', 'lg', 'xl'],\r\n    variant: ['primary', 'secondary', 'tertiary', 'default', 'alt'],\r\n    accent: ['true', 'false'],\r\n    background: ['true', 'false'],\r\n  };\r\n\r\n  Object.keys(attributes).forEach((key) => {\r\n    attributes[key].forEach((element) => {\r\n      let selector = `data-${key}-${element}`;\r\n      if (element == 'true') {\r\n        selector = `data-${key}`;\r\n      } else if (element == 'false') {\r\n        selector = `data-!${key}`;\r\n      }\r\n      addVariant(selector, `&[data-${key}=\"${element}\"]`);\r\n    });\r\n  });\r\n});\r\n"],"names":["TailwindPlugin","DataAttributes","addVariant","attributes","open","rounded","inverted","size","variant","accent","background","Object","keys","forEach","key","element","selector"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,MAAMC,iBAAiBD,eAAe,SAAU,KAAc;QAAd,EAAEE,UAAU,EAAE,GAAd;IACrD,MAAMC,aAA4C;QAChDC,MAAM;YAAC;YAAQ;SAAQ;QACvBC,SAAS;YAAC;YAAQ;SAAQ;QAC1BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK;QACpCC,SAAS;YAAC;YAAW;YAAa;YAAY;YAAW;SAAM;QAC/DC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,YAAY;YAAC;YAAQ;SAAQ;IAC/B;IAEAC,OAAOC,IAAI,CAACT,YAAYU,OAAO,CAAC,CAACC;QAC/BX,UAAU,CAACW,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAZ,WAAWc,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;AACF,GAAG"}
+{"version":3,"sources":["../../src/data-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const DataAttributes = TailwindPlugin(function ({ addVariant }) {\r\n  const attributes: Record<string, Array<string>> = {\r\n    open: ['true', 'false'],\r\n    rounded: ['true', 'false'],\r\n    inverted: ['true', 'false'],\r\n    size: ['xs', 'sm', 'md', 'lg', 'xl'],\r\n    variant: ['primary', 'secondary', 'tertiary', 'default', 'alt'],\r\n    accent: ['true', 'false'],\r\n    background: ['true', 'false'],\r\n  };\r\n\r\n  Object.keys(attributes).forEach((key) => {\r\n    attributes[key].forEach((element) => {\r\n      let selector = `data-${key}-${element}`;\r\n      if (element == 'true') {\r\n        selector = `data-${key}`;\r\n      } else if (element == 'false') {\r\n        selector = `data-!${key}`;\r\n      }\r\n      addVariant(selector, `&[data-${key}=\"${element}\"]`);\r\n    });\r\n  });\r\n});\r\n"],"names":["TailwindPlugin","DataAttributes","addVariant","attributes","open","rounded","inverted","size","variant","accent","background","Object","keys","forEach","key","element","selector"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,MAAMC,iBAAiBD,eAAe,SAAU,EAAEE,UAAU,EAAE;IACnE,MAAMC,aAA4C;QAChDC,MAAM;YAAC;YAAQ;SAAQ;QACvBC,SAAS;YAAC;YAAQ;SAAQ;QAC1BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK;QACpCC,SAAS;YAAC;YAAW;YAAa;YAAY;YAAW;SAAM;QAC/DC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,YAAY;YAAC;YAAQ;SAAQ;IAC/B;IAEAC,OAAOC,IAAI,CAACT,YAAYU,OAAO,CAAC,CAACC;QAC/BX,UAAU,CAACW,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAZ,WAAWc,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;AACF,GAAG"}

package/dist/esm/plugin.js

@@ -56,8 +56,7 @@ const plugin = TailwindPlugin.withOptions(function(_options) {
             compWithDeps.comp
         ];
     }, []).filter((val, index, arr)=>arr.indexOf(val) === index);
-    return function(param) {
-        let { addComponents, addBase, theme } = param;
+    return function({ addComponents, addBase, theme }) {
         const optionColors = [
             ...defaultColors,
             ...options.colors || []