@prom-ui/core 2.2.0 → 2.3.0

package/Tumbler/cjs/style.development.css

@@ -1 +1,155 @@
-.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)}}
+.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(0.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);
+        }
+
+@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);
+            }
+    }
+
+.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;
+}

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

@@ -1 +1,155 @@
-.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)}}
+.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(0.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);
+        }
+
+@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);
+            }
+    }
+
+.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;
+}

package/Tumbler/cjs/style.production.css

@@ -1 +1 @@
-._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)}}
+._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)}@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)}}.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}

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

@@ -1 +1 @@
-.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)}}
+.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)}@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)}}.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}

package/Tumbler/package.json

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

package/Viewport/package.json

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

package/evokit/index.d.ts

@@ -1,3 +1,3 @@
-import type { CreateBlock, BlockModsConstraint, BlockPreset, EvokitProp, EvokitMediaSufix, BlockDefaultProps } from './types';
+import type { CreateBlock, BlockModsConstraint, BlockPreset, EvokitProp, EvokitMediaSufix, EvokitWithoutMediaSufix, BlockDefaultProps } from './types';
 export declare const createBlock: <E extends React.ElementType = "div", N extends string = string, P = {}, S extends object = {}>(tagName: E | undefined, blockName: N, blockMods: BlockModsConstraint<P, N>, blockPreset: BlockPreset, blockDefaultProps?: BlockDefaultProps<E, N, P>) => CreateBlock<E, N, P> & S;
-export type { CreateBlock, EvokitProp, EvokitMediaSufix };
+export type { CreateBlock, EvokitProp, EvokitMediaSufix, EvokitWithoutMediaSufix };

package/evokit/package.json

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

package/evokit/types.d.ts

@@ -5,7 +5,6 @@ export type BlockPreset = {
     v?: string;
     css?: Record<string, string>;
 };
-type EvokitMedia = 'small' | 'medium' | 'large' | 'wide' | 'huge';
 type PropsPrefix<P extends string, T> = {
     [Property in keyof T as `${P}-${string & Property}`]?: T[Property];
 };
@@ -16,7 +15,9 @@ type PolymorphicComponentProp<T extends React.ElementType, N extends string, P =
 type PolymorphicComponentPropWithRef<T extends React.ElementType, N extends string, P = {}> = PolymorphicComponentProp<T, N, P> & {
     ref?: React.ComponentPropsWithRef<T>['ref'];
 };
-export type EvokitMediaSufix<T extends string | number> = T | `${T}` | `${T}@${EvokitMedia}`;
+type EvokitMedia = 'small' | 'medium' | 'large' | 'wide' | 'huge';
+export type EvokitMediaSufix<T extends string | number, M extends EvokitMedia> = T | `${T}` | `${T}@${M}`;
+export type EvokitWithoutMediaSufix<T extends string | number> = T | `${T}`;
 export type EvokitProp<T extends string | number> = T | `${T}` | T[] | `${T}`[] | Partial<Record<`${T}`, boolean>>;
 export interface CreateBlock<E extends React.ElementType, N extends string, P = {}> {
     <T extends React.ElementType = E>(props: PolymorphicComponentPropWithRef<T, N, P>): React.ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@prom-ui/core",
     "author": "e.marchenko",
-    "version": "2.2.0",
+    "version": "2.3.0",
     "description": "core ui blocks",
     "scripts": {
         "lint": "eslint ./src",
@@ -64,5 +64,5 @@
         "react": ">=18.0.0",
         "react-dom": ">=18.0.0"
     },
-    "gitHead": "aa301de3a24740eebc906bcf4a2b02b6cf1a1313"
+    "gitHead": "3eb0ac4eb4565dc9cc09a72b5a4115834c273c11"
 }

package/useBrowserLayoutEffect/package.json

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

package/useDebounce/package.json

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

package/useForwardRef/package.json

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

package/useInView/package.json

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

package/useIsMounted/package.json

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

package/useKeyPress/package.json

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

package/useMedia/package.json

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

package/useOutsideClick/package.json

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

package/usePortal/package.json

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

package/useScrollPosition/package.json

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

package/useSnackBar/package.json

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