@aurodesignsystem-dev/auro-formkit 0.0.0-pr1379.0 → 0.0.0-pr1379.10
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/CHANGELOG.md +2 -2
- package/README.md +87 -113
- package/components/combobox/demo/keyboardBehavior.html +81 -0
- package/components/counter/demo/keyboardBehavior.html +81 -0
- package/components/datepicker/demo/keyboard-behavior.html +81 -0
- package/components/dropdown/demo/keyboardBehavior.html +81 -0
- package/components/select/demo/keyboardBehavior.html +81 -0
- package/package.json +64 -53
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +0 -66
- package/components/bibtemplate/dist/buttonVersion.d.ts +0 -2
- package/components/bibtemplate/dist/headerVersion.d.ts +0 -2
- package/components/bibtemplate/dist/iconVersion.d.ts +0 -2
- package/components/bibtemplate/dist/index.d.ts +0 -2
- package/components/bibtemplate/dist/index.js +0 -395
- package/components/bibtemplate/dist/registered.js +0 -395
- package/components/bibtemplate/dist/styles/color-css.d.ts +0 -2
- package/components/bibtemplate/dist/styles/style-css.d.ts +0 -2
- package/components/bibtemplate/dist/styles/tokens-css.d.ts +0 -2
- package/components/checkbox/demo/api.md +0 -489
- package/components/checkbox/demo/api.min.js +0 -2133
- package/components/checkbox/demo/index.md +0 -55
- package/components/checkbox/demo/index.min.js +0 -2108
- package/components/checkbox/demo/readme.md +0 -142
- package/components/checkbox/dist/auro-checkbox-group.d.ts +0 -176
- package/components/checkbox/dist/auro-checkbox.d.ts +0 -209
- package/components/checkbox/dist/index.d.ts +0 -3
- package/components/checkbox/dist/index.js +0 -2057
- package/components/checkbox/dist/registered.js +0 -2058
- package/components/checkbox/dist/styles/auro-checkbox-css.d.ts +0 -2
- package/components/checkbox/dist/styles/auro-checkbox-group-css.d.ts +0 -2
- package/components/checkbox/dist/styles/color-css.d.ts +0 -2
- package/components/checkbox/dist/styles/colorGroup-css.d.ts +0 -2
- package/components/checkbox/dist/styles/tokens-css.d.ts +0 -2
- package/components/combobox/demo/api.md +0 -2287
- package/components/combobox/demo/api.min.js +0 -17549
- package/components/combobox/demo/index.md +0 -196
- package/components/combobox/demo/index.min.js +0 -17454
- package/components/combobox/demo/readme.md +0 -158
- package/components/combobox/dist/auro-combobox.d.ts +0 -552
- package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +0 -6
- package/components/combobox/dist/index.d.ts +0 -2
- package/components/combobox/dist/index.js +0 -15474
- package/components/combobox/dist/registered.js +0 -15476
- package/components/combobox/dist/styles/emphasized/style-css.d.ts +0 -2
- package/components/combobox/dist/styles/snowflake/style-css.d.ts +0 -2
- package/components/combobox/dist/styles/style-css.d.ts +0 -2
- package/components/counter/demo/api.md +0 -1285
- package/components/counter/demo/api.min.js +0 -7993
- package/components/counter/demo/index.md +0 -92
- package/components/counter/demo/index.min.js +0 -7974
- package/components/counter/demo/readme.md +0 -161
- package/components/counter/dist/auro-counter-button.d.ts +0 -14
- package/components/counter/dist/auro-counter-group.d.ts +0 -390
- package/components/counter/dist/auro-counter-wrapper.d.ts +0 -17
- package/components/counter/dist/auro-counter.d.ts +0 -126
- package/components/counter/dist/buttonVersion.d.ts +0 -2
- package/components/counter/dist/iconVersion.d.ts +0 -2
- package/components/counter/dist/index.d.ts +0 -3
- package/components/counter/dist/index.js +0 -7896
- package/components/counter/dist/registered.js +0 -7897
- package/components/counter/dist/styles/color-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-button-color-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-button-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-group-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-wrapper-color-css.d.ts +0 -2
- package/components/counter/dist/styles/counter-wrapper-css.d.ts +0 -2
- package/components/counter/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/counter/dist/styles/style-css.d.ts +0 -2
- package/components/counter/dist/styles/tokens-css.d.ts +0 -2
- package/components/datepicker/demo/api.md +0 -1824
- package/components/datepicker/demo/api.min.js +0 -24530
- package/components/datepicker/demo/index.md +0 -158
- package/components/datepicker/demo/index.min.js +0 -24251
- package/components/datepicker/demo/readme.md +0 -137
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -169
- package/components/datepicker/dist/auro-calendar-month.d.ts +0 -20
- package/components/datepicker/dist/auro-calendar.d.ts +0 -173
- package/components/datepicker/dist/auro-datepicker.d.ts +0 -722
- package/components/datepicker/dist/buttonVersion.d.ts +0 -2
- package/components/datepicker/dist/iconVersion.d.ts +0 -2
- package/components/datepicker/dist/index.d.ts +0 -2
- package/components/datepicker/dist/index.js +0 -24166
- package/components/datepicker/dist/popoverVersion.d.ts +0 -2
- package/components/datepicker/dist/registered.js +0 -24166
- package/components/datepicker/dist/styles/classic/color-css.d.ts +0 -2
- package/components/datepicker/dist/styles/classic/style-css.d.ts +0 -2
- package/components/datepicker/dist/styles/color-calendar-css.d.ts +0 -2
- package/components/datepicker/dist/styles/color-cell-css.d.ts +0 -2
- package/components/datepicker/dist/styles/color-css.d.ts +0 -2
- package/components/datepicker/dist/styles/color-month-css.d.ts +0 -2
- package/components/datepicker/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/datepicker/dist/styles/snowflake/color-css.d.ts +0 -2
- package/components/datepicker/dist/styles/snowflake/style-css.d.ts +0 -2
- package/components/datepicker/dist/styles/style-auro-calendar-cell-css.d.ts +0 -2
- package/components/datepicker/dist/styles/style-auro-calendar-css.d.ts +0 -2
- package/components/datepicker/dist/styles/style-auro-calendar-month-css.d.ts +0 -2
- package/components/datepicker/dist/styles/style-css.d.ts +0 -2
- package/components/datepicker/dist/styles/tokens-css.d.ts +0 -2
- package/components/datepicker/dist/utilities.d.ts +0 -78
- package/components/datepicker/dist/utilitiesCalendar.d.ts +0 -38
- package/components/datepicker/dist/utilitiesCalendarRender.d.ts +0 -50
- package/components/datepicker/dist/vendor/wc-range-datepicker/day.d.ts +0 -5
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker-calendar.d.ts +0 -60
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker-cell.d.ts +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker.d.ts +0 -57
- package/components/dropdown/demo/api.md +0 -1358
- package/components/dropdown/demo/api.min.js +0 -4853
- package/components/dropdown/demo/index.md +0 -283
- package/components/dropdown/demo/index.min.js +0 -4788
- package/components/dropdown/demo/readme.md +0 -160
- package/components/dropdown/dist/auro-dropdown.d.ts +0 -482
- package/components/dropdown/dist/auro-dropdownBib.d.ts +0 -155
- package/components/dropdown/dist/iconVersion.d.ts +0 -2
- package/components/dropdown/dist/index.d.ts +0 -2
- package/components/dropdown/dist/index.js +0 -4685
- package/components/dropdown/dist/keyboardUtils.d.ts +0 -18
- package/components/dropdown/dist/registered.js +0 -4685
- package/components/dropdown/dist/styles/classic/bibColors-css.d.ts +0 -2
- package/components/dropdown/dist/styles/classic/bibStyles-css.d.ts +0 -2
- package/components/dropdown/dist/styles/classic/color-css.d.ts +0 -2
- package/components/dropdown/dist/styles/classic/style-css.d.ts +0 -2
- package/components/dropdown/dist/styles/color-css.d.ts +0 -2
- package/components/dropdown/dist/styles/emphasized/style-css.d.ts +0 -2
- package/components/dropdown/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/dropdown/dist/styles/snowflake/style-css.d.ts +0 -2
- package/components/dropdown/dist/styles/style-css.d.ts +0 -2
- package/components/dropdown/dist/styles/tokens-css.d.ts +0 -2
- package/components/form/demo/api.md +0 -319
- package/components/form/demo/api.min.js +0 -69996
- package/components/form/demo/index.md +0 -128
- package/components/form/demo/index.min.js +0 -69996
- package/components/form/demo/readme.md +0 -145
- package/components/form/dist/auro-form.d.ts +0 -280
- package/components/form/dist/index.d.ts +0 -2
- package/components/form/dist/index.js +0 -718
- package/components/form/dist/registered.d.ts +0 -1
- package/components/form/dist/registered.js +0 -718
- package/components/form/dist/styles/style-css.d.ts +0 -2
- package/components/helptext/dist/auro-helptext.d.ts +0 -69
- package/components/helptext/dist/index.d.ts +0 -2
- package/components/helptext/dist/index.js +0 -231
- package/components/helptext/dist/registered.js +0 -231
- package/components/helptext/dist/styles/color-css.d.ts +0 -2
- package/components/helptext/dist/styles/style-css.d.ts +0 -2
- package/components/helptext/dist/styles/tokens-css.d.ts +0 -2
- package/components/input/demo/api.md +0 -1397
- package/components/input/demo/api.min.js +0 -7435
- package/components/input/demo/index.md +0 -161
- package/components/input/demo/index.min.js +0 -7355
- package/components/input/demo/readme.md +0 -134
- package/components/input/dist/auro-input.d.ts +0 -195
- package/components/input/dist/base-input.d.ts +0 -628
- package/components/input/dist/buttonVersion.d.ts +0 -2
- package/components/input/dist/i18n.d.ts +0 -18
- package/components/input/dist/iconVersion.d.ts +0 -2
- package/components/input/dist/index.d.ts +0 -2
- package/components/input/dist/index.js +0 -7278
- package/components/input/dist/registered.js +0 -7278
- package/components/input/dist/styles/classic/color-css.d.ts +0 -2
- package/components/input/dist/styles/classic/style-css.d.ts +0 -2
- package/components/input/dist/styles/color-css.d.ts +0 -2
- package/components/input/dist/styles/default/borders-css.d.ts +0 -2
- package/components/input/dist/styles/default/color-css.d.ts +0 -2
- package/components/input/dist/styles/default/mixins-css.d.ts +0 -2
- package/components/input/dist/styles/default/notificationIcons-css.d.ts +0 -2
- package/components/input/dist/styles/default/style-css.d.ts +0 -2
- package/components/input/dist/styles/emphasized/color-css.d.ts +0 -2
- package/components/input/dist/styles/emphasized/style-css.d.ts +0 -2
- package/components/input/dist/styles/mixins-css.d.ts +0 -2
- package/components/input/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/input/dist/styles/snowflake/style-css.d.ts +0 -2
- package/components/input/dist/styles/style-css.d.ts +0 -2
- package/components/input/dist/styles/tokens-css.d.ts +0 -2
- package/components/input/dist/utilities.d.ts +0 -25
- package/components/layoutElement/dist/auroElement.d.ts +0 -40
- package/components/layoutElement/dist/index.d.ts +0 -2
- package/components/layoutElement/dist/index.js +0 -107
- package/components/layoutElement/dist/registered.js +0 -107
- package/components/menu/demo/api.md +0 -1200
- package/components/menu/demo/api.min.js +0 -2292
- package/components/menu/demo/index.md +0 -72
- package/components/menu/demo/index.min.js +0 -2185
- package/components/menu/demo/readme.md +0 -145
- package/components/menu/dist/auro-menu-utils.d.ts +0 -34
- package/components/menu/dist/auro-menu.context.d.ts +0 -227
- package/components/menu/dist/auro-menu.d.ts +0 -324
- package/components/menu/dist/auro-menuoption.d.ts +0 -210
- package/components/menu/dist/iconVersion.d.ts +0 -2
- package/components/menu/dist/index.d.ts +0 -4
- package/components/menu/dist/index.js +0 -2148
- package/components/menu/dist/registered.js +0 -2096
- package/components/menu/dist/styles/default/color-menu-css.d.ts +0 -2
- package/components/menu/dist/styles/default/color-menuoption-css.d.ts +0 -2
- package/components/menu/dist/styles/default/style-menu-css.d.ts +0 -2
- package/components/menu/dist/styles/default/style-menuoption-css.d.ts +0 -2
- package/components/menu/dist/styles/default/tokens-css.d.ts +0 -2
- package/components/radio/demo/api.md +0 -675
- package/components/radio/demo/api.min.js +0 -2210
- package/components/radio/demo/index.md +0 -73
- package/components/radio/demo/index.min.js +0 -2167
- package/components/radio/demo/readme.md +0 -141
- package/components/radio/dist/auro-radio-group.d.ts +0 -250
- package/components/radio/dist/auro-radio.d.ts +0 -180
- package/components/radio/dist/index.d.ts +0 -3
- package/components/radio/dist/index.js +0 -2116
- package/components/radio/dist/registered.js +0 -2117
- package/components/radio/dist/styles/auro-radio-group-css.d.ts +0 -2
- package/components/radio/dist/styles/color-css.d.ts +0 -2
- package/components/radio/dist/styles/groupColor-css.d.ts +0 -2
- package/components/radio/dist/styles/style-css.d.ts +0 -2
- package/components/radio/dist/styles/tokens-css.d.ts +0 -2
- package/components/select/demo/api.md +0 -2378
- package/components/select/demo/api.min.js +0 -10133
- package/components/select/demo/index.md +0 -355
- package/components/select/demo/index.min.js +0 -10040
- package/components/select/demo/readme.md +0 -148
- package/components/select/dist/auro-select.d.ts +0 -545
- package/components/select/dist/index.d.ts +0 -2
- package/components/select/dist/index.js +0 -8072
- package/components/select/dist/registered.js +0 -8072
- package/components/select/dist/selectKeyboardStrategy.d.ts +0 -8
- package/components/select/dist/styles/emphasized/color-css.d.ts +0 -2
- package/components/select/dist/styles/shapeSize-css.d.ts +0 -2
- package/components/select/dist/styles/style-css.d.ts +0 -2
- package/components/select/dist/styles/tokens-css.d.ts +0 -2
- package/custom-elements.json +0 -18656
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
3
|
+
See LICENSE in the project root for license information.
|
|
4
|
+
|
|
5
|
+
HTML in this document is standardized and NOT to be edited.
|
|
6
|
+
All demo code should be added/edited in ./demo/index.md
|
|
7
|
+
|
|
8
|
+
With the exception of adding custom elements if needed for the demo.
|
|
9
|
+
|
|
10
|
+
----------------------- DO NOT EDIT -----------------------------
|
|
11
|
+
|
|
12
|
+
-->
|
|
13
|
+
|
|
14
|
+
<!DOCTYPE html>
|
|
15
|
+
<html lang="en">
|
|
16
|
+
<head>
|
|
17
|
+
<meta charset="UTF-8" />
|
|
18
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
19
|
+
<title>Auro Web Component Demo | auro-dropdown</title>
|
|
20
|
+
|
|
21
|
+
<!-- Prism.js Stylesheet -->
|
|
22
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"/>
|
|
23
|
+
|
|
24
|
+
<!-- Legacy reference is still needed to support auro-dropdown's use of legacy token values at this time -->
|
|
25
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
|
|
26
|
+
|
|
27
|
+
<!-- Design Token Alaska Theme -->
|
|
28
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
|
|
29
|
+
|
|
30
|
+
<!-- Webcore Stylesheet Alaska Theme -->
|
|
31
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
|
|
32
|
+
|
|
33
|
+
<!-- Demo Specific Styles -->
|
|
34
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
|
|
35
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
|
|
36
|
+
<style>
|
|
37
|
+
table {
|
|
38
|
+
--ds-color-container-secondary-default: transparent;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
tr:not(:last-of-type) {
|
|
42
|
+
border-bottom: 1px solid var(--ds-color-border-tertiary-default);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
sup {
|
|
46
|
+
font-size: 60%;
|
|
47
|
+
font-style: italic;
|
|
48
|
+
opacity: 0.6;
|
|
49
|
+
top: -.5rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.note {
|
|
53
|
+
margin: 10px 0;
|
|
54
|
+
padding: 10px;
|
|
55
|
+
border-radius: 6px;
|
|
56
|
+
font-style: italic;
|
|
57
|
+
color: var(--ds-basic-color-texticon-muted);
|
|
58
|
+
background-color: var(--ds-basic-color-surface-neutral-subtle);
|
|
59
|
+
}
|
|
60
|
+
</style>
|
|
61
|
+
</head>
|
|
62
|
+
<body class="auro-markdown">
|
|
63
|
+
<main></main>
|
|
64
|
+
|
|
65
|
+
<script type="module">
|
|
66
|
+
import 'https://cdn.jsdelivr.net/npm/marked@latest/marked.min.js';
|
|
67
|
+
import 'https://cdn.jsdelivr.net/npm/prismjs@latest/prism.js';
|
|
68
|
+
fetch('./keyboardBehavior.md')
|
|
69
|
+
.then((response) => response.text())
|
|
70
|
+
.then((text) => {
|
|
71
|
+
const rawHtml = marked.parse(text);
|
|
72
|
+
document.querySelector('main').innerHTML = rawHtml;
|
|
73
|
+
Prism.highlightAll();
|
|
74
|
+
})
|
|
75
|
+
</script>
|
|
76
|
+
|
|
77
|
+
<!-- If additional elements are needed for the demo, add them here. -->
|
|
78
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
|
|
79
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
|
|
80
|
+
</body>
|
|
81
|
+
</html>
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
3
|
+
See LICENSE in the project root for license information.
|
|
4
|
+
|
|
5
|
+
HTML in this document is standardized and NOT to be edited.
|
|
6
|
+
All demo code should be added/edited in ./demo/index.md
|
|
7
|
+
|
|
8
|
+
With the exception of adding custom elements if needed for the demo.
|
|
9
|
+
|
|
10
|
+
----------------------- DO NOT EDIT -----------------------------
|
|
11
|
+
|
|
12
|
+
-->
|
|
13
|
+
|
|
14
|
+
<!DOCTYPE html>
|
|
15
|
+
<html lang="en">
|
|
16
|
+
<head>
|
|
17
|
+
<meta charset="UTF-8" />
|
|
18
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
19
|
+
<title>Auro Web Component Demo | auro-select</title>
|
|
20
|
+
|
|
21
|
+
<!-- Prism.js Stylesheet -->
|
|
22
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"/>
|
|
23
|
+
|
|
24
|
+
<!-- Legacy reference is still needed to support auro-select's use of legacy token values at this time -->
|
|
25
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
|
|
26
|
+
|
|
27
|
+
<!-- Design Token Alaska Theme -->
|
|
28
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
|
|
29
|
+
|
|
30
|
+
<!-- Webcore Stylesheet Alaska Theme -->
|
|
31
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
|
|
32
|
+
|
|
33
|
+
<!-- Demo Specific Styles -->
|
|
34
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
|
|
35
|
+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
|
|
36
|
+
<style>
|
|
37
|
+
table {
|
|
38
|
+
--ds-color-container-secondary-default: transparent;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
tr:not(:last-of-type) {
|
|
42
|
+
border-bottom: 1px solid var(--ds-color-border-tertiary-default);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
sup {
|
|
46
|
+
font-size: 60%;
|
|
47
|
+
font-style: italic;
|
|
48
|
+
opacity: 0.6;
|
|
49
|
+
top: -.5rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.note {
|
|
53
|
+
margin: 10px 0;
|
|
54
|
+
padding: 10px;
|
|
55
|
+
border-radius: 6px;
|
|
56
|
+
font-style: italic;
|
|
57
|
+
color: var(--ds-basic-color-texticon-muted);
|
|
58
|
+
background-color: var(--ds-basic-color-surface-neutral-subtle);
|
|
59
|
+
}
|
|
60
|
+
</style>
|
|
61
|
+
</head>
|
|
62
|
+
<body class="auro-markdown">
|
|
63
|
+
<main></main>
|
|
64
|
+
|
|
65
|
+
<script type="module">
|
|
66
|
+
import 'https://cdn.jsdelivr.net/npm/marked@latest/marked.min.js';
|
|
67
|
+
import 'https://cdn.jsdelivr.net/npm/prismjs@latest/prism.js';
|
|
68
|
+
fetch('./keyboardBehavior.md')
|
|
69
|
+
.then((response) => response.text())
|
|
70
|
+
.then((text) => {
|
|
71
|
+
const rawHtml = marked.parse(text);
|
|
72
|
+
document.querySelector('main').innerHTML = rawHtml;
|
|
73
|
+
Prism.highlightAll();
|
|
74
|
+
})
|
|
75
|
+
</script>
|
|
76
|
+
|
|
77
|
+
<!-- If additional elements are needed for the demo, add them here. -->
|
|
78
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
|
|
79
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
|
|
80
|
+
</body>
|
|
81
|
+
</html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem-dev/auro-formkit",
|
|
3
|
-
"version": "0.0.0-pr1379.
|
|
3
|
+
"version": "0.0.0-pr1379.10",
|
|
4
4
|
"description": "A collection of web components used to build forms.",
|
|
5
5
|
"homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -15,12 +15,13 @@
|
|
|
15
15
|
"engines": {
|
|
16
16
|
"node": ">=20"
|
|
17
17
|
},
|
|
18
|
-
"packageManager": "npm@11.
|
|
18
|
+
"packageManager": "npm@11.12.1",
|
|
19
19
|
"publishConfig": {
|
|
20
20
|
"access": "public",
|
|
21
21
|
"provenance": true
|
|
22
22
|
},
|
|
23
23
|
"workspaces": [
|
|
24
|
+
"apps/*",
|
|
24
25
|
"components/*",
|
|
25
26
|
"packages/*"
|
|
26
27
|
],
|
|
@@ -35,15 +36,18 @@
|
|
|
35
36
|
"custom-elements.json"
|
|
36
37
|
],
|
|
37
38
|
"scripts": {
|
|
38
|
-
"build": "npm run analyze && turbo run build",
|
|
39
|
+
"build": "npm run analyze && npm run build:docs:kit && turbo run build",
|
|
39
40
|
"build:force": "npm run analyze && turbo run build --force",
|
|
40
41
|
"sass": "turbo run sass",
|
|
41
42
|
"build:version": "turbo run build:version",
|
|
42
43
|
"build:formkit-version": "turbo run build:formkit-version",
|
|
43
44
|
"dev": "turbo run dev --parallel",
|
|
44
45
|
"dev:closed": "turbo run dev:closed --parallel",
|
|
46
|
+
"dev:svelte": "concurrently \"npx turbo run build:watch --concurrency=20\" \"npm run dev:app:open --workspace=apps/svelte-framework\"",
|
|
47
|
+
"dev:react": "concurrently \"npx turbo run build:watch --concurrency=20\" \"npm run dev:app:open --workspace=apps/react-framework\"",
|
|
45
48
|
"lint": "turbo run lint",
|
|
46
|
-
"test": "turbo run test",
|
|
49
|
+
"test": "turbo run test && npm run test:frameworks",
|
|
50
|
+
"test:force": "turbo run test --force",
|
|
47
51
|
"test:watch": "turbo run test:watch",
|
|
48
52
|
"clean": "turbo run clean && rm -rf node_modules",
|
|
49
53
|
"format": "prettier --write \"**/*.{ts,tsx,md}\"",
|
|
@@ -59,90 +63,97 @@
|
|
|
59
63
|
"analyze": "custom-elements-manifest analyze --config ./packages/config/src/custom-elements-manifest.config.mjs",
|
|
60
64
|
"update-stories": "node ./packages/utils/update-stories.js",
|
|
61
65
|
"storybook": "npm run analyze && storybook dev -p 6006",
|
|
62
|
-
"build-storybook": "npm run build && npm run analyze && storybook build"
|
|
66
|
+
"build-storybook": "npm run build && npm run analyze && storybook build",
|
|
67
|
+
"test:framework:react": "turbo run test:framework --filter=@aurodesignsystem/react-framework",
|
|
68
|
+
"test:framework:svelte": "turbo run test:framework --filter=@aurodesignsystem/svelte-framework",
|
|
69
|
+
"test:frameworks": "turbo run test:framework --filter=@aurodesignsystem/react-framework --filter=@aurodesignsystem/svelte-framework",
|
|
70
|
+
"test:framework:report:react": "npm run test:framework:report -w apps/react-framework",
|
|
71
|
+
"test:framework:report:svelte": "npm run test:framework:report -w apps/svelte-framework"
|
|
63
72
|
},
|
|
64
73
|
"dependencies": {
|
|
65
74
|
"@lit/context": "^1.1.6",
|
|
66
|
-
"@lit/reactive-element": "^2.1.
|
|
67
|
-
"lit": "^3.3.
|
|
75
|
+
"@lit/reactive-element": "^2.1.2",
|
|
76
|
+
"lit": "^3.3.2"
|
|
68
77
|
},
|
|
69
78
|
"optionalDependencies": {
|
|
79
|
+
"@rolldown/binding-linux-x64-gnu": "*",
|
|
70
80
|
"@rollup/rollup-linux-x64-gnu": "*"
|
|
71
81
|
},
|
|
72
82
|
"devDependencies": {
|
|
73
|
-
"@aurodesignsystem/auro-accordion": "^6.1.
|
|
83
|
+
"@aurodesignsystem/auro-accordion": "^6.1.2",
|
|
74
84
|
"@aurodesignsystem/auro-button": "^12.3.2",
|
|
75
|
-
"@aurodesignsystem/auro-library": "^5.
|
|
85
|
+
"@aurodesignsystem/auro-library": "^5.12.0",
|
|
86
|
+
"@aurodesignsystem/auro-loader": "^6.2.0",
|
|
76
87
|
"@aurodesignsystem/build-tools": "*",
|
|
77
88
|
"@aurodesignsystem/config": "*",
|
|
78
|
-
"@aurodesignsystem/design-tokens": "^8.
|
|
89
|
+
"@aurodesignsystem/design-tokens": "^8.16.0",
|
|
79
90
|
"@aurodesignsystem/eslint-config": "^1.3.5",
|
|
80
91
|
"@aurodesignsystem/form-validation": "*",
|
|
81
92
|
"@aurodesignsystem/typescript": "*",
|
|
82
93
|
"@aurodesignsystem/utils": "*",
|
|
83
94
|
"@aurodesignsystem/version": "*",
|
|
84
95
|
"@aurodesignsystem/webcorestylesheets": "^10.1.4",
|
|
85
|
-
"@
|
|
86
|
-
"@
|
|
87
|
-
"@commitlint/
|
|
88
|
-
"@
|
|
89
|
-
"@
|
|
96
|
+
"@chromatic-com/storybook": "^5.1.1",
|
|
97
|
+
"@commitlint/cli": "^20.5.0",
|
|
98
|
+
"@commitlint/config-conventional": "^20.5.0",
|
|
99
|
+
"@custom-elements-manifest/analyzer": "^0.11.0",
|
|
100
|
+
"@eslint/compat": "^2.0.4",
|
|
90
101
|
"@open-wc/testing": "^4.0.0",
|
|
91
102
|
"@semantic-release/changelog": "^6.0.3",
|
|
92
103
|
"@semantic-release/git": "^10.0.1",
|
|
93
|
-
"@semantic-release/npm": "^13.1.
|
|
94
|
-
"@storybook/addon-a11y": "^10.
|
|
95
|
-
"@storybook/addon-designs": "^11.1.
|
|
96
|
-
"@storybook/addon-docs": "^10.
|
|
97
|
-
"@storybook/addon-themes": "^10.
|
|
98
|
-
"@storybook/addon-vitest": "^10.
|
|
99
|
-
"@storybook/web-components": "^10.
|
|
100
|
-
"@storybook/web-components-vite": "^10.
|
|
101
|
-
"@types/chai": "^5.2.
|
|
104
|
+
"@semantic-release/npm": "^13.1.5",
|
|
105
|
+
"@storybook/addon-a11y": "^10.3.4",
|
|
106
|
+
"@storybook/addon-designs": "^11.1.3",
|
|
107
|
+
"@storybook/addon-docs": "^10.3.4",
|
|
108
|
+
"@storybook/addon-themes": "^10.3.4",
|
|
109
|
+
"@storybook/addon-vitest": "^10.3.4",
|
|
110
|
+
"@storybook/web-components": "^10.3.4",
|
|
111
|
+
"@storybook/web-components-vite": "^10.3.4",
|
|
112
|
+
"@types/chai": "^5.2.3",
|
|
102
113
|
"@types/mocha": "^10.0.10",
|
|
103
|
-
"@vitest/browser-playwright": "^4.
|
|
104
|
-
"@vitest/coverage-v8": "^4.
|
|
105
|
-
"@wc-toolkit/storybook-helpers": "
|
|
114
|
+
"@vitest/browser-playwright": "^4.1.2",
|
|
115
|
+
"@vitest/coverage-v8": "^4.1.2",
|
|
116
|
+
"@wc-toolkit/storybook-helpers": "10.0.0",
|
|
106
117
|
"@web/dev-server": "^0.4.6",
|
|
107
118
|
"@web/dev-server-hmr": "^0.4.1",
|
|
108
119
|
"@web/test-runner": "^0.20.2",
|
|
109
|
-
"autoprefixer": "^10.4.
|
|
110
|
-
"babel-loader": "^10.
|
|
120
|
+
"autoprefixer": "^10.4.27",
|
|
121
|
+
"babel-loader": "^10.1.1",
|
|
111
122
|
"compression": "^1.8.1",
|
|
112
123
|
"concat": "^1.0.3",
|
|
113
124
|
"concurrently": "^9.2.1",
|
|
114
125
|
"copyfiles": "^2.4.1",
|
|
115
|
-
"core-js": "^3.
|
|
116
|
-
"eslint": "^
|
|
117
|
-
"eslint-plugin-jsdoc": "^
|
|
118
|
-
"eslint-plugin-storybook": "^10.
|
|
126
|
+
"core-js": "^3.49.0",
|
|
127
|
+
"eslint": "^10.2.0",
|
|
128
|
+
"eslint-plugin-jsdoc": "^62.9.0",
|
|
129
|
+
"eslint-plugin-storybook": "^10.3.4",
|
|
119
130
|
"husky": "^9.1.7",
|
|
120
|
-
"lodash": "^4.
|
|
121
|
-
"markdown-magic": "^
|
|
131
|
+
"lodash": "^4.18.1",
|
|
132
|
+
"markdown-magic": "^4.8.0",
|
|
122
133
|
"mockdate": "^3.0.5",
|
|
123
|
-
"nodemon": "^3.1.
|
|
134
|
+
"nodemon": "^3.1.14",
|
|
124
135
|
"npm-run-all": "^4.1.5",
|
|
125
|
-
"playwright": "^1.
|
|
126
|
-
"postcss": "^8.5.
|
|
127
|
-
"postcss-custom-properties": "^
|
|
128
|
-
"postcss-discard-comments": "^7.0.
|
|
129
|
-
"prettier": "^3.
|
|
136
|
+
"playwright": "^1.59.1",
|
|
137
|
+
"postcss": "^8.5.8",
|
|
138
|
+
"postcss-custom-properties": "^15.0.1",
|
|
139
|
+
"postcss-discard-comments": "^7.0.6",
|
|
140
|
+
"prettier": "^3.8.1",
|
|
130
141
|
"remark-gfm": "^4.0.1",
|
|
131
|
-
"sass": "^1.
|
|
132
|
-
"semantic-release": "^25.0.
|
|
142
|
+
"sass": "^1.99.0",
|
|
143
|
+
"semantic-release": "^25.0.3",
|
|
133
144
|
"shadow-dom-testing-library": "^1.13.1",
|
|
134
|
-
"storybook": "^10.
|
|
135
|
-
"storybook-addon-pseudo-states": "^10.
|
|
136
|
-
"storybook-addon-tag-badges": "^3.0
|
|
137
|
-
"stylelint": "^
|
|
145
|
+
"storybook": "^10.3.4",
|
|
146
|
+
"storybook-addon-pseudo-states": "^10.3.4",
|
|
147
|
+
"storybook-addon-tag-badges": "^3.1.0",
|
|
148
|
+
"stylelint": "^17.6.0",
|
|
138
149
|
"stylelint-config-idiomatic-order": "^10.0.0",
|
|
139
|
-
"stylelint-config-standard": "^
|
|
140
|
-
"stylelint-config-standard-scss": "^
|
|
141
|
-
"stylelint-order": "^
|
|
142
|
-
"stylelint-scss": "^
|
|
143
|
-
"turbo": "^2.
|
|
150
|
+
"stylelint-config-standard": "^40.0.0",
|
|
151
|
+
"stylelint-config-standard-scss": "^17.0.0",
|
|
152
|
+
"stylelint-order": "^8.1.1",
|
|
153
|
+
"stylelint-scss": "^7.0.0",
|
|
154
|
+
"turbo": "^2.9.4",
|
|
144
155
|
"typescript": "^5.9.3",
|
|
145
|
-
"vitest": "^4.
|
|
156
|
+
"vitest": "^4.1.2",
|
|
146
157
|
"whatwg-fetch": "^3.6.20",
|
|
147
158
|
"yaml-lint": "^1.7.0"
|
|
148
159
|
},
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The `auro-bibtemplate` element provides users a template for creating modal dialog elements.
|
|
3
|
-
* @customElement auro-bibtemplate
|
|
4
|
-
*
|
|
5
|
-
* @slot default - The default slot for the main content.
|
|
6
|
-
* @slot header - Slot for the header content.
|
|
7
|
-
* @slot subheader - Slot for the subheader content.
|
|
8
|
-
* @slot footer - Slot for the footer content.
|
|
9
|
-
* @slot ariaLabel.close - Slot for the close button aria-label.
|
|
10
|
-
*/
|
|
11
|
-
export class AuroBibtemplate extends LitElement {
|
|
12
|
-
static get styles(): import("lit").CSSResult[];
|
|
13
|
-
static get properties(): {
|
|
14
|
-
isFullscreen: {
|
|
15
|
-
type: BooleanConstructor;
|
|
16
|
-
reflect: boolean;
|
|
17
|
-
};
|
|
18
|
-
large: {
|
|
19
|
-
type: BooleanConstructor;
|
|
20
|
-
reflect: boolean;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* This will register this element with the browser.
|
|
25
|
-
* @param {string} [name="auro-bibtemplate"] - The name of element that you want to register to.
|
|
26
|
-
*
|
|
27
|
-
* @example
|
|
28
|
-
* AuroCheckbox.register("custom-bibtemplate") // this will register this element to <custom-bibtemplate/>
|
|
29
|
-
*
|
|
30
|
-
*/
|
|
31
|
-
static register(name?: string): void;
|
|
32
|
-
large: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* @private
|
|
35
|
-
*/
|
|
36
|
-
private iconTag;
|
|
37
|
-
/**
|
|
38
|
-
* @private
|
|
39
|
-
*/
|
|
40
|
-
private headerTag;
|
|
41
|
-
/**
|
|
42
|
-
* @private
|
|
43
|
-
*/
|
|
44
|
-
private buttonTag;
|
|
45
|
-
/**
|
|
46
|
-
* Prevents scrolling of the body when touching empty areas of the component.
|
|
47
|
-
* @param {Event} event - The touchmove event.
|
|
48
|
-
* @returns {void}
|
|
49
|
-
*/
|
|
50
|
-
preventBodyScroll(event: Event): void;
|
|
51
|
-
/**
|
|
52
|
-
* Focuses the close button inside the bibtemplate's shadow DOM.
|
|
53
|
-
* Used by parent components to set initial focus when the fullscreen dialog opens.
|
|
54
|
-
* @returns {void}
|
|
55
|
-
*/
|
|
56
|
-
focusCloseButton(): void;
|
|
57
|
-
onCloseButtonClick(): void;
|
|
58
|
-
/**
|
|
59
|
-
* Exposes CSS parts for styling from parent components.
|
|
60
|
-
* @returns {void}
|
|
61
|
-
*/
|
|
62
|
-
exposeCssParts(): void;
|
|
63
|
-
firstUpdated(changedProperties: any): void;
|
|
64
|
-
render(): import("lit-html").TemplateResult;
|
|
65
|
-
}
|
|
66
|
-
import { LitElement } from "lit";
|