@mirai/ui 1.0.221 → 1.1.0-c

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 (116) hide show
  1. package/build/components/Action/Action.js +5 -3
  2. package/build/components/Action/Action.js.map +1 -1
  3. package/build/components/Action/Action.stories.js +1 -1
  4. package/build/components/Action/Action.stories.js.map +1 -1
  5. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +40 -26
  6. package/build/components/Button/Button.js +7 -5
  7. package/build/components/Button/Button.js.map +1 -1
  8. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +30 -19
  9. package/build/components/Calendar/Calendar.Month.js +6 -4
  10. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  11. package/build/components/Calendar/Calendar.Week.js +6 -6
  12. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  13. package/build/components/Calendar/Calendar.Weekdays.js +6 -3
  14. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
  15. package/build/components/Calendar/Calendar.js +3 -3
  16. package/build/components/Calendar/Calendar.js.map +1 -1
  17. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +15608 -15576
  18. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -9
  19. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -42
  20. package/build/components/InputNumber/InputNumber.js +9 -7
  21. package/build/components/InputNumber/InputNumber.js.map +1 -1
  22. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +129 -114
  23. package/build/components/InputOption/InputOption.js +7 -4
  24. package/build/components/InputOption/InputOption.js.map +1 -1
  25. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +84 -71
  26. package/build/components/InputPhone/InputPhone.js +11 -11
  27. package/build/components/InputPhone/InputPhone.js.map +1 -1
  28. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +331 -331
  29. package/build/components/InputSelect/InputSelect.js +7 -7
  30. package/build/components/InputSelect/InputSelect.js.map +1 -1
  31. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +112 -112
  32. package/build/components/InputText/InputText.js +10 -10
  33. package/build/components/InputText/InputText.js.map +1 -1
  34. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +131 -130
  35. package/build/components/InputText/partials/InputText.Hint.js +5 -2
  36. package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
  37. package/build/components/InputText/partials/InputText.IconState.js +5 -2
  38. package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
  39. package/build/components/InputText/partials/InputText.Label.js +6 -3
  40. package/build/components/InputText/partials/InputText.Label.js.map +1 -1
  41. package/build/components/Menu/Menu.Option.js +8 -5
  42. package/build/components/Menu/Menu.Option.js.map +1 -1
  43. package/build/components/Menu/Menu.js +6 -3
  44. package/build/components/Menu/Menu.js.map +1 -1
  45. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +68 -55
  46. package/build/components/Modal/Modal.js +9 -8
  47. package/build/components/Modal/Modal.js.map +1 -1
  48. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +88 -69
  49. package/build/components/Notification/Notification.js +8 -5
  50. package/build/components/Notification/Notification.js.map +1 -1
  51. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +143 -142
  52. package/build/components/Progress/Progress.js +6 -3
  53. package/build/components/Progress/Progress.js.map +1 -1
  54. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -18
  55. package/build/components/Slider/Slider.js +11 -11
  56. package/build/components/Slider/Slider.js.map +1 -1
  57. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +248 -230
  58. package/build/components/Table/Table.ColumnFilter.js +9 -9
  59. package/build/components/Table/Table.ColumnFilter.js.map +1 -1
  60. package/build/components/Table/Table.Filter.js +7 -4
  61. package/build/components/Table/Table.Filter.js.map +1 -1
  62. package/build/components/Table/Table.Row.js +7 -8
  63. package/build/components/Table/Table.Row.js.map +1 -1
  64. package/build/components/Table/Table.js +3 -3
  65. package/build/components/Table/Table.js.map +1 -1
  66. package/build/components/Table/Table.stories.js +4 -5
  67. package/build/components/Table/Table.stories.js.map +1 -1
  68. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +222 -192
  69. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +971 -949
  70. package/build/components/Tooltip/Tooltip.js +4 -4
  71. package/build/components/Tooltip/Tooltip.js.map +1 -1
  72. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +34 -24
  73. package/build/primitives/Checkbox/Checkbox.js +7 -3
  74. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  75. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +16 -16
  76. package/build/primitives/Icon/Icon.js +5 -3
  77. package/build/primitives/Icon/Icon.js.map +1 -1
  78. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +60 -60
  79. package/build/primitives/Input/Input.js +2 -2
  80. package/build/primitives/Input/Input.js.map +1 -1
  81. package/build/primitives/Layer/Layer.js +4 -3
  82. package/build/primitives/Layer/Layer.js.map +1 -1
  83. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +42 -36
  84. package/build/primitives/Pressable/Pressable.constants.js +1 -1
  85. package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
  86. package/build/primitives/Pressable/Pressable.js +11 -5
  87. package/build/primitives/Pressable/Pressable.js.map +1 -1
  88. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +14 -10
  89. package/build/primitives/Primitive/Primitive.js +2 -2
  90. package/build/primitives/Primitive/Primitive.js.map +1 -1
  91. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +7 -7
  92. package/build/primitives/Primitive/helpers/getTag.js +32 -0
  93. package/build/primitives/Primitive/helpers/getTag.js.map +1 -0
  94. package/build/primitives/Primitive/helpers/index.js +11 -0
  95. package/build/primitives/Primitive/helpers/index.js.map +1 -1
  96. package/build/primitives/Radio/Radio.js +8 -5
  97. package/build/primitives/Radio/Radio.js.map +1 -1
  98. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -21
  99. package/build/primitives/ScrollView/ScrollView.js +3 -3
  100. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  101. package/build/primitives/ScrollView/ScrollView.stories.js +6 -5
  102. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  103. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
  104. package/build/primitives/Select/Select.js +2 -2
  105. package/build/primitives/Select/Select.js.map +1 -1
  106. package/build/primitives/Switch/Switch.js +8 -5
  107. package/build/primitives/Switch/Switch.js.map +1 -1
  108. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +25 -25
  109. package/build/primitives/Text/Text.js +50 -5
  110. package/build/primitives/Text/Text.js.map +1 -1
  111. package/build/primitives/Text/Text.module.css +4 -4
  112. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +38 -38
  113. package/build/primitives/View/View.js +5 -3
  114. package/build/primitives/View/View.js.map +1 -1
  115. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
  116. package/package.json +1 -1
