@saooti/octopus-sdk 33.0.6 → 33.0.7

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 (10) hide show
  1. package/README.md +1 -0
  2. package/package.json +1 -1
  3. package/src/assets/bootstrap-diff.scss +6 -6
  4. package/src/assets/form.scss +2 -2
  5. package/src/assets/general.scss +2 -2
  6. package/src/assets/modal.scss +1 -1
  7. package/src/components/display/comments/CommentInput.vue +1 -1
  8. package/src/components/display/filter/ProductorSearch.vue +2 -2
  9. package/src/components/display/sharing/SharePlayer.vue +2 -2
  10. package/src/sass/_variables.scss +11 -28
package/README.md CHANGED
@@ -694,4 +694,5 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
694
694
  * 33.0.4 Image webp
695
695
  * 33.0.5 Change recaptcha
696
696
  * 33.0.6 Crédits
697
+ * 33.0.7 Test refactor podcastmaker with scss variables
697
698
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saooti/octopus-sdk",
3
- "version": "33.0.6",
3
+ "version": "33.0.7",
4
4
  "private": false,
5
5
  "description": "Javascript SDK for using octopus",
6
6
  "author": "Saooti",
package/src/assets/bootstrap-diff.scss CHANGED
@@ -59,8 +59,8 @@
59
59
  display: flex;
60
60
  align-items: center;
61
61
  justify-content: center;
62
- background: $octopus-primary-dark;
63
- border: 1px solid $octopus-primary-dark;
62
+ background: $octopus-primary-color;
63
+ border: 1px solid $octopus-primary-color;
64
64
  border-radius: 4px !important;
65
65
  color: white !important;
66
66
  font-weight: bold;
@@ -69,7 +69,7 @@
69
69
  &:active,
70
70
  &.active {
71
71
  background: transparent;
72
- color: $octopus-primary-dark !important;
72
+ color: $octopus-primary-color !important;
73
73
  }
74
74
  &:disabled{
75
75
  background-color: #cccccc;
@@ -83,7 +83,7 @@
83
83
  }
84
84
 
85
85
  &.btn-more{
86
- background: $octopus-primary-dark;
86
+ background: $octopus-primary-color;
87
87
  color: $octopus-background;
88
88
  width: 2rem;
89
89
  height: 2rem;
@@ -102,7 +102,7 @@
102
102
  display: inline-flex;
103
103
  align-items: center;
104
104
  justify-content: center;
105
- color : $octopus-primary-dark;
105
+ color : $octopus-primary-color;
106
106
  flex-shrink: 0;
107
107
  font-weight: normal;
108
108
  border-radius: 50% !important;
@@ -117,7 +117,7 @@
117
117
  display: inline-flex;
118
118
  align-items: center;
119
119
  justify-content: center;
120
- color : $octopus-primary-dark;
120
+ color : $octopus-primary-color;
121
121
  flex-shrink: 0;
122
122
  border-radius: 50% !important;
123
123
  }
package/src/assets/form.scss CHANGED
@@ -66,8 +66,8 @@
66
66
  border-bottom: 0.1rem solid transparent;
67
67
  }
68
68
  .active{
69
- border-bottom-color: $octopus-primary-dark;
70
- color: $octopus-primary-dark;
69
+ border-bottom-color: $octopus-primary-color;
70
+ color: $octopus-primary-color;
71
71
  }
72
72
  }
73
73
  }
package/src/assets/general.scss CHANGED
@@ -80,7 +80,7 @@ body{
80
80
  color: $octopus-primary-color;
81
81
  }
82
82
  .primary-darker{
83
- color: $octopus-primary-dark;
83
+ color: $octopus-primary-color;
84
84
  }
