@esportsplus/ui 0.15.8 → 0.15.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/build/components/group/scss/index.scss +1 -1
  2. package/build/components/modal/scss/index.scss +1 -1
  3. package/build/components/scrollbar/scss/index.scss +1 -1
  4. package/package.json +1 -1
  5. package/src/components/group/scss/variables.scss +3 -1
  6. package/src/components/modal/scss/index.scss +1 -0
  7. package/src/components/scrollbar/scss/index.scss +3 -0
package/build/components/group/scss/index.scss CHANGED
@@ -1,2 +1,2 @@
1
- @layer components {.group{--margin-horizontal:var(--size-400);--width:auto}.group.--flex-column .group-item{--width:100%}.group--scroller .group-item{--margin-vertical:0px}.group{margin:0 calc(var(--margin-horizontal)/-2);width:calc(100% + var(--margin-horizontal));flex-wrap:wrap;justify-content:flex-start;display:flex;position:relative}.group--offset-bottom{margin-bottom:calc(var(--margin-vertical)*-1)}.group--offset-top{margin-top:calc(var(--margin-vertical)*-1)}.group--scroller{margin-bottom:calc(var(--scrollbar-width)*-1);padding-bottom:var(--scrollbar-width);flex-flow:row;overflow-y:hidden}.group-item{margin:var(--margin-vertical)calc(var(--margin-horizontal)/2)0;width:var(--width);display:flex;position:relative}.group-item[class*=--width]{width:calc(var(--width) - var(--margin-horizontal))}}
1
+ @layer components {.group{--margin-horizontal:var(--size-400)}.group-item{--width:auto}.group.--flex-column .group-item{--width:100%}.group--scroller .group-item{--margin-vertical:0px}.group{margin:0 calc(var(--margin-horizontal)/-2);width:calc(100% + var(--margin-horizontal));flex-wrap:wrap;justify-content:flex-start;display:flex;position:relative}.group--offset-bottom{margin-bottom:calc(var(--margin-vertical)*-1)}.group--offset-top{margin-top:calc(var(--margin-vertical)*-1)}.group--scroller{margin-bottom:calc(var(--scrollbar-width)*-1);padding-bottom:var(--scrollbar-width);flex-flow:row;overflow-y:hidden}.group-item{margin:var(--margin-vertical)calc(var(--margin-horizontal)/2)0;width:var(--width);display:flex;position:relative}.group-item[class*=--width]{width:calc(var(--width) - var(--margin-horizontal))}}
2
2
  /*$vite$:1*/
package/build/components/modal/scss/index.scss CHANGED
@@ -1,2 +1,2 @@
1
- @layer components {.modal{--margin-horizontal:0px;--margin-vertical:0px;--max-width:480px;--translateY:var(--margin-vertical);transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;transform-origin:50%;width:min(var(--max-width),100% - var(--margin-horizontal)*2);z-index:9}.modal:not(.--active){opacity:0;pointer-events:none;transform:translateY(var(--translateY))}.modal:not(.--active) input[type=password]{display:none}.modal-frame{transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;transform-origin:50%}.modal-frame:not(.--active){display:none}}
1
+ @layer components {.modal{--margin-horizontal:0px;--margin-vertical:0px;--max-width:480px;--translateY:var(--margin-vertical);transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;transform-origin:50%;width:min(var(--max-width),100% - var(--margin-horizontal)*2);z-index:9;margin:auto}.modal:not(.--active){opacity:0;pointer-events:none;transform:translateY(var(--translateY))}.modal:not(.--active) input[type=password]{display:none}.modal-frame{transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;transform-origin:50%}.modal-frame:not(.--active){display:none}}
2
2
  /*$vite$:1*/
package/build/components/scrollbar/scss/index.scss CHANGED
@@ -1,2 +1,2 @@
1
- @layer components {.scrollbar{--background:transparent;--height:0;--translate:translate3d(0,0,0);--width:4px}::-webkit-scrollbar{box-shadow:unset;background:0 0}::-webkit-scrollbar-track{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb:window-inactive{box-shadow:unset;background:0 0}.scrollbar{z-index:9;height:100%}.scrollbar,.scrollbar:before{transition:opacity var(--transition-duration)ease-in-out;width:var(--width);position:absolute;top:0;right:0}.scrollbar:before{background:var(--background);content:"";height:var(--height);transform:var(--translate);transform-origin:top;border-radius:1px 0 0 1px}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}.scrollbar-container{flex-flow:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.scrollbar-container-content{height:100%;margin-right:calc(var(--scrollbar-width)*-1);padding-right:var(--scrollbar-width);scrollbar-gutter:stable;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width));overflow:hidden scroll}.scrollbar-container-content--snap{scroll-snap-type:both mandatory;overscroll-behavior-x:contain;overflow:auto}.scrollbar-container-content--snap>*{scroll-snap-stop:normal;scroll-snap-align:center}}
1
+ @layer components {.scrollbar{--background:transparent;--height:0;--translate:translate3d(0,0,0);--width:4px}::-webkit-scrollbar{box-shadow:unset;background:0 0}::-webkit-scrollbar-track{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb:window-inactive{box-shadow:unset;background:0 0}.scrollbar{z-index:9;height:100%}.scrollbar,.scrollbar:before{transition:opacity var(--transition-duration)ease-in-out;width:var(--width);position:absolute;top:0;right:0}.scrollbar:before{background:var(--background);content:"";height:var(--height);transform:var(--translate);transform-origin:top;border-radius:1px 0 0 1px}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}.scrollbar-container{flex-flow:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.scrollbar-container-content{height:100%;margin-right:calc(var(--scrollbar-width)*-1);padding-right:var(--scrollbar-width);scrollbar-gutter:stable;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width));flex-wrap:wrap;justify-content:flex-start;display:flex;overflow:hidden scroll}.scrollbar-container-content--snap{scroll-snap-type:both mandatory;overscroll-behavior-x:contain;overflow:auto}.scrollbar-container-content--snap>*{scroll-snap-stop:normal;scroll-snap-align:center}}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -47,7 +47,7 @@
47
47
  "private": false,
48
48
  "sideEffects": false,
49
49
  "type": "module",
50
- "version": "0.15.8",
50
+ "version": "0.15.10",
51
51
  "scripts": {
52
52
  "build": "run-s build:vite build:ts",
53
53
  "build:ts": "tsc && tsc-alias",
package/src/components/group/scss/variables.scss CHANGED
@@ -1,7 +1,9 @@
1
1
  .group {
2
2
  --margin-horizontal: var(--size-400);
3
- --width: auto;
4
3
 
4
+ &-item {
5
+ --width: auto;
6
+ }
5
7
 
6
8
  &.--flex-column {
7
9
  .group-item {
package/src/components/modal/scss/index.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  @use './variables.scss';
4
4
 
5
5
  .modal {
6
+ margin: auto;
6
7
  transition:
7
8
  opacity var(--transition-duration) ease-in-out,
8
9
  transform var(--transition-duration) ease-in-out;
package/src/components/scrollbar/scss/index.scss CHANGED
@@ -51,7 +51,10 @@
51
51
  width: 100%;
52
52
 
53
53
  &-content {
54
+ display: flex;
55
+ flex-wrap: wrap;
54
56
  height: 100%;
57
+ justify-content: flex-start;
55
58
  margin-right: calc(var(--scrollbar-width) * -1);
56
59
  overflow-x: hidden;
57
60
  overflow-y: scroll;