@toptal/picasso-checkbox 3.0.7 → 3.0.8

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 (4) hide show
  1. package/dist-package/src/CheckboxGroup/CheckboxGroup.js +1 -1
  2. package/package.json +1 -1
  3. package/src/Checkbox/__snapshots__/test.tsx.snap +6 -6
  4. package/src/CheckboxGroup/CheckboxGroup.tsx +1 -1
package/dist-package/src/CheckboxGroup/CheckboxGroup.js CHANGED
@@ -19,7 +19,7 @@ const CheckboxGroup = (props) => {
19
19
  const gridSpacing = (spacing !== null && spacing !== void 0 ? spacing : horizontal) ? HORIZONTAL_SPACING : 0;
20
20
  const children = React.Children.toArray(rest.children);
21
21
  return (React.createElement("div", Object.assign({}, rest, { className: twMerge('flex flex-col flex-wrap -mr-[0.5em] -mb-[0.5em]', horizontal && 'flex-row', className) }),
22
- React.createElement(Grid, { direction: direction, spacing: gridSpacing, className: 'mt-0 mb-0' }, children.map((child, index) => (React.createElement(Grid.Item, { key: index, className: 'leading-none pt-0 pb-0 [&>.picasso-checkbox]:mb-[0.5em]', xs: xs, sm: sm, md: md, lg: lg, xl: xl }, child))))));
22
+ React.createElement(Grid, { direction: direction, spacing: gridSpacing, className: 'mt-0 mb-0' }, children.map((child, index) => (React.createElement(Grid.Item, { key: index, className: 'leading-none pt-0 pb-0 [&_.picasso-checkbox]:mb-[0.5em]', xs: xs, sm: sm, md: md, lg: lg, xl: xl }, child))))));
23
23
  };
24
24
  CheckboxGroup.defaultProps = {
25
25
  horizontal: false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-checkbox",
3
- "version": "3.0.7",
3
+ "version": "3.0.8",
4
4
  "description": "Toptal UI components library - Checkbox",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/Checkbox/__snapshots__/test.tsx.snap CHANGED
@@ -12,7 +12,7 @@ exports[`Checkbox Checkbox.Group renders checkbox in a grid group 1`] = `
12
12
  class="box-border flex flex-row flex-wrap items-start justify-start w-[calc(100%+16px)] -m mt-0 mb-0"
13
13
  >
14
14
  <div
15
- class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&>.picasso-checkbox]:mb-[0.5em]"
15
+ class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&_.picasso-checkbox]:mb-[0.5em]"
16
16
  >
17
17
  <label
18
18
  class="inline-flex items-center max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer picasso-checkbox"
@@ -51,7 +51,7 @@ exports[`Checkbox Checkbox.Group renders checkbox in a grid group 1`] = `
51
51
  </label>
52
52
  </div>
53
53
  <div
54
- class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&>.picasso-checkbox]:mb-[0.5em]"
54
+ class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&_.picasso-checkbox]:mb-[0.5em]"
55
55
  >
56
56
  <label
57
57
  class="inline-flex items-center max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer picasso-checkbox"
@@ -90,7 +90,7 @@ exports[`Checkbox Checkbox.Group renders checkbox in a grid group 1`] = `
90
90
  </label>
91
91
  </div>
92
92
  <div
93
- class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&>.picasso-checkbox]:mb-[0.5em]"
93
+ class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&_.picasso-checkbox]:mb-[0.5em]"
94
94
  >
95
95
  <label
96
96
  class="inline-flex items-center max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer picasso-checkbox"
@@ -129,7 +129,7 @@ exports[`Checkbox Checkbox.Group renders checkbox in a grid group 1`] = `
129
129
  </label>
130
130
  </div>
131
131
  <div
132
- class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&>.picasso-checkbox]:mb-[0.5em]"
132
+ class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&_.picasso-checkbox]:mb-[0.5em]"
133
133
  >
134
134
  <label
135
135
  class="inline-flex items-center max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer picasso-checkbox"
@@ -168,7 +168,7 @@ exports[`Checkbox Checkbox.Group renders checkbox in a grid group 1`] = `
168
168
  </label>
169
169
  </div>
170
170
  <div
171
- class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&>.picasso-checkbox]:mb-[0.5em]"
171
+ class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&_.picasso-checkbox]:mb-[0.5em]"
172
172
  >
173
173
  <label
174
174
  class="inline-flex items-center max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer picasso-checkbox"
@@ -207,7 +207,7 @@ exports[`Checkbox Checkbox.Group renders checkbox in a grid group 1`] = `
207
207
  </label>
208
208
  </div>
209
209
  <div
210
- class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&>.picasso-checkbox]:mb-[0.5em]"
210
+ class="box-border m-0 p-[8px] sm:basis-4/12 sm:max-w leading-none pt-0 pb-0 [&_.picasso-checkbox]:mb-[0.5em]"
211
211
  >
212
212
  <label
213
213
  class="inline-flex items-center max-w align-middle -webkit-tap-highlight-color mx-0 cursor-pointer picasso-checkbox"
package/src/CheckboxGroup/CheckboxGroup.tsx CHANGED
@@ -41,7 +41,7 @@ const CheckboxGroup = (props: Props) => {
41
41
  {children.map((child, index) => (
42
42
  <Grid.Item
43
43
  key={index}
44
- className='leading-none pt-0 pb-0 [&>.picasso-checkbox]:mb-[0.5em]'
44
+ className='leading-none pt-0 pb-0 [&_.picasso-checkbox]:mb-[0.5em]'
45
45
  xs={xs}
46
46
  sm={sm}
47
47
  md={md}