@sk-web-gui/core 4.4.0 → 4.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/cjs/components/ai/markdown-rendered.js +6 -0
  2. package/dist/cjs/components/ai/markdown-rendered.js.map +1 -1
  3. package/dist/cjs/components/file-upload.js +10 -0
  4. package/dist/cjs/components/file-upload.js.map +1 -1
  5. package/dist/cjs/components/menubar.js +72 -0
  6. package/dist/cjs/components/menubar.js.map +1 -0
  7. package/dist/cjs/components/segmented-control.js +57 -0
  8. package/dist/cjs/components/segmented-control.js.map +1 -0
  9. package/dist/esm/components/ai/markdown-rendered.js +6 -0
  10. package/dist/esm/components/ai/markdown-rendered.js.map +1 -1
  11. package/dist/esm/components/file-upload.js +10 -0
  12. package/dist/esm/components/file-upload.js.map +1 -1
  13. package/dist/esm/components/menubar.js +62 -0
  14. package/dist/esm/components/menubar.js.map +1 -0
  15. package/dist/esm/components/segmented-control.js +47 -0
  16. package/dist/esm/components/segmented-control.js.map +1 -0
  17. package/dist/types/components/ai/markdown-rendered.d.ts +6 -0
  18. package/dist/types/components/countrycode-select.d.ts +5 -0
  19. package/dist/types/components/file-upload.d.ts +10 -0
  20. package/dist/types/components/menubar.d.ts +44 -0
  21. package/dist/types/components/segmented-control.d.ts +43 -0
  22. package/package.json +2 -2
package/dist/cjs/components/ai/markdown-rendered.js CHANGED
@@ -34,6 +34,12 @@ const MarkdownRendered = ()=>({
34
34
  '.sk-ai-markdown-code': {
35
35
  '@apply bg-transparent p-0': {}
36
36
  }
37
+ },
38
+ '&-inline-reference': {
39
+ '@apply relative py-0 px-2': {},
40
+ '&-button': {
41
+ '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {}
42
+ }
37
43
  }
38
44
  }
39
45
  });
