@mirai/ui 1.1.7 → 1.1.9

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/README.md +3 -2
  2. package/build/components/InputNumber/InputNumber.module.css +1 -1
  3. package/build/components/InputOption/InputOption.module.css +2 -2
  4. package/build/components/InputPhone/InputPhone.module.css +1 -1
  5. package/build/components/InputText/InputText.module.css +1 -1
  6. package/build/primitives/Checkbox/Checkbox.module.css +4 -2
  7. package/build/primitives/Input/helpers/parseValue.js +2 -1
  8. package/build/primitives/Input/helpers/parseValue.js.map +1 -1
  9. package/build/primitives/Radio/Radio.module.css +38 -4
  10. package/build/theme/default.theme.css +3 -2
  11. package/package.json +1 -1
package/README.md CHANGED
@@ -763,8 +763,8 @@ const MyComponent = () => {
763
763
 
764
764
  ```css
765
765
  --mirai-ui-input-option-disabled: var(--mirai-ui-content-light);
766
- --mirai-ui-input-option-gap: var(--mirai-ui-space-XS);
767
- --mirai-ui-input-option-padding-y: var(--mirai-ui-space-S);
766
+ --mirai-ui-input-option-gap-x: var(--mirai-ui-space-XS);
767
+ --mirai-ui-input-option-gap-y: var(--mirai-ui-space-M);
768
768
  ```
769
769
 
770
770
  ### InputPhone
@@ -913,6 +913,7 @@ const MyComponent = (props) => {
913
913
  --mirai-ui-input-text-disabled: var(--mirai-ui-content-border);
914
914
  --mirai-ui-input-text-error: var(--mirai-ui-error);
915
915
  --mirai-ui-input-text-focus: var(--mirai-ui-content);
916
+ --mirai-ui-input-text-gap: var(--mirai-ui-space-M);
916
917
  --mirai-ui-input-text-icon: var(--mirai-ui-font-size-headline-3);
917
918
  --mirai-ui-input-text-padding-x: var(--mirai-ui-space-M);
918
919
  --mirai-ui-input-text-padding-y: var(--mirai-ui-space-XS);
package/build/components/InputNumber/InputNumber.module.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .inputNumber {
2
- margin-bottom: var(--mirai-ui-input-text-padding-y);
2
+ margin-bottom: var(--mirai-ui-input-text-gap);
3
3
  }
4
4
 
5
5
  .texts {
package/build/components/InputOption/InputOption.module.css CHANGED
@@ -2,8 +2,8 @@
2
2
  align-items: center;
3
3
  display: flex;
4
4
  flex-direction: var(--mirai-ui-row-direction);
5
- gap: var(--mirai-ui-input-option-gap);
6
- margin-bottom: var(--mirai-ui-input-option-padding-y);
5
+ gap: var(--mirai-ui-input-option-gap-x);
6
+ margin-bottom: var(--mirai-ui-input-option-gap-y);
7
7
  position: relative;
8
8
  width: 100%;
9
9
  }
package/build/components/InputPhone/InputPhone.module.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .container {
2
- margin-bottom: var(--mirai-ui-input-text-padding-y);
2
+ margin-bottom: var(--mirai-ui-input-text-gap);
3
3
  }
4
4
 
5
5
  .prefix {
package/build/components/InputText/InputText.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .inputContainer {
2
2
  flex: 1;
3
- margin-bottom: var(--mirai-ui-input-text-padding-y);
3
+ margin-bottom: var(--mirai-ui-input-text-gap);
4
4
  position: relative;
5
5
  }
6
6
 
package/build/primitives/Checkbox/Checkbox.module.css CHANGED
@@ -55,7 +55,8 @@
55
55
  top: 0;
56
56
  }
57
57
 
58
- @media only screen and (max-width: 431px) {
58
+ /* S */
59
+ @media only screen and (max-width: 430px) {
59
60
  .checkbox {
60
61
  height: var(--mirai-ui-checkbox-size-mobile);
61
62
  width: var(--mirai-ui-checkbox-size-mobile);
@@ -67,7 +68,8 @@
67
68
  }
68
69
  }
69
70
 
70
- @media only screen and (min-width: 430px) {
71
+ /* M & L */
72
+ @media only screen and (min-width: 431px) {
71
73
  .checkbox {
72
74
  height: var(--mirai-ui-checkbox-size);
73
75
  width: var(--mirai-ui-checkbox-size);
package/build/primitives/Input/helpers/parseValue.js CHANGED
@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.parseValue = void 0;
7
+ var EMOJI_REGEX = /(?:[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u2388\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2605\u2607-\u2612\u2614-\u2685\u2690-\u2705\u2708-\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763-\u2767\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC00-\uDCFF\uDD0D-\uDD0F\uDD2F\uDD6C-\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDAD-\uDDFF\uDE01-\uDE0F\uDE1A\uDE2F\uDE32-\uDE3A\uDE3C-\uDE3F\uDE49-\uDFFF]|\uD83D[\uDC00-\uDD3D\uDD46-\uDE4F\uDE80-\uDEFF\uDF74-\uDF7F\uDFD5-\uDFFF]|\uD83E[\uDC0C-\uDC0F\uDC48-\uDC4F\uDC5A-\uDC5F\uDC88-\uDC8F\uDCAE-\uDCFF\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDEFF]|\uD83F[\uDC00-\uDFFD])/g;
7
8
  var parseValue = function parseValue(value, type) {
8
9
  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
9
10
  _ref$trimSpaces = _ref.trimSpaces,
10
11
  trimSpaces = _ref$trimSpaces === void 0 ? false : _ref$trimSpaces;
11
- return value && value.toString().trim().length > 0 ? type !== 'number' ? (trimSpaces ? value.trim() : value).toString() : !isNaN(value) ? parseFloat(value, 10) : undefined : undefined;
12
+ return value && value.toString().trim().length > 0 ? type !== 'number' ? (trimSpaces ? value.trim() : value).toString().replace(EMOJI_REGEX, '') : !isNaN(value) ? parseFloat(value, 10) : undefined : undefined;
12
13
  };
13
14
  exports.parseValue = parseValue;
14
15
  //# sourceMappingURL=parseValue.js.map
package/build/primitives/Input/helpers/parseValue.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"parseValue.js","names":["parseValue","value","type","trimSpaces","toString","trim","length","isNaN","parseFloat","undefined"],"sources":["../../../../src/primitives/Input/helpers/parseValue.js"],"sourcesContent":["export const parseValue = (value, type, { trimSpaces = false } = {}) =>\n value && value.toString().trim().length > 0\n ? type !== 'number'\n ? (trimSpaces ? value.trim() : value).toString()\n : !isNaN(value)\n ? parseFloat(value, 10)\n : undefined\n : undefined;\n"],"mappings":";;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAEC,IAAI;EAAA,+EAA2B,CAAC,CAAC;IAAA,uBAAzBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;EAAA,OAC1DF,KAAK,IAAIA,KAAK,CAACG,QAAQ,EAAE,CAACC,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,GACvCJ,IAAI,KAAK,QAAQ,GACf,CAACC,UAAU,GAAGF,KAAK,CAACI,IAAI,EAAE,GAAGJ,KAAK,EAAEG,QAAQ,EAAE,GAC9C,CAACG,KAAK,CAACN,KAAK,CAAC,GACbO,UAAU,CAACP,KAAK,EAAE,EAAE,CAAC,GACrBQ,SAAS,GACXA,SAAS;AAAA;AAAC"}
1
+ {"version":3,"file":"parseValue.js","names":["EMOJI_REGEX","parseValue","value","type","trimSpaces","toString","trim","length","replace","isNaN","parseFloat","undefined"],"sources":["../../../../src/primitives/Input/helpers/parseValue.js"],"sourcesContent":["const EMOJI_REGEX = /[\\p{Emoji_Presentation}\\p{Extended_Pictographic}]/gu;\n\nexport const parseValue = (value, type, { trimSpaces = false } = {}) =>\n value && value.toString().trim().length > 0\n ? type !== 'number'\n ? (trimSpaces ? value.trim() : value).toString().replace(EMOJI_REGEX, '')\n : !isNaN(value)\n ? parseFloat(value, 10)\n : undefined\n : undefined;\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAG,myBAAqD;AAElE,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAEC,IAAI;EAAA,+EAA2B,CAAC,CAAC;IAAA,uBAAzBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;EAAA,OAC1DF,KAAK,IAAIA,KAAK,CAACG,QAAQ,EAAE,CAACC,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,GACvCJ,IAAI,KAAK,QAAQ,GACf,CAACC,UAAU,GAAGF,KAAK,CAACI,IAAI,EAAE,GAAGJ,KAAK,EAAEG,QAAQ,EAAE,CAACG,OAAO,CAACR,WAAW,EAAE,EAAE,CAAC,GACvE,CAACS,KAAK,CAACP,KAAK,CAAC,GACbQ,UAAU,CAACR,KAAK,EAAE,EAAE,CAAC,GACrBS,SAAS,GACXA,SAAS;AAAA;AAAC"}
package/build/primitives/Radio/Radio.module.css CHANGED
@@ -1,7 +1,5 @@
1
1
  .radio {
2
2
  position: relative;
3
- height: var(--mirai-ui-radio-size);
4
- width: var(--mirai-ui-radio-size);
5
3
  }
6
4
 
7
5
  .radio input {
@@ -10,14 +8,12 @@
10
8
  border-radius: 50%;
11
9
  box-sizing: border-box;
12
10
  cursor: pointer;
13
- height: var(--mirai-ui-radio-size);
14
11
  margin: 0;
15
12
  outline: none;
16
13
  user-select: none;
17
14
  transition: background-color var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing),
18
15
  border-color var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing),
19
16
  box-shadow var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
20
- width: var(--mirai-ui-radio-size);
21
17
 
22
18
  appearance: none;
23
19
  -webkit-appearance: none;
@@ -74,3 +70,41 @@
74
70
  margin-right: 0;
75
71
  top: 0;
76
72
  }
73
+
74
+ /* S */
75
+ @media only screen and (max-width: 430px) {
76
+ .radio {
77
+ height: var(--mirai-ui-radio-size-mobile);
78
+ width: var(--mirai-ui-radio-size-mobile);
79
+ }
80
+
81
+ .radio input {
82
+ height: var(--mirai-ui-radio-size-mobile);
83
+ width: var(--mirai-ui-radio-size-mobile);
84
+ }
85
+
86
+ .radio .checkmark {
87
+ margin: calc(var(--mirai-ui-radio-size-mobile) / 4);
88
+ height: calc(var(--mirai-ui-radio-size-mobile) / 2);
89
+ width: calc(var(--mirai-ui-radio-size-mobile) / 2);
90
+ }
91
+ }
92
+
93
+ /* M & L */
94
+ @media only screen and (min-width: 431px) {
95
+ .radio {
96
+ height: var(--mirai-ui-radio-size);
97
+ width: var(--mirai-ui-radio-size);
98
+ }
99
+
100
+ .radio input {
101
+ height: var(--mirai-ui-radio-size);
102
+ width: var(--mirai-ui-radio-size);
103
+ }
104
+
105
+ .radio .checkmark {
106
+ margin: calc(var(--mirai-ui-radio-size) / 4);
107
+ height: calc(var(--mirai-ui-radio-size) / 2);
108
+ width: calc(var(--mirai-ui-radio-size) / 2);
109
+ }
110
+ }
package/build/theme/default.theme.css CHANGED
@@ -206,8 +206,8 @@
206
206
 
207
207
  /* InputOption */
208
208
  --mirai-ui-input-option-disabled: var(--mirai-ui-content-light);
209
- --mirai-ui-input-option-gap: var(--mirai-ui-space-XS);
210
- --mirai-ui-input-option-padding-y: var(--mirai-ui-space-S);
209
+ --mirai-ui-input-option-gap-x: var(--mirai-ui-space-XS);
210
+ --mirai-ui-input-option-gap-y: var(--mirai-ui-space-M);
211
211
 
212
212
  /* InputSelect */
213
213
 
@@ -216,6 +216,7 @@
216
216
  --mirai-ui-input-text-disabled: var(--mirai-ui-content-border);
217
217
  --mirai-ui-input-text-error: var(--mirai-ui-error);
218
218
  --mirai-ui-input-text-focus: var(--mirai-ui-content);
219
+ --mirai-ui-input-text-gap: var(--mirai-ui-space-M);
219
220
  --mirai-ui-input-text-icon: var(--mirai-ui-font-size-headline-3);
220
221
  --mirai-ui-input-text-padding-x: var(--mirai-ui-space-M);
221
222
  --mirai-ui-input-text-padding-y: var(--mirai-ui-space-XS);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/ui",
3
- "version": "1.1.7",
3
+ "version": "1.1.9",
4
4
  "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
5
5
  "author": "JΛVI <hello@soyjavi.com>",
6
6
  "license": "MIT",