@aurodesignsystem-dev/auro-formkit 0.0.0-pr622.1 → 0.0.0-pr624.1

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 (109) hide show
  1. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  2. package/components/bibtemplate/dist/index.js +2 -2
  3. package/components/bibtemplate/dist/registered.js +2 -2
  4. package/components/checkbox/README.md +1 -1
  5. package/components/checkbox/demo/api.min.js +14 -3
  6. package/components/checkbox/demo/index.min.js +14 -3
  7. package/components/checkbox/demo/readme.md +1 -1
  8. package/components/checkbox/dist/auro-checkbox-group.d.ts +1 -1
  9. package/components/checkbox/dist/auro-checkbox.d.ts +5 -1
  10. package/components/checkbox/dist/index.js +14 -3
  11. package/components/checkbox/dist/registered.js +14 -3
  12. package/components/combobox/README.md +1 -1
  13. package/components/combobox/demo/api.md +3 -0
  14. package/components/combobox/demo/api.min.js +1479 -395
  15. package/components/combobox/demo/index.html +2 -0
  16. package/components/combobox/demo/index.md +75 -0
  17. package/components/combobox/demo/index.min.js +1479 -395
  18. package/components/combobox/demo/readme.md +1 -1
  19. package/components/combobox/dist/auro-combobox.d.ts +19 -9
  20. package/components/combobox/dist/index.js +1471 -387
  21. package/components/combobox/dist/registered.js +1471 -387
  22. package/components/counter/README.md +1 -1
  23. package/components/counter/demo/api.min.js +433 -104
  24. package/components/counter/demo/index.min.js +433 -104
  25. package/components/counter/demo/readme.md +1 -1
  26. package/components/counter/dist/iconVersion.d.ts +1 -1
  27. package/components/counter/dist/index.js +433 -104
  28. package/components/counter/dist/registered.js +433 -104
  29. package/components/datepicker/README.md +1 -1
  30. package/components/datepicker/demo/api.min.js +1157 -376
  31. package/components/datepicker/demo/index.min.js +1157 -376
  32. package/components/datepicker/demo/readme.md +1 -1
  33. package/components/datepicker/dist/index.js +1156 -375
  34. package/components/datepicker/dist/registered.js +1156 -375
  35. package/components/dropdown/README.md +1 -1
  36. package/components/dropdown/demo/api.md +59 -35
  37. package/components/dropdown/demo/api.min.js +361 -88
  38. package/components/dropdown/demo/index.md +52 -0
  39. package/components/dropdown/demo/index.min.js +361 -88
  40. package/components/dropdown/demo/readme.md +1 -1
  41. package/components/dropdown/dist/auro-dropdown.d.ts +70 -21
  42. package/components/dropdown/dist/index.js +331 -58
  43. package/components/dropdown/dist/registered.js +331 -58
  44. package/components/dropdown/dist/styles/default/style-css.d.ts +2 -0
  45. package/components/dropdown/dist/styles/emphasized/style-css.d.ts +2 -0
  46. package/components/dropdown/dist/styles/shapeSize-css.d.ts +2 -0
  47. package/components/dropdown/dist/styles/snowflake/style-css.d.ts +2 -0
  48. package/components/form/README.md +1 -1
  49. package/components/form/demo/readme.md +1 -1
  50. package/components/input/README.md +2 -2
  51. package/components/input/demo/api.md +76 -64
  52. package/components/input/demo/api.min.js +747 -295
  53. package/components/input/demo/index.html +1 -1
  54. package/components/input/demo/index.md +49 -4
  55. package/components/input/demo/index.min.js +747 -295
  56. package/components/input/demo/readme.md +2 -2
  57. package/components/input/dist/auro-input.d.ts +97 -3
  58. package/components/input/dist/base-input.d.ts +36 -18
  59. package/components/input/dist/index.js +681 -229
  60. package/components/input/dist/registered.js +681 -229
  61. package/components/input/dist/styles/classic/color-css.d.ts +2 -0
  62. package/components/input/dist/styles/classic/style-css.d.ts +2 -0
  63. package/components/input/dist/styles/default/borders-css.d.ts +2 -0
  64. package/components/input/dist/styles/default/color-css.d.ts +2 -0
  65. package/components/input/dist/styles/default/input-css.d.ts +2 -0
  66. package/components/input/dist/styles/default/label-css.d.ts +2 -0
  67. package/components/input/dist/styles/default/mixins-css.d.ts +2 -0
  68. package/components/input/dist/styles/default/notificationIcons-css.d.ts +2 -0
  69. package/components/input/dist/styles/default/style-css.d.ts +2 -0
  70. package/components/input/dist/styles/emphasized/color-css.d.ts +2 -0
  71. package/components/input/dist/styles/emphasized/style-css.d.ts +2 -0
  72. package/components/input/dist/styles/shapeSize-css.d.ts +2 -0
  73. package/components/input/dist/styles/snowflake/style-css.d.ts +2 -0
  74. package/components/layoutElement/dist/auroElement.d.ts +34 -0
  75. package/components/layoutElement/dist/index.d.ts +1 -0
  76. package/components/layoutElement/dist/index.js +1 -0
  77. package/components/layoutElement/dist/registered.js +1 -0
  78. package/components/menu/README.md +1 -1
  79. package/components/menu/demo/api.min.js +2 -2
  80. package/components/menu/demo/index.min.js +2 -2
  81. package/components/menu/demo/readme.md +1 -1
  82. package/components/menu/dist/iconVersion.d.ts +1 -1
  83. package/components/menu/dist/index.js +2 -2
  84. package/components/menu/dist/registered.js +2 -2
  85. package/components/radio/README.md +1 -1
  86. package/components/radio/demo/api.md +8 -0
  87. package/components/radio/demo/api.min.js +13 -5
  88. package/components/radio/demo/index.min.js +13 -5
  89. package/components/radio/demo/readme.md +1 -1
  90. package/components/radio/dist/auro-radio.d.ts +4 -0
  91. package/components/radio/dist/index.js +13 -5
  92. package/components/radio/dist/registered.js +13 -5
  93. package/components/select/README.md +1 -1
  94. package/components/select/demo/api.html +15 -0
  95. package/components/select/demo/api.md +178 -0
  96. package/components/select/demo/api.min.js +403 -62
  97. package/components/select/demo/index.html +15 -0
  98. package/components/select/demo/index.md +177 -0
  99. package/components/select/demo/index.min.js +403 -62
  100. package/components/select/demo/readme.md +1 -1
  101. package/components/select/dist/auro-select.d.ts +27 -0
  102. package/components/select/dist/index.js +400 -58
  103. package/components/select/dist/registered.js +400 -58
  104. package/package.json +2 -2
  105. /package/components/{dropdown/dist/styles/bibColors-css.d.ts → combobox/dist/styles/emphasized/style-css.d.ts} +0 -0
  106. /package/components/{dropdown/dist/styles/bibStyles-css.d.ts → combobox/dist/styles/snowflake/style-css.d.ts} +0 -0
  107. /package/components/{input/dist/styles/borders-css.d.ts → dropdown/dist/styles/default/bibColors-css.d.ts} +0 -0
  108. /package/components/{input/dist/styles/label-css.d.ts → dropdown/dist/styles/default/bibStyles-css.d.ts} +0 -0
  109. /package/components/{input/dist/styles/notificationIcons-css.d.ts → dropdown/dist/styles/default/color-css.d.ts} +0 -0