package/dist/cjs/components/ai/markdown-rendered.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n '&-code': {\r\n '@apply bg-background-100 p-4': {},\r\n },\r\n '&-pre': {\r\n '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n '.sk-ai-markdown-code': {\r\n '@apply bg-transparent p-0': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,mBAAmB,IAAO,CAAA;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;QACF;IACF,CAAA"}
1
+ {"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n '&-code': {\r\n '@apply bg-background-100 p-4': {},\r\n },\r\n '&-pre': {\r\n '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n '.sk-ai-markdown-code': {\r\n '@apply bg-transparent p-0': {},\r\n },\r\n },\r\n '&-inline-reference': {\r\n '@apply relative py-0 px-2': {},\r\n '&-button': {\r\n '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,mBAAmB,IAAO,CAAA;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;YACA,sBAAsB;gBACpB,6BAA6B,CAAC;gBAC9B,YAAY;oBACV,4DAA4D,CAAC;gBAC/D;YACF;QACF;IACF,CAAA"}
package/dist/cjs/components/file-upload.js CHANGED
@@ -25,10 +25,20 @@ const FileUpload = ()=>({
25
25
  '&-item': {
26
26
  '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},
27
27
  '@apply gap-y-12': {},
28
+ '@apply transition-transform duration-200 ease-in-out': {},
29
+ '&[data-dragging="true"]': {
30
+ '@apply opacity-50': {}
31
+ },
32
+ '&[data-drag-over="true"]': {
33
+ '@apply translate-x-4': {}
34
+ },
28
35
  '&-innerwrapper': {
29
36
  '@apply w-full': {},
30
37
  '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {}
31
38
  },
39
+ '.sk-form-file-upload-list-item-sort': {
40
+ '@apply flex gap-x-8 items-start': {}
41
+ },
32
42
  '&[data-isedit="true"]': {
33
43
  '.sk-form-file-upload-list-item-innerwrapper': {
34
44
  '@apply flex-col': {},
package/dist/cjs/components/file-upload.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/file-upload.ts"],"sourcesContent":["export const FileUpload = () => ({\r\n '.sk-form-file-upload': {\r\n '&-list': {\r\n '@apply flex flex-col py-4 gap-x-12 items-start': {},\r\n '@apply border-divider border-t-1 border-b-1': {},\r\n\r\n '&[data-border=\"true\"]': {\r\n '@apply border-0 py-0 gap-y-12': {},\r\n\r\n '.sk-form-file-upload-list-item': {\r\n '@apply border-1 border-divider': {},\r\n },\r\n },\r\n\r\n 'li[role=\"separator\"]': {\r\n '@apply h-[1px] mt-3 mb-6 py-0 w-full': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},\r\n '@apply gap-y-12': {},\r\n\r\n '&-innerwrapper': {\r\n '@apply w-full': {},\r\n '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {},\r\n },\r\n\r\n '&[data-isedit=\"true\"]': {\r\n '.sk-form-file-upload-list-item-innerwrapper': {\r\n '@apply flex-col': {},\r\n '@apply medium-device:flex-row medium-device:items-center': {},\r\n\r\n '.sk-form-file-upload-list-item-icon': {\r\n '@apply hidden': {},\r\n '@apply medium-device:flex': {},\r\n },\r\n },\r\n },\r\n\r\n '&:hover': {\r\n '@apply bg-background-200': {},\r\n },\r\n\r\n '&[data-border=\"true\"]': {\r\n '@apply border-1 border-divider': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply flex justify-center shrink-0 rounded-utility overflow-hidden': {},\r\n '@apply bg-vattjom-surface-accent': {},\r\n\r\n '@apply w-32 h-32': {},\r\n '.sk-icon': {\r\n '@apply w-full h-full p-[.64rem]': {},\r\n },\r\n\r\n '&[data-size=\"sm\"]': {\r\n '@apply w-32 h-32': {},\r\n '.sk-icon': {\r\n '@apply p-[.64rem]': {},\r\n },\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply medium-device:w-44 medium-device:h-44': {},\r\n '.sk-icon': {\r\n '@apply medium-device:p-[.88rem]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-content': {\r\n '@apply grow flex flex-col justify-start gap-y-24': {},\r\n '@apply medium-device:grid medium-device:grid-flow-col medium-device:auto-cols-fr medium-device:items-center':\r\n {},\r\n\r\n '& > *': {\r\n '@apply grow shrink basis-auto': {},\r\n },\r\n\r\n '&-name': {\r\n '@apply flex flex-col items-start gap-2': {},\r\n '&[data-size=\"sm\"]': {\r\n '.sk-form-file-upload-list-item-content-name-description': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n\r\n '&-input-wrapper': {\r\n '@apply flex items-center': {},\r\n\r\n '.sk-form-input': {\r\n '@apply grow': {},\r\n },\r\n },\r\n\r\n '&-ending': {\r\n '@apply ml-8': {},\r\n },\r\n\r\n '&-heading': {\r\n '@apply text-base font-bold leading-24': {},\r\n },\r\n\r\n '&-description': {\r\n '@apply text-small': {},\r\n },\r\n },\r\n },\r\n\r\n '&-actions': {\r\n '@apply flex gap-12 items-center': {},\r\n '&-more': {\r\n '&-wrapper': {\r\n '@apply relative': {},\r\n },\r\n },\r\n '&-remove-tooltip': {\r\n '@apply absolute bottom-full mb-6 hidden z-20 left-1/2 -translate-x-1/2 whitespace-nowrap': {},\r\n '.group:hover &': {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n\r\n '.sk-form-error-message': {\r\n '@apply text-error': {},\r\n },\r\n\r\n '.sk-form-control': {\r\n '@apply w-full medium-device:w-fit': {},\r\n\r\n '.sk-form-select,.sk-form-input': {\r\n '@apply w-full medium-device:w-fit': {},\r\n },\r\n },\r\n\r\n '&-progress': {\r\n '@apply w-full flex gap-x-md items-center': {},\r\n\r\n '&-bar': {\r\n '@apply w-full h-[0.4rem] bg-background-color-mixin-2 rounded-circular overflow-hidden': {},\r\n\r\n '&-amount': {\r\n '@apply h-full bg-primary-surface w-0 transition-[width_.3s_ease]': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-area': {\r\n '&[data-relativity=\"viewport\"]': {\r\n '.sk-form-file-upload-area-overlay': {\r\n '@apply fixed': {},\r\n },\r\n },\r\n\r\n '&[data-relativity=\"component\"]': {\r\n '@apply relative inline-flex': {},\r\n '.sk-form-file-upload-area-overlay': {\r\n '@apply absolute': {},\r\n },\r\n },\r\n\r\n '&-overlay': {\r\n '@apply fixed z-overlay': {},\r\n '@apply top-0 bottom-0 left-0 right-0 p-32 rounded-groups': {},\r\n '@apply bg-primitives-overlay-darken-6': {},\r\n '@apply border-2 border-gronsta-text-primary': {},\r\n '@apply hidden': {},\r\n\r\n '&[data-isdragging]': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-content': {\r\n '@apply w-full h-full': {},\r\n '@apply rounded-6 border-dashed border-2 border-gronsta-text-primary': {},\r\n '@apply flex items-center justify-center': {},\r\n '@apply text-gronsta-text-primary': {},\r\n\r\n '&-icon': {\r\n '&-wrapper': {\r\n '@apply rounded-full bg-gronsta-surface-accent p-16 h-40 w-40 md:h-[8rem] md:w-[8rem] xl:h-[12rem] xl:w-[12rem]':\r\n {},\r\n\r\n '.sk-icon': {\r\n '@apply w-full h-full': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-modal': {\r\n '@apply medium-device:w-[78rem]': {},\r\n\r\n '&-labels': {\r\n '@apply hidden': {},\r\n '@apply medium-device:grid medium-device:grid-cols-2': {},\r\n '@apply text-small font-bold': {},\r\n '@apply mt-12 mb-8': {},\r\n },\r\n\r\n '&-button': {\r\n '&-wrapper': {\r\n '@apply flex items-center gap-8 mb-32': {},\r\n },\r\n },\r\n },\r\n '&-field &-area': {\r\n '@apply w-full h-full': {},\r\n\r\n '&-children': {\r\n '@apply w-full h-full': {},\r\n },\r\n },\r\n '&-field': {\r\n '@apply w-fit': {},\r\n\r\n '&[data-variant=\"horizontal\"] &-button': {\r\n '@apply flex flex-row p-24 justify-center items-center gap-16': {},\r\n },\r\n\r\n '&[data-variant=\"vertical\"] &-button': {\r\n '@apply flex flex-col p-24 justify-center items-center gap-18': {},\r\n\r\n '.sk-form-file-upload-field-button-content': {\r\n '@apply items-center': {},\r\n\r\n '&-restrictions': {\r\n '@apply items-center text-center': {},\r\n\r\n '&-mimetypes': {\r\n '@apply text-center': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&:hover &-button': {\r\n '@apply bg-vattjom-background-200 border-solid': {},\r\n },\r\n\r\n '&[data-invalid=\"true\"] &-button': {\r\n '@apply bg-error-background-100 border-solid border-error': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply w-full h-full grow shrink-0 basis-0 self-stretch': {},\r\n '@apply rounded-groups border-vattjom-surface-primary border-dashed border-1 bg-vattjom-background-100': {},\r\n\r\n '&-icon': {\r\n '.sk-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&-content': {\r\n '@apply flex flex-col items-start gap-y-4': {},\r\n '&-restrictions': {\r\n '@apply flex flex-col items-start': {},\r\n '@apply text-small text-dark-secondary': {},\r\n\r\n '&-mimetypes': {\r\n '@apply text-start line-clamp-1 max-w-[25rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["FileUpload"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/components/file-upload.ts"],"sourcesContent":["export const FileUpload = () => ({\r\n '.sk-form-file-upload': {\r\n '&-list': {\r\n '@apply flex flex-col py-4 gap-x-12 items-start': {},\r\n '@apply border-divider border-t-1 border-b-1': {},\r\n\r\n '&[data-border=\"true\"]': {\r\n '@apply border-0 py-0 gap-y-12': {},\r\n\r\n '.sk-form-file-upload-list-item': {\r\n '@apply border-1 border-divider': {},\r\n },\r\n },\r\n\r\n 'li[role=\"separator\"]': {\r\n '@apply h-[1px] mt-3 mb-6 py-0 w-full': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},\r\n '@apply gap-y-12': {},\r\n '@apply transition-transform duration-200 ease-in-out': {},\r\n\r\n '&[data-dragging=\"true\"]': {\r\n '@apply opacity-50': {},\r\n },\r\n\r\n '&[data-drag-over=\"true\"]': {\r\n '@apply translate-x-4': {},\r\n },\r\n\r\n\r\n '&-innerwrapper': {\r\n '@apply w-full': {},\r\n '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {},\r\n },\r\n\r\n '.sk-form-file-upload-list-item-sort': {\r\n '@apply flex gap-x-8 items-start': {},\r\n },\r\n\r\n '&[data-isedit=\"true\"]': {\r\n '.sk-form-file-upload-list-item-innerwrapper': {\r\n '@apply flex-col': {},\r\n '@apply medium-device:flex-row medium-device:items-center': {},\r\n\r\n '.sk-form-file-upload-list-item-icon': {\r\n '@apply hidden': {},\r\n '@apply medium-device:flex': {},\r\n },\r\n },\r\n },\r\n\r\n '&:hover': {\r\n '@apply bg-background-200': {},\r\n },\r\n\r\n '&[data-border=\"true\"]': {\r\n '@apply border-1 border-divider': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply flex justify-center shrink-0 rounded-utility overflow-hidden': {},\r\n '@apply bg-vattjom-surface-accent': {},\r\n\r\n '@apply w-32 h-32': {},\r\n '.sk-icon': {\r\n '@apply w-full h-full p-[.64rem]': {},\r\n },\r\n\r\n '&[data-size=\"sm\"]': {\r\n '@apply w-32 h-32': {},\r\n '.sk-icon': {\r\n '@apply p-[.64rem]': {},\r\n },\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply medium-device:w-44 medium-device:h-44': {},\r\n '.sk-icon': {\r\n '@apply medium-device:p-[.88rem]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-content': {\r\n '@apply grow flex flex-col justify-start gap-y-24': {},\r\n '@apply medium-device:grid medium-device:grid-flow-col medium-device:auto-cols-fr medium-device:items-center':\r\n {},\r\n\r\n '& > *': {\r\n '@apply grow shrink basis-auto': {},\r\n },\r\n\r\n '&-name': {\r\n '@apply flex flex-col items-start gap-2': {},\r\n '&[data-size=\"sm\"]': {\r\n '.sk-form-file-upload-list-item-content-name-description': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n\r\n '&-input-wrapper': {\r\n '@apply flex items-center': {},\r\n\r\n '.sk-form-input': {\r\n '@apply grow': {},\r\n },\r\n },\r\n\r\n '&-ending': {\r\n '@apply ml-8': {},\r\n },\r\n\r\n '&-heading': {\r\n '@apply text-base font-bold leading-24': {},\r\n },\r\n\r\n '&-description': {\r\n '@apply text-small': {},\r\n },\r\n },\r\n },\r\n\r\n '&-actions': {\r\n '@apply flex gap-12 items-center': {},\r\n '&-more': {\r\n '&-wrapper': {\r\n '@apply relative': {},\r\n },\r\n },\r\n '&-remove-tooltip': {\r\n '@apply absolute bottom-full mb-6 hidden z-20 left-1/2 -translate-x-1/2 whitespace-nowrap': {},\r\n '.group:hover &': {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n\r\n '.sk-form-error-message': {\r\n '@apply text-error': {},\r\n },\r\n\r\n '.sk-form-control': {\r\n '@apply w-full medium-device:w-fit': {},\r\n\r\n '.sk-form-select,.sk-form-input': {\r\n '@apply w-full medium-device:w-fit': {},\r\n },\r\n },\r\n\r\n '&-progress': {\r\n '@apply w-full flex gap-x-md items-center': {},\r\n\r\n '&-bar': {\r\n '@apply w-full h-[0.4rem] bg-background-color-mixin-2 rounded-circular overflow-hidden': {},\r\n\r\n '&-amount': {\r\n '@apply h-full bg-primary-surface w-0 transition-[width_.3s_ease]': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-area': {\r\n '&[data-relativity=\"viewport\"]': {\r\n '.sk-form-file-upload-area-overlay': {\r\n '@apply fixed': {},\r\n },\r\n },\r\n\r\n '&[data-relativity=\"component\"]': {\r\n '@apply relative inline-flex': {},\r\n '.sk-form-file-upload-area-overlay': {\r\n '@apply absolute': {},\r\n },\r\n },\r\n\r\n '&-overlay': {\r\n '@apply fixed z-overlay': {},\r\n '@apply top-0 bottom-0 left-0 right-0 p-32 rounded-groups': {},\r\n '@apply bg-primitives-overlay-darken-6': {},\r\n '@apply border-2 border-gronsta-text-primary': {},\r\n '@apply hidden': {},\r\n\r\n '&[data-isdragging]': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-content': {\r\n '@apply w-full h-full': {},\r\n '@apply rounded-6 border-dashed border-2 border-gronsta-text-primary': {},\r\n '@apply flex items-center justify-center': {},\r\n '@apply text-gronsta-text-primary': {},\r\n\r\n '&-icon': {\r\n '&-wrapper': {\r\n '@apply rounded-full bg-gronsta-surface-accent p-16 h-40 w-40 md:h-[8rem] md:w-[8rem] xl:h-[12rem] xl:w-[12rem]':\r\n {},\r\n\r\n '.sk-icon': {\r\n '@apply w-full h-full': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-modal': {\r\n '@apply medium-device:w-[78rem]': {},\r\n\r\n '&-labels': {\r\n '@apply hidden': {},\r\n '@apply medium-device:grid medium-device:grid-cols-2': {},\r\n '@apply text-small font-bold': {},\r\n '@apply mt-12 mb-8': {},\r\n },\r\n\r\n '&-button': {\r\n '&-wrapper': {\r\n '@apply flex items-center gap-8 mb-32': {},\r\n },\r\n },\r\n },\r\n '&-field &-area': {\r\n '@apply w-full h-full': {},\r\n\r\n '&-children': {\r\n '@apply w-full h-full': {},\r\n },\r\n },\r\n '&-field': {\r\n '@apply w-fit': {},\r\n\r\n '&[data-variant=\"horizontal\"] &-button': {\r\n '@apply flex flex-row p-24 justify-center items-center gap-16': {},\r\n },\r\n\r\n '&[data-variant=\"vertical\"] &-button': {\r\n '@apply flex flex-col p-24 justify-center items-center gap-18': {},\r\n\r\n '.sk-form-file-upload-field-button-content': {\r\n '@apply items-center': {},\r\n\r\n '&-restrictions': {\r\n '@apply items-center text-center': {},\r\n\r\n '&-mimetypes': {\r\n '@apply text-center': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&:hover &-button': {\r\n '@apply bg-vattjom-background-200 border-solid': {},\r\n },\r\n\r\n '&[data-invalid=\"true\"] &-button': {\r\n '@apply bg-error-background-100 border-solid border-error': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply w-full h-full grow shrink-0 basis-0 self-stretch': {},\r\n '@apply rounded-groups border-vattjom-surface-primary border-dashed border-1 bg-vattjom-background-100': {},\r\n\r\n '&-icon': {\r\n '.sk-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&-content': {\r\n '@apply flex flex-col items-start gap-y-4': {},\r\n '&-restrictions': {\r\n '@apply flex flex-col items-start': {},\r\n '@apply text-small text-dark-secondary': {},\r\n\r\n '&-mimetypes': {\r\n '@apply text-start line-clamp-1 max-w-[25rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["FileUpload"],"mappings":"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"}
package/dist/cjs/components/menubar.js ADDED
@@ -0,0 +1,72 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "MenuBar", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return MenuBar;
9
+ }
10
+ });
11
+ const MenuBar = (colors)=>({
12
+ '.sk-menubar': {
13
+ '@apply flex flex-row': {},
14
+ '@apply rounded-cards': {},
15
+ '&[data-background="true"]': {
16
+ '@apply bg-background-color-mixin-1': {}
17
+ },
18
+ // sizes
19
+ '&[data-size="md"]': {
20
+ '@apply p-6 gap-8 rounded-groups': {}
21
+ },
22
+ '&[data-size="lg"]': {
23
+ '@apply p-8 gap-16 rounded-cards': {}
24
+ },
25
+ '&-item': {
26
+ '@apply inline-block': {},
27
+ '@apply relative': {},
28
+ // sizes
29
+ '&[data-size="md"]': {
30
+ '@apply h-34': {},
31
+ '> *': {
32
+ '@apply text-small leading-[1.8rem]': {}
33
+ }
34
+ },
35
+ '&[data-size="lg"]': {
36
+ '@apply h-40': {}
37
+ },
38
+ '> *:first-child': {
39
+ '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
40
+ '@apply cursor-pointer': {},
41
+ '@apply bg-transparent text-dark-primary': {},
42
+ '@apply hover:bg-tertiary-surface': {},
43
+ '@apply font-bold': {},
44
+ '@apply gap-2 px-14 py-8': {},
45
+ '@apply h-full min-h-full': {},
46
+ '@apply inline-flex shrink-0 flex-nowrap': {},
47
+ '@apply border-0': {},
48
+ '@apply focus-visible:bg-background-content focus-visible:ring': {},
49
+ '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
50
+ '@apply bg-primary-surface text-light-primary': {},
51
+ '@apply focus-visible:ring': {}
52
+ }
53
+ },
54
+ ...colors.reduce((styles, color)=>({
55
+ ...styles,
56
+ [`&[data-color="${color}"]`]: {
57
+ '> *:first-child': {
58
+ [`@apply hover:bg-${color}-surface-accent`]: {},
59
+ [`@apply hover:text-${color}-text-primary`]: {},
60
+ '@apply focus-visible:bg-background-content focus-visible:ring': {},
61
+ '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)': {
62
+ [`@apply bg-${color}-surface-primary`]: {},
63
+ '@apply focus-visible:ring': {}
64
+ }
65
+ }
66
+ }
67
+ }), {})
68
+ }
69
+ }
70
+ });
71
+
72
+ //# sourceMappingURL=menubar.js.map
package/dist/cjs/components/menubar.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\r\n '@apply flex flex-row': {},\r\n '@apply rounded-cards': {},\r\n\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-background-color-mixin-1': {},\r\n },\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8 rounded-groups': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-8 gap-16 rounded-cards': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block': {},\r\n '@apply relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply cursor-pointer': {},\r\n '@apply bg-transparent text-dark-primary': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply font-bold': {},\r\n '@apply gap-2 px-14 py-8': {},\r\n '@apply h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n '@apply border-0': {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n '@apply bg-primary-surface text-light-primary': {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n '> *:first-child': {\r\n [`@apply hover:bg-${color}-surface-accent`]: {},\r\n [`@apply hover:text-${color}-text-primary`]: {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;gBACA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,mBAAmB;gCACjB,CAAC,CAAC,gBAAgB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;gCAC9C,CAAC,CAAC,kBAAkB,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;gCAC9C,iEAAiE,CAAC;gCAClE,0EAA0E;oCACxE,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;oCACzC,6BAA6B,CAAC;gCAChC;4BACF;wBACF;oBACF,CAAA,GACA,CAAC,EACF;YACH;QACF;IACF,CAAA"}
package/dist/cjs/components/segmented-control.js ADDED
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "SegmentedControl", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return SegmentedControl;
9
+ }
10
+ });
11
+ const SegmentedControl = ()=>({
12
+ '.sk-segmentedcontrol': {
13
+ '@apply flex flex-row items-center': {},
14
+ '@apply rounded-groups': {},
15
+ '@apply bg-tertiary-surface': {},
16
+ '@apply max-w-fit': {},
17
+ // sizes
18
+ '&[data-size="md"]': {
19
+ '@apply p-6 gap-8': {}
20
+ },
21
+ '&[data-size="lg"]': {
22
+ '@apply p-6 gap-16': {}
23
+ },
24
+ '&-item': {
25
+ '@apply inline-block relative': {},
26
+ // sizes
27
+ '&[data-size="md"]': {
28
+ '@apply h-34': {},
29
+ '> *': {
30
+ '@apply text-small leading-[1.8rem]': {}
31
+ }
32
+ },
33
+ '&[data-size="lg"]': {
34
+ '@apply h-40': {}
35
+ },
36
+ '> *:first-child': {
37
+ '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
38
+ '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},
39
+ '@apply gap-2 px-14 py-8 h-full min-h-full': {},
40
+ '@apply inline-flex shrink-0 flex-nowrap border-0': {},
41
+ '@apply hover:bg-tertiary-surface': {},
42
+ '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},
43
+ '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
44
+ '@apply bg-background-content text-dark-primary focus-visible:ring': {}
45
+ },
46
+ '&[aria-disabled="true"]': {
47
+ '@apply text-dark-disabled cursor-default hover:bg-transparent': {}
48
+ },
49
+ '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
50
+ '@apply bg-transparent border-transparent !important': {}
51
+ }
52
+ }
53
+ }
54
+ }
55
+ });
56
+
57
+ //# sourceMappingURL=segmented-control.js.map
package/dist/cjs/components/segmented-control.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/segmented-control.ts"],"sourcesContent":["export const SegmentedControl = () => ({\r\n '.sk-segmentedcontrol': {\r\n '@apply flex flex-row items-center': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-tertiary-surface': {},\r\n '@apply max-w-fit': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-6 gap-16': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},\r\n '@apply gap-2 px-14 py-8 h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap border-0': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},\r\n\r\n '&[aria-pressed=\"true\"]:not(:hover):not([aria-disabled=\"true\"])': {\r\n '@apply bg-background-content text-dark-primary focus-visible:ring': {},\r\n },\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply text-dark-disabled cursor-default hover:bg-transparent': {},\r\n },\r\n '&.sk-btn[aria-disabled=\"true\"], &.sk-btn-disabled': {\r\n '@apply bg-transparent border-transparent !important': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["SegmentedControl"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,mBAAmB,IAAO,CAAA;QACrC,wBAAwB;YACtB,qCAAqC,CAAC;YACtC,yBAAyB,CAAC;YAC1B,8BAA8B,CAAC;YAC/B,oBAAoB,CAAC;YAErB,QAAQ;YACR,qBAAqB;gBACnB,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,qBAAqB,CAAC;YACxB;YAEA,UAAU;gBACR,gCAAgC,CAAC;gBAEjC,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAChB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,oEAAoE,CAAC;oBACrE,6CAA6C,CAAC;oBAC9C,oDAAoD,CAAC;oBACrD,oCAAoC,CAAC;oBACrC,kJAAkJ,CAAC;oBAEnJ,kEAAkE;wBAChE,qEAAqE,CAAC;oBACxE;oBACA,2BAA2B;wBACzB,iEAAiE,CAAC;oBACpE;oBACA,qDAAqD;wBACnD,uDAAuD,CAAC;oBAC1D;gBACF;YACF;QACF;IACF,CAAA"}
package/dist/esm/components/ai/markdown-rendered.js CHANGED
@@ -24,6 +24,12 @@ export const MarkdownRendered = ()=>({
24
24
  '.sk-ai-markdown-code': {
25
25
  '@apply bg-transparent p-0': {}
26
26
  }
27
+ },
28
+ '&-inline-reference': {
29
+ '@apply relative py-0 px-2': {},
30
+ '&-button': {
31
+ '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {}
32
+ }
27
33
  }
28
34
  }
29
35
  });
package/dist/esm/components/ai/markdown-rendered.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n '&-code': {\r\n '@apply bg-background-100 p-4': {},\r\n },\r\n '&-pre': {\r\n '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n '.sk-ai-markdown-code': {\r\n '@apply bg-transparent p-0': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,IAAO,CAAA;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;QACF;IACF,CAAA,EAAG"}
1
+ {"version":3,"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n '&-code': {\r\n '@apply bg-background-100 p-4': {},\r\n },\r\n '&-pre': {\r\n '@apply bg-background-100 text-dark-primary border-1 border-divider p-24 rounded-cards overflow-auto': {},\r\n '.sk-ai-markdown-code': {\r\n '@apply bg-transparent p-0': {},\r\n },\r\n },\r\n '&-inline-reference': {\r\n '@apply relative py-0 px-2': {},\r\n '&-button': {\r\n '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["MarkdownRendered"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,IAAO,CAAA;QACrC,mBAAmB;YACjB,+BAA+B,CAAC;YAChC,OAAO;gBACL,gCAAgC,CAAC;YACnC;YACA,OAAO;gBACL,eAAe,CAAC;YAClB;YACA,QAAQ;gBACN,kCAAkC,CAAC;YACrC;YACA,QAAQ;gBACN,+BAA+B,CAAC;YAClC;YACA,QAAQ;gBACN,gBAAgB,CAAC;YACnB;YACA,UAAU;gBACR,gCAAgC,CAAC;YACnC;YACA,SAAS;gBACP,uGAAuG,CAAC;gBACxG,wBAAwB;oBACtB,6BAA6B,CAAC;gBAChC;YACF;YACA,sBAAsB;gBACpB,6BAA6B,CAAC;gBAC9B,YAAY;oBACV,4DAA4D,CAAC;gBAC/D;YACF;QACF;IACF,CAAA,EAAG"}
package/dist/esm/components/file-upload.js CHANGED
@@ -15,10 +15,20 @@ export const FileUpload = ()=>({
15
15
  '&-item': {
16
16
  '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},
17
17
  '@apply gap-y-12': {},
18
+ '@apply transition-transform duration-200 ease-in-out': {},
19
+ '&[data-dragging="true"]': {
20
+ '@apply opacity-50': {}
21
+ },
22
+ '&[data-drag-over="true"]': {
23
+ '@apply translate-x-4': {}
24
+ },
18
25
  '&-innerwrapper': {
19
26
  '@apply w-full': {},
20
27
  '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {}
21
28
  },
29
+ '.sk-form-file-upload-list-item-sort': {
30
+ '@apply flex gap-x-8 items-start': {}
31
+ },
22
32
  '&[data-isedit="true"]': {
23
33
  '.sk-form-file-upload-list-item-innerwrapper': {
24
34
  '@apply flex-col': {},
package/dist/esm/components/file-upload.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/file-upload.ts"],"sourcesContent":["export const FileUpload = () => ({\r\n '.sk-form-file-upload': {\r\n '&-list': {\r\n '@apply flex flex-col py-4 gap-x-12 items-start': {},\r\n '@apply border-divider border-t-1 border-b-1': {},\r\n\r\n '&[data-border=\"true\"]': {\r\n '@apply border-0 py-0 gap-y-12': {},\r\n\r\n '.sk-form-file-upload-list-item': {\r\n '@apply border-1 border-divider': {},\r\n },\r\n },\r\n\r\n 'li[role=\"separator\"]': {\r\n '@apply h-[1px] mt-3 mb-6 py-0 w-full': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},\r\n '@apply gap-y-12': {},\r\n\r\n '&-innerwrapper': {\r\n '@apply w-full': {},\r\n '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {},\r\n },\r\n\r\n '&[data-isedit=\"true\"]': {\r\n '.sk-form-file-upload-list-item-innerwrapper': {\r\n '@apply flex-col': {},\r\n '@apply medium-device:flex-row medium-device:items-center': {},\r\n\r\n '.sk-form-file-upload-list-item-icon': {\r\n '@apply hidden': {},\r\n '@apply medium-device:flex': {},\r\n },\r\n },\r\n },\r\n\r\n '&:hover': {\r\n '@apply bg-background-200': {},\r\n },\r\n\r\n '&[data-border=\"true\"]': {\r\n '@apply border-1 border-divider': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply flex justify-center shrink-0 rounded-utility overflow-hidden': {},\r\n '@apply bg-vattjom-surface-accent': {},\r\n\r\n '@apply w-32 h-32': {},\r\n '.sk-icon': {\r\n '@apply w-full h-full p-[.64rem]': {},\r\n },\r\n\r\n '&[data-size=\"sm\"]': {\r\n '@apply w-32 h-32': {},\r\n '.sk-icon': {\r\n '@apply p-[.64rem]': {},\r\n },\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply medium-device:w-44 medium-device:h-44': {},\r\n '.sk-icon': {\r\n '@apply medium-device:p-[.88rem]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-content': {\r\n '@apply grow flex flex-col justify-start gap-y-24': {},\r\n '@apply medium-device:grid medium-device:grid-flow-col medium-device:auto-cols-fr medium-device:items-center':\r\n {},\r\n\r\n '& > *': {\r\n '@apply grow shrink basis-auto': {},\r\n },\r\n\r\n '&-name': {\r\n '@apply flex flex-col items-start gap-2': {},\r\n '&[data-size=\"sm\"]': {\r\n '.sk-form-file-upload-list-item-content-name-description': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n\r\n '&-input-wrapper': {\r\n '@apply flex items-center': {},\r\n\r\n '.sk-form-input': {\r\n '@apply grow': {},\r\n },\r\n },\r\n\r\n '&-ending': {\r\n '@apply ml-8': {},\r\n },\r\n\r\n '&-heading': {\r\n '@apply text-base font-bold leading-24': {},\r\n },\r\n\r\n '&-description': {\r\n '@apply text-small': {},\r\n },\r\n },\r\n },\r\n\r\n '&-actions': {\r\n '@apply flex gap-12 items-center': {},\r\n '&-more': {\r\n '&-wrapper': {\r\n '@apply relative': {},\r\n },\r\n },\r\n '&-remove-tooltip': {\r\n '@apply absolute bottom-full mb-6 hidden z-20 left-1/2 -translate-x-1/2 whitespace-nowrap': {},\r\n '.group:hover &': {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n\r\n '.sk-form-error-message': {\r\n '@apply text-error': {},\r\n },\r\n\r\n '.sk-form-control': {\r\n '@apply w-full medium-device:w-fit': {},\r\n\r\n '.sk-form-select,.sk-form-input': {\r\n '@apply w-full medium-device:w-fit': {},\r\n },\r\n },\r\n\r\n '&-progress': {\r\n '@apply w-full flex gap-x-md items-center': {},\r\n\r\n '&-bar': {\r\n '@apply w-full h-[0.4rem] bg-background-color-mixin-2 rounded-circular overflow-hidden': {},\r\n\r\n '&-amount': {\r\n '@apply h-full bg-primary-surface w-0 transition-[width_.3s_ease]': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-area': {\r\n '&[data-relativity=\"viewport\"]': {\r\n '.sk-form-file-upload-area-overlay': {\r\n '@apply fixed': {},\r\n },\r\n },\r\n\r\n '&[data-relativity=\"component\"]': {\r\n '@apply relative inline-flex': {},\r\n '.sk-form-file-upload-area-overlay': {\r\n '@apply absolute': {},\r\n },\r\n },\r\n\r\n '&-overlay': {\r\n '@apply fixed z-overlay': {},\r\n '@apply top-0 bottom-0 left-0 right-0 p-32 rounded-groups': {},\r\n '@apply bg-primitives-overlay-darken-6': {},\r\n '@apply border-2 border-gronsta-text-primary': {},\r\n '@apply hidden': {},\r\n\r\n '&[data-isdragging]': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-content': {\r\n '@apply w-full h-full': {},\r\n '@apply rounded-6 border-dashed border-2 border-gronsta-text-primary': {},\r\n '@apply flex items-center justify-center': {},\r\n '@apply text-gronsta-text-primary': {},\r\n\r\n '&-icon': {\r\n '&-wrapper': {\r\n '@apply rounded-full bg-gronsta-surface-accent p-16 h-40 w-40 md:h-[8rem] md:w-[8rem] xl:h-[12rem] xl:w-[12rem]':\r\n {},\r\n\r\n '.sk-icon': {\r\n '@apply w-full h-full': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-modal': {\r\n '@apply medium-device:w-[78rem]': {},\r\n\r\n '&-labels': {\r\n '@apply hidden': {},\r\n '@apply medium-device:grid medium-device:grid-cols-2': {},\r\n '@apply text-small font-bold': {},\r\n '@apply mt-12 mb-8': {},\r\n },\r\n\r\n '&-button': {\r\n '&-wrapper': {\r\n '@apply flex items-center gap-8 mb-32': {},\r\n },\r\n },\r\n },\r\n '&-field &-area': {\r\n '@apply w-full h-full': {},\r\n\r\n '&-children': {\r\n '@apply w-full h-full': {},\r\n },\r\n },\r\n '&-field': {\r\n '@apply w-fit': {},\r\n\r\n '&[data-variant=\"horizontal\"] &-button': {\r\n '@apply flex flex-row p-24 justify-center items-center gap-16': {},\r\n },\r\n\r\n '&[data-variant=\"vertical\"] &-button': {\r\n '@apply flex flex-col p-24 justify-center items-center gap-18': {},\r\n\r\n '.sk-form-file-upload-field-button-content': {\r\n '@apply items-center': {},\r\n\r\n '&-restrictions': {\r\n '@apply items-center text-center': {},\r\n\r\n '&-mimetypes': {\r\n '@apply text-center': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&:hover &-button': {\r\n '@apply bg-vattjom-background-200 border-solid': {},\r\n },\r\n\r\n '&[data-invalid=\"true\"] &-button': {\r\n '@apply bg-error-background-100 border-solid border-error': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply w-full h-full grow shrink-0 basis-0 self-stretch': {},\r\n '@apply rounded-groups border-vattjom-surface-primary border-dashed border-1 bg-vattjom-background-100': {},\r\n\r\n '&-icon': {\r\n '.sk-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&-content': {\r\n '@apply flex flex-col items-start gap-y-4': {},\r\n '&-restrictions': {\r\n '@apply flex flex-col items-start': {},\r\n '@apply text-small text-dark-secondary': {},\r\n\r\n '&-mimetypes': {\r\n '@apply text-start line-clamp-1 max-w-[25rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["FileUpload"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/components/file-upload.ts"],"sourcesContent":["export const FileUpload = () => ({\r\n '.sk-form-file-upload': {\r\n '&-list': {\r\n '@apply flex flex-col py-4 gap-x-12 items-start': {},\r\n '@apply border-divider border-t-1 border-b-1': {},\r\n\r\n '&[data-border=\"true\"]': {\r\n '@apply border-0 py-0 gap-y-12': {},\r\n\r\n '.sk-form-file-upload-list-item': {\r\n '@apply border-1 border-divider': {},\r\n },\r\n },\r\n\r\n 'li[role=\"separator\"]': {\r\n '@apply h-[1px] mt-3 mb-6 py-0 w-full': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},\r\n '@apply gap-y-12': {},\r\n '@apply transition-transform duration-200 ease-in-out': {},\r\n\r\n '&[data-dragging=\"true\"]': {\r\n '@apply opacity-50': {},\r\n },\r\n\r\n '&[data-drag-over=\"true\"]': {\r\n '@apply translate-x-4': {},\r\n },\r\n\r\n\r\n '&-innerwrapper': {\r\n '@apply w-full': {},\r\n '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {},\r\n },\r\n\r\n '.sk-form-file-upload-list-item-sort': {\r\n '@apply flex gap-x-8 items-start': {},\r\n },\r\n\r\n '&[data-isedit=\"true\"]': {\r\n '.sk-form-file-upload-list-item-innerwrapper': {\r\n '@apply flex-col': {},\r\n '@apply medium-device:flex-row medium-device:items-center': {},\r\n\r\n '.sk-form-file-upload-list-item-icon': {\r\n '@apply hidden': {},\r\n '@apply medium-device:flex': {},\r\n },\r\n },\r\n },\r\n\r\n '&:hover': {\r\n '@apply bg-background-200': {},\r\n },\r\n\r\n '&[data-border=\"true\"]': {\r\n '@apply border-1 border-divider': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply flex justify-center shrink-0 rounded-utility overflow-hidden': {},\r\n '@apply bg-vattjom-surface-accent': {},\r\n\r\n '@apply w-32 h-32': {},\r\n '.sk-icon': {\r\n '@apply w-full h-full p-[.64rem]': {},\r\n },\r\n\r\n '&[data-size=\"sm\"]': {\r\n '@apply w-32 h-32': {},\r\n '.sk-icon': {\r\n '@apply p-[.64rem]': {},\r\n },\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply medium-device:w-44 medium-device:h-44': {},\r\n '.sk-icon': {\r\n '@apply medium-device:p-[.88rem]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-content': {\r\n '@apply grow flex flex-col justify-start gap-y-24': {},\r\n '@apply medium-device:grid medium-device:grid-flow-col medium-device:auto-cols-fr medium-device:items-center':\r\n {},\r\n\r\n '& > *': {\r\n '@apply grow shrink basis-auto': {},\r\n },\r\n\r\n '&-name': {\r\n '@apply flex flex-col items-start gap-2': {},\r\n '&[data-size=\"sm\"]': {\r\n '.sk-form-file-upload-list-item-content-name-description': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n\r\n '&-input-wrapper': {\r\n '@apply flex items-center': {},\r\n\r\n '.sk-form-input': {\r\n '@apply grow': {},\r\n },\r\n },\r\n\r\n '&-ending': {\r\n '@apply ml-8': {},\r\n },\r\n\r\n '&-heading': {\r\n '@apply text-base font-bold leading-24': {},\r\n },\r\n\r\n '&-description': {\r\n '@apply text-small': {},\r\n },\r\n },\r\n },\r\n\r\n '&-actions': {\r\n '@apply flex gap-12 items-center': {},\r\n '&-more': {\r\n '&-wrapper': {\r\n '@apply relative': {},\r\n },\r\n },\r\n '&-remove-tooltip': {\r\n '@apply absolute bottom-full mb-6 hidden z-20 left-1/2 -translate-x-1/2 whitespace-nowrap': {},\r\n '.group:hover &': {\r\n '@apply block': {},\r\n },\r\n },\r\n },\r\n\r\n '.sk-form-error-message': {\r\n '@apply text-error': {},\r\n },\r\n\r\n '.sk-form-control': {\r\n '@apply w-full medium-device:w-fit': {},\r\n\r\n '.sk-form-select,.sk-form-input': {\r\n '@apply w-full medium-device:w-fit': {},\r\n },\r\n },\r\n\r\n '&-progress': {\r\n '@apply w-full flex gap-x-md items-center': {},\r\n\r\n '&-bar': {\r\n '@apply w-full h-[0.4rem] bg-background-color-mixin-2 rounded-circular overflow-hidden': {},\r\n\r\n '&-amount': {\r\n '@apply h-full bg-primary-surface w-0 transition-[width_.3s_ease]': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-area': {\r\n '&[data-relativity=\"viewport\"]': {\r\n '.sk-form-file-upload-area-overlay': {\r\n '@apply fixed': {},\r\n },\r\n },\r\n\r\n '&[data-relativity=\"component\"]': {\r\n '@apply relative inline-flex': {},\r\n '.sk-form-file-upload-area-overlay': {\r\n '@apply absolute': {},\r\n },\r\n },\r\n\r\n '&-overlay': {\r\n '@apply fixed z-overlay': {},\r\n '@apply top-0 bottom-0 left-0 right-0 p-32 rounded-groups': {},\r\n '@apply bg-primitives-overlay-darken-6': {},\r\n '@apply border-2 border-gronsta-text-primary': {},\r\n '@apply hidden': {},\r\n\r\n '&[data-isdragging]': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-content': {\r\n '@apply w-full h-full': {},\r\n '@apply rounded-6 border-dashed border-2 border-gronsta-text-primary': {},\r\n '@apply flex items-center justify-center': {},\r\n '@apply text-gronsta-text-primary': {},\r\n\r\n '&-icon': {\r\n '&-wrapper': {\r\n '@apply rounded-full bg-gronsta-surface-accent p-16 h-40 w-40 md:h-[8rem] md:w-[8rem] xl:h-[12rem] xl:w-[12rem]':\r\n {},\r\n\r\n '.sk-icon': {\r\n '@apply w-full h-full': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-modal': {\r\n '@apply medium-device:w-[78rem]': {},\r\n\r\n '&-labels': {\r\n '@apply hidden': {},\r\n '@apply medium-device:grid medium-device:grid-cols-2': {},\r\n '@apply text-small font-bold': {},\r\n '@apply mt-12 mb-8': {},\r\n },\r\n\r\n '&-button': {\r\n '&-wrapper': {\r\n '@apply flex items-center gap-8 mb-32': {},\r\n },\r\n },\r\n },\r\n '&-field &-area': {\r\n '@apply w-full h-full': {},\r\n\r\n '&-children': {\r\n '@apply w-full h-full': {},\r\n },\r\n },\r\n '&-field': {\r\n '@apply w-fit': {},\r\n\r\n '&[data-variant=\"horizontal\"] &-button': {\r\n '@apply flex flex-row p-24 justify-center items-center gap-16': {},\r\n },\r\n\r\n '&[data-variant=\"vertical\"] &-button': {\r\n '@apply flex flex-col p-24 justify-center items-center gap-18': {},\r\n\r\n '.sk-form-file-upload-field-button-content': {\r\n '@apply items-center': {},\r\n\r\n '&-restrictions': {\r\n '@apply items-center text-center': {},\r\n\r\n '&-mimetypes': {\r\n '@apply text-center': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&:hover &-button': {\r\n '@apply bg-vattjom-background-200 border-solid': {},\r\n },\r\n\r\n '&[data-invalid=\"true\"] &-button': {\r\n '@apply bg-error-background-100 border-solid border-error': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply w-full h-full grow shrink-0 basis-0 self-stretch': {},\r\n '@apply rounded-groups border-vattjom-surface-primary border-dashed border-1 bg-vattjom-background-100': {},\r\n\r\n '&-icon': {\r\n '.sk-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&-content': {\r\n '@apply flex flex-col items-start gap-y-4': {},\r\n '&-restrictions': {\r\n '@apply flex flex-col items-start': {},\r\n '@apply text-small text-dark-secondary': {},\r\n\r\n '&-mimetypes': {\r\n '@apply text-start line-clamp-1 max-w-[25rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["FileUpload"],"mappings":"AAAA,OAAO,MAAMA,aAAa,IAAO,CAAA;QAC/B,wBAAwB;YACtB,UAAU;gBACR,kDAAkD,CAAC;gBACnD,+CAA+C,CAAC;gBAEhD,yBAAyB;oBACvB,iCAAiC,CAAC;oBAElC,kCAAkC;wBAChC,kCAAkC,CAAC;oBACrC;gBACF;gBAEA,wBAAwB;oBACtB,wCAAwC,CAAC;gBAC3C;gBAEA,UAAU;oBACR,mEAAmE,CAAC;oBACpE,mBAAmB,CAAC;oBACpB,wDAAwD,CAAC;oBAEzD,2BAA2B;wBACzB,qBAAqB,CAAC;oBACxB;oBAEA,4BAA4B;wBAC1B,wBAAwB,CAAC;oBAC3B;oBAGA,kBAAkB;wBAChB,iBAAiB,CAAC;wBAClB,8EAA8E,CAAC;oBACjF;oBAEA,uCAAuC;wBACrC,oCAAoC,CAAC;oBACvC;oBAEA,yBAAyB;wBACvB,+CAA+C;4BAC7C,mBAAmB,CAAC;4BACpB,4DAA4D,CAAC;4BAE7D,uCAAuC;gCACrC,iBAAiB,CAAC;gCAClB,6BAA6B,CAAC;4BAChC;wBACF;oBACF;oBAEA,WAAW;wBACT,4BAA4B,CAAC;oBAC/B;oBAEA,yBAAyB;wBACvB,kCAAkC,CAAC;oBACrC;oBAEA,UAAU;wBACR,uEAAuE,CAAC;wBACxE,oCAAoC,CAAC;wBAErC,oBAAoB,CAAC;wBACrB,YAAY;4BACV,mCAAmC,CAAC;wBACtC;wBAEA,qBAAqB;4BACnB,oBAAoB,CAAC;4BACrB,YAAY;gCACV,qBAAqB,CAAC;4BACxB;wBACF;wBACA,qBAAqB;4BACnB,gDAAgD,CAAC;4BACjD,YAAY;gCACV,mCAAmC,CAAC;4BACtC;wBACF;oBACF;oBAEA,aAAa;wBACX,oDAAoD,CAAC;wBACrD,+GACE,CAAC;wBAEH,SAAS;4BACP,iCAAiC,CAAC;wBACpC;wBAEA,UAAU;4BACR,0CAA0C,CAAC;4BAC3C,qBAAqB;gCACnB,2DAA2D;oCACzD,iBAAiB,CAAC;gCACpB;4BACF;4BAEA,mBAAmB;gCACjB,4BAA4B,CAAC;gCAE7B,kBAAkB;oCAChB,eAAe,CAAC;gCAClB;4BACF;4BAEA,YAAY;gCACV,eAAe,CAAC;4BAClB;4BAEA,aAAa;gCACX,yCAAyC,CAAC;4BAC5C;4BAEA,iBAAiB;gCACf,qBAAqB,CAAC;4BACxB;wBACF;oBACF;oBAEA,aAAa;wBACX,mCAAmC,CAAC;wBACpC,UAAU;4BACR,aAAa;gCACX,mBAAmB,CAAC;4BACtB;wBACF;wBACA,oBAAoB;4BAClB,4FAA4F,CAAC;4BAC7F,kBAAkB;gCAChB,gBAAgB,CAAC;4BACnB;wBACF;oBACF;oBAEA,0BAA0B;wBACxB,qBAAqB,CAAC;oBACxB;oBAEA,oBAAoB;wBAClB,qCAAqC,CAAC;wBAEtC,kCAAkC;4BAChC,qCAAqC,CAAC;wBACxC;oBACF;oBAEA,cAAc;wBACZ,4CAA4C,CAAC;wBAE7C,SAAS;4BACP,yFAAyF,CAAC;4BAE1F,YAAY;gCACV,oEAAoE,CAAC;4BACvE;wBACF;oBACF;gBACF;YACF;YAEA,UAAU;gBACR,iCAAiC;oBAC/B,qCAAqC;wBACnC,gBAAgB,CAAC;oBACnB;gBACF;gBAEA,kCAAkC;oBAChC,+BAA+B,CAAC;oBAChC,qCAAqC;wBACnC,mBAAmB,CAAC;oBACtB;gBACF;gBAEA,aAAa;oBACX,0BAA0B,CAAC;oBAC3B,4DAA4D,CAAC;oBAC7D,yCAAyC,CAAC;oBAC1C,+CAA+C,CAAC;oBAChD,iBAAiB,CAAC;oBAElB,sBAAsB;wBACpB,gBAAgB,CAAC;oBACnB;oBAEA,aAAa;wBACX,wBAAwB,CAAC;wBACzB,uEAAuE,CAAC;wBACxE,2CAA2C,CAAC;wBAC5C,oCAAoC,CAAC;wBAErC,UAAU;4BACR,aAAa;gCACX,kHACE,CAAC;gCAEH,YAAY;oCACV,wBAAwB,CAAC;gCAC3B;4BACF;wBACF;oBACF;gBACF;YACF;YAEA,WAAW;gBACT,kCAAkC,CAAC;gBAEnC,YAAY;oBACV,iBAAiB,CAAC;oBAClB,uDAAuD,CAAC;oBACxD,+BAA+B,CAAC;oBAChC,qBAAqB,CAAC;gBACxB;gBAEA,YAAY;oBACV,aAAa;wBACX,wCAAwC,CAAC;oBAC3C;gBACF;YACF;YACA,kBAAkB;gBAChB,wBAAwB,CAAC;gBAEzB,cAAc;oBACZ,wBAAwB,CAAC;gBAC3B;YACF;YACA,WAAW;gBACT,gBAAgB,CAAC;gBAEjB,yCAAyC;oBACvC,gEAAgE,CAAC;gBACnE;gBAEA,uCAAuC;oBACrC,gEAAgE,CAAC;oBAEjE,6CAA6C;wBAC3C,uBAAuB,CAAC;wBAExB,kBAAkB;4BAChB,mCAAmC,CAAC;4BAEpC,eAAe;gCACb,sBAAsB,CAAC;4BACzB;wBACF;oBACF;gBACF;gBAEA,oBAAoB;oBAClB,iDAAiD,CAAC;gBACpD;gBAEA,mCAAmC;oBACjC,4DAA4D,CAAC;gBAC/D;gBAEA,YAAY;oBACV,2DAA2D,CAAC;oBAC5D,yGAAyG,CAAC;oBAE1G,UAAU;wBACR,YAAY;4BACV,oBAAoB,CAAC;wBACvB;oBACF;oBACA,aAAa;wBACX,4CAA4C,CAAC;wBAC7C,kBAAkB;4BAChB,oCAAoC,CAAC;4BACrC,yCAAyC,CAAC;4BAE1C,eAAe;gCACb,gDAAgD,CAAC;4BACnD;wBACF;oBACF;gBACF;YACF;QACF;IACF,CAAA,EAAG"}
package/dist/esm/components/menubar.js ADDED
@@ -0,0 +1,62 @@
1
+ export const MenuBar = (colors)=>({
2
+ '.sk-menubar': {
3
+ '@apply flex flex-row': {},
4
+ '@apply rounded-cards': {},
5
+ '&[data-background="true"]': {
6
+ '@apply bg-background-color-mixin-1': {}
7
+ },
8
+ // sizes
9
+ '&[data-size="md"]': {
10
+ '@apply p-6 gap-8 rounded-groups': {}
11
+ },
12
+ '&[data-size="lg"]': {
13
+ '@apply p-8 gap-16 rounded-cards': {}
14
+ },
15
+ '&-item': {
16
+ '@apply inline-block': {},
17
+ '@apply relative': {},
18
+ // sizes
19
+ '&[data-size="md"]': {
20
+ '@apply h-34': {},
21
+ '> *': {
22
+ '@apply text-small leading-[1.8rem]': {}
23
+ }
24
+ },
25
+ '&[data-size="lg"]': {
26
+ '@apply h-40': {}
27
+ },
28
+ '> *:first-child': {
29
+ '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
30
+ '@apply cursor-pointer': {},
31
+ '@apply bg-transparent text-dark-primary': {},
32
+ '@apply hover:bg-tertiary-surface': {},
33
+ '@apply font-bold': {},
34
+ '@apply gap-2 px-14 py-8': {},
35
+ '@apply h-full min-h-full': {},
36
+ '@apply inline-flex shrink-0 flex-nowrap': {},
37
+ '@apply border-0': {},
38
+ '@apply focus-visible:bg-background-content focus-visible:ring': {},
39
+ '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
40
+ '@apply bg-primary-surface text-light-primary': {},
41
+ '@apply focus-visible:ring': {}
42
+ }
43
+ },
44
+ ...colors.reduce((styles, color)=>({
45
+ ...styles,
46
+ [`&[data-color="${color}"]`]: {
47
+ '> *:first-child': {
48
+ [`@apply hover:bg-${color}-surface-accent`]: {},
49
+ [`@apply hover:text-${color}-text-primary`]: {},
50
+ '@apply focus-visible:bg-background-content focus-visible:ring': {},
51
+ '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)': {
52
+ [`@apply bg-${color}-surface-primary`]: {},
53
+ '@apply focus-visible:ring': {}
54
+ }
55
+ }
56
+ }
57
+ }), {})
58
+ }
59
+ }
60
+ });
61
+
62
+ //# sourceMappingURL=menubar.js.map
package/dist/esm/components/menubar.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\r\n '@apply flex flex-row': {},\r\n '@apply rounded-cards': {},\r\n\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-background-color-mixin-1': {},\r\n },\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8 rounded-groups': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-8 gap-16 rounded-cards': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block': {},\r\n '@apply relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply cursor-pointer': {},\r\n '@apply bg-transparent text-dark-primary': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply font-bold': {},\r\n '@apply gap-2 px-14 py-8': {},\r\n '@apply h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n '@apply border-0': {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n '@apply bg-primary-surface text-light-primary': {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n '> *:first-child': {\r\n [`@apply hover:bg-${color}-surface-accent`]: {},\r\n [`@apply hover:text-${color}-text-primary`]: {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;gBACA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,mBAAmB;gCACjB,CAAC,CAAC,gBAAgB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;gCAC9C,CAAC,CAAC,kBAAkB,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;gCAC9C,iEAAiE,CAAC;gCAClE,0EAA0E;oCACxE,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;oCACzC,6BAA6B,CAAC;gCAChC;4BACF;wBACF;oBACF,CAAA,GACA,CAAC,EACF;YACH;QACF;IACF,CAAA,EAAG"}
package/dist/esm/components/segmented-control.js ADDED
@@ -0,0 +1,47 @@
1
+ export const SegmentedControl = ()=>({
2
+ '.sk-segmentedcontrol': {
3
+ '@apply flex flex-row items-center': {},
4
+ '@apply rounded-groups': {},
5
+ '@apply bg-tertiary-surface': {},
6
+ '@apply max-w-fit': {},
7
+ // sizes
8
+ '&[data-size="md"]': {
9
+ '@apply p-6 gap-8': {}
10
+ },
11
+ '&[data-size="lg"]': {
12
+ '@apply p-6 gap-16': {}
13
+ },
14
+ '&-item': {
15
+ '@apply inline-block relative': {},
16
+ // sizes
17
+ '&[data-size="md"]': {
18
+ '@apply h-34': {},
19
+ '> *': {
20
+ '@apply text-small leading-[1.8rem]': {}
21
+ }
22
+ },
23
+ '&[data-size="lg"]': {
24
+ '@apply h-40': {}
25
+ },
26
+ '> *:first-child': {
27
+ '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
28
+ '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},
29
+ '@apply gap-2 px-14 py-8 h-full min-h-full': {},
30
+ '@apply inline-flex shrink-0 flex-nowrap border-0': {},
31
+ '@apply hover:bg-tertiary-surface': {},
32
+ '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},
33
+ '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
34
+ '@apply bg-background-content text-dark-primary focus-visible:ring': {}
35
+ },
36
+ '&[aria-disabled="true"]': {
37
+ '@apply text-dark-disabled cursor-default hover:bg-transparent': {}
38
+ },
39
+ '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
40
+ '@apply bg-transparent border-transparent !important': {}
41
+ }
42
+ }
43
+ }
44
+ }
45
+ });
46
+
47
+ //# sourceMappingURL=segmented-control.js.map
package/dist/esm/components/segmented-control.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/segmented-control.ts"],"sourcesContent":["export const SegmentedControl = () => ({\r\n '.sk-segmentedcontrol': {\r\n '@apply flex flex-row items-center': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-tertiary-surface': {},\r\n '@apply max-w-fit': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-6 gap-16': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},\r\n '@apply gap-2 px-14 py-8 h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap border-0': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},\r\n\r\n '&[aria-pressed=\"true\"]:not(:hover):not([aria-disabled=\"true\"])': {\r\n '@apply bg-background-content text-dark-primary focus-visible:ring': {},\r\n },\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply text-dark-disabled cursor-default hover:bg-transparent': {},\r\n },\r\n '&.sk-btn[aria-disabled=\"true\"], &.sk-btn-disabled': {\r\n '@apply bg-transparent border-transparent !important': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["SegmentedControl"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,IAAO,CAAA;QACrC,wBAAwB;YACtB,qCAAqC,CAAC;YACtC,yBAAyB,CAAC;YAC1B,8BAA8B,CAAC;YAC/B,oBAAoB,CAAC;YAErB,QAAQ;YACR,qBAAqB;gBACnB,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,qBAAqB,CAAC;YACxB;YAEA,UAAU;gBACR,gCAAgC,CAAC;gBAEjC,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAChB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,oEAAoE,CAAC;oBACrE,6CAA6C,CAAC;oBAC9C,oDAAoD,CAAC;oBACrD,oCAAoC,CAAC;oBACrC,kJAAkJ,CAAC;oBAEnJ,kEAAkE;wBAChE,qEAAqE,CAAC;oBACxE;oBACA,2BAA2B;wBACzB,iEAAiE,CAAC;oBACpE;oBACA,qDAAqD;wBACnD,uDAAuD,CAAC;oBAC1D;gBACF;YACF;QACF;IACF,CAAA,EAAG"}
package/dist/types/components/ai/markdown-rendered.d.ts CHANGED
@@ -25,5 +25,11 @@ export declare const MarkdownRendered: () => {
25
25
  '@apply bg-transparent p-0': {};
26
26
  };
27
27
  };
28
+ '&-inline-reference': {
29
+ '@apply relative py-0 px-2': {};
30
+ '&-button': {
31
+ '@apply h-22 min-h-22 min-w-22 p-4 text-label-extra-small': {};
32
+ };
33
+ };
28
34
  };
29
35
  };
package/dist/types/components/countrycode-select.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const CountryCodeSelect: () => {
2
+ '.sk-country-code-select': {
3
+ 'font-family': string;
4
+ };
5
+ };
package/dist/types/components/file-upload.d.ts CHANGED
@@ -15,10 +15,20 @@ export declare const FileUpload: () => {
15
15
  '&-item': {
16
16
  '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {};
17
17
  '@apply gap-y-12': {};
18
+ '@apply transition-transform duration-200 ease-in-out': {};
19
+ '&[data-dragging="true"]': {
20
+ '@apply opacity-50': {};
21
+ };
22
+ '&[data-drag-over="true"]': {
23
+ '@apply translate-x-4': {};
24
+ };
18
25
  '&-innerwrapper': {
19
26
  '@apply w-full': {};
20
27
  '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {};
21
28
  };
29
+ '.sk-form-file-upload-list-item-sort': {
30
+ '@apply flex gap-x-8 items-start': {};
31
+ };
22
32
  '&[data-isedit="true"]': {
23
33
  '.sk-form-file-upload-list-item-innerwrapper': {
24
34
  '@apply flex-col': {};
package/dist/types/components/menubar.d.ts ADDED
@@ -0,0 +1,44 @@
1
+ export declare const MenuBar: (colors: string[]) => {
2
+ '.sk-menubar': {
3
+ '@apply flex flex-row': {};
4
+ '@apply rounded-cards': {};
5
+ '&[data-background="true"]': {
6
+ '@apply bg-background-color-mixin-1': {};
7
+ };
8
+ '&[data-size="md"]': {
9
+ '@apply p-6 gap-8 rounded-groups': {};
10
+ };
11
+ '&[data-size="lg"]': {
12
+ '@apply p-8 gap-16 rounded-cards': {};
13
+ };
14
+ '&-item': {
15
+ '@apply inline-block': {};
16
+ '@apply relative': {};
17
+ '&[data-size="md"]': {
18
+ '@apply h-34': {};
19
+ '> *': {
20
+ '@apply text-small leading-[1.8rem]': {};
21
+ };
22
+ };
23
+ '&[data-size="lg"]': {
24
+ '@apply h-40': {};
25
+ };
26
+ '> *:first-child': {
27
+ '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
28
+ '@apply cursor-pointer': {};
29
+ '@apply bg-transparent text-dark-primary': {};
30
+ '@apply hover:bg-tertiary-surface': {};
31
+ '@apply font-bold': {};
32
+ '@apply gap-2 px-14 py-8': {};
33
+ '@apply h-full min-h-full': {};
34
+ '@apply inline-flex shrink-0 flex-nowrap': {};
35
+ '@apply border-0': {};
36
+ '@apply focus-visible:bg-background-content focus-visible:ring': {};
37
+ '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
38
+ '@apply bg-primary-surface text-light-primary': {};
39
+ '@apply focus-visible:ring': {};
40
+ };
41
+ };
42
+ };
43
+ };
44
+ };
package/dist/types/components/segmented-control.d.ts ADDED
@@ -0,0 +1,43 @@
1
+ export declare const SegmentedControl: () => {
2
+ '.sk-segmentedcontrol': {
3
+ '@apply flex flex-row items-center': {};
4
+ '@apply rounded-groups': {};
5
+ '@apply bg-tertiary-surface': {};
6
+ '@apply max-w-fit': {};
7
+ '&[data-size="md"]': {
8
+ '@apply p-6 gap-8': {};
9
+ };
10
+ '&[data-size="lg"]': {
11
+ '@apply p-6 gap-16': {};
12
+ };
13
+ '&-item': {
14
+ '@apply inline-block relative': {};
15
+ '&[data-size="md"]': {
16
+ '@apply h-34': {};
17
+ '> *': {
18
+ '@apply text-small leading-[1.8rem]': {};
19
+ };
20
+ };
21
+ '&[data-size="lg"]': {
22
+ '@apply h-40': {};
23
+ };
24
+ '> *:first-child': {
25
+ '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
26
+ '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {};
27
+ '@apply gap-2 px-14 py-8 h-full min-h-full': {};
28
+ '@apply inline-flex shrink-0 flex-nowrap border-0': {};
29
+ '@apply hover:bg-tertiary-surface': {};
30
+ '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {};
31
+ '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
32
+ '@apply bg-background-content text-dark-primary focus-visible:ring': {};
33
+ };
34
+ '&[aria-disabled="true"]': {
35
+ '@apply text-dark-disabled cursor-default hover:bg-transparent': {};
36
+ };
37
+ '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
38
+ '@apply bg-transparent border-transparent !important': {};
39
+ };
40
+ };
41
+ };
42
+ };
43
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sk-web-gui/core",
3
- "version": "4.4.0",
3
+ "version": "4.5.1",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "./dist/cjs/index.js",
@@ -41,5 +41,5 @@
41
41
  "mini-svg-data-uri": "^1.4.4",
42
42
  "tailwindcss": "^3.4.17"
43
43
  },
44
- "gitHead": "b607874618eacbdc95fced20bf0b3ceefa4bd965"
44
+ "gitHead": "3db94316b46799bbec600c9e4bdf4c84b78bcd11"
45
45
  }