react-miui 0.7.0 → 0.8.0

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 (146) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/components/layout/list/Header.d.ts +5 -1
  3. package/dist/components/layout/list/Header.d.ts.map +1 -1
  4. package/dist/components/layout/list/Header.js +6 -1
  5. package/dist/components/layout/list/Header.js.map +1 -1
  6. package/dist/components/layout/list/Item.d.ts +3 -0
  7. package/dist/components/layout/list/Item.d.ts.map +1 -1
  8. package/dist/components/layout/list/Item.js +20 -6
  9. package/dist/components/layout/list/Item.js.map +1 -1
  10. package/dist/components/layout/list/Item.module.scss +16 -1
  11. package/dist/components/layout/list/List.d.ts +6 -1
  12. package/dist/components/layout/list/List.d.ts.map +1 -1
  13. package/dist/components/layout/list/List.js +15 -1
  14. package/dist/components/layout/list/List.js.map +1 -1
  15. package/dist/components/layout/list/List.module.scss +4 -0
  16. package/dist/components/ui/button/Button.d.ts.map +1 -1
  17. package/dist/components/ui/button/Button.js +2 -2
  18. package/dist/components/ui/button/Button.js.map +1 -1
  19. package/dist/components/ui/modal/Modal.d.ts +18 -0
  20. package/dist/components/ui/modal/Modal.d.ts.map +1 -0
  21. package/dist/components/ui/modal/Modal.js +108 -0
  22. package/dist/components/ui/modal/Modal.js.map +1 -0
  23. package/dist/components/ui/modal/Modal.module.scss +92 -0
  24. package/dist/components/ui/modal/ModalButton.d.ts +8 -0
  25. package/dist/components/ui/modal/ModalButton.d.ts.map +1 -0
  26. package/dist/components/ui/modal/ModalButton.js +31 -0
  27. package/dist/components/ui/modal/ModalButton.js.map +1 -0
  28. package/dist/components/ui/modal/ModalButtons.d.ts +10 -0
  29. package/dist/components/ui/modal/ModalButtons.d.ts.map +1 -0
  30. package/dist/components/ui/modal/ModalButtons.js +15 -0
  31. package/dist/components/ui/modal/ModalButtons.js.map +1 -0
  32. package/dist/components/ui/modal/ModalButtons.module.scss +32 -0
  33. package/dist/components/ui/modal/ModalNoMargin.d.ts +6 -0
  34. package/dist/components/ui/modal/ModalNoMargin.d.ts.map +1 -0
  35. package/dist/components/ui/modal/ModalNoMargin.js +22 -0
  36. package/dist/components/ui/modal/ModalNoMargin.js.map +1 -0
  37. package/dist/components/ui/toaster/Notification.d.ts +9 -0
  38. package/dist/components/ui/toaster/Notification.d.ts.map +1 -0
  39. package/dist/components/ui/toaster/Notification.js +39 -0
  40. package/dist/components/ui/toaster/Notification.js.map +1 -0
  41. package/dist/components/ui/toaster/Toaster.d.ts +18 -0
  42. package/dist/components/ui/toaster/Toaster.d.ts.map +1 -0
  43. package/dist/components/ui/toaster/Toaster.js +79 -0
  44. package/dist/components/ui/toaster/Toaster.js.map +1 -0
  45. package/dist/components/ui/toaster/Toaster.module.scss +32 -0
  46. package/dist/components/ui/toaster/types.d.ts +7 -0
  47. package/dist/components/ui/toaster/types.d.ts.map +1 -0
  48. package/dist/components/ui/toaster/types.js +3 -0
  49. package/dist/components/ui/toaster/types.js.map +1 -0
  50. package/dist/global.scss +3 -0
  51. package/dist/index.d.ts +3 -0
  52. package/dist/index.d.ts.map +1 -1
  53. package/dist/index.js +3 -0
  54. package/dist/index.js.map +1 -1
  55. package/docs/assets/js/search.js +1 -1
  56. package/docs/assets/js/search.json +1 -1
  57. package/docs/classes/ToasterProvider.html +1090 -0
  58. package/docs/enums/ICON.html +27 -8
  59. package/docs/index.html +29 -4
  60. package/docs/modules/Item.html +16 -3
  61. package/docs/modules/List.html +17 -4
  62. package/docs/modules/Modal.html +160 -0
  63. package/docs/modules/ModalButtons.html +160 -0
  64. package/docs/modules/Section.html +16 -3
  65. package/docs/modules/StickyHeader.html +17 -4
  66. package/docs/modules.html +104 -23
  67. package/docs/pages/Tutorials/Test.html +16 -3
  68. package/esm/components/layout/list/Header.d.ts +5 -1
  69. package/esm/components/layout/list/Header.d.ts.map +1 -1
  70. package/esm/components/layout/list/Header.js +6 -1
  71. package/esm/components/layout/list/Header.js.map +1 -1
  72. package/esm/components/layout/list/Item.d.ts +3 -0
  73. package/esm/components/layout/list/Item.d.ts.map +1 -1
  74. package/esm/components/layout/list/Item.js +20 -6
  75. package/esm/components/layout/list/Item.js.map +1 -1
  76. package/esm/components/layout/list/Item.module.scss +16 -1
  77. package/esm/components/layout/list/List.d.ts +6 -1
  78. package/esm/components/layout/list/List.d.ts.map +1 -1
  79. package/esm/components/layout/list/List.js +15 -1
  80. package/esm/components/layout/list/List.js.map +1 -1
  81. package/esm/components/layout/list/List.module.scss +4 -0
  82. package/esm/components/ui/button/Button.d.ts.map +1 -1
  83. package/esm/components/ui/button/Button.js +2 -2
  84. package/esm/components/ui/button/Button.js.map +1 -1
  85. package/esm/components/ui/modal/Modal.d.ts +18 -0
  86. package/esm/components/ui/modal/Modal.d.ts.map +1 -0
  87. package/esm/components/ui/modal/Modal.js +83 -0
  88. package/esm/components/ui/modal/Modal.js.map +1 -0
  89. package/esm/components/ui/modal/Modal.module.scss +92 -0
  90. package/esm/components/ui/modal/ModalButton.d.ts +8 -0
  91. package/esm/components/ui/modal/ModalButton.d.ts.map +1 -0
  92. package/esm/components/ui/modal/ModalButton.js +13 -0
  93. package/esm/components/ui/modal/ModalButton.js.map +1 -0
  94. package/esm/components/ui/modal/ModalButtons.d.ts +10 -0
  95. package/esm/components/ui/modal/ModalButtons.d.ts.map +1 -0
  96. package/esm/components/ui/modal/ModalButtons.js +9 -0
  97. package/esm/components/ui/modal/ModalButtons.js.map +1 -0
  98. package/esm/components/ui/modal/ModalButtons.module.scss +32 -0
  99. package/esm/components/ui/modal/ModalNoMargin.d.ts +6 -0
  100. package/esm/components/ui/modal/ModalNoMargin.d.ts.map +1 -0
  101. package/esm/components/ui/modal/ModalNoMargin.js +16 -0
  102. package/esm/components/ui/modal/ModalNoMargin.js.map +1 -0
  103. package/esm/components/ui/toaster/Notification.d.ts +9 -0
  104. package/esm/components/ui/toaster/Notification.d.ts.map +1 -0
  105. package/esm/components/ui/toaster/Notification.js +14 -0
  106. package/esm/components/ui/toaster/Notification.js.map +1 -0
  107. package/esm/components/ui/toaster/Toaster.d.ts +18 -0
  108. package/esm/components/ui/toaster/Toaster.d.ts.map +1 -0
  109. package/esm/components/ui/toaster/Toaster.js +74 -0
  110. package/esm/components/ui/toaster/Toaster.js.map +1 -0
  111. package/esm/components/ui/toaster/Toaster.module.scss +32 -0
  112. package/esm/components/ui/toaster/types.d.ts +7 -0
  113. package/esm/components/ui/toaster/types.d.ts.map +1 -0
  114. package/esm/components/ui/toaster/types.js +2 -0
  115. package/esm/components/ui/toaster/types.js.map +1 -0
  116. package/esm/global.scss +3 -0
  117. package/esm/index.d.ts +3 -0
  118. package/esm/index.d.ts.map +1 -1
  119. package/esm/index.js +3 -0
  120. package/esm/index.js.map +1 -1
  121. package/package.json +2 -2
  122. package/src/components/layout/list/Header.tsx +15 -2
  123. package/src/components/layout/list/Item.module.scss +16 -1
  124. package/src/components/layout/list/Item.tsx +28 -7
  125. package/src/components/layout/list/List.module.scss +4 -0
  126. package/src/components/layout/list/List.tsx +29 -2
  127. package/src/components/ui/button/Button.tsx +4 -2
  128. package/src/components/ui/modal/Modal.module.scss +92 -0
  129. package/src/components/ui/modal/Modal.tsx +136 -0
  130. package/src/components/ui/modal/ModalButton.tsx +25 -0
  131. package/src/components/ui/modal/ModalButtons.module.scss +32 -0
  132. package/src/components/ui/modal/ModalButtons.tsx +17 -0
  133. package/src/components/ui/modal/ModalNoMargin.tsx +22 -0
  134. package/src/components/ui/toaster/Notification.tsx +31 -0
  135. package/src/components/ui/toaster/Toaster.module.scss +32 -0
  136. package/src/components/ui/toaster/Toaster.tsx +101 -0
  137. package/src/components/ui/toaster/types.ts +9 -0
  138. package/src/demo/Demo.tsx +7 -4
  139. package/src/demo/Menu.module.scss +1 -0
  140. package/src/demo/components/layout/list/Inset.tsx +24 -0
  141. package/src/demo/components/layout/list/Selection.tsx +17 -0
  142. package/src/demo/components/ui/modal/Modal.tsx +110 -0
  143. package/src/demo/components/ui/toaster/Toaster.tsx +28 -0
  144. package/src/demo/componentsMap.ts +31 -0
  145. package/src/global.scss +3 -0
  146. package/src/index.ts +3 -0
