@mirai/ui 1.0.134 → 1.0.135

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/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +11 -10
  2. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +8 -8
  3. package/build/primitives/Checkbox/Checkbox.js +1 -1
  4. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  5. package/build/primitives/Checkbox/Checkbox.module.css +6 -0
  6. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +8 -8
  7. package/build/primitives/Radio/Radio.js +2 -1
  8. package/build/primitives/Radio/Radio.js.map +1 -1
  9. package/build/primitives/Radio/Radio.module.css +6 -0
  10. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +7 -0
  11. package/package.json +1 -1
package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap CHANGED
@@ -9,7 +9,7 @@ exports[`primitive:<InputOption> inherit:className 1`] = `
9
9
  class="checkbox"
10
10
  >
11
11
  <input
12
- class=""
12
+ class="input"
13
13
  name="name"
14
14
  type="checkbox"
15
15
  value=""
@@ -29,7 +29,7 @@ exports[`primitive:<InputOption> prop:checked && disabled 1`] = `
29
29
  >
30
30
  <input
31
31
  checked=""
32
- class="checked"
32
+ class="checked input"
33
33
  disabled=""
34
34
  name="name"
35
35
  type="checkbox"
@@ -71,7 +71,7 @@ exports[`primitive:<InputOption> prop:checked 1`] = `
71
71
  >
72
72
  <input
73
73
  checked=""
74
- class="checked"
74
+ class="checked input"
75
75
  name="name"
76
76
  type="checkbox"
77
77
  value=""
@@ -111,7 +111,7 @@ exports[`primitive:<InputOption> prop:disabled 1`] = `
111
111
  class="checkbox"
112
112
  >
113
113
  <input
114
- class=""
114
+ class="input"
115
115
  disabled=""
116
116
  name="name"
117
117
  type="checkbox"
@@ -132,7 +132,7 @@ exports[`primitive:<InputOption> prop:indeterminate && disabled 1`] = `
132
132
  >
133
133
  <input
134
134
  checked=""
135
- class="checked"
135
+ class="checked input"
136
136
  disabled=""
137
137
  name="name"
138
138
  type="checkbox"
@@ -174,7 +174,7 @@ exports[`primitive:<InputOption> prop:indeterminate 1`] = `
174
174
  >
175
175
  <input
176
176
  checked=""
177
- class="checked"
177
+ class="checked input"
178
178
  name="name"
179
179
  type="checkbox"
180
180
  value=""
@@ -214,7 +214,7 @@ exports[`primitive:<InputOption> prop:label 1`] = `
214
214
  class="checkbox"
215
215
  >
216
216
  <input
217
- class=""
217
+ class="input"
218
218
  name="name"
219
219
  type="checkbox"
220
220
  value=""
@@ -238,7 +238,7 @@ exports[`primitive:<InputOption> prop:required 1`] = `
238
238
  class="checkbox"
239
239
  >
240
240
  <input
241
- class=""
241
+ class="input"
242
242
  name="name"
243
243
  type="checkbox"
244
244
  value=""
@@ -267,6 +267,7 @@ exports[`primitive:<InputOption> prop:type 1`] = `
267
267
  class="radio"
268
268
  >
269
269
  <input
270
+ class="input"
270
271
  name="name"
271
272
  type="radio"
272
273
  value=""
@@ -293,7 +294,7 @@ exports[`primitive:<InputOption> renders 1`] = `
293
294
  class="checkbox"
294
295
  >
295
296
  <input
296
- class=""
297
+ class="input"
297
298
  name="name"
298
299
  type="checkbox"
299
300
  value=""
