@toptal/picasso-radio 3.0.5 → 3.0.6

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/dist-package/src/Radio/Radio.d.ts.map +1 -1
  2. package/dist-package/src/Radio/Radio.js +4 -1
  3. package/dist-package/src/Radio/Radio.js.map +1 -1
  4. package/dist-package/src/Radio/styles.d.ts +1 -1
  5. package/dist-package/src/Radio/styles.d.ts.map +1 -1
  6. package/dist-package/src/Radio/styles.js +0 -7
  7. package/dist-package/src/Radio/styles.js.map +1 -1
  8. package/package.json +2 -2
  9. package/src/Radio/Radio.tsx +2 -3
  10. package/src/Radio/__snapshots__/test.tsx.snap +16 -16
  11. package/src/Radio/styles.ts +0 -7
package/dist-package/src/Radio/Radio.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,wBAAwB,CAAA;AAM/B,MAAM,WAAW,KACf,SAAQ,aAAa,EACnB,cAAc,EACd,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,OAAO,CAAC;IACjD,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IACjC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC1C,OAAO,EAAE,OAAO,KACb,IAAI,CAAA;CACV;AAOD,eAAO,MAAM,KAAK,oGAkEjB,CAAA;AAQD,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,wBAAwB,CAAA;AAM/B,MAAM,WAAW,KACf,SAAQ,aAAa,EACnB,cAAc,EACd,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,OAAO,CAAC;IACjD,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IACjC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC1C,OAAO,EAAE,OAAO,KACb,IAAI,CAAA;CACV;AAOD,eAAO,MAAM,KAAK,oGAiEjB,CAAA;AAQD,eAAe,KAAK,CAAA"}
package/dist-package/src/Radio/Radio.js CHANGED
@@ -36,7 +36,10 @@ export const Radio = forwardRef(function Radio(props, ref) {
36
36
  onMouseLeave: rest.onMouseLeave,
37
37
  onMouseOver: rest.onMouseOver,
38
38
  };
39
- return (React.createElement(FormControlLabel, Object.assign({}, externalEventListeners, { ref: ref, control: muiRadio, className: classes.labelWithRightSpacing, classes: Object.assign(Object.assign({}, rootClasses), { label: classes.label }), style: style, label: label, "data-private": dataPrivate, disabled: disabled, titleCase: titleCase })));
39
+ return (React.createElement(FormControlLabel, Object.assign({}, externalEventListeners, { ref: ref, control: muiRadio, classes: {
40
+ label: 'mt-[0.25em] max-w-[calc(100%_-_1.5em_+_1px)]',
41
+ root: 'text-[1rem] items-start',
42
+ }, style: style, label: label, "data-private": dataPrivate, disabled: disabled, titleCase: titleCase })));
40
43
  });
