@elenajs/components 1.0.0-rc.2 → 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/custom-elements.d.ts +15 -15
- package/dist/custom-elements.json +80 -80
- package/package.json +3 -5
|
@@ -98,14 +98,14 @@ export type ButtonProps = {
|
|
|
98
98
|
onblur?: (e: CustomEvent<never>) => void;
|
|
99
99
|
};
|
|
100
100
|
|
|
101
|
-
export type
|
|
102
|
-
/** The direction of the stack. */
|
|
103
|
-
direction?: "column" | "row";
|
|
101
|
+
export type SpinnerProps = {
|
|
104
102
|
/** The text content of the element, captured from light DOM before the first render. */
|
|
105
103
|
text?: string;
|
|
106
104
|
};
|
|
107
105
|
|
|
108
|
-
export type
|
|
106
|
+
export type StackProps = {
|
|
107
|
+
/** The direction of the stack. */
|
|
108
|
+
direction?: "column" | "row";
|
|
109
109
|
/** The text content of the element, captured from light DOM before the first render. */
|
|
110
110
|
text?: string;
|
|
111
111
|
};
|
|
@@ -138,17 +138,6 @@ export type CustomElements = {
|
|
|
138
138
|
*/
|
|
139
139
|
"elena-button": Partial<ButtonProps & BaseProps & BaseEvents>;
|
|
140
140
|
|
|
141
|
-
/**
|
|
142
|
-
* Stack component manages layout of immediate children
|
|
143
|
-
* with optional spacing between each child.
|
|
144
|
-
* ---
|
|
145
|
-
*
|
|
146
|
-
*
|
|
147
|
-
* ### **Slots:**
|
|
148
|
-
* - _default_ - The stacked content
|
|
149
|
-
*/
|
|
150
|
-
"elena-stack": Partial<StackProps & BaseProps & BaseEvents>;
|
|
151
|
-
|
|
152
141
|
/**
|
|
153
142
|
* Visually hidden hides the element visually while
|
|
154
143
|
* keeping it available for assistive technologies.
|
|
@@ -161,6 +150,17 @@ export type CustomElements = {
|
|
|
161
150
|
*/
|
|
162
151
|
"elena-spinner": Partial<SpinnerProps & BaseProps & BaseEvents>;
|
|
163
152
|
|
|
153
|
+
/**
|
|
154
|
+
* Stack component manages layout of immediate children
|
|
155
|
+
* with optional spacing between each child.
|
|
156
|
+
* ---
|
|
157
|
+
*
|
|
158
|
+
*
|
|
159
|
+
* ### **Slots:**
|
|
160
|
+
* - _default_ - The stacked content
|
|
161
|
+
*/
|
|
162
|
+
"elena-stack": Partial<StackProps & BaseProps & BaseEvents>;
|
|
163
|
+
|
|
164
164
|
/**
|
|
165
165
|
* Visually hidden hides the element visually while
|
|
166
166
|
* keeping it available for assistive technologies.
|
|
@@ -428,16 +428,20 @@
|
|
|
428
428
|
},
|
|
429
429
|
{
|
|
430
430
|
"kind": "javascript-module",
|
|
431
|
-
"path": "src/
|
|
431
|
+
"path": "src/spinner/spinner.js",
|
|
432
432
|
"declarations": [
|
|
433
433
|
{
|
|
434
434
|
"kind": "class",
|
|
435
|
-
"description": "
|
|
436
|
-
"name": "
|
|
437
|
-
"
|
|
435
|
+
"description": "Visually hidden hides the element visually while\nkeeping it available for assistive technologies.",
|
|
436
|
+
"name": "Spinner",
|
|
437
|
+
"cssProperties": [
|
|
438
438
|
{
|
|
439
|
-
"description": "
|
|
440
|
-
"name": ""
|
|
439
|
+
"description": "Overrides the default spinner size.",
|
|
440
|
+
"name": "--elena-spinner-size"
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"description": "Overrides the default spinner border width.",
|
|
444
|
+
"name": "--elena-spinner-border"
|
|
441
445
|
}
|
|
442
446
|
],
|
|
443
447
|
"members": [
|
|
@@ -448,26 +452,7 @@
|
|
|
448
452
|
"text": "string"
|
|
449
453
|
},
|
|
450
454
|
"static": true,
|
|
451
|
-
"default": "\"elena-
|
|
452
|
-
},
|
|
453
|
-
{
|
|
454
|
-
"kind": "field",
|
|
455
|
-
"name": "props",
|
|
456
|
-
"type": {
|
|
457
|
-
"text": "array"
|
|
458
|
-
},
|
|
459
|
-
"static": true,
|
|
460
|
-
"default": "[\"direction\"]"
|
|
461
|
-
},
|
|
462
|
-
{
|
|
463
|
-
"kind": "field",
|
|
464
|
-
"name": "direction",
|
|
465
|
-
"type": {
|
|
466
|
-
"text": "\"column\" | \"row\""
|
|
467
|
-
},
|
|
468
|
-
"default": "\"column\"",
|
|
469
|
-
"description": "The direction of the stack.",
|
|
470
|
-
"attribute": "direction"
|
|
455
|
+
"default": "\"elena-spinner\""
|
|
471
456
|
},
|
|
472
457
|
{
|
|
473
458
|
"kind": "field",
|
|
@@ -479,25 +464,6 @@
|
|
|
479
464
|
"attribute": "text"
|
|
480
465
|
}
|
|
481
466
|
],
|
|
482
|
-
"attributes": [
|
|
483
|
-
{
|
|
484
|
-
"name": "direction",
|
|
485
|
-
"type": {
|
|
486
|
-
"text": "\"column\" | \"row\""
|
|
487
|
-
},
|
|
488
|
-
"default": "\"column\"",
|
|
489
|
-
"description": "The direction of the stack.",
|
|
490
|
-
"fieldName": "direction"
|
|
491
|
-
},
|
|
492
|
-
{
|
|
493
|
-
"name": "text",
|
|
494
|
-
"fieldName": "text",
|
|
495
|
-
"type": {
|
|
496
|
-
"text": "string"
|
|
497
|
-
},
|
|
498
|
-
"description": "The text content of the element, captured from light DOM before the first render."
|
|
499
|
-
}
|
|
500
|
-
],
|
|
501
467
|
"mixins": [
|
|
502
468
|
{
|
|
503
469
|
"name": "Elena",
|
|
@@ -507,9 +473,19 @@
|
|
|
507
473
|
"superclass": {
|
|
508
474
|
"name": "HTMLElement"
|
|
509
475
|
},
|
|
510
|
-
"tagName": "elena-
|
|
476
|
+
"tagName": "elena-spinner",
|
|
511
477
|
"status": "alpha",
|
|
512
|
-
"displayName": "
|
|
478
|
+
"displayName": "Spinner",
|
|
479
|
+
"attributes": [
|
|
480
|
+
{
|
|
481
|
+
"name": "text",
|
|
482
|
+
"fieldName": "text",
|
|
483
|
+
"type": {
|
|
484
|
+
"text": "string"
|
|
485
|
+
},
|
|
486
|
+
"description": "The text content of the element, captured from light DOM before the first render."
|
|
487
|
+
}
|
|
488
|
+
],
|
|
513
489
|
"customElement": true
|
|
514
490
|
}
|
|
515
491
|
],
|
|
@@ -518,36 +494,32 @@
|
|
|
518
494
|
"kind": "js",
|
|
519
495
|
"name": "default",
|
|
520
496
|
"declaration": {
|
|
521
|
-
"name": "
|
|
522
|
-
"module": "src/
|
|
497
|
+
"name": "Spinner",
|
|
498
|
+
"module": "src/spinner/spinner.js"
|
|
523
499
|
}
|
|
524
500
|
},
|
|
525
501
|
{
|
|
526
502
|
"kind": "custom-element-definition",
|
|
527
|
-
"name": "elena-
|
|
503
|
+
"name": "elena-spinner",
|
|
528
504
|
"declaration": {
|
|
529
|
-
"name": "
|
|
530
|
-
"module": "src/
|
|
505
|
+
"name": "Spinner",
|
|
506
|
+
"module": "src/spinner/spinner.js"
|
|
531
507
|
}
|
|
532
508
|
}
|
|
533
509
|
]
|
|
534
510
|
},
|
|
535
511
|
{
|
|
536
512
|
"kind": "javascript-module",
|
|
537
|
-
"path": "src/
|
|
513
|
+
"path": "src/stack/stack.js",
|
|
538
514
|
"declarations": [
|
|
539
515
|
{
|
|
540
516
|
"kind": "class",
|
|
541
|
-
"description": "
|
|
542
|
-
"name": "
|
|
543
|
-
"
|
|
544
|
-
{
|
|
545
|
-
"description": "Overrides the default spinner size.",
|
|
546
|
-
"name": "--elena-spinner-size"
|
|
547
|
-
},
|
|
517
|
+
"description": "Stack component manages layout of immediate children\nwith optional spacing between each child.",
|
|
518
|
+
"name": "Stack",
|
|
519
|
+
"slots": [
|
|
548
520
|
{
|
|
549
|
-
"description": "
|
|
550
|
-
"name": "
|
|
521
|
+
"description": "The stacked content",
|
|
522
|
+
"name": ""
|
|
551
523
|
}
|
|
552
524
|
],
|
|
553
525
|
"members": [
|
|
@@ -558,7 +530,26 @@
|
|
|
558
530
|
"text": "string"
|
|
559
531
|
},
|
|
560
532
|
"static": true,
|
|
561
|
-
"default": "\"elena-
|
|
533
|
+
"default": "\"elena-stack\""
|
|
534
|
+
},
|
|
535
|
+
{
|
|
536
|
+
"kind": "field",
|
|
537
|
+
"name": "props",
|
|
538
|
+
"type": {
|
|
539
|
+
"text": "array"
|
|
540
|
+
},
|
|
541
|
+
"static": true,
|
|
542
|
+
"default": "[\"direction\"]"
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
"kind": "field",
|
|
546
|
+
"name": "direction",
|
|
547
|
+
"type": {
|
|
548
|
+
"text": "\"column\" | \"row\""
|
|
549
|
+
},
|
|
550
|
+
"default": "\"column\"",
|
|
551
|
+
"description": "The direction of the stack.",
|
|
552
|
+
"attribute": "direction"
|
|
562
553
|
},
|
|
563
554
|
{
|
|
564
555
|
"kind": "field",
|
|
@@ -570,19 +561,16 @@
|
|
|
570
561
|
"attribute": "text"
|
|
571
562
|
}
|
|
572
563
|
],
|
|
573
|
-
"mixins": [
|
|
574
|
-
{
|
|
575
|
-
"name": "Elena",
|
|
576
|
-
"package": "@elenajs/core"
|
|
577
|
-
}
|
|
578
|
-
],
|
|
579
|
-
"superclass": {
|
|
580
|
-
"name": "HTMLElement"
|
|
581
|
-
},
|
|
582
|
-
"tagName": "elena-spinner",
|
|
583
|
-
"status": "alpha",
|
|
584
|
-
"displayName": "Spinner",
|
|
585
564
|
"attributes": [
|
|
565
|
+
{
|
|
566
|
+
"name": "direction",
|
|
567
|
+
"type": {
|
|
568
|
+
"text": "\"column\" | \"row\""
|
|
569
|
+
},
|
|
570
|
+
"default": "\"column\"",
|
|
571
|
+
"description": "The direction of the stack.",
|
|
572
|
+
"fieldName": "direction"
|
|
573
|
+
},
|
|
586
574
|
{
|
|
587
575
|
"name": "text",
|
|
588
576
|
"fieldName": "text",
|
|
@@ -592,6 +580,18 @@
|
|
|
592
580
|
"description": "The text content of the element, captured from light DOM before the first render."
|
|
593
581
|
}
|
|
594
582
|
],
|
|
583
|
+
"mixins": [
|
|
584
|
+
{
|
|
585
|
+
"name": "Elena",
|
|
586
|
+
"package": "@elenajs/core"
|
|
587
|
+
}
|
|
588
|
+
],
|
|
589
|
+
"superclass": {
|
|
590
|
+
"name": "HTMLElement"
|
|
591
|
+
},
|
|
592
|
+
"tagName": "elena-stack",
|
|
593
|
+
"status": "alpha",
|
|
594
|
+
"displayName": "Stack",
|
|
595
595
|
"customElement": true
|
|
596
596
|
}
|
|
597
597
|
],
|
|
@@ -600,16 +600,16 @@
|
|
|
600
600
|
"kind": "js",
|
|
601
601
|
"name": "default",
|
|
602
602
|
"declaration": {
|
|
603
|
-
"name": "
|
|
604
|
-
"module": "src/
|
|
603
|
+
"name": "Stack",
|
|
604
|
+
"module": "src/stack/stack.js"
|
|
605
605
|
}
|
|
606
606
|
},
|
|
607
607
|
{
|
|
608
608
|
"kind": "custom-element-definition",
|
|
609
|
-
"name": "elena-
|
|
609
|
+
"name": "elena-stack",
|
|
610
610
|
"declaration": {
|
|
611
|
-
"name": "
|
|
612
|
-
"module": "src/
|
|
611
|
+
"name": "Stack",
|
|
612
|
+
"module": "src/stack/stack.js"
|
|
613
613
|
}
|
|
614
614
|
}
|
|
615
615
|
]
|
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
|
}
|