package/docs/modules/Section.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>Section | react-miui - v0.7.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.7.0">
6
+ <title>Section | react-miui - v0.8.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.8.0">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../index.html" class="title">react-miui - v0.7.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.8.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -112,6 +112,12 @@
112
112
  <li class=" tsd-kind-namespace">
113
113
  <a href="List.html">List</a>
114
114
  </li>
115
+ <li class=" tsd-kind-namespace">
116
+ <a href="Modal.html">Modal</a>
117
+ </li>
118
+ <li class=" tsd-kind-namespace">
119
+ <a href="ModalButtons.html">Modal<wbr>Buttons</a>
120
+ </li>
115
121
  <li class="current tsd-kind-namespace">
116
122
  <a href="Section.html">Section</a>
117
123
  </li>
@@ -134,6 +140,13 @@
134
140
  <div class="container">
135
141
  <h2>Legend</h2>
136
142
  <div class="tsd-legend-group">
143
+ <ul class="tsd-legend">
144
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
145
+ <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
146
+ </ul>
147
+ <ul class="tsd-legend">
148
+ <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
149
+ </ul>
137
150
  </div>
138
151
  </div>
139
152
  </footer>
package/docs/modules/StickyHeader.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>StickyHeader | react-miui - v0.7.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.7.0">
6
+ <title>StickyHeader | react-miui - v0.8.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.8.0">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../index.html" class="title">react-miui - v0.7.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.8.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -92,7 +92,7 @@
92
92
  <li class="tsd-description">