41
44
  Radio.defaultProps = {
42
45
  disabled: false,
package/dist-package/src/Radio/Radio.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/Radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAMrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAEvD,OAAO,MAAM,MAAM,UAAU,CAAA;AAqB7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,OAAO;CACd,CAAC,CAAA;AAEF,8CAA8C;AAC9C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,SAAS,KAAK,CAAC,KAAK,EAAE,GAAG;IACvB,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,EAAE,WAAW,KAEzB,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,wGAWL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,WAAW,GAAG;QAClB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;KAC3B,CAAA;IACD,MAAM,QAAQ,GAAG,CACf,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,GAA6C,EACvE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,6BAAK,SAAS,EAAE,OAAO,CAAC,aAAa,GAAI,EAC/C,WAAW,EAAE,6BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,GAAI,EACpD,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;YACvB,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC;SACpC,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,OAAO,CAAC,OAAO,IACtC,CACH,CAAA;IAED,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAA;KAChB;IAED,MAAM,sBAAsB,GAAG;QAC7B,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,WAAW,EAAE,IAAI,CAAC,WAAW;KACa,CAAA;IAE5C,OAAO,CACL,oBAAC,gBAAgB,oBACX,sBAAsB,IAC1B,GAAG,EAAE,GAA2C,EAChD,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,OAAO,CAAC,qBAAqB,EACxC,OAAO,kCACF,WAAW,KACd,KAAK,EAAE,OAAO,CAAC,KAAK,KAEtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,kBACE,WAAW,EACzB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IACpB,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/Radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAMrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAEvD,OAAO,MAAM,MAAM,UAAU,CAAA;AAqB7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,OAAO;CACd,CAAC,CAAA;AAEF,8CAA8C;AAC9C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,SAAS,KAAK,CAAC,KAAK,EAAE,GAAG;IACvB,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,EAAE,WAAW,KAEzB,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,wGAWL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,WAAW,GAAG;QAClB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;KAC3B,CAAA;IACD,MAAM,QAAQ,GAAG,CACf,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,GAA6C,EACvE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,6BAAK,SAAS,EAAE,OAAO,CAAC,aAAa,GAAI,EAC/C,WAAW,EAAE,6BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,GAAI,EACpD,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;YACvB,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC;SACpC,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,OAAO,CAAC,OAAO,IACtC,CACH,CAAA;IAED,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAA;KAChB;IAED,MAAM,sBAAsB,GAAG;QAC7B,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,WAAW,EAAE,IAAI,CAAC,WAAW;KACa,CAAA;IAE5C,OAAO,CACL,oBAAC,gBAAgB,oBACX,sBAAsB,IAC1B,GAAG,EAAE,GAA2C,EAChD,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE;YACP,KAAK,EAAE,8CAA8C;YACrD,IAAI,EAAE,yBAAyB;SAChC,EACD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,kBACE,WAAW,EACzB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IACpB,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
package/dist-package/src/Radio/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import type { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "disabled" | "focused" | "withLabel" | "uncheckedIcon" | "checkedIcon" | "label" | "labelWithRightSpacing">;
2
+ declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "disabled" | "focused" | "withLabel" | "uncheckedIcon" | "checkedIcon">;
3
3
  export default _default;
4
4
  //# sourceMappingURL=styles.d.ts.map
package/dist-package/src/Radio/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Radio/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;0DA8FJ,KAAK;AAAtD,wBAwDI"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Radio/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;0DA6FJ,KAAK;AAAtD,wBAkDI"}
package/dist-package/src/Radio/styles.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { createStyles } from '@material-ui/core/styles';
2
2
  import { rem, outline, mix } from '@toptal/picasso-shared';
3
3
  import { PicassoProvider } from '@toptal/picasso-provider';
4
- const CONTROL_WIDTH = '1em';
5
4
  const CONTROL_MARGIN_RIGHT = '0.5em';
6
5
  const RADIO_VERTICAL_MARGIN = '0.25em';
7
6
  PicassoProvider.override(({ palette, transitions }) => ({
@@ -95,11 +94,5 @@ export default ({ palette, sizes, transitions }) => createStyles({
95
94
  dotOpacity: 1,
96
95
  transition: `all ${transitions.duration.short}ms ${transitions.easing.easeInOut}`,
97
96
  }),
98
- label: {
99
- // 1px is needed for safari
100
- maxWidth: `calc(100% - ${CONTROL_WIDTH} - ${CONTROL_MARGIN_RIGHT} + 1px)`,
101
- marginTop: RADIO_VERTICAL_MARGIN,
102
- },
103
- labelWithRightSpacing: {},
104
97
  });
105
98
  //# sourceMappingURL=styles.js.map
package/dist-package/src/Radio/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Radio/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Radio/styles.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-radio",
3
- "version": "3.0.5",
3
+ "version": "3.0.6",
4
4
  "description": "Toptal UI components library - Radio",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-form": "4.1.2",
25
+ "@toptal/picasso-form": "4.1.3",
26
26
  "@toptal/picasso-grid": "4.0.1",
27
27
  "@toptal/picasso-shared": "15.0.0",
28
28
  "@toptal/picasso-utils": "1.0.3",
package/src/Radio/Radio.tsx CHANGED
@@ -90,10 +90,9 @@ export const Radio = forwardRef<HTMLButtonElement | HTMLLabelElement, Props>(
90
90
  {...externalEventListeners}
91
91
  ref={ref as React.ForwardedRef<HTMLLabelElement>}
92
92
  control={muiRadio}
93
- className={classes.labelWithRightSpacing}
94
93
  classes={{
95
- ...rootClasses,
96
- label: classes.label,
94
+ label: 'mt-[0.25em] max-w-[calc(100%_-_1.5em_+_1px)]',
95
+ root: 'text-[1rem] items-start',
97
96
  }}
98
97
  style={style}
99
98
  label={label}
package/src/Radio/__snapshots__/test.tsx.snap CHANGED
@@ -16,7 +16,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
16
16
  class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none [&&]:pt-0 [&&]:pb-0"
17
17
  >
18
18
  <label
19
- class="PicassoFormControlLabel-root Radio-root Radio-labelWithRightSpacing"
19
+ class="inline-flex max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer text-[1rem] items-start"
20
20
  >
21
21
  <span
22
22
  aria-disabled="false"
@@ -37,7 +37,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
37
37
  </span>
38
38
  </span>
39
39
  <span
40
- class="inline-block leading-[1em] mb-0 text-graphite PicassoFormControlLabel-label Radio-label"
40
+ class="inline-block leading-[1em] mb-0 text-graphite mt-[0.25em] max-w-[calc(100%_"
41
41
  >
42
42
  <span
43
43
  class="align-top text-[0.8125rem]"
@@ -51,7 +51,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
51
51
  class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none [&&]:pt-0 [&&]:pb-0"
52
52
  >
53
53
  <label
54
- class="PicassoFormControlLabel-root Radio-root Radio-labelWithRightSpacing"
54
+ class="inline-flex max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer text-[1rem] items-start"
55
55
  >
56
56
  <span
57
57
  aria-disabled="false"
@@ -72,7 +72,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
72
72
  </span>
73
73
  </span>
74
74
  <span
75
- class="inline-block leading-[1em] mb-0 text-graphite PicassoFormControlLabel-label Radio-label"
75
+ class="inline-block leading-[1em] mb-0 text-graphite mt-[0.25em] max-w-[calc(100%_"
76
76
  >
77
77
  <span
78
78
  class="align-top text-[0.8125rem]"
@@ -86,7 +86,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
86
86
  class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none [&&]:pt-0 [&&]:pb-0"
87
87
  >
88
88
  <label
89
- class="PicassoFormControlLabel-root Radio-root Radio-labelWithRightSpacing"
89
+ class="inline-flex max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer text-[1rem] items-start"
90
90
  >
91
91
  <span
92
92
  aria-disabled="false"
@@ -107,7 +107,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
107
107
  </span>
108
108
  </span>
109
109
  <span
110
- class="inline-block leading-[1em] mb-0 text-graphite PicassoFormControlLabel-label Radio-label"
110
+ class="inline-block leading-[1em] mb-0 text-graphite mt-[0.25em] max-w-[calc(100%_"
111
111
  >
112
112
  <span
113
113
  class="align-top text-[0.8125rem]"
@@ -121,7 +121,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
121
121
  class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none [&&]:pt-0 [&&]:pb-0"
122
122
  >
123
123
  <label
124
- class="PicassoFormControlLabel-root Radio-root Radio-labelWithRightSpacing"
124
+ class="inline-flex max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer text-[1rem] items-start"
125
125
  >
126
126
  <span
127
127
  aria-disabled="false"
@@ -142,7 +142,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
142
142
  </span>
143
143
  </span>
144
144
  <span
145
- class="inline-block leading-[1em] mb-0 text-graphite PicassoFormControlLabel-label Radio-label"
145
+ class="inline-block leading-[1em] mb-0 text-graphite mt-[0.25em] max-w-[calc(100%_"
146
146
  >
147
147
  <span
148
148
  class="align-top text-[0.8125rem]"
@@ -156,7 +156,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
156
156
  class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none [&&]:pt-0 [&&]:pb-0"
157
157
  >
158
158
  <label
159
- class="PicassoFormControlLabel-root Radio-root Radio-labelWithRightSpacing"
159
+ class="inline-flex max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer text-[1rem] items-start"
160
160
  >
161
161
  <span
162
162
  aria-disabled="false"
@@ -177,7 +177,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
177
177
  </span>
178
178
  </span>
179
179
  <span
180
- class="inline-block leading-[1em] mb-0 text-graphite PicassoFormControlLabel-label Radio-label"
180
+ class="inline-block leading-[1em] mb-0 text-graphite mt-[0.25em] max-w-[calc(100%_"
181
181
  >
182
182
  <span
183
183
  class="align-top text-[0.8125rem]"
@@ -191,7 +191,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
191
191
  class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none [&&]:pt-0 [&&]:pb-0"
192
192
  >
193
193
  <label
194
- class="PicassoFormControlLabel-root Radio-root Radio-labelWithRightSpacing"
194
+ class="inline-flex max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer text-[1rem] items-start"
195
195
  >
196
196
  <span
197
197
  aria-disabled="false"
@@ -212,7 +212,7 @@ exports[`Radio Radio.Group renders radio in a grid group 1`] = `
212
212
  </span>
213
213
  </span>
214
214
  <span
215
- class="inline-block leading-[1em] mb-0 text-graphite PicassoFormControlLabel-label Radio-label"
215
+ class="inline-block leading-[1em] mb-0 text-graphite mt-[0.25em] max-w-[calc(100%_"
216
216
  >
217
217
  <span
218
218
  class="align-top text-[0.8125rem]"
@@ -244,7 +244,7 @@ exports[`Radio Radio.Group renders radio in group 1`] = `
244
244
  class="box-border m-0 leading-none [&&]:pt-0 [&&]:pb-0"
245
245
  >
246
246
  <label
247
- class="PicassoFormControlLabel-root Radio-root Radio-labelWithRightSpacing"
247
+ class="inline-flex max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer text-[1rem] items-start"
248
248
  >
249
249
  <span
250
250
  aria-disabled="false"
@@ -265,7 +265,7 @@ exports[`Radio Radio.Group renders radio in group 1`] = `
265
265
  </span>
266
266
  </span>
267
267
  <span
268
- class="inline-block leading-[1em] mb-0 text-graphite PicassoFormControlLabel-label Radio-label"
268
+ class="inline-block leading-[1em] mb-0 text-graphite mt-[0.25em] max-w-[calc(100%_"
269
269
  >
270
270
  <span
271
271
  class="align-top text-[0.8125rem]"
@@ -279,7 +279,7 @@ exports[`Radio Radio.Group renders radio in group 1`] = `
279
279
  class="box-border m-0 leading-none [&&]:pt-0 [&&]:pb-0"
280
280
  >
281
281
  <label
282
- class="PicassoFormControlLabel-root Radio-root Radio-labelWithRightSpacing"
282
+ class="inline-flex max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer text-[1rem] items-start"
283
283
  >
284
284
  <span
285
285
  aria-disabled="false"
@@ -300,7 +300,7 @@ exports[`Radio Radio.Group renders radio in group 1`] = `
300
300
  </span>
301
301
  </span>
302
302
  <span
303
- class="inline-block leading-[1em] mb-0 text-graphite PicassoFormControlLabel-label Radio-label"
303
+ class="inline-block leading-[1em] mb-0 text-graphite mt-[0.25em] max-w-[calc(100%_"
304
304
  >
305
305
  <span
306
306
  class="align-top text-[0.8125rem]"
package/src/Radio/styles.ts CHANGED
@@ -3,7 +3,6 @@ import { createStyles } from '@material-ui/core/styles'
3
3
  import { rem, outline, mix } from '@toptal/picasso-shared'
4
4
  import { PicassoProvider } from '@toptal/picasso-provider'
5
5
 
6
- const CONTROL_WIDTH = '1em'
7
6
  const CONTROL_MARGIN_RIGHT = '0.5em'
8
7
  const RADIO_VERTICAL_MARGIN = '0.25em'
9
8
 
@@ -142,10 +141,4 @@ export default ({ palette, sizes, transitions }: Theme) =>
142
141
  dotOpacity: 1,
143
142
  transition: `all ${transitions.duration.short}ms ${transitions.easing.easeInOut}`,
144
143
  }),
145
- label: {
146
- // 1px is needed for safari
147
- maxWidth: `calc(100% - ${CONTROL_WIDTH} - ${CONTROL_MARGIN_RIGHT} + 1px)`,
148
- marginTop: RADIO_VERTICAL_MARGIN,
149
- },
150
- labelWithRightSpacing: {},
151
144
  })