85
85
  .primary-bg{
86
86
  background: $octopus-primary-color;
@@ -146,7 +146,7 @@ body{
146
146
  color: black !important;
147
147
  }
148
148
  a.link-hover.router-link-exact-active.router-link-active, a.link-hover:hover {
149
- color: $octopus-primary-dark !important;
149
+ color: $octopus-primary-color !important;
150
150
  }
151
151
  .descriptionText{
152
152
  white-space: pre-wrap;
package/src/assets/modal.scss CHANGED
@@ -22,7 +22,7 @@
22
22
  .modal-header {
23
23
  border: 0;
24
24
  border-radius: 0.8rem 0.8rem 0 0;
25
- background: $octopus-primary-dark;
25
+ background: $octopus-primary-color;
26
26
  color: white;
27
27
  }
28
28
  .modal-body{
package/src/components/display/comments/CommentInput.vue CHANGED
@@ -294,7 +294,7 @@ export default defineComponent({
294
294
  .octopus-app{
295
295
  .comment-input-container {
296
296
  textarea::placeholder {
297
- color: $octopus-primary-dark;
297
+ color: $octopus-primary-color;
298
298
  }
299
299
  textarea:focus::placeholder {
300
300
  color: black;
package/src/components/display/filter/ProductorSearch.vue CHANGED
@@ -146,7 +146,7 @@ export default defineComponent({
146
146
  .octopus-app{
147
147
  .filter-speech-bubble {
148
148
  position: absolute;
149
- background: $octopus-primary-dark;
149
+ background: $octopus-primary-color;
150
150
  border-radius: 0.4em;
151
151
  width: 10rem;
152
152
  right: 4rem;
@@ -165,7 +165,7 @@ export default defineComponent({
165
165
  width: 0;
166
166
  height: 0;
167
167
  border: 18px solid transparent;
168
- border-left-color: $octopus-primary-dark;
168
+ border-left-color: $octopus-primary-color;
169
169
  border-right: 0;
170
170
  border-bottom: 0;
171
171
  margin-top: -9px;
package/src/components/display/sharing/SharePlayer.vue CHANGED
@@ -319,7 +319,7 @@ export default defineComponent({
319
319
  .octopus-app{
320
320
  .sticker {
321
321
  align-self: center;
322
- background: $octopus-primary-dark;
322
+ background: $octopus-primary-color;
323
323
  padding: 0.5rem;
324
324
  transition: all 0.5s ease;
325
325
  color: white;
@@ -331,7 +331,7 @@ export default defineComponent({
331
331
  &:hover {
332
332
  box-shadow: 2px 8px 4px -6px hsla(0, 0%, 0%, 0.3);
333
333
  background: transparent;
334
- color: $octopus-primary-dark;
334
+ color: $octopus-primary-color;
335
335
  }
336
336
  }
337
337
  .max-iframe {
package/src/sass/_variables.scss CHANGED
@@ -1,35 +1,18 @@
1
- // Body
2
- $body-bg: #f8fafc;
3
-
4
1
  // Typography
5
2
  $font-family-sans-serif: sans-serif;
6
3
  $font-size-base: 0.9rem;
7
4
  $line-height-base: 1.6;
8
- $primary: #32815C;
9
- $secondary: #636C73;
10
- $danger: #E22C27;
11
-
12
- // Colors
13
- $blue: #3490dc;
14
- $indigo: #6574cd;
15
- $purple: #9561e2;
16
- $pink: #f66d9b;
17
- $red: #e3342f;
18
- $orange: #f6993f;
19
- $yellow: #ffed4a;
20
- $green: #38c172;
21
- $teal: #4dc0b5;
22
- $cyan: #6cb2eb;
23
-
24
- //Octopus style
25
- $octopus-background: #fafafa;
26
- $octopus-primary-color: #40a372;
27
- $octopus-secondary-color : #ddd;
28
- $octopus-primary-linear-background: #7fd8ab;
29
- $octopus-primary-dark : #1a8658;
30
5
 
31
- $primaryColorTransparent : #40a37193;
32
- $primaryColorMoreTransparent : #40a37154;
33
- $primaryColorReallyTransparent : #cef7e250;
6
+ // bootstrap color
7
+ $primary: #1a8658 !default;
8
+ $secondary: #636C73 !default;
9
+ $danger: #E22C27 !default;
34
10
 
11
+ //SDK Octopus style
12
+ $octopus-background: #fafafa !default;
13
+ $octopus-primary-color: #1a8658 !default;
14
+ $octopus-secondary-color : #ddd !default;
35
15
 
16
+ $primaryColorTransparent : #1a865893 !default;
17
+ $primaryColorMoreTransparent : #1a865854 !default;
18
+ $primaryColorReallyTransparent : #cef7e250 !default;