@simplybusiness/theme-simplybusiness 1.0.0 → 1.1.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/index.css +98 -71
  3. package/package.json +5 -5
  4. package/src/index.css +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 1.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [af05836]
8
+ - Updated dependencies [ec04e00]
9
+ - Updated dependencies [a0d927d]
10
+ - Updated dependencies [cc9aad5]
11
+ - Updated dependencies [d1b33b1]
12
+ - Updated dependencies [b72344d]
13
+ - @simplybusiness/mobius@5.5.0
14
+ - @simplybusiness/theme-core@7.2.0
15
+ - @simplybusiness/mobius-journey@6.15.1
16
+ - @simplybusiness/mobius-datepicker@6.0.9
17
+
18
+ ## 1.1.0
19
+
20
+ ### Minor Changes
21
+
22
+ - 0a50f0d: Add `QuestionFactory` to handle different question types (Questionnaire journey)
23
+
24
+ ### Patch Changes
25
+
26
+ - Updated dependencies [0a50f0d]
27
+ - @simplybusiness/mobius-journey@6.15.0
28
+
3
29
  ## 1.0.0
4
30
 
5
31
  ### Major Changes
package/dist/index.css CHANGED
@@ -448,6 +448,33 @@ a.mobius-button:focus-visible,
448
448
  .mobius-checkbox-group:where(.--is-optional) > :where(.mobius-label)::after{
449
449
  content:" (optional)";
450
450
  }
451
+ .mobius-combobox{
452
+ position:relative;
453
+ }
454
+ .mobius-combobox__list{
455
+ position:absolute;
456
+ margin:0;
457
+ padding:0;
458
+ top:100%;
459
+ left:0;
460
+ right:0;
461
+ z-index:1000;
462
+ background-color:#fff;
463
+ border:1px solid #ccc;
464
+ border-top:0;
465
+ box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
466
+ max-height:200px;
467
+ overflow-y:auto;
468
+ }
469
+ .mobius-combobox__option{
470
+ padding:0.5rem 1rem;
471
+ cursor:pointer;
472
+ }
473
+ .mobius-combobox__option:hover,
474
+ .mobius-combobox__option--is-highlighted{
475
+ background-color:var(--color-primary);
476
+ color:var(--color-neutral-100);
477
+ }
451
478
  .mobius-container{
452
479
  box-sizing:border-box;
453
480
  margin-left:auto;
@@ -3307,6 +3334,66 @@ svg:not(:host).svg-inline--mobius-icon{
3307
3334
  display:block;
3308
3335
  }
3309
3336
  }
