@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.5 → 0.0.0-pr624.50

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 (115) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +13 -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 +1292 -79
  5. package/components/bibtemplate/dist/registered.js +1292 -79
  6. package/components/checkbox/README.md +1 -1
  7. package/components/checkbox/demo/api.md +47 -14
  8. package/components/checkbox/demo/api.min.js +47 -34
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +47 -34
  11. package/components/checkbox/demo/readme.md +1 -1
  12. package/components/checkbox/dist/auro-checkbox-group.d.ts +1 -1
  13. package/components/checkbox/dist/auro-checkbox.d.ts +3 -3
  14. package/components/checkbox/dist/index.js +47 -34
  15. package/components/checkbox/dist/registered.js +47 -34
  16. package/components/combobox/demo/api.md +112 -8
  17. package/components/combobox/demo/api.min.js +3203 -760
  18. package/components/combobox/demo/index.md +6 -30
  19. package/components/combobox/demo/index.min.js +3203 -760
  20. package/components/combobox/dist/auro-combobox.d.ts +37 -16
  21. package/components/combobox/dist/index.js +3093 -791
  22. package/components/combobox/dist/registered.js +3093 -791
  23. package/components/counter/demo/api.html +1 -0
  24. package/components/counter/demo/api.md +29 -21
  25. package/components/counter/demo/api.min.js +3332 -615
  26. package/components/counter/demo/index.html +1 -0
  27. package/components/counter/demo/index.md +103 -34
  28. package/components/counter/demo/index.min.js +3332 -615
  29. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  30. package/components/counter/dist/auro-counter-group.d.ts +90 -7
  31. package/components/counter/dist/auro-counter.d.ts +6 -0
  32. package/components/counter/dist/helptextVersion.d.ts +2 -0
  33. package/components/counter/dist/iconVersion.d.ts +1 -1
  34. package/components/counter/dist/index.js +3332 -615
  35. package/components/counter/dist/registered.js +3332 -615
  36. package/components/datepicker/demo/api.md +36 -19
  37. package/components/datepicker/demo/api.min.js +14940 -10964
  38. package/components/datepicker/demo/index.md +80 -0
  39. package/components/datepicker/demo/index.min.js +14940 -10964
  40. package/components/datepicker/dist/auro-datepicker.d.ts +71 -3
  41. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  42. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  43. package/components/datepicker/dist/index.js +11817 -7841
  44. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  45. package/components/datepicker/dist/registered.js +11817 -7841
  46. package/components/dropdown/demo/api.md +25 -12
  47. package/components/dropdown/demo/api.min.js +552 -148
  48. package/components/dropdown/demo/index.md +57 -9
  49. package/components/dropdown/demo/index.min.js +552 -148
  50. package/components/dropdown/dist/auro-dropdown.d.ts +28 -9
  51. package/components/dropdown/dist/auro-dropdownBib.d.ts +22 -0
  52. package/components/dropdown/dist/index.js +552 -148
  53. package/components/dropdown/dist/registered.js +552 -148
  54. package/components/form/demo/api.min.js +1 -1
  55. package/components/form/demo/index.min.js +1 -1
  56. package/components/form/dist/index.js +1 -1
  57. package/components/form/dist/registered.js +1 -1
  58. package/components/helptext/dist/index.js +2 -2
  59. package/components/helptext/dist/registered.js +2 -2
  60. package/components/input/README.md +5 -2
  61. package/components/input/demo/api.md +271 -176
  62. package/components/input/demo/api.min.js +958 -272
  63. package/components/input/demo/index.md +48 -32
  64. package/components/input/demo/index.min.js +957 -271
  65. package/components/input/demo/readme.md +5 -2
  66. package/components/input/dist/auro-input.d.ts +23 -15
  67. package/components/input/dist/base-input.d.ts +33 -9
  68. package/components/input/dist/buttonVersion.d.ts +1 -1
  69. package/components/input/dist/iconVersion.d.ts +1 -1
  70. package/components/input/dist/index.js +957 -271
  71. package/components/input/dist/registered.js +957 -271
  72. package/components/layoutElement/dist/index.js +13 -10
  73. package/components/menu/demo/api.html +38 -0
  74. package/components/menu/demo/api.md +68 -7
  75. package/components/menu/demo/api.min.js +278 -42
  76. package/components/menu/demo/index.min.js +278 -42
  77. package/components/menu/dist/auro-menu.d.ts +28 -5
  78. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  79. package/components/menu/dist/iconVersion.d.ts +1 -1
  80. package/components/menu/dist/index.js +278 -42
  81. package/components/menu/dist/registered.js +278 -42
  82. package/components/menu/dist/styles/default/color-menuoption-css.d.ts +2 -0
  83. package/components/menu/dist/styles/default/style-menu-css.d.ts +2 -0
  84. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  85. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  86. package/components/radio/demo/api.md +7 -8
  87. package/components/radio/demo/api.min.js +71 -83
  88. package/components/radio/demo/index.min.js +71 -83
  89. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  90. package/components/radio/dist/auro-radio.d.ts +9 -12
  91. package/components/radio/dist/index.js +71 -83
  92. package/components/radio/dist/registered.js +71 -83
  93. package/components/select/demo/api.js +0 -2
  94. package/components/select/demo/api.md +100 -45
  95. package/components/select/demo/api.min.js +3009 -526
  96. package/components/select/demo/index.html +1 -0
  97. package/components/select/demo/index.md +176 -768
  98. package/components/select/demo/index.min.js +3013 -518
  99. package/components/select/dist/auro-select.d.ts +126 -11
  100. package/components/select/dist/helptextVersion.d.ts +2 -0
  101. package/components/select/dist/index.js +2892 -538
  102. package/components/select/dist/registered.js +2892 -538
  103. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  104. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  105. package/package.json +28 -26
  106. /package/components/{dropdown/dist/styles/default/bibColors-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  107. /package/components/{dropdown → datepicker}/dist/styles/default/color-css.d.ts +0 -0
  108. /package/components/{dropdown/dist/styles/default/bibStyles-css.d.ts → datepicker/dist/styles/shapeSize-css.d.ts} +0 -0
  109. /package/components/{dropdown/dist/styles/default/style-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  110. /package/components/{dropdown/dist/styles → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  111. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/bibColors-css.d.ts} +0 -0
  112. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  113. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  114. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  115. /package/components/menu/dist/styles/{tokens-css.d.ts → default/color-menu-css.d.ts} +0 -0
package/components/dropdown/demo/index.md CHANGED
@@ -41,13 +41,13 @@ Not including one of the above options will result in your UI being non-complian
41
41
  This first common example uses the default `auro-dropdown` element with the attributes of `bordered` `rounded` `inset` `toggle` and `chevron`. Additionally the `aria-label` attribute is used to define a string value that labels an interactive element.
42
42
 
43
43
  <div class="exampleWrapper">
44
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/common.html) -->
45
- <!-- The below content is automatically added from ./../apiExamples/common.html -->
46
- <auro-dropdown id="common" common aria-label="Label content for screen reader">
44
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/basic.html) -->
45
+ <!-- The below content is automatically added from ./../apiExamples/classic/basic.html -->
46
+ <auro-dropdown id="classic" chevron aria-label="Label content for screen reader">
47
47
  <div style="padding: var(--ds-size-150);">