@@ -2,23 +2,25 @@
2
2
 
3
3
  exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
4
4
  <DocumentFragment>
5
- <div
5
+ <ui_pressable
6
6
  class="pressable container overflow visible"
7
7
  data-testid="mirai-onClose-overflow"
8
8
  style="height: 768px;"
9
+ tabindex="0"
9
10
  >
10
- <div
11
+ <ui_view
11
12
  class="view fit modal calcWidth visible"
12
13
  data-testid="mirai-onClose"
13
14
  >
14
- <div
15
+ <ui_view
15
16
  class="view forceRow header"
16
17
  >
17
18
  <button
18
19
  class="pressable button small squared transparent button"
19
20
  data-testid="mirai-onClose-button-close"
21
+ tabindex="0"
20
22
  >
21
- <span
23
+ <ui_icon
22
24
  class="icon headline-3 icon"
23
25
  >
24
26
  <svg
@@ -39,47 +41,50 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
39
41
  d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
40
42
  />
41
43
  </svg>
42
- </span>
44
+ </ui_icon>
43
45
  </button>
44
- </div>
45
- </div>
46
- </div>
46
+ </ui_view>
47
+ </ui_view>
48
+ </ui_pressable>
47
49
  </DocumentFragment>
48
50
  `;
49
51
 
50
52
  exports[`component:<Modal> Mobile environment prop:visible 1`] = `
51
53
  <DocumentFragment>
52
- <div
54
+ <ui_pressable
53
55
  class="pressable container overflow visible"
54
56
  style="height: 768px;"
57
+ tabindex="0"
55
58
  >
56
- <div
59
+ <ui_view
57
60
  class="view fit modal calcWidth visible"
58
61
  />
59
- </div>
62
+ </ui_pressable>
60
63
  </DocumentFragment>
61
64
  `;
62
65
 
63
66
  exports[`component:<Modal> inherit:className 1`] = `
64
67
  <DocumentFragment>
65
- <div
68
+ <ui_pressable
66
69
  class="pressable container overflow"
67
70
  style="height: 768px;"
71
+ tabindex="0"
68
72
  >
69
- <div
73
+ <ui_view
70
74
  class="view fit modal calcWidth mirai"
71
75
  />
72
- </div>
76
+ </ui_pressable>
73
77
  </DocumentFragment>
74
78
  `;
75
79
 
76
80
  exports[`component:<Modal> prop:children 1`] = `
77
81
  <DocumentFragment>
78
- <div
82
+ <ui_pressable
79
83
  class="pressable container overflow"
80
84
  style="height: 768px;"
85
+ tabindex="0"
81
86
  >
82
- <div
87
+ <ui_view
83
88
  class="view fit modal calcWidth"
84
89
  >
85
90
  <span
