@esportsplus/ui 0.44.1 → 0.44.3
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.
- package/build/components/tooltip/scss/index.scss +1 -1
- package/build/themes/dark/button/scss/index.scss +2 -0
- package/layer.scss +1 -1
- package/package.json +8 -4
- package/src/components/tooltip/scss/variables.scss +1 -1
- package/vite.config.ts +3 -3
- package/build/theme/dark/button/scss/index.scss +0 -2
- /package/build/{theme → themes}/dark/alert.d.ts +0 -0
- /package/build/{theme → themes}/dark/alert.js +0 -0
- /package/build/{theme → themes}/dark/back.d.ts +0 -0
- /package/build/{theme → themes}/dark/back.js +0 -0
- /package/build/{theme → themes}/dark/button/index.d.ts +0 -0
- /package/build/{theme → themes}/dark/button/index.js +0 -0
- /package/build/{theme → themes}/dark/index.d.ts +0 -0
- /package/build/{theme → themes}/dark/index.js +0 -0
- /package/build/{theme → themes}/dark/input.d.ts +0 -0
- /package/build/{theme → themes}/dark/input.js +0 -0
- /package/build/{theme → themes}/dark/select.d.ts +0 -0
- /package/build/{theme → themes}/dark/select.js +0 -0
- /package/build/{theme → themes}/dark/textarea.d.ts +0 -0
- /package/build/{theme → themes}/dark/textarea.js +0 -0
- /package/src/{theme → themes}/dark/alert.ts +0 -0
- /package/src/{theme → themes}/dark/back.ts +0 -0
- /package/src/{theme → themes}/dark/button/index.ts +0 -0
- /package/src/{theme → themes}/dark/button/scss/index.scss +0 -0
- /package/src/{theme → themes}/dark/index.ts +0 -0
- /package/src/{theme → themes}/dark/input.ts +0 -0
- /package/src/{theme → themes}/dark/select.ts +0 -0
- /package/src/{theme → themes}/dark/textarea.ts +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components {.tooltip-content,.tooltip-message{--background:var(--background-default);--background-default:transparent;--border-radius:var(--border-radius-
|
|
1
|
+
@layer components {.tooltip-content,.tooltip-message{--background:var(--background-default);--background-default:transparent;--border-radius:var(--border-radius-400);--box-shadow:var(--box-shadow-400);--max-width:calc(90vw - (var(--size-700)*2));--min-width:auto;--spacer:var(--size-300);--width:auto}.tooltip-arrow{--rotate-from:0deg;--rotate-to:90deg}.tooltip-message{--background-default:var(--color-black-400);--color:var(--color-white-400);--font-size:var(--font-size-300);--font-weight:var(--font-weight-400);--padding-horizontal:var(--size-300);--padding-vertical:var(--size-300)}.tooltip{cursor:pointer;z-index:0;position:relative}.tooltip.--active.tooltip--box:before{content:"";height:calc(100% + var(--spacer)*3);width:calc(100% + var(--spacer)*3);z-index:-1;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.tooltip.--active :not(.tooltip) .tooltip-arrow,.tooltip.--active>.tooltip-arrow{transform:rotate(var(--rotate-to))}.tooltip.--active,.tooltip:not(.--active):hover{z-index:9}.tooltip-arrow{transform:rotate(var(--rotate-from));margin:0 -1px}.tooltip-content,.tooltip-message{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:var(--max-width);min-width:var(--min-width);opacity:0;transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:var(--width);z-index:9;overflow:hidden}.tooltip.--active>.tooltip-content,.tooltip.--active :not(.tooltip)>.tooltip-content,.tooltip.--active>.tooltip-message,.tooltip.--active :not(.tooltip)>.tooltip-message{opacity:1}.tooltip:not(.--active)>.tooltip-content,.tooltip:not(.--active)>.tooltip-content *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content *,.tooltip:not(.--active)>.tooltip-message,.tooltip:not(.--active)>.tooltip-message *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message *{pointer-events:none}.tooltip-content--c,.tooltip-message--c{transform-origin:50%;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.tooltip.--active>.tooltip-content--c,.tooltip.--active :not(.tooltip)>.tooltip-content--c,.tooltip.--active>.tooltip-message--c,.tooltip.--active :not(.tooltip)>.tooltip-message--c{transform:translate(50%,50%)}.tooltip-content--en,.tooltip-content--es,.tooltip-message--en,.tooltip-message--es{left:calc(100% - var(--spacer));position:absolute}.tooltip.--active>.tooltip-content--en,.tooltip.--active :not(.tooltip)>.tooltip-content--en,.tooltip.--active>.tooltip-content--es,.tooltip.--active :not(.tooltip)>.tooltip-content--es,.tooltip.--active>.tooltip-message--en,.tooltip.--active :not(.tooltip)>.tooltip-message--en,.tooltip.--active>.tooltip-message--es,.tooltip.--active :not(.tooltip)>.tooltip-message--es{transform:translateX(calc(var(--spacer)*2))}.tooltip-content--e,.tooltip-message--e{bottom:50%;left:calc(100% - var(--spacer));transform-origin:0;position:absolute;transform:translateY(50%)}.tooltip.--active>.tooltip-content--e,.tooltip.--active :not(.tooltip)>.tooltip-content--e,.tooltip.--active>.tooltip-message--e,.tooltip.--active :not(.tooltip)>.tooltip-message--e{transform:translate(calc(var(--spacer)*2),50%)}.tooltip-content--en,.tooltip-message--en{transform-origin:0 0;top:0}.tooltip-content--es,.tooltip-message--es{transform-origin:0 100%;bottom:0}.tooltip-content--ne,.tooltip-content--nw,.tooltip-message--ne,.tooltip-message--nw{bottom:calc(100% - var(--spacer));position:absolute}.tooltip.--active>.tooltip-content--ne,.tooltip.--active :not(.tooltip)>.tooltip-content--ne,.tooltip.--active>.tooltip-content--nw,.tooltip.--active :not(.tooltip)>.tooltip-content--nw,.tooltip.--active>.tooltip-message--ne,.tooltip.--active :not(.tooltip)>.tooltip-message--ne,.tooltip.--active>.tooltip-message--nw,.tooltip.--active :not(.tooltip)>.tooltip-message--nw{transform:translateY(calc(var(--spacer)*-2))}.tooltip-content--n,.tooltip-message--n{bottom:calc(100% - var(--spacer));transform-origin:bottom;position:absolute;right:50%;transform:translate(50%)}.tooltip.--active>.tooltip-content--n,.tooltip.--active :not(.tooltip)>.tooltip-content--n,.tooltip.--active>.tooltip-message--n,.tooltip.--active :not(.tooltip)>.tooltip-message--n{transform:translate(50%,calc(var(--spacer)*-2))scale(1)}.tooltip-content--ne,.tooltip-message--ne{transform-origin:100% 100%;right:0}.tooltip-content--nw,.tooltip-message--nw{transform-origin:0 100%;left:0}.tooltip-content--se,.tooltip-content--sw,.tooltip-message--se,.tooltip-message--sw{top:calc(100% - var(--spacer));position:absolute}.tooltip.--active>.tooltip-content--se,.tooltip.--active :not(.tooltip)>.tooltip-content--se,.tooltip.--active>.tooltip-content--sw,.tooltip.--active :not(.tooltip)>.tooltip-content--sw,.tooltip.--active>.tooltip-message--se,.tooltip.--active :not(.tooltip)>.tooltip-message--se,.tooltip.--active>.tooltip-message--sw,.tooltip.--active :not(.tooltip)>.tooltip-message--sw{transform:translateY(calc(var(--spacer)*2))}.tooltip-content--s,.tooltip-message--s{right:50%;top:calc(100% - var(--spacer));transform-origin:top;position:absolute;transform:translate(50%)}.tooltip.--active>.tooltip-content--s,.tooltip.--active :not(.tooltip)>.tooltip-content--s,.tooltip.--active>.tooltip-message--s,.tooltip.--active :not(.tooltip)>.tooltip-message--s{transform:translate(50%,calc(var(--spacer)*2))}.tooltip-content--se,.tooltip-message--se{transform-origin:100% 0;right:0}.tooltip-content--sw,.tooltip-message--sw{transform-origin:0 0;left:0}.tooltip-content--wn,.tooltip-content--ws,.tooltip-message--wn,.tooltip-message--ws{right:calc(100% - var(--spacer));position:absolute}.tooltip.--active>.tooltip-content--wn,.tooltip.--active :not(.tooltip)>.tooltip-content--wn,.tooltip.--active>.tooltip-content--ws,.tooltip.--active :not(.tooltip)>.tooltip-content--ws,.tooltip.--active>.tooltip-message--wn,.tooltip.--active :not(.tooltip)>.tooltip-message--wn,.tooltip.--active>.tooltip-message--ws,.tooltip.--active :not(.tooltip)>.tooltip-message--ws{transform:translateX(calc(var(--spacer)*-2))}.tooltip-content--w,.tooltip-message--w{bottom:50%;right:calc(100% - var(--spacer));transform-origin:100%;position:absolute;transform:translateY(50%)}.tooltip.--active>.tooltip-content--w,.tooltip.--active :not(.tooltip)>.tooltip-content--w,.tooltip.--active>.tooltip-message--w,.tooltip.--active :not(.tooltip)>.tooltip-message--w{transform:translate(calc(var(--spacer)*-2),50%)scale(1)}.tooltip-content--wn,.tooltip-message--wn{transform-origin:100% 0;top:0}.tooltip-content--ws,.tooltip-message--ws{transform-origin:100% 100%;bottom:0}.tooltip-message{background:var(--background);color:var(--color);cursor:auto;font-size:var(--font-size);font-weight:var(--font-weight);padding:var(--padding-vertical)var(--padding-horizontal);pointer-events:none;white-space:nowrap;line-height:normal}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer themes {.button--primary,.button--secondary,.button--tertiary{--border-color-active:var(--color-primary-300);--color-default:var(--color-grey-500)}.button--form,.button--primary{--background-active:var(--color-primary-300);--background-default:var(--color-primary-300);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500)}.button--secondary{--background-default:var(--color-black-300);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500);--border-color:var(--background-color)}.button--tertiary{--border-color-active:var(--color-primary-300);--border-color-default:var(--color-black-300);--border-color-hover:var(--color-black-400);--border-color-pressed:var(--color-black-500)}}
|
|
2
|
+
/*$vite$:1*/
|
package/layer.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer normalize, components, css-utilities;
|
|
1
|
+
@layer normalize, components, themes, css-utilities;
|
package/package.json
CHANGED
|
@@ -30,9 +30,13 @@
|
|
|
30
30
|
},
|
|
31
31
|
"./layer.scss": "./layer.scss",
|
|
32
32
|
"./lib.scss": "./lib.scss",
|
|
33
|
-
"./
|
|
34
|
-
"types": "./build/
|
|
35
|
-
"default": "./build/
|
|
33
|
+
"./themes/dark": {
|
|
34
|
+
"types": "./build/themes/dark/index.d.ts",
|
|
35
|
+
"default": "./build/themes/dark/index.js"
|
|
36
|
+
},
|
|
37
|
+
"./themes/light": {
|
|
38
|
+
"types": "./build/themes/light/index.d.ts",
|
|
39
|
+
"default": "./build/themes/light/index.js"
|
|
36
40
|
},
|
|
37
41
|
"./tokens.scss": "./tokens.scss",
|
|
38
42
|
"./*.scss": "./build/components/*/scss/index.scss",
|
|
@@ -49,7 +53,7 @@
|
|
|
49
53
|
"private": false,
|
|
50
54
|
"sideEffects": false,
|
|
51
55
|
"type": "module",
|
|
52
|
-
"version": "0.44.
|
|
56
|
+
"version": "0.44.3",
|
|
53
57
|
"scripts": {
|
|
54
58
|
"build": "run-s build:vite build:ts",
|
|
55
59
|
"build:ts": "tsc && tsc-alias",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
&-message {
|
|
4
4
|
--background: var(--background-default);
|
|
5
5
|
--background-default: transparent;
|
|
6
|
-
--border-radius: var(--border-radius-
|
|
6
|
+
--border-radius: var(--border-radius-400);
|
|
7
7
|
--box-shadow: var(--box-shadow-400);
|
|
8
8
|
--max-width: calc(90vw - (var(--size-700) * 2));
|
|
9
9
|
--min-width: auto;
|
package/vite.config.ts
CHANGED
|
@@ -12,7 +12,7 @@ export default defineConfig({
|
|
|
12
12
|
rollupOptions: {
|
|
13
13
|
input: [
|
|
14
14
|
...glob.sync('./src/normalize/scss/index.scss'),
|
|
15
|
-
...glob.sync('./src/{components,css-utilities,fonts,
|
|
15
|
+
...glob.sync('./src/{components,css-utilities,fonts,themes/dark,themes/light}/*/scss/index.scss'),
|
|
16
16
|
...glob.sync('./src/css-utilities/index.scss')
|
|
17
17
|
],
|
|
18
18
|
output: {
|
|
@@ -51,8 +51,8 @@ export default defineConfig({
|
|
|
51
51
|
else if (filename.startsWith('components')) {
|
|
52
52
|
layer = 'components';
|
|
53
53
|
}
|
|
54
|
-
else if (filename.startsWith('
|
|
55
|
-
layer = '
|
|
54
|
+
else if (filename.startsWith('themes')) {
|
|
55
|
+
layer = 'themes';
|
|
56
56
|
}
|
|
57
57
|
else if (filename.startsWith('normalize')) {
|
|
58
58
|
layer = 'normalize';
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@layer theme/dark {.button--primary,.button--secondary,.button--tertiary{--border-color-active:var(--color-primary-300);--color-default:var(--color-grey-500)}.button--form,.button--primary{--background-active:var(--color-primary-300);--background-default:var(--color-primary-300);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500)}.button--secondary{--background-default:var(--color-black-300);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500);--border-color:var(--background-color)}.button--tertiary{--border-color-active:var(--color-primary-300);--border-color-default:var(--color-black-300);--border-color-hover:var(--color-black-400);--border-color-pressed:var(--color-black-500)}}
|
|
2
|
-
/*$vite$:1*/
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|