Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@applique-ui/stepper

Package Overview
Dependencies
Maintainers
1
Versions
46
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@applique-ui/stepper - npm Package Compare versions

Comparing version 0.0.12 to 0.0.14

16

dist/stepper.cjs.js

@@ -34,5 +34,5 @@ 'use strict';

styleInject$3(".u-stepper-stepper{height:100%}.u-stepper-stepper__pane{display:flex;padding:24px}.u-stepper-stepper__pane--horizontal{flex-direction:row}.u-stepper-stepper__pane--vertical{flex-direction:column;align-items:baseline;height:100%}");
styleInject$3(".aui-stepper-stepper{height:100%}.aui-stepper-stepper__pane{display:flex;padding:24px}.aui-stepper-stepper__pane--horizontal{flex-direction:row}.aui-stepper-stepper__pane--vertical{flex-direction:column;align-items:baseline;height:100%}");
const locals$3 = {"stepper":"u-stepper-stepper","stepper__pane":"u-stepper-stepper__pane","stepper__pane--horizontal":"u-stepper-stepper__pane--horizontal","stepper__pane--vertical":"u-stepper-stepper__pane--vertical"};
const locals$3 = {"stepper":"aui-stepper-stepper","stepper__pane":"aui-stepper-stepper__pane","stepper__pane--horizontal":"aui-stepper-stepper__pane--horizontal","stepper__pane--vertical":"aui-stepper-stepper__pane--vertical"};