@@ -313,7 +314,7 @@ exports[`primitive:<InputOption> testID 1`] = `
313
314
  class="checkbox"
314
315
  >
315
316
  <input
316
- class=""
317
+ class="input"
317
318
  name="name"
318
319
  type="checkbox"
319
320
  value=""
package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap CHANGED
@@ -2445,7 +2445,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
2445
2445
  class="checkbox"
2446
2446
  >
2447
2447
  <input
2448
- class=""
2448
+ class="input"
2449
2449
  name="checkbox"
2450
2450
  type="checkbox"
2451
2451
  value=""
@@ -2778,7 +2778,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
2778
2778
  class="checkbox"
2779
2779
  >
2780
2780
  <input
2781
- class=""
2781
+ class="input"
2782
2782
  name="checkbox"
2783
2783
  type="checkbox"
2784
2784
  value=""
@@ -2840,7 +2840,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
2840
2840
  class="checkbox"
2841
2841
  >
2842
2842
  <input
2843
- class=""
2843
+ class="input"
2844
2844
  name="checkbox"
2845
2845
  type="checkbox"
2846
2846
  value=""
@@ -2902,7 +2902,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
2902
2902
  class="checkbox"
2903
2903
  >
2904
2904
  <input
2905
- class=""
2905
+ class="input"
2906
2906
  name="checkbox"
2907
2907
  type="checkbox"
2908
2908
  value=""
@@ -2964,7 +2964,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
2964
2964
  class="checkbox"
2965
2965
  >
2966
2966
  <input
2967
- class=""
2967
+ class="input"
2968
2968
  name="checkbox"
2969
2969
  type="checkbox"
2970
2970
  value=""
@@ -3030,7 +3030,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
3030
3030
  class="checkbox"
3031
3031
  >
3032
3032
  <input
3033
- class=""
3033
+ class="input"
3034
3034
  name="checkbox"
3035
3035
  type="checkbox"
3036
3036
  value=""
@@ -3094,7 +3094,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
3094
3094
  class="checkbox"
3095
3095
  >
3096
3096
  <input
3097
- class=""
3097
+ class="input"
3098
3098
  name="checkbox"
3099
3099
  type="checkbox"
3100
3100
  value=""
@@ -3156,7 +3156,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
3156
3156
  class="checkbox"
3157
3157
  >
3158
3158
  <input
3159
- class=""
3159
+ class="input"
3160
3160
  name="checkbox"
3161
3161
  type="checkbox"
3162
3162
  value=""
package/build/primitives/Checkbox/Checkbox.js CHANGED
@@ -38,7 +38,7 @@ var Checkbox = function Checkbox(_ref) {
38
38
  name: name,
39
39
  type: "checkbox",
40
40
  value: value,
41
- className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked),
41
+ className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked, _CheckboxModule.default.input),
42
42
  onChange: handleChange
43
43
  }), children);
44
44
  };
package/build/primitives/Checkbox/Checkbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","styles","style","checkbox","className","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked = false, children, disabled, name, value = '', onChange = () => {}, ...others }) => {\n const handleChange = (event) => {\n if (disabled) return;\n\n const {\n target: { checked },\n } = event;\n onChange(checked, event);\n };\n\n return (\n <div className={styles(style.checkbox, others.className)} style={others.style}>\n <input\n checked={checked}\n data-testid={others['data-testid']}\n disabled={disabled}\n name={name}\n type=\"checkbox\"\n value={value}\n className={styles(checked && style.checked)}\n onChange={handleChange}\n />\n {children}\n </div>\n );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n checked: PropTypes.bool,\n children: PropTypes.node,\n disabled: PropTypes.bool,\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAkG;EAAA,wBAA5FC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACvG,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEd,IACYF,OAAO,GACfQ,KAAK,CADPC,MAAM,CAAIT,OAAO;IAEnBK,QAAQ,CAACL,OAAO,EAAEQ,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAE,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEN,MAAM,CAACO,SAAS,CAAE;IAAC,KAAK,EAAEP,MAAM,CAACK;EAAM,gBAC5E;IACE,OAAO,EAAEX,OAAQ;IACjB,eAAaM,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,SAAS,EAAE,IAAAM,eAAM,EAACV,OAAO,IAAIW,uBAAK,CAACX,OAAO,CAAE;IAC5C,QAAQ,EAAEO;EAAa,EACvB,EACDN,QAAQ,CACL;AAEV,CAAC;AAAC;AAEFF,QAAQ,CAACe,WAAW,GAAG,oBAAoB;AAE3Cf,QAAQ,CAACgB,SAAS,GAAG;EACnBf,OAAO,EAAEgB,kBAAS,CAACC,IAAI;EACvBhB,QAAQ,EAAEe,kBAAS,CAACE,IAAI;EACxBhB,QAAQ,EAAEc,kBAAS,CAACC,IAAI;EACxBd,IAAI,EAAEa,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjChB,KAAK,EAAEY,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DZ,QAAQ,EAAEW,kBAAS,CAACM;AACtB,CAAC"}
1
+ {"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","styles","style","checkbox","className","input","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked = false, children, disabled, name, value = '', onChange = () => {}, ...others }) => {\n const handleChange = (event) => {\n if (disabled) return;\n\n const {\n target: { checked },\n } = event;\n onChange(checked, event);\n };\n\n return (\n <div className={styles(style.checkbox, others.className)} style={others.style}>\n <input\n checked={checked}\n data-testid={others['data-testid']}\n disabled={disabled}\n name={name}\n type=\"checkbox\"\n value={value}\n className={styles(checked && style.checked, style.input)}\n onChange={handleChange}\n />\n {children}\n </div>\n );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n checked: PropTypes.bool,\n children: PropTypes.node,\n disabled: PropTypes.bool,\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAkG;EAAA,wBAA5FC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACvG,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEd,IACYF,OAAO,GACfQ,KAAK,CADPC,MAAM,CAAIT,OAAO;IAEnBK,QAAQ,CAACL,OAAO,EAAEQ,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAE,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEN,MAAM,CAACO,SAAS,CAAE;IAAC,KAAK,EAAEP,MAAM,CAACK;EAAM,gBAC5E;IACE,OAAO,EAAEX,OAAQ;IACjB,eAAaM,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,SAAS,EAAE,IAAAM,eAAM,EAACV,OAAO,IAAIW,uBAAK,CAACX,OAAO,EAAEW,uBAAK,CAACG,KAAK,CAAE;IACzD,QAAQ,EAAEP;EAAa,EACvB,EACDN,QAAQ,CACL;AAEV,CAAC;AAAC;AAEFF,QAAQ,CAACgB,WAAW,GAAG,oBAAoB;AAE3ChB,QAAQ,CAACiB,SAAS,GAAG;EACnBhB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,QAAQ,EAAEgB,kBAAS,CAACE,IAAI;EACxBjB,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,IAAI,EAAEc,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjCjB,KAAK,EAAEa,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Db,QAAQ,EAAEY,kBAAS,CAACM;AACtB,CAAC"}
package/build/primitives/Checkbox/Checkbox.module.css CHANGED
@@ -35,3 +35,9 @@
35
35
  background-color: var(--mirai-ui-checkbox-checked);
36
36
  border-color: var(--mirai-ui-checkbox-checked);
37
37
  }
38
+
39
+ /* -- reset defaults -------------------------------------------------------- */
40
+ .checkbox input.input {
41
+ margin-right: 0;
42
+ top: 0;
43
+ }
package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap CHANGED
@@ -6,7 +6,7 @@ exports[`primitive:<Checkbox> inherit:className 1`] = `
6
6
  class="checkbox mirai"
