@esportsplus/ui 0.8.4 → 0.9.0

package/utilities/styles.css

@@ -1,16 +0,0 @@
-.--background-state{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default)}.--background-state.--active{--background: var(--background-active)}.--background-state:not(.--active):hover{--background: var(--background-hover)}.--background-state:not(.--active):active{--background: var(--background-pressed)}.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color: var(--border-color-default);--border-style: solid;--border-width: var(--border-width-400)}.--border-dashed{--border-style: dashed}.--border-dotted{--border-style: dotted}.--border-radius{--border-radius: var(--border-radius-400)}.--border-radius-0px{--border-radius: var(--border-radius-0px)}.--border-radius-circle{--border-radius: var(--border-radius-circle)}.--border-radius-curved{--border-radius: var(--border-radius-curved)}.--border-radius-100{--border-radius: var(--border-radius-100)}.--border-radius-200{--border-radius: var(--border-radius-200)}.--border-radius-300{--border-radius: var(--border-radius-300)}.--border-radius-400{--border-radius: var(--border-radius-400)}.--border-radius-500{--border-radius: var(--border-radius-500)}.--border-radius-600{--border-radius: var(--border-radius-600)}.--border-state{--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: transparent;--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default)}.--border-state.--active{--border-color: var(--border-color-active)}.--border-state:not(.--active):hover{--border-color: var(--border-color-hover)}.--border-state:not(.--active):active{--border-color: var(--border-color-pressed)}.--border-width{--border-width: var(--border-width-400)}.--border-width-400{--border-width: var(--border-width-400)}.--border-width-500{--border-width: var(--border-width-500)}.--border-width-600{--border-width: var(--border-width-600)}.--border-width-700{--border-width: var(--border-width-700)}.--color-inherit{--color: inherit}.--color-state{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default)}.--color-state.--active{--color: var(--color-active)}.--color-state:not(.--active):hover{--color: var(--color-hover)}.--color-state:not(.--active):active{--color: var(--color-pressed)}.--background-primary{--background-active: var(--color-primary-300);--background-default: var(--color-primary-400);--background-hover: var(--color-primary-300);--background-pressed: var(--color-primary-500)}.--background-secondary{--background-active: var(--color-secondary-300);--background-default: var(--color-secondary-400);--background-hover: var(--color-secondary-300);--background-pressed: var(--color-secondary-500)}.--background-black{--background-active: var(--color-black-300);--background-default: var(--color-black-400);--background-hover: var(--color-black-300);--background-pressed: var(--color-black-500)}.--background-blue{--background-active: var(--color-blue-300);--background-default: var(--color-blue-400);--background-hover: var(--color-blue-300);--background-pressed: var(--color-blue-500)}.--background-border{--background-active: var(--color-border-300);--background-default: var(--color-border-400);--background-hover: var(--color-border-300);--background-pressed: var(--color-border-500)}.--background-green{--background-active: var(--color-green-300);--background-default: var(--color-green-400);--background-hover: var(--color-green-300);--background-pressed: var(--color-green-500)}.--background-grey{--background-active: var(--color-grey-300);--background-default: var(--color-grey-400);--background-hover: var(--color-grey-300);--background-pressed: var(--color-grey-500)}.--background-purple{--background-active: var(--color-purple-300);--background-default: var(--color-purple-400);--background-hover: var(--color-purple-300);--background-pressed: var(--color-purple-500)}.--background-red{--background-active: var(--color-red-300);--background-default: var(--color-red-400);--background-hover: var(--color-red-300);--background-pressed: var(--color-red-500)}.--background-text{--background-active: var(--color-text-300);--background-default: var(--color-text-400);--background-hover: var(--color-text-300);--background-pressed: var(--color-text-500)}.--background-white{--background-active: var(--color-white-300);--background-default: var(--color-white-400);--background-hover: var(--color-white-300);--background-pressed: var(--color-white-500)}.--background-yellow{--background-active: var(--color-yellow-300);--background-default: var(--color-yellow-400);--background-hover: var(--color-yellow-300);--background-pressed: var(--color-yellow-500)}.--border-primary{--border-color-active: var(--color-primary-300);--border-color-default: var(--color-primary-400);--border-color-hover: var(--color-primary-300);--border-color-pressed: var(--color-primary-500)}.--border-secondary{--border-color-active: var(--color-secondary-300);--border-color-default: var(--color-secondary-400);--border-color-hover: var(--color-secondary-300);--border-color-pressed: var(--color-secondary-500)}.--border-black{--border-color-active: var(--color-black-300);--border-color-default: var(--color-black-400);--border-color-hover: var(--color-black-300);--border-color-pressed: var(--color-black-500)}.--border-blue{--border-color-active: var(--color-blue-300);--border-color-default: var(--color-blue-400);--border-color-hover: var(--color-blue-300);--border-color-pressed: var(--color-blue-500)}.--border-border{--border-color-active: var(--color-border-300);--border-color-default: var(--color-border-400);--border-color-hover: var(--color-border-300);--border-color-pressed: var(--color-border-500)}.--border-green{--border-color-active: var(--color-green-300);--border-color-default: var(--color-green-400);--border-color-hover: var(--color-green-300);--border-color-pressed: var(--color-green-500)}.--border-grey{--border-color-active: var(--color-grey-300);--border-color-default: var(--color-grey-400);--border-color-hover: var(--color-grey-300);--border-color-pressed: var(--color-grey-500)}.--border-purple{--border-color-active: var(--color-purple-300);--border-color-default: var(--color-purple-400);--border-color-hover: var(--color-purple-300);--border-color-pressed: var(--color-purple-500)}.--border-red{--border-color-active: var(--color-red-300);--border-color-default: var(--color-red-400);--border-color-hover: var(--color-red-300);--border-color-pressed: var(--color-red-500)}.--border-text{--border-color-active: var(--color-text-300);--border-color-default: var(--color-text-400);--border-color-hover: var(--color-text-300);--border-color-pressed: var(--color-text-500)}.--border-white{--border-color-active: var(--color-white-300);--border-color-default: var(--color-white-400);--border-color-hover: var(--color-white-300);--border-color-pressed: var(--color-white-500)}.--border-yellow{--border-color-active: var(--color-yellow-300);--border-color-default: var(--color-yellow-400);--border-color-hover: var(--color-yellow-300);--border-color-pressed: var(--color-yellow-500)}.--color-primary{--color-active: var(--color-primary-300);--color-default: var(--color-primary-400);--color-hover: var(--color-primary-300);--color-pressed: var(--color-primary-500)}.--color-secondary{--color-active: var(--color-secondary-300);--color-default: var(--color-secondary-400);--color-hover: var(--color-secondary-300);--color-pressed: var(--color-secondary-500)}.--color-black{--color-active: var(--color-black-300);--color-default: var(--color-black-400);--color-hover: var(--color-black-300);--color-pressed: var(--color-black-500)}.--color-blue{--color-active: var(--color-blue-300);--color-default: var(--color-blue-400);--color-hover: var(--color-blue-300);--color-pressed: var(--color-blue-500)}.--color-border{--color-active: var(--color-border-300);--color-default: var(--color-border-400);--color-hover: var(--color-border-300);--color-pressed: var(--color-border-500)}.--color-green{--color-active: var(--color-green-300);--color-default: var(--color-green-400);--color-hover: var(--color-green-300);--color-pressed: var(--color-green-500)}.--color-grey{--color-active: var(--color-grey-300);--color-default: var(--color-grey-400);--color-hover: var(--color-grey-300);--color-pressed: var(--color-grey-500)}.--color-purple{--color-active: var(--color-purple-300);--color-default: var(--color-purple-400);--color-hover: var(--color-purple-300);--color-pressed: var(--color-purple-500)}.--color-red{--color-active: var(--color-red-300);--color-default: var(--color-red-400);--color-hover: var(--color-red-300);--color-pressed: var(--color-red-500)}.--color-text{--color-active: var(--color-text-300);--color-default: var(--color-text-400);--color-hover: var(--color-text-300);--color-pressed: var(--color-text-500)}.--color-white{--color-active: var(--color-white-300);--color-default: var(--color-white-400);--color-hover: var(--color-white-300);--color-pressed: var(--color-white-500)}.--color-yellow{--color-active: var(--color-yellow-300);--color-default: var(--color-yellow-400);--color-hover: var(--color-yellow-300);--color-pressed: var(--color-yellow-500)}
-.--absolute-horizontal-bottom,.--absolute-vertical-bottom{bottom:0}.--absolute-horizontal-top,.--absolute-vertical-top{top:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;transform:translateX(50%)}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;transform:translateY(50%)}.--absolute-bottom{position:absolute;inset:auto 0 0 0}.--absolute-center{position:absolute;bottom:50%;right:50%;transform:translate(50%, 50%)}.--absolute-full{position:absolute;inset:0 0 0 0}.--absolute-left{position:absolute;inset:0 auto 0 0}.--absolute-right{position:absolute;inset:0 0 0 auto}.--absolute-top{position:absolute;inset:0 0 auto 0}
-.--border{border:var(--border-width) var(--border-style) var(--border-color)}.--border-bottom{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.--border-left{border-left:var(--border-width) var(--border-style) var(--border-color)}.--border-right{border-right:var(--border-width) var(--border-style) var(--border-color)}.--border-top{border-top:var(--border-width) var(--border-style) var(--border-color)}.--border-offset-bottom{margin-bottom:calc(var(--border-width)*-1)}.--border-offset-left{margin-left:calc(var(--border-width)*-1)}.--border-offset-right{margin-right:calc(var(--border-width)*-1)}.--border-offset-top{margin-top:calc(var(--border-width)*-1)}.--border-radius{border-radius:var(--border-radius)}
-.--disabled{opacity:.64;pointer-events:none}
-.--flex-center{align-content:center;display:flex;flex-wrap:wrap;justify-content:center}.--flex-column{display:flex;flex-flow:column}.--flex-end{display:flex;flex-wrap:wrap;justify-content:flex-end}.--flex-fill{display:flex;flex:1;min-width:0}.--flex-fixed{display:flex;flex:0 0 var(--width)}.--flex-horizontal{display:flex;flex-wrap:wrap;justify-content:center}.--flex-horizontal-space-between{display:flex;flex-wrap:wrap;justify-content:space-between}.--flex-row{display:flex;flex-flow:row}.--flex-start{display:flex;flex-wrap:wrap;justify-content:flex-start}.--flex-vertical{align-items:center;display:flex;flex-wrap:wrap}.--flex-vertical-space-between{align-items:space-between;display:flex;flex-wrap:wrap}
-.--glass{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}
-.--hidden{display:none}.--hidden-active.--active{display:none}.--hidden-inactive:not(.--active){display:none}.--hidden-offcanvas{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0px;opacity:0;pointer-events:none;width:0px;z-index:-1}
-.--inline{display:inline;font-size:inherit;line-height:inherit;margin:0;padding:0}
-.--not-allowed{cursor:not-allowed}.--not-allowed *{pointer-events:none}
-.--overflow-hidden{overflow:hidden}
-.--pointer-none{pointer-events:none}
-.--squircle{aspect-ratio:1;clip-path:polygon(100% 50%, 99.95% 62.53%, 99.8% 67.7%, 99.56% 71.64%, 99.21% 74.93%, 98.76% 77.79%, 98.21% 80.34%, 97.56% 82.63%, 96.81% 84.7%, 95.94% 86.6%, 94.97% 88.33%, 93.89% 89.92%, 92.69% 91.37%, 91.37% 92.69%, 89.92% 93.89%, 88.33% 94.97%, 86.6% 95.94%, 84.7% 96.81%, 82.63% 97.56%, 80.34% 98.21%, 77.79% 98.76%, 74.93% 99.21%, 71.64% 99.56%, 67.7% 99.8%, 62.53% 99.95%, 50% 100%, 37.47% 99.95%, 32.3% 99.8%, 28.36% 99.56%, 25.07% 99.21%, 22.21% 98.76%, 19.66% 98.21%, 17.37% 97.56%, 15.3% 96.81%, 13.4% 95.94%, 11.67% 94.97%, 10.08% 93.89%, 8.63% 92.69%, 7.31% 91.37%, 6.11% 89.92%, 5.03% 88.33%, 4.06% 86.6%, 3.19% 84.7%, 2.44% 82.63%, 1.79% 80.34%, 1.24% 77.79%, 0.79% 74.93%, 0.44% 71.64%, 0.2% 67.7%, 0.05% 62.53%, 0% 50%, 0.05% 37.47%, 0.2% 32.3%, 0.44% 28.36%, 0.79% 25.07%, 1.24% 22.21%, 1.79% 19.66%, 2.44% 17.37%, 3.19% 15.3%, 4.06% 13.4%, 5.03% 11.67%, 6.11% 10.08%, 7.31% 8.63%, 8.63% 7.31%, 10.08% 6.11%, 11.67% 5.03%, 13.4% 4.06%, 15.3% 3.19%, 17.37% 2.44%, 19.66% 1.79%, 22.21% 1.24%, 25.07% 0.79%, 28.36% 0.44%, 32.3% 0.2%, 37.47% 0.05%, 50% 0%, 62.53% 0.05%, 67.7% 0.2%, 71.64% 0.44%, 74.93% 0.79%, 77.79% 1.24%, 80.34% 1.79%, 82.63% 2.44%, 84.7% 3.19%, 86.6% 4.06%, 88.33% 5.03%, 89.92% 6.11%, 91.37% 7.31%, 92.69% 8.63%, 93.89% 10.08%, 94.97% 11.67%, 95.94% 13.4%, 96.81% 15.3%, 97.56% 17.37%, 98.21% 19.66%, 98.76% 22.21%, 99.21% 25.07%, 99.56% 28.36%, 99.8% 32.3%, 99.95% 37.47%, 100% 50%);width:var(--width, var(--size-800))}
-.--text-bold{font-weight:var(--font-weight-500)}.--text-bold-600{font-weight:var(--font-weight-600)}.--text-center{text-align:center}.--text-crop::after,.--text-crop::before,.--text-crop-bottom::after,.--text-crop-top::before{content:"";display:block;height:0;width:100%}.--text-crop::after,.--text-crop-bottom::after{margin-bottom:calc((1 - var(--line-height))*.618em)}.--text-crop::before,.--text-crop-top::before{margin-top:calc((1 - var(--line-height))*.618em)}.--text-italic{font-style:italic}.--text-line-through{text-decoration:line-through;text-decoration-thickness:var(--line-width)}.--text-multiplier{font-size:calc(var(--font-size)*var(--text-multiplier))}.--text-outline{color:var(--color);word-break:break-word;word-wrap:break-word}@supports(-webkit-text-stroke-width: 1px){.--text-outline{color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke-color:var(--color);-webkit-text-stroke-width:var(--stroke-width)}}.--text-truncate{line-height:var(--size);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--text-underline{text-decoration:underline}.--text-underline-dotted{text-decoration:underline;text-decoration-style:dotted}.--text-uppercase{text-transform:uppercase}
-.--viewport{overflow:hidden;height:calc(100svh - var(--margin-vertical, 0px)*2);width:calc(100vw - var(--margin-horizontal, 0px)*2)}
-.--width{width:var(--width)}
-.--margin,.--margin-horizontal{margin-left:var(--margin-horizontal);margin-right:var(--margin-horizontal)}.--margin,.--margin-vertical{margin-bottom:var(--margin-vertical);margin-top:var(--margin-vertical)}.--margin-bottom{margin-bottom:var(--margin-vertical)}.--margin-top{margin-top:var(--margin-vertical)}.--margin-left{margin-left:var(--margin-horizontal)}.--margin-right{margin-right:var(--margin-horizontal)}.--padding,.--padding-horizontal{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.--padding.--border,.--padding-horizontal.--border{padding-left:calc(var(--padding-horizontal) - var(--border-width));padding-right:calc(var(--padding-horizontal) - var(--border-width))}.--padding,.--padding-vertical{padding-bottom:var(--padding-vertical);padding-top:var(--padding-vertical)}.--padding.--border,.--padding-vertical.--border{padding-bottom:calc(var(--padding-vertical) - var(--border-width));padding-top:calc(var(--padding-vertical) - var(--border-width))}.--padding-bottom{padding-bottom:var(--padding-vertical)}.--padding-top{padding-top:var(--padding-vertical)}.--padding-left{padding-left:var(--padding-horizontal)}.--padding-right{padding-right:var(--padding-horizontal)}

package/utilities/variables.css

@@ -1,9 +0,0 @@
-.--background-state{--background: var(--background-default);--background-active: var(--background-default);--background-default: transparent;--background-hover: var(--background-default);--background-pressed: var(--background-default)}.--background-state.--active{--background: var(--background-active)}.--background-state:not(.--active):hover{--background: var(--background-hover)}.--background-state:not(.--active):active{--background: var(--background-pressed)}
-.--border,.--border-bottom,.--border-left,.--border-right,.--border-top{--border-color: var(--border-color-default);--border-style: solid;--border-width: var(--border-width-400)}.--border-dashed{--border-style: dashed}.--border-dotted{--border-style: dotted}.--border-radius{--border-radius: var(--border-radius-400)}.--border-radius-0px{--border-radius: var(--border-radius-0px)}.--border-radius-circle{--border-radius: var(--border-radius-circle)}.--border-radius-curved{--border-radius: var(--border-radius-curved)}.--border-radius-100{--border-radius: var(--border-radius-100)}.--border-radius-200{--border-radius: var(--border-radius-200)}.--border-radius-300{--border-radius: var(--border-radius-300)}.--border-radius-400{--border-radius: var(--border-radius-400)}.--border-radius-500{--border-radius: var(--border-radius-500)}.--border-radius-600{--border-radius: var(--border-radius-600)}.--border-state{--border-color: var(--border-color-default);--border-color-active: var(--border-color-default);--border-color-default: transparent;--border-color-hover: var(--border-color-default);--border-color-pressed: var(--border-color-default)}.--border-state.--active{--border-color: var(--border-color-active)}.--border-state:not(.--active):hover{--border-color: var(--border-color-hover)}.--border-state:not(.--active):active{--border-color: var(--border-color-pressed)}.--border-width{--border-width: var(--border-width-400)}.--border-width-400{--border-width: var(--border-width-400)}.--border-width-500{--border-width: var(--border-width-500)}.--border-width-600{--border-width: var(--border-width-600)}.--border-width-700{--border-width: var(--border-width-700)}
-.--color-inherit{--color: inherit}.--color-state{--color: var(--color-default);--color-active: var(--color-default);--color-default: var(--color-text-400);--color-hover: var(--color-default);--color-pressed: var(--color-default)}.--color-state.--active{--color: var(--color-active)}.--color-state:not(.--active):hover{--color: var(--color-hover)}.--color-state:not(.--active):active{--color: var(--color-pressed)}
-.--glass{--blur: 24px}
-.--line-height-100{--line-height: var(--line-height-100)}.--line-height-200{--line-height: var(--line-height-200)}.--line-height-300{--line-height: var(--line-height-300)}.--line-height-400{--line-height: var(--line-height-400)}
-.--size{--size: var(--size-400)}.--size-0px{--size: var(--size-0px)}.--size-100{--size: var(--size-100)}.--size-200{--size: var(--size-200)}.--size-300{--size: var(--size-300)}.--size-400{--size: var(--size-400)}.--size-500{--size: var(--size-500)}.--size-600{--size: var(--size-600)}.--size-700{--size: var(--size-700)}.--size-800{--size: var(--size-800)}.--size-900{--size: var(--size-900)}
-.--text-100{--font-size: var(--font-size-100)}.--text-200{--font-size: var(--font-size-200)}.--text-300{--font-size: var(--font-size-300)}.--text-400{--font-size: var(--font-size-400)}.--text-500{--font-size: var(--font-size-500)}.--text-600{--font-size: var(--font-size-600)}.--text-700{--font-size: var(--font-size-700)}.--text-800{--font-size: var(--font-size-800)}.--text-900{--font-size: var(--font-size-900)}.--text-line-through{--line-width: var(--border-width-400)}.--text-line-through-400{--line-width: var(--border-width-400)}.--text-line-through-500{--line-width: var(--border-width-500)}.--text-line-through-600{--line-width: var(--border-width-600)}.--text-line-through-700{--line-width: var(--border-width-700)}.--text-outline{--color: inherit;--stroke-width: var(--border-width-400)}.--text-outline-400{--stroke-width: var(--border-width-400)}.--text-outline-500{--stroke-width: var(--border-width-500)}.--text-outline-600{--stroke-width: var(--border-width-600)}.--text-outline-700{--stroke-width: var(--border-width-700)}
-.--width-full{--width: 100%}.--width-half{--width: 50%}
-.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal: var(--border-width-400)}.--margin-border-width-400,.--margin-horizontal-border-width-400{--margin-horizontal: var(--border-width-400)}.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal: var(--border-width-400)}.--margin-border-width-500,.--margin-horizontal-border-width-500{--margin-horizontal: var(--border-width-500)}.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal: var(--border-width-400)}.--margin-border-width-600,.--margin-horizontal-border-width-600{--margin-horizontal: var(--border-width-600)}.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal: var(--border-width-400)}.--margin-border-width-700,.--margin-horizontal-border-width-700{--margin-horizontal: var(--border-width-700)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal: var(--spacer-400)}.--margin-spacer-200,.--margin-horizontal-spacer-200{--margin-horizontal: var(--spacer-200)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal: var(--spacer-400)}.--margin-spacer-300,.--margin-horizontal-spacer-300{--margin-horizontal: var(--spacer-300)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal: var(--spacer-400)}.--margin-spacer-400,.--margin-horizontal-spacer-400{--margin-horizontal: var(--spacer-400)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal: var(--spacer-400)}.--margin-spacer-500,.--margin-horizontal-spacer-500{--margin-horizontal: var(--spacer-500)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal: var(--spacer-400)}.--margin-spacer-600,.--margin-horizontal-spacer-600{--margin-horizontal: var(--spacer-600)}.--margin-0px,.--margin-horizontal-0px{--margin-horizontal: var(--size-0px)}.--margin-100,.--margin-horizontal-100{--margin-horizontal: var(--size-100)}.--margin-200,.--margin-horizontal-200{--margin-horizontal: var(--size-200)}.--margin-300,.--margin-horizontal-300{--margin-horizontal: var(--size-300)}.--margin-400,.--margin-horizontal-400{--margin-horizontal: var(--size-400)}.--margin-500,.--margin-horizontal-500{--margin-horizontal: var(--size-500)}.--margin-600,.--margin-horizontal-600{--margin-horizontal: var(--size-600)}.--margin-700,.--margin-horizontal-700{--margin-horizontal: var(--size-700)}.--margin-800,.--margin-horizontal-800{--margin-horizontal: var(--size-800)}.--margin-900,.--margin-horizontal-900{--margin-horizontal: var(--size-900)}.--margin-inherit,.--margin-horizontal-inherit{--margin-horizontal: inherit}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical: var(--border-width-400)}.--margin-border-width-400,.--margin-vertical-border-width-400{--margin-vertical: var(--border-width-400)}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical: var(--border-width-400)}.--margin-border-width-500,.--margin-vertical-border-width-500{--margin-vertical: var(--border-width-500)}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical: var(--border-width-400)}.--margin-border-width-600,.--margin-vertical-border-width-600{--margin-vertical: var(--border-width-600)}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical: var(--border-width-400)}.--margin-border-width-700,.--margin-vertical-border-width-700{--margin-vertical: var(--border-width-700)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical: var(--spacer-400)}.--margin-spacer-200,.--margin-vertical-spacer-200{--margin-vertical: var(--spacer-200)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical: var(--spacer-400)}.--margin-spacer-300,.--margin-vertical-spacer-300{--margin-vertical: var(--spacer-300)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical: var(--spacer-400)}.--margin-spacer-400,.--margin-vertical-spacer-400{--margin-vertical: var(--spacer-400)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical: var(--spacer-400)}.--margin-spacer-500,.--margin-vertical-spacer-500{--margin-vertical: var(--spacer-500)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical: var(--spacer-400)}.--margin-spacer-600,.--margin-vertical-spacer-600{--margin-vertical: var(--spacer-600)}.--margin-0px,.--margin-vertical-0px{--margin-vertical: var(--size-0px)}.--margin-100,.--margin-vertical-100{--margin-vertical: var(--size-100)}.--margin-200,.--margin-vertical-200{--margin-vertical: var(--size-200)}.--margin-300,.--margin-vertical-300{--margin-vertical: var(--size-300)}.--margin-400,.--margin-vertical-400{--margin-vertical: var(--size-400)}.--margin-500,.--margin-vertical-500{--margin-vertical: var(--size-500)}.--margin-600,.--margin-vertical-600{--margin-vertical: var(--size-600)}.--margin-700,.--margin-vertical-700{--margin-vertical: var(--size-700)}.--margin-800,.--margin-vertical-800{--margin-vertical: var(--size-800)}.--margin-900,.--margin-vertical-900{--margin-vertical: var(--size-900)}.--margin-inherit,.--margin-vertical-inherit{--margin-vertical: inherit}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal: var(--border-width-400)}.--padding-border-width-400,.--padding-horizontal-border-width-400{--padding-horizontal: var(--border-width-400)}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal: var(--border-width-400)}.--padding-border-width-500,.--padding-horizontal-border-width-500{--padding-horizontal: var(--border-width-500)}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal: var(--border-width-400)}.--padding-border-width-600,.--padding-horizontal-border-width-600{--padding-horizontal: var(--border-width-600)}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal: var(--border-width-400)}.--padding-border-width-700,.--padding-horizontal-border-width-700{--padding-horizontal: var(--border-width-700)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal: var(--spacer-400)}.--padding-spacer-200,.--padding-horizontal-spacer-200{--padding-horizontal: var(--spacer-200)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal: var(--spacer-400)}.--padding-spacer-300,.--padding-horizontal-spacer-300{--padding-horizontal: var(--spacer-300)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal: var(--spacer-400)}.--padding-spacer-400,.--padding-horizontal-spacer-400{--padding-horizontal: var(--spacer-400)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal: var(--spacer-400)}.--padding-spacer-500,.--padding-horizontal-spacer-500{--padding-horizontal: var(--spacer-500)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal: var(--spacer-400)}.--padding-spacer-600,.--padding-horizontal-spacer-600{--padding-horizontal: var(--spacer-600)}.--padding-0px,.--padding-horizontal-0px{--padding-horizontal: var(--size-0px)}.--padding-100,.--padding-horizontal-100{--padding-horizontal: var(--size-100)}.--padding-200,.--padding-horizontal-200{--padding-horizontal: var(--size-200)}.--padding-300,.--padding-horizontal-300{--padding-horizontal: var(--size-300)}.--padding-400,.--padding-horizontal-400{--padding-horizontal: var(--size-400)}.--padding-500,.--padding-horizontal-500{--padding-horizontal: var(--size-500)}.--padding-600,.--padding-horizontal-600{--padding-horizontal: var(--size-600)}.--padding-700,.--padding-horizontal-700{--padding-horizontal: var(--size-700)}.--padding-800,.--padding-horizontal-800{--padding-horizontal: var(--size-800)}.--padding-900,.--padding-horizontal-900{--padding-horizontal: var(--size-900)}.--padding-inherit,.--padding-horizontal-inherit{--padding-horizontal: inherit}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical: var(--border-width-400)}.--padding-border-width-400,.--padding-vertical-border-width-400{--padding-vertical: var(--border-width-400)}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical: var(--border-width-400)}.--padding-border-width-500,.--padding-vertical-border-width-500{--padding-vertical: var(--border-width-500)}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical: var(--border-width-400)}.--padding-border-width-600,.--padding-vertical-border-width-600{--padding-vertical: var(--border-width-600)}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical: var(--border-width-400)}.--padding-border-width-700,.--padding-vertical-border-width-700{--padding-vertical: var(--border-width-700)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical: var(--spacer-400)}.--padding-spacer-200,.--padding-vertical-spacer-200{--padding-vertical: var(--spacer-200)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical: var(--spacer-400)}.--padding-spacer-300,.--padding-vertical-spacer-300{--padding-vertical: var(--spacer-300)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical: var(--spacer-400)}.--padding-spacer-400,.--padding-vertical-spacer-400{--padding-vertical: var(--spacer-400)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical: var(--spacer-400)}.--padding-spacer-500,.--padding-vertical-spacer-500{--padding-vertical: var(--spacer-500)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical: var(--spacer-400)}.--padding-spacer-600,.--padding-vertical-spacer-600{--padding-vertical: var(--spacer-600)}.--padding-0px,.--padding-vertical-0px{--padding-vertical: var(--size-0px)}.--padding-100,.--padding-vertical-100{--padding-vertical: var(--size-100)}.--padding-200,.--padding-vertical-200{--padding-vertical: var(--size-200)}.--padding-300,.--padding-vertical-300{--padding-vertical: var(--size-300)}.--padding-400,.--padding-vertical-400{--padding-vertical: var(--size-400)}.--padding-500,.--padding-vertical-500{--padding-vertical: var(--size-500)}.--padding-600,.--padding-vertical-600{--padding-vertical: var(--size-600)}.--padding-700,.--padding-vertical-700{--padding-vertical: var(--size-700)}.--padding-800,.--padding-vertical-800{--padding-vertical: var(--size-800)}.--padding-900,.--padding-vertical-900{--padding-vertical: var(--size-900)}.--padding-inherit,.--padding-vertical-inherit{--padding-vertical: inherit}.--margin-auto,.--margin-horizontal-auto{--margin-horizontal: auto}.--margin-auto,.--margin-vertical-auto{--margin-vertical: auto}

package/webpack.config.ts

@@ -1,26 +0,0 @@
-import { config, entry } from '@esportsplus/webpack';
-
-
-export default config.css({
-    contenthash: false,
-    entry: {
-        components: {
-            styles: entry.css('./src/components/**/index.scss'),
-            variables: entry.css('./src/components/**/variables.scss')
-        },
-        fonts: {
-            montserrat: entry.css('./storage/fonts/montserrat/index.css')
-        },
-        normalize: entry.css('modern-normalize/modern-normalize.css'),
-        utilities: {
-            styles: entry.css('./src/css-utilities/**/index.scss'),
-            variables: entry.css('./src/css-utilities/**/variables.scss')
-        }
-    },
-    mode: 'production',
-    // Temporary output until css root directory can be set through
-    // package.json or similar ( like 'main' key )
-    output: {
-        path: '.'
-    }
-});