93
93
  <aside class="tsd-sources">
94
94
  <ul>
95
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/StickyHeader.tsx#L50">src/components/layout/header/StickyHeader.tsx:50</a></li>
95
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/header/StickyHeader.tsx#L50">src/components/layout/header/StickyHeader.tsx:50</a></li>
96
96
  </ul>
97
97
  </aside>
98
98
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -133,6 +133,12 @@
133
133
  <li class=" tsd-kind-namespace">
134
134
  <a href="List.html">List</a>
135
135
  </li>
136
+ <li class=" tsd-kind-namespace">
137
+ <a href="Modal.html">Modal</a>
138
+ </li>
139
+ <li class=" tsd-kind-namespace">
140
+ <a href="ModalButtons.html">Modal<wbr>Buttons</a>
141
+ </li>
136
142
  <li class=" tsd-kind-namespace">
137
143
  <a href="Section.html">Section</a>
138
144
  </li>
@@ -155,6 +161,13 @@
155
161
  <div class="container">
156
162
  <h2>Legend</h2>
157
163
  <div class="tsd-legend-group">
164
+ <ul class="tsd-legend">
165
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
166
+ <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
167
+ </ul>
168
+ <ul class="tsd-legend">
169
+ <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
170
+ </ul>
158
171
  </div>
159
172
  </div>
160
173
  </footer>
package/docs/modules.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>react-miui - v0.7.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.7.0">
6
+ <title>react-miui - v0.8.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.8.0">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="assets/css/main.css">
10
10
  <link rel="stylesheet" href="assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="index.html" class="title">react-miui - v0.7.0</a>