@@ -59,5 +59,5 @@ function classnames$3() {

styleInject$2(".u-stepper-step{position:relative;flex:1 1 0}.u-stepper-step__indicator{position:relative;z-index:1;flex-grow:0;flex-shrink:0;width:20px;height:20px}.u-stepper-step__indicator:before{background:#fff;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);transform-origin:center center}.u-stepper-step__indicator:after,.u-stepper-step__indicator:before{box-sizing:border-box;display:block;width:100%;height:100%;content:\"\"}.u-stepper-step__indicator:after{position:absolute;top:0;left:0;background:#e6e6e6;border:1px solid #e6e6e6;border-radius:50%;transform:scale(.5);transform-origin:center center}.u-stepper-step__indicator:hover{transform:scale(1.2)}.u-stepper-step__label{position:absolute}.u-stepper-step__label--horizontal{left:10px;padding-top:4px;text-align:center;transform:translateX(-50%)}.u-stepper-step__label--vertical{top:10px;left:100%;min-width:120px;padding-left:12px;transform:translateY(-50%)}.u-stepper-step__icon{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}.u-stepper-step__half-complete{position:absolute;left:20px;width:15%;height:2px;background:#4f46c8}.u-stepper-step__item{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.u-stepper-step__item--horizontal{flex-direction:row}.u-stepper-step__item--vertical{flex-direction:column;height:100%}.u-stepper-step__item--vertical .u-stepper-step__half-complete{top:20px;left:50%;width:2px;height:15%;transform:translateX(-50%)}.u-stepper-step__item--active .u-stepper-step__indicator:after,.u-stepper-step__item--active .u-stepper-step__indicator:before{border-color:#4f46c8}.u-stepper-step__item--active .u-stepper-step__indicator:after{background:#4f46c8}.u-stepper-step__item--completed .u-stepper-step__indicator:after,.u-stepper-step__item--completed .u-stepper-step__indicator:before{background:#4f46c8;border-color:#4f46c8}.u-stepper-step__item--error .u-stepper-step__indicator:after,.u-stepper-step__item--error .u-stepper-step__indicator:before{background:#c84646;border-color:#c84646}.u-stepper-step--vertical:last-child{flex:0}");
styleInject$2(".aui-stepper-step{position:relative;flex:1 1 0}.aui-stepper-step__indicator{position:relative;z-index:1;flex-grow:0;flex-shrink:0;width:20px;height:20px}.aui-stepper-step__indicator:before{box-sizing:border-box;display:block;width:100%;height:100%;content:\"\";background:#fff;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);transform-origin:center center}.aui-stepper-step__indicator:after{position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:100%;height:100%;content:\"\";background:#e6e6e6;border:1px solid #e6e6e6;border-radius:50%;transform:scale(.5);transform-origin:center center}.aui-stepper-step__indicator:hover{transform:scale(1.2)}.aui-stepper-step__label{position:absolute}.aui-stepper-step__label--horizontal{left:10px;padding-top:4px;text-align:center;transform:translateX(-50%)}.aui-stepper-step__label--vertical{top:10px;left:100%;min-width:120px;padding-left:12px;transform:translateY(-50%)}.aui-stepper-step__icon{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}.aui-stepper-step__half-complete{position:absolute;left:20px;width:15%;height:2px;background:#4f46c8}.aui-stepper-step__item{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.aui-stepper-step__item--horizontal{flex-direction:row}.aui-stepper-step__item--vertical{flex-direction:column;height:100%}.aui-stepper-step__item--vertical .aui-stepper-step__half-complete{top:20px;left:50%;width:2px;height:15%;transform:translateX(-50%)}.aui-stepper-step__item--active .aui-stepper-step__indicator:after,.aui-stepper-step__item--active .aui-stepper-step__indicator:before{border-color:#4f46c8}.aui-stepper-step__item--active .aui-stepper-step__indicator:after{background:#4f46c8}.aui-stepper-step__item--completed .aui-stepper-step__indicator:after,.aui-stepper-step__item--completed .aui-stepper-step__indicator:before{background:#4f46c8;border-color:#4f46c8}.aui-stepper-step__item--error .aui-stepper-step__indicator:after,.aui-stepper-step__item--error .aui-stepper-step__indicator:before{background:#c84646;border-color:#c84646}.aui-stepper-step--vertical:last-child{flex:0}");
const locals$2 = {"step":"u-stepper-step","step__indicator":"u-stepper-step__indicator","step__label":"u-stepper-step__label","step__label--horizontal":"u-stepper-step__label--horizontal","step__label--vertical":"u-stepper-step__label--vertical","step__icon":"u-stepper-step__icon","step__half-complete":"u-stepper-step__half-complete","step__item":"u-stepper-step__item","step__item--horizontal":"u-stepper-step__item--horizontal","step__item--vertical":"u-stepper-step__item--vertical","step__item--active":"u-stepper-step__item--active","step__item--completed":"u-stepper-step__item--completed","step__item--error":"u-stepper-step__item--error","step--vertical":"u-stepper-step--vertical"};
const locals$2 = {"step":"aui-stepper-step","step__indicator":"aui-stepper-step__indicator","step__label":"aui-stepper-step__label","step__label--horizontal":"aui-stepper-step__label--horizontal","step__label--vertical":"aui-stepper-step__label--vertical","step__icon":"aui-stepper-step__icon","step__half-complete":"aui-stepper-step__half-complete","step__item":"aui-stepper-step__item","step__item--horizontal":"aui-stepper-step__item--horizontal","step__item--vertical":"aui-stepper-step__item--vertical","step__item--active":"aui-stepper-step__item--active","step__item--completed":"aui-stepper-step__item--completed","step__item--error":"aui-stepper-step__item--error","step--vertical":"aui-stepper-step--vertical"};

@@ -84,5 +84,5 @@ function classnames$2() {

styleInject$1(".u-stepper-step-separator{position:relative;z-index:0;display:flex;justify-content:space-evenly;border:1px solid #e6e6e6}.u-stepper-step-separator--horizontal{width:100%}.u-stepper-step-separator--vertical{flex-direction:column;height:100%}.u-stepper-step-separator--completed{border-color:#4f46c8}.u-stepper-step-separator--has-small-steps{border:none}.u-stepper-step-separator__half-complete{position:absolute;left:0;width:15%;border-color:#4f46c8}");
styleInject$1(".aui-stepper-step-separator{position:relative;z-index:0;display:flex;justify-content:space-evenly;border:1px solid #e6e6e6}.aui-stepper-step-separator--horizontal{width:100%}.aui-stepper-step-separator--vertical{flex-direction:column;height:100%}.aui-stepper-step-separator--completed{border-color:#4f46c8}.aui-stepper-step-separator--has-small-steps{border:none}.aui-stepper-step-separator__half-complete{position:absolute;left:0;width:15%;border-color:#4f46c8}");
const locals$1 = {"step-separator":"u-stepper-step-separator","step-separator--horizontal":"u-stepper-step-separator--horizontal","step-separator--vertical":"u-stepper-step-separator--vertical","step-separator--completed":"u-stepper-step-separator--completed","step-separator--has-small-steps":"u-stepper-step-separator--has-small-steps","step-separator__half-complete":"u-stepper-step-separator__half-complete"};
const locals$1 = {"step-separator":"aui-stepper-step-separator","step-separator--horizontal":"aui-stepper-step-separator--horizontal","step-separator--vertical":"aui-stepper-step-separator--vertical","step-separator--completed":"aui-stepper-step-separator--completed","step-separator--has-small-steps":"aui-stepper-step-separator--has-small-steps","step-separator__half-complete":"aui-stepper-step-separator__half-complete"};

@@ -206,5 +206,5 @@ function classnames$1() {

styleInject(".u-stepper-small-step{display:flex;align-items:center;width:100%;height:100%}.u-stepper-small-step:first-child .u-stepper-small-step__left-separator,.u-stepper-small-step:last-child .u-stepper-small-step__right-separator{flex:1 1 100%}.u-stepper-small-step__tooltip{position:relative;z-index:1;display:block!important}.u-stepper-small-step__tooltip:hover .u-stepper-small-step__indicator{transform:translate(-50%,-50%) scale(.7)}.u-stepper-small-step__tooltip:hover .u-stepper-small-step__label{display:flex}.u-stepper-small-step__left-separator,.u-stepper-small-step__right-separator{flex:1 2 100%}.u-stepper-small-step__indicator{position:absolute;box-sizing:border-box;display:block;width:20px;height:20px;background:#e6e6e6;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);transform:translate(-50%,-50%) scale(.5);transform-origin:center center}.u-stepper-small-step__label{position:absolute;bottom:0;left:-50px;display:none;width:160px;padding:12px;margin-bottom:16px;background:#000}.u-stepper-small-step__label:after{position:absolute;bottom:0;left:50px;content:\"\";border:8px solid transparent;border-top-color:#000;transform:translate(-50%,100%)}.u-stepper-small-step__label--always-open{display:flex}.u-stepper-small-step--vertical{flex-direction:column}.u-stepper-small-step--vertical .u-stepper-small-step__label{bottom:50%;left:10px;display:flex;margin-bottom:0;background:transparent;transform:translateY(50%)}.u-stepper-small-step--vertical .u-stepper-small-step__label:after{content:none}.u-stepper-small-step--completed .u-stepper-small-step__indicator{background:#4f46c8}.u-stepper-small-step--error .u-stepper-small-step__indicator{background:#c84646}");
styleInject(".aui-stepper-small-step{display:flex;align-items:center;width:100%;height:100%}.aui-stepper-small-step:first-child .aui-stepper-small-step__left-separator,.aui-stepper-small-step:last-child .aui-stepper-small-step__right-separator{flex:1 1 100%}.aui-stepper-small-step__tooltip{position:relative;z-index:1;display:block!important}.aui-stepper-small-step__tooltip:hover .aui-stepper-small-step__indicator{transform:translate(-50%,-50%) scale(.7)}.aui-stepper-small-step__tooltip:hover .aui-stepper-small-step__label{display:flex}.aui-stepper-small-step__left-separator,.aui-stepper-small-step__right-separator{flex:1 2 100%}.aui-stepper-small-step__indicator{position:absolute;box-sizing:border-box;display:block;width:20px;height:20px;background:#e6e6e6;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);transform:translate(-50%,-50%) scale(.5);transform-origin:center center}.aui-stepper-small-step__label{position:absolute;bottom:0;left:-50px;display:none;width:160px;padding:12px;margin-bottom:16px;background:#000}.aui-stepper-small-step__label:after{position:absolute;bottom:0;left:50px;content:\"\";border:8px solid transparent;border-top-color:#000;transform:translate(-50%,100%)}.aui-stepper-small-step__label--always-open{display:flex}.aui-stepper-small-step--vertical{flex-direction:column}.aui-stepper-small-step--vertical .aui-stepper-small-step__label{bottom:50%;left:10px;display:flex;margin-bottom:0;background:transparent;transform:translateY(50%)}.aui-stepper-small-step--vertical .aui-stepper-small-step__label:after{content:none}.aui-stepper-small-step--completed .aui-stepper-small-step__indicator{background:#4f46c8}.aui-stepper-small-step--error .aui-stepper-small-step__indicator{background:#c84646}");
const locals = {"small-step":"u-stepper-small-step","small-step__left-separator":"u-stepper-small-step__left-separator","small-step__right-separator":"u-stepper-small-step__right-separator","small-step__tooltip":"u-stepper-small-step__tooltip","small-step__indicator":"u-stepper-small-step__indicator","small-step__label":"u-stepper-small-step__label","small-step__label--always-open":"u-stepper-small-step__label--always-open","small-step--vertical":"u-stepper-small-step--vertical","small-step--completed":"u-stepper-small-step--completed","small-step--error":"u-stepper-small-step--error"};
const locals = {"small-step":"aui-stepper-small-step","small-step__left-separator":"aui-stepper-small-step__left-separator","small-step__right-separator":"aui-stepper-small-step__right-separator","small-step__tooltip":"aui-stepper-small-step__tooltip","small-step__indicator":"aui-stepper-small-step__indicator","small-step__label":"aui-stepper-small-step__label","small-step__label--always-open":"aui-stepper-small-step__label--always-open","small-step--vertical":"aui-stepper-small-step--vertical","small-step--completed":"aui-stepper-small-step--completed","small-step--error":"aui-stepper-small-step--error"};

@@ -211,0 +211,0 @@ function classnames() {

@@ -23,5 +23,5 @@ import React, { PureComponent, Children, isValidElement, cloneElement } from 'react';

styleInject$3(".u-stepper-stepper{height:100%}.u-stepper-stepper__pane{display:flex;padding:24px}.u-stepper-stepper__pane--horizontal{flex-direction:row}.u-stepper-stepper__pane--vertical{flex-direction:column;align-items:baseline;height:100%}");
styleInject$3(".aui-stepper-stepper{height:100%}.aui-stepper-stepper__pane{display:flex;padding:24px}.aui-stepper-stepper__pane--horizontal{flex-direction:row}.aui-stepper-stepper__pane--vertical{flex-direction:column;align-items:baseline;height:100%}");
const locals$3 = {"stepper":"u-stepper-stepper","stepper__pane":"u-stepper-stepper__pane","stepper__pane--horizontal":"u-stepper-stepper__pane--horizontal","stepper__pane--vertical":"u-stepper-stepper__pane--vertical"};
const locals$3 = {"stepper":"aui-stepper-stepper","stepper__pane":"aui-stepper-stepper__pane","stepper__pane--horizontal":"aui-stepper-stepper__pane--horizontal","stepper__pane--vertical":"aui-stepper-stepper__pane--vertical"};

@@ -48,5 +48,5 @@ function classnames$3() {

styleInject$2(".u-stepper-step{position:relative;flex:1 1 0}.u-stepper-step__indicator{position:relative;z-index:1;flex-grow:0;flex-shrink:0;width:20px;height:20px}.u-stepper-step__indicator:before{background:#fff;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);transform-origin:center center}.u-stepper-step__indicator:after,.u-stepper-step__indicator:before{box-sizing:border-box;display:block;width:100%;height:100%;content:\"\"}.u-stepper-step__indicator:after{position:absolute;top:0;left:0;background:#e6e6e6;border:1px solid #e6e6e6;border-radius:50%;transform:scale(.5);transform-origin:center center}.u-stepper-step__indicator:hover{transform:scale(1.2)}.u-stepper-step__label{position:absolute}.u-stepper-step__label--horizontal{left:10px;padding-top:4px;text-align:center;transform:translateX(-50%)}.u-stepper-step__label--vertical{top:10px;left:100%;min-width:120px;padding-left:12px;transform:translateY(-50%)}.u-stepper-step__icon{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}.u-stepper-step__half-complete{position:absolute;left:20px;width:15%;height:2px;background:#4f46c8}.u-stepper-step__item{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.u-stepper-step__item--horizontal{flex-direction:row}.u-stepper-step__item--vertical{flex-direction:column;height:100%}.u-stepper-step__item--vertical .u-stepper-step__half-complete{top:20px;left:50%;width:2px;height:15%;transform:translateX(-50%)}.u-stepper-step__item--active .u-stepper-step__indicator:after,.u-stepper-step__item--active .u-stepper-step__indicator:before{border-color:#4f46c8}.u-stepper-step__item--active .u-stepper-step__indicator:after{background:#4f46c8}.u-stepper-step__item--completed .u-stepper-step__indicator:after,.u-stepper-step__item--completed .u-stepper-step__indicator:before{background:#4f46c8;border-color:#4f46c8}.u-stepper-step__item--error .u-stepper-step__indicator:after,.u-stepper-step__item--error .u-stepper-step__indicator:before{background:#c84646;border-color:#c84646}.u-stepper-step--vertical:last-child{flex:0}");
styleInject$2(".aui-stepper-step{position:relative;flex:1 1 0}.aui-stepper-step__indicator{position:relative;z-index:1;flex-grow:0;flex-shrink:0;width:20px;height:20px}.aui-stepper-step__indicator:before{box-sizing:border-box;display:block;width:100%;height:100%;content:\"\";background:#fff;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);transform-origin:center center}.aui-stepper-step__indicator:after{position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:100%;height:100%;content:\"\";background:#e6e6e6;border:1px solid #e6e6e6;border-radius:50%;transform:scale(.5);transform-origin:center center}.aui-stepper-step__indicator:hover{transform:scale(1.2)}.aui-stepper-step__label{position:absolute}.aui-stepper-step__label--horizontal{left:10px;padding-top:4px;text-align:center;transform:translateX(-50%)}.aui-stepper-step__label--vertical{top:10px;left:100%;min-width:120px;padding-left:12px;transform:translateY(-50%)}.aui-stepper-step__icon{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}.aui-stepper-step__half-complete{position:absolute;left:20px;width:15%;height:2px;background:#4f46c8}.aui-stepper-step__item{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.aui-stepper-step__item--horizontal{flex-direction:row}.aui-stepper-step__item--vertical{flex-direction:column;height:100%}.aui-stepper-step__item--vertical .aui-stepper-step__half-complete{top:20px;left:50%;width:2px;height:15%;transform:translateX(-50%)}.aui-stepper-step__item--active .aui-stepper-step__indicator:after,.aui-stepper-step__item--active .aui-stepper-step__indicator:before{border-color:#4f46c8}.aui-stepper-step__item--active .aui-stepper-step__indicator:after{background:#4f46c8}.aui-stepper-step__item--completed .aui-stepper-step__indicator:after,.aui-stepper-step__item--completed .aui-stepper-step__indicator:before{background:#4f46c8;border-color:#4f46c8}.aui-stepper-step__item--error .aui-stepper-step__indicator:after,.aui-stepper-step__item--error .aui-stepper-step__indicator:before{background:#c84646;border-color:#c84646}.aui-stepper-step--vertical:last-child{flex:0}");
const locals$2 = {"step":"u-stepper-step","step__indicator":"u-stepper-step__indicator","step__label":"u-stepper-step__label","step__label--horizontal":"u-stepper-step__label--horizontal","step__label--vertical":"u-stepper-step__label--vertical","step__icon":"u-stepper-step__icon","step__half-complete":"u-stepper-step__half-complete","step__item":"u-stepper-step__item","step__item--horizontal":"u-stepper-step__item--horizontal","step__item--vertical":"u-stepper-step__item--vertical","step__item--active":"u-stepper-step__item--active","step__item--completed":"u-stepper-step__item--completed","step__item--error":"u-stepper-step__item--error","step--vertical":"u-stepper-step--vertical"};
const locals$2 = {"step":"aui-stepper-step","step__indicator":"aui-stepper-step__indicator","step__label":"aui-stepper-step__label","step__label--horizontal":"aui-stepper-step__label--horizontal","step__label--vertical":"aui-stepper-step__label--vertical","step__icon":"aui-stepper-step__icon","step__half-complete":"aui-stepper-step__half-complete","step__item":"aui-stepper-step__item","step__item--horizontal":"aui-stepper-step__item--horizontal","step__item--vertical":"aui-stepper-step__item--vertical","step__item--active":"aui-stepper-step__item--active","step__item--completed":"aui-stepper-step__item--completed","step__item--error":"aui-stepper-step__item--error","step--vertical":"aui-stepper-step--vertical"};

@@ -73,5 +73,5 @@ function classnames$2() {

styleInject$1(".u-stepper-step-separator{position:relative;z-index:0;display:flex;justify-content:space-evenly;border:1px solid #e6e6e6}.u-stepper-step-separator--horizontal{width:100%}.u-stepper-step-separator--vertical{flex-direction:column;height:100%}.u-stepper-step-separator--completed{border-color:#4f46c8}.u-stepper-step-separator--has-small-steps{border:none}.u-stepper-step-separator__half-complete{position:absolute;left:0;width:15%;border-color:#4f46c8}");
styleInject$1(".aui-stepper-step-separator{position:relative;z-index:0;display:flex;justify-content:space-evenly;border:1px solid #e6e6e6}.aui-stepper-step-separator--horizontal{width:100%}.aui-stepper-step-separator--vertical{flex-direction:column;height:100%}.aui-stepper-step-separator--completed{border-color:#4f46c8}.aui-stepper-step-separator--has-small-steps{border:none}.aui-stepper-step-separator__half-complete{position:absolute;left:0;width:15%;border-color:#4f46c8}");
const locals$1 = {"step-separator":"u-stepper-step-separator","step-separator--horizontal":"u-stepper-step-separator--horizontal","step-separator--vertical":"u-stepper-step-separator--vertical","step-separator--completed":"u-stepper-step-separator--completed","step-separator--has-small-steps":"u-stepper-step-separator--has-small-steps","step-separator__half-complete":"u-stepper-step-separator__half-complete"};
const locals$1 = {"step-separator":"aui-stepper-step-separator","step-separator--horizontal":"aui-stepper-step-separator--horizontal","step-separator--vertical":"aui-stepper-step-separator--vertical","step-separator--completed":"aui-stepper-step-separator--completed","step-separator--has-small-steps":"aui-stepper-step-separator--has-small-steps","step-separator__half-complete":"aui-stepper-step-separator__half-complete"};

@@ -195,5 +195,5 @@ function classnames$1() {

styleInject(".u-stepper-small-step{display:flex;align-items:center;width:100%;height:100%}.u-stepper-small-step:first-child .u-stepper-small-step__left-separator,.u-stepper-small-step:last-child .u-stepper-small-step__right-separator{flex:1 1 100%}.u-stepper-small-step__tooltip{position:relative;z-index:1;display:block!important}.u-stepper-small-step__tooltip:hover .u-stepper-small-step__indicator{transform:translate(-50%,-50%) scale(.7)}.u-stepper-small-step__tooltip:hover .u-stepper-small-step__label{display:flex}.u-stepper-small-step__left-separator,.u-stepper-small-step__right-separator{flex:1 2 100%}.u-stepper-small-step__indicator{position:absolute;box-sizing:border-box;display:block;width:20px;height:20px;background:#e6e6e6;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);transform:translate(-50%,-50%) scale(.5);transform-origin:center center}.u-stepper-small-step__label{position:absolute;bottom:0;left:-50px;display:none;width:160px;padding:12px;margin-bottom:16px;background:#000}.u-stepper-small-step__label:after{position:absolute;bottom:0;left:50px;content:\"\";border:8px solid transparent;border-top-color:#000;transform:translate(-50%,100%)}.u-stepper-small-step__label--always-open{display:flex}.u-stepper-small-step--vertical{flex-direction:column}.u-stepper-small-step--vertical .u-stepper-small-step__label{bottom:50%;left:10px;display:flex;margin-bottom:0;background:transparent;transform:translateY(50%)}.u-stepper-small-step--vertical .u-stepper-small-step__label:after{content:none}.u-stepper-small-step--completed .u-stepper-small-step__indicator{background:#4f46c8}.u-stepper-small-step--error .u-stepper-small-step__indicator{background:#c84646}");
styleInject(".aui-stepper-small-step{display:flex;align-items:center;width:100%;height:100%}.aui-stepper-small-step:first-child .aui-stepper-small-step__left-separator,.aui-stepper-small-step:last-child .aui-stepper-small-step__right-separator{flex:1 1 100%}.aui-stepper-small-step__tooltip{position:relative;z-index:1;display:block!important}.aui-stepper-small-step__tooltip:hover .aui-stepper-small-step__indicator{transform:translate(-50%,-50%) scale(.7)}.aui-stepper-small-step__tooltip:hover .aui-stepper-small-step__label{display:flex}.aui-stepper-small-step__left-separator,.aui-stepper-small-step__right-separator{flex:1 2 100%}.aui-stepper-small-step__indicator{position:absolute;box-sizing:border-box;display:block;width:20px;height:20px;background:#e6e6e6;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);transform:translate(-50%,-50%) scale(.5);transform-origin:center center}.aui-stepper-small-step__label{position:absolute;bottom:0;left:-50px;display:none;width:160px;padding:12px;margin-bottom:16px;background:#000}.aui-stepper-small-step__label:after{position:absolute;bottom:0;left:50px;content:\"\";border:8px solid transparent;border-top-color:#000;transform:translate(-50%,100%)}.aui-stepper-small-step__label--always-open{display:flex}.aui-stepper-small-step--vertical{flex-direction:column}.aui-stepper-small-step--vertical .aui-stepper-small-step__label{bottom:50%;left:10px;display:flex;margin-bottom:0;background:transparent;transform:translateY(50%)}.aui-stepper-small-step--vertical .aui-stepper-small-step__label:after{content:none}.aui-stepper-small-step--completed .aui-stepper-small-step__indicator{background:#4f46c8}.aui-stepper-small-step--error .aui-stepper-small-step__indicator{background:#c84646}");
const locals = {"small-step":"u-stepper-small-step","small-step__left-separator":"u-stepper-small-step__left-separator","small-step__right-separator":"u-stepper-small-step__right-separator","small-step__tooltip":"u-stepper-small-step__tooltip","small-step__indicator":"u-stepper-small-step__indicator","small-step__label":"u-stepper-small-step__label","small-step__label--always-open":"u-stepper-small-step__label--always-open","small-step--vertical":"u-stepper-small-step--vertical","small-step--completed":"u-stepper-small-step--completed","small-step--error":"u-stepper-small-step--error"};
const locals = {"small-step":"aui-stepper-small-step","small-step__left-separator":"aui-stepper-small-step__left-separator","small-step__right-separator":"aui-stepper-small-step__right-separator","small-step__tooltip":"aui-stepper-small-step__tooltip","small-step__indicator":"aui-stepper-small-step__indicator","small-step__label":"aui-stepper-small-step__label","small-step__label--always-open":"aui-stepper-small-step__label--always-open","small-step--vertical":"aui-stepper-small-step--vertical","small-step--completed":"aui-stepper-small-step--completed","small-step--error":"aui-stepper-small-step--error"};

@@ -200,0 +200,0 @@ function classnames() {

{
"name": "@applique-ui/stepper",
"version": "0.0.12",
"version": "0.0.14",
"main": "dist/stepper.cjs.js",

@@ -5,0 +5,0 @@ "module": "dist/stepper.esm.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc