@mirai/ui 1.0.64 → 1.0.65

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 (11) hide show
  1. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +5 -1
  2. package/build/components/InputNumber/InputNumber.module.css +6 -2
  3. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +1 -1
  4. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +11 -3
  5. package/build/components/Notification/Notification.module.css +0 -13
  6. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +6 -2
  7. package/build/primitives/Icon/Icon.constants.js +2 -2
  8. package/build/primitives/Icon/Icon.constants.js.map +1 -1
  9. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +6 -2
  10. package/build/theme/default.theme.css +19 -19
  11. package/package.json +1 -1
package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap CHANGED
@@ -204,7 +204,11 @@ exports[`component:<InputDate> prop:error 1`] = `
204
204
  xmlns="http://www.w3.org/2000/svg"
205
205
  >
206
206
  <path
207
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
207
+ d="M0 0h24v24H0V0z"
208
+ fill="none"
209
+ />
210
+ <path
211
+ d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
208
212
  />
209
213
  </svg>
210
214
  </span>
package/build/components/InputNumber/InputNumber.module.css CHANGED
@@ -16,6 +16,10 @@
16
16
  color: var(--mirai-ui-content-light);
17
17
  }
18
18
 
19
- .disabled {
20
- color: var(--mirai-ui-input-text-disabled);
19
+ :not(.hint).disabled {
20
+ color: var(--mirai-ui-input-disabled);
21
+ }
22
+
23
+ .hint.disabled {
24
+ color: var(--mirai-ui-content-border);
21
25
  }
package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap CHANGED
@@ -519,7 +519,7 @@ exports[`component:<InputSelect> prop:warning 1`] = `
519
519
  xmlns="http://www.w3.org/2000/svg"
520
520
  >
521
521
  <path
522
- d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
522
+ d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
523
523
  />
524
524
  </svg>
525
525
  </span>
package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap CHANGED
@@ -69,7 +69,11 @@ exports[`component:<InputText> prop:error 1`] = `
69
69
  xmlns="http://www.w3.org/2000/svg"
70
70
  >
71
71
  <path
72
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
72
+ d="M0 0h24v24H0V0z"
73
+ fill="none"
74
+ />
75
+ <path
76
+ d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
73
77
  />
74
78
  </svg>
75
79
  </span>
@@ -215,7 +219,11 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
215
219
  xmlns="http://www.w3.org/2000/svg"
216
220
  >
217
221
  <path
218
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
222
+ d="M0 0h24v24H0V0z"
223
+ fill="none"
224
+ />
225
+ <path
226
+ d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
219
227
  />
220
228
  </svg>
221
229
  </span>
@@ -349,7 +357,7 @@ exports[`component:<InputText> prop:warning 1`] = `
349
357
  xmlns="http://www.w3.org/2000/svg"
350
358
  >
351
359
  <path
352
- d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
360
+ d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
353
361
  />
354
362
  </svg>
355
363
  </span>
package/build/components/Notification/Notification.module.css CHANGED
@@ -57,22 +57,9 @@
57
57
  }
58
58
 
59
59
  .outlined .text {
60
- color: var(--mirai-ui-info-dark);
61
60
  flex: 1;
62
61
  }
63
62
 
64
- .outlined .text.error {
65
- color: var(--mirai-ui-error-dark);
66
- }
67
-
68
- .outlined .text.success {
69
- color: var(--mirai-ui-success-dark);
70
- }
71
-
72
- .outlined .text.warning {
73
- color: var(--mirai-ui-warning-dark);
74
- }
75
-
76
63
  .notification .icon {
77
64
  margin-top: calc(calc(var(--mirai-ui-line-height-headline-3) - var(--mirai-ui-font-size-headline-3)) / 2);
78
65
  }
package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap CHANGED
@@ -53,7 +53,11 @@ exports[`component:<Notification> prop:error 1`] = `
53
53
  xmlns="http://www.w3.org/2000/svg"
54
54
  >
55
55
  <path
56
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
56
+ d="M0 0h24v24H0V0z"
57
+ fill="none"
58
+ />
59
+ <path
60
+ d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
57
61
  />
58
62
  </svg>
59
63
  </span>
@@ -284,7 +288,7 @@ exports[`component:<Notification> prop:warning 1`] = `
284
288
  xmlns="http://www.w3.org/2000/svg"
285
289
  >
286
290
  <path
287
- d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
291
+ d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
288
292
  />
289
293
  </svg>
290
294
  </span>
package/build/primitives/Icon/Icon.constants.js CHANGED
@@ -27,10 +27,10 @@ var ICON = {
27
27
  // <Modal>
28
28
  CLOSE: _md.MdOutlineClose,
29
29
  // <Notification> & <InputText>
30
- ERROR: _md.MdOutlineError,
30
+ ERROR: _md.MdErrorOutline,
31
31
  INFO: _md.MdOutlineInfo,
32
32
  SUCCESS: _md.MdOutlineCheckCircle,
33
- WARNING: _md.MdOutlineWarning
33
+ WARNING: _md.MdOutlineWarningAmber
34
34
  };