26
+ <a href="index.html" class="title">react-miui - v0.8.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -57,7 +57,7 @@
57
57
  <a href="modules.html">Globals</a>
58
58
  </li>
59
59
  </ul>
60
- <h1>Project react-miui - v0.7.0</h1>
60
+ <h1>Project react-miui - v0.8.0</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -73,6 +73,8 @@
73
73
  <ul class="tsd-index-list">
74
74
  <li class="tsd-kind-namespace"><a href="modules/Item.html" class="tsd-kind-icon">Item</a></li>
75
75
  <li class="tsd-kind-namespace"><a href="modules/List.html" class="tsd-kind-icon">List</a></li>
76
+ <li class="tsd-kind-namespace"><a href="modules/Modal.html" class="tsd-kind-icon">Modal</a></li>
77
+ <li class="tsd-kind-namespace"><a href="modules/ModalButtons.html" class="tsd-kind-icon">Modal<wbr>Buttons</a></li>
76
78
  <li class="tsd-kind-namespace"><a href="modules/Section.html" class="tsd-kind-icon">Section</a></li>
77
79
  <li class="tsd-kind-namespace"><a href="modules/StickyHeader.html" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
78
80
  </ul>
@@ -83,6 +85,12 @@
83
85
  <li class="tsd-kind-enum"><a href="enums/ICON.html" class="tsd-kind-icon">ICON</a></li>
84
86
  </ul>
85
87
  </section>
88
+ <section class="tsd-index-section ">
89
+ <h3>Classes</h3>
90
+ <ul class="tsd-index-list">
91
+ <li class="tsd-kind-class"><a href="classes/ToasterProvider.html" class="tsd-kind-icon">Toaster<wbr>Provider</a></li>
92
+ </ul>
93
+ </section>
86
94
  <section class="tsd-index-section ">
87
95
  <h3>Variables</h3>
88
96
  <ul class="tsd-index-list">
@@ -99,6 +107,8 @@
99
107
  <li class="tsd-kind-variable"><a href="modules.html#Item" class="tsd-kind-icon">Item</a></li>
100
108
  <li class="tsd-kind-variable"><a href="modules.html#Label" class="tsd-kind-icon">Label</a></li>
101
109
  <li class="tsd-kind-variable"><a href="modules.html#List" class="tsd-kind-icon">List</a></li>
110
+ <li class="tsd-kind-variable"><a href="modules.html#Modal" class="tsd-kind-icon">Modal</a></li>
111
+ <li class="tsd-kind-variable"><a href="modules.html#ModalButtons" class="tsd-kind-icon">Modal<wbr>Buttons</a></li>
102
112
  <li class="tsd-kind-variable"><a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a></li>
103
113
  <li class="tsd-kind-variable"><a href="modules.html#Section" class="tsd-kind-icon">Section</a></li>
104
114
  <li class="tsd-kind-variable"><a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
@@ -106,6 +116,12 @@
106
116
  <li class="tsd-kind-variable"><a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a></li>
107
117
  </ul>
108
118
  </section>
119
+ <section class="tsd-index-section ">
120
+ <h3>Functions</h3>
121
+ <ul class="tsd-index-list">
122
+ <li class="tsd-kind-function"><a href="modules.html#useToaster" class="tsd-kind-icon">use<wbr>Toaster</a></li>
123
+ </ul>
124
+ </section>
109
125
  </div>
110
126
  </section>
111
127
  </section>
@@ -117,7 +133,7 @@
117
133
  <div class="tsd-signature tsd-kind-icon">Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
118
134
  <aside class="tsd-sources">
119
135
  <ul>
120
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
136
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
121
137
  </ul>
122
138
  </aside>
123
139
  </section>
@@ -127,7 +143,7 @@
127
143
  <div class="tsd-signature tsd-kind-icon">Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.ButtonHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLButtonElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
128
144
  <aside class="tsd-sources">
129
145
  <ul>
130
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
146
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
131
147
  </ul>
132
148
  </aside>
133
149
  </section>
@@ -137,7 +153,7 @@
137
153
  <div class="tsd-signature tsd-kind-icon">Card<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
138
154
  <aside class="tsd-sources">
139
155
  <ul>
140
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
156
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
141
157
  </ul>
142
158
  </aside>
143
159
  </section>
