@simplybusiness/theme-simplybusiness 0.7.0 → 0.8.1

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,35 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 0.8.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [3fff50a]
8
+ - Updated dependencies [f698b97]
9
+ - Updated dependencies [1364d00]
10
+ - Updated dependencies [aa5f60e]
11
+ - Updated dependencies [91880ec]
12
+ - @simplybusiness/mobius-journey@6.11.0
13
+ - @simplybusiness/mobius@5.3.1
14
+ - @simplybusiness/mobius-datepicker@6.0.7
15
+ - @simplybusiness/theme-core@7.1.5
16
+
17
+ ## 0.8.0
18
+
19
+ ### Minor Changes
20
+
21
+ - 0e1203d: Add `Unquotable` quote card variant for unquotable trades
22
+
23
+ ### Patch Changes
24
+
25
+ - Updated dependencies [97ca45b]
26
+ - Updated dependencies [3c3c32f]
27
+ - Updated dependencies [6d24313]
28
+ - Updated dependencies [bcb6b11]
29
+ - Updated dependencies [0e1203d]
30
+ - Updated dependencies [0a57ada]
31
+ - @simplybusiness/mobius-journey@6.10.0
32
+
3
33
  ## 0.7.0
4
34
 
5
35
  ### Minor Changes
package/dist/index.css CHANGED
@@ -147,7 +147,10 @@ h6.mobius-accordion__link-text,
147
147
  :host{
148
148
  --button-variant-primary-font-variation-settings:normal;
149
149
  --button-variant-primary-color:var(--color-primary);
150
+ --button-variant-primary-content-color:var(--color-text-inverted);
150
151
  --button-variant-primary-hover-color:var(--color-primary-hover);
152
+ --button-variant-secondary-color:var(--color-secondary);
153
+ --button-variant-secondary-hover-color:var(--color-secondary-hover);
151
154
  --button-border-radius:var(--radius-1);
152
155
  }
153
156
  .mobius-button{
@@ -189,7 +192,7 @@ h6.mobius-accordion__link-text,
189
192
  padding:14px var(--size-md);
190
193
  }