35
35
  exports.ICON = ICON;
36
36
  //# sourceMappingURL=Icon.constants.js.map
package/build/primitives/Icon/Icon.constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import {\n // <Calendar>\n MdOutlineArrowBack as LEFT,\n MdOutlineArrowForward as RIGHT,\n MdOutlineArrowUpward as UP,\n MdOutlineArrowDownward as DOWN,\n // <InputOption>\n MdOutlineCheck as CHECK,\n // <InputNumber>\n MdOutlineAdd as ADD,\n MdOutlineRemove as REMOVE,\n // <InputSelect>\n MdOutlineExpandLess as EXPAND_LESS,\n MdOutlineExpandMore as EXPAND_MORE,\n // <InputText>\n MdOutlineVisibility as EYE_OPEN,\n MdOutlineVisibilityOff as EYE_CLOSE,\n // <Modal>\n MdOutlineClose as CLOSE,\n // <Notification> & <InputText>\n MdOutlineError as ERROR,\n MdOutlineInfo as INFO,\n MdOutlineCheckCircle as SUCCESS,\n MdOutlineWarning as WARNING,\n} from 'react-icons/md';\n\nexport const ICON = {\n // <Calendar>\n LEFT,\n RIGHT,\n UP,\n DOWN,\n // <Check>\n CHECK,\n // <InputOption>\n ADD,\n REMOVE,\n // <InputSelect>\n EXPAND_LESS,\n EXPAND_MORE,\n // <InputText>\n EYE_OPEN,\n EYE_CLOSE,\n // <Modal>\n CLOSE,\n // <Notification> & <InputText>\n ERROR,\n INFO,\n SUCCESS,\n WARNING,\n};\n"],"mappings":";;;;;;;AAAA;;AA0BO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sBAFkB;EAGlBC,KAAK,EAALA,yBAHkB;EAIlBC,EAAE,EAAFA,wBAJkB;EAKlBC,IAAI,EAAJA,0BALkB;EAMlB;EACAC,KAAK,EAALA,kBAPkB;EAQlB;EACAC,GAAG,EAAHA,gBATkB;EAUlBC,MAAM,EAANA,mBAVkB;EAWlB;EACAC,WAAW,EAAXA,uBAZkB;EAalBC,WAAW,EAAXA,uBAbkB;EAclB;EACAC,QAAQ,EAARA,uBAfkB;EAgBlBC,SAAS,EAATA,0BAhBkB;EAiBlB;EACAC,KAAK,EAALA,kBAlBkB;EAmBlB;EACAC,KAAK,EAALA,kBApBkB;EAqBlBC,IAAI,EAAJA,iBArBkB;EAsBlBC,OAAO,EAAPA,wBAtBkB;EAuBlBC,OAAO,EAAPA;AAvBkB,CAAb"}
1
+ {"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import {\n // <Calendar>\n MdOutlineArrowBack as LEFT,\n MdOutlineArrowForward as RIGHT,\n MdOutlineArrowUpward as UP,\n MdOutlineArrowDownward as DOWN,\n // <InputOption>\n MdOutlineCheck as CHECK,\n // <InputNumber>\n MdOutlineAdd as ADD,\n MdOutlineRemove as REMOVE,\n // <InputSelect>\n MdOutlineExpandLess as EXPAND_LESS,\n MdOutlineExpandMore as EXPAND_MORE,\n // <InputText>\n MdOutlineVisibility as EYE_OPEN,\n MdOutlineVisibilityOff as EYE_CLOSE,\n // <Modal>\n MdOutlineClose as CLOSE,\n // <Notification> & <InputText>\n MdErrorOutline as ERROR,\n MdOutlineInfo as INFO,\n MdOutlineCheckCircle as SUCCESS,\n MdOutlineWarningAmber as WARNING,\n} from 'react-icons/md';\n\nexport const ICON = {\n // <Calendar>\n LEFT,\n RIGHT,\n UP,\n DOWN,\n // <Check>\n CHECK,\n // <InputOption>\n ADD,\n REMOVE,\n // <InputSelect>\n EXPAND_LESS,\n EXPAND_MORE,\n // <InputText>\n EYE_OPEN,\n EYE_CLOSE,\n // <Modal>\n CLOSE,\n // <Notification> & <InputText>\n ERROR,\n INFO,\n SUCCESS,\n WARNING,\n};\n"],"mappings":";;;;;;;AAAA;;AA0BO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sBAFkB;EAGlBC,KAAK,EAALA,yBAHkB;EAIlBC,EAAE,EAAFA,wBAJkB;EAKlBC,IAAI,EAAJA,0BALkB;EAMlB;EACAC,KAAK,EAALA,kBAPkB;EAQlB;EACAC,GAAG,EAAHA,gBATkB;EAUlBC,MAAM,EAANA,mBAVkB;EAWlB;EACAC,WAAW,EAAXA,uBAZkB;EAalBC,WAAW,EAAXA,uBAbkB;EAclB;EACAC,QAAQ,EAARA,uBAfkB;EAgBlBC,SAAS,EAATA,0BAhBkB;EAiBlB;EACAC,KAAK,EAALA,kBAlBkB;EAmBlB;EACAC,KAAK,EAALA,kBApBkB;EAqBlBC,IAAI,EAAJA,iBArBkB;EAsBlBC,OAAO,EAAPA,wBAtBkB;EAuBlBC,OAAO,EAAPA;AAvBkB,CAAb"}
package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap CHANGED
@@ -133,7 +133,11 @@ exports[`primitive:<Icon> prop:value prop:value (ERROR) 1`] = `
133
133
  xmlns="http://www.w3.org/2000/svg"
134
134
  >
135
135
  <path
136
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
136
+ d="M0 0h24v24H0V0z"
137
+ fill="none"
138
+ />
139
+ <path
140
+ d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
137
141
  />
138
142
  </svg>
139
143
  </span>
@@ -427,7 +431,7 @@ exports[`primitive:<Icon> prop:value prop:value (WARNING) 1`] = `
427
431
  xmlns="http://www.w3.org/2000/svg"