@@ -147,7 +163,7 @@
147
163
  <div class="tsd-signature tsd-kind-icon">Checkbox<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
148
164
  <aside class="tsd-sources">
149
165
  <ul>
150
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
166
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
151
167
  </ul>
152
168
  </aside>
153
169
  </section>
@@ -157,7 +173,7 @@
157
173
  <div class="tsd-signature tsd-kind-icon">Direction<wbr>Pad<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
158
174
  <aside class="tsd-sources">
159
175
  <ul>
160
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
176
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
161
177
  </ul>
162
178
  </aside>
163
179
  </section>
@@ -167,7 +183,7 @@
167
183
  <div class="tsd-signature tsd-kind-icon">Equal<wbr>Actions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
168
184
  <aside class="tsd-sources">
169
185
  <ul>
170
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
186
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
171
187
  </ul>
172
188
  </aside>
173
189
  </section>
@@ -177,7 +193,7 @@
177
193
  <div class="tsd-signature tsd-kind-icon">Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
178
194
  <aside class="tsd-sources">
179
195
  <ul>
180
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
196
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
181
197
  </ul>
182
198
  </aside>
183
199
  </section>
@@ -187,7 +203,7 @@
187
203
  <div class="tsd-signature tsd-kind-icon">Header<wbr>Icon<wbr>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
188
204
  <aside class="tsd-sources">
189
205
  <ul>
190
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
206
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
191
207
  </ul>
192
208
  </aside>
193
209
  </section>
@@ -197,7 +213,7 @@
197
213
  <div class="tsd-signature tsd-kind-icon">Icon<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
198
214
  <aside class="tsd-sources">
199
215
  <ul>
200
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
216
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
201
217
  </ul>
202
218
  </aside>
203
219
  </section>
@@ -207,7 +223,7 @@
207
223
  <div class="tsd-signature tsd-kind-icon">Input<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.InputHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;prefix&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
208
224
  <aside class="tsd-sources">
209
225
  <ul>
210
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
226
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
211
227
  </ul>
212
228
  </aside>
213
229
  </section>
@@ -217,7 +233,7 @@
217
233
  <div class="tsd-signature tsd-kind-icon">Item<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
218
234
  <aside class="tsd-sources">
219
235
  <ul>
220
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
236
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
221
237
  </ul>
222
238
  </aside>
223
239
  </section>
@@ -227,17 +243,37 @@
227
243
  <div class="tsd-signature tsd-kind-icon">Label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
228
244
  <aside class="tsd-sources">
229
245
  <ul>
230
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
246
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
231
247
  </ul>
232
248
  </aside>
233
249
  </section>
234
250
  <section class="tsd-panel tsd-member tsd-kind-variable">
235
251
  <a name="List" class="tsd-anchor"></a>
236
252
  <h3><span class="tsd-flag ts-flagConst">Const</span> List</h3>
237
- <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
253
+ <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
254
+ <aside class="tsd-sources">
255
+ <ul>
256
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
257
+ </ul>
258
+ </aside>
259
+ </section>
260
+ <section class="tsd-panel tsd-member tsd-kind-variable">
261
+ <a name="Modal" class="tsd-anchor"></a>
262
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Modal</h3>
263
+ <div class="tsd-signature tsd-kind-icon">Modal<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
264
+ <aside class="tsd-sources">
265
+ <ul>
266
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
267
+ </ul>
268
+ </aside>
269
+ </section>
270
+ <section class="tsd-panel tsd-member tsd-kind-variable">
271
+ <a name="ModalButtons" class="tsd-anchor"></a>
272
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Modal<wbr>Buttons</h3>
273
+ <div class="tsd-signature tsd-kind-icon">Modal<wbr>Buttons<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
238
274
  <aside class="tsd-sources">
239
275
  <ul>
240
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
276
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/modal/ModalButtons.tsx#L12">src/components/ui/modal/ModalButtons.tsx:12</a></li>
241
277
  </ul>
242
278
  </aside>
243
279
  </section>
@@ -247,7 +283,7 @@
247
283
  <div class="tsd-signature tsd-kind-icon">Search<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> = ...</span></div>
248
284
  <aside class="tsd-sources">
249
285
  <ul>
250
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
286
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
251
287
  </ul>
252
288
  </aside>
253
289
  </section>
@@ -257,7 +293,7 @@
257
293
  <div class="tsd-signature tsd-kind-icon">Section<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
258
294
  <aside class="tsd-sources">
