@elenajs/components 1.0.0-rc.1 → 1.0.0-rc.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/dist/bundle.css +1 -1
- package/dist/button.css +1 -1
- package/dist/visually-hidden.css +1 -1
- package/package.json +3 -5
package/dist/bundle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@scope(elena-button){:scope,:where(:not(img,svg):not(svg *)),:before,:after{all:unset;display:revert;box-sizing:border-box}:scope{--_elena-button-bg:var(--elena-button-bg,#eaecf0);--_elena-button-text:var(--elena-button-text,#172b4d);--_elena-button-border:var(--elena-button-border,#eaecf0);--_elena-button-font:var(--elena-button-font,system-ui, sans-serif);--_elena-button-font-size:var(--elena-button-font-size,15px);--_elena-button-font-weight:var(--elena-button-font-weight,500);--_elena-button-radius:var(--elena-button-radius,6px);--_elena-button-focus:var(--elena-button-focus,#5a44d4);all:unset;border-radius:var(--_elena-button-radius);transition:background-color .2s,filter .2s;display:inline-block}:scope:not([hydrated]),.elena-button:is(button,a){-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;touch-action:manipulation;font-family:inherit;font-weight:var(--_elena-button-font-weight);font-family:var(--_elena-button-font);font-size:var(--_elena-button-font-size);block-size:calc(var(--_elena-button-font) * 4);min-block-size:calc(var(--_elena-button-font) * 4);color:var(--_elena-button-text);background:var(--_elena-button-bg);border:2px solid var(--_elena-button-border);border-radius:var(--_elena-button-radius);text-align:center;justify-content:center;align-items:center;gap:.375rem;padding:.5em 1.1em .55em;line-height:1.3;text-decoration:none;transition:none;display:inline-flex;position:relative}.elena-icon{inline-size:var(--_elena-button-font-size);block-size:var(--_elena-button-font-size);fill:currentColor;margin-block:.15rem;margin-inline:-.3rem;display:inline-flex;transform:translateZ(0)}span+.elena-icon{margin-inline:0 -.3rem}svg{block-size:100%;inline-size:100%;display:block}:scope[icon]:not([hydrated]):after{content:"";background:var(--_elena-button-text);border-radius:var(--_elena-button-radius);opacity:.2;
|
|
1
|
+
@scope(elena-button){:scope,:where(:not(img,svg):not(svg *)),:before,:after{all:unset;display:revert;box-sizing:border-box}:scope{--_elena-button-bg:var(--elena-button-bg,#eaecf0);--_elena-button-text:var(--elena-button-text,#172b4d);--_elena-button-border:var(--elena-button-border,#eaecf0);--_elena-button-font:var(--elena-button-font,system-ui, sans-serif);--_elena-button-font-size:var(--elena-button-font-size,15px);--_elena-button-font-weight:var(--elena-button-font-weight,500);--_elena-button-radius:var(--elena-button-radius,6px);--_elena-button-focus:var(--elena-button-focus,#5a44d4);all:unset;border-radius:var(--_elena-button-radius);transition:background-color .2s,filter .2s;display:inline-block}:scope:not([hydrated]),.elena-button:is(button,a){-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;touch-action:manipulation;font-family:inherit;font-weight:var(--_elena-button-font-weight);font-family:var(--_elena-button-font);font-size:var(--_elena-button-font-size);block-size:calc(var(--_elena-button-font) * 4);min-block-size:calc(var(--_elena-button-font) * 4);color:var(--_elena-button-text);background:var(--_elena-button-bg);border:2px solid var(--_elena-button-border);border-radius:var(--_elena-button-radius);text-align:center;justify-content:center;align-items:center;gap:.375rem;padding:.5em 1.1em .55em;line-height:1.3;text-decoration:none;transition:none;display:inline-flex;position:relative}.elena-icon{inline-size:var(--_elena-button-font-size);block-size:var(--_elena-button-font-size);fill:currentColor;margin-block:.15rem;margin-inline:-.3rem;display:inline-flex;transform:translateZ(0)}span+.elena-icon{margin-inline:0 -.3rem}svg{block-size:100%;inline-size:100%;display:block}:scope[icon]:not([hydrated]):after{content:"";background:var(--_elena-button-text);border-radius:var(--_elena-button-radius);opacity:.2;inline-size:var(--_elena-button-font-size);block-size:var(--_elena-button-font-size);margin-block:.15rem;margin-inline:0 -.3rem;display:inline-block}:scope[icon]:not([hydrated]):empty:after{margin-inline:-.3rem}:scope:hover{filter:brightness(.9)}.elena-button:is(button,a):hover{color:var(--_elena-button-text)}:scope:active{opacity:.9;transition:none;transform:translateY(1px)}:scope:focus-within{box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--_elena-button-focus);outline:none;transition:none}.elena-button:focus{outline:none}:scope[disabled]{--elena-button-text:#a8b0bd;--elena-button-bg:#f3f4f6;--elena-button-border:#f3f4f6;pointer-events:none}:scope[variant=primary]{--elena-button-bg:#5a44d4;--elena-button-border:#5a44d4;--elena-button-text:#fff}:scope[variant=danger]{--elena-button-bg:#d44444;--elena-button-border:#d44444;--elena-button-text:#fff}:scope[variant=danger]:focus-within{--elena-button-focus:#d44444}:scope[variant=outline]{--elena-button-bg:transparent;--elena-button-text:#172b4d;--elena-button-border:#172b4d}:scope[size=sm]{--elena-button-font-size:12px}:scope:not([hydrated])[size=sm],:scope[size=sm] .elena-button{padding-block:.3em .35em}:scope[size=lg]{--elena-button-font-size:18px}:scope:not([hydrated])[size=lg],:scope[size=lg] .elena-button{padding-block:.6em .65em}:scope[expand],:scope[expand] .elena-button{inline-size:100%}:scope elena-spinner{margin:0;padding:0;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}:scope[loading]{pointer-events:none}:scope:not([hydrated])[loading]{color:#0000}:scope[loading] :is(span,.elena-icon){opacity:0}}@scope(elena-spinner){:scope,:where(:not(img,svg):not(svg *)),:before,:after{all:unset;display:revert;box-sizing:border-box}:scope{--_elena-spinner-size:var(--elena-spinner-size,20px);--_elena-spinner-border:var(--elena-spinner-border,2px);inline-size:var(--_elena-spinner-size);block-size:var(--_elena-spinner-size);color:inherit;animation:.5s linear infinite elenaRotate;display:inline-flex;position:relative;inset:0}:scope,:scope:after{border:var(--_elena-spinner-border) solid transparent;border-radius:50%}:scope{border-block-end-color:currentColor}:scope:after{content:"";inset:calc(var(--_elena-spinner-border) * -1);opacity:.2;border-color:currentColor;border-block-end-color:#0000;position:absolute}@keyframes elenaRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@scope(elena-stack){:scope{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}:scope[direction=row]{flex-direction:row}}@scope(elena-visually-hidden){:scope{clip:rect(1px, 1px, 1px, 1px)!important;border:0!important;block-size:1px!important;inline-size:1px!important;padding:0!important;position:absolute!important;inset-block-start:0!important;overflow:hidden!important}}
|
package/dist/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@scope(elena-button){:scope,:where(:not(img,svg):not(svg *)),:before,:after{all:unset;display:revert;box-sizing:border-box}:scope{--_elena-button-bg:var(--elena-button-bg,#eaecf0);--_elena-button-text:var(--elena-button-text,#172b4d);--_elena-button-border:var(--elena-button-border,#eaecf0);--_elena-button-font:var(--elena-button-font,system-ui, sans-serif);--_elena-button-font-size:var(--elena-button-font-size,15px);--_elena-button-font-weight:var(--elena-button-font-weight,500);--_elena-button-radius:var(--elena-button-radius,6px);--_elena-button-focus:var(--elena-button-focus,#5a44d4);all:unset;border-radius:var(--_elena-button-radius);transition:background-color .2s,filter .2s;display:inline-block}:scope:not([hydrated]),.elena-button:is(button,a){-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;touch-action:manipulation;font-family:inherit;font-weight:var(--_elena-button-font-weight);font-family:var(--_elena-button-font);font-size:var(--_elena-button-font-size);block-size:calc(var(--_elena-button-font) * 4);min-block-size:calc(var(--_elena-button-font) * 4);color:var(--_elena-button-text);background:var(--_elena-button-bg);border:2px solid var(--_elena-button-border);border-radius:var(--_elena-button-radius);text-align:center;justify-content:center;align-items:center;gap:.375rem;padding:.5em 1.1em .55em;line-height:1.3;text-decoration:none;transition:none;display:inline-flex;position:relative}.elena-icon{inline-size:var(--_elena-button-font-size);block-size:var(--_elena-button-font-size);fill:currentColor;margin-block:.15rem;margin-inline:-.3rem;display:inline-flex;transform:translateZ(0)}span+.elena-icon{margin-inline:0 -.3rem}svg{block-size:100%;inline-size:100%;display:block}:scope[icon]:not([hydrated]):after{content:"";background:var(--_elena-button-text);border-radius:var(--_elena-button-radius);opacity:.2;
|
|
1
|
+
@scope(elena-button){:scope,:where(:not(img,svg):not(svg *)),:before,:after{all:unset;display:revert;box-sizing:border-box}:scope{--_elena-button-bg:var(--elena-button-bg,#eaecf0);--_elena-button-text:var(--elena-button-text,#172b4d);--_elena-button-border:var(--elena-button-border,#eaecf0);--_elena-button-font:var(--elena-button-font,system-ui, sans-serif);--_elena-button-font-size:var(--elena-button-font-size,15px);--_elena-button-font-weight:var(--elena-button-font-weight,500);--_elena-button-radius:var(--elena-button-radius,6px);--_elena-button-focus:var(--elena-button-focus,#5a44d4);all:unset;border-radius:var(--_elena-button-radius);transition:background-color .2s,filter .2s;display:inline-block}:scope:not([hydrated]),.elena-button:is(button,a){-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;touch-action:manipulation;font-family:inherit;font-weight:var(--_elena-button-font-weight);font-family:var(--_elena-button-font);font-size:var(--_elena-button-font-size);block-size:calc(var(--_elena-button-font) * 4);min-block-size:calc(var(--_elena-button-font) * 4);color:var(--_elena-button-text);background:var(--_elena-button-bg);border:2px solid var(--_elena-button-border);border-radius:var(--_elena-button-radius);text-align:center;justify-content:center;align-items:center;gap:.375rem;padding:.5em 1.1em .55em;line-height:1.3;text-decoration:none;transition:none;display:inline-flex;position:relative}.elena-icon{inline-size:var(--_elena-button-font-size);block-size:var(--_elena-button-font-size);fill:currentColor;margin-block:.15rem;margin-inline:-.3rem;display:inline-flex;transform:translateZ(0)}span+.elena-icon{margin-inline:0 -.3rem}svg{block-size:100%;inline-size:100%;display:block}:scope[icon]:not([hydrated]):after{content:"";background:var(--_elena-button-text);border-radius:var(--_elena-button-radius);opacity:.2;inline-size:var(--_elena-button-font-size);block-size:var(--_elena-button-font-size);margin-block:.15rem;margin-inline:0 -.3rem;display:inline-block}:scope[icon]:not([hydrated]):empty:after{margin-inline:-.3rem}:scope:hover{filter:brightness(.9)}.elena-button:is(button,a):hover{color:var(--_elena-button-text)}:scope:active{opacity:.9;transition:none;transform:translateY(1px)}:scope:focus-within{box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--_elena-button-focus);outline:none;transition:none}.elena-button:focus{outline:none}:scope[disabled]{--elena-button-text:#a8b0bd;--elena-button-bg:#f3f4f6;--elena-button-border:#f3f4f6;pointer-events:none}:scope[variant=primary]{--elena-button-bg:#5a44d4;--elena-button-border:#5a44d4;--elena-button-text:#fff}:scope[variant=danger]{--elena-button-bg:#d44444;--elena-button-border:#d44444;--elena-button-text:#fff}:scope[variant=danger]:focus-within{--elena-button-focus:#d44444}:scope[variant=outline]{--elena-button-bg:transparent;--elena-button-text:#172b4d;--elena-button-border:#172b4d}:scope[size=sm]{--elena-button-font-size:12px}:scope:not([hydrated])[size=sm],:scope[size=sm] .elena-button{padding-block:.3em .35em}:scope[size=lg]{--elena-button-font-size:18px}:scope:not([hydrated])[size=lg],:scope[size=lg] .elena-button{padding-block:.6em .65em}:scope[expand],:scope[expand] .elena-button{inline-size:100%}:scope elena-spinner{margin:0;padding:0;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}:scope[loading]{pointer-events:none}:scope:not([hydrated])[loading]{color:#0000}:scope[loading] :is(span,.elena-icon){opacity:0}}
|
package/dist/visually-hidden.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@scope(elena-visually-hidden){:scope{clip:rect(1px, 1px, 1px, 1px)!important;border:0!important;block-size:1px!important;inline-size:1px!important;padding:0!important;position:absolute!important;
|
|
1
|
+
@scope(elena-visually-hidden){:scope{clip:rect(1px, 1px, 1px, 1px)!important;border:0!important;block-size:1px!important;inline-size:1px!important;padding:0!important;position:absolute!important;inset-block-start:0!important;overflow:hidden!important}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elenajs/components",
|
|
3
|
-
"version": "1.0.0-rc.
|
|
3
|
+
"version": "1.0.0-rc.3",
|
|
4
4
|
"description": "Elena component library demonstrating how to build Progressive Web Components.",
|
|
5
5
|
"author": "Elena <hi@elenajs.com>",
|
|
6
6
|
"homepage": "https://elenajs.com/",
|
|
@@ -41,15 +41,13 @@
|
|
|
41
41
|
"clean": "rm -rf dist/",
|
|
42
42
|
"test": "vitest run"
|
|
43
43
|
},
|
|
44
|
-
"dependencies": {
|
|
45
|
-
"@elenajs/core": "^0.15.0"
|
|
46
|
-
},
|
|
47
44
|
"devDependencies": {
|
|
48
45
|
"@elenajs/bundler": "^1.0.0-rc.1",
|
|
46
|
+
"@elenajs/core": "^1.0.0-rc.1",
|
|
49
47
|
"@web/dev-server": "0.4.6",
|
|
50
48
|
"concurrently": "9.2.1",
|
|
51
49
|
"happy-dom": "20.8.3",
|
|
52
50
|
"vitest": "4.0.18"
|
|
53
51
|
},
|
|
54
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "883320dbbde63836916d964b2cee6b199a860c13"
|
|
55
53
|
}
|