428
432
  >
429
433
  <path
430
- d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
434
+ d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
431
435
  />
432
436
  </svg>
433
437
  </span>
package/build/theme/default.theme.css CHANGED
@@ -34,38 +34,38 @@
34
34
  --mirai-ui-content: #484848;
35
35
  --mirai-ui-content-background: #f6f6f6;
36
36
  --mirai-ui-content-border: #e4e4e4;
37
- --mirai-ui-content-dark: #202020;
38
37
  --mirai-ui-content-light: #999999;
38
+ --mirai-ui-content-dark: #202020;
39
39
 
40
40
  --mirai-ui-accent: #3978c5;
41
41
  --mirai-ui-accent-background: #e9f1fc;
42
42
  --mirai-ui-accent-border: #b0c9e8;
43
- --mirai-ui-accent-dark: #224876;
44
43
  --mirai-ui-accent-light: #88aedc;
44
+ --mirai-ui-accent-dark: #224876;
45
45
 
46
+ --mirai-ui-error: #cc003a;
46
47
  --mirai-ui-error-background: #ffece5;
47
- --mirai-ui-error-border: #ffb9aa;
48
- --mirai-ui-error-light: #ff8a7f;
49
- --mirai-ui-error: #ff2b40;
50
- --mirai-ui-error-dark: #b71543;
48
+ --mirai-ui-error-border: #ff8a7f;
49
+ --mirai-ui-error-light: #ff5c4c;
50
+ --mirai-ui-error-dark: #99002b;
51
51
 
52
- --mirai-ui-warning-background: #fff8e5;
53
- --mirai-ui-warning-border: #fff2cc;
54
- --mirai-ui-warning-light: #ffce66;
55
- --mirai-ui-warning: #ff9900;
56
- --mirai-ui-warning-dark: #ad5a00;
52
+ --mirai-ui-warning: #ad5a00;
53
+ --mirai-ui-warning-background: #fff3cc;
54
+ --mirai-ui-warning-border: #ffce66;
55
+ --mirai-ui-warning-light: #ffad00;
56
+ --mirai-ui-warning-dark: #804200;
57
57
 
58
+ --mirai-ui-success: #067949;
58
59
  --mirai-ui-success-background: #e7fde7;
59
- --mirai-ui-success-border: #a6faad;
60
- --mirai-ui-success-light: #77f18e;
61
- --mirai-ui-success: #21d366;
62
- --mirai-ui-success-dark: #0e8151;
60
+ --mirai-ui-success-border: #77f18e;
61
+ --mirai-ui-success-light: #14be34;
62
+ --mirai-ui-success-dark: #04492c;
63
63
 
64
64
  --mirai-ui-info-background: #e6f8ff;
65
- --mirai-ui-info-border: #9cdefe;
66
- --mirai-ui-info-light: #6bc6fe;
67
- --mirai-ui-info: #0a87fc;
68
- --mirai-ui-info-dark: #054db5;
65
+ --mirai-ui-info-border: #6bc6fe;
66
+ --mirai-ui-info-light: #079ffd;
67
+ --mirai-ui-info: #005cb2;
68
+ --mirai-ui-info-dark: #003566;
69
69
 
70
70
  /* spacing */
71
71
  --mirai-ui-space-XS: 8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/ui",
3
- "version": "1.0.64",
3
+ "version": "1.0.65",
4
4
  "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
5
5
  "author": "JΛVI <hello@soyjavi.com>",
6
6
  "license": "MIT",