@rypen-dev/shared-components 5.0.2 → 5.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/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.0.2",
4
+ "version": "5.0.3",
5
5
  "main": "./dist/index.js",
6
6
  "scripts": {
7
7
  "build": "webpack --config ./webpack.config.js",
@@ -14,9 +14,9 @@
14
14
  "moment": "2.29.4"
15
15
  },
16
16
  "devDependencies": {
17
- "@babel/cli": "7.2.3",
18
- "@babel/core": "7.2.2",
19
- "@babel/preset-env": "7.2.3",
17
+ "@babel/cli": "7.4.4",
18
+ "@babel/core": "7.4.5",
19
+ "@babel/preset-env": "7.4.5",
20
20
  "babel-loader": "8.0.5",
21
21
  "babel-preset-vue": "2.0.2",
22
22
  "url-loader": "1.1.2",
@@ -80,7 +80,7 @@ $input-highlight-color: $tertiary !default;
80
80
 
81
81
  $table-head-color: $dark-gray !default;
82
82
  $table-head-bg-color: $medium-gray !default;
83
- $table-head-selected-color: $rypen-black !default;
83
+ $table-head-selected-color: $body-font-color !default;
84
84
  $table-even-bg-color: $middle-gray !default;
85
85
  $table-odd-bg-color: $light-gray !default;
86
86
  $table-text-color: $body-font-color !default;
@@ -134,6 +134,8 @@ $trade-color: $dark-gray !default;
134
134
  $inventory-color: $success-alt !default;
135
135
  $enterprise-color: $quaternary !default;
136
136
 
137
+ $secondary-pill-color: $secondary !default;
138
+
137
139
  // Images
138
140
  $hero-image-url: "/studio/assets/images/hero.jpg" !default;
139
141
 
@@ -323,6 +323,19 @@ hr {
323
323
  }
324
324
  }
325
325
 
326
+ &.tiny {
327
+ font-size: 0.75rem !important;
328
+
329
+ li {
330
+ margin-bottom: 2px;
331
+ line-height: 1;
332
+ }
333
+
334
+ label {
335
+ font-size: 0.75rem !important;
336
+ }
337
+ }
338
+
326
339
  @media print, screen and (min-width: map-get($breakpoints, medium)) {
327
340
  li {
328
341
  margin-bottom: 8px;
@@ -154,7 +154,7 @@
154
154
 
155
155
  &.no-header {
156
156
  .modal-header {
157
- margin-bottom: 0;
157
+ margin: 0;
158
158
 
159
159
  h3 {
160
160
  display: none;
@@ -48,14 +48,14 @@
48
48
 
49
49
  &.teal,
50
50
  &.secondary {
51
- border-color: $secondary;
52
- color: $secondary;
51
+ border-color: $secondary-pill-color;
52
+ color: $secondary-pill-color;
53
53
 
54
54
  &:hover,
55
55
  &:focus,
56
56
  &.active {
57
- background-color: fade-out($secondary, 0.75) !important;
58
- color: $secondary !important;
57
+ background-color: fade-out($secondary-pill-color, 0.75) !important;
58
+ color: $secondary-pill-color !important;
59
59
  }
60
60
  }
61
61
 
@@ -139,7 +139,7 @@
139
139
  &.teal,
140
140
  &.secondary {
141
141
  &::before {
142
- background-color: fade-out($secondary, 0.75);
142
+ background-color: fade-out($secondary-pill-color, 0.75);
143
143
  }
144
144
  }
145
145
 
@@ -170,7 +170,7 @@
170
170
 
171
171
  &.teal,
172
172
  &.secondary {
173
- background-color: $secondary;
173
+ background-color: $secondary-pill-color;
174
174
  }
175
175
 
176
176
  &.secondary-purple,