259
295
  <ul>
260
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
296
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
261
297
  </ul>
262
298
  </aside>
263
299
  </section>
@@ -267,7 +303,7 @@
267
303
  <div class="tsd-signature tsd-kind-icon">Sticky<wbr>Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Content</span><span class="tsd-signature-symbol"> = ...</span></div>
268
304
  <aside class="tsd-sources">
269
305
  <ul>
270
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
306
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
271
307
  </ul>
272
308
  </aside>
273
309
  </section>
@@ -277,7 +313,7 @@
277
313
  <div class="tsd-signature tsd-kind-icon">Text<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.TextareaHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTextAreaElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
278
314
  <aside class="tsd-sources">
279
315
  <ul>
280
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
316
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
281
317
  </ul>
282
318
  </aside>
283
319
  </section>
@@ -287,11 +323,31 @@
287
323
  <div class="tsd-signature tsd-kind-icon">Toggle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
288
324
  <aside class="tsd-sources">
289
325
  <ul>
290
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
326
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
291
327
  </ul>
292
328
  </aside>
293
329
  </section>
294
330
  </section>
331
+ <section class="tsd-panel-group tsd-member-group ">
332
+ <h2>Functions</h2>
333
+ <section class="tsd-panel tsd-member tsd-kind-function">
334
+ <a name="useToaster" class="tsd-anchor"></a>
335
+ <h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Toaster</h3>
336
+ <ul class="tsd-signatures tsd-kind-function">
337
+ <li class="tsd-signature tsd-kind-icon">use<wbr>Toaster<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ToasterFn</span></li>
338
+ </ul>
339
+ <ul class="tsd-descriptions">
340
+ <li class="tsd-description">
341
+ <aside class="tsd-sources">
342
+ <ul>
343
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
344
+ </ul>
345
+ </aside>
346
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ToasterFn</span></h4>
347
+ </li>
348
+ </ul>
349
+ </section>
350
+ </section>
295
351
  </div>
296
352
  <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
297
353
  <nav class="tsd-navigation primary">
@@ -314,6 +370,12 @@
314
370
  <li class=" tsd-kind-namespace">
315
371
  <a href="modules/List.html">List</a>
316
372
  </li>
373
+ <li class=" tsd-kind-namespace">
374
+ <a href="modules/Modal.html">Modal</a>
375
+ </li>
376
+ <li class=" tsd-kind-namespace">
377
+ <a href="modules/ModalButtons.html">Modal<wbr>Buttons</a>
378
+ </li>
317
379
  <li class=" tsd-kind-namespace">
318
380
  <a href="modules/Section.html">Section</a>
319
381
  </li>
@@ -327,6 +389,9 @@
327
389
  <li class=" tsd-kind-enum">
328
390
  <a href="enums/ICON.html" class="tsd-kind-icon">ICON</a>
329
391
  </li>
392
+ <li class=" tsd-kind-class">
393
+ <a href="classes/ToasterProvider.html" class="tsd-kind-icon">Toaster<wbr>Provider</a>
394
+ </li>
330
395
  <li class=" tsd-kind-variable">
331
396
  <a href="modules.html#Action" class="tsd-kind-icon">Action</a>
332
397
  </li>
@@ -366,6 +431,12 @@
366
431
  <li class=" tsd-kind-variable">
367
432
  <a href="modules.html#List" class="tsd-kind-icon">List</a>
368
433
  </li>
434
+ <li class=" tsd-kind-variable">
435
+ <a href="modules.html#Modal" class="tsd-kind-icon">Modal</a>
436
+ </li>
437
+ <li class=" tsd-kind-variable">
438
+ <a href="modules.html#ModalButtons" class="tsd-kind-icon">Modal<wbr>Buttons</a>
439
+ </li>
369
440
  <li class=" tsd-kind-variable">
370
441
  <a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a>
371
442
  </li>
@@ -381,6 +452,9 @@
381
452
  <li class=" tsd-kind-variable">
382
453
  <a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a>
383
454
  </li>
455
+ <li class=" tsd-kind-function">
456
+ <a href="modules.html#useToaster" class="tsd-kind-icon">use<wbr>Toaster</a>
457
+ </li>
384
458
  </ul>
385
459
  </nav>
386
460
  </div>
@@ -390,6 +464,13 @@
390
464
  <div class="container">
391
465
  <h2>Legend</h2>
392
466
  <div class="tsd-legend-group">
