@sk-web-gui/core 3.13.1 → 3.15.0

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

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

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

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

package/dist/cjs/components.js

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

package/dist/cjs/components.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: MenuBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, MenuBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [AIFeed, AssistantPresentation, InputSection, Avatar, Bubble, Link, Button, Divider, Icon, Tooltip, MenuBar],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CookieConsent","Forms","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","Header","List","MenuBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","NewSessionButton","TypingSequence"],"mappings":"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"}
+{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: MenuBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: TextEditor },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, MenuBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [AIFeed, AssistantPresentation, InputSection, Avatar, Bubble, Link, Button, Divider, Icon, Tooltip, MenuBar],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CookieConsent","Forms","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","Header","List","MenuBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","TextEditor","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","NewSessionButton","TypingSequence"],"mappings":"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"}

package/dist/cjs/data-plugin.js

@@ -14,8 +14,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const DataAttributes = (0, _plugin.default)(function(param) {
-    let { addVariant } = param;
+const DataAttributes = (0, _plugin.default)(function({ addVariant }) {
     const attributes = {
         open: [
             'true',

package/dist/cjs/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":["DataAttributes","TailwindPlugin","addVariant","attributes","open","rounded","inverted","size","variant","accent","background","Object","keys","forEach","key","element","selector"],"mappings":";;;;+BAEaA;;;eAAAA;;;+DAFc;;;;;;AAEpB,MAAMA,iBAAiBC,IAAAA,eAAc,EAAC,SAAU,KAAc;QAAd,EAAEC,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"}
+{"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":["DataAttributes","TailwindPlugin","addVariant","attributes","open","rounded","inverted","size","variant","accent","background","Object","keys","forEach","key","element","selector"],"mappings":";;;;+BAEaA;;;eAAAA;;;+DAFc;;;;;;AAEpB,MAAMA,iBAAiBC,IAAAA,eAAc,EAAC,SAAU,EAAEC,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"}

package/dist/cjs/index.js

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    AriaAttributes: function() {
+    get AriaAttributes () {
         return _ariaplugin.AriaAttributes;
     },
-    DataAttributes: function() {
+    get DataAttributes () {
         return _dataplugin.DataAttributes;
     },
-    default: function() {
+    get default () {
         return _default;
     },
-    plugin: function() {
+    get plugin () {
         return _plugin.default;
     },
-    preset: function() {
+    get preset () {
         return _preset.default;
     }
 });

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\r\nimport plugin from './plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\nimport { DataAttributes } from './data-plugin';\r\n\r\nexport { preset, plugin, DataAttributes, AriaAttributes };\r\nexport default plugin;\r\n"],"names":["AriaAttributes","DataAttributes","plugin","preset"],"mappings":";;;;;;;;;;;IAKyCA,cAAc;eAAdA,0BAAc;;IAA9BC,cAAc;eAAdA,0BAAc;;IACvC,OAAsB;eAAtB;;IADiBC,MAAM;eAANA,eAAM;;IAAdC,MAAM;eAANA,eAAM;;;+DALI;+DACA;4BACY;4BACA;;;;;;MAG/B,WAAeD,eAAM"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\r\nimport plugin from './plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\nimport { DataAttributes } from './data-plugin';\r\n\r\nexport { preset, plugin, DataAttributes, AriaAttributes };\r\nexport default plugin;\r\n"],"names":["AriaAttributes","DataAttributes","plugin","preset"],"mappings":";;;;;;;;;;;QAKyCA;eAAAA,0BAAc;;QAA9BC;eAAAA,0BAAc;;QACvC;eAAA;;QADiBC;eAAAA,eAAM;;QAAdC;eAAAA,eAAM;;;+DALI;+DACA;4BACY;4BACA;;;;;;MAG/B,WAAeD,eAAM"}

package/dist/cjs/plugin.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    default: function() {
+    get default () {
         return _default;
     },
-    pluginDefaults: function() {
+    get pluginDefaults () {
         return pluginDefaults;
     }
 });
@@ -79,8 +79,7 @@ const plugin = _plugin.default.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 || []

package/dist/cjs/plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\nimport { Component, components } from './components';\r\nimport { PluginAPI } from 'tailwindcss/types/config';\r\n\r\nexport interface PluginOptions {\r\n  colors?: string[];\r\n  cssBase?: boolean;\r\n  components?: string[];\r\n}\r\n\r\nexport const pluginDefaults = { cssBase: true, colors: [] };\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst getComponentWithDependencies = (compName: string): Component[] => {\r\n  const compWithDeps = components.find((comp) => comp.comp.name === compName);\r\n  if (!compWithDeps) return [];\r\n\r\n  let comps: Component[] = [compWithDeps.comp];\r\n  if (compWithDeps?.deps) {\r\n    for (let index = 0; index < compWithDeps?.deps.length; index++) {\r\n      comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\r\n    }\r\n  }\r\n\r\n  return comps;\r\n};\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n  function (_options) {\r\n    const options = { ...pluginDefaults, ..._options };\r\n\r\n    const pickedComponents = components\r\n      .reduce((comps: Component[], compWithDeps) => {\r\n        if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\r\n          return comps;\r\n        }\r\n\r\n        let deps: Component[] = [];\r\n        if (compWithDeps?.deps) {\r\n          for (let index = 0; index < compWithDeps.deps.length; index++) {\r\n            deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\r\n          }\r\n        }\r\n\r\n        return [...comps, ...deps, compWithDeps.comp];\r\n      }, [])\r\n      .filter((val, index, arr) => arr.indexOf(val) === index);\r\n\r\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(pickedComponents.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n\r\nexport default plugin;\r\n"],"names":["pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","components","find","comp","name","comps","deps","index","length","plugin","TailwindPlugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","theme","optionColors","base","map","component"],"mappings":";;;;;;;;;;;IAoEA,OAAsB;eAAtB;;IAxDaA,cAAc;eAAdA;;;+DAZc;sBACN;uBACC;4BACgB;;;;;;AAS/B,MAAMA,iBAAiB;IAAEC,SAAS;IAAMC,QAAQ,EAAE;AAAC;AAE1D,MAAMC,gBAAgB;IAAC;IAAW;IAAS;IAAW;IAAQ;IAAW;IAAY;IAAe;CAAU;AAE9G,MAAMC,+BAA+B,CAACC;IACpC,MAAMC,eAAeC,sBAAU,CAACC,IAAI,CAAC,CAACC,OAASA,KAAKA,IAAI,CAACC,IAAI,KAAKL;IAClE,IAAI,CAACC,cAAc,OAAO,EAAE;IAE5B,IAAIK,QAAqB;QAACL,aAAaG,IAAI;KAAC;IAC5C,IAAIH,cAAcM,MAAM;QACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,cAAcM,KAAKE,QAAQD,QAAS;YAC9DF,QAAQ;mBAAIP,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;mBAAMC;aAAM;QACpF;IACF;IAEA,OAAOA;AACT;AAEA,MAAMI,SAASC,eAAc,CAACC,WAAW,CACvC,SAAUC,QAAQ;IAChB,MAAMC,UAAU;QAAE,GAAGnB,cAAc;QAAE,GAAGkB,QAAQ;IAAC;IAEjD,MAAME,mBAAmBb,sBAAU,CAChCc,MAAM,CAAC,CAACV,OAAoBL;QAC3B,IAAIa,SAASZ,cAAc,CAACY,QAAQZ,UAAU,CAACe,QAAQ,CAAChB,aAAaG,IAAI,CAACC,IAAI,GAAG;YAC/E,OAAOC;QACT;QAEA,IAAIC,OAAoB,EAAE;QAC1B,IAAIN,cAAcM,MAAM;YACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,aAAaM,IAAI,CAACE,MAAM,EAAED,QAAS;gBAC7DD,OAAO;uBAAIR,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;uBAAME;iBAAK;YAClF;QACF;QAEA,OAAO;eAAID;eAAUC;YAAMN,aAAaG,IAAI;SAAC;IAC/C,GAAG,EAAE,EACJc,MAAM,CAAC,CAACC,KAAKX,OAAOY,MAAQA,IAAIC,OAAO,CAACF,SAASX;IAEpD,OAAO,SAAU,KAA4C;YAA5C,EAAEc,aAAa,EAAEC,OAAO,EAAEC,KAAK,EAAa,GAA5C;QACf,MAAMC,eAAe;eAAI3B;eAAmBgB,QAAQjB,MAAM,IAAI,EAAE;SAAE;QAElE,IAAIiB,QAAQlB,OAAO,EAAE;YACnB2B,QAAQG,UAAI;QACd;QAEAJ,cAAcP,iBAAiBY,GAAG,CAAC,CAACC,YAAcA,UAAUH,cAAcD;IAC5E;AACF,GACA;IACE,OAAO;QACLA,OAAOA,YAAK;IACd;AACF;MAGF,WAAed"}
+{"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\nimport { Component, components } from './components';\r\nimport { PluginAPI } from 'tailwindcss/types/config';\r\n\r\nexport interface PluginOptions {\r\n  colors?: string[];\r\n  cssBase?: boolean;\r\n  components?: string[];\r\n}\r\n\r\nexport const pluginDefaults = { cssBase: true, colors: [] };\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst getComponentWithDependencies = (compName: string): Component[] => {\r\n  const compWithDeps = components.find((comp) => comp.comp.name === compName);\r\n  if (!compWithDeps) return [];\r\n\r\n  let comps: Component[] = [compWithDeps.comp];\r\n  if (compWithDeps?.deps) {\r\n    for (let index = 0; index < compWithDeps?.deps.length; index++) {\r\n      comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\r\n    }\r\n  }\r\n\r\n  return comps;\r\n};\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n  function (_options) {\r\n    const options = { ...pluginDefaults, ..._options };\r\n\r\n    const pickedComponents = components\r\n      .reduce((comps: Component[], compWithDeps) => {\r\n        if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\r\n          return comps;\r\n        }\r\n\r\n        let deps: Component[] = [];\r\n        if (compWithDeps?.deps) {\r\n          for (let index = 0; index < compWithDeps.deps.length; index++) {\r\n            deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\r\n          }\r\n        }\r\n\r\n        return [...comps, ...deps, compWithDeps.comp];\r\n      }, [])\r\n      .filter((val, index, arr) => arr.indexOf(val) === index);\r\n\r\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(pickedComponents.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n\r\nexport default plugin;\r\n"],"names":["pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","components","find","comp","name","comps","deps","index","length","plugin","TailwindPlugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","theme","optionColors","base","map","component"],"mappings":";;;;;;;;;;;QAoEA;eAAA;;QAxDaA;eAAAA;;;+DAZc;sBACN;uBACC;4BACgB;;;;;;AAS/B,MAAMA,iBAAiB;IAAEC,SAAS;IAAMC,QAAQ,EAAE;AAAC;AAE1D,MAAMC,gBAAgB;IAAC;IAAW;IAAS;IAAW;IAAQ;IAAW;IAAY;IAAe;CAAU;AAE9G,MAAMC,+BAA+B,CAACC;IACpC,MAAMC,eAAeC,sBAAU,CAACC,IAAI,CAAC,CAACC,OAASA,KAAKA,IAAI,CAACC,IAAI,KAAKL;IAClE,IAAI,CAACC,cAAc,OAAO,EAAE;IAE5B,IAAIK,QAAqB;QAACL,aAAaG,IAAI;KAAC;IAC5C,IAAIH,cAAcM,MAAM;QACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,cAAcM,KAAKE,QAAQD,QAAS;YAC9DF,QAAQ;mBAAIP,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;mBAAMC;aAAM;QACpF;IACF;IAEA,OAAOA;AACT;AAEA,MAAMI,SAASC,eAAc,CAACC,WAAW,CACvC,SAAUC,QAAQ;IAChB,MAAMC,UAAU;QAAE,GAAGnB,cAAc;QAAE,GAAGkB,QAAQ;IAAC;IAEjD,MAAME,mBAAmBb,sBAAU,CAChCc,MAAM,CAAC,CAACV,OAAoBL;QAC3B,IAAIa,SAASZ,cAAc,CAACY,QAAQZ,UAAU,CAACe,QAAQ,CAAChB,aAAaG,IAAI,CAACC,IAAI,GAAG;YAC/E,OAAOC;QACT;QAEA,IAAIC,OAAoB,EAAE;QAC1B,IAAIN,cAAcM,MAAM;YACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,aAAaM,IAAI,CAACE,MAAM,EAAED,QAAS;gBAC7DD,OAAO;uBAAIR,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;uBAAME;iBAAK;YAClF;QACF;QAEA,OAAO;eAAID;eAAUC;YAAMN,aAAaG,IAAI;SAAC;IAC/C,GAAG,EAAE,EACJc,MAAM,CAAC,CAACC,KAAKX,OAAOY,MAAQA,IAAIC,OAAO,CAACF,SAASX;IAEpD,OAAO,SAAU,EAAEc,aAAa,EAAEC,OAAO,EAAEC,KAAK,EAAa;QAC3D,MAAMC,eAAe;eAAI3B;eAAmBgB,QAAQjB,MAAM,IAAI,EAAE;SAAE;QAElE,IAAIiB,QAAQlB,OAAO,EAAE;YACnB2B,QAAQG,UAAI;QACd;QAEAJ,cAAcP,iBAAiBY,GAAG,CAAC,CAACC,YAAcA,UAAUH,cAAcD;IAC5E;AACF,GACA;IACE,OAAO;QACLA,OAAOA,YAAK;IACd;AACF;MAGF,WAAed"}

package/dist/cjs/with-opacity.js

@@ -9,8 +9,7 @@ Object.defineProperty(exports, "default", {
     }
 });
 const withOpacity = function withOpacity(variableName) {
-    return (param)=>{
-        let { opacityValue } = param;
+    return ({ opacityValue })=>{
         if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;
         return `rgb(var(${variableName}))`;
     };

package/dist/cjs/with-opacity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":";;;;+BAMA;;;eAAA;;;AANA,MAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO;YAAC,EAAEC,YAAY,EAA4B;QAChD,IAAIA,cAAc,OAAO,CAAC,SAAS,EAAED,aAAa,GAAG,EAAEC,aAAa,CAAC,CAAC;QACtE,OAAO,CAAC,QAAQ,EAAED,aAAa,EAAE,CAAC;IACpC;AACF;MACA,WAAeD"}
+{"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":";;;;+BAMA;;;eAAA;;;AANA,MAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO,CAAC,EAAEC,YAAY,EAA4B;QAChD,IAAIA,cAAc,OAAO,CAAC,SAAS,EAAED,aAAa,GAAG,EAAEC,aAAa,CAAC,CAAC;QACtE,OAAO,CAAC,QAAQ,EAAED,aAAa,EAAE,CAAC;IACpC;AACF;MACA,WAAeD"}

package/dist/esm/aria-plugin.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n  const attributes: Record<string, Array<string>> = {\r\n    checked: ['true', 'false', 'mixed'],\r\n    disabled: ['true', 'false'],\r\n    expanded: ['true', 'false'],\r\n    hidden: ['true', 'false'],\r\n    orientation: ['horizontal', 'vertical'],\r\n    readonly: ['true', 'false'],\r\n    required: ['true', 'false'],\r\n    selected: ['true', 'false'],\r\n    sort: ['none', 'ascending', 'descending', 'other'],\r\n  };\r\n\r\n  Object.keys(attributes).forEach((key) => {\r\n    attributes[key].forEach((element) => {\r\n      let selector = `aria-${key}-${element}`;\r\n      if (element == 'true') {\r\n        selector = `aria-${key}`;\r\n      } else if (element == 'false') {\r\n        selector = `aria-!${key}`;\r\n      }\r\n      addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n    });\r\n  });\r\n\r\n  const specialAttributes: Record<string, Array<string>> = {\r\n    haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n    current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n  };\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const elements = specialAttributes[key];\r\n    const selector = `aria-${key}`;\r\n    addVariant(\r\n      selector,\r\n      elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n    );\r\n  });\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const selector = `aria-!${key}`;\r\n    addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n  });\r\n});\r\n"],"names":["TailwindPlugin","AriaAttributes","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,MAAMC,iBAAiBD,eAAe,SAAU,KAAc;QAAd,EAAEE,UAAU,EAAE,GAAd;IACrD,MAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,CAACC;QAC/Bb,UAAU,CAACa,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;YACAd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;IAEA,MAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,MAAME,WAAW,CAAC,KAAK,EAAEF,KAAK;QAC9Bd,WACEgB,UACAI,SAASC,GAAG,CAAC,CAACN,UAAY,CAAC,OAAO,EAAED,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;IAE3D;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAME,WAAW,CAAC,MAAM,EAAEF,KAAK;QAC/Bd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;IAClD;AACF,GAAG"}
+{"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n  const attributes: Record<string, Array<string>> = {\r\n    checked: ['true', 'false', 'mixed'],\r\n    disabled: ['true', 'false'],\r\n    expanded: ['true', 'false'],\r\n    hidden: ['true', 'false'],\r\n    orientation: ['horizontal', 'vertical'],\r\n    readonly: ['true', 'false'],\r\n    required: ['true', 'false'],\r\n    selected: ['true', 'false'],\r\n    sort: ['none', 'ascending', 'descending', 'other'],\r\n  };\r\n\r\n  Object.keys(attributes).forEach((key) => {\r\n    attributes[key].forEach((element) => {\r\n      let selector = `aria-${key}-${element}`;\r\n      if (element == 'true') {\r\n        selector = `aria-${key}`;\r\n      } else if (element == 'false') {\r\n        selector = `aria-!${key}`;\r\n      }\r\n      addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n    });\r\n  });\r\n\r\n  const specialAttributes: Record<string, Array<string>> = {\r\n    haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n    current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n  };\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const elements = specialAttributes[key];\r\n    const selector = `aria-${key}`;\r\n    addVariant(\r\n      selector,\r\n      elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n    );\r\n  });\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const selector = `aria-!${key}`;\r\n    addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n  });\r\n});\r\n"],"names":["TailwindPlugin","AriaAttributes","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,MAAMC,iBAAiBD,eAAe,SAAU,EAAEE,UAAU,EAAE;IACnE,MAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,CAACC;QAC/Bb,UAAU,CAACa,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;YACAd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;IAEA,MAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,MAAME,WAAW,CAAC,KAAK,EAAEF,KAAK;QAC9Bd,WACEgB,UACAI,SAASC,GAAG,CAAC,CAACN,UAAY,CAAC,OAAO,EAAED,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;IAE3D;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAME,WAAW,CAAC,MAAM,EAAEF,KAAK;QAC/Bd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;IAClD;AACF,GAAG"}

package/dist/esm/components/accordion.js

@@ -59,7 +59,7 @@ export const Accordion = ()=>({
                 '.sk-disclosure-toggle': {
                     '@apply gap-12': {},
                     '.sk-icon': {
-                        '@apply w-20 h-20': {}
+                        '@apply w-20 min-h-20': {}
                     }
                 },
                 '.sk-disclosure-support': {
@@ -68,7 +68,7 @@ export const Accordion = ()=>({
                 '&[data-variant="default"]': {
                     '.sk-disclosure-toggle': {
                         '@apply py-4': {},
-                        '@apply h-40': {}
+                        '@apply min-h-40': {}
                     },
                     '.sk-disclosure-header-icon': {
                         '@apply w-32 h-32': {}
@@ -86,7 +86,7 @@ export const Accordion = ()=>({
                 '.sk-disclosure-toggle': {
                     '@apply gap-12': {},
                     '.sk-icon': {
-                        '@apply w-24 h-24': {}
+                        '@apply w-24 min-h-24': {}
                     }
                 },
                 '.sk-disclosure-support': {
@@ -95,7 +95,7 @@ export const Accordion = ()=>({
                 '&[data-variant="default"]': {
                     '.sk-disclosure-toggle': {
                         '@apply py-8': {},
-                        '@apply h-56': {}
+                        '@apply min-h-56': {}
                     },
                     '.sk-disclosure-header-icon': {
                         '@apply w-40 h-40': {}
@@ -116,21 +116,28 @@ export const Accordion = ()=>({
                 }
             },
             '&-body': {
+                '&[data-size="sm"]': {
+                    '@apply pr-12': {}
+                },
+                '&[data-size="md"]': {
+                    '@apply pr-12': {}
+                },
+                '&[data-size="lg"]': {
+                    '@apply pr-16': {}
+                },
                 '@apply text-base': {},
                 '@apply flex flex-col': {},
                 '@apply mb-32': {},
                 '@apply mr-32': {},
                 '@apply gap-8': {},
                 '@apply py-0': {},
-                '@apply h-0 overflow-hidden': {},
-                transitionProperty: 'visibility, height, padding, margin',
-                transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
+                transitionProperty: 'visibility, height, opacity, padding, margin',
                 transitionDuration: '180ms',
                 '&[aria-hidden="true"], &[data-hidden="true"]': {
-                    '@apply my-0 invisible h-0': {}
+                    '@apply my-0 invisible max-h-0 opacity-0': {}
                 },
                 '&[aria-hidden="false"], &[data-hidden="false"]': {
-                    '@apply block h-max visible': {}
+                    '@apply block max-h-screen opacity-100 visible': {}
                 },
                 '&[data-variant="alt"]': {
                     '@apply mt-24': {},
@@ -155,11 +162,6 @@ export const Accordion = ()=>({
                         }
                     }
                 }
-            },
-            '&-is-open': {
-                '.sk-disclosure-body': {
-                    '@apply overflow-visible animate-reset-overflow': {}
-                }
             }
         },
         '.sk-accordion': {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-24 h-24': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply text-base': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '&[data-inverted=\"true\"]': {\r\n    '&.sk-disclosure': {\r\n      '&-icon': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-inverted-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n    '&.sk-accordion': {\r\n      '&-item': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-20 min-h-20': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply min-h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-24 min-h-24': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply min-h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&[data-size=\"sm\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"md\"]': {\r\n        '@apply pr-12': {},\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply pr-16': {},\r\n      },\r\n      '@apply text-base': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      transitionProperty: 'visibility, height, opacity, padding, margin',\r\n\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible max-h-0 opacity-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block max-h-screen opacity-100 visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '&[data-inverted=\"true\"]': {\r\n    '&.sk-disclosure': {\r\n      '&-icon': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-inverted-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n    '&.sk-accordion': {\r\n      '&-item': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionDuration"],"mappings":"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"}

package/dist/esm/components/badge.js

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

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

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

package/dist/esm/components/card.js

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