@lightspeed/design-system-css 1.0.2 → 1.0.3

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @lightspeed/design-system-css
2
2
 
3
+ ## 1.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#4344](https://github.com/vend/monocle/pull/4344) [`908e57aea`](https://github.com/vend/monocle/commit/908e57aea8abb71d3b4bb26bcae152f87cf2b874) Thanks [@WaiHaiDere](https://github.com/WaiHaiDere)! - Update checkbox styling to match design (Margin + label)
8
+
3
9
  ## 1.0.2
4
10
 
5
11
  ### Patch Changes
package/dist/index.css CHANGED
@@ -2416,7 +2416,7 @@ vd-carousel-frame {
2416
2416
  }
2417
2417
 
2418
2418
  .vd-checkbox-container {
2419
- margin-bottom: 12px;
2419
+ margin-bottom: 16px;
2420
2420
  display: flex;
2421
2421
  align-items: flex-start;
2422
2422
  flex-direction: column;
@@ -2444,11 +2444,11 @@ vd-carousel-frame {
2444
2444
  }
2445
2445
 
2446
2446
  .vd-checkbox-label {
2447
- margin-left: 12px;
2447
+ margin-left: 16px;
2448
2448
  }
2449
2449
 
2450
2450
  .vd-label-only-checkbox-label {
2451
- margin: auto 0 auto 12px;
2451
+ margin: auto 0 auto 16px;
2452
2452
  }
2453
2453
 
2454
2454
  .vd-checkbox-description {
@@ -2462,7 +2462,7 @@ vd-carousel-frame {
2462
2462
  line-height: 1.25;
2463
2463
  font-weight: 400;
2464
2464
  margin-top: 4px;
2465
- margin-left: 36px;
2465
+ margin-left: 40px;
2466
2466
  }
2467
2467
 
2468
2468
  .vd-checkbox-tick {
@@ -2416,7 +2416,7 @@ vd-carousel-frame {
2416
2416
  }
2417
2417
 
2418
2418
  .vd-checkbox-container {
2419
- margin-bottom: 12px;
2419
+ margin-bottom: 16px;
2420
2420
  display: flex;
2421
2421
  align-items: flex-start;
2422
2422
  flex-direction: column;
@@ -2444,11 +2444,11 @@ vd-carousel-frame {
2444
2444
  }
2445
2445
 
2446
2446
  .vd-checkbox-label {
2447
- margin-left: 12px;
2447
+ margin-left: 16px;
2448
2448
  }
2449
2449
 
2450
2450
  .vd-label-only-checkbox-label {
2451
- margin: auto 0 auto 12px;
2451
+ margin: auto 0 auto 16px;
2452
2452
  }
2453
2453
 
2454
2454
  .vd-checkbox-description {
@@ -2462,7 +2462,7 @@ vd-carousel-frame {
2462
2462
  line-height: 1.25;
2463
2463
  font-weight: 400;
2464
2464
  margin-top: 4px;
2465
- margin-left: 36px;
2465
+ margin-left: 40px;
2466
2466
  }
2467
2467
 
2468
2468
  .vd-checkbox-tick {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lightspeed/design-system-css",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "Lightspeed's Design System in CSS",
5
5
  "author": "Lightspeed Commerce Inc.",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -4,4 +4,4 @@ $vd-checkbox-tick-thickness: 4px;
4
4
  $vd-checkbox-tick-width: 6px;
5
5
  $vd-checkbox-tick-height: 11px;
6
6
 
7
- $vd-checkbox-spacing: vd-grid-unit(3);
7
+ $vd-checkbox-spacing: vd-grid-unit(4);