7
7
  >
8
8
  <input
9
- class=""
9
+ class="input"
10
10
  name="name"
11
11
  type="checkbox"
12
12
  value=""
@@ -22,7 +22,7 @@ exports[`primitive:<Checkbox> prop:checked && disabled 1`] = `
22
22
  >
23
23
  <input
24
24
  checked=""
25
- class="checked"
25
+ class="checked input"
26
26
  disabled=""
27
27
  name="name"
28
28
  type="checkbox"
@@ -39,7 +39,7 @@ exports[`primitive:<Checkbox> prop:checked 1`] = `
39
39
  >
40
40
  <input
41
41
  checked=""
42
- class="checked"
42
+ class="checked input"
43
43
  name="name"
44
44
  type="checkbox"
45
45
  value=""
@@ -54,7 +54,7 @@ exports[`primitive:<Checkbox> prop:children 1`] = `
54
54
  class="checkbox"
55
55
  >
56
56
  <input
57
- class=""
57
+ class="input"
58
58
  name="name"
59
59
  type="checkbox"
60
60
  value=""
@@ -70,7 +70,7 @@ exports[`primitive:<Checkbox> prop:disabled 1`] = `
70
70
  class="checkbox"
71
71
  >
72
72
  <input
73
- class=""
73
+ class="input"
74
74
  disabled=""
