@odx/foundation 1.0.0-beta.20 → 1.0.0-beta.21
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/components/accordion/accordion-header.d.ts +1 -2
- package/dist/components/avatar/avatar.d.ts +2 -3
- package/dist/components/avatar/avatar.models.d.ts +7 -2
- package/dist/components/chip/chip.models.d.ts +1 -1
- package/dist/components/list/list-item.d.ts +2 -0
- package/dist/components.js +43 -20
- package/package.json +1 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { CanBeExpanded, CustomElement } from '../../lib/main.js';
|
|
2
2
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
3
|
-
import { OdxAccordionPanel } from './accordion-panel.js';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
6
5
|
'odx-accordion-header': OdxAccordionHeader;
|
|
@@ -9,7 +8,7 @@ declare global {
|
|
|
9
8
|
declare const OdxAccordionHeader_base: import('../../lib/main.js').Constructor<CanBeExpanded> & typeof CustomElement;
|
|
10
9
|
export declare class OdxAccordionHeader extends OdxAccordionHeader_base {
|
|
11
10
|
#private;
|
|
12
|
-
get panel():
|
|
11
|
+
get panel(): HTMLElement | null;
|
|
13
12
|
connectedCallback(): void;
|
|
14
13
|
protected render(): TemplateResult;
|
|
15
14
|
protected updated(props: PropertyValues<this>): void;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { CustomElement } from '../../lib/main.js';
|
|
2
|
-
import {
|
|
3
|
-
import { AvatarSize, AvatarVariant } from './avatar.models.js';
|
|
2
|
+
import { AvatarShape, AvatarSize, AvatarVariant } from './avatar.models.js';
|
|
4
3
|
declare global {
|
|
5
4
|
interface HTMLElementTagNameMap {
|
|
6
5
|
'odx-avatar': OdxAvatar;
|
|
7
6
|
}
|
|
8
7
|
}
|
|
9
8
|
export declare class OdxAvatar extends CustomElement {
|
|
9
|
+
shape?: AvatarShape;
|
|
10
10
|
size?: AvatarSize;
|
|
11
11
|
variant?: AvatarVariant;
|
|
12
|
-
protected render(): TemplateResult;
|
|
13
12
|
}
|
|
14
13
|
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
export type AvatarShape = (typeof AvatarShape)[keyof typeof AvatarShape];
|
|
2
|
+
export declare const AvatarShape: {
|
|
3
|
+
readonly CIRCLE: "circle";
|
|
4
|
+
readonly RECTANGLE: "rectangle";
|
|
5
|
+
};
|
|
1
6
|
export type AvatarSize = (typeof AvatarSize)[keyof typeof AvatarSize];
|
|
2
7
|
export declare const AvatarSize: {
|
|
3
8
|
readonly SM: "sm";
|
|
@@ -7,7 +12,7 @@ export declare const AvatarSize: {
|
|
|
7
12
|
};
|
|
8
13
|
export type AvatarVariant = (typeof AvatarVariant)[keyof typeof AvatarVariant];
|
|
9
14
|
export declare const AvatarVariant: {
|
|
10
|
-
readonly
|
|
11
|
-
readonly
|
|
15
|
+
readonly PRIMARY: "primary";
|
|
16
|
+
readonly SECONDARY: "secondary";
|
|
12
17
|
};
|
|
13
18
|
//# sourceMappingURL=avatar.models.d.ts.map
|
|
@@ -10,12 +10,14 @@ declare const OdxListItem_base: import('../../lib/main.js').Constructor<CanBeSel
|
|
|
10
10
|
export declare class OdxListItem extends OdxListItem_base {
|
|
11
11
|
#private;
|
|
12
12
|
private expandableItems;
|
|
13
|
+
region?: HTMLElementTagNameMap['odx-toggle-content'];
|
|
13
14
|
compact: boolean;
|
|
14
15
|
muted: boolean;
|
|
15
16
|
withExpandControl: boolean;
|
|
16
17
|
withExpandIndicator: boolean;
|
|
17
18
|
constructor();
|
|
18
19
|
isExpandable(): boolean;
|
|
20
|
+
getExpandControl(): HTMLElement | null;
|
|
19
21
|
connectedCallback(): void;
|
|
20
22
|
protected render(): TemplateResult;
|
|
21
23
|
protected renderContent(): TemplateResult;
|
package/dist/components.js
CHANGED
|
@@ -35,10 +35,16 @@ let OdxAccordionHeader = class extends CanBeExpanded(CustomElement) {
|
|
|
35
35
|
__privateAdd$w(this, _OdxAccordionHeader_instances);
|
|
36
36
|
__privateAdd$w(this, _handleToggle$1, (event) => {
|
|
37
37
|
this.expanded = fromToggleEventState(event.newState);
|
|
38
|
+
if (!this.expanded) {
|
|
39
|
+
this.panel?.querySelector("odx-accordion")?.toggleAll(false);
|
|
40
|
+
}
|
|
38
41
|
});
|
|
39
42
|
}
|
|
40
43
|
get panel() {
|
|
41
|
-
|
|
44
|
+
if (this.nextElementSibling?.role === "region") {
|
|
45
|
+
return this.nextElementSibling;
|
|
46
|
+
}
|
|
47
|
+
return null;
|
|
42
48
|
}
|
|
43
49
|
connectedCallback() {
|
|
44
50
|
super.connectedCallback();
|
|
@@ -47,7 +53,16 @@ let OdxAccordionHeader = class extends CanBeExpanded(CustomElement) {
|
|
|
47
53
|
}
|
|
48
54
|
render() {
|
|
49
55
|
return html`
|
|
50
|
-
<odx-list-item
|
|
56
|
+
<odx-list-item
|
|
57
|
+
part="base"
|
|
58
|
+
exportparts="expand-control"
|
|
59
|
+
compact
|
|
60
|
+
?disabled=${this.disabled}
|
|
61
|
+
?expanded=${this.expanded}
|
|
62
|
+
role="presentation"
|
|
63
|
+
?with-expand-indicator=${!!this.panel}
|
|
64
|
+
@toggle=${__privateGet$r(this, _handleToggle$1)}
|
|
65
|
+
>
|
|
51
66
|
<slot name="prefix" slot="prefix"></slot>
|
|
52
67
|
<odx-text class="content" ?emphasized=${this.expanded}>
|
|
53
68
|
<slot></slot>
|
|
@@ -540,7 +555,7 @@ const AreaHeaderVariant = {
|
|
|
540
555
|
DEFAULT: "default"
|
|
541
556
|
};
|
|
542
557
|
|
|
543
|
-
const styles$14 = "@layer base{:host{--_size: var(--odx-size-225);--_spacing: var(--odx-size-25);--_font-size: var(--odx-typography-font-size-3)}:host{
|
|
558
|
+
const styles$14 = "@layer base{:host{--_color-background: var(--odx-experience-color-secondary-rest);--_color-foreground: var(--odx-experience-color-secondary-foreground);--_border-radius: 50%;--_size: var(--odx-size-225);--_spacing: var(--odx-size-25);--_font-size: var(--odx-typography-font-size-3)}:host{display:flex;flex-direction:column;place-content:center;place-items:center;position:relative;user-select:none;vertical-align:middle;overflow:clip;flex:0 0 auto;block-size:var(--_size);inline-size:var(--_size);margin-block:var(--_spacing);font-size:var(--_font-size);border-radius:var(--_border-radius);background-color:var(--_color-background);color:var(--_color-foreground);transition:var(--odx-transition-default);transition-property:background-color,outline-color,box-shadow}::slotted(img){object-fit:cover;position:absolute;inset:var(--odx-size-12);border-radius:var(--_border-radius);z-index:1;pointer-events:none;inline-size:calc(100% - var(--odx-size-25))}::slotted(odx-icon){font-size:inherit}}@layer variant{:host([shape=\"rectangle\"]){--_border-radius: var(--odx-border-radius-sm)}:host([variant=\"primary\"]){--_color-background: var(--odx-color-primary-rest);--_color-foreground: var(--odx-color-foreground-light)}:host([variant=\"secondary\"]){--_color-background: var(--odx-experience-color-secondary-rest)}:host([size=\"sm\"]){--_size: var(--odx-size-150);--_spacing: 0;--_font-size: var(--odx-typography-font-size-1);::slotted(img){inset:var(--odx-size-px);inline-size:calc(100% - var(--odx-size-12))}}:host([size=\"lg\"]){--_size: var(--odx-size-300);--_spacing: var(--odx-size-37);--_font-size: var(--odx-typography-font-size-5)}:host([size=\"xl\"]){--_size: var(--odx-size-400);--_spacing: 0;--_font-size: var(--odx-typography-font-size-7)}}";
|
|
544
559
|
|
|
545
560
|
var __defProp$1e = Object.defineProperty;
|
|
546
561
|
var __getOwnPropDesc$1e = Object.getOwnPropertyDescriptor;
|
|
@@ -553,10 +568,10 @@ var __decorateClass$1e = (decorators, target, key, kind) => {
|
|
|
553
568
|
return result;
|
|
554
569
|
};
|
|
555
570
|
let OdxAvatar = class extends CustomElement {
|
|
556
|
-
render() {
|
|
557
|
-
return html`<slot></slot>`;
|
|
558
|
-
}
|
|
559
571
|
};
|
|
572
|
+
__decorateClass$1e([
|
|
573
|
+
property({ reflect: true })
|
|
574
|
+
], OdxAvatar.prototype, "shape", 2);
|
|
560
575
|
__decorateClass$1e([
|
|
561
576
|
property({ reflect: true })
|
|
562
577
|
], OdxAvatar.prototype, "size", 2);
|
|
@@ -567,6 +582,10 @@ OdxAvatar = __decorateClass$1e([
|
|
|
567
582
|
customElement("odx-avatar", [styles$14])
|
|
568
583
|
], OdxAvatar);
|
|
569
584
|
|
|
585
|
+
const AvatarShape = {
|
|
586
|
+
CIRCLE: "circle",
|
|
587
|
+
RECTANGLE: "rectangle"
|
|
588
|
+
};
|
|
570
589
|
const AvatarSize = {
|
|
571
590
|
SM: "sm",
|
|
572
591
|
MD: "md",
|
|
@@ -574,11 +593,11 @@ const AvatarSize = {
|
|
|
574
593
|
XL: "xl"
|
|
575
594
|
};
|
|
576
595
|
const AvatarVariant = {
|
|
577
|
-
|
|
578
|
-
|
|
596
|
+
PRIMARY: "primary",
|
|
597
|
+
SECONDARY: "secondary"
|
|
579
598
|
};
|
|
580
599
|
|
|
581
|
-
const styles$13 = ":host{display:flex;padding-inline:var(--odx-size-25);width:min-content}::slotted(odx-avatar){flex:0 0 auto;z-index:1
|
|
600
|
+
const styles$13 = ":host{display:flex;padding-inline:var(--odx-size-25);width:min-content}::slotted(odx-avatar){flex:0 0 auto;z-index:1}::slotted(odx-avatar:not(:first-of-type)){margin-inline-start:calc(-.33 * var(--_size))}:host(:is([size=\"lg\"],[size=\"xl\"])){gap:var(--odx-size-50)}";
|
|
582
601
|
|
|
583
602
|
var __defProp$1d = Object.defineProperty;
|
|
584
603
|
var __getOwnPropDesc$1d = Object.getOwnPropertyDescriptor;
|
|
@@ -595,6 +614,7 @@ let OdxAvatarGroup = class extends CustomElement {
|
|
|
595
614
|
super.updated?.(props);
|
|
596
615
|
if (props.has("size") || props.has("variant")) {
|
|
597
616
|
for (const avatar of this.avatars) {
|
|
617
|
+
avatar.shape = AvatarShape.CIRCLE;
|
|
598
618
|
avatar.size = this.size;
|
|
599
619
|
avatar.variant = this.variant;
|
|
600
620
|
}
|
|
@@ -1054,7 +1074,7 @@ OdxCheckbox = __decorateClass$15([
|
|
|
1054
1074
|
customElement("odx-checkbox", [styles$X])
|
|
1055
1075
|
], OdxCheckbox);
|
|
1056
1076
|
|
|
1057
|
-
const styles$W = ":host{--_color-background: var(--odx-color-
|
|
1077
|
+
const styles$W = ":host{--_color-background: var(--odx-experience-color-secondary-rest);--_color-background-hover: var(--odx-experience-color-secondary-hover);--_color-foreground: var(--odx-experience-color-secondary-foreground);--_font-size: var(--odx-font-size-text-sm);--_block-size: var(--odx-size-150);--_border-radius: var(--_block-size);--_padding-inline: var(--odx-size-50);display:inline-flex;place-items:center;background-color:var(--_color-background);cursor:inherit;padding-inline:var(--_padding-inline);gap:var(--odx-size-25);block-size:var(--_block-size);border-radius:var(--_border-radius);color:var(--_color-foreground);outline-offset:var(--odx-focus-ring-offset)}:host,.content,.action{transition:var(--odx-transition-reduced);transition-property:color background-color outline-color}:host,.action{outline:var(--odx-focus-ring-outline)}:host(:focus-visible),.action:focus-visible{outline-color:var(--odx-focus-ring-color)}.content{min-inline-size:var(--odx-size-150);user-select:none;text-align:center;line-height:inherit}.action,::slotted(odx-icon){font-size:var(--odx-font-size-text-md);block-size:var(--_block-size);inline-size:var(--_block-size);color:inherit;outline-offset:calc(-1 * var(--odx-focus-ring-offset))}.action{background-color:var(--_color-background);border:none;border-radius:var(--_border-radius);cursor:pointer;margin-inline-end:calc(-1 * var(--_padding-inline));padding:0}.action:hover{background-color:var(--_color-background-hover)}:host([variant=\"primary\"]){--_color-background: var(--odx-color-primary-rest);--_color-background-hover: var(--odx-color-primary-hover);--_color-foreground: var(--odx-color-foreground-light)}:host([variant=\"secondary\"]){--_color-background: var(--odx-experience-color-secondary-rest);--_color-background-hover: var(--odx-experience-color-secondary-rest);--_color-foreground: var(--odx-experience-color-secondary-rest)}:host([variant=\"highlight\"]){--_color-background: var(--odx-color-highlight-rest);--_color-background-hover: var(--odx-color-highlight-hover);--_color-foreground: var(--odx-color-foreground-light)}:host([variant=\"success\"]){--_color-background: var(--odx-color-success-rest);--_color-background-hover: var(--odx-color-success-hover);--_color-foreground: var(--odx-color-success-text)}:host([variant=\"warning\"]){--_color-background: var(--odx-color-warning-rest);--_color-background-hover: var(--odx-color-warning-hover);--_color-foreground: var(--odx-color-warning-text)}:host([variant=\"danger\"]){--_color-background: var(--odx-color-danger-rest);--_color-background-hover: var(--odx-color-danger-hover);--_color-foreground: var(--odx-color-foreground-light)}:host([aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);.action{pointer-events:none}}:host([interactive]:not([interactive=\"false\"])){cursor:pointer}:host([interactive]:not([interactive=\"false\"]):hover){--_color-background: var(--_color-background-hover)}:host([aria-disabled=\"true\"][interactive]:not([interactive=\"false\"])){--_color-background: var(--odx-color-disabled-fill);cursor:not-allowed}";
|
|
1058
1078
|
|
|
1059
1079
|
var __defProp$14 = Object.defineProperty;
|
|
1060
1080
|
var __getOwnPropDesc$14 = Object.getOwnPropertyDescriptor;
|
|
@@ -1144,8 +1164,8 @@ OdxChip = __decorateClass$14([
|
|
|
1144
1164
|
], OdxChip);
|
|
1145
1165
|
|
|
1146
1166
|
const ChipVariant = {
|
|
1147
|
-
NEUTRAL: "neutral",
|
|
1148
1167
|
PRIMARY: "primary",
|
|
1168
|
+
SECONDARY: "secondary",
|
|
1149
1169
|
HIGHLIGHT: "highlight",
|
|
1150
1170
|
SUCCESS: "success",
|
|
1151
1171
|
WARNING: "warning",
|
|
@@ -2389,7 +2409,7 @@ let OdxListItem = class extends CanBeSelected(CanBeExpanded(InteractiveElement))
|
|
|
2389
2409
|
this.withExpandControl = false;
|
|
2390
2410
|
this.withExpandIndicator = false;
|
|
2391
2411
|
__privateAdd$h(this, _handleClick$4, (event) => {
|
|
2392
|
-
const expandControl = this.
|
|
2412
|
+
const expandControl = this.getExpandControl();
|
|
2393
2413
|
if (!(this.withExpandIndicator || this.isExpandable()) || !getElementFromEvent(event, (node) => node === expandControl)) return;
|
|
2394
2414
|
this.toggle();
|
|
2395
2415
|
});
|
|
@@ -2400,6 +2420,9 @@ let OdxListItem = class extends CanBeSelected(CanBeExpanded(InteractiveElement))
|
|
|
2400
2420
|
isExpandable() {
|
|
2401
2421
|
return !this.disabled && !this.loading && this.expandableItems.length > 0;
|
|
2402
2422
|
}
|
|
2423
|
+
getExpandControl() {
|
|
2424
|
+
return this.shadowRoot?.querySelector(this.withExpandControl ? '[part="expand-control"]' : '[part="base"]') ?? null;
|
|
2425
|
+
}
|
|
2403
2426
|
connectedCallback() {
|
|
2404
2427
|
super.connectedCallback();
|
|
2405
2428
|
this.role ||= "listitem";
|
|
@@ -2446,19 +2469,19 @@ let OdxListItem = class extends CanBeSelected(CanBeExpanded(InteractiveElement))
|
|
|
2446
2469
|
};
|
|
2447
2470
|
_OdxListItem_instances = new WeakSet();
|
|
2448
2471
|
updateAriaAttributes_fn$1 = function() {
|
|
2449
|
-
const
|
|
2450
|
-
if (!region) return;
|
|
2451
|
-
|
|
2452
|
-
if (!expandControl) return;
|
|
2472
|
+
const expandControl = this.getExpandControl();
|
|
2473
|
+
if (!this.region || !expandControl) return;
|
|
2474
|
+
this.region.setAttribute("aria-labelledby", "expand-control");
|
|
2453
2475
|
expandControl.ariaExpanded = toAriaBooleanAttribute(this.expanded);
|
|
2454
|
-
expandControl.setAttribute("aria-controls", region.id);
|
|
2455
|
-
region.setAttribute("aria-labelledby", "expand-control");
|
|
2456
|
-
region.ariaHidden = toAriaBooleanAttribute(this.disabled || !this.expanded);
|
|
2476
|
+
expandControl.setAttribute("aria-controls", this.region.id);
|
|
2457
2477
|
};
|
|
2458
2478
|
_handleClick$4 = new WeakMap();
|
|
2459
2479
|
__decorateClass$L([
|
|
2460
2480
|
queryAssignedElements({ slot: "expand" })
|
|
2461
2481
|
], OdxListItem.prototype, "expandableItems", 2);
|
|
2482
|
+
__decorateClass$L([
|
|
2483
|
+
query("#list-item-content")
|
|
2484
|
+
], OdxListItem.prototype, "region", 2);
|
|
2462
2485
|
__decorateClass$L([
|
|
2463
2486
|
property({ type: Boolean, reflect: true })
|
|
2464
2487
|
], OdxListItem.prototype, "compact", 2);
|
|
@@ -5250,4 +5273,4 @@ OdxVisuallyHidden = __decorateClass([
|
|
|
5250
5273
|
customElement("odx-visually-hidden", [styles])
|
|
5251
5274
|
], OdxVisuallyHidden);
|
|
5252
5275
|
|
|
5253
|
-
export { AnchorObserver, AreaHeaderSize, AreaHeaderVariant, AvatarSize, AvatarVariant, BadgeType, BadgeVariant, BaseFormat, BaseLink, ButtonBadgeAlign, ButtonLoaderSlot, ButtonSize, ButtonVariant, CheckboxGroupVariant, ChipVariant, CircularProgressBarSize, DropdownPlacement, HeadlineSize, InlineMessageType, InlineMessageVariant, InputVariant, LOADING_OVERLAY_HOST_DIRECTIVE, LogoSize, ModalVariant, NavigationItemSize, OdxAccordion, OdxAccordionHeader, OdxAccordionPanel, OdxActionGroup, OdxAnchorNavigation, OdxAreaHeader, OdxAvatar, OdxAvatarGroup, OdxBadge, OdxBreadcrumbs, OdxBreadcrumbsItem, OdxButton, OdxButtonGroup, OdxCard, OdxCheckbox, OdxCheckboxGroup, OdxChip, OdxCircularProgressBar, OdxCombobox, OdxContentBox, OdxDropdown, OdxFormField, OdxFormatBytes, OdxFormatDate, OdxFormatNumber, OdxHeader, OdxHeaderActions, OdxHeadline, OdxHighlight, OdxIconButton, OdxImage, OdxInlineMessage, OdxInput, OdxLineClamp, OdxLink, OdxList, OdxListItem, OdxLoadingOverlay, OdxLoadingSpinner, OdxLogo, OdxMainMenu, OdxMainMenuButton, OdxMainMenuLink, OdxMainMenuSubtitle, OdxMainMenuTitle, OdxMenu, OdxMenuItem, OdxMenuLabel, OdxModal, OdxNavigationItem, OdxOption, OdxPage, OdxPageLayout, OdxPagination, OdxProgressBar, OdxRadioButton, OdxRadioGroup, OdxRailNavigation, OdxRelativeTime, OdxSearchBar, OdxSelect, OdxSeparator, OdxSkeleton, OdxSlider, OdxSliderHandle, OdxSliderMarks, OdxSpacer, OdxSpinbox, OdxStack, OdxSwitch, OdxTable, OdxTableBody, OdxTableCell, OdxTableCheckboxCell, OdxTableHeader, OdxTableHeaderCell, OdxTableRow, OdxText, OdxTitle, OdxToast, OdxToggleButton, OdxToggleContent, OdxTooltip, OdxTranslate, OdxVisuallyHidden, PageAlignment, PageLayout, ProgressState, RadioGroupVariant, SearchBarBehavior, SearchEvent, SeparatorAlign, SkeletonShape, SkeletonSize, SliderLabelVisibility, SliderTrackVisibility, StackAlign, StackGap, StackJustify, TextSize, TextVariant, TitleSize, ToastVariant, TooltipPlacement, sliderContext, tableContext };
|
|
5276
|
+
export { AnchorObserver, AreaHeaderSize, AreaHeaderVariant, AvatarShape, AvatarSize, AvatarVariant, BadgeType, BadgeVariant, BaseFormat, BaseLink, ButtonBadgeAlign, ButtonLoaderSlot, ButtonSize, ButtonVariant, CheckboxGroupVariant, ChipVariant, CircularProgressBarSize, DropdownPlacement, HeadlineSize, InlineMessageType, InlineMessageVariant, InputVariant, LOADING_OVERLAY_HOST_DIRECTIVE, LogoSize, ModalVariant, NavigationItemSize, OdxAccordion, OdxAccordionHeader, OdxAccordionPanel, OdxActionGroup, OdxAnchorNavigation, OdxAreaHeader, OdxAvatar, OdxAvatarGroup, OdxBadge, OdxBreadcrumbs, OdxBreadcrumbsItem, OdxButton, OdxButtonGroup, OdxCard, OdxCheckbox, OdxCheckboxGroup, OdxChip, OdxCircularProgressBar, OdxCombobox, OdxContentBox, OdxDropdown, OdxFormField, OdxFormatBytes, OdxFormatDate, OdxFormatNumber, OdxHeader, OdxHeaderActions, OdxHeadline, OdxHighlight, OdxIconButton, OdxImage, OdxInlineMessage, OdxInput, OdxLineClamp, OdxLink, OdxList, OdxListItem, OdxLoadingOverlay, OdxLoadingSpinner, OdxLogo, OdxMainMenu, OdxMainMenuButton, OdxMainMenuLink, OdxMainMenuSubtitle, OdxMainMenuTitle, OdxMenu, OdxMenuItem, OdxMenuLabel, OdxModal, OdxNavigationItem, OdxOption, OdxPage, OdxPageLayout, OdxPagination, OdxProgressBar, OdxRadioButton, OdxRadioGroup, OdxRailNavigation, OdxRelativeTime, OdxSearchBar, OdxSelect, OdxSeparator, OdxSkeleton, OdxSlider, OdxSliderHandle, OdxSliderMarks, OdxSpacer, OdxSpinbox, OdxStack, OdxSwitch, OdxTable, OdxTableBody, OdxTableCell, OdxTableCheckboxCell, OdxTableHeader, OdxTableHeaderCell, OdxTableRow, OdxText, OdxTitle, OdxToast, OdxToggleButton, OdxToggleContent, OdxTooltip, OdxTranslate, OdxVisuallyHidden, PageAlignment, PageLayout, ProgressState, RadioGroupVariant, SearchBarBehavior, SearchEvent, SeparatorAlign, SkeletonShape, SkeletonSize, SliderLabelVisibility, SliderTrackVisibility, StackAlign, StackGap, StackJustify, TextSize, TextVariant, TitleSize, ToastVariant, TooltipPlacement, sliderContext, tableContext };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/foundation",
|
|
3
3
|
"description": "A library of Web Component building blocks for ODX",
|
|
4
|
-
"version": "1.0.0-beta.
|
|
4
|
+
"version": "1.0.0-beta.21",
|
|
5
5
|
"author": "Drägerwerk AG & Co.KGaA",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
7
7
|
"homepage": "https://odx.draeger.com",
|