@aurodesignsystem/auro-formkit 2.0.0-beta.52 → 2.0.0-beta.54

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.
Files changed (72) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +27 -6
  3. package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/index.js +4 -3
  5. package/components/bibtemplate/dist/registered.js +4 -3
  6. package/components/checkbox/README.md +56 -93
  7. package/components/checkbox/demo/index.md +0 -45
  8. package/components/checkbox/demo/readme.html +49 -0
  9. package/components/checkbox/demo/readme.md +142 -0
  10. package/components/combobox/README.md +57 -102
  11. package/components/combobox/demo/api.min.js +9 -7
  12. package/components/combobox/demo/index.md +0 -53
  13. package/components/combobox/demo/index.min.js +9 -7
  14. package/components/combobox/demo/readme.html +49 -0
  15. package/components/combobox/demo/readme.md +152 -0
  16. package/components/combobox/dist/index.js +9 -7
  17. package/components/combobox/dist/registered.js +9 -7
  18. package/components/counter/README.md +58 -100
  19. package/components/counter/demo/api.js +3 -0
  20. package/components/counter/demo/api.md +254 -12
  21. package/components/counter/demo/api.min.js +26 -11
  22. package/components/counter/demo/index.html +0 -1
  23. package/components/counter/demo/index.js +1 -2
  24. package/components/counter/demo/index.md +71 -221
  25. package/components/counter/demo/index.min.js +15 -11
  26. package/components/counter/demo/readme.html +49 -0
  27. package/components/counter/demo/readme.md +146 -0
  28. package/components/counter/dist/auro-counter-group.d.ts +6 -6
  29. package/components/counter/dist/auro-counter.d.ts +1 -1
  30. package/components/counter/dist/index.js +15 -11
  31. package/components/counter/dist/registered.js +15 -11
  32. package/components/datepicker/README.md +57 -95
  33. package/components/datepicker/demo/api.min.js +9 -7
  34. package/components/datepicker/demo/index.md +0 -39
  35. package/components/datepicker/demo/index.min.js +9 -7
  36. package/components/datepicker/demo/readme.html +49 -0
  37. package/components/datepicker/demo/readme.md +140 -0
  38. package/components/datepicker/dist/index.js +9 -7
  39. package/components/datepicker/dist/registered.js +9 -7
  40. package/components/dropdown/README.md +56 -92
  41. package/components/dropdown/demo/index.md +1 -60
  42. package/components/dropdown/demo/readme.html +49 -0
  43. package/components/dropdown/demo/readme.md +144 -0
  44. package/components/form/README.md +64 -98
  45. package/components/form/demo/index.md +94 -25
  46. package/components/form/demo/readme.html +49 -0
  47. package/components/form/demo/readme.md +146 -0
  48. package/components/input/README.md +56 -87
  49. package/components/input/demo/api.min.js +5 -4
  50. package/components/input/demo/index.md +0 -31
  51. package/components/input/demo/index.min.js +5 -4
  52. package/components/input/demo/readme.html +49 -0
  53. package/components/input/demo/readme.md +135 -0
  54. package/components/input/dist/index.js +5 -4
  55. package/components/input/dist/registered.js +5 -4
  56. package/components/menu/README.md +56 -93
  57. package/components/menu/demo/index.md +1 -44
  58. package/components/menu/demo/readme.html +49 -0
  59. package/components/menu/demo/readme.md +145 -0
  60. package/components/radio/README.md +56 -87
  61. package/components/radio/demo/index.md +0 -45
  62. package/components/radio/demo/readme.html +49 -0
  63. package/components/radio/demo/readme.md +137 -0
  64. package/components/select/README.md +57 -100
  65. package/components/select/demo/api.min.js +4 -3
  66. package/components/select/demo/index.md +0 -53
  67. package/components/select/demo/index.min.js +4 -3
  68. package/components/select/demo/readme.html +49 -0
  69. package/components/select/demo/readme.md +143 -0
  70. package/components/select/dist/index.js +4 -3
  71. package/components/select/dist/registered.js +4 -3
  72. package/package.json +3 -2