48
48
  Lorem ipsum solar
49
49
  <br />
50
- <auro-button onclick="document.querySelector('#common').hide()">
50
+ <auro-button onclick="document.querySelector('#classic').hide()">
51
51
  Dismiss Dropdown
52
52
  </auro-button>
53
53
  </div>
@@ -60,14 +60,38 @@ This first common example uses the default `auro-dropdown` element with the attr
60
60
  </auro-dropdown>
61
61
  <!-- AURO-GENERATED-CONTENT:END -->
62
62
  </div>
63
- <div class="exampleWrapper--ondark" aria-hidden>
64
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkCommon.html) -->
65
- <!-- The below content is automatically added from ./../apiExamples/onDarkCommon.html -->
66
- <auro-dropdown onDark common id="commonOnDark" aria-label="Label content for screen reader">
63
+ <auro-accordion alignRight>
64
+ <span slot="trigger">See code</span>
65
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/classic/basic.html) -->
66
+ <!-- The below code snippet is automatically added from ./../apiExamples/classic/basic.html -->
67
+
68
+ ```html
69
+ <auro-dropdown id="classic" chevron aria-label="Label content for screen reader">
70
+ <div style="padding: var(--ds-size-150);">
71
+ Lorem ipsum solar
72
+ <br />
73
+ <auro-button onclick="document.querySelector('#classic').hide()">
74
+ Dismiss Dropdown
75
+ </auro-button>
76
+ </div>
77
+ <span slot="helpText">
78
+ Help text
79
+ </span>
80
+ <div slot="trigger">
81
+ Trigger
82
+ </div>
83
+ </auro-dropdown>
84
+ ```
85
+ <!-- AURO-GENERATED-CONTENT:END -->
86
+ </auro-accordion>
87
+ <div class="exampleWrapper--ondark">
88
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/basic-ondark.html) -->
89
+ <!-- The below content is automatically added from ./../apiExamples/classic/basic-ondark.html -->
90
+ <auro-dropdown onDark id="classicOnDark" chevron aria-label="Label content for screen reader">
67
91
  <div style="padding: var(--ds-size-150);">
68
92
  Lorem ipsum solar
69
93
  <br />
70
- <auro-button onclick="document.querySelector('#commonOnDark').hide()">
94
+ <auro-button onclick="document.querySelector('#classicOnDark').hide()">
71
95
  Dismiss Dropdown
72
96
  </auro-button>
73
97
  </div>
@@ -80,6 +104,30 @@ This first common example uses the default `auro-dropdown` element with the attr
80
104
  </auro-dropdown>
81
105
  <!-- AURO-GENERATED-CONTENT:END -->
82
106
  </div>
107
+ <auro-accordion alignRight>
108
+ <span slot="trigger">See code</span>
109
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/classic/basic-ondark.html) -->
110
+ <!-- The below code snippet is automatically added from ./../apiExamples/classic/basic-ondark.html -->
111
+
112
+ ```html
113
+ <auro-dropdown onDark id="classicOnDark" chevron aria-label="Label content for screen reader">
114
+ <div style="padding: var(--ds-size-150);">
115
+ Lorem ipsum solar
116
+ <br />
117
+ <auro-button onclick="document.querySelector('#classicOnDark').hide()">
118
+ Dismiss Dropdown
119
+ </auro-button>
120
+ </div>
121
+ <span slot="helpText">
122
+ Help text
123
+ </span>
124
+ <div slot="trigger">
125
+ Trigger
126
+ </div>
127
+ </auro-dropdown>
128
+ ```
129
+ <!-- AURO-GENERATED-CONTENT:END -->
130
+ </auro-accordion>
83
131
 
84
132
  ## Emphasized Layouts
85
133