@@ -87,43 +92,46 @@ exports[`component:<Modal> prop:children 1`] = `
87
92
  >
88
93
  children
89
94
  </span>
90
- </div>
91
- </div>
95
+ </ui_view>
96
+ </ui_pressable>
92
97
  </DocumentFragment>
93
98
  `;
94
99
 
95
100
  exports[`component:<Modal> prop:fit 1`] = `
96
101
  <DocumentFragment>
97
- <div
102
+ <ui_pressable
98
103
  class="pressable container overflow"
99
104
  style="height: 768px;"
105
+ tabindex="0"
100
106
  >
101
- <div
107
+ <ui_view
102
108
  class="view fit modal"
103
109
  />
104
- </div>
110
+ </ui_pressable>
105
111
  </DocumentFragment>
106
112
  `;
107
113
 
108
114
  exports[`component:<Modal> prop:onBack 1`] = `
109
115
  <DocumentFragment>
110
- <div
116
+ <ui_pressable
111
117
  class="pressable container overflow visible"
112
118
  data-testid="mirai-onBack-overflow"
113
119
  style="height: 768px;"
120
+ tabindex="0"
114
121
  >
115
- <div
122
+ <ui_view
116
123
  class="view fit modal calcWidth visible"
117
124
  data-testid="mirai-onBack"
118
125
  >
119
- <div
126
+ <ui_view
120
127
  class="view forceRow header"
121
128
  >
122
129
  <button
123
130
  class="pressable button small squared transparent"
124
131
  data-testid="mirai-onBack-button-back"
132
+ tabindex="0"
125
133
  >
126
- <span
134
+ <ui_icon
127
135
  class="icon headline-3 icon"
128
136
  >
129
137
  <svg
@@ -143,33 +151,35 @@ exports[`component:<Modal> prop:onBack 1`] = `
143
151
  d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
144
152
  />
145
153
  </svg>
146
- </span>
154
+ </ui_icon>
147
155
  </button>
148
- </div>
149
- </div>
150
- </div>
156
+ </ui_view>
157
+ </ui_view>
158
+ </ui_pressable>
151
159
  </DocumentFragment>
152
160
  `;
153
161
 
154
162
  exports[`component:<Modal> prop:onClose 1`] = `
155
163
  <DocumentFragment>
156
- <div
164
+ <ui_pressable
157
165
  class="pressable container overflow visible"
158
166
  data-testid="mirai-onClose-overflow"
159
167
  style="height: 768px;"
168
+ tabindex="0"
160
169
  >
161
- <div
170
+ <ui_view
162
171
  class="view fit modal calcWidth visible"
163
172
  data-testid="mirai-onClose"
164
173
  >
165
- <div
174
+ <ui_view
166
175
  class="view forceRow header"
167
176
  >
168
177
  <button
169
178
  class="pressable button small squared transparent button"
170
179
  data-testid="mirai-onClose-button-close"
180
+ tabindex="0"
171
181
  >
172
- <span
182
+ <ui_icon
173
183
  class="icon headline-3 icon"
174
184
  >
175
185
  <svg
@@ -190,141 +200,150 @@ exports[`component:<Modal> prop:onClose 1`] = `
190
200
  d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
191
201
  />
192
202
  </svg>
193
- </span>
203
+ </ui_icon>
194
204
  </button>
195
- </div>
196
- </div>
197
- </div>
205
+ </ui_view>
206
+ </ui_view>
207
+ </ui_pressable>
198
208
  </DocumentFragment>
199
209
  `;
200
210
 
201
211
  exports[`component:<Modal> prop:onOverflow 1`] = `
202
212
  <DocumentFragment>
203
- <div
213
+ <ui_pressable
204
214
  class="pressable container overflow visible onOverflow"
205
215
  data-testid="mirai-onOverflow-overflow"
206
216
  style="height: 768px;"
217
+ tabindex="0"
207
218
  >
208
- <div
219
+ <ui_view
209
220
  class="view fit modal calcWidth visible"
210
221
  data-testid="mirai-onOverflow"
211
222
  />
212
- </div>
223
+ </ui_pressable>
213
224
  </DocumentFragment>
214
225
  `;
215
226
 
216
227
  exports[`component:<Modal> prop:portal 1`] = `
217
228
  <DocumentFragment>
218
- <div
229
+ <ui_pressable
219
230
  class="pressable container overflow"
220
231
  style="height: 768px;"
232
+ tabindex="0"
221
233
  >
222
- <div
234
+ <ui_view
223
235
  class="view fit modal calcWidth"
224
236
  />
225
- </div>
237
+ </ui_pressable>
226
238
  </DocumentFragment>
227
239
  `;
228
240
 
