@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.14 → 0.0.0-pr624.16

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 (85) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +12 -2
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +2 -0
  3. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/index.js +1022 -12
  5. package/components/bibtemplate/dist/registered.js +1022 -12
  6. package/components/checkbox/README.md +1 -1
  7. package/components/checkbox/demo/api.md +2 -2
  8. package/components/checkbox/demo/api.min.js +24 -19
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +24 -19
  11. package/components/checkbox/demo/readme.md +1 -1
  12. package/components/checkbox/dist/auro-checkbox.d.ts +3 -3
  13. package/components/checkbox/dist/index.js +24 -19
  14. package/components/checkbox/dist/registered.js +24 -19
  15. package/components/combobox/demo/api.md +52 -0
  16. package/components/combobox/demo/api.min.js +2059 -651
  17. package/components/combobox/demo/index.md +6 -0
  18. package/components/combobox/demo/index.min.js +2059 -651
  19. package/components/combobox/dist/auro-combobox.d.ts +4 -4
  20. package/components/combobox/dist/index.js +1978 -629
  21. package/components/combobox/dist/registered.js +1978 -629
  22. package/components/counter/demo/api.md +21 -19
  23. package/components/counter/demo/api.min.js +2326 -539
  24. package/components/counter/demo/index.md +99 -34
  25. package/components/counter/demo/index.min.js +2326 -539
  26. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  27. package/components/counter/dist/auro-counter-group.d.ts +92 -1
  28. package/components/counter/dist/helptextVersion.d.ts +2 -0
  29. package/components/counter/dist/iconVersion.d.ts +1 -1
  30. package/components/counter/dist/index.js +2326 -539
  31. package/components/counter/dist/registered.js +2326 -539
  32. package/components/datepicker/demo/api.md +3 -1
  33. package/components/datepicker/demo/api.min.js +5402 -3158
  34. package/components/datepicker/demo/index.md +6 -1
  35. package/components/datepicker/demo/index.min.js +5402 -3158
  36. package/components/datepicker/dist/auro-datepicker.d.ts +17 -7
  37. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  38. package/components/datepicker/dist/index.js +5402 -3158
  39. package/components/datepicker/dist/registered.js +5402 -3158
  40. package/components/dropdown/demo/api.md +3 -4
  41. package/components/dropdown/demo/api.min.js +69 -119
  42. package/components/dropdown/demo/index.md +57 -9
  43. package/components/dropdown/demo/index.min.js +69 -119
  44. package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
  45. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  46. package/components/dropdown/dist/index.js +69 -119
  47. package/components/dropdown/dist/registered.js +69 -119
  48. package/components/input/demo/api.md +12 -5
  49. package/components/input/demo/api.min.js +665 -285
  50. package/components/input/demo/index.min.js +665 -285
  51. package/components/input/dist/auro-input.d.ts +6 -0
  52. package/components/input/dist/base-input.d.ts +29 -6
  53. package/components/input/dist/buttonVersion.d.ts +1 -1
  54. package/components/input/dist/iconVersion.d.ts +1 -1
  55. package/components/input/dist/index.js +665 -285
  56. package/components/input/dist/registered.js +665 -285
  57. package/components/layoutElement/dist/index.js +13 -10
  58. package/components/menu/demo/api.html +38 -0
  59. package/components/menu/demo/api.md +63 -2
  60. package/components/menu/demo/api.min.js +190 -36
  61. package/components/menu/demo/index.min.js +190 -36
  62. package/components/menu/dist/auro-menu.d.ts +22 -5
  63. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  64. package/components/menu/dist/iconVersion.d.ts +1 -1
  65. package/components/menu/dist/index.js +190 -36
  66. package/components/menu/dist/registered.js +190 -36
  67. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  68. package/components/radio/demo/api.min.js +4 -2
  69. package/components/radio/demo/index.min.js +4 -2
  70. package/components/radio/dist/auro-radio.d.ts +1 -1
  71. package/components/radio/dist/index.js +4 -2
  72. package/components/radio/dist/registered.js +4 -2
  73. package/components/select/demo/api.md +5 -5
  74. package/components/select/demo/api.min.js +1412 -293
  75. package/components/select/demo/index.md +42 -1
  76. package/components/select/demo/index.min.js +1412 -293
  77. package/components/select/dist/auro-select.d.ts +8 -8
  78. package/components/select/dist/index.js +1321 -261
  79. package/components/select/dist/registered.js +1321 -261
  80. package/package.json +2 -2
  81. /package/components/{menu/dist/styles/color-menu-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  82. /package/components/menu/dist/styles/{color-menuoption-css.d.ts → default/color-menu-css.d.ts} +0 -0
  83. /package/components/menu/dist/styles/{style-menu-css.d.ts → default/color-menuoption-css.d.ts} +0 -0
  84. /package/components/menu/dist/styles/{style-menuoption-css.d.ts → default/style-menu-css.d.ts} +0 -0
  85. /package/components/menu/dist/styles/{tokens-css.d.ts → default/style-menuoption-css.d.ts} +0 -0
package/components/combobox/demo/api.md CHANGED
@@ -56,6 +56,7 @@
56
56
  |---------------------------|--------------------------------------------------|
57
57
  | | Default slot for the menu content. |
58
58
  | `bib.fullscreen.headline` | Defines the headline to display above menu-options |
59
+ | [displayValue](#displayValue) | Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts. |
59
60
  | [helpText](#helpText) | Defines the content of the helpText. |
60
61
  | [label](#label) | Defines the content of the label. |
61
62
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -1210,4 +1211,55 @@ export function inDialogExample() {
1210
1211
  };
1211
1212
  ```
1212
1213
  <!-- AURO-GENERATED-CONTENT:END -->
1214
+ </auro-accordion>
1215
+
1216
+ #### Custom display value
1217
+
1218
+ You can fully customize how selected values appear by using the `displayValue` slot. This slot allows you to pass in any HTML content. Only the `snowflake` and `emphasized` layouts are supported.
1219
+
1220
+ <div class="exampleWrapper--ondark">
1221
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/displayValueSlot.html) -->
1222
+ <!-- The below content is automatically added from ./../apiExamples/displayValueSlot.html -->
1223
+ <auro-combobox layout="snowflake" shape="snowflake" size="xl" ondark value="Apples">
1224
+ <span slot="bib.fullscreen.headline">Bib Header</span>
1225
+ <span slot="label">Name</span>
1226
+ <auro-menu>
1227
+ <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
1228
+ <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
1229
+ <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
1230
+ <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
1231
+ <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
1232
+ <auro-menuoption static nomatch>No matching option</auro-menuoption>
1233
+ </auro-menu>
1234
+ <div slot="displayValue">
1235
+ <div class="mainText">Custom display value</div>
1236
+ <div class="subText">Any html can be used</div>
1237
+ </div>
1238
+ </auro-combobox>
1239
+ <!-- AURO-GENERATED-CONTENT:END -->
1240
+ </div>
1241
+ <auro-accordion alignRight>
1242
+ <span slot="trigger">See code</span>
1243
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/displayValueSlot.html) -->
1244
+ <!-- The below code snippet is automatically added from ./../apiExamples/displayValueSlot.html -->
1245
+
1246
+ ```html
1247
+ <auro-combobox layout="snowflake" shape="snowflake" size="xl" ondark value="Apples">
1248
+ <span slot="bib.fullscreen.headline">Bib Header</span>
1249
+ <span slot="label">Name</span>
1250
+ <auro-menu>
1251
+ <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
1252
+ <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
1253
+ <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
1254
+ <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
1255
+ <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
1256
+ <auro-menuoption static nomatch>No matching option</auro-menuoption>
1257
+ </auro-menu>
1258
+ <div slot="displayValue">
1259
+ <div class="mainText">Custom display value</div>
1260
+ <div class="subText">Any html can be used</div>
1261
+ </div>
1262
+ </auro-combobox>
1263
+ ```
1264
+ <!-- AURO-GENERATED-CONTENT:END -->
1213
1265
  </auro-accordion>