package/components/input/demo/index.html CHANGED
@@ -29,7 +29,7 @@
29
29
  Prism.highlightAll();
30
30
  });
31
31
  </script>
32
-
32
+
33
33
  <script type="module" data-demo-script="true">
34
34
  import { initExamples } from "./index.min.js";
35
35
 
package/components/input/demo/index.md CHANGED
@@ -15,6 +15,51 @@ The `<auro-input>` element should be used in situations where users may:
15
15
  * be filling out a form
16
16
  <!-- AURO-GENERATED-CONTENT:END -->
17
17
 
18
+ ## Emphasized Layout
19
+
20
+ <div class="exampleWrapper--ondark">
21
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
22
+ <!-- The below content is automatically added from ./../apiExamples/emphasized/basic.html -->
23
+ <!-- <auro-input layout="default" shape="rounded" size="xl" placeholder="Departure">
24
+ <label slot="label">From</label>
25
+ </auro-input> -->
26
+ <auro-input id="alpha" value="lax" layout="emphasized" shape="box" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
27
+ <label slot="label">From</label>
28
+ <span slot="helptext">Example help text</span>
29
+ <span slot="displayValue">
30
+ <div>
31
+ <div class="mainText">LAX</div>
32
+ <div class="subText">Los Angeles</div>
33
+ </div>
34
+ </span>
35
+ </auro-input>
36
+ <auro-input id="beta" layout="emphasized" shape="pill" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
37
+ <label slot="label">From</label>
38
+ <span slot="helptext">Example help text</span>
39
+ </auro-input>
40
+ <auro-input id="charlie" layout="emphasized-left" shape="pill-left" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
41
+ <label slot="label">From</label>
42
+ <span slot="helptext">Example help text</span>
43
+ </auro-input>
44
+ <auro-input id="delta" layout="emphasized-right" shape="pill-right" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
45
+ <label slot="label">From</label>
46
+ <span slot="helptext">Example help text</span>
47
+ </auro-input>
48
+ <!-- AURO-GENERATED-CONTENT:END -->
49
+ </div>
50
+
51
+ ## Snowflake Layout
52
+
53
+ <div class="exampleWrapper--ondark">
54
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic.html) -->
55
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/basic.html -->
56
+ <auro-input id="snowflakePill" layout="snowflake" shape="snowflake" size="lg" placeholder="Departure" style="width: 249px;" ondark required>
57
+ <label slot="label">From</label>
58
+ <span slot="helptext">Example help text</span>
59
+ </auro-input>
60
+ <!-- AURO-GENERATED-CONTENT:END -->
61
+ </div>
62
+
18
63
  ## Default component
