@rypen-dev/shared-components 5.2.1 → 5.2.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/scss/_variables.scss +1 -0
  3. package/scss/partials/_forms.scss +2 -2
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rypen-dev/shared-components",
3
3
  "description": "Shared styles and Vuejs ui components for Rypen projects.",
4
- "version": "5.2.1",
4
+ "version": "5.2.3",
5
5
  "main": "./dist/index.js",
6
6
  "scripts": {
7
7
  "build": "webpack --config ./webpack.config.js",
package/scss/_variables.scss CHANGED
@@ -220,6 +220,7 @@ $global-badge-radius: $global-base-radius !default;
220
220
 
221
221
  // Forms
222
222
  $global-form-input-radius: $global-base-radius !default;
223
+ $checkbox-input-radius: $global-base-radius !default;
223
224
 
224
225
  // Modals
225
226
  $modal-window-radius: $global-base-radius !default;
package/scss/partials/_forms.scss CHANGED
@@ -138,7 +138,7 @@ select {
138
138
  height: 30px;
139
139
  background-color: $white;
140
140
  border: solid 2px $input-border-color;
141
- border-radius: $input-radius;
141
+ border-radius: $checkbox-input-radius;
142
142
  }
143
143
 
144
144
  &::after {
@@ -908,7 +908,7 @@ label {
908
908
  position: absolute;
909
909
  left: 16px;
910
910
  top: 10px;
911
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzQiIGhlaWdodD0iMjMiIHg9Ii41IiB5PSIuNSIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMDMiIHN0cm9rZT0iIzhEN0JDRCIgcng9IjMiLz48cGF0aCBmaWxsPSIjOEQ3QkNEIiBkPSJNNS44MzMgMTZIMTcuNXYySDUuODMzem0wLTRoMTkuNDQ0djJINS44MzN6Ii8+PC9nPjwvc3ZnPg==');
911
+ background-image: url($credit-card-icon-image);
912
912
  background-repeat: no-repeat;
913
913
  background-size: 35px 25px;
914
914
  }