@prom-ui/core 1.18.0 → 1.19.1

package/Tumbler/cjs/style.development.css

@@ -1 +1 @@
-.Tumbler__root___17yYC{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.Tumbler__view___w66K2{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}.Tumbler__viewCircle___xvJqd{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}.Tumbler__input___Kg91O{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Tumbler__input___Kg91O:disabled{cursor:default}.Tumbler__input___Kg91O:focus-visible+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Tumbler__input___Kg91O:checked+.Tumbler__view___w66K2{background-color:var(--violet-50)}.Tumbler__input___Kg91O:checked+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}.Tumbler__input___Kg91O:disabled+.Tumbler__view___w66K2{background-color:var(--black-200)}.Tumbler__input___Kg91O:disabled+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__inputLoading___y1iJD{pointer-events:none;cursor:default}.Tumbler__spinner___CNMl7{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.Tumbler__spinnerEnterActive___C2P5b,.Tumbler__spinnerEnterDone___cgEXP{opacity:1}.Tumbler__spinnerExitActive___k-mzv,.Tumbler__spinnerExitDone___XD0-8{opacity:0}@media (hover){.Tumbler__input___Kg91O:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{border-color:var(--black-500)}.Tumbler__input___Kg91O:checked:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{border-color:var(--violet-500)}.Tumbler__input___Kg91O:disabled:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{border-color:var(--black-400)}}
+.Tumbler__root___17yYC{position:relative;display:block;width:38px;height:20px;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.Tumbler__view___w66K2{box-sizing:border-box;height:24px;border-radius:1em;background:var(--white);border:2px var(--black-600) solid;transition:140ms ease-in-out;transition-property:background-color,border-color;transform:translateY(-2px)}.Tumbler__viewCircle___xvJqd{box-sizing:border-box;position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:100%;transform:scale(.8) translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--black-600);transition:120ms ease-in-out;transition-property:background-color,transform;color:var(--violet-500)}.Tumbler__input___Kg91O{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Tumbler__input___Kg91O:disabled{cursor:default}.Tumbler__input___Kg91O:focus-visible+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Tumbler__input___Kg91O:checked+.Tumbler__view___w66K2{background-color:var(--violet-500);border-color:var(--violet-500)}.Tumbler__input___Kg91O:checked+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{background-color:var(--white);transform:scale(1) translateX(14px)}.Tumbler__input___Kg91O:disabled+.Tumbler__view___w66K2{background-color:var(--black-50);border-color:var(--black-400)}.Tumbler__input___Kg91O:disabled+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{background-color:var(--black-400)}.Tumbler__input___Kg91O:disabled:checked+.Tumbler__view___w66K2{background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__input___Kg91O:disabled:checked+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{background-color:var(--black-50)}.Tumbler__inputLoading___y1iJD{pointer-events:none;cursor:default}.Tumbler__spinner___CNMl7{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.Tumbler__spinnerEnterActive___C2P5b,.Tumbler__spinnerEnterDone___cgEXP{opacity:1}.Tumbler__spinnerExitActive___k-mzv,.Tumbler__spinnerExitDone___XD0-8{opacity:0}@media (hover){.Tumbler__input___Kg91O:hover+.Tumbler__view___w66K2{border-color:var(--black-700)}.Tumbler__input___Kg91O:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{background-color:var(--black-700)}.Tumbler__input___Kg91O:checked:hover+.Tumbler__view___w66K2{border-color:var(--violet-700);background-color:var(--violet-700)}.Tumbler__input___Kg91O:checked:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{background-color:var(--white)}.Tumbler__input___Kg91O:disabled:hover+.Tumbler__view___w66K2{background-color:var(--black-50);border-color:var(--black-400)}.Tumbler__input___Kg91O:disabled:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{background-color:var(--black-400)}.Tumbler__input___Kg91O:disabled:checked:hover+.Tumbler__view___w66K2{background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__input___Kg91O:disabled:checked:hover+.Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd{background-color:var(--black-50)}.Tumbler__input___Kg91O.Tumbler__inputLoading___y1iJD:hover+.Tumbler__view___w66K2::before{background-color:var(--white);border-color:var(--black-400)}}

package/Tumbler/cjs/style.development.v2.css

@@ -1 +1 @@
-.Tumbler__root___tbqBR{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.Tumbler__view___mdLlw{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}.Tumbler__viewCircle___2fnqc{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}.Tumbler__input___7lx3h{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Tumbler__input___7lx3h:disabled{cursor:default}.Tumbler__input___7lx3h:focus-visible+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Tumbler__input___7lx3h:checked+.Tumbler__view___mdLlw{background-color:var(--violet-50)}.Tumbler__input___7lx3h:checked+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}.Tumbler__input___7lx3h:disabled+.Tumbler__view___mdLlw{background-color:var(--black-200)}.Tumbler__input___7lx3h:disabled+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__inputLoading___KyFmD{pointer-events:none;cursor:default}.Tumbler__spinner___2VatE{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.Tumbler__spinnerEnterActive___CL5Zt,.Tumbler__spinnerEnterDone___-3a-o{opacity:1}.Tumbler__spinnerExitActive___MjHhx,.Tumbler__spinnerExitDone___zzBA4{opacity:0}@media (hover){.Tumbler__input___7lx3h:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{border-color:var(--black-500)}.Tumbler__input___7lx3h:checked:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{border-color:var(--violet-500)}.Tumbler__input___7lx3h:disabled:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{border-color:var(--black-400)}}
+.Tumbler__root___tbqBR{position:relative;display:block;width:38px;height:20px;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.Tumbler__view___mdLlw{box-sizing:border-box;height:24px;border-radius:1em;background:var(--white);border:2px var(--black-600) solid;transition:140ms ease-in-out;transition-property:background-color,border-color;transform:translateY(-2px)}.Tumbler__viewCircle___2fnqc{box-sizing:border-box;position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:100%;transform:scale(.8) translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--black-600);transition:120ms ease-in-out;transition-property:background-color,transform;color:var(--violet-500)}.Tumbler__input___7lx3h{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Tumbler__input___7lx3h:disabled{cursor:default}.Tumbler__input___7lx3h:focus-visible+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Tumbler__input___7lx3h:checked+.Tumbler__view___mdLlw{background-color:var(--violet-500);border-color:var(--violet-500)}.Tumbler__input___7lx3h:checked+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{background-color:var(--white);transform:scale(1) translateX(14px)}.Tumbler__input___7lx3h:disabled+.Tumbler__view___mdLlw{background-color:var(--black-50);border-color:var(--black-400)}.Tumbler__input___7lx3h:disabled+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{background-color:var(--black-400)}.Tumbler__input___7lx3h:disabled:checked+.Tumbler__view___mdLlw{background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__input___7lx3h:disabled:checked+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{background-color:var(--black-50)}.Tumbler__inputLoading___KyFmD{pointer-events:none;cursor:default}.Tumbler__spinner___2VatE{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.Tumbler__spinnerEnterActive___CL5Zt,.Tumbler__spinnerEnterDone___-3a-o{opacity:1}.Tumbler__spinnerExitActive___MjHhx,.Tumbler__spinnerExitDone___zzBA4{opacity:0}@media (hover){.Tumbler__input___7lx3h:hover+.Tumbler__view___mdLlw{border-color:var(--black-700)}.Tumbler__input___7lx3h:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{background-color:var(--black-700)}.Tumbler__input___7lx3h:checked:hover+.Tumbler__view___mdLlw{border-color:var(--violet-700);background-color:var(--violet-700)}.Tumbler__input___7lx3h:checked:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{background-color:var(--white)}.Tumbler__input___7lx3h:disabled:hover+.Tumbler__view___mdLlw{background-color:var(--black-50);border-color:var(--black-400)}.Tumbler__input___7lx3h:disabled:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{background-color:var(--black-400)}.Tumbler__input___7lx3h:disabled:checked:hover+.Tumbler__view___mdLlw{background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__input___7lx3h:disabled:checked:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{background-color:var(--black-50)}.Tumbler__input___7lx3h.Tumbler__inputLoading___KyFmD:hover+.Tumbler__view___mdLlw::before{background-color:var(--white);border-color:var(--black-400)}}

package/Tumbler/cjs/style.production.css

@@ -1 +1 @@
-._17yYC{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.w66K2{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}.xvJqd{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}.Kg91O{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Kg91O:disabled{cursor:default}.Kg91O:focus-visible+.w66K2 .xvJqd{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Kg91O:checked+.w66K2{background-color:var(--violet-50)}.Kg91O:checked+.w66K2 .xvJqd{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}.Kg91O:disabled+.w66K2{background-color:var(--black-200)}.Kg91O:disabled+.w66K2 .xvJqd{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.y1iJD{pointer-events:none;cursor:default}.CNMl7{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.C2P5b,.cgEXP{opacity:1}.k-mzv,.XD0-8{opacity:0}@media (hover){.Kg91O:hover+.w66K2 .xvJqd{border-color:var(--black-500)}.Kg91O:checked:hover+.w66K2 .xvJqd{border-color:var(--violet-500)}.Kg91O:disabled:hover+.w66K2 .xvJqd{border-color:var(--black-400)}}
+._17yYC{position:relative;display:block;width:38px;height:20px;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.w66K2{box-sizing:border-box;height:24px;border-radius:1em;background:var(--white);border:2px var(--black-600) solid;transition:140ms ease-in-out;transition-property:background-color,border-color;transform:translateY(-2px)}.xvJqd{box-sizing:border-box;position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:100%;transform:scale(.8) translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--black-600);transition:120ms ease-in-out;transition-property:background-color,transform;color:var(--violet-500)}.Kg91O{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Kg91O:disabled{cursor:default}.Kg91O:focus-visible+.w66K2 .xvJqd{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Kg91O:checked+.w66K2{background-color:var(--violet-500);border-color:var(--violet-500)}.Kg91O:checked+.w66K2 .xvJqd{background-color:var(--white);transform:scale(1) translateX(14px)}.Kg91O:disabled+.w66K2{background-color:var(--black-50);border-color:var(--black-400)}.Kg91O:disabled+.w66K2 .xvJqd{background-color:var(--black-400)}.Kg91O:disabled:checked+.w66K2{background-color:var(--black-400);border-color:var(--black-400)}.Kg91O:disabled:checked+.w66K2 .xvJqd{background-color:var(--black-50)}.y1iJD{pointer-events:none;cursor:default}.CNMl7{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.C2P5b,.cgEXP{opacity:1}.k-mzv,.XD0-8{opacity:0}@media (hover){.Kg91O:hover+.w66K2{border-color:var(--black-700)}.Kg91O:hover+.w66K2 .xvJqd{background-color:var(--black-700)}.Kg91O:checked:hover+.w66K2{border-color:var(--violet-700);background-color:var(--violet-700)}.Kg91O:checked:hover+.w66K2 .xvJqd{background-color:var(--white)}.Kg91O:disabled:hover+.w66K2{background-color:var(--black-50);border-color:var(--black-400)}.Kg91O:disabled:hover+.w66K2 .xvJqd{background-color:var(--black-400)}.Kg91O:disabled:checked:hover+.w66K2{background-color:var(--black-400);border-color:var(--black-400)}.Kg91O:disabled:checked:hover+.w66K2 .xvJqd{background-color:var(--black-50)}.Kg91O.y1iJD:hover+.w66K2::before{background-color:var(--white);border-color:var(--black-400)}}

package/Tumbler/cjs/style.production.v2.css

@@ -1 +1 @@
-.tbqBR{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.mdLlw{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}._2fnqc{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}._7lx3h{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}._7lx3h:disabled{cursor:default}._7lx3h:focus-visible+.mdLlw ._2fnqc{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}._7lx3h:checked+.mdLlw{background-color:var(--violet-50)}._7lx3h:checked+.mdLlw ._2fnqc{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}._7lx3h:disabled+.mdLlw{background-color:var(--black-200)}._7lx3h:disabled+.mdLlw ._2fnqc{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.KyFmD{pointer-events:none;cursor:default}._2VatE{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.CL5Zt,._-3a-o{opacity:1}.MjHhx,.zzBA4{opacity:0}@media (hover){._7lx3h:hover+.mdLlw ._2fnqc{border-color:var(--black-500)}._7lx3h:checked:hover+.mdLlw ._2fnqc{border-color:var(--violet-500)}._7lx3h:disabled:hover+.mdLlw ._2fnqc{border-color:var(--black-400)}}
+.tbqBR{position:relative;display:block;width:38px;height:20px;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.mdLlw{box-sizing:border-box;height:24px;border-radius:1em;background:var(--white);border:2px var(--black-600) solid;transition:140ms ease-in-out;transition-property:background-color,border-color;transform:translateY(-2px)}._2fnqc{box-sizing:border-box;position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:100%;transform:scale(.8) translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--black-600);transition:120ms ease-in-out;transition-property:background-color,transform;color:var(--violet-500)}._7lx3h{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}._7lx3h:disabled{cursor:default}._7lx3h:focus-visible+.mdLlw ._2fnqc{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}._7lx3h:checked+.mdLlw{background-color:var(--violet-500);border-color:var(--violet-500)}._7lx3h:checked+.mdLlw ._2fnqc{background-color:var(--white);transform:scale(1) translateX(14px)}._7lx3h:disabled+.mdLlw{background-color:var(--black-50);border-color:var(--black-400)}._7lx3h:disabled+.mdLlw ._2fnqc{background-color:var(--black-400)}._7lx3h:disabled:checked+.mdLlw{background-color:var(--black-400);border-color:var(--black-400)}._7lx3h:disabled:checked+.mdLlw ._2fnqc{background-color:var(--black-50)}.KyFmD{pointer-events:none;cursor:default}._2VatE{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.CL5Zt,._-3a-o{opacity:1}.MjHhx,.zzBA4{opacity:0}@media (hover){._7lx3h:hover+.mdLlw{border-color:var(--black-700)}._7lx3h:hover+.mdLlw ._2fnqc{background-color:var(--black-700)}._7lx3h:checked:hover+.mdLlw{border-color:var(--violet-700);background-color:var(--violet-700)}._7lx3h:checked:hover+.mdLlw ._2fnqc{background-color:var(--white)}._7lx3h:disabled:hover+.mdLlw{background-color:var(--black-50);border-color:var(--black-400)}._7lx3h:disabled:hover+.mdLlw ._2fnqc{background-color:var(--black-400)}._7lx3h:disabled:checked:hover+.mdLlw{background-color:var(--black-400);border-color:var(--black-400)}._7lx3h:disabled:checked:hover+.mdLlw ._2fnqc{background-color:var(--black-50)}._7lx3h.KyFmD:hover+.mdLlw::before{background-color:var(--white);border-color:var(--black-400)}}

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Viewport/cjs/index.development.js

@@ -0,0 +1,113 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ErrorCatch = require('@prom-ui/core/ErrorCatch');
+var useInView = require('@prom-ui/core/useInView');
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _excluded = ["isActive", "children", "fallback", "onChange", "rootMargin"],
+  _excluded2 = ["errorCatchName"];
+var ViewportApp = function ViewportApp(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? true : _ref$isActive,
+    children = _ref.children,
+    fallback = _ref.fallback,
+    onChange = _ref.onChange,
+    _ref$rootMargin = _ref.rootMargin,
+    rootMargin = _ref$rootMargin === void 0 ? '40% 0px' : _ref$rootMargin,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useInView = useInView.useInView({
+      triggerOnce: true,
+      skip: !isActive,
+      rootMargin: rootMargin,
+      onChange: onChange
+    }),
+    ref = _useInView.ref,
+    inView = _useInView.inView;
+  if (!isActive || inView) {
+    return children;
+  }
+  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    style: {
+      minHeight: 1
+    },
+    "data-qaid": "viewport",
+    "data-testid": "viewport"
+  }, props, {
+    ref: ref
+  }), fallback);
+};
+var Viewport = function Viewport(_ref2) {
+  var _ref2$errorCatchName = _ref2.errorCatchName,
+    errorCatchName = _ref2$errorCatchName === void 0 ? 'Viewport' : _ref2$errorCatchName,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React__namespace.createElement(ErrorCatch.ErrorCatch, {
+    name: errorCatchName
+  }, /*#__PURE__*/React__namespace.createElement(ViewportApp, props));
+};
+Viewport.displayName = 'Viewport';
+
+exports.Viewport = Viewport;

package/Viewport/cjs/index.development.v2.js

@@ -0,0 +1,113 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ErrorCatch = require('@prom-ui/core/ErrorCatch');
+var useInView = require('@prom-ui/core/useInView');
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _excluded = ["isActive", "children", "fallback", "onChange", "rootMargin"],
+  _excluded2 = ["errorCatchName"];
+var ViewportApp = function ViewportApp(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? true : _ref$isActive,
+    children = _ref.children,
+    fallback = _ref.fallback,
+    onChange = _ref.onChange,
+    _ref$rootMargin = _ref.rootMargin,
+    rootMargin = _ref$rootMargin === void 0 ? '40% 0px' : _ref$rootMargin,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useInView = useInView.useInView({
+      triggerOnce: true,
+      skip: !isActive,
+      rootMargin: rootMargin,
+      onChange: onChange
+    }),
+    ref = _useInView.ref,
+    inView = _useInView.inView;
+  if (!isActive || inView) {
+    return children;
+  }
+  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    style: {
+      minHeight: 1
+    },
+    "data-qaid": "viewport",
+    "data-testid": "viewport"
+  }, props, {
+    ref: ref
+  }), fallback);
+};
+var Viewport = function Viewport(_ref2) {
+  var _ref2$errorCatchName = _ref2.errorCatchName,
+    errorCatchName = _ref2$errorCatchName === void 0 ? 'Viewport' : _ref2$errorCatchName,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React__namespace.createElement(ErrorCatch.ErrorCatch, {
+    name: errorCatchName
+  }, /*#__PURE__*/React__namespace.createElement(ViewportApp, props));
+};
+Viewport.displayName = 'Viewport';
+
+exports.Viewport = Viewport;

package/Viewport/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/ErrorCatch"),t=require("@prom-ui/core/useInView");function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=n(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}function a(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var c=["isActive","children","fallback","onChange","rootMargin"],u=["errorCatchName"],l=function(e){var r=e.isActive,n=void 0===r||r,u=e.children,l=e.fallback,f=e.onChange,p=e.rootMargin,s=void 0===p?"40% 0px":p,v=a(e,c),b=t.useInView({triggerOnce:!0,skip:!n,rootMargin:s,onChange:f}),d=b.ref,O=b.inView;return!n||O?u:i.createElement("div",o({style:{minHeight:1},"data-qaid":"viewport","data-testid":"viewport"},v,{ref:d}),l)},f=function(e){var t=e.errorCatchName,n=void 0===t?"Viewport":t,o=a(e,u);return i.createElement(r.ErrorCatch,{name:n},i.createElement(l,o))};f.displayName="Viewport",exports.Viewport=f;

package/Viewport/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/ErrorCatch"),t=require("@prom-ui/core/useInView");function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=n(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}function a(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var c=["isActive","children","fallback","onChange","rootMargin"],u=["errorCatchName"],l=function(e){var r=e.isActive,n=void 0===r||r,u=e.children,l=e.fallback,f=e.onChange,p=e.rootMargin,s=void 0===p?"40% 0px":p,v=a(e,c),b=t.useInView({triggerOnce:!0,skip:!n,rootMargin:s,onChange:f}),d=b.ref,O=b.inView;return!n||O?u:i.createElement("div",o({style:{minHeight:1},"data-qaid":"viewport","data-testid":"viewport"},v,{ref:d}),l)},f=function(e){var t=e.errorCatchName,n=void 0===t?"Viewport":t,o=a(e,u);return i.createElement(r.ErrorCatch,{name:n},i.createElement(l,o))};f.displayName="Viewport",exports.Viewport=f;

package/Viewport/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type UseInViewOptions } from '@prom-ui/core/useInView';
+export type ViewportProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> & {
+    isActive?: boolean;
+    /** An alternate UI to render in place of the actual UI if it has not finished loading */
+    fallback: React.ReactNode;
+    children?: React.ReactNode;
+    /** Margin around the root. Can have values similar to the CSS margin property, e.g. `10px 20px 30px 40px` (top, right, bottom, left). */
+    rootMargin?: UseInViewOptions['rootMargin'];
+    /** Call this function whenever the in view state changes */
+    onChange?: UseInViewOptions['onChange'];
+    /** Component display name */
+    errorCatchName?: string;
+};
+export declare const Viewport: React.FC<ViewportProps>;

package/Viewport/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.js');
+} else {
+    module.exports = require('./cjs/index.development.js');
+}

package/Viewport/index.v2.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.v2.js');
+} else {
+    module.exports = require('./cjs/index.development.v2.js');
+}

package/Viewport/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@prom-ui/core/Viewport",
+  "version": "1.19.1",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@prom-ui/core",
     "author": "e.marchenko",
-    "version": "1.18.0",
+    "version": "1.19.1",
     "description": "core ui blocks",
     "scripts": {
         "ts-types": "tsc --project tsconfig.build.json --declaration --emitDeclarationOnly",
@@ -35,7 +35,6 @@
     "dependencies": {
         "@evo/emoji": "^0.2.0",
         "@evo/emoji-text": "^0.1.1",
-        "@evo/errcatch": "^1.0.2",
         "@n8tb1t/use-scroll-position": "^2.0.3",
         "@rooks/use-outside-click-ref": "^3.6.0",
         "clsx": "^2.0.0",
@@ -54,6 +53,7 @@
         "intersection-observer": "^0.12.0",
         "qrcode.react": "^3.1.0",
         "react-easy-swipe": "^0.0.22",
+        "react-intersection-observer": "^9.16.0",
         "react-popper-tooltip": "^4.4.2",
         "react-responsive": "^9.0.2",
         "react-transition-group": "^4.4.2",
@@ -71,5 +71,5 @@
             "optional": true
         }
     },
-    "gitHead": "b93fa66f1817998bea2326b3702af27ddad4bea9"
+    "gitHead": "bdbe69b8119061b3455bfc57b8159df9d13a03e0"
 }

package/useBodyTTag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useBodyTTag",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useBrowserLayoutEffect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useBrowserLayoutEffect",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useDebounce/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useDebounce",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useForwardRef/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useForwardRef",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useId/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useId",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useInView/cjs/index.development.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactIntersectionObserver = require('react-intersection-observer');
+require('intersection-observer');
+
+/**
+ * React-реалізація API Intersection Observer, яка визначає, коли елемент входить у видиму область екрану або залишає її.
+ *
+ * Детальніше https://github.com/thebuilder/react-intersection-observer?tab=readme-ov-file#useinview-hook
+ */
+var useInView = reactIntersectionObserver.useInView;
+
+exports.useInView = useInView;

package/useInView/cjs/index.development.v2.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactIntersectionObserver = require('react-intersection-observer');
+require('intersection-observer');
+
+/**
+ * React-реалізація API Intersection Observer, яка визначає, коли елемент входить у видиму область екрану або залишає її.
+ *
+ * Детальніше https://github.com/thebuilder/react-intersection-observer?tab=readme-ov-file#useinview-hook
+ */
+var useInView = reactIntersectionObserver.useInView;
+
+exports.useInView = useInView;

package/useInView/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-intersection-observer");require("intersection-observer");var r=e.useInView;exports.useInView=r;

package/useInView/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-intersection-observer");require("intersection-observer");var r=e.useInView;exports.useInView=r;

package/useInView/index.d.ts

@@ -0,0 +1,9 @@
+import { useInView as useReactInView } from 'react-intersection-observer';
+import 'intersection-observer';
+export type UseInViewOptions = NonNullable<Parameters<typeof useReactInView>[0]>;
+/**
+ * React-реалізація API Intersection Observer, яка визначає, коли елемент входить у видиму область екрану або залишає її.
+ *
+ * Детальніше https://github.com/thebuilder/react-intersection-observer?tab=readme-ov-file#useinview-hook
+ */
+export declare const useInView: typeof useReactInView;

package/useInView/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.js');
+} else {
+    module.exports = require('./cjs/index.development.js');
+}

package/useInView/index.v2.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.v2.js');
+} else {
+    module.exports = require('./cjs/index.development.v2.js');
+}

package/useInView/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@prom-ui/core/useInView",
+  "version": "1.19.1",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "intersection-observer": "^0.12.0",
+    "react-intersection-observer": "^9.16.0"
+  }
+}

package/useIsMounted/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useIsMounted",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useKeyPress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useKeyPress",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useMedia/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useMedia",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useOutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useOutsideClick",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/usePortal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/usePortal",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useScrollPosition/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useScrollPosition",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useSnackBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useSnackBar",
-  "version": "1.18.0",
+  "version": "1.19.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SafeQuery/cjs/style.development.css

@@ -1 +0,0 @@
-.SafeQuery__root___RWb3q+.SafeQuery__root___RWb3q{margin-top:10px}

package/SafeQuery/cjs/style.development.v2.css

@@ -1 +0,0 @@
-.SafeQuery__root___IHinP+.SafeQuery__root___IHinP{margin-top:10px}

package/SafeQuery/cjs/style.production.css

@@ -1 +0,0 @@
-.RWb3q+.RWb3q{margin-top:10px}

package/SafeQuery/cjs/style.production.v2.css

@@ -1 +0,0 @@
-.IHinP+.IHinP{margin-top:10px}

package/SafeQuery/components/Error.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type SafeQueryErrorProps = {
-    componentErrorName: string;
-    onReload: () => void;
-};
-export declare const SafeQueryError: React.FC<SafeQueryErrorProps>;
-export {};