3337
+ .mobius-actions__container{
3338
+ width:100%;
3339
+ }
3340
+ .mobius-actions__back{
3341
+ display:inline-flex;
3342
+ gap:var(--size-xs);
3343
+ align-items:center;
3344
+ text-underline-offset:var(--size-xxs);
3345
+ }
3346
+ .mobius-actions__back .mobius-icon{
3347
+ font-size:var(--font-size-lead);
3348
+ }
3349
+ .mobius-actions__next{
3350
+ display:inline-flex;
3351
+ gap:var(--size-xs);
3352
+ align-items:center;
3353
+ }
3354
+ .mobius-question__help-link{
3355
+ display:inline-flex;
3356
+ align-items:center;
3357
+ gap:var(--size-xxs);
3358
+ margin-bottom:var(--size-sm);
3359
+ -webkit-text-decoration:underline;
3360
+ text-decoration:underline;
3361
+ text-underline-offset:var(--size-xxs);
3362
+ }
3363
+ .mobius-question__help-link-drawer .mobius-drawer__content{
3364
+ color:var(--color-text-medium);
3365
+ line-height:var(--line-height-normal);
3366
+ }
3367
+ .mobius-question__label{
3368
+ display:block;
3369
+ font-size:var(--font-size-lead);
3370
+ margin-bottom:var(--size-xs);
3371
+ }
3372
+ .mobius-question__secondary-text{
3373
+ color:var(--color-text-medium);
3374
+ margin-top:0;
3375
+ margin-bottom:var(--size-xs);
3376
+ }
3377
+ .mobius-section{
3378
+ max-width:552px;
3379
+ }
3380
+ .mobius-section__title{
3381
+ font-size:var(--font-size-small-title);
3382
+ line-height:var(--line-height-tight);
3383
+ margin:var(--size-md) 0;
3384
+ }
3385
+ .mobius-section__preamble{
3386
+ color:var(--color-text-medium);
3387
+ margin-bottom:var(--size-xxl);
3388
+ }
3389
+ .mobius-section__postamble{
3390
+ color:var(--color-text-medium);
3391
+ margin-top:var(--size-xxl);
3392
+ }
3393
+ .mobius-section__question-container{
3394
+ display:grid;
3395
+ gap:var(--size-lg);
3396
+ }
3310
3397
  .mobius-no-quotes-card{
3311
3398
  margin:0;
3312
3399
  border:1px solid var(--color-border);
@@ -4228,17 +4315,6 @@ svg:not(:host).svg-inline--mobius-icon{
4228
4315
  .mobius-quote-card__tag svg{
4229
4316
  margin-right:var(--size-xxs);
4230
4317
  }
4231
- .mobius-unquotable-card{
4232
- border:1px solid var(--color-neutral-300);
4233
- border-radius:var(--radius-2);
4234
- padding:var(--size-xl) var(--size-lg);
4235
- }
4236
- .mobius-unquotable-card__title{
4237
- margin-top:0;
4238
- }
4239
- .mobius-unquotable-card__text{
4240
- margin-bottom:0;
4241
- }
4242
4318
  .mobius-quote-cards__grid{
4243
4319
  --column-count:1;
4244
4320
  display:grid;
@@ -4282,6 +4358,17 @@ svg:not(:host).svg-inline--mobius-icon{
4282
4358
  max-width:1024px;
4283
4359
  }
4284
4360
  }
4361
+ .mobius-unquotable-card{
4362
+ border:1px solid var(--color-neutral-300);
4363
+ border-radius:var(--radius-2);
4364
+ padding:var(--size-xl) var(--size-lg);
4365
+ }
4366
+ .mobius-unquotable-card__title{
4367
+ margin-top:0;
4368
+ }
4369
+ .mobius-unquotable-card__text{
4370
+ margin-bottom:0;
4371
+ }
4285
4372
  .mobius-quote-help{
4286
4373
  --chopin-quote-help-message-background:var(--color-background-highlight);
4287
4374
  --chopin-quote-help-arrow-size:var(--size-xs);
@@ -4392,46 +4479,6 @@ svg:not(:host).svg-inline--mobius-icon{
4392
4479
  .mobius-trust-section__list .mobius-list__item-content{
4393
4480
  align-items:center;
4394
4481
  }
4395
- .mobius-actions__container{
4396
- width:100%;
4397
- }
4398
- .mobius-actions__back{
4399
- display:inline-flex;
4400
- gap:var(--size-xs);
4401
- align-items:center;
4402
- text-underline-offset:var(--size-xxs);
4403
- }
4404
- .mobius-actions__back .mobius-icon{
4405
- font-size:var(--font-size-lead);
4406
- }
4407
- .mobius-actions__next{
4408
- display:inline-flex;
4409
- gap:var(--size-xs);
4410
- align-items:center;
4411
- }
4412
- .mobius-question__help-link{
4413
- display:inline-flex;
4414
- align-items:center;
4415
- gap:var(--size-xxs);
4416
- margin-bottom:var(--size-sm);
4417
- -webkit-text-decoration:underline;
4418
- text-decoration:underline;
4419
- text-underline-offset:var(--size-xxs);
4420
- }
4421
- .mobius-question__help-link-drawer .mobius-drawer__content{
4422
- color:var(--color-text-medium);
4423
- line-height:var(--line-height-normal);
4424
- }
4425
- .mobius-question__label{
4426
- display:block;
4427
- font-size:var(--font-size-lead);
4428
- margin-bottom:var(--size-xs);
4429
- }
4430
- .mobius-question__secondary-text{
4431
- color:var(--color-text-medium);
4432
- margin-top:0;
4433
- margin-bottom:var(--size-xs);
4434
- }
4435
4482
  :root,
4436
4483
  :host{
4437
4484
  --duration:0.15s;
@@ -4501,26 +4548,6 @@ svg:not(:host).svg-inline--mobius-icon{
4501
4548
  .mobius-payment-toggle__text.--yearly{
4502
4549
  color:var(--color-primary);
4503
4550
  }
4504
- .mobius-section{
4505
- max-width:552px;
4506
- }
4507
- .mobius-section__title{
4508
- font-size:var(--font-size-small-title);
4509
- line-height:var(--line-height-tight);
4510
- margin:var(--size-md) 0;
4511
- }
4512
- .mobius-section__preamble{
4513
- color:var(--color-text-medium);
4514
- margin-bottom:var(--size-xxl);
4515
- }
4516
- .mobius-section__postamble{
4517
- color:var(--color-text-medium);
4518
- margin-top:var(--size-xxl);
4519
- }
4520
- .mobius-section__question-container{
4521
- display:grid;
4522
- gap:var(--size-lg);
4523
- }
4524
4551
  .mobius-trade-selector{
4525
4552
  display:inline-flex;
4526
4553
  flex-direction:column;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "1.0.0",
3
+ "version": "1.1.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.4.0",
30
- "@simplybusiness/mobius-datepicker": "^6.0.8",
31
- "@simplybusiness/mobius-journey": "^6.14.0",
32
- "@simplybusiness/theme-core": "^7.1.6"
29
+ "@simplybusiness/mobius": "^5.5.0",
30
+ "@simplybusiness/mobius-datepicker": "^6.0.9",
31
+ "@simplybusiness/mobius-journey": "^6.15.1",
32
+ "@simplybusiness/theme-core": "^7.2.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "css-loader": "^7.1.2",
package/src/index.css CHANGED
@@ -23,6 +23,10 @@
23
23
  @import "@simplybusiness/mobius-journey/src/components/PreFooter/InsuranceBenefits.css";
24
24
  @import "@simplybusiness/mobius-journey/src/components/PreFooter/PreFooter.css";
25
25
  @import "@simplybusiness/mobius-journey/src/components/ProgressSteps/ProgressSteps.css";
26
+ @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Actions/Actions.css";
27
+ @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Question/HelpLink/HelpLink.css";
28
+ @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Question/Question.css";
29
+ @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Section.css";
26
30
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/NoQuotesCard/NoQuotesCard.css";
27
31
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/NoQuotesReferral/NoQuotesReferral.css";
28
32
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Cover/Cover.css";
@@ -44,17 +48,13 @@
44
48
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/QuoteCardBadges/QuoteCardBadges.css";
45
49
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Ratings/ExperimentIteratedQcp/Ratings.css";
46
50
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Tag/Tag.css";
47
- @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Unquotable/Unquotable.css";
48
51
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCards.css";
49
52
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Section/Section.css";
53
+ @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Unquotable/Unquotable.css";
50
54
  @import "@simplybusiness/mobius-journey/src/components/QuoteHelp/QuoteHelp.css";
51
55
  @import "@simplybusiness/mobius-journey/src/components/Referral/Referral.css";
52
56
  @import "@simplybusiness/mobius-journey/src/components/Referral/TrustSection/TrustSection.css";
53
- @import "@simplybusiness/mobius-journey/src/components/shared/Actions/Actions.css";
54
- @import "@simplybusiness/mobius-journey/src/components/shared/Question/HelpLink/HelpLink.css";
55
- @import "@simplybusiness/mobius-journey/src/components/shared/Question/Question.css";
56
57
  @import "@simplybusiness/mobius-journey/src/components/shared/PaymentToggle/PaymentToggle.css";
57
- @import "@simplybusiness/mobius-journey/src/components/shared/Section/Section.css";
58
58
  @import "@simplybusiness/mobius-journey/src/components/TradeSelector/TradeSelector.css";
59
59
  @import "@simplybusiness/mobius-journey/src/pages/AgentReferralPage/AgentReferralContainer.css";
60
60
  @import "@simplybusiness/mobius-journey/src/pages/Main.css";