@sk-web-gui/core 0.1.90 → 0.1.91

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 (21) hide show
  1. package/dist/cjs/components/comments.js +4 -1
  2. package/dist/cjs/components/comments.js.map +1 -1
  3. package/dist/cjs/components/tab-menu.js.map +1 -1
  4. package/dist/cjs/components/tabs.js.map +1 -1
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/cjs/plugin.js.map +1 -1
  7. package/dist/cjs/theme.js.map +1 -1
  8. package/dist/esm/components/comments.js +4 -1
  9. package/dist/esm/components/comments.js.map +1 -1
  10. package/dist/esm/components/tab-menu.js.map +1 -1
  11. package/dist/esm/components/tabs.js.map +1 -1
  12. package/dist/esm/index.js.map +1 -1
  13. package/dist/esm/plugin.js.map +1 -1
  14. package/dist/esm/theme.js.map +1 -1
  15. package/package.json +2 -2
  16. package/src/components/comments.js +37 -33
  17. package/src/components/tab-menu.js +58 -58
  18. package/src/components/tabs.js +64 -64
  19. package/src/index.js +8 -8
  20. package/src/plugin.js +120 -120
  21. package/src/theme.js +84 -84
package/dist/cjs/components/comments.js CHANGED
@@ -6,7 +6,10 @@ module.exports = Comments = function Comments() {
6
6
  '.comment-item': {
7
7
  '@apply w-full': {},
8
8
  '&-container': {
9
- '@apply flex gap-2': {}
9
+ '@apply flex justify-between relative': {},
10
+ '&-textpic': {
11
+ '@apply flex gap-2': {}
12
+ }
10
13
  },
11
14
  '&-text': {
12
15
  '@apply text-base font-bold mx-0 mb-0 mt-4': {}
package/dist/cjs/components/comments.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \n\n '.comment-header': {\n '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n },\n\n '.comment-item':{\n '@apply w-full': {},\n\n '&-container': {\n '@apply flex gap-2': {},\n },\n '&-text': {\n '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n },\n '&-commentorpublished': {\n '@apply float-right text-neutral-600 m-0': {},\n },\n },\n '.comment-input':{\n '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n '&-inactive': {\n '@apply text-neutral-300 !text-3xl': {},\n },\n\n '&-active': {\n '@apply text-primary !text-3xl': {},\n }\n\n },\n\n \n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IAE/B,iBAAiB,EAAE;MACf,uEAAuE,EAAE,CAAC;IAC9E,CAAC;IAED,eAAe,EAAC;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACX,mBAAmB,EAAE,CAAC;MAC1B,CAAC;MACD,QAAQ,EAAE;QACN,2CAA2C,EAAE,CAAC;MAClD,CAAC;MACD,sBAAsB,EAAE;QACpB,yCAAyC,EAAE,CAAC;MAChD;IACJ,CAAC;IACD,gBAAgB,EAAC;MACb,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACV,mCAAmC,EAAE,CAAC;MAC1C,CAAC;MAED,UAAU,EAAE;QACR,+BAA+B,EAAE,CAAC;MACtC;IAEJ;EAGJ,CAAC;AAAA,CAAC"}
1
+ {"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \r\n\r\n '.comment-header': {\r\n '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n },\r\n\r\n '.comment-item':{\r\n '@apply w-full': {},\r\n\r\n '&-container': {\r\n '@apply flex justify-between relative': {},\r\n\r\n '&-textpic': {\r\n '@apply flex gap-2': {},\r\n },\r\n },\r\n '&-text': {\r\n '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n },\r\n '&-commentorpublished': {\r\n '@apply float-right text-neutral-600 m-0': {},\r\n },\r\n },\r\n '.comment-input':{\r\n '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n '&-inactive': {\r\n '@apply text-neutral-300 !text-3xl': {},\r\n },\r\n\r\n '&-active': {\r\n '@apply text-primary !text-3xl': {},\r\n }\r\n\r\n },\r\n\r\n \r\n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IAE/B,iBAAiB,EAAE;MACf,uEAAuE,EAAE,CAAC;IAC9E,CAAC;IAED,eAAe,EAAC;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAE1C,WAAW,EAAE;UACT,mBAAmB,EAAE,CAAC;QAC1B;MACJ,CAAC;MACD,QAAQ,EAAE;QACN,2CAA2C,EAAE,CAAC;MAClD,CAAC;MACD,sBAAsB,EAAE;QACpB,yCAAyC,EAAE,CAAC;MAChD;IACJ,CAAC;IACD,gBAAgB,EAAC;MACb,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACV,mCAAmC,EAAE,CAAC;MAC1C,CAAC;MAED,UAAU,EAAE;QACR,+BAA+B,EAAE,CAAC;MACtC;IAEJ;EAGJ,CAAC;AAAA,CAAC"}
package/dist/cjs/components/tab-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n '.sk-tab-menu': {\n '&-wrapper': {\n display: 'flex',\n flexDirection: 'row',\n margin: 'auto',\n },\n '&-right': {\n '@apply justify-end': {},\n },\n '&-center': {\n '@apply justify-center': {},\n },\n '&-list': {\n all: 'unset',\n display: 'flex',\n '&-stretch': {\n '@apply w-full justify-between': {},\n },\n },\n\n '&-underline': {\n width: '100%',\n height: 6,\n '@apply bg-gray-light': {},\n },\n '&-item': {\n all: 'unset',\n height: 65,\n display: 'flex',\n padding: '0 1rem',\n marginRight: '5rem',\n alignItems: 'center',\n position: 'relative',\n cursor: 'pointer',\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-right': {\n '@apply mr-0 ml-[5rem]': {},\n },\n '&-center:last-of-type': {\n '@apply mr-0': {},\n },\n\n '&.active::after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: 6,\n top: '100%',\n left: 0,\n '@apply bg-primary': {},\n },\n },\n },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
1
+ {"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n '.sk-tab-menu': {\r\n '&-wrapper': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n margin: 'auto',\r\n },\r\n '&-right': {\r\n '@apply justify-end': {},\r\n },\r\n '&-center': {\r\n '@apply justify-center': {},\r\n },\r\n '&-list': {\r\n all: 'unset',\r\n display: 'flex',\r\n '&-stretch': {\r\n '@apply w-full justify-between': {},\r\n },\r\n },\r\n\r\n '&-underline': {\r\n width: '100%',\r\n height: 6,\r\n '@apply bg-gray-light': {},\r\n },\r\n '&-item': {\r\n all: 'unset',\r\n height: 65,\r\n display: 'flex',\r\n padding: '0 1rem',\r\n marginRight: '5rem',\r\n alignItems: 'center',\r\n position: 'relative',\r\n cursor: 'pointer',\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-[5rem]': {},\r\n },\r\n '&-center:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n\r\n '&.active::after': {\r\n content: '\"\"',\r\n display: 'block',\r\n position: 'absolute',\r\n width: '100%',\r\n height: 6,\r\n top: '100%',\r\n left: 0,\r\n '@apply bg-primary': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
package/dist/cjs/components/tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\n '.sk-tabs': {\n '&-stretch': {\n '@apply w-full': {},\n },\n '&-list': {\n '@apply block relative w-full h-[3rem]': {},\n '&-stretch': {\n '@apply flex justify-between': {},\n },\n '&-right': {\n '@apply text-right': {},\n },\n '&-center': {\n '@apply text-center': {},\n },\n\n '&-line::after': {\n content: '\"\"',\n '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\n },\n },\n '&-tab': {\n '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},\n '@apply text-gray': {},\n '@apply cursor-pointer': {},\n '&.disabled': {\n '@apply cursor-not-allowed': {},\n '@apply text-gray-stroke': {},\n },\n '&.active': {\n '@apply text-body': {},\n '&::after': {\n content: '\"\"',\n '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\n },\n },\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-header': {\n '@apply text-lg font-normal': {},\n },\n '&-right': {\n '@apply mr-0 ml-lg': {},\n },\n '&:last-of-type': {\n '@apply mr-0': {},\n },\n '&-icon': {\n '&-with-label': {\n '@apply mr-sm': {},\n },\n },\n },\n '&-panel': {\n '@apply mt-lg': {},\n '&:not(.active)': {\n display: 'none',\n hidden: true,\n },\n },\n },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,UAAU,EAAE;MACV,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,QAAQ,EAAE;QACR,wCAAwC,EAAE,CAAC,CAAC;QAC5C,WAAW,EAAE;UACX,6BAA6B,EAAE,CAAC;QAClC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,UAAU,EAAE;UACV,oBAAoB,EAAE,CAAC;QACzB,CAAC;QAED,eAAe,EAAE;UACfC,OAAO,EAAE,IAAI;UACb,uEAAuE,EAAE,CAAC;QAC5E;MACF,CAAC;MACD,OAAO,EAAE;QACP,uFAAuF,EAAE,CAAC,CAAC;QAC3F,kBAAkB,EAAE,CAAC,CAAC;QACtB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,YAAY,EAAE;UACZ,2BAA2B,EAAE,CAAC,CAAC;UAC/B,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QACD,UAAU,EAAE;UACV,kBAAkB,EAAE,CAAC,CAAC;UACtB,UAAU,EAAE;YACVA,OAAO,EAAE,IAAI;YACb,2EAA2E,EAAE,CAAC;UAChF;QACF,CAAC;QACD,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,UAAU,EAAE;UACV,4BAA4B,EAAE,CAAC;QACjC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,gBAAgB,EAAE;UAChB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,QAAQ,EAAE;UACR,cAAc,EAAE;YACd,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MACD,SAAS,EAAE;QACT,cAAc,EAAE,CAAC,CAAC;QAClB,gBAAgB,EAAE;UAChBC,OAAO,EAAE,MAAM;UACfC,MAAM,EAAE;QACV;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
1
+ {"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\r\n '.sk-tabs': {\r\n '&-stretch': {\r\n '@apply w-full': {},\r\n },\r\n '&-list': {\r\n '@apply block relative w-full h-[3rem]': {},\r\n '&-stretch': {\r\n '@apply flex justify-between': {},\r\n },\r\n '&-right': {\r\n '@apply text-right': {},\r\n },\r\n '&-center': {\r\n '@apply text-center': {},\r\n },\r\n\r\n '&-line::after': {\r\n content: '\"\"',\r\n '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\r\n },\r\n },\r\n '&-tab': {\r\n '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},\r\n '@apply text-gray': {},\r\n '@apply cursor-pointer': {},\r\n '&.disabled': {\r\n '@apply cursor-not-allowed': {},\r\n '@apply text-gray-stroke': {},\r\n },\r\n '&.active': {\r\n '@apply text-body': {},\r\n '&::after': {\r\n content: '\"\"',\r\n '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\r\n },\r\n },\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-header': {\r\n '@apply text-lg font-normal': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-lg': {},\r\n },\r\n '&:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n '&-icon': {\r\n '&-with-label': {\r\n '@apply mr-sm': {},\r\n },\r\n },\r\n },\r\n '&-panel': {\r\n '@apply mt-lg': {},\r\n '&:not(.active)': {\r\n display: 'none',\r\n hidden: true,\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,UAAU,EAAE;MACV,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,QAAQ,EAAE;QACR,wCAAwC,EAAE,CAAC,CAAC;QAC5C,WAAW,EAAE;UACX,6BAA6B,EAAE,CAAC;QAClC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,UAAU,EAAE;UACV,oBAAoB,EAAE,CAAC;QACzB,CAAC;QAED,eAAe,EAAE;UACfC,OAAO,EAAE,IAAI;UACb,uEAAuE,EAAE,CAAC;QAC5E;MACF,CAAC;MACD,OAAO,EAAE;QACP,uFAAuF,EAAE,CAAC,CAAC;QAC3F,kBAAkB,EAAE,CAAC,CAAC;QACtB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,YAAY,EAAE;UACZ,2BAA2B,EAAE,CAAC,CAAC;UAC/B,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QACD,UAAU,EAAE;UACV,kBAAkB,EAAE,CAAC,CAAC;UACtB,UAAU,EAAE;YACVA,OAAO,EAAE,IAAI;YACb,2EAA2E,EAAE,CAAC;UAChF;QACF,CAAC;QACD,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,UAAU,EAAE;UACV,4BAA4B,EAAE,CAAC;QACjC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,gBAAgB,EAAE;UAChB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,QAAQ,EAAE;UACR,cAAc,EAAE;YACd,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MACD,SAAS,EAAE;QACT,cAAc,EAAE,CAAC,CAAC;QAClB,gBAAgB,EAAE;UAChBC,OAAO,EAAE,MAAM;UACfC,MAAM,EAAE;QACV;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
package/dist/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["preset","require","plugin","module","exports"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\nconst plugin = require('./plugin');\n\nmodule.exports = {\n default: plugin,\n plugin: plugin,\n preset: preset,\n};\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACf,WAASF,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
1
+ {"version":3,"file":"index.js","names":["preset","require","plugin","module","exports"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\r\nconst plugin = require('./plugin');\r\n\r\nmodule.exports = {\r\n default: plugin,\r\n plugin: plugin,\r\n preset: preset,\r\n};\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACf,WAASF,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
package/dist/cjs/plugin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","concat","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\n\nconst base = require('./base');\nconst theme = require('./theme');\n\n// components\nconst Alert = require('./components/alert');\nconst AlertBanner = require('./components/alert-banner');\nconst Badge = require('./components/badge');\nconst Breadcrumb = require('./components/breadcrumb');\nconst ButtonGroup = require('./components/button-group');\nconst Comments = require('./components/comments');\nconst Checkbox = require('./components/checkbox');\nconst ContextMenu = require('./components/context-menu');\nconst Dialog = require('./components/dialog');\nconst Dot = require('./components/dot');\nconst Forms = require('./components/forms');\nconst Calendar = require('./components/calendar');\nconst Icon = require('./components/icon');\nconst Link = require('./components/link');\nconst Message = require('./components/message');\nconst Notification = require('./components/notification');\nconst Radio = require('./components/radio');\nconst Switch = require('./components/switch');\n\nconst Button = require('./components/button');\nconst Accordion = require('./components/accordion');\nconst Card = require('./components/card');\nconst Table = require('./components/table');\nconst ZebraTable = require('./components/zebratable');\n\nconst Modal = require('./components/modal');\nconst CookieConsent = require('./components/cookie-consent');\nconst Divider = require('./components/divider');\n\nconst SideMenu = require('./components/side-menu');\nconst TabMenu = require('./components/tab-menu');\nconst Tabs = require('./components/tabs');\nconst UserMenu = require('./components/user-menu');\n\nconst DropdownFilter = require('./components/dropdown-filter');\n\nconst Tag = require('./components/tag');\nconst Pagination = require('./components/pagination');\nconst Footer = require('./components/footer');\nconst Header = require('./components/header');\n\nconst SearchBar = require('./components/search-bar');\n\nconst ProfilePicture = require('./components/profile-picture');\nconst Profile = require('./components/profile');\n\nconst components = [\n Alert,\n AlertBanner,\n Badge,\n Breadcrumb,\n ButtonGroup,\n Button,\n Checkbox,\n Comments,\n ContextMenu,\n Dialog,\n Dot,\n Forms,\n Calendar,\n Icon,\n Link,\n Message,\n Notification,\n Radio,\n Switch,\n\n Table,\n ZebraTable,\n CookieConsent,\n Modal,\n\n Accordion,\n Card,\n Divider,\n\n SideMenu,\n TabMenu,\n Tabs,\n UserMenu,\n\n DropdownFilter,\n\n SearchBar,\n\n Tag,\n Pagination,\n Footer,\n Header,\n\n ProfilePicture,\n Profile,\n];\n\nconst defaultColors = ['primary', 'secondary'];\n\nmodule.exports = plugin.withOptions(\n function (options = { colors: [], cssBase: true }) {\n return function ({ addComponents, addBase, theme }) {\n const optionColors = [...defaultColors, ...(options.colors || [])];\n\n if (options.cssBase) {\n addBase(base);\n }\n\n addComponents(components.map((component) => component(optionColors, theme)));\n };\n },\n function () {\n return {\n theme: theme,\n };\n }\n);\n"],"mappings":"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"}
1
+ {"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","concat","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst theme = require('./theme');\r\n\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\r\n\r\nconst components = [\r\n Alert,\r\n AlertBanner,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Comments,\r\n ContextMenu,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Calendar,\r\n Icon,\r\n Link,\r\n Message,\r\n Notification,\r\n Radio,\r\n Switch,\r\n\r\n Table,\r\n ZebraTable,\r\n CookieConsent,\r\n Modal,\r\n\r\n Accordion,\r\n Card,\r\n Divider,\r\n\r\n SideMenu,\r\n TabMenu,\r\n Tabs,\r\n UserMenu,\r\n\r\n DropdownFilter,\r\n\r\n SearchBar,\r\n\r\n Tag,\r\n Pagination,\r\n Footer,\r\n Header,\r\n\r\n ProfilePicture,\r\n Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }) {\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(components.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"],"mappings":"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"}
package/dist/cjs/theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","names":["_require","require","colors","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\nconst withOpacity = require('./with-opacity');\n\nmodule.exports = {\n fontSize: {\n tiny: '1rem',\n xs: '1.2rem',\n sm: '1.4rem',\n base: '1.6rem',\n lg: '1.8rem',\n xl: '2.0rem',\n '2xl': '2.4rem',\n '3xl': '3.2rem',\n '4xl': '4.0rem',\n '5xl': '5.2rem',\n },\n extend: {\n colors: {\n ...colors,\n current: 'currentColor',\n },\n cursor: {\n base: 'var(--vc-cursor)',\n },\n spacing: {\n xs: '4px',\n sm: '8px',\n md: '16px',\n lg: '24px',\n xl: '48px',\n },\n lineHeight: {\n tiny: '1.4rem',\n xs: '1.6rem',\n sm: '2rem',\n base: '2.4rem',\n lg: '2.4rem',\n xl: '3.2rem',\n '2xl': '3.2rem',\n '3xl': '4rem',\n '4xl': '4.8rem',\n '5xl': '5.8rem',\n },\n opacity: {\n 15: '0.15',\n },\n backgroundColor: {\n base: withOpacity('--vc-colors-bg-base'),\n fill: withOpacity('--vc-colors-bg-fill'),\n },\n textColor: {\n foreground: withOpacity('--vc-colors-text-foreground'),\n muted: withOpacity('--vc-colors-text-muted'),\n },\n borderRadius: {\n base: 'var(--vc-rounded)',\n },\n zIndex: {\n hide: -1,\n none: 0,\n base: 1,\n docked: 10,\n dropdown: 1000,\n sticky: 1100,\n banner: 1200,\n overlay: 1300,\n modal: 1400,\n popover: 1500,\n skipLink: 1600,\n toast: 1700,\n tooltip: 1800,\n },\n keyframes: {\n 'reset-overflow': {\n 'from, to': {\n overflow: 'hidden',\n },\n },\n },\n animation: {\n 'reset-overflow': 'reset-overflow 180ms backwards',\n },\n },\n};\n"],"mappings":";AAAA,IAAAA,QAAA,GAAmBC,OAAO,CAAC,mBAAmB,CAAC;EAAvCC,MAAM,GAAAF,QAAA,CAANE,MAAM;AACd,IAAMC,WAAW,GAAGF,OAAO,CAAC,gBAAgB,CAAC;AAE7CG,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNX,MAAM,EAAAY,QAAA,KACDZ,MAAM;MACTa,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
1
+ {"version":3,"file":"theme.js","names":["_require","require","colors","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n sm: '1.4rem',\r\n base: '1.6rem',\r\n lg: '1.8rem',\r\n xl: '2.0rem',\r\n '2xl': '2.4rem',\r\n '3xl': '3.2rem',\r\n '4xl': '4.0rem',\r\n '5xl': '5.2rem',\r\n },\r\n extend: {\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n },\r\n cursor: {\r\n base: 'var(--vc-cursor)',\r\n },\r\n spacing: {\r\n xs: '4px',\r\n sm: '8px',\r\n md: '16px',\r\n lg: '24px',\r\n xl: '48px',\r\n },\r\n lineHeight: {\r\n tiny: '1.4rem',\r\n xs: '1.6rem',\r\n sm: '2rem',\r\n base: '2.4rem',\r\n lg: '2.4rem',\r\n xl: '3.2rem',\r\n '2xl': '3.2rem',\r\n '3xl': '4rem',\r\n '4xl': '4.8rem',\r\n '5xl': '5.8rem',\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--vc-colors-bg-base'),\r\n fill: withOpacity('--vc-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--vc-colors-text-foreground'),\r\n muted: withOpacity('--vc-colors-text-muted'),\r\n },\r\n borderRadius: {\r\n base: 'var(--vc-rounded)',\r\n },\r\n zIndex: {\r\n hide: -1,\r\n none: 0,\r\n base: 1,\r\n docked: 10,\r\n dropdown: 1000,\r\n sticky: 1100,\r\n banner: 1200,\r\n overlay: 1300,\r\n modal: 1400,\r\n popover: 1500,\r\n skipLink: 1600,\r\n toast: 1700,\r\n tooltip: 1800,\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\n"],"mappings":";AAAA,IAAAA,QAAA,GAAmBC,OAAO,CAAC,mBAAmB,CAAC;EAAvCC,MAAM,GAAAF,QAAA,CAANE,MAAM;AACd,IAAMC,WAAW,GAAGF,OAAO,CAAC,gBAAgB,CAAC;AAE7CG,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNX,MAAM,EAAAY,QAAA,KACDZ,MAAM;MACTa,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
package/dist/esm/components/comments.js CHANGED
@@ -5,7 +5,10 @@ module.exports = Comments = () => ({
5
5
  '.comment-item': {
6
6
  '@apply w-full': {},
7
7
  '&-container': {
8
- '@apply flex gap-2': {}
8
+ '@apply flex justify-between relative': {},
9
+ '&-textpic': {
10
+ '@apply flex gap-2': {}
11
+ }
9
12
  },
10
13
  '&-text': {
11
14
  '@apply text-base font-bold mx-0 mb-0 mt-4': {}
package/dist/esm/components/comments.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \n\n '.comment-header': {\n '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n },\n\n '.comment-item':{\n '@apply w-full': {},\n\n '&-container': {\n '@apply flex gap-2': {},\n },\n '&-text': {\n '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n },\n '&-commentorpublished': {\n '@apply float-right text-neutral-600 m-0': {},\n },\n },\n '.comment-input':{\n '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n '&-inactive': {\n '@apply text-neutral-300 !text-3xl': {},\n },\n\n '&-active': {\n '@apply text-primary !text-3xl': {},\n }\n\n },\n\n \n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EAE/B,iBAAiB,EAAE;IACf,uEAAuE,EAAE,CAAC;EAC9E,CAAC;EAED,eAAe,EAAC;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACX,mBAAmB,EAAE,CAAC;IAC1B,CAAC;IACD,QAAQ,EAAE;MACN,2CAA2C,EAAE,CAAC;IAClD,CAAC;IACD,sBAAsB,EAAE;MACpB,yCAAyC,EAAE,CAAC;IAChD;EACJ,CAAC;EACD,gBAAgB,EAAC;IACb,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACV,mCAAmC,EAAE,CAAC;IAC1C,CAAC;IAED,UAAU,EAAE;MACR,+BAA+B,EAAE,CAAC;IACtC;EAEJ;AAGJ,CAAC,CAAC"}
1
+ {"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \r\n\r\n '.comment-header': {\r\n '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n },\r\n\r\n '.comment-item':{\r\n '@apply w-full': {},\r\n\r\n '&-container': {\r\n '@apply flex justify-between relative': {},\r\n\r\n '&-textpic': {\r\n '@apply flex gap-2': {},\r\n },\r\n },\r\n '&-text': {\r\n '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n },\r\n '&-commentorpublished': {\r\n '@apply float-right text-neutral-600 m-0': {},\r\n },\r\n },\r\n '.comment-input':{\r\n '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n '&-inactive': {\r\n '@apply text-neutral-300 !text-3xl': {},\r\n },\r\n\r\n '&-active': {\r\n '@apply text-primary !text-3xl': {},\r\n }\r\n\r\n },\r\n\r\n \r\n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EAE/B,iBAAiB,EAAE;IACf,uEAAuE,EAAE,CAAC;EAC9E,CAAC;EAED,eAAe,EAAC;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1C,WAAW,EAAE;QACT,mBAAmB,EAAE,CAAC;MAC1B;IACJ,CAAC;IACD,QAAQ,EAAE;MACN,2CAA2C,EAAE,CAAC;IAClD,CAAC;IACD,sBAAsB,EAAE;MACpB,yCAAyC,EAAE,CAAC;IAChD;EACJ,CAAC;EACD,gBAAgB,EAAC;IACb,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACV,mCAAmC,EAAE,CAAC;IAC1C,CAAC;IAED,UAAU,EAAE;MACR,+BAA+B,EAAE,CAAC;IACtC;EAEJ;AAGJ,CAAC,CAAC"}
package/dist/esm/components/tab-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n '.sk-tab-menu': {\n '&-wrapper': {\n display: 'flex',\n flexDirection: 'row',\n margin: 'auto',\n },\n '&-right': {\n '@apply justify-end': {},\n },\n '&-center': {\n '@apply justify-center': {},\n },\n '&-list': {\n all: 'unset',\n display: 'flex',\n '&-stretch': {\n '@apply w-full justify-between': {},\n },\n },\n\n '&-underline': {\n width: '100%',\n height: 6,\n '@apply bg-gray-light': {},\n },\n '&-item': {\n all: 'unset',\n height: 65,\n display: 'flex',\n padding: '0 1rem',\n marginRight: '5rem',\n alignItems: 'center',\n position: 'relative',\n cursor: 'pointer',\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-right': {\n '@apply mr-0 ml-[5rem]': {},\n },\n '&-center:last-of-type': {\n '@apply mr-0': {},\n },\n\n '&.active::after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: 6,\n top: '100%',\n left: 0,\n '@apply bg-primary': {},\n },\n },\n },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n '.sk-tab-menu': {\r\n '&-wrapper': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n margin: 'auto',\r\n },\r\n '&-right': {\r\n '@apply justify-end': {},\r\n },\r\n '&-center': {\r\n '@apply justify-center': {},\r\n },\r\n '&-list': {\r\n all: 'unset',\r\n display: 'flex',\r\n '&-stretch': {\r\n '@apply w-full justify-between': {},\r\n },\r\n },\r\n\r\n '&-underline': {\r\n width: '100%',\r\n height: 6,\r\n '@apply bg-gray-light': {},\r\n },\r\n '&-item': {\r\n all: 'unset',\r\n height: 65,\r\n display: 'flex',\r\n padding: '0 1rem',\r\n marginRight: '5rem',\r\n alignItems: 'center',\r\n position: 'relative',\r\n cursor: 'pointer',\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-[5rem]': {},\r\n },\r\n '&-center:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n\r\n '&.active::after': {\r\n content: '\"\"',\r\n display: 'block',\r\n position: 'absolute',\r\n width: '100%',\r\n height: 6,\r\n top: '100%',\r\n left: 0,\r\n '@apply bg-primary': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}
package/dist/esm/components/tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\n '.sk-tabs': {\n '&-stretch': {\n '@apply w-full': {},\n },\n '&-list': {\n '@apply block relative w-full h-[3rem]': {},\n '&-stretch': {\n '@apply flex justify-between': {},\n },\n '&-right': {\n '@apply text-right': {},\n },\n '&-center': {\n '@apply text-center': {},\n },\n\n '&-line::after': {\n content: '\"\"',\n '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\n },\n },\n '&-tab': {\n '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},\n '@apply text-gray': {},\n '@apply cursor-pointer': {},\n '&.disabled': {\n '@apply cursor-not-allowed': {},\n '@apply text-gray-stroke': {},\n },\n '&.active': {\n '@apply text-body': {},\n '&::after': {\n content: '\"\"',\n '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\n },\n },\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-header': {\n '@apply text-lg font-normal': {},\n },\n '&-right': {\n '@apply mr-0 ml-lg': {},\n },\n '&:last-of-type': {\n '@apply mr-0': {},\n },\n '&-icon': {\n '&-with-label': {\n '@apply mr-sm': {},\n },\n },\n },\n '&-panel': {\n '@apply mt-lg': {},\n '&:not(.active)': {\n display: 'none',\n hidden: true,\n },\n },\n },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\r\n '.sk-tabs': {\r\n '&-stretch': {\r\n '@apply w-full': {},\r\n },\r\n '&-list': {\r\n '@apply block relative w-full h-[3rem]': {},\r\n '&-stretch': {\r\n '@apply flex justify-between': {},\r\n },\r\n '&-right': {\r\n '@apply text-right': {},\r\n },\r\n '&-center': {\r\n '@apply text-center': {},\r\n },\r\n\r\n '&-line::after': {\r\n content: '\"\"',\r\n '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\r\n },\r\n },\r\n '&-tab': {\r\n '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},\r\n '@apply text-gray': {},\r\n '@apply cursor-pointer': {},\r\n '&.disabled': {\r\n '@apply cursor-not-allowed': {},\r\n '@apply text-gray-stroke': {},\r\n },\r\n '&.active': {\r\n '@apply text-body': {},\r\n '&::after': {\r\n content: '\"\"',\r\n '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\r\n },\r\n },\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-header': {\r\n '@apply text-lg font-normal': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-lg': {},\r\n },\r\n '&:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n '&-icon': {\r\n '&-with-label': {\r\n '@apply mr-sm': {},\r\n },\r\n },\r\n },\r\n '&-panel': {\r\n '@apply mt-lg': {},\r\n '&:not(.active)': {\r\n display: 'none',\r\n hidden: true,\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\nconst plugin = require('./plugin');\n\nmodule.exports = {\n default: plugin,\n plugin: plugin,\n preset: preset,\n};\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
1
+ {"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\r\nconst plugin = require('./plugin');\r\n\r\nmodule.exports = {\r\n default: plugin,\r\n plugin: plugin,\r\n preset: preset,\r\n};\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
package/dist/esm/plugin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\n\nconst base = require('./base');\nconst theme = require('./theme');\n\n// components\nconst Alert = require('./components/alert');\nconst AlertBanner = require('./components/alert-banner');\nconst Badge = require('./components/badge');\nconst Breadcrumb = require('./components/breadcrumb');\nconst ButtonGroup = require('./components/button-group');\nconst Comments = require('./components/comments');\nconst Checkbox = require('./components/checkbox');\nconst ContextMenu = require('./components/context-menu');\nconst Dialog = require('./components/dialog');\nconst Dot = require('./components/dot');\nconst Forms = require('./components/forms');\nconst Calendar = require('./components/calendar');\nconst Icon = require('./components/icon');\nconst Link = require('./components/link');\nconst Message = require('./components/message');\nconst Notification = require('./components/notification');\nconst Radio = require('./components/radio');\nconst Switch = require('./components/switch');\n\nconst Button = require('./components/button');\nconst Accordion = require('./components/accordion');\nconst Card = require('./components/card');\nconst Table = require('./components/table');\nconst ZebraTable = require('./components/zebratable');\n\nconst Modal = require('./components/modal');\nconst CookieConsent = require('./components/cookie-consent');\nconst Divider = require('./components/divider');\n\nconst SideMenu = require('./components/side-menu');\nconst TabMenu = require('./components/tab-menu');\nconst Tabs = require('./components/tabs');\nconst UserMenu = require('./components/user-menu');\n\nconst DropdownFilter = require('./components/dropdown-filter');\n\nconst Tag = require('./components/tag');\nconst Pagination = require('./components/pagination');\nconst Footer = require('./components/footer');\nconst Header = require('./components/header');\n\nconst SearchBar = require('./components/search-bar');\n\nconst ProfilePicture = require('./components/profile-picture');\nconst Profile = require('./components/profile');\n\nconst components = [\n Alert,\n AlertBanner,\n Badge,\n Breadcrumb,\n ButtonGroup,\n Button,\n Checkbox,\n Comments,\n ContextMenu,\n Dialog,\n Dot,\n Forms,\n Calendar,\n Icon,\n Link,\n Message,\n Notification,\n Radio,\n Switch,\n\n Table,\n ZebraTable,\n CookieConsent,\n Modal,\n\n Accordion,\n Card,\n Divider,\n\n SideMenu,\n TabMenu,\n Tabs,\n UserMenu,\n\n DropdownFilter,\n\n SearchBar,\n\n Tag,\n Pagination,\n Footer,\n Header,\n\n ProfilePicture,\n Profile,\n];\n\nconst defaultColors = ['primary', 'secondary'];\n\nmodule.exports = plugin.withOptions(\n function (options = { colors: [], cssBase: true }) {\n return function ({ addComponents, addBase, theme }) {\n const optionColors = [...defaultColors, ...(options.colors || [])];\n\n if (options.cssBase) {\n addBase(base);\n }\n\n addComponents(components.map((component) => component(optionColors, theme)));\n };\n },\n function () {\n return {\n theme: theme,\n };\n }\n);\n"],"mappings":"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"}
1
+ {"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst theme = require('./theme');\r\n\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\r\n\r\nconst components = [\r\n Alert,\r\n AlertBanner,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Comments,\r\n ContextMenu,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Calendar,\r\n Icon,\r\n Link,\r\n Message,\r\n Notification,\r\n Radio,\r\n Switch,\r\n\r\n Table,\r\n ZebraTable,\r\n CookieConsent,\r\n Modal,\r\n\r\n Accordion,\r\n Card,\r\n Divider,\r\n\r\n SideMenu,\r\n TabMenu,\r\n Tabs,\r\n UserMenu,\r\n\r\n DropdownFilter,\r\n\r\n SearchBar,\r\n\r\n Tag,\r\n Pagination,\r\n Footer,\r\n Header,\r\n\r\n ProfilePicture,\r\n Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }) {\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(components.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"],"mappings":"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"}
package/dist/esm/theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","names":["colors","require","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\nconst withOpacity = require('./with-opacity');\n\nmodule.exports = {\n fontSize: {\n tiny: '1rem',\n xs: '1.2rem',\n sm: '1.4rem',\n base: '1.6rem',\n lg: '1.8rem',\n xl: '2.0rem',\n '2xl': '2.4rem',\n '3xl': '3.2rem',\n '4xl': '4.0rem',\n '5xl': '5.2rem',\n },\n extend: {\n colors: {\n ...colors,\n current: 'currentColor',\n },\n cursor: {\n base: 'var(--vc-cursor)',\n },\n spacing: {\n xs: '4px',\n sm: '8px',\n md: '16px',\n lg: '24px',\n xl: '48px',\n },\n lineHeight: {\n tiny: '1.4rem',\n xs: '1.6rem',\n sm: '2rem',\n base: '2.4rem',\n lg: '2.4rem',\n xl: '3.2rem',\n '2xl': '3.2rem',\n '3xl': '4rem',\n '4xl': '4.8rem',\n '5xl': '5.8rem',\n },\n opacity: {\n 15: '0.15',\n },\n backgroundColor: {\n base: withOpacity('--vc-colors-bg-base'),\n fill: withOpacity('--vc-colors-bg-fill'),\n },\n textColor: {\n foreground: withOpacity('--vc-colors-text-foreground'),\n muted: withOpacity('--vc-colors-text-muted'),\n },\n borderRadius: {\n base: 'var(--vc-rounded)',\n },\n zIndex: {\n hide: -1,\n none: 0,\n base: 1,\n docked: 10,\n dropdown: 1000,\n sticky: 1100,\n banner: 1200,\n overlay: 1300,\n modal: 1400,\n popover: 1500,\n skipLink: 1600,\n toast: 1700,\n tooltip: 1800,\n },\n keyframes: {\n 'reset-overflow': {\n 'from, to': {\n overflow: 'hidden',\n },\n },\n },\n animation: {\n 'reset-overflow': 'reset-overflow 180ms backwards',\n },\n },\n};\n"],"mappings":";AAAA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNZ,MAAM,EAAAa,QAAA,KACDb,MAAM;MACTc,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
1
+ {"version":3,"file":"theme.js","names":["colors","require","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n sm: '1.4rem',\r\n base: '1.6rem',\r\n lg: '1.8rem',\r\n xl: '2.0rem',\r\n '2xl': '2.4rem',\r\n '3xl': '3.2rem',\r\n '4xl': '4.0rem',\r\n '5xl': '5.2rem',\r\n },\r\n extend: {\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n },\r\n cursor: {\r\n base: 'var(--vc-cursor)',\r\n },\r\n spacing: {\r\n xs: '4px',\r\n sm: '8px',\r\n md: '16px',\r\n lg: '24px',\r\n xl: '48px',\r\n },\r\n lineHeight: {\r\n tiny: '1.4rem',\r\n xs: '1.6rem',\r\n sm: '2rem',\r\n base: '2.4rem',\r\n lg: '2.4rem',\r\n xl: '3.2rem',\r\n '2xl': '3.2rem',\r\n '3xl': '4rem',\r\n '4xl': '4.8rem',\r\n '5xl': '5.8rem',\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--vc-colors-bg-base'),\r\n fill: withOpacity('--vc-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--vc-colors-text-foreground'),\r\n muted: withOpacity('--vc-colors-text-muted'),\r\n },\r\n borderRadius: {\r\n base: 'var(--vc-rounded)',\r\n },\r\n zIndex: {\r\n hide: -1,\r\n none: 0,\r\n base: 1,\r\n docked: 10,\r\n dropdown: 1000,\r\n sticky: 1100,\r\n banner: 1200,\r\n overlay: 1300,\r\n modal: 1400,\r\n popover: 1500,\r\n skipLink: 1600,\r\n toast: 1700,\r\n tooltip: 1800,\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\n"],"mappings":";AAAA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNZ,MAAM,EAAAa,QAAA,KACDb,MAAM;MACTc,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sk-web-gui/core",
3
- "version": "0.1.90",
3
+ "version": "0.1.91",
4
4
  "license": "MIT",
5
5
  "main": "src/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
40
40
  "@sk-web-gui/theme": "0.1.14",
41
41
  "mini-svg-data-uri": "^1.4.4"
42
42
  },
43
- "gitHead": "5b6d3cdfd0d6759a07a934b16faed307f7f7eb3b"
43
+ "gitHead": "8ce13f8965fe40635ffd5bb3295965c1d9e0d8b5"
44
44
  }
package/src/components/comments.js CHANGED
@@ -1,34 +1,38 @@
1
- module.exports = Comments = () => ({
2
-
3
- '.comment-header': {
4
- '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},
5
- },
6
-
7
- '.comment-item':{
8
- '@apply w-full': {},
9
-
10
- '&-container': {
11
- '@apply flex gap-2': {},
12
- },
13
- '&-text': {
14
- '@apply text-base font-bold mx-0 mb-0 mt-4': {},
15
- },
16
- '&-commentorpublished': {
17
- '@apply float-right text-neutral-600 m-0': {},
18
- },
19
- },
20
- '.comment-input':{
21
- '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
22
-
23
- '&-inactive': {
24
- '@apply text-neutral-300 !text-3xl': {},
25
- },
26
-
27
- '&-active': {
28
- '@apply text-primary !text-3xl': {},
29
- }
30
-
31
- },
32
-
33
-
1
+ module.exports = Comments = () => ({
2
+
3
+ '.comment-header': {
4
+ '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},
5
+ },
6
+
7
+ '.comment-item':{
8
+ '@apply w-full': {},
9
+
10
+ '&-container': {
11
+ '@apply flex justify-between relative': {},
12
+
13
+ '&-textpic': {
14
+ '@apply flex gap-2': {},
15
+ },
16
+ },
17
+ '&-text': {
18
+ '@apply text-base font-bold mx-0 mb-0 mt-4': {},
19
+ },
20
+ '&-commentorpublished': {
21
+ '@apply float-right text-neutral-600 m-0': {},
22
+ },
23
+ },
24
+ '.comment-input':{
25
+ '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
26
+
27
+ '&-inactive': {
28
+ '@apply text-neutral-300 !text-3xl': {},
29
+ },
30
+
31
+ '&-active': {
32
+ '@apply text-primary !text-3xl': {},
33
+ }
34
+
35
+ },
36
+
37
+
34
38
  });
package/src/components/tab-menu.js CHANGED
@@ -1,58 +1,58 @@
1
- module.exports = TabMenu = () => ({
2
- '.sk-tab-menu': {
3
- '&-wrapper': {
4
- display: 'flex',
5
- flexDirection: 'row',
6
- margin: 'auto',
7
- },
8
- '&-right': {
9
- '@apply justify-end': {},
10
- },
11
- '&-center': {
12
- '@apply justify-center': {},
13
- },
14
- '&-list': {
15
- all: 'unset',
16
- display: 'flex',
17
- '&-stretch': {
18
- '@apply w-full justify-between': {},
19
- },
20
- },
21
-
22
- '&-underline': {
23
- width: '100%',
24
- height: 6,
25
- '@apply bg-gray-light': {},
26
- },
27
- '&-item': {
28
- all: 'unset',
29
- height: 65,
30
- display: 'flex',
31
- padding: '0 1rem',
32
- marginRight: '5rem',
33
- alignItems: 'center',
34
- position: 'relative',
35
- cursor: 'pointer',
36
- '&-stretch': {
37
- '@apply mr-0': {},
38
- },
39
- '&-right': {
40
- '@apply mr-0 ml-[5rem]': {},
41
- },
42
- '&-center:last-of-type': {
43
- '@apply mr-0': {},
44
- },
45
-
46
- '&.active::after': {
47
- content: '""',
48
- display: 'block',
49
- position: 'absolute',
50
- width: '100%',
51
- height: 6,
52
- top: '100%',
53
- left: 0,
54
- '@apply bg-primary': {},
55
- },
56
- },
57
- },
58
- });
1
+ module.exports = TabMenu = () => ({
2
+ '.sk-tab-menu': {
3
+ '&-wrapper': {
4
+ display: 'flex',
5
+ flexDirection: 'row',
6
+ margin: 'auto',
7
+ },
8
+ '&-right': {
9
+ '@apply justify-end': {},
10
+ },
11
+ '&-center': {
12
+ '@apply justify-center': {},
13
+ },
14
+ '&-list': {
15
+ all: 'unset',
16
+ display: 'flex',
17
+ '&-stretch': {
18
+ '@apply w-full justify-between': {},
19
+ },
20
+ },
21
+
22
+ '&-underline': {
23
+ width: '100%',
24
+ height: 6,
25
+ '@apply bg-gray-light': {},
26
+ },
27
+ '&-item': {
28
+ all: 'unset',
29
+ height: 65,
30
+ display: 'flex',
31
+ padding: '0 1rem',
32
+ marginRight: '5rem',
33
+ alignItems: 'center',
34
+ position: 'relative',
35
+ cursor: 'pointer',
36
+ '&-stretch': {
37
+ '@apply mr-0': {},
38
+ },
39
+ '&-right': {
40
+ '@apply mr-0 ml-[5rem]': {},
41
+ },
42
+ '&-center:last-of-type': {
43
+ '@apply mr-0': {},
44
+ },
45
+
46
+ '&.active::after': {
47
+ content: '""',
48
+ display: 'block',
49
+ position: 'absolute',
50
+ width: '100%',
51
+ height: 6,
52
+ top: '100%',
53
+ left: 0,
54
+ '@apply bg-primary': {},
55
+ },
56
+ },
57
+ },
58
+ });
package/src/components/tabs.js CHANGED
@@ -1,64 +1,64 @@
1
- module.exports = Tabs = () => ({
2
- '.sk-tabs': {
3
- '&-stretch': {
4
- '@apply w-full': {},
5
- },
6
- '&-list': {
7
- '@apply block relative w-full h-[3rem]': {},
8
- '&-stretch': {
9
- '@apply flex justify-between': {},
10
- },
11
- '&-right': {
12
- '@apply text-right': {},
13
- },
14
- '&-center': {
15
- '@apply text-center': {},
16
- },
17
-
18
- '&-line::after': {
19
- content: '""',
20
- '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},
21
- },
22
- },
23
- '&-tab': {
24
- '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},
25
- '@apply text-gray': {},
26
- '@apply cursor-pointer': {},
27
- '&.disabled': {
28
- '@apply cursor-not-allowed': {},
29
- '@apply text-gray-stroke': {},
30
- },
31
- '&.active': {
32
- '@apply text-body': {},
33
- '&::after': {
34
- content: '""',
35
- '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},
36
- },
37
- },
38
- '&-stretch': {
39
- '@apply mr-0': {},
40
- },
41
- '&-header': {
42
- '@apply text-lg font-normal': {},
43
- },
44
- '&-right': {
45
- '@apply mr-0 ml-lg': {},
46
- },
47
- '&:last-of-type': {
48
- '@apply mr-0': {},
49
- },
50
- '&-icon': {
51
- '&-with-label': {
52
- '@apply mr-sm': {},
53
- },
54
- },
55
- },
56
- '&-panel': {
57
- '@apply mt-lg': {},
58
- '&:not(.active)': {
59
- display: 'none',
60
- hidden: true,
61
- },
62
- },
63
- },
64
- });
1
+ module.exports = Tabs = () => ({
2
+ '.sk-tabs': {
3
+ '&-stretch': {
4
+ '@apply w-full': {},
5
+ },
6
+ '&-list': {
7
+ '@apply block relative w-full h-[3rem]': {},
8
+ '&-stretch': {
9
+ '@apply flex justify-between': {},
10
+ },
11
+ '&-right': {
12
+ '@apply text-right': {},
13
+ },
14
+ '&-center': {
15
+ '@apply text-center': {},
16
+ },
17
+
18
+ '&-line::after': {
19
+ content: '""',
20
+ '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},
21
+ },
22
+ },
23
+ '&-tab': {
24
+ '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},
25
+ '@apply text-gray': {},
26
+ '@apply cursor-pointer': {},
27
+ '&.disabled': {
28
+ '@apply cursor-not-allowed': {},
29
+ '@apply text-gray-stroke': {},
30
+ },
31
+ '&.active': {
32
+ '@apply text-body': {},
33
+ '&::after': {
34
+ content: '""',
35
+ '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},
36
+ },
37
+ },
38
+ '&-stretch': {
39
+ '@apply mr-0': {},
40
+ },
41
+ '&-header': {
42
+ '@apply text-lg font-normal': {},
43
+ },
44
+ '&-right': {
45
+ '@apply mr-0 ml-lg': {},
46
+ },
47
+ '&:last-of-type': {
48
+ '@apply mr-0': {},
49
+ },
50
+ '&-icon': {
51
+ '&-with-label': {
52
+ '@apply mr-sm': {},
53
+ },
54
+ },
55
+ },
56
+ '&-panel': {
57
+ '@apply mt-lg': {},
58
+ '&:not(.active)': {
59
+ display: 'none',
60
+ hidden: true,
61
+ },
62
+ },
63
+ },
64
+ });
package/src/index.js CHANGED
@@ -1,8 +1,8 @@
1
- const preset = require('./preset');
2
- const plugin = require('./plugin');
3
-
4
- module.exports = {
5
- default: plugin,
6
- plugin: plugin,
7
- preset: preset,
8
- };
1
+ const preset = require('./preset');
2
+ const plugin = require('./plugin');
3
+
4
+ module.exports = {
5
+ default: plugin,
6
+ plugin: plugin,
7
+ preset: preset,
8
+ };
package/src/plugin.js CHANGED
@@ -1,120 +1,120 @@
1
- const plugin = require('tailwindcss/plugin');
2
-
3
- const base = require('./base');
4
- const theme = require('./theme');
5
-
6
- // components
7
- const Alert = require('./components/alert');
8
- const AlertBanner = require('./components/alert-banner');
9
- const Badge = require('./components/badge');
10
- const Breadcrumb = require('./components/breadcrumb');
11
- const ButtonGroup = require('./components/button-group');
12
- const Comments = require('./components/comments');
13
- const Checkbox = require('./components/checkbox');
14
- const ContextMenu = require('./components/context-menu');
15
- const Dialog = require('./components/dialog');
16
- const Dot = require('./components/dot');
17
- const Forms = require('./components/forms');
18
- const Calendar = require('./components/calendar');
19
- const Icon = require('./components/icon');
20
- const Link = require('./components/link');
21
- const Message = require('./components/message');
22
- const Notification = require('./components/notification');
23
- const Radio = require('./components/radio');
24
- const Switch = require('./components/switch');
25
-
26
- const Button = require('./components/button');
27
- const Accordion = require('./components/accordion');
28
- const Card = require('./components/card');
29
- const Table = require('./components/table');
30
- const ZebraTable = require('./components/zebratable');
31
-
32
- const Modal = require('./components/modal');
33
- const CookieConsent = require('./components/cookie-consent');
34
- const Divider = require('./components/divider');
35
-
36
- const SideMenu = require('./components/side-menu');
37
- const TabMenu = require('./components/tab-menu');
38
- const Tabs = require('./components/tabs');
39
- const UserMenu = require('./components/user-menu');
40
-
41
- const DropdownFilter = require('./components/dropdown-filter');
42
-
43
- const Tag = require('./components/tag');
44
- const Pagination = require('./components/pagination');
45
- const Footer = require('./components/footer');
46
- const Header = require('./components/header');
47
-
48
- const SearchBar = require('./components/search-bar');
49
-
50
- const ProfilePicture = require('./components/profile-picture');
51
- const Profile = require('./components/profile');
52
-
53
- const components = [
54
- Alert,
55
- AlertBanner,
56
- Badge,
57
- Breadcrumb,
58
- ButtonGroup,
59
- Button,
60
- Checkbox,
61
- Comments,
62
- ContextMenu,
63
- Dialog,
64
- Dot,
65
- Forms,
66
- Calendar,
67
- Icon,
68
- Link,
69
- Message,
70
- Notification,
71
- Radio,
72
- Switch,
73
-
74
- Table,
75
- ZebraTable,
76
- CookieConsent,
77
- Modal,
78
-
79
- Accordion,
80
- Card,
81
- Divider,
82
-
83
- SideMenu,
84
- TabMenu,
85
- Tabs,
86
- UserMenu,
87
-
88
- DropdownFilter,
89
-
90
- SearchBar,
91
-
92
- Tag,
93
- Pagination,
94
- Footer,
95
- Header,
96
-
97
- ProfilePicture,
98
- Profile,
99
- ];
100
-
101
- const defaultColors = ['primary', 'secondary'];
102
-
103
- module.exports = plugin.withOptions(
104
- function (options = { colors: [], cssBase: true }) {
105
- return function ({ addComponents, addBase, theme }) {
106
- const optionColors = [...defaultColors, ...(options.colors || [])];
107
-
108
- if (options.cssBase) {
109
- addBase(base);
110
- }
111
-
112
- addComponents(components.map((component) => component(optionColors, theme)));
113
- };
114
- },
115
- function () {
116
- return {
117
- theme: theme,
118
- };
119
- }
120
- );
1
+ const plugin = require('tailwindcss/plugin');
2
+
3
+ const base = require('./base');
4
+ const theme = require('./theme');
5
+
6
+ // components
7
+ const Alert = require('./components/alert');
8
+ const AlertBanner = require('./components/alert-banner');
9
+ const Badge = require('./components/badge');
10
+ const Breadcrumb = require('./components/breadcrumb');
11
+ const ButtonGroup = require('./components/button-group');
12
+ const Comments = require('./components/comments');
13
+ const Checkbox = require('./components/checkbox');
14
+ const ContextMenu = require('./components/context-menu');
15
+ const Dialog = require('./components/dialog');
16
+ const Dot = require('./components/dot');
17
+ const Forms = require('./components/forms');
18
+ const Calendar = require('./components/calendar');
19
+ const Icon = require('./components/icon');
20
+ const Link = require('./components/link');
21
+ const Message = require('./components/message');
22
+ const Notification = require('./components/notification');
23
+ const Radio = require('./components/radio');
24
+ const Switch = require('./components/switch');
25
+
26
+ const Button = require('./components/button');
27
+ const Accordion = require('./components/accordion');
28
+ const Card = require('./components/card');
29
+ const Table = require('./components/table');
30
+ const ZebraTable = require('./components/zebratable');
31
+
32
+ const Modal = require('./components/modal');
33
+ const CookieConsent = require('./components/cookie-consent');
34
+ const Divider = require('./components/divider');
35
+
36
+ const SideMenu = require('./components/side-menu');
37
+ const TabMenu = require('./components/tab-menu');
38
+ const Tabs = require('./components/tabs');
39
+ const UserMenu = require('./components/user-menu');
40
+
41
+ const DropdownFilter = require('./components/dropdown-filter');
42
+
43
+ const Tag = require('./components/tag');
44
+ const Pagination = require('./components/pagination');
45
+ const Footer = require('./components/footer');
46
+ const Header = require('./components/header');
47
+
48
+ const SearchBar = require('./components/search-bar');
49
+
50
+ const ProfilePicture = require('./components/profile-picture');
51
+ const Profile = require('./components/profile');
52
+
53
+ const components = [
54
+ Alert,
55
+ AlertBanner,
56
+ Badge,
57
+ Breadcrumb,
58
+ ButtonGroup,
59
+ Button,
60
+ Checkbox,
61
+ Comments,
62
+ ContextMenu,
63
+ Dialog,
64
+ Dot,
65
+ Forms,
66
+ Calendar,
67
+ Icon,
68
+ Link,
69
+ Message,
70
+ Notification,
71
+ Radio,
72
+ Switch,
73
+
74
+ Table,
75
+ ZebraTable,
76
+ CookieConsent,
77
+ Modal,
78
+
79
+ Accordion,
80
+ Card,
81
+ Divider,
82
+
83
+ SideMenu,
84
+ TabMenu,
85
+ Tabs,
86
+ UserMenu,
87
+
88
+ DropdownFilter,
89
+
90
+ SearchBar,
91
+
92
+ Tag,
93
+ Pagination,
94
+ Footer,
95
+ Header,
96
+
97
+ ProfilePicture,
98
+ Profile,
99
+ ];
100
+
101
+ const defaultColors = ['primary', 'secondary'];
102
+
103
+ module.exports = plugin.withOptions(
104
+ function (options = { colors: [], cssBase: true }) {
105
+ return function ({ addComponents, addBase, theme }) {
106
+ const optionColors = [...defaultColors, ...(options.colors || [])];
107
+
108
+ if (options.cssBase) {
109
+ addBase(base);
110
+ }
111
+
112
+ addComponents(components.map((component) => component(optionColors, theme)));
113
+ };
114
+ },
115
+ function () {
116
+ return {
117
+ theme: theme,
118
+ };
119
+ }
120
+ );
package/src/theme.js CHANGED
@@ -1,84 +1,84 @@
1
- const { colors } = require('@sk-web-gui/theme');
2
- const withOpacity = require('./with-opacity');
3
-
4
- module.exports = {
5
- fontSize: {
6
- tiny: '1rem',
7
- xs: '1.2rem',
8
- sm: '1.4rem',
9
- base: '1.6rem',
10
- lg: '1.8rem',
11
- xl: '2.0rem',
12
- '2xl': '2.4rem',
13
- '3xl': '3.2rem',
14
- '4xl': '4.0rem',
15
- '5xl': '5.2rem',
16
- },
17
- extend: {
18
- colors: {
19
- ...colors,
20
- current: 'currentColor',
21
- },
22
- cursor: {
23
- base: 'var(--vc-cursor)',
24
- },
25
- spacing: {
26
- xs: '4px',
27
- sm: '8px',
28
- md: '16px',
29
- lg: '24px',
30
- xl: '48px',
31
- },
32
- lineHeight: {
33
- tiny: '1.4rem',
34
- xs: '1.6rem',
35
- sm: '2rem',
36
- base: '2.4rem',
37
- lg: '2.4rem',
38
- xl: '3.2rem',
39
- '2xl': '3.2rem',
40
- '3xl': '4rem',
41
- '4xl': '4.8rem',
42
- '5xl': '5.8rem',
43
- },
44
- opacity: {
45
- 15: '0.15',
46
- },
47
- backgroundColor: {
48
- base: withOpacity('--vc-colors-bg-base'),
49
- fill: withOpacity('--vc-colors-bg-fill'),
50
- },
51
- textColor: {
52
- foreground: withOpacity('--vc-colors-text-foreground'),
53
- muted: withOpacity('--vc-colors-text-muted'),
54
- },
55
- borderRadius: {
56
- base: 'var(--vc-rounded)',
57
- },
58
- zIndex: {
59
- hide: -1,
60
- none: 0,
61
- base: 1,
62
- docked: 10,
63
- dropdown: 1000,
64
- sticky: 1100,
65
- banner: 1200,
66
- overlay: 1300,
67
- modal: 1400,
68
- popover: 1500,
69
- skipLink: 1600,
70
- toast: 1700,
71
- tooltip: 1800,
72
- },
73
- keyframes: {
74
- 'reset-overflow': {
75
- 'from, to': {
76
- overflow: 'hidden',
77
- },
78
- },
79
- },
80
- animation: {
81
- 'reset-overflow': 'reset-overflow 180ms backwards',
82
- },
83
- },
84
- };
1
+ const { colors } = require('@sk-web-gui/theme');
2
+ const withOpacity = require('./with-opacity');
3
+
4
+ module.exports = {
5
+ fontSize: {
6
+ tiny: '1rem',
7
+ xs: '1.2rem',
8
+ sm: '1.4rem',
9
+ base: '1.6rem',
10
+ lg: '1.8rem',
11
+ xl: '2.0rem',
12
+ '2xl': '2.4rem',
13
+ '3xl': '3.2rem',
14
+ '4xl': '4.0rem',
15
+ '5xl': '5.2rem',
16
+ },
17
+ extend: {
18
+ colors: {
19
+ ...colors,
20
+ current: 'currentColor',
21
+ },
22
+ cursor: {
23
+ base: 'var(--vc-cursor)',
24
+ },
25
+ spacing: {
26
+ xs: '4px',
27
+ sm: '8px',
28
+ md: '16px',
29
+ lg: '24px',
30
+ xl: '48px',
31
+ },
32
+ lineHeight: {
33
+ tiny: '1.4rem',
34
+ xs: '1.6rem',
35
+ sm: '2rem',
36
+ base: '2.4rem',
37
+ lg: '2.4rem',
38
+ xl: '3.2rem',
39
+ '2xl': '3.2rem',
40
+ '3xl': '4rem',
41
+ '4xl': '4.8rem',
42
+ '5xl': '5.8rem',
43
+ },
44
+ opacity: {
45
+ 15: '0.15',
46
+ },
47
+ backgroundColor: {
48
+ base: withOpacity('--vc-colors-bg-base'),
49
+ fill: withOpacity('--vc-colors-bg-fill'),
50
+ },
51
+ textColor: {
52
+ foreground: withOpacity('--vc-colors-text-foreground'),
53
+ muted: withOpacity('--vc-colors-text-muted'),
54
+ },
55
+ borderRadius: {
56
+ base: 'var(--vc-rounded)',
57
+ },
58
+ zIndex: {
59
+ hide: -1,
60
+ none: 0,
61
+ base: 1,
62
+ docked: 10,
63
+ dropdown: 1000,
64
+ sticky: 1100,
65
+ banner: 1200,
66
+ overlay: 1300,
67
+ modal: 1400,
68
+ popover: 1500,
69
+ skipLink: 1600,
70
+ toast: 1700,
71
+ tooltip: 1800,
72
+ },
73
+ keyframes: {
74
+ 'reset-overflow': {
75
+ 'from, to': {
76
+ overflow: 'hidden',
77
+ },
78
+ },
79
+ },
80
+ animation: {
81
+ 'reset-overflow': 'reset-overflow 180ms backwards',
82
+ },
83
+ },
84
+ };