@snack-uikit/toggles 0.10.4 → 0.10.5-preview-1f246c4a.0

package/dist/components/Switch/styles.module.css

@@ -1,159 +0,0 @@
-.container{
-  display:flex;
-  align-items:center;
-  justify-content:center;
-  box-sizing:border-box;
-}
-.container[data-size=s]{
-  width:var(--size-toggles-s-container-switch-width, 24px);
-  height:var(--size-toggles-s-container, 16px);
-  border-radius:var(--radius-toggles-s-box-switch, 16px);
-}
-.container[data-size=m]{
-  width:var(--size-toggles-m-container-switch-width, 36px);
-  height:var(--size-toggles-m-container, 24px);
-  border-radius:var(--radius-toggles-m-box-switch, 16px);
-}
-.container[data-focusvisible=true]{
-  outline-width:var(--border-state-focus-s-border-width, 2px);
-  outline-style:var(--border-state-focus-s-border-style, solid);
-  outline-color:var(--border-state-focus-s-border-color, );
-}
-.container[data-focusvisible=true][data-size=s]{
-  outline-offset:var(--border-width-state-focus-s, 2px);
-}
-
-.box{
-  position:relative;
-  background-color:var(--sys-neutral-decor-activated, #bec2cf);
-}
-.box[data-size=s]{
-  width:var(--size-toggles-s-box-switch-width, 24px);
-  height:var(--size-toggles-s-box-switch-height, 16px);
-  border-radius:var(--radius-toggles-s-box-switch, 16px);
-}
-.box[data-size=m]{
-  width:var(--size-toggles-m-box-switch-width, 32px);
-  height:var(--size-toggles-m-box-switch-height, 20px);
-  border-radius:var(--radius-toggles-m-box-switch, 16px);
-}
-.box[data-hover=true]{
-  background-color:var(--sys-neutral-accent-hovered, #6d707f);
-}
-.box[data-disabled=true]{
-  background-color:var(--sys-neutral-decor-default, #dde0ea);
-}
-.box[data-checked=true]{
-  background-color:var(--sys-primary-accent-default, #794ed3);
-}
-.box[data-checked=true][data-hover=true]{
-  background-color:var(--sys-primary-accent-hovered, #6851a6);
-}
-.box[data-checked=true][data-disabled=true]{
-  background-color:var(--sys-neutral-decor-default, #dde0ea);
-}
-
-.containerFlag{
-  position:absolute;
-  left:0;
-  display:flex;
-  align-items:center;
-  justify-content:center;
-  transition-timing-function:linear;
-  transition-duration:0.1s;
-  transition-property:left;
-}
-.containerFlag[data-size=s]{
-  width:var(--size-toggles-s-container, 16px);
-  height:var(--size-toggles-s-container, 16px);
-}
-.containerFlag[data-size=s][data-checked=true]{
-  left:calc(100% - var(--size-toggles-s-container, 16px));
-}
-.containerFlag[data-size=m]{
-  width:var(--size-toggles-m-container, 24px);
-  height:var(--size-toggles-m-container, 24px);
-}
-.containerFlag[data-size=m][data-checked=true]{
-  left:calc(100% - var(--size-toggles-m-container, 24px));
-}
-
-.flag{
-  background-color:var(--sys-neutral-background2-level, #ffffff);
-}
-.flag[data-size=s]{
-  border-radius:var(--radius-toggles-s-box-switch, 16px);
-  width:var(--size-toggles-s-flag-switch, 12px);
-  height:var(--size-toggles-s-flag-switch, 12px);
-}
-.flag[data-size=m]{
-  border-radius:var(--radius-toggles-m-box-switch, 16px);
-  width:var(--size-toggles-m-flag-switch, 16px);
-  height:var(--size-toggles-m-flag-switch, 16px);
-}
-.flag[data-focusvisible=true], .flag[data-hover=true]{
-  background-color:var(--sys-neutral-on-accent, #ffffff);
-}
-.flag[data-disabled=true]{
-  background-color:var(--sys-neutral-background2-level, #ffffff);
-}
-
-.flag_icon_off{
-  position:absolute;
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  display:flex;
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-  fill:transparent;
-  transition:opacity 0.1s linear;
-  opacity:1;
-}
-.flag_icon_off[data-hover=true]{
-  color:var(--sys-neutral-accent-hovered, #6d707f);
-}
-.flag_icon_off[data-checked=true]{
-  color:var(--sys-primary-accent-default, #794ed3);
-}
-.flag_icon_off[data-checked=true][data-hover=true]{
-  color:var(--sys-primary-accent-hovered, #6851a6);
-}
-.flag_icon_off[data-disabled=true]{
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}
-.flag_icon_off[data-disabled=true][data-hover=true]{
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}
-.flag_icon_off[data-checked=true]{
-  opacity:0;
-}
-
-.flag_icon_on{
-  position:absolute;
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  display:flex;
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-  fill:transparent;
-  transition:opacity 0.1s linear;
-  opacity:0;
-}
-.flag_icon_on[data-hover=true]{
-  color:var(--sys-neutral-accent-hovered, #6d707f);
-}
-.flag_icon_on[data-checked=true]{
-  color:var(--sys-primary-accent-default, #794ed3);
-}
-.flag_icon_on[data-checked=true][data-hover=true]{
-  color:var(--sys-primary-accent-hovered, #6851a6);
-}
-.flag_icon_on[data-disabled=true]{
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}
-.flag_icon_on[data-disabled=true][data-hover=true]{
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}
-.flag_icon_on[data-checked=true]{
-  opacity:1;
-}

package/dist/components/TogglePrivate/styles.module.css

@@ -1,30 +0,0 @@
-.toggleLayout{
-  cursor:pointer;
-  position:relative;
-  display:inline-flex;
-  flex-direction:row;
-  flex-grow:0;
-  flex-shrink:0;
-  align-items:center;
-}
-.toggleLayout[data-disabled=true]{
-  cursor:not-allowed;
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}
-
-.togglePrivate{
-  cursor:pointer;
-  position:absolute;
-  top:0;
-  right:0;
-  bottom:0;
-  left:0;
-  width:100%;
-  height:100%;
-  margin:0;
-  padding:0;
-  opacity:0;
-}
-.togglePrivate:disabled{
-  cursor:not-allowed;
-}

package/dist/helperComponents/Spinner/styles.module.css

@@ -1,14 +0,0 @@
-.spinner{
-  pointer-events:none;
-  width:var(--dimension-2m, 16px);
-  height:var(--dimension-2m, 16px);
-  animation:spin 1s ease-in-out infinite;
-}
-.spinner > path{
-  stroke:currentColor;
-}
-@keyframes spin{
-  to{
-    transform:rotate(360deg);
-  }
-}