191
194
  .mobius-button:where(.--variant-primary){
192
- --button-content-color:var(--color-text-inverted);
195
+ --button-content-color:var(--button-variant-primary-content-color);
193
196
  background-color:var(--button-variant-primary-color);
194
197
  font-variation-settings:var(
195
198
  --button-variant-primary-font-variation-settings
@@ -207,14 +210,14 @@ h6.mobius-accordion__link-text,
207
210
  cursor:not-allowed;
208
211
  }
209
212
  .mobius-button:where(.--variant-secondary){
210
- --button-content-color:var(--color-secondary);
213
+ --button-content-color:var(--button-variant-secondary-color);
211
214
  background-color:transparent;
212
- border-color:var(--color-secondary);
215
+ border-color:var(--button-variant-secondary-color);
213
216
  }
214
217
  .mobius-button:where(.--variant-secondary):where(:active),.mobius-button:where(.--variant-secondary):where(:hover){
215
218
  --button-content-color:var(--color-text-inverted);
216
- background-color:var(--color-secondary-hover);
217
- border-color:var(--color-secondary-hover);
219
+ background-color:var(--button-variant-secondary-hover-color);
220
+ border-color:var(--button-variant-secondary-hover-color);
218
221
  }
219
222
  .mobius-button:where(.--variant-secondary):where(:focus-visible){
220
223
  box-shadow:var(--box-shadow-default);
@@ -3130,16 +3133,23 @@ svg:not(:host).svg-inline--mobius-icon{
3130
3133
  }
3131
3134
  .mobius-quote-headline__text{
3132
3135
  font-size:var(--font-size-3);
3133
- margin:0 4%;
3136
+ margin:0 var(--size-sm);
3134
3137
  text-align:center;
3135
3138
  }
3136
3139
  .mobius-quote-headline__text--variant-without-qdp-drawer{
3137
3140
  font-size:var(--font-size-2);
3141
+ margin:var(--size-xs) var(--size-sm) var(--size-lg);
3138
3142
  }
3139
3143
  .mobius-quote-headline__title{
3140
3144
  font-size:var(--font-size-title);
3141
3145
  margin:0;
3142
3146
  }
3147
+ .mobius-quote-headline__no-quotes-title{
3148
+ display:flex;
3149
+ justify-content:center;
3150
+ padding:var(--size-lg) 0;
3151
+ color:var(--color-primary);
3152
+ }
3143
3153
  .mobius-quote-headline__highlight{
3144
3154
  color:var(--color-primary);
3145
3155
  }
@@ -3447,9 +3457,8 @@ svg:not(:host).svg-inline--mobius-icon{
3447
3457
  border-top:none;
3448
3458
  border-right:1px solid var(--color-border-light);
3449
3459
  padding-top:0;
3450
- padding-right:var(--size-sm);
3460
+ padding-right:var(--size-lg);
3451
3461
  margin-bottom:0;
3452
- margin-right:var(--size-sm);
3453
3462
  }
3454
3463
  }
3455
3464
  .mobius-quote-card__coverage.--has-divider{
@@ -3626,15 +3635,15 @@ svg:not(:host).svg-inline--mobius-icon{
3626
3635
  .mobius-quote-card__header{
3627
3636
  grid-area:header;
3628
3637
  display:flex;
3629
- flex-direction:row;
3630
3638
  border-bottom:1px solid var(--color-border-light);
3631
3639
  margin-bottom:var(--size-sm);
3632
3640
  }
3633
- @media (min-width: 850px){
3641
+ @media (min-width: 850px) and (max-width: 1023px){
3634
3642
  .mobius-quote-card__header{
3635
- flex-direction:column;
3636
3643
  border-bottom:none;
3644
+ border-right:1px solid var(--color-border-light);
3637
3645
  margin-bottom:0;
3646
+ padding-right:var(--size-sm);
3638
3647
  }
3639
3648
  }
3640
3649
  .header__underwriter-text{
@@ -3653,6 +3662,7 @@ svg:not(:host).svg-inline--mobius-icon{
3653
3662
  }
3654
3663
  @media (min-width: 850px){
3655
3664
  .--is-horizontal .mobius-quote-card__header{
3665
+ flex-direction:column;
3656
3666
  border-right:1px solid var(--color-border-light);
3657
3667
  border-bottom:none;
3658
3668
  margin-bottom:0;
@@ -3864,6 +3874,7 @@ svg:not(:host).svg-inline--mobius-icon{
3864
3874
  }
3865
3875
  .mobius-quote-actions{
3866
3876
  width:100%;
3877
+ align-items:flex-end;
3867
3878
  }
3868
3879
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
3869
3880
  .mobius-quote-actions :not(:last-child){
@@ -4285,6 +4296,17 @@ svg:not(:host).svg-inline--mobius-icon{
4285
4296
  .mobius-quote-card__tag svg{
4286
4297
  margin-right:var(--size-xxs);
4287
4298
  }
4299
+ .mobius-unquotable-card{
4300
+ border:1px solid var(--color-neutral-300);
4301
+ border-radius:var(--radius-2);
4302
+ padding:var(--size-xl) var(--size-lg);
4303
+ }
4304
+ .mobius-unquotable-card__title{
4305
+ margin-top:0;
4306
+ }
4307
+ .mobius-unquotable-card__text{
4308
+ margin-bottom:0;
4309
+ }
4288
4310
  .mobius-quote-cards__grid{
4289
4311
  --column-count:1;
4290
4312
  display:grid;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "0.7.0",
3
+ "version": "0.8.1",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -26,10 +26,10 @@
26
26
  "./fonts": "./dist/fonts.css"
27
27
  },
28
28
  "dependencies": {
29
- "@simplybusiness/mobius": "^5.3.0",
30
- "@simplybusiness/mobius-datepicker": "^6.0.6",
31
- "@simplybusiness/mobius-journey": "^6.9.0",
32
- "@simplybusiness/theme-core": "^7.1.4"
29
+ "@simplybusiness/mobius": "^5.3.1",
30
+ "@simplybusiness/mobius-datepicker": "^6.0.7",
31
+ "@simplybusiness/mobius-journey": "^6.11.0",
32
+ "@simplybusiness/theme-core": "^7.1.5"
33
33
  },
34
34
  "devDependencies": {
35
35
  "css-loader": "^7.1.2",
package/src/index.css CHANGED
@@ -47,6 +47,7 @@
47
47
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/QuoteCardBadges/QuoteCardBadges.css";
48
48
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Ratings/ExperimentIteratedQcp/Ratings.css";
49
49
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Tag/Tag.css";
50
+ @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Unquotable/Unquotable.css";
50
51
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCards.css";
51
52
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Section/Section.css";
52
53
  @import "@simplybusiness/mobius-journey/src/components/QuoteHelp/QuoteHelp.css";