467
+ <ul class="tsd-legend">
468
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
469
+ <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
470
+ </ul>
471
+ <ul class="tsd-legend">
472
+ <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
473
+ </ul>
393
474
  </div>
394
475
  </div>
395
476
  </footer>
package/docs/pages/Tutorials/Test.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>Test | react-miui - v0.7.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.7.0">
6
+ <title>Test | react-miui - v0.8.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.8.0">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../../index.html" class="title">react-miui - v0.7.0</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.8.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -95,6 +95,12 @@
95
95
  <li class=" tsd-kind-namespace">
96
96
  <a href="../../modules/List.html">List</a>
97
97
  </li>
98
+ <li class=" tsd-kind-namespace">
99
+ <a href="../../modules/Modal.html">Modal</a>
100
+ </li>
101
+ <li class=" tsd-kind-namespace">
102
+ <a href="../../modules/ModalButtons.html">Modal<wbr>Buttons</a>
103
+ </li>
98
104
  <li class=" tsd-kind-namespace">
99
105
  <a href="../../modules/Section.html">Section</a>
100
106
  </li>
@@ -114,6 +120,13 @@
114
120
  <div class="container">
115
121
  <h2>Legend</h2>
116
122
  <div class="tsd-legend-group">
123
+ <ul class="tsd-legend">
124
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
125
+ <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
126
+ </ul>
127
+ <ul class="tsd-legend">
128
+ <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
129
+ </ul>
117
130
  </div>
118
131
  </div>
119
132
  </footer>
package/esm/components/layout/list/Header.d.ts CHANGED
@@ -1,4 +1,8 @@
1
1
  import React from "react";
2
- declare const Header: React.FC;
2
+ declare type Variant = "inset";
3
+ interface Props {
4
+ variant?: Variant | Variant[];
5
+ }
6
+ declare const Header: React.FC<Props>;
3
7
  export { Header };
4
8
  //# sourceMappingURL=Header.d.ts.map
package/esm/components/layout/list/Header.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAOnB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,aAAK,OAAO,GAAG,OAAO,CAAC;AAEvB,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAa3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/layout/list/Header.js CHANGED
@@ -2,8 +2,13 @@ import React from "react";
2
2
  import classnames from "classnames";
3
3
  import styles from "./Item.module.scss";
4
4
  import headerStyles from "./Header.module.scss";
5
+ import { makeVariants } from "../../../utils/makeVariants";
5
6
  const Header = (props) => {
6
- return (React.createElement("li", { className: classnames(styles.item, headerStyles.header) },
7
+ const v = makeVariants(props.variant);
8
+ const cls = classnames(styles.item, headerStyles.header, {
9
+ [styles.inset]: v.includes("inset"),
10
+ });
11
+ return (React.createElement("li", { className: cls },
7
12
  React.createElement("div", null, props.children)));
8
13
  };
9
14
  export { Header };
package/esm/components/layout/list/Header.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAEhD,MAAM,MAAM,GAAa,CAAC,KAAK,EAAE,EAAE;IAE/B,OAAO,CACH,4BAAI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC;QACvD,iCAAM,KAAK,CAAC,QAAQ,CAAO,CAC1B,CACR,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAQ3D,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,MAAM,EAAE;QACrD,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;KACtC,CAAC,CAAC;IAGH,OAAO,CACH,4BAAI,SAAS,EAAE,GAAG;QACd,iCAAM,KAAK,CAAC,QAAQ,CAAO,CAC1B,CACR,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/layout/list/Item.d.ts CHANGED
@@ -4,6 +4,7 @@ import { Label } from "./Label.js";
4
4
  interface LinkProps {
5
5
  href: string;
6
6
  }
7
+ declare type Variant = "inset";
7
8
  interface Props {
8
9
  href?: string;
9
10
  to?: string;
@@ -11,6 +12,8 @@ interface Props {
11
12
  className?: string;
12
13
  Link?: React.ComponentClass<LinkProps> | React.FC<LinkProps>;
13
14
  ratio?: string;
15
+ variant?: Variant | Variant[];
16
+ selected?: boolean | undefined;
14
17
  }
15
18
  interface SubComponents {
16
19
  Label: typeof Label;
package/esm/components/layout/list/Item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAGD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aA6C7B,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,CAAC"}
1
+ {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAInC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,aAAK,OAAO,GAAG,OAAO,CAAC;AAEvB,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAMD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aAyD7B,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,CAAC"}