@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
@@ -46,6 +46,8 @@
46
46
  <!-- If additional elements are needed for the demo, add them here. -->
47
47
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
48
48
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
49
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
50
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
49
51
 
50
52
  <script type="module" data-demo-script="true">
51
53
  import { initExamples } from "./index.min.js"
@@ -22,6 +22,81 @@ The `<auro-combobox>` element should be used in situations where users may:
22
22
 
23
23
  ## Example(s)
24
24
 
25
+ ### Emphasized
26
+
27
+ <div class="exampleWrapper--ondark">
28
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
29
+ <!-- The below content is automatically added from ./../apiExamples/emphasized/basic.html -->
30
+ <auro-combobox layout="emphasized" shape="pill" size="xl" placeholder="Placeholder content" required ondark style="width: 249px;">
31
+ <span slot="bib.fullscreen.headline">Bib Header</span>
32
+ <span slot="label">Name</span>
33
+ <auro-menu>
34
+ <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
35
+ <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
36
+ <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
37
+ <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
38
+ <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
39
+ <auro-menuoption static nomatch>No matching option</auro-menuoption>
40
+ </auro-menu>
41
+ <span slot="helpText">
42
+ Help text - Lorem ipsum solar lorem ipsum solar
43
+ </span>
44
+ </auro-combobox>
45
+ <auro-combobox layout="emphasized" shape="pill-left" size="xl" placeholder="Placeholder content" required ondark style="width: 249px;">
46
+ <span slot="bib.fullscreen.headline">Bib Header</span>
47
+ <span slot="label">Name</span>
48
+ <auro-menu>
49
+ <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
50
+ <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
51
+ <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
52
+ <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
53
+ <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
54
+ <auro-menuoption static nomatch>No matching option</auro-menuoption>
55
+ </auro-menu>
56
+ <span slot="helpText">
57
+ Help text - Lorem ipsum solar lorem ipsum solar
58
+ </span>
59
+ </auro-combobox>
60
+ <auro-combobox layout="emphasized" shape="pill-right" size="xl" placeholder="Placeholder content" required ondark style="width: 249px;">
61
+ <span slot="bib.fullscreen.headline">Bib Header</span>
62
+ <span slot="label">Name</span>
63
+ <auro-menu>
64
+ <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
65
+ <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
66
+ <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
67
+ <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
68
+ <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
69
+ <auro-menuoption static nomatch>No matching option</auro-menuoption>
70
+ </auro-menu>
71
+ <span slot="helpText">
72
+ Help text - Lorem ipsum solar lorem ipsum solar
73
+ </span>
74
+ </auro-combobox>
75
+ <!-- AURO-GENERATED-CONTENT:END -->
76
+ </div>
77
+
78
+ ### Snowflake
79
+
80
+ <div class="exampleWrapper--ondark">
81
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic.html) -->
82
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/basic.html -->
83
+ <auro-combobox layout="snowflake" shape="snowflake" size="lg" placeholder="Placeholder content" required ondark style="width: 249px;">
84
+ <span slot="bib.fullscreen.headline">Bib Header</span>
85
+ <span slot="label">Name</span>
86
+ <auro-menu>
87
+ <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
88
+ <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
89
+ <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
90
+ <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
91
+ <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
92
+ <auro-menuoption static nomatch>No matching option</auro-menuoption>
93
+ </auro-menu>
94
+ <span slot="helpText">
95
+ Help text - Lorem ipsum solar lorem ipsum solar
96
+ </span>
97
+ </auro-combobox>
98
+ <!-- AURO-GENERATED-CONTENT:END -->
99
+ </div>
25
100
  <div class="exampleWrapper">
26
101
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
27
102
  <!-- The below content is automatically added from ./../apiExamples/basic.html -->