75
75
  name="name"
76
76
  type="checkbox"
@@ -86,7 +86,7 @@ exports[`primitive:<Checkbox> prop:value 1`] = `
86
86
  class="checkbox"
87
87
  >
88
88
  <input
89
- class=""
89
+ class="input"
90
90
  name="name"
91
91
  type="checkbox"
92
92
  value="value"
@@ -101,7 +101,7 @@ exports[`primitive:<Checkbox> render 1`] = `
101
101
  class="checkbox"
102
102
  >
103
103
  <input
104
- class=""
104
+ class="input"
105
105
  name="name"
106
106
  type="checkbox"
107
107
  value=""
@@ -116,7 +116,7 @@ exports[`primitive:<Checkbox> testID 1`] = `
116
116
  class="checkbox"
117
117
  >
118
118
  <input
119
- class=""
119
+ class="input"
120
120
  data-testid="mirai"
121
121
  name="name"
122
122
  type="checkbox"
package/build/primitives/Radio/Radio.js CHANGED
@@ -36,7 +36,8 @@ var Radio = function Radio(_ref) {
36
36
  name: name,
37
37
  type: "radio",
38
38
  value: value,
39
- onChange: handleChange
39
+ onChange: handleChange,
40
+ className: _RadioModule.default.input
40
41
  }), /*#__PURE__*/_react.default.createElement("span", {
41
42
  className: _RadioModule.default.checkmark
42
43
  }));
package/build/primitives/Radio/Radio.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","styles","style","radio","className","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked = false, disabled, name, value = '', onChange = () => {}, ...others }) => {\n const handleChange = (event) => {\n if (disabled) return;\n\n onChange(value, event);\n };\n\n return (\n <div className={styles(style.radio, others.className)} style={others.style}>\n <input\n checked={checked}\n data-testid={others['data-testid']}\n disabled={disabled}\n name={name}\n type=\"radio\"\n value={value}\n onChange={handleChange}\n />\n <span className={style.checkmark} />\n </div>\n );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAwF;EAAA,wBAAlFC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC1F,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEdG,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACxB,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEL,MAAM,CAACM,SAAS,CAAE;IAAC,KAAK,EAAEN,MAAM,CAACI;EAAM,gBACzE;IACE,OAAO,EAAET,OAAQ;IACjB,eAAaK,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG;EAAa,EACvB,eACF;IAAM,SAAS,EAAEG,oBAAK,CAACG;EAAU,EAAG,CAChC;AAEV,CAAC;AAAC;AAEFb,KAAK,CAACc,WAAW,GAAG,iBAAiB;AAErCd,KAAK,CAACe,SAAS,GAAG;EAChBd,OAAO,EAAEe,kBAAS,CAACC,IAAI;EACvBf,QAAQ,EAAEc,kBAAS,CAACC,IAAI;EACxBd,IAAI,EAAEa,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjCf,KAAK,EAAEY,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DZ,QAAQ,EAAEW,kBAAS,CAACK;AACtB,CAAC"}
1
+ {"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","styles","style","radio","className","input","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked = false, disabled, name, value = '', onChange = () => {}, ...others }) => {\n const handleChange = (event) => {\n if (disabled) return;\n\n onChange(value, event);\n };\n\n return (\n <div className={styles(style.radio, others.className)} style={others.style}>\n <input\n checked={checked}\n data-testid={others['data-testid']}\n disabled={disabled}\n name={name}\n type=\"radio\"\n value={value}\n onChange={handleChange}\n className={style.input}\n />\n <span className={style.checkmark} />\n </div>\n );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAwF;EAAA,wBAAlFC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC1F,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEdG,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACxB,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEL,MAAM,CAACM,SAAS,CAAE;IAAC,KAAK,EAAEN,MAAM,CAACI;EAAM,gBACzE;IACE,OAAO,EAAET,OAAQ;IACjB,eAAaK,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,SAAS,EAAEG,oBAAK,CAACG;EAAM,EACvB,eACF;IAAM,SAAS,EAAEH,oBAAK,CAACI;EAAU,EAAG,CAChC;AAEV,CAAC;AAAC;AAEFd,KAAK,CAACe,WAAW,GAAG,iBAAiB;AAErCf,KAAK,CAACgB,SAAS,GAAG;EAChBf,OAAO,EAAEgB,kBAAS,CAACC,IAAI;EACvBhB,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,IAAI,EAAEc,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjChB,KAAK,EAAEa,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Db,QAAQ,EAAEY,kBAAS,CAACK;AACtB,CAAC"}
package/build/primitives/Radio/Radio.module.css CHANGED
@@ -50,3 +50,9 @@
50
50
  .radio input:checked:not(:disabled) ~ .checkmark {
51
51
  background-color: var(--mirai-ui-radio-base);
52
52
  }
53
+
54
+ /* -- reset defaults -------------------------------------------------------- */
55
+ .radio input.input {
56
+ margin-right: 0;
57
+ top: 0;
58
+ }
package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap CHANGED
@@ -6,6 +6,7 @@ exports[`primitive:<Radio> inherit:className 1`] = `
6
6
  class="radio mirai"
