@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.2 → 0.0.0-pr624.21

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 (108) 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 +8 -9
  8. package/components/checkbox/demo/api.min.js +30 -24
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +30 -24
  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 +30 -24
  14. package/components/checkbox/dist/registered.js +30 -24
  15. package/components/combobox/demo/api.md +53 -0
  16. package/components/combobox/demo/api.min.js +2898 -753
  17. package/components/combobox/demo/index.md +6 -0
  18. package/components/combobox/demo/index.min.js +2898 -753
  19. package/components/combobox/dist/auro-combobox.d.ts +12 -12
  20. package/components/combobox/dist/index.js +2646 -642
  21. package/components/combobox/dist/registered.js +2646 -642
  22. package/components/counter/demo/api.md +21 -19
  23. package/components/counter/demo/api.min.js +3648 -929
  24. package/components/counter/demo/index.md +99 -34
  25. package/components/counter/demo/index.min.js +3648 -929
  26. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  27. package/components/counter/dist/auro-counter-group.d.ts +105 -6
  28. package/components/counter/dist/auro-counter.d.ts +6 -0
  29. package/components/counter/dist/helptextVersion.d.ts +2 -0
  30. package/components/counter/dist/iconVersion.d.ts +1 -1
  31. package/components/counter/dist/index.js +3648 -929
  32. package/components/counter/dist/registered.js +3648 -929
  33. package/components/datepicker/demo/api.md +36 -19
  34. package/components/datepicker/demo/api.min.js +11437 -7744
  35. package/components/datepicker/demo/index.md +80 -0
  36. package/components/datepicker/demo/index.min.js +11437 -7744
  37. package/components/datepicker/dist/auro-datepicker.d.ts +71 -3
  38. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  39. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  40. package/components/datepicker/dist/index.js +13847 -10154
  41. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  42. package/components/datepicker/dist/registered.js +13847 -10154
  43. package/components/dropdown/demo/api.md +6 -7
  44. package/components/dropdown/demo/api.min.js +238 -144
  45. package/components/dropdown/demo/index.md +57 -9
  46. package/components/dropdown/demo/index.min.js +238 -144
  47. package/components/dropdown/dist/auro-dropdown.d.ts +10 -9
  48. package/components/dropdown/dist/auro-dropdownBib.d.ts +22 -0
  49. package/components/dropdown/dist/index.js +238 -144
  50. package/components/dropdown/dist/registered.js +238 -144
  51. package/components/form/demo/api.min.js +1 -1
  52. package/components/form/demo/index.min.js +1 -1
  53. package/components/form/dist/index.js +1 -1
  54. package/components/form/dist/registered.js +1 -1
  55. package/components/helptext/dist/index.js +2 -2
  56. package/components/helptext/dist/registered.js +2 -2
  57. package/components/input/demo/api.md +63 -56
  58. package/components/input/demo/api.min.js +983 -269
  59. package/components/input/demo/index.min.js +982 -268
  60. package/components/input/dist/auro-input.d.ts +202 -14
  61. package/components/input/dist/base-input.d.ts +30 -7
  62. package/components/input/dist/buttonVersion.d.ts +1 -1
  63. package/components/input/dist/iconVersion.d.ts +1 -1
  64. package/components/input/dist/index.js +982 -268
  65. package/components/input/dist/registered.js +982 -268
  66. package/components/layoutElement/dist/index.js +13 -10
  67. package/components/menu/demo/api.html +38 -0
  68. package/components/menu/demo/api.md +68 -7
  69. package/components/menu/demo/api.min.js +278 -42
  70. package/components/menu/demo/index.min.js +278 -42
  71. package/components/menu/dist/auro-menu.d.ts +28 -5
  72. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  73. package/components/menu/dist/iconVersion.d.ts +1 -1
  74. package/components/menu/dist/index.js +278 -42
  75. package/components/menu/dist/registered.js +278 -42
  76. package/components/menu/dist/styles/default/color-menuoption-css.d.ts +2 -0
  77. package/components/menu/dist/styles/default/style-menu-css.d.ts +2 -0
  78. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  79. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  80. package/components/radio/demo/api.md +2 -2
  81. package/components/radio/demo/api.min.js +10 -7
  82. package/components/radio/demo/index.min.js +10 -7
  83. package/components/radio/dist/auro-radio.d.ts +1 -1
  84. package/components/radio/dist/index.js +10 -7
  85. package/components/radio/dist/registered.js +10 -7
  86. package/components/select/demo/api.js +2 -0
  87. package/components/select/demo/api.md +78 -12
  88. package/components/select/demo/api.min.js +2797 -538
  89. package/components/select/demo/index.html +1 -0
  90. package/components/select/demo/index.md +325 -763
  91. package/components/select/demo/index.min.js +2790 -543
  92. package/components/select/dist/auro-select.d.ts +111 -11
  93. package/components/select/dist/helptextVersion.d.ts +2 -0
  94. package/components/select/dist/index.js +2533 -427
  95. package/components/select/dist/registered.js +2533 -427
  96. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  97. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  98. package/package.json +6 -4
  99. /package/components/{dropdown/dist/styles/default/bibColors-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  100. /package/components/{dropdown → datepicker}/dist/styles/default/color-css.d.ts +0 -0
  101. /package/components/{dropdown/dist/styles/default/bibStyles-css.d.ts → datepicker/dist/styles/shapeSize-css.d.ts} +0 -0
  102. /package/components/{dropdown/dist/styles/default/style-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  103. /package/components/{dropdown/dist/styles → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  104. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/bibColors-css.d.ts} +0 -0
  105. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  106. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  107. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  108. /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