@paperless/core 2.12.1 → 2.12.3
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.
- package/CHANGELOG.md +22 -0
- package/dist/build/p-52cd6c94.entry.js +2 -0
- package/dist/build/{p-9c99e02e.entry.js.map → p-52cd6c94.entry.js.map} +1 -1
- package/dist/build/p-835a50f3.entry.js +2 -0
- package/dist/build/p-835a50f3.entry.js.map +1 -0
- package/dist/build/p-a5ee88a9.entry.js +2 -0
- package/dist/{paperless/p-74a3389d.entry.js.map → build/p-a5ee88a9.entry.js.map} +1 -1
- package/dist/build/{p-8d93af55.js → p-a6ca6e5e.js} +1 -1
- package/dist/build/p-badge.p-segment-container.p-segment-item.entry.esm.js.map +1 -1
- package/dist/build/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/{paperless/p-c817dbce.entry.js → build/p-f7f360d5.entry.js} +2 -2
- package/dist/build/{p-c817dbce.entry.js.map → p-f7f360d5.entry.js.map} +1 -1
- package/dist/build/p-radio.entry.esm.js.map +1 -1
- package/dist/build/p-toggle.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-badge.p-segment-container.p-segment-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-badge_3.cjs.entry.js +2 -2
- package/dist/cjs/p-badge_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox_4.cjs.entry.js +2 -2
- package/dist/cjs/p-checkbox_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-radio.cjs.entry.js +2 -2
- package/dist/cjs/p-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/p-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/p-toggle.cjs.entry.js +2 -2
- package/dist/cjs/p-toggle.cjs.entry.js.map +1 -1
- package/dist/cjs/p-toggle.entry.cjs.js.map +1 -1
- package/dist/collection/components/atoms/checkbox/checkbox.component.css +1 -1
- package/dist/collection/components/atoms/checkbox/checkbox.component.js +1 -1
- package/dist/collection/components/atoms/checkbox/checkbox.component.js.map +1 -1
- package/dist/collection/components/atoms/radio/radio.component.css +1 -1
- package/dist/collection/components/atoms/radio/radio.component.js +1 -1
- package/dist/collection/components/atoms/radio/radio.component.js.map +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.component.css +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.component.js +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.component.js.map +1 -1
- package/dist/collection/components/atoms/toggle/toggle.component.css +1 -1
- package/dist/collection/components/atoms/toggle/toggle.component.js +1 -1
- package/dist/collection/components/atoms/toggle/toggle.component.js.map +1 -1
- package/dist/components/{p-CBRi1nsG.js → p-BO_XVUC2.js} +4 -4
- package/dist/components/{p-CBRi1nsG.js.map → p-BO_XVUC2.js.map} +1 -1
- package/dist/components/{p-BS-jX1Lx.js → p-CQAvP_Ox.js} +3 -3
- package/dist/components/{p-BS-jX1Lx.js.map → p-CQAvP_Ox.js.map} +1 -1
- package/dist/components/{p-D17QJxlD.js → p-CoSnDHGb.js} +5 -5
- package/dist/components/{p-D17QJxlD.js.map → p-CoSnDHGb.js.map} +1 -1
- package/dist/components/{p-Prvz6sE9.js → p-CpHwL9XE.js} +4 -4
- package/dist/components/{p-Prvz6sE9.js.map → p-CpHwL9XE.js.map} +1 -1
- package/dist/components/{p-DZcQ7XyM.js → p-CpzpSwUF.js} +6 -6
- package/dist/components/{p-DZcQ7XyM.js.map → p-CpzpSwUF.js.map} +1 -1
- package/dist/components/{p-Bky2Gs_E.js → p-D1ZRTCkT.js} +4 -4
- package/dist/components/{p-Bky2Gs_E.js.map → p-D1ZRTCkT.js.map} +1 -1
- package/dist/components/{p-C88Cnh79.js → p-Dr7FpF5o.js} +3 -3
- package/dist/components/{p-C88Cnh79.js.map → p-Dr7FpF5o.js.map} +1 -1
- package/dist/components/p-checkbox.js +1 -1
- package/dist/components/p-dropdown-menu-item.js +1 -1
- package/dist/components/p-pagination-size.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-radio.js +2 -2
- package/dist/components/p-radio.js.map +1 -1
- package/dist/components/p-segment-item.js +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +7 -7
- package/dist/components/p-toggle.js +2 -2
- package/dist/components/p-toggle.js.map +1 -1
- package/dist/esm/p-badge.p-segment-container.p-segment-item.entry.js.map +1 -1
- package/dist/esm/p-badge_3.entry.js +2 -2
- package/dist/esm/p-badge_3.entry.js.map +1 -1
- package/dist/esm/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm/p-checkbox_4.entry.js +2 -2
- package/dist/esm/p-checkbox_4.entry.js.map +1 -1
- package/dist/esm/p-radio.entry.js +2 -2
- package/dist/esm/p-radio.entry.js.map +1 -1
- package/dist/esm/p-toggle.entry.js +2 -2
- package/dist/esm/p-toggle.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-52cd6c94.entry.js +2 -0
- package/dist/paperless/{p-9c99e02e.entry.js.map → p-52cd6c94.entry.js.map} +1 -1
- package/dist/paperless/p-835a50f3.entry.js +2 -0
- package/dist/paperless/p-835a50f3.entry.js.map +1 -0
- package/dist/paperless/p-a5ee88a9.entry.js +2 -0
- package/dist/{build/p-74a3389d.entry.js.map → paperless/p-a5ee88a9.entry.js.map} +1 -1
- package/dist/paperless/p-badge.p-segment-container.p-segment-item.entry.esm.js.map +1 -1
- package/dist/paperless/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/{build/p-c817dbce.entry.js → paperless/p-f7f360d5.entry.js} +2 -2
- package/dist/paperless/{p-c817dbce.entry.js.map → p-f7f360d5.entry.js.map} +1 -1
- package/dist/paperless/p-radio.entry.esm.js.map +1 -1
- package/dist/paperless/p-toggle.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-74a3389d.entry.js +0 -2
- package/dist/build/p-9c99e02e.entry.js +0 -2
- package/dist/build/p-c908313b.entry.js +0 -2
- package/dist/build/p-c908313b.entry.js.map +0 -1
- package/dist/paperless/p-74a3389d.entry.js +0 -2
- package/dist/paperless/p-9c99e02e.entry.js +0 -2
- package/dist/paperless/p-c908313b.entry.js +0 -2
- package/dist/paperless/p-c908313b.entry.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-CQAvP_Ox.js';
|
|
2
2
|
|
|
3
3
|
const PDropdownMenuItem = DropdownMenuItem;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -4,7 +4,7 @@ import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
|
4
4
|
import { n as nonce } from './p-D9kEjsvZ.js';
|
|
5
5
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
6
6
|
|
|
7
|
-
const radioComponentCss = "*.sc-p-radio{box-sizing:border-box}.pointer-events-none.sc-p-radio{pointer-events:none!important}.static.sc-p-radio{position:static!important}.absolute.sc-p-radio{position:absolute!important}.relative.sc-p-radio{position:relative!important}.left-1\\/2.sc-p-radio{left:50%!important}.top-1\\/2.sc-p-radio{top:50%!important}.m-0.sc-p-radio{margin:0!important}.block.sc-p-radio{display:block!important}.flex.sc-p-radio{display:flex!important}.h-2.sc-p-radio{height:.5rem!important}.h-4.sc-p-radio{height:1rem!important}.w-2.sc-p-radio{width:.5rem!important}.w-4.sc-p-radio{width:1rem!important}.flex-1.sc-p-radio{flex:1 1 0%!important}.flex-shrink-0.sc-p-radio{flex-shrink:0!important}.-translate-x-1\\/2.sc-p-radio{--tw-translate-x:-50%!important}.-translate-x-1\\/2.sc-p-radio,.-translate-y-1\\/2.sc-p-radio{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2.sc-p-radio{--tw-translate-y:-50%!important}.transform.sc-p-radio{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed.sc-p-radio{cursor:not-allowed!important}.cursor-pointer.sc-p-radio{cursor:pointer!important}.appearance-none.sc-p-radio{appearance:none!important}.items-center.sc-p-radio{align-items:center!important}.justify-start.sc-p-radio{justify-content:flex-start!important}.gap-2.sc-p-radio{gap:.5rem!important}.overflow-hidden.sc-p-radio{overflow:hidden!important}.text-ellipsis.sc-p-radio{text-overflow:ellipsis!important}.rounded-full.sc-p-radio{border-radius:9999px!important}.border.sc-p-radio{border-width:1px!important}.border-solid.sc-p-radio{border-style:solid!important}.border-storm-100.sc-p-radio{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50.sc-p-radio{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-transparent.sc-p-radio{background-color:transparent!important}.bg-white.sc-p-radio{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-radio,.bg-white-600.sc-p-radio{--tw-bg-opacity:1!important}.bg-white-600.sc-p-radio{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1.sc-p-radio{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none.sc-p-radio{outline:2px solid transparent!important;outline-offset:2px!important}.checked\\:cursor-auto.sc-p-radio:checked{cursor:auto!important}.checked\\:border-storm-500\\/20.sc-p-radio:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600.sc-p-radio:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2.sc-p-radio:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100.sc-p-radio:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20.sc-p-radio:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100.sc-p-radio:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20.sc-p-radio:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700.sc-p-radio:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/radio-label.sc-p-radio:hover .group-hover\\/radio-label\\:border-storm-500\\/20.sc-p-radio{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label.sc-p-radio:hover .group-hover\\/radio-label\\:bg-indigo-100.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/radio-label.sc-p-radio:hover .checked\\:group-hover\\/radio-label\\:border-storm-500\\/20.sc-p-radio:checked{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label.sc-p-radio:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700.sc-p-radio:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:bg-storm-200.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:bg-white.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:ring-1.sc-p-radio{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.peer.sc-p-radio:checked~.peer-checked\\:ring-storm-500\\/10.sc-p-radio{--tw-ring-color:rgba(24,30,41,.1)!important}.dark\\:border-white\\/10:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0:checked:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.2)!important}.peer:checked~.dark\\:peer-checked\\:bg-hurricane-300:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.dark\\:border-white\\/10.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0.sc-p-radio:checked:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15.sc-p-radio:hover:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20.sc-p-radio:hover:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.2)!important}.peer.sc-p-radio:checked~.dark\\:peer-checked\\:bg-hurricane-300.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}";
|
|
7
|
+
const radioComponentCss = "*.sc-p-radio{box-sizing:border-box}.pointer-events-none.sc-p-radio{pointer-events:none!important}.static.sc-p-radio{position:static!important}.absolute.sc-p-radio{position:absolute!important}.relative.sc-p-radio{position:relative!important}.left-1\\/2.sc-p-radio{left:50%!important}.top-1\\/2.sc-p-radio{top:50%!important}.m-0.sc-p-radio{margin:0!important}.block.sc-p-radio{display:block!important}.flex.sc-p-radio{display:flex!important}.h-2.sc-p-radio{height:.5rem!important}.h-4.sc-p-radio{height:1rem!important}.w-2.sc-p-radio{width:.5rem!important}.w-4.sc-p-radio{width:1rem!important}.flex-1.sc-p-radio{flex:1 1 0%!important}.flex-shrink-0.sc-p-radio{flex-shrink:0!important}.-translate-x-1\\/2.sc-p-radio{--tw-translate-x:-50%!important}.-translate-x-1\\/2.sc-p-radio,.-translate-y-1\\/2.sc-p-radio{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2.sc-p-radio{--tw-translate-y:-50%!important}.transform.sc-p-radio{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed.sc-p-radio{cursor:not-allowed!important}.cursor-pointer.sc-p-radio{cursor:pointer!important}.appearance-none.sc-p-radio{appearance:none!important}.items-center.sc-p-radio{align-items:center!important}.justify-start.sc-p-radio{justify-content:flex-start!important}.gap-2.sc-p-radio{gap:.5rem!important}.overflow-hidden.sc-p-radio{overflow:hidden!important}.text-ellipsis.sc-p-radio{text-overflow:ellipsis!important}.rounded-full.sc-p-radio{border-radius:9999px!important}.border.sc-p-radio{border-width:1px!important}.border-solid.sc-p-radio{border-style:solid!important}.border-storm-100.sc-p-radio{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50.sc-p-radio{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-transparent.sc-p-radio{background-color:transparent!important}.bg-white.sc-p-radio{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-radio,.bg-white-600.sc-p-radio{--tw-bg-opacity:1!important}.bg-white-600.sc-p-radio{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1.sc-p-radio{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none.sc-p-radio{outline:2px solid transparent!important;outline-offset:2px!important}.checked\\:cursor-auto.sc-p-radio:checked{cursor:auto!important}.checked\\:border-storm-500\\/20.sc-p-radio:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600.sc-p-radio:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2.sc-p-radio:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100.sc-p-radio:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.empty\\:hidden.sc-p-radio:empty{display:none!important}.hover\\:border-storm-500\\/20.sc-p-radio:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100.sc-p-radio:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20.sc-p-radio:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700.sc-p-radio:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/radio-label.sc-p-radio:hover .group-hover\\/radio-label\\:border-storm-500\\/20.sc-p-radio{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label.sc-p-radio:hover .group-hover\\/radio-label\\:bg-indigo-100.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/radio-label.sc-p-radio:hover .checked\\:group-hover\\/radio-label\\:border-storm-500\\/20.sc-p-radio:checked{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label.sc-p-radio:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700.sc-p-radio:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:bg-storm-200.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:bg-white.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:ring-1.sc-p-radio{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.peer.sc-p-radio:checked~.peer-checked\\:ring-storm-500\\/10.sc-p-radio{--tw-ring-color:rgba(24,30,41,.1)!important}.dark\\:border-white\\/10:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0:checked:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.2)!important}.peer:checked~.dark\\:peer-checked\\:bg-hurricane-300:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.dark\\:border-white\\/10.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0.sc-p-radio:checked:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15.sc-p-radio:hover:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20.sc-p-radio:hover:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.2)!important}.peer.sc-p-radio:checked~.dark\\:peer-checked\\:bg-hurricane-300.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}";
|
|
8
8
|
|
|
9
9
|
const radio = cva([
|
|
10
10
|
'peer appearance-none m-0 outline-none flex-shrink-0',
|
|
@@ -104,7 +104,7 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends H {
|
|
|
104
104
|
disabled: asBoolean(this.disabled),
|
|
105
105
|
}), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'cda453f447ba483005d302bf93fffbc6acac5439', class: circle({
|
|
106
106
|
disabled: asBoolean(this.disabled),
|
|
107
|
-
}) })), h("div", { key: '
|
|
107
|
+
}) })), h("div", { key: '7b919e5d5abe866eed9ee125a11c96554f0e6d41', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: '32edb6a8638e58c8bfcd591208d2bb7b8696a2c9' })))));
|
|
108
108
|
}
|
|
109
109
|
_onChange(ev) {
|
|
110
110
|
if (asBoolean(this.disabled)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-radio.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,
|
|
1
|
+
{"file":"p-radio.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/radio/radio.component.css?tag=p-radio&encapsulation=scoped","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100 dark:bg-white/10 dark:border-white/15',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200 dark:peer-checked:bg-hurricane-300',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n\tscoped: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"version":3}
|
|
@@ -5,10 +5,10 @@ import { c as cn } from './p-CT54OXR2.js';
|
|
|
5
5
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
6
6
|
import { d as defineCustomElement$d } from './p-DRywdEEP.js';
|
|
7
7
|
import { d as defineCustomElement$c } from './p-_cRrvkzY.js';
|
|
8
|
-
import { d as defineCustomElement$b } from './p-
|
|
8
|
+
import { d as defineCustomElement$b } from './p-D1ZRTCkT.js';
|
|
9
9
|
import { d as defineCustomElement$a } from './p-BqJMPQj6.js';
|
|
10
10
|
import { d as defineCustomElement$9 } from './p-D2igmK5l.js';
|
|
11
|
-
import { d as defineCustomElement$8 } from './p-
|
|
11
|
+
import { d as defineCustomElement$8 } from './p-CQAvP_Ox.js';
|
|
12
12
|
import { d as defineCustomElement$7 } from './p-Cr3fKigp.js';
|
|
13
13
|
import { d as defineCustomElement$6 } from './p-BWS61QL4.js';
|
|
14
14
|
import { d as defineCustomElement$5 } from './p-BjTLGpAE.js';
|
|
@@ -4,14 +4,14 @@ import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj
|
|
|
4
4
|
import { f as floatingMenuContainerClass } from './p-gJUNRhKk.js';
|
|
5
5
|
import { f as isMobile } from './p-B3sNjfzc.js';
|
|
6
6
|
import { c as cn } from './p-CT54OXR2.js';
|
|
7
|
-
import { d as defineCustomElement$b, a as defaultSize, b as defaultSizeOptions } from './p-
|
|
7
|
+
import { d as defineCustomElement$b, a as defaultSize, b as defaultSizeOptions } from './p-CpHwL9XE.js';
|
|
8
8
|
import { d as defineCustomElement$u } from './p-BrgpOIzL.js';
|
|
9
9
|
import { d as defineCustomElement$t } from './p-_cRrvkzY.js';
|
|
10
|
-
import { d as defineCustomElement$s } from './p-
|
|
10
|
+
import { d as defineCustomElement$s } from './p-D1ZRTCkT.js';
|
|
11
11
|
import { d as defineCustomElement$r } from './p-DzWmipVp.js';
|
|
12
12
|
import { d as defineCustomElement$q } from './p-BqJMPQj6.js';
|
|
13
13
|
import { d as defineCustomElement$p } from './p-D2igmK5l.js';
|
|
14
|
-
import { d as defineCustomElement$o } from './p-
|
|
14
|
+
import { d as defineCustomElement$o } from './p-CQAvP_Ox.js';
|
|
15
15
|
import { d as defineCustomElement$n } from './p-Yw85TdBe.js';
|
|
16
16
|
import { d as defineCustomElement$m } from './p-Cr3fKigp.js';
|
|
17
17
|
import { d as defineCustomElement$l } from './p-BWS61QL4.js';
|
|
@@ -21,15 +21,15 @@ import { d as defineCustomElement$i } from './p-BjTLGpAE.js';
|
|
|
21
21
|
import { d as defineCustomElement$h } from './p-BHphGfv6.js';
|
|
22
22
|
import { d as defineCustomElement$g } from './p-Cb5tqgid.js';
|
|
23
23
|
import { d as defineCustomElement$f } from './p-BFbLqg3-.js';
|
|
24
|
-
import { d as defineCustomElement$e } from './p-
|
|
24
|
+
import { d as defineCustomElement$e } from './p-CoSnDHGb.js';
|
|
25
25
|
import { d as defineCustomElement$d } from './p-DdIXD8-k.js';
|
|
26
26
|
import { d as defineCustomElement$c } from './p-BmKAfzS1.js';
|
|
27
27
|
import { d as defineCustomElement$a } from './p-CWCxhtvB.js';
|
|
28
|
-
import { d as defineCustomElement$9 } from './p-
|
|
28
|
+
import { d as defineCustomElement$9 } from './p-BO_XVUC2.js';
|
|
29
29
|
import { d as defineCustomElement$8 } from './p-yM044fjo.js';
|
|
30
30
|
import { d as defineCustomElement$7 } from './p-eYUo2y4S.js';
|
|
31
|
-
import { d as defineCustomElement$6 } from './p-
|
|
32
|
-
import { d as defineCustomElement$5 } from './p-
|
|
31
|
+
import { d as defineCustomElement$6 } from './p-CpzpSwUF.js';
|
|
32
|
+
import { d as defineCustomElement$5 } from './p-Dr7FpF5o.js';
|
|
33
33
|
import { d as defineCustomElement$4 } from './p-CicAiqpp.js';
|
|
34
34
|
import { d as defineCustomElement$3 } from './p-CiEFZmoS.js';
|
|
35
35
|
import { d as defineCustomElement$2 } from './p-BUzthIe4.js';
|
|
@@ -4,7 +4,7 @@ import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
|
4
4
|
import { n as nonce } from './p-D9kEjsvZ.js';
|
|
5
5
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
6
6
|
|
|
7
|
-
const toggleComponentCss = "*.sc-p-toggle{box-sizing:border-box}.pointer-events-none.sc-p-toggle{pointer-events:none!important}.static.sc-p-toggle{position:static!important}.absolute.sc-p-toggle{position:absolute!important}.relative.sc-p-toggle{position:relative!important}.left-\\[1px\\].sc-p-toggle{left:1px!important}.left-\\[2px\\].sc-p-toggle{left:2px!important}.top-1\\/2.sc-p-toggle{top:50%!important}.m-0.sc-p-toggle{margin:0!important}.flex.sc-p-toggle{display:flex!important}.h-3.sc-p-toggle{height:.75rem!important}.h-4.sc-p-toggle{height:1rem!important}.h-\\[14px\\].sc-p-toggle{height:14px!important}.w-3.sc-p-toggle{width:.75rem!important}.w-8.sc-p-toggle{width:2rem!important}.w-\\[14px\\].sc-p-toggle{width:14px!important}.flex-1.sc-p-toggle{flex:1 1 0%!important}.flex-shrink-0.sc-p-toggle{flex-shrink:0!important}.-translate-y-1\\/2.sc-p-toggle{--tw-translate-y:-50%!important}.-translate-y-1\\/2.sc-p-toggle,.transform.sc-p-toggle{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed.sc-p-toggle{cursor:not-allowed!important}.cursor-pointer.sc-p-toggle{cursor:pointer!important}.appearance-none.sc-p-toggle{appearance:none!important}.items-center.sc-p-toggle{align-items:center!important}.justify-start.sc-p-toggle{justify-content:flex-start!important}.justify-center.sc-p-toggle{justify-content:center!important}.gap-2.sc-p-toggle{gap:.5rem!important}.overflow-hidden.sc-p-toggle{overflow:hidden!important}.text-ellipsis.sc-p-toggle{text-overflow:ellipsis!important}.rounded-full.sc-p-toggle{border-radius:9999px!important}.border.sc-p-toggle{border-width:1px!important}.border-solid.sc-p-toggle{border-style:solid!important}.border-storm-100.sc-p-toggle{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50.sc-p-toggle{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-storm-100.sc-p-toggle{background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.bg-storm-100.sc-p-toggle,.bg-storm-50.sc-p-toggle{--tw-bg-opacity:1!important}.bg-storm-50.sc-p-toggle{background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-toggle{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-toggle,.bg-white-600.sc-p-toggle{--tw-bg-opacity:1!important}.bg-white-600.sc-p-toggle{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1.sc-p-toggle{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none.sc-p-toggle{outline:2px solid transparent!important;outline-offset:2px!important}.ring-1.sc-p-toggle{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-storm-500\\/10.sc-p-toggle{--tw-ring-color:rgba(24,30,41,.1)!important}.transition-all.sc-p-toggle{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:h-1.sc-p-toggle:after{content:var(--tw-content)!important;height:.25rem!important}.after\\:w-1.sc-p-toggle:after{content:var(--tw-content)!important;width:.25rem!important}.after\\:rounded-full.sc-p-toggle:after{border-radius:9999px!important;content:var(--tw-content)!important}.after\\:bg-indigo-800.sc-p-toggle:after{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:transition-all.sc-p-toggle:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:content-\\[\\].sc-p-toggle:after{--tw-content:!important;content:var(--tw-content)!important}.checked\\:border-storm-500\\/20.sc-p-toggle:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600.sc-p-toggle:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2.sc-p-toggle:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100.sc-p-toggle:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20.sc-p-toggle:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100.sc-p-toggle:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20.sc-p-toggle:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700.sc-p-toggle:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/p-toggle.sc-p-toggle:hover .group-hover\\/p-toggle\\:w-\\[18px\\].sc-p-toggle,.group\\/toggle-label.sc-p-toggle:hover .group-hover\\/toggle-label\\:w-\\[18px\\].sc-p-toggle{width:18px!important}.group\\/toggle-label.sc-p-toggle:hover .group-hover\\/toggle-label\\:border-storm-500\\/20.sc-p-toggle{border-color:rgba(24,30,41,.2)!important}.group\\/toggle-label.sc-p-toggle:hover .group-hover\\/toggle-label\\:bg-indigo-100.sc-p-toggle{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/p-toggle.sc-p-toggle:hover .group-hover\\/p-toggle\\:after\\:w-2.sc-p-toggle:after,.group\\/toggle-label.sc-p-toggle:hover .group-hover\\/toggle-label\\:after\\:w-2.sc-p-toggle:after{content:var(--tw-content)!important;width:.5rem!important}.group\\/toggle-label.sc-p-toggle:hover .checked\\:group-hover\\/toggle-label\\:border-storm-500\\/20.sc-p-toggle:checked{border-color:rgba(24,30,41,.2)!important}.group\\/toggle-label.sc-p-toggle:hover .checked\\:group-hover\\/toggle-label\\:bg-indigo-700.sc-p-toggle:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer.sc-p-toggle:checked~.peer-checked\\:left-full.sc-p-toggle{left:100%!important}.peer.sc-p-toggle:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\].sc-p-toggle{--tw-translate-x:calc(-100% - 1px)!important}.peer.sc-p-toggle:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\].sc-p-toggle,.peer.sc-p-toggle:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\].sc-p-toggle{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer.sc-p-toggle:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\].sc-p-toggle{--tw-translate-x:calc(-100% - 2px)!important}.peer.sc-p-toggle:checked~.peer-checked\\:bg-storm-200.sc-p-toggle{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer.sc-p-toggle:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\].sc-p-toggle:after{--tw-content:\"\"!important;content:var(--tw-content)!important}.dark\\:border-white\\/10:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/15:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0:checked:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.2)!important}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.15)!important}.dark\\:border-white\\/10.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/15.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/5.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0.sc-p-toggle:checked:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15.sc-p-toggle:hover:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20.sc-p-toggle:hover:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.2)!important}.peer.sc-p-toggle:checked~.dark\\:peer-checked\\:bg-white\\/15.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.15)!important}";
|
|
7
|
+
const toggleComponentCss = "*.sc-p-toggle{box-sizing:border-box}.pointer-events-none.sc-p-toggle{pointer-events:none!important}.static.sc-p-toggle{position:static!important}.absolute.sc-p-toggle{position:absolute!important}.relative.sc-p-toggle{position:relative!important}.left-\\[1px\\].sc-p-toggle{left:1px!important}.left-\\[2px\\].sc-p-toggle{left:2px!important}.top-1\\/2.sc-p-toggle{top:50%!important}.m-0.sc-p-toggle{margin:0!important}.flex.sc-p-toggle{display:flex!important}.h-3.sc-p-toggle{height:.75rem!important}.h-4.sc-p-toggle{height:1rem!important}.h-\\[14px\\].sc-p-toggle{height:14px!important}.w-3.sc-p-toggle{width:.75rem!important}.w-8.sc-p-toggle{width:2rem!important}.w-\\[14px\\].sc-p-toggle{width:14px!important}.flex-1.sc-p-toggle{flex:1 1 0%!important}.flex-shrink-0.sc-p-toggle{flex-shrink:0!important}.-translate-y-1\\/2.sc-p-toggle{--tw-translate-y:-50%!important}.-translate-y-1\\/2.sc-p-toggle,.transform.sc-p-toggle{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed.sc-p-toggle{cursor:not-allowed!important}.cursor-pointer.sc-p-toggle{cursor:pointer!important}.appearance-none.sc-p-toggle{appearance:none!important}.items-center.sc-p-toggle{align-items:center!important}.justify-start.sc-p-toggle{justify-content:flex-start!important}.justify-center.sc-p-toggle{justify-content:center!important}.gap-2.sc-p-toggle{gap:.5rem!important}.overflow-hidden.sc-p-toggle{overflow:hidden!important}.text-ellipsis.sc-p-toggle{text-overflow:ellipsis!important}.rounded-full.sc-p-toggle{border-radius:9999px!important}.border.sc-p-toggle{border-width:1px!important}.border-solid.sc-p-toggle{border-style:solid!important}.border-storm-100.sc-p-toggle{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50.sc-p-toggle{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-storm-100.sc-p-toggle{background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.bg-storm-100.sc-p-toggle,.bg-storm-50.sc-p-toggle{--tw-bg-opacity:1!important}.bg-storm-50.sc-p-toggle{background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-toggle{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-toggle,.bg-white-600.sc-p-toggle{--tw-bg-opacity:1!important}.bg-white-600.sc-p-toggle{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1.sc-p-toggle{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none.sc-p-toggle{outline:2px solid transparent!important;outline-offset:2px!important}.ring-1.sc-p-toggle{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-storm-500\\/10.sc-p-toggle{--tw-ring-color:rgba(24,30,41,.1)!important}.transition-all.sc-p-toggle{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:h-1.sc-p-toggle:after{content:var(--tw-content)!important;height:.25rem!important}.after\\:w-1.sc-p-toggle:after{content:var(--tw-content)!important;width:.25rem!important}.after\\:rounded-full.sc-p-toggle:after{border-radius:9999px!important;content:var(--tw-content)!important}.after\\:bg-indigo-800.sc-p-toggle:after{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:transition-all.sc-p-toggle:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:content-\\[\\].sc-p-toggle:after{--tw-content:!important;content:var(--tw-content)!important}.checked\\:border-storm-500\\/20.sc-p-toggle:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600.sc-p-toggle:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2.sc-p-toggle:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100.sc-p-toggle:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.empty\\:hidden.sc-p-toggle:empty{display:none!important}.hover\\:border-storm-500\\/20.sc-p-toggle:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100.sc-p-toggle:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20.sc-p-toggle:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700.sc-p-toggle:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/p-toggle.sc-p-toggle:hover .group-hover\\/p-toggle\\:w-\\[18px\\].sc-p-toggle,.group\\/toggle-label.sc-p-toggle:hover .group-hover\\/toggle-label\\:w-\\[18px\\].sc-p-toggle{width:18px!important}.group\\/toggle-label.sc-p-toggle:hover .group-hover\\/toggle-label\\:border-storm-500\\/20.sc-p-toggle{border-color:rgba(24,30,41,.2)!important}.group\\/toggle-label.sc-p-toggle:hover .group-hover\\/toggle-label\\:bg-indigo-100.sc-p-toggle{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/p-toggle.sc-p-toggle:hover .group-hover\\/p-toggle\\:after\\:w-2.sc-p-toggle:after,.group\\/toggle-label.sc-p-toggle:hover .group-hover\\/toggle-label\\:after\\:w-2.sc-p-toggle:after{content:var(--tw-content)!important;width:.5rem!important}.group\\/toggle-label.sc-p-toggle:hover .checked\\:group-hover\\/toggle-label\\:border-storm-500\\/20.sc-p-toggle:checked{border-color:rgba(24,30,41,.2)!important}.group\\/toggle-label.sc-p-toggle:hover .checked\\:group-hover\\/toggle-label\\:bg-indigo-700.sc-p-toggle:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer.sc-p-toggle:checked~.peer-checked\\:left-full.sc-p-toggle{left:100%!important}.peer.sc-p-toggle:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\].sc-p-toggle{--tw-translate-x:calc(-100% - 1px)!important}.peer.sc-p-toggle:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\].sc-p-toggle,.peer.sc-p-toggle:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\].sc-p-toggle{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer.sc-p-toggle:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\].sc-p-toggle{--tw-translate-x:calc(-100% - 2px)!important}.peer.sc-p-toggle:checked~.peer-checked\\:bg-storm-200.sc-p-toggle{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer.sc-p-toggle:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\].sc-p-toggle:after{--tw-content:\"\"!important;content:var(--tw-content)!important}.dark\\:border-white\\/10:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/15:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0:checked:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.2)!important}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where([data-theme=dark].sc-p-toggle-h,[data-theme=dark].sc-p-toggle-h *).sc-p-toggle{background-color:hsla(0,0%,100%,.15)!important}.dark\\:border-white\\/10.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/15.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/5.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0.sc-p-toggle:checked:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15.sc-p-toggle:hover:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20.sc-p-toggle:hover:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.2)!important}.peer.sc-p-toggle:checked~.dark\\:peer-checked\\:bg-white\\/15.sc-p-toggle:where([data-theme=dark],[data-theme=dark].sc-p-toggle *).sc-p-toggle{background-color:hsla(0,0%,100%,.15)!important}";
|
|
8
8
|
|
|
9
9
|
const toggle = cva([
|
|
10
10
|
'peer appearance-none m-0 outline-none flex-shrink-0',
|
|
@@ -102,7 +102,7 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends H {
|
|
|
102
102
|
disabled: asBoolean(this.disabled),
|
|
103
103
|
}), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '3bd4204a399a2fbc0fc320fbde03bc7213a85b0d', class: circle({
|
|
104
104
|
disabled: asBoolean(this.disabled),
|
|
105
|
-
}) })), h("div", { key: '
|
|
105
|
+
}) })), h("div", { key: '64254095a9b0fc452216b987b293292aa5af4bb2', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: '5835b5bbddf4e25c02882bd4edc5620fe0093e52' })))));
|
|
106
106
|
}
|
|
107
107
|
_onChange(ev) {
|
|
108
108
|
if (asBoolean(this.disabled)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-toggle.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG
|
|
1
|
+
{"file":"p-toggle.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,w0WAAw0W;;ACcn2W,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,qDAAqD;IACrD,mCAAmC;IACnC,sBAAsB;CACtB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE;gBACN,yBAAyB;gBACzB,oEAAoE;gBACpE,iGAAiG;gBACjG,qFAAqF;gBACrF,mDAAmD;gBACnD,4DAA4D;gBAC5D,+DAA+D;gBAC/D,qGAAqG;AACrG,aAAA;AACD,YAAA,IAAI,EAAE,sFAAsF;AAC5F,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,kCAAkC;IAClC,8BAA8B;IAC9B,wFAAwF;CACxF,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE;gBACN,mCAAmC;gBACnC,uDAAuD;gBACvD,+GAA+G;gBAC/G,mFAAmF;gBACnF,uFAAuF;AACvF,aAAA;AACD,YAAA,IAAI,EAAE;gBACL,uFAAuF;gBACvF,uDAAuD;gBACvD,SAAS;AACT,aAAA;AACD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAQY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;;;AAClB;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;IACsB,QAAQ,GAAY,IAAI;AAEjD;;AAEG;AACsB,IAAA,EAAE;AAE3B;;AAEG;AACsB,IAAA,IAAI;AAE7B;;AAEG;AACM,IAAA,aAAa;AACtB;;AAEG;AACM,IAAA,mBAAmB;AAEX,IAAA,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC;AAEf,IAAA,UAAU;IAE7B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAGrB,IAAA,oBAAoB,CAAC,QAAiB,EAAA;AACrC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YAC1B;;AAGD,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;;IAGzB,MAAM,GAAA;AACL,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM;QAElD,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAE,EAAE,EACX,KAAK,EAAC,uCAAuC,EAAA,EAE7C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yDAAyD,EAAA,EACnE,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,CAAC;AACb,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,aAAA,CAAC,EACF,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,EACvB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAClC,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EACjC,CAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,CAAC;AACb,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,aAAA,CAAC,GACI,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mEAAmE,EAAA,EAC7E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACC,CACI;;AAIP,IAAA,SAAS,CAAC,EAAS,EAAA;AAC1B,QAAA,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC7B,EAAE,CAAC,cAAc,EAAE;YACnB;;AAGD,QAAA,MAAM,OAAO,GAAI,EAAE,CAAC,MAA2B,CAAC,OAAO;AACvD,QAAA,IAAI,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE;AAC5B,YAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,YAAA,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle&encapsulation=scoped","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst toggle = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-storm-50 border-storm-100 dark:bg-white/10 dark:border-white/15',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',\n\t\t\t\t\t'group-hover/toggle-label:bg-indigo-100 group-hover/toggle-label:border-storm-500/20',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/toggle-label:bg-indigo-700 checked:group-hover/toggle-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-storm-500/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-[''] after:bg-indigo-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-storm-100 peer-checked:bg-storm-200 dark:bg-white/15 dark:peer-checked:bg-white/15',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n\tformAssociated: true,\n\tscoped: true,\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t\t>\n\t\t\t\t\t<div class='group/p-toggle relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={toggle({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t\tthis._internals.setFormValue(this.checked ? 'on' : 'off');\n\t\t}\n\t}\n}\n"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-badge.p-segment-container.p-segment-item.entry.js","sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-hurricane-
|
|
1
|
+
{"version":3,"file":"p-badge.p-segment-container.p-segment-item.entry.js","sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'block',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={segmentItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn('mb-1', {\n\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='flex flex-col items-center'>\n\t\t\t\t\t\t\t<p class={cn('my-0 font-medium empty:hidden', {})}>\n\t\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{descriptionSlot && (\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclass={cn('my-0 text-xs font-medium', {\n\t\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{descriptionSlot}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -38,7 +38,7 @@ const SegmentContainer = class {
|
|
|
38
38
|
};
|
|
39
39
|
SegmentContainer.style = segmentContainerComponentCss;
|
|
40
40
|
|
|
41
|
-
const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-indigo-200{--tw-text-opacity:1!important;color:rgb(199 217 253/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.hover\\:text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-
|
|
41
|
+
const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-indigo-200{--tw-text-opacity:1!important;color:rgb(199 217 253/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.hover\\:text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}";
|
|
42
42
|
|
|
43
43
|
const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'], {
|
|
44
44
|
variants: {
|
|
@@ -63,7 +63,7 @@ const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'curs
|
|
|
63
63
|
{
|
|
64
64
|
variant: 'default',
|
|
65
65
|
active: false,
|
|
66
|
-
class: 'text-storm-500 dark:text-hurricane-
|
|
66
|
+
class: 'text-storm-500 dark:text-hurricane-200',
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
variant: 'block',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-badge.p-segment-container.p-segment-item.entry.js","mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,gxCAAgxC;;ACI1yC,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,yCAAyC;IACzC,kBAAkB;IAClB,cAAc;IACd,+BAA+B;IAC/B,gCAAgC;IAChC,kDAAkD;AAClD,CAAA,CAAC;MAOW,KAAK,GAAA,MAAA;;;;IACjB,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACzBhB,MAAM,4BAA4B,GAAG,6oCAA6oC;;MCQrqC,gBAAgB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gIAAgI,EAAA,EAC1I,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACfhB,MAAM,uBAAuB,GAAG,
|
|
1
|
+
{"file":"p-badge.p-segment-container.p-segment-item.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'block',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={segmentItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn('mb-1', {\n\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='flex flex-col items-center'>\n\t\t\t\t\t\t\t<p class={cn('my-0 font-medium empty:hidden', {})}>\n\t\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{descriptionSlot && (\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclass={cn('my-0 text-xs font-medium', {\n\t\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{descriptionSlot}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
|