19
64
 
20
65
  The default component supports the basic input `type="text"` structure. The `(optional)` label is provided to instruct the user that their input is not required. Use the `bordered` attribute for a bordered `<auro-input>`.
@@ -22,13 +67,13 @@ The default component supports the basic input `type="text"` structure. The `(op
22
67
  <div class="exampleWrapper">
23
68
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
24
69
  <!-- The below content is automatically added from ./../apiExamples/basic.html -->
25
- <auro-input bordered></auro-input>
70
+ <auro-input bordered shape="rounded" size="lg"></auro-input>
26
71
  <!-- AURO-GENERATED-CONTENT:END -->
27
72
  </div>
28
73
  <div class="exampleWrapper--ondark" aria-hidden>
29
74
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
30
75
  <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
31
- <auro-input onDark bordered></auro-input>
76
+ <auro-input onDark bordered shape="rounded" size="lg"></auro-input>
32
77
  <!-- AURO-GENERATED-CONTENT:END -->
33
78
  </div>
34
79
  <auro-accordion alignRight>
@@ -37,14 +82,14 @@ The default component supports the basic input `type="text"` structure. The `(op
37
82
  <!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
38
83
 
39
84
  ```html
40
- <auro-input bordered></auro-input>
85
+ <auro-input bordered shape="rounded" size="lg"></auro-input>
41
86
  ```
42
87
  <!-- AURO-GENERATED-CONTENT:END -->
43
88
  <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/onDark.html) -->
44
89
  <!-- The below code snippet is automatically added from ./../apiExamples/onDark.html -->
45
90
 
46
91
  ```html
47
- <auro-input onDark bordered></auro-input>
92
+ <auro-input onDark bordered shape="rounded" size="lg"></auro-input>
48
93
  ```
49
94
  <!-- AURO-GENERATED-CONTENT:END -->
50
95
  </auro-accordion>