@esportsplus/ui 0.33.3 → 0.33.5

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.
@@ -2,7 +2,7 @@ import { type Attributes } from '@esportsplus/template';
2
2
  import './scss/index.scss';
3
3
  declare const factory: (type: string) => (this: {
4
4
  attributes?: Attributes;
5
- }, attributes?: Attributes & {
5
+ } | any, attributes?: Attributes & {
6
6
  state?: {
7
7
  active: boolean;
8
8
  error: string;
@@ -10,7 +10,7 @@ declare const factory: (type: string) => (this: {
10
10
  }) => Node;
11
11
  declare const _default: (this: {
12
12
  attributes?: Attributes;
13
- }, attributes?: Attributes & {
13
+ } | any, attributes?: Attributes & {
14
14
  state?: {
15
15
  active: boolean;
16
16
  error: string;
@@ -1,2 +1,2 @@
1
- @layer components {.page-subtitle,.page-suptitle{--color:var(--color-default);--color-default:var(--color-text-400);--font-size:var(--font-size-400);--line-height:var(--line-height-400)}.page-title{--color:var(--color-default);--color-default:var(--color-text-500);--line-height:var(--line-height-400)}.page{width:100vw;min-height:100svh;position:relative}.page-subtitle,.page-suptitle,.page-title{color:var(--color);line-height:var(--line-height);z-index:1;width:100%;display:block;position:relative}.page-subtitle,.page-suptitle{font-size:var(--font-size)}.page-suptitle+.page-title,.page-title+.page-subtitle{margin-top:var(--margin-vertical)}.page-title{text-wrap:balance}}
1
+ @layer components {.page{--gap-horizontal:0px;--gap-vertical:0px}.page-subtitle,.page-suptitle{--color:var(--color-default);--color-default:var(--color-text-400);--font-size:var(--font-size-400);--line-height:var(--line-height-400)}.page-title{--color:var(--color-default);--color-default:var(--color-text-500);--line-height:var(--line-height-400)}.page{gap:var(--gap-vertical)0px;flex-flow:column;width:100vw;min-height:100svh;display:flex;position:relative}.page-subtitle,.page-suptitle,.page-title{color:var(--color);line-height:var(--line-height);z-index:1;width:100%;display:block;position:relative}.page-subtitle,.page-suptitle{font-size:var(--font-size)}.page-suptitle+.page-title,.page-title+.page-subtitle{margin-top:var(--margin-vertical)}.page-title{text-wrap:balance}}
2
2
  /*$vite$:1*/
@@ -1,7 +1,7 @@
1
1
  import './scss/index.scss';
2
2
  declare const _default: (this: {
3
3
  attributes?: import("@esportsplus/template").Attributes;
4
- }, attributes?: import("@esportsplus/template").Attributes & {
4
+ } | any, attributes?: import("@esportsplus/template").Attributes & {
5
5
  state?: {
6
6
  active: boolean;
7
7
  error: string;
@@ -2,7 +2,7 @@ import { type Attributes } from '@esportsplus/template';
2
2
  import './scss/index.scss';
3
3
  export default function (this: {
4
4
  attributes?: Attributes;
5
- }, attributes: Attributes & {
5
+ } | any, attributes: Attributes & {
6
6
  state?: {
7
7
  active: boolean;
8
8
  error: string;
@@ -1,7 +1,7 @@
1
1
  import './scss/index.scss';
2
2
  declare const _default: (this: {
3
3
  attributes?: import("@esportsplus/template").Attributes;
4
- }, attributes?: import("@esportsplus/template").Attributes & {
4
+ } | any, attributes?: import("@esportsplus/template").Attributes & {
5
5
  state?: {
6
6
  active: boolean;
7
7
  error: string;
package/package.json CHANGED
@@ -48,7 +48,7 @@
48
48
  "private": false,
49
49
  "sideEffects": false,
50
50
  "type": "module",
51
- "version": "0.33.3",
51
+ "version": "0.33.5",
52
52
  "scripts": {
53
53
  "build": "run-s build:vite build:ts",
54
54
  "build:ts": "tsc && tsc-alias",
@@ -10,7 +10,7 @@ const OMIT = ['checked', 'value'];
10
10
 
11
11
  const factory = (type: string) => {
12
12
  function template(
13
- this: { attributes?: Attributes },
13
+ this: { attributes?: Attributes } | any,
14
14
  attributes?: Attributes & { state?: { active: boolean, error: string } }
15
15
  ) {
16
16
  let state = attributes?.state || reactive({
@@ -1,6 +1,9 @@
1
1
  @use 'variables';
2
2
 
3
3
  .page {
4
+ display: flex;
5
+ flex-flow: column;
6
+ gap: var(--gap-vertical) 0px;
4
7
  min-height: 100svh;
5
8
  position: relative;
6
9
  width: 100vw;
@@ -1,4 +1,7 @@
1
1
  .page {
2
+ --gap-horizontal: 0px;
3
+ --gap-vertical: 0px;
4
+
2
5
  &-subtitle,
3
6
  &-suptitle {
4
7
  --color: var(--color-default);
@@ -5,7 +5,7 @@ import './scss/index.scss';
5
5
 
6
6
 
7
7
  export default function(
8
- this: { attributes?: Attributes },
8
+ this: { attributes?: Attributes } | any,
9
9
  attributes: Attributes & { state?: { active: boolean, error: string, value: number } }
10
10
  ) {
11
11
  let state = attributes.state || reactive({