7
7
  >
8
8
  <input
9
+ class="input"
9
10
  name="name"
10
11
  type="radio"
11
12
  value=""
@@ -24,6 +25,7 @@ exports[`primitive:<Radio> prop:checked && disabled 1`] = `
24
25
  >
25
26
  <input
26
27
  checked=""
28
+ class="input"
27
29
  disabled=""
28
30
  name="name"
29
31
  type="radio"
@@ -43,6 +45,7 @@ exports[`primitive:<Radio> prop:checked 1`] = `
43
45
  >
44
46
  <input
45
47
  checked=""
48
+ class="input"
46
49
  name="name"
47
50
  type="radio"
48
51
  value=""
@@ -60,6 +63,7 @@ exports[`primitive:<Radio> prop:disabled 1`] = `
60
63
  class="radio"
61
64
  >
62
65
  <input
66
+ class="input"
63
67
  disabled=""
64
68
  name="name"
65
69
  type="radio"
@@ -78,6 +82,7 @@ exports[`primitive:<Radio> prop:value 1`] = `
78
82
  class="radio"
79
83
  >
80
84
  <input
85
+ class="input"
81
86
  name="name"
82
87
  type="radio"
83
88
  value="value"
@@ -95,6 +100,7 @@ exports[`primitive:<Radio> render 1`] = `
95
100
  class="radio"
96
101
  >
97
102
  <input
103
+ class="input"
98
104
  name="name"
99
105
  type="radio"
100
106
  value=""
@@ -112,6 +118,7 @@ exports[`primitive:<Radio> testID 1`] = `
112
118
  class="radio"
113
119
  >
114
120
  <input
121
+ class="input"
115
122
  data-testid="mirai"
116
123
  name="name"
117
124
  type="radio"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/ui",
3
- "version": "1.0.134",
3
+ "version": "1.0.135",
4
4
  "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
5
5
  "author": "JΛVI <hello@soyjavi.com>",
6
6
  "license": "MIT",