@aurodesignsystem-dev/auro-formkit 0.0.0-pr1421.1 → 0.0.0-pr1422.0
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 +133 -183
- package/package.json +18 -18
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -3,21 +3,25 @@ The README.md file is a compiled document. No edits should be made directly to t
|
|
|
3
3
|
|
|
4
4
|
README.md is created by running `npm run build:docs:kit`.
|
|
5
5
|
|
|
6
|
+
This file is generated based on the template at
|
|
7
|
+
`./docs/templates/kitReadmeTemplate.md`
|
|
8
|
+
and compiled to `./README.md` each time the docs are compiled.
|
|
9
|
+
|
|
6
10
|
The following sections are editable by making changes to the following files:
|
|
7
11
|
|
|
8
12
|
| SECTION | DESCRIPTION | FILE LOCATION |
|
|
9
13
|
|------------------------|---------------------------------------------------|-------------------------------------|
|
|
10
|
-
| Description | Description of the
|
|
11
|
-
| Use Cases | Examples for when to use this
|
|
12
|
-
| Additional Information | For use to add any
|
|
13
|
-
|
|
|
14
|
-
-->
|
|
15
|
-
|
|
16
|
-
#
|
|
14
|
+
| Description | Description of the kit | `./docs/partials/description.md` |
|
|
15
|
+
| Use Cases | Examples for when to use this kit | `./docs/partials/useCases.md` |
|
|
16
|
+
| Additional Information | For use to add any kit specific information | `./docs/partials/readmeAddlInfo.md` |
|
|
17
|
+
| kit Example Code | HTML sample code of the kits use | `./apiExamples/basic.html` |
|
|
18
|
+
-->
|
|
19
|
+
|
|
20
|
+
# Formkit
|
|
17
21
|
|
|
18
22
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
|
|
19
|
-
<!-- The below content is automatically added from ./docs/partials/description.md -->
|
|
20
|
-
|
|
23
|
+
<!-- The below content is automatically added from ./docs/partials/description.md -->
|
|
24
|
+
|
|
21
25
|
## Description
|
|
22
26
|
|
|
23
27
|
`auro-formkit` is a collection of web components that can be used to build forms.
|
|
@@ -38,58 +42,73 @@ It is a monorepo that contains the following components:
|
|
|
38
42
|
- `auro-radio`
|
|
39
43
|
- `auro-radio-group`
|
|
40
44
|
- `auro-select`
|
|
41
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
42
|
-
|
|
43
|
-
##
|
|
45
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
46
|
+
|
|
47
|
+
## Use Cases
|
|
48
|
+
|
|
49
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
|
|
50
|
+
<!-- The below content is automatically added from ./docs/partials/useCases.md -->
|
|
51
|
+
|
|
52
|
+
### 1. User Accounts
|
|
53
|
+
- Sign up and login forms
|
|
54
|
+
- Email and password validation
|
|
55
|
+
|
|
56
|
+
### 2. Checkout & Payments
|
|
57
|
+
- Collect shipping and billing info
|
|
58
|
+
- Use autofill and validation to reduce errors
|
|
59
|
+
|
|
60
|
+
### 3. Booking & Scheduling
|
|
61
|
+
- Select dates and times
|
|
62
|
+
- Prevent invalid selections (like past dates)
|
|
63
|
+
|
|
64
|
+
### 4. Search & Filters
|
|
65
|
+
- Search inputs with suggestions
|
|
66
|
+
- Filters like price ranges or categories
|
|
67
|
+
|
|
68
|
+
### 5. File Uploads
|
|
69
|
+
- Upload images, documents, or media
|
|
70
|
+
- Restrict file types and allow multiple files
|
|
71
|
+
|
|
72
|
+
### 6. Feedback & Surveys
|
|
73
|
+
- Collect ratings, choices, and comments
|
|
74
|
+
- Require answers where needed
|
|
75
|
+
|
|
76
|
+
### 7. Calculators & Dynamic Forms
|
|
77
|
+
- Show real-time results (e.g., pricing, totals)
|
|
78
|
+
|
|
79
|
+
### 8. Multi-Step Forms
|
|
80
|
+
- Break long forms into smaller steps
|
|
81
|
+
|
|
82
|
+
### 9. Mobile-Friendly Input
|
|
83
|
+
- Use input types that trigger the right keyboard
|
|
84
|
+
|
|
85
|
+
### 10. Accessible Forms
|
|
86
|
+
- Proper labels and grouped inputs
|
|
87
|
+
- Built-in error handling
|
|
88
|
+
|
|
89
|
+
### 11. Built-in Validation
|
|
90
|
+
- Use HTML5 rules instead of custom JavaScript
|
|
91
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
92
|
+
|
|
93
|
+
## Getting Started
|
|
44
94
|
|
|
45
|
-
<!-- AURO-GENERATED-CONTENT:START (
|
|
95
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/kitInstall.md) -->
|
|
96
|
+
<!-- The below content is automatically added from ./docs/partials/kitInstall.md -->
|
|
46
97
|
[](https://github.com/AlaskaAirlines/auro-formkit/actions/workflows/testPublish.yml)
|
|
47
98
|
[](https://www.npmjs.com/package/@aurodesignsystem/auro-formkit)
|
|
48
99
|
[](https://www.apache.org/licenses/LICENSE-2.0)
|
|
49
100
|
|
|
50
101
|
|
|
102
|
+
#### NPM Installation
|
|
103
|
+
|
|
51
104
|
```shell
|
|
52
105
|
$ npm i @aurodesignsystem/auro-formkit
|
|
53
106
|
```
|
|
54
|
-
|
|
55
|
-
Installing as a direct, dev or peer dependency is up to the user installing the package. If you are unsure as to what type of dependency you should use, consider reading this [stack overflow](https://stackoverflow.com/questions/18875674/whats-the-difference-between-dependencies-devdependencies-and-peerdependencies) answer.
|
|
56
|
-
|
|
57
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
58
|
-
|
|
59
|
-
## Getting Started
|
|
60
|
-
|
|
107
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
61
108
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/gettingStarted.md) -->
|
|
62
|
-
<!-- The below content is automatically added from ./docs/partials/gettingStarted.md -->
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
### Usage
|
|
66
|
-
|
|
67
|
-
You can use Auro Formkit components in your project in two ways: automatic or custom registration.
|
|
68
|
-
|
|
69
|
-
#### Automatic Registration
|
|
70
|
-
|
|
71
|
-
For automatic registration, simply import the component:
|
|
72
|
-
|
|
73
|
-
```javascript
|
|
74
|
-
import "@aurodesignsystem/auro-formkit/auro-checkbox";
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
This will automatically register both the `<auro-checkbox>` and the included `<auro-checkbox-group>` component for use in your project. Note that not all Auro Formkit components have sub-components. Be sure to check the documentation for each component to understand its specific usage and registration requirements.
|
|
78
|
-
|
|
79
|
-
#### Custom Registration
|
|
80
|
-
|
|
81
|
-
If you prefer to register the component with a custom name, you can call the component class directly to create a custom registration:
|
|
82
|
-
|
|
83
|
-
```javascript
|
|
84
|
-
import { AuroCheckbox, AuroCheckboxGroup } from "@aurodesignsystem/auro-formkit/auro-checkbox/class";
|
|
85
|
-
|
|
86
|
-
AuroCheckbox.register('custom-checkbox');
|
|
87
|
-
AuroCheckbox.register('custom-checkbox-group');
|
|
88
|
-
```
|
|
89
|
-
|
|
90
|
-
This will register the component as `<custom-checkbox>` and `<custom-checkbox-group>`.
|
|
91
|
-
|
|
92
|
-
#### TypeScript Module Resolution
|
|
109
|
+
<!-- The below content is automatically added from ./docs/partials/gettingStarted.md -->
|
|
110
|
+
|
|
111
|
+
### TypeScript Module Resolution
|
|
93
112
|
|
|
94
113
|
When using TypeScript set `moduleResolution` to `bundler`, add the following to your `tsconfig.json`:
|
|
95
114
|
|
|
@@ -102,111 +121,47 @@ When using TypeScript set `moduleResolution` to `bundler`, add the following to
|
|
|
102
121
|
```
|
|
103
122
|
|
|
104
123
|
This configuration enables proper module resolution for the component's TypeScript files.
|
|
124
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
125
|
+
|
|
126
|
+
## Install from CDN
|
|
105
127
|
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
`index.html -> <head>`
|
|
111
|
-
|
|
112
|
-
```html
|
|
113
|
-
<script type="module">
|
|
114
|
-
import "@aurodesignsystem/auro-formkit/auro-checkbox";
|
|
115
|
-
</script>
|
|
116
|
-
```
|
|
128
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/bundleInstallDescription.md) -->
|
|
129
|
+
<!-- The below content is automatically added from ./docs/partials/bundleInstallDescription.md -->
|
|
130
|
+
In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
|
|
117
131
|
|
|
118
|
-
|
|
132
|
+
Each component is imported individually by its export path:
|
|
119
133
|
|
|
120
134
|
```html
|
|
121
|
-
<auro-checkbox
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
<auro-checkbox value="value2" name="basic" id="checkbox-basic2" checked>
|
|
129
|
-
Checkbox option two
|
|
130
|
-
</auro-checkbox>
|
|
131
|
-
</auro-checkbox-group>
|
|
132
|
-
```
|
|
133
|
-
|
|
134
|
-
By following these steps, you can easily integrate Auro Formkit components into your project.
|
|
135
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
136
|
-
|
|
137
|
-
### Design Token CSS Custom Property dependency
|
|
138
|
-
|
|
139
|
-
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/designTokens.md) -->
|
|
140
|
-
The use of any Auro custom element has a dependency on the [Auro Design Tokens](https://auro.alaskaair.com/getting-started/developers/design-tokens).
|
|
141
|
-
|
|
142
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
143
|
-
|
|
144
|
-
## Development
|
|
145
|
-
|
|
146
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/developmentDescription.md) -->
|
|
147
|
-
<!-- The below content is automatically added from ./docs/partials/developmentDescription.md -->
|
|
148
|
-
|
|
149
|
-
### Filtering
|
|
150
|
-
|
|
151
|
-
Running the `dev` command will open a `localhost` development server for all components in the monorepo at once.
|
|
152
|
-
|
|
153
|
-
To only develop a single component, use the `--filter` flag:
|
|
154
|
-
|
|
155
|
-
```shell
|
|
156
|
-
npx turbo dev --filter=@aurodesignsystem/auro-input
|
|
157
|
-
```
|
|
158
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
159
|
-
|
|
160
|
-
### Start development environment
|
|
161
|
-
|
|
162
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/localhost.md) -->
|
|
163
|
-
<!-- The below content is automatically added from ./docs/partials/localhost.md -->
|
|
164
|
-
|
|
165
|
-
## Local Development
|
|
166
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
167
|
-
|
|
168
|
-
### Testing
|
|
169
|
-
|
|
170
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/testing.md) -->
|
|
171
|
-
<!-- The below content is automatically added from ./docs/partials/testing.md -->
|
|
172
|
-
```
|
|
173
|
-
npm run test
|
|
174
|
-
```
|
|
175
|
-
|
|
176
|
-
#### Port configuration
|
|
135
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-checkbox/+esm"></script>
|
|
136
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-input/+esm"></script>
|
|
137
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-select/+esm"></script>
|
|
138
|
+
```
|
|
139
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
140
|
+
|
|
141
|
+
## Additional Information
|
|
177
142
|
|
|
178
|
-
Turbo will attempt to test components in parallel which will lead to port conflicts.
|
|
179
|
-
|
|
180
|
-
Setting the `concurrency` to `1` will prevent Turbo from running tests in parallel:
|
|
181
|
-
|
|
182
|
-
```
|
|
183
|
-
"test": "turbo run test --concurrency=1",
|
|
184
|
-
```
|
|
185
|
-
|
|
186
|
-
`turbo.json`does not support `--concurrency` yet. See [this issue](https://github.com/vercel/turborepo/discussions/7493).
|
|
187
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
188
143
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/readmeAddlInfo.md) -->
|
|
189
|
-
<!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
This monorepo is managed using [Turborepo](https://turborepo.org/).
|
|
194
|
-
|
|
195
|
-
### Managing dependencies
|
|
196
|
-
|
|
144
|
+
<!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->
|
|
145
|
+
|
|
146
|
+
### Turborepo Overview
|
|
147
|
+
|
|
148
|
+
This monorepo is managed using [Turborepo](https://turborepo.org/).
|
|
149
|
+
|
|
150
|
+
### Managing dependencies
|
|
151
|
+
|
|
197
152
|
#### Best practices for dependency installation
|
|
198
153
|
|
|
199
154
|
When you install a dependency in a component or package in `auro-formkit`, you should install it directly in the package that uses it.
|
|
200
155
|
|
|
201
|
-
The package's `package.json` will have every dependency that it needs. This is true for both external and internal dependencies.
|
|
202
|
-
|
|
203
|
-
### Types of Dependencies by Source
|
|
204
|
-
|
|
156
|
+
The package's `package.json` will have every dependency that it needs. This is true for both external and internal dependencies.
|
|
157
|
+
|
|
158
|
+
### Types of Dependencies by Source
|
|
159
|
+
|
|
205
160
|
#### External Dependencies
|
|
206
161
|
- These are packages fetched from the `npm` registry (e.g., Lit, Rollup, Sass)
|
|
207
162
|
- Declared in `package.json` using exact versions or version ranges
|
|
208
|
-
- Installed in `node_modules` during `npm install` or `yarn install`
|
|
209
|
-
|
|
163
|
+
- Installed in `node_modules` during `npm install` or `yarn install`
|
|
164
|
+
|
|
210
165
|
#### Internal Dependencies
|
|
211
166
|
- These are packages from within the `auro-formkit` monorepo
|
|
212
167
|
- Allow sharing code between different packages in your repository
|
|
@@ -214,33 +169,19 @@ The package's `package.json` will have every dependency that it needs. This is t
|
|
|
214
169
|
- Must be declared in `package.json` just like external dependencies
|
|
215
170
|
- Use workspace protocols (e.g., `"workspace:*"` or `"workspace:^1.0.0"`)
|
|
216
171
|
|
|
217
|
-
### Types of Dependencies by Purpose
|
|
218
|
-
|
|
172
|
+
### Types of Dependencies by Purpose
|
|
173
|
+
|
|
219
174
|
#### Dependencies (`dependencies`)
|
|
220
175
|
- Required for the package to function in production
|
|
221
176
|
- Example:
|
|
222
177
|
```json
|
|
223
178
|
{
|
|
224
179
|
"dependencies": {
|
|
225
|
-
"lit
|
|
226
|
-
"@aurodesignsystem/input": "workspace:*" // Internal dependency
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
```
|
|
230
|
-
|
|
231
|
-
#### Peer Dependencies (`peerDependencies`)
|
|
232
|
-
- Packages that your library expects the consuming application to provide
|
|
233
|
-
- Common for plugins or UI component libraries
|
|
234
|
-
- Example:
|
|
235
|
-
```json
|
|
236
|
-
{
|
|
237
|
-
"peerDependencies": {
|
|
238
|
-
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
239
|
-
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
|
180
|
+
"lit": "^3.0.0"
|
|
240
181
|
}
|
|
241
182
|
}
|
|
242
|
-
```
|
|
243
|
-
|
|
183
|
+
```
|
|
184
|
+
|
|
244
185
|
### Development Dependencies (`devDependencies`)
|
|
245
186
|
- Only needed during development, testing, or building
|
|
246
187
|
- Not included in the production bundle
|
|
@@ -248,36 +189,30 @@ The package's `package.json` will have every dependency that it needs. This is t
|
|
|
248
189
|
```json
|
|
249
190
|
{
|
|
250
191
|
"devDependencies": {
|
|
251
|
-
"
|
|
252
|
-
"@
|
|
192
|
+
"@aurodesignsystem/auro-dropdown": "*",
|
|
193
|
+
"@aurodesignsystem/build-tools": "*",
|
|
194
|
+
"rollup": "^4.24.4"
|
|
253
195
|
}
|
|
254
196
|
}
|
|
255
|
-
```
|
|
197
|
+
```
|
|
198
|
+
|
|
199
|
+
### Example: Component Dependencies
|
|
256
200
|
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
Let's use `@auro-formki/combobox` as an example to illustrate these concepts:
|
|
201
|
+
Let's use `@aurodesignsystem/combobox` as an example to illustrate these concepts:
|
|
260
202
|
|
|
261
203
|
```json
|
|
262
204
|
{
|
|
263
205
|
"name": "@aurodesignsystem/combobox",
|
|
264
206
|
"dependencies": {
|
|
265
|
-
|
|
266
|
-
"@aurodesignsystem/auro-dropdown": "*", // Required UI component
|
|
267
|
-
"@aurodesignsystem/auro-input": "*", // Required UI component
|
|
268
|
-
|
|
269
|
-
// External dependencies
|
|
270
|
-
"@alaskaairux/icons": "^5.3.0", // Required UI component
|
|
271
|
-
"lit": "^3.2.1" // Framework
|
|
272
|
-
},
|
|
273
|
-
"peerDependencies": {
|
|
274
|
-
"@aurodesignsystem/design-tokens": "^4.12.1",
|
|
275
|
-
"@aurodesignsystem/webcorestylesheets": "^5.1.2"
|
|
207
|
+
"lit": "^3.2.1"
|
|
276
208
|
},
|
|
277
209
|
"devDependencies": {
|
|
210
|
+
// Internal component dependencies
|
|
211
|
+
"@aurodesignsystem/auro-dropdown": "*",
|
|
212
|
+
"@aurodesignsystem/auro-input": "*",
|
|
278
213
|
// Build utilities
|
|
279
214
|
"rollup": "^4.24.4",
|
|
280
|
-
"@aurodesignsystem/build-tools": "*"
|
|
215
|
+
"@aurodesignsystem/build-tools": "*"
|
|
281
216
|
}
|
|
282
217
|
}
|
|
283
218
|
```
|
|
@@ -286,7 +221,6 @@ This structure ensures that:
|
|
|
286
221
|
1. The package explicitly declares all its dependencies
|
|
287
222
|
2. Internal dependencies are properly tracked and versioned
|
|
288
223
|
3. Development tools are separated from production dependencies
|
|
289
|
-
4. Peer dependencies are clearly communicated to consumers
|
|
290
224
|
|
|
291
225
|
- External dependencies come from the `npm` registry.
|
|
292
226
|
|
|
@@ -302,8 +236,8 @@ This practice has several benefits:
|
|
|
302
236
|
|
|
303
237
|
- **Pruning unused dependencies:** When dependencies are installed in the packages that they are meant for, Turborepo can read your lockfile and remove dependencies that aren't used in the packages you need.
|
|
304
238
|
|
|
305
|
-
For more information, see the [Turborepo docs](https://turbo.build/repo/docs/crafting-your-repository/managing-dependencies).
|
|
306
|
-
|
|
239
|
+
For more information, see the [Turborepo docs](https://turbo.build/repo/docs/crafting-your-repository/managing-dependencies).
|
|
240
|
+
|
|
307
241
|
### Root `package.json`
|
|
308
242
|
|
|
309
243
|
The only dependencies that belong in the root `package.json` are **tools for managing the repository**.
|
|
@@ -311,4 +245,20 @@ The only dependencies that belong in the root `package.json` are **tools for man
|
|
|
311
245
|
Some examples of dependencies that make sense to install in the root are `turbo`, `husky`, or `stylelint`.
|
|
312
246
|
|
|
313
247
|
Conversely, dependencies Auro components rely on should be installed in their respective packages, such as `Lit`, `Rollup`, or other `auro-formkit` dependencies.
|
|
248
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
249
|
+
|
|
250
|
+
## Formkit Development
|
|
251
|
+
|
|
252
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/developmentDescription.md) -->
|
|
253
|
+
<!-- The below content is automatically added from ./docs/partials/developmentDescription.md -->
|
|
254
|
+
|
|
255
|
+
### Filtering
|
|
256
|
+
|
|
257
|
+
Running the `dev` command will open a `localhost` development server for all components in the monorepo at once.
|
|
258
|
+
|
|
259
|
+
To only develop a single component, use the `--filter` flag:
|
|
260
|
+
|
|
261
|
+
```shell
|
|
262
|
+
npx turbo dev --filter=@aurodesignsystem/auro-input
|
|
263
|
+
```
|
|
314
264
|
<!-- AURO-GENERATED-CONTENT:END -->
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem-dev/auro-formkit",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-pr1422.0",
|
|
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": {
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"custom-elements.json"
|
|
37
37
|
],
|
|
38
38
|
"scripts": {
|
|
39
|
-
"build": "npm run analyze && turbo run build",
|
|
39
|
+
"build": "npm run analyze && npm run build:docs:kit && turbo run build",
|
|
40
40
|
"build:force": "npm run analyze && turbo run build --force",
|
|
41
41
|
"sass": "turbo run sass",
|
|
42
42
|
"build:version": "turbo run build:version",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"devDependencies": {
|
|
83
83
|
"@aurodesignsystem/auro-accordion": "^6.1.2",
|
|
84
84
|
"@aurodesignsystem/auro-button": "^12.3.2",
|
|
85
|
-
"@aurodesignsystem/auro-library": "
|
|
85
|
+
"@aurodesignsystem/auro-library": "npm:@aurodesignsystem-dev/auro-library@^0.0.0-pr248.0",
|
|
86
86
|
"@aurodesignsystem/auro-loader": "^6.2.0",
|
|
87
87
|
"@aurodesignsystem/build-tools": "*",
|
|
88
88
|
"@aurodesignsystem/config": "*",
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"@aurodesignsystem/utils": "*",
|
|
94
94
|
"@aurodesignsystem/version": "*",
|
|
95
95
|
"@aurodesignsystem/webcorestylesheets": "^10.1.4",
|
|
96
|
-
"@chromatic-com/storybook": "^5.
|
|
96
|
+
"@chromatic-com/storybook": "^5.1.1",
|
|
97
97
|
"@commitlint/cli": "^20.5.0",
|
|
98
98
|
"@commitlint/config-conventional": "^20.5.0",
|
|
99
99
|
"@custom-elements-manifest/analyzer": "^0.11.0",
|
|
@@ -102,18 +102,18 @@
|
|
|
102
102
|
"@semantic-release/changelog": "^6.0.3",
|
|
103
103
|
"@semantic-release/git": "^10.0.1",
|
|
104
104
|
"@semantic-release/npm": "^13.1.5",
|
|
105
|
-
"@storybook/addon-a11y": "^10.
|
|
105
|
+
"@storybook/addon-a11y": "^10.3.4",
|
|
106
106
|
"@storybook/addon-designs": "^11.1.3",
|
|
107
|
-
"@storybook/addon-docs": "^10.
|
|
108
|
-
"@storybook/addon-themes": "^10.
|
|
109
|
-
"@storybook/addon-vitest": "^10.
|
|
110
|
-
"@storybook/web-components": "^10.
|
|
111
|
-
"@storybook/web-components-vite": "^10.
|
|
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
112
|
"@types/chai": "^5.2.3",
|
|
113
113
|
"@types/mocha": "^10.0.10",
|
|
114
|
-
"@vitest/browser-playwright": "^4.
|
|
115
|
-
"@vitest/coverage-v8": "^4.
|
|
116
|
-
"@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",
|
|
117
117
|
"@web/dev-server": "^0.4.6",
|
|
118
118
|
"@web/dev-server-hmr": "^0.4.1",
|
|
119
119
|
"@web/test-runner": "^0.20.2",
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
"mockdate": "^3.0.5",
|
|
134
134
|
"nodemon": "^3.1.14",
|
|
135
135
|
"npm-run-all": "^4.1.5",
|
|
136
|
-
"playwright": "^1.
|
|
136
|
+
"playwright": "^1.59.1",
|
|
137
137
|
"postcss": "^8.5.8",
|
|
138
138
|
"postcss-custom-properties": "^15.0.1",
|
|
139
139
|
"postcss-discard-comments": "^7.0.6",
|
|
@@ -142,9 +142,9 @@
|
|
|
142
142
|
"sass": "^1.99.0",
|
|
143
143
|
"semantic-release": "^25.0.3",
|
|
144
144
|
"shadow-dom-testing-library": "^1.13.1",
|
|
145
|
-
"storybook": "^10.
|
|
146
|
-
"storybook-addon-pseudo-states": "^10.
|
|
147
|
-
"storybook-addon-tag-badges": "^3.0
|
|
145
|
+
"storybook": "^10.3.4",
|
|
146
|
+
"storybook-addon-pseudo-states": "^10.3.4",
|
|
147
|
+
"storybook-addon-tag-badges": "^3.1.0",
|
|
148
148
|
"stylelint": "^17.6.0",
|
|
149
149
|
"stylelint-config-idiomatic-order": "^10.0.0",
|
|
150
150
|
"stylelint-config-standard": "^40.0.0",
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
"stylelint-scss": "^7.0.0",
|
|
154
154
|
"turbo": "^2.9.4",
|
|
155
155
|
"typescript": "^5.9.3",
|
|
156
|
-
"vitest": "^4.
|
|
156
|
+
"vitest": "^4.1.2",
|
|
157
157
|
"whatwg-fetch": "^3.6.20",
|
|
158
158
|
"yaml-lint": "^1.7.0"
|
|
159
159
|
},
|