@@ -4359,7 +4359,7 @@ class AuroIcon extends BaseIcon {
4359
4359
 
4360
4360
  var iconVersion = '6.1.2';
4361
4361
 
4362
- var styleCss$3 = i$5$1`.heading{margin:1.75rem 0;letter-spacing:var(--ds-text-heading-default-spacing, -0.2px);font-weight:var(--ds-text-heading-default-weight, 500)}.heading--display{margin-top:0;font-size:var(--ds-text-heading-display-size-breakpoint-sm, 2.75rem);font-weight:var(--ds-text-heading-display-weight, 100);line-height:var(--ds-text-heading-display-height-breakpoint-sm, 3.375rem)}@media screen and (min-width: 768px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-md, 3rem);line-height:var(--ds-text-heading-display-height-breakpoint-md, 3.75rem)}}@media screen and (min-width: 1024px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-lg, 3.5rem);line-height:var(--ds-text-heading-display-height-breakpoint-lg, 4.25rem)}}.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-sm, 2rem);font-weight:var(--ds-text-heading-800-weight, 500);line-height:var(--ds-text-heading-800-height-breakpoint-sm, 2.375rem)}@media screen and (min-width: 768px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-md, 2.25rem);line-height:var(--ds-text-heading-800-height-breakpoint-md, 2.625rem)}}@media screen and (min-width: 1024px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-lg, 2.5rem);line-height:var(--ds-text-heading-800-height-breakpoint-lg, 3rem)}}.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-sm, 1.75rem);font-weight:var(--ds-text-heading-700-weight, 500);line-height:var(--ds-text-heading-700-height-breakpoint-sm, 2.125rem)}@media screen and (min-width: 768px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-md, 2rem);line-height:var(--ds-text-heading-700-height-breakpoint-md, 2.375rem)}}@media screen and (min-width: 1024px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-lg, 2.25rem);line-height:var(--ds-text-heading-700-height-breakpoint-lg, 2.75rem)}}.heading--600{margin:1rem 0;font-size:var(--ds-text-heading-600-size-breakpoint-sm, 1.625rem);font-weight:var(--ds-text-heading-600-weight, 300);line-height:var(--ds-text-heading-600-height-breakpoint-sm, 1.875rem)}@media screen and (min-width: 768px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-md, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-md, 2.125rem)}}@media screen and (min-width: 1024px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-lg, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-lg, 2.25rem)}}.heading--500{margin:1rem 0;font-size:var(--ds-text-heading-500-size-breakpoint-sm, 1.375rem);font-weight:var(--ds-text-heading-500-weight, 300);line-height:var(--ds-text-heading-500-height-breakpoint-sm, 1.625rem)}@media screen and (min-width: 768px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-md, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-md, 1.875rem)}}@media screen and (min-width: 1024px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-lg, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-lg, 2rem)}}.heading--400{margin:.75rem 0;font-size:var(--ds-text-heading-400-size, 1.25rem);font-weight:var(--ds-text-heading-400-weight, 300);line-height:var(--ds-text-heading-400-height, 1.625rem)}.heading--300{margin:.75rem 0;font-size:var(--ds-text-heading-300-size, 1.125rem);font-weight:var(--ds-text-heading-300-weight, 300);line-height:var(--ds-text-heading-300-height, 1.625rem)}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, 0.125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, 0.25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, 0.5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, 0.75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, 0.125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, 0.25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, 0.5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, 0.75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}`;
4362
+ var styleCss$3 = i$5$1`.heading{margin:1.75rem 0;letter-spacing:var(--ds-text-heading-default-spacing, -0.2px);font-weight:var(--ds-text-heading-default-weight, 500)}.heading--display{margin-top:0;font-size:var(--ds-text-heading-display-size-breakpoint-sm, 2.75rem);font-weight:var(--ds-text-heading-display-weight, 100);line-height:var(--ds-text-heading-display-height-breakpoint-sm, 3.375rem)}@media screen and (min-width: 768px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-md, 3rem);line-height:var(--ds-text-heading-display-height-breakpoint-md, 3.75rem)}}@media screen and (min-width: 1024px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-lg, 3.5rem);line-height:var(--ds-text-heading-display-height-breakpoint-lg, 4.25rem)}}.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-sm, 2rem);font-weight:var(--ds-text-heading-800-weight, 500);line-height:var(--ds-text-heading-800-height-breakpoint-sm, 2.375rem)}@media screen and (min-width: 768px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-md, 2.25rem);line-height:var(--ds-text-heading-800-height-breakpoint-md, 2.625rem)}}@media screen and (min-width: 1024px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-lg, 2.5rem);line-height:var(--ds-text-heading-800-height-breakpoint-lg, 3rem)}}.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-sm, 1.75rem);font-weight:var(--ds-text-heading-700-weight, 500);line-height:var(--ds-text-heading-700-height-breakpoint-sm, 2.125rem)}@media screen and (min-width: 768px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-md, 2rem);line-height:var(--ds-text-heading-700-height-breakpoint-md, 2.375rem)}}@media screen and (min-width: 1024px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-lg, 2.25rem);line-height:var(--ds-text-heading-700-height-breakpoint-lg, 2.75rem)}}.heading--600{margin:1rem 0;font-size:var(--ds-text-heading-600-size-breakpoint-sm, 1.625rem);font-weight:var(--ds-text-heading-600-weight, 300);line-height:var(--ds-text-heading-600-height-breakpoint-sm, 1.875rem)}@media screen and (min-width: 768px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-md, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-md, 2.125rem)}}@media screen and (min-width: 1024px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-lg, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-lg, 2.25rem)}}.heading--500{margin:1rem 0;font-size:var(--ds-text-heading-500-size-breakpoint-sm, 1.375rem);font-weight:var(--ds-text-heading-500-weight, 300);line-height:var(--ds-text-heading-500-height-breakpoint-sm, 1.625rem)}@media screen and (min-width: 768px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-md, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-md, 1.875rem)}}@media screen and (min-width: 1024px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-lg, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-lg, 2rem)}}.heading--400{margin:.75rem 0;font-size:var(--ds-text-heading-400-size, 1.25rem);font-weight:var(--ds-text-heading-400-weight, 300);line-height:var(--ds-text-heading-400-height, 1.625rem)}.heading--300{margin:.75rem 0;font-size:var(--ds-text-heading-300-size, 1.125rem);font-weight:var(--ds-text-heading-300-weight, 300);line-height:var(--ds-text-heading-300-height, 1.625rem)}:host([no-margin-block]) .heading{margin-block:0}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, 0.125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, 0.25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, 0.5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, 0.75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, 0.125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, 0.25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, 0.5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, 0.75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}`;
4363
4363
 
4364
4364
  // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
4365
4365
  // See LICENSE in the project root for license information.
@@ -4368,6 +4368,7 @@ var styleCss$3 = i$5$1`.heading{margin:1.75rem 0;letter-spacing:var(--ds-text-he
4368
4368
  /**
4369
4369
  * The auro-header component is a custom element to make using headers with the Auro Design System seamless and easy.
4370
4370
  *
4371
+ * @attr {Boolean} no-margin-block - if declared, margin-block will be set to `0`
4371
4372
  * @attr {String} level - Determines heading level for HTML element. Options are `1` - `6`
4372
4373
  * @attr {String} display - Determines presentation of header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
4373
4374
  * @attr {String} color - Allows user to pass in CSS custom property or direct hex value to change the color of the header
@@ -4500,7 +4501,7 @@ class AuroHeader extends r$4 {
4500
4501
  }
4501
4502
  }
4502
4503
 
4503
- var headerVersion = '3.0.0';
4504
+ var headerVersion = '4.0.0';
4504
4505
 
4505
4506
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
4506
4507
  // See LICENSE in the project root for license information.
@@ -4599,7 +4600,7 @@ class AuroBibtemplate extends r$4 {
4599
4600
  <button id="closeButton" @click="${this.onCloseButtonClick}">
4600
4601
  <${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
4601
4602
  </button>
4602
- <${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header">
4603
+ <${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
4603
4604
  <slot name="header"></slot>
4604
4605
  </${this.headerTag}>
4605
4606
  <span id="subheader">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/auro-formkit",
3
- "version": "2.0.0-beta.52",
3
+ "version": "2.0.0-beta.54",
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": {
@@ -48,7 +48,8 @@
48
48
  "build:docs:kit": "node ./packages/build-tools/src/kitDocProcessor.mjs",
49
49
  "sweep": "find ./components ./packages -type d -name 'dist' -exec rm -rf {} + && find ./ -type d -name '.turbo' -exec rm -rf {} + && find ./components ./packages -not -path '*/node_modules/*' -type f \\( -name '*.css' -o -name '*-css.js' \\) -delete",
50
50
  "preCommit": "node ./node_modules/@aurodesignsystem/auro-library/scripts/build/pre-commit.mjs",
51
- "prepare": "husky"
51
+ "prepare": "husky",
52
+ "deploy-demo": "npm run build && sh ./deploy-components.sh"
52
53
  },
53
54
  "dependencies": {
54
55
  "@aurodesignsystem/auro-library": "^3.0.10"