229
241
  exports[`component:<Modal> prop:title 1`] = `
230
242
  <DocumentFragment>
231
- <div
243
+ <ui_pressable
232
244
  class="pressable container overflow"
233
245
  style="height: 768px;"
246
+ tabindex="0"
234
247
  >
235
- <div
248
+ <ui_view
236
249
  class="view fit modal calcWidth"
237
250
  >
238
- <div
251
+ <ui_view
239
252
  class="view forceRow header"
240
253
  >
241
- <h3
254
+ <ui_h3
242
255
  class="text headline-3 title left right"
243
256
  >
244
257
  Modal
245
- </h3>
246
- </div>
247
- </div>
248
- </div>
258
+ </ui_h3>
259
+ </ui_view>
260
+ </ui_view>
261
+ </ui_pressable>
249
262
  </DocumentFragment>
250
263
  `;
251
264
 
252
265
  exports[`component:<Modal> prop:visible & prop:blur 1`] = `
253
266
  <DocumentFragment>
254
- <div
267
+ <ui_pressable
255
268
  class="pressable container overflow blur visible"
256
269
  style="height: 768px;"
270
+ tabindex="0"
257
271
  >
258
- <div
272
+ <ui_view
259
273
  class="view fit modal calcWidth visible"
260
274
  />
261
- </div>
275
+ </ui_pressable>
262
276
  </DocumentFragment>
263
277
  `;
264
278
 
265
279
  exports[`component:<Modal> prop:visible & prop:onOverflow 1`] = `
266
280
  <DocumentFragment>
267
- <div
281
+ <ui_pressable
268
282
  class="pressable container overflow visible onOverflow"
269
283
  style="height: 768px;"
284
+ tabindex="0"
270
285
  >
271
- <div
286
+ <ui_view
272
287
  class="view fit modal calcWidth visible"
273
288
  />
274
- </div>
289
+ </ui_pressable>
275
290
  </DocumentFragment>
276
291
  `;
277
292
 
278
293
  exports[`component:<Modal> prop:visible & prop:overflow (false) 1`] = `
279
294
  <DocumentFragment>
280
- <div
295
+ <ui_pressable
281
296
  class="pressable container visible"
282
297
  style="height: 768px;"
298
+ tabindex="0"
283
299
  >
284
- <div
300
+ <ui_view
285
301
  class="view fit modal calcWidth visible"
286
302
  />
287
- </div>
303
+ </ui_pressable>
288
304
  </DocumentFragment>
289
305
  `;
290
306
 
291
307
  exports[`component:<Modal> prop:visible renders 1`] = `
292
308
  <DocumentFragment>
293
- <div
309
+ <ui_pressable
294
310
  class="pressable container overflow visible"
295
311
  style="height: 768px;"
312
+ tabindex="0"
296
313
  >
297
- <div
314
+ <ui_view
298
315
  class="view fit modal calcWidth visible"
299
316
  />
300
- </div>
317
+ </ui_pressable>
301
318
  </DocumentFragment>
302
319
  `;
303
320
 
304
321
  exports[`component:<Modal> renders 1`] = `
305
322
  <DocumentFragment>
306
- <div
323
+ <ui_pressable
307
324
  class="pressable container overflow"
308
325
  style="height: 768px;"
326
+ tabindex="0"
309
327
  >
310
- <div
328
+ <ui_view
311
329
  class="view fit modal calcWidth"
312
330
  />
313
- </div>
331
+ </ui_pressable>
314
332
  </DocumentFragment>
315
333
  `;
316
334
 
317
335
  exports[`component:<Modal> testId 1`] = `
318
336
  <DocumentFragment>
319
- <div
337
+ <ui_pressable
320
338
  class="pressable container overflow"
321
339
  data-testid="mirai-overflow"
322
340
  style="height: 768px;"
341
+ tabindex="0"
323
342
  >
324
- <div
343
+ <ui_view
325
344
  class="view fit modal calcWidth"
326
345
  data-testid="mirai"
327
346
  />
328
- </div>
347
+ </ui_pressable>
329
348
  </DocumentFragment>
330
349
  `;
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
@@ -8,8 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
8
9
  var _react = _interopRequireDefault(require("react"));
9
10
  var _helpers = require("../../helpers");
10
11
  var _primitives = require("../../primitives");
11
- var _NotificationModule = _interopRequireDefault(require("./Notification.module.css"));
12
+ var style = _interopRequireWildcard(require("./Notification.module.css"));
12
13
  var _excluded = ["children", "error", "info", "inline", "large", "small", "success", "warning", "wide", "onClose"];
14
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
17
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
18
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -30,7 +33,7 @@ var Notification = function Notification(_ref) {
30
33
  return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
31
34
  row: true,
32
35
  role: others.role || 'notification',
33
- className: (0, _helpers.styles)(_NotificationModule.default.notification, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : info ? _NotificationModule.default.info : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, inline && _NotificationModule.default.inline, large ? _NotificationModule.default.large : small && _NotificationModule.default.small, wide && _NotificationModule.default.wide, others.className)
36
+ className: (0, _helpers.styles)(style.notification, error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined, inline ? style.inline : style.outlined, inline && style.inline, large ? style.large : small && style.small, wide && style.wide, others.className)
34
37
  }), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
35
38
  headline: large,
36
39
  level: large ? 1 : undefined,
@@ -40,13 +43,13 @@ var Notification = function Notification(_ref) {
40
43
  success: success,
41
44
  warning: warning
42
45
  }),
43
- className: _NotificationModule.default.icon
46
+ className: style.icon
44
47
  }), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
45
48
  small: small,
46
- className: (0, _helpers.styles)(_NotificationModule.default.text, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : undefined)
49
+ className: (0, _helpers.styles)(style.text, error ? style.error : warning ? style.warning : success ? style.success : undefined)
47
50
  }, children), !large && onClose && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
48
51
  onPress: onClose,
49
- className: (0, _helpers.styles)(_NotificationModule.default.pressable, _NotificationModule.default.icon),
52
+ className: (0, _helpers.styles)(style.pressable, style.icon),
50
53
  testId: others.testId ? "".concat(others.testId, "-button-close") : undefined
51
54
  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
52
55
  value: _primitives.ICON.CLOSE,
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n children,\n error,\n info,\n inline = false,\n large,\n small,\n success,\n warning,\n wide,\n onClose,\n ...others\n}) => (\n <View\n {...others}\n row\n role={others.role || 'notification'}\n className={styles(\n style.notification,\n error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined,\n inline ? style.inline : style.outlined,\n inline && style.inline,\n large ? style.large : small && style.small,\n wide && style.wide,\n others.className,\n )}\n >\n <Icon\n headline={large}\n level={large ? 1 : undefined}\n paragraph={small}\n value={getIconState({ error, success, warning })}\n className={style.icon}\n />\n <Text\n small={small}\n className={styles(\n style.text,\n error ? style.error : warning ? style.warning : success ? style.success : undefined,\n )}\n >\n {children}\n </Text>\n {!large && onClose && (\n <Pressable\n onPress={onClose}\n className={styles(style.pressable, style.icon)}\n testId={others.testId ? `${others.testId}-button-close` : undefined}\n >\n <Icon value={ICON.CLOSE} paragraph={small} />\n </Pressable>\n )}\n </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n children: PropTypes.any.isRequired,\n error: PropTypes.bool,\n info: PropTypes.bool,\n inline: PropTypes.bool,\n large: PropTypes.bool,\n small: PropTypes.bool,\n success: PropTypes.bool,\n warning: PropTypes.bool,\n wide: PropTypes.bool,\n onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport * as style from './Notification.module.css';\n\nconst Notification = ({\n children,\n error,\n info,\n inline = false,\n large,\n small,\n success,\n warning,\n wide,\n onClose,\n ...others\n}) => (\n <View\n {...others}\n row\n role={others.role || 'notification'}\n className={styles(\n style.notification,\n error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined,\n inline ? style.inline : style.outlined,\n inline && style.inline,\n large ? style.large : small && style.small,\n wide && style.wide,\n others.className,\n )}\n >\n <Icon\n headline={large}\n level={large ? 1 : undefined}\n paragraph={small}\n value={getIconState({ error, success, warning })}\n className={style.icon}\n />\n <Text\n small={small}\n className={styles(\n style.text,\n error ? style.error : warning ? style.warning : success ? style.success : undefined,\n )}\n >\n {children}\n </Text>\n {!large && onClose && (\n <Pressable\n onPress={onClose}\n className={styles(style.pressable, style.icon)}\n testId={others.testId ? `${others.testId}-button-close` : undefined}\n >\n <Icon value={ICON.CLOSE} paragraph={small} />\n </Pressable>\n )}\n </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n children: PropTypes.any.isRequired,\n error: PropTypes.bool,\n info: PropTypes.bool,\n inline: PropTypes.bool,\n large: PropTypes.bool,\n small: PropTypes.bool,\n success: PropTypes.bool,\n warning: PropTypes.bool,\n wide: PropTypes.bool,\n onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}