@simplybusiness/theme-simplybusiness 0.8.1 → 0.9.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 +31 -0
  2. package/dist/index.css +61 -68
  3. package/package.json +6 -6
  4. package/src/index.css +4 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,36 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 0.9.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [d0dd57f]
8
+ - @simplybusiness/mobius-journey@6.13.0
9
+
10
+ ## 0.9.0
11
+
12
+ ### Minor Changes
13
+
14
+ - a8db7b6: Add `Question` component
15
+ - f475900: Add `Actions` component used within the questionnaire journey
16
+ - bb2e267: Add questionnaire `Section` component
17
+ - e6e300d: Add `HelpLink` component
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies [2085451]
22
+ - Updated dependencies [b4eec50]
23
+ - Updated dependencies [a8db7b6]
24
+ - Updated dependencies [f475900]
25
+ - Updated dependencies [bb2e267]
26
+ - Updated dependencies [e6e300d]
27
+ - Updated dependencies [37bf8fa]
28
+ - Updated dependencies [5c678f3]
29
+ - @simplybusiness/mobius@5.4.0
30
+ - @simplybusiness/mobius-journey@6.12.0
31
+ - @simplybusiness/mobius-datepicker@6.0.8
32
+ - @simplybusiness/theme-core@7.1.6
33
+
3
34
  ## 0.8.1
4
35
 
5
36
  ### Patch Changes
package/dist/index.css CHANGED
@@ -2364,30 +2364,6 @@ svg:not(:host).svg-inline--mobius-icon{
2364
2364
  .mobius *,.mobius *::before,.mobius *::after{
2365
2365
  box-sizing:border-box;
2366
2366
  }
2367
- .mobius-actions{
2368
- margin:40px 0 20px;
2369
- }
2370
- .mobius-actions__container{
2371
- flex-basis:100%;
2372
- padding:0 10px;
2373
- }
2374
- @media screen and (min-width: 960px){
2375
- .mobius-actions__container{
2376
- padding:0;
2377
- }
2378
- }
2379
- .mobius-actions__back{
2380
- display:inline-flex;
2381
- gap:var(--size-xs);
2382
- }
2383
- .mobius-actions__next.--single-action{
2384
- width:100%;
2385
- }
2386
- @media screen and (min-width: 641px){
2387
- .mobius-actions__next.--single-action{
2388
- width:auto;
2389
- }
2390
- }
2391
2367
  .mobius-payment-confirmation__list{
2392
2368
  list-style:none;
2393
2369
  padding-left:0;
@@ -2422,40 +2398,6 @@ svg:not(:host).svg-inline--mobius-icon{
2422
2398
  font-weight:var(--font-weight-bold);
2423
2399
  height:40px;
2424
2400
  }
2425
- :root,
2426
- :host{
2427
- --chopin__help-trigger-size:1.7em;
2428
- --chopin__help-content-width:250px;
2429
- --chopin__help-content-margin:var(--size-lg);
2430
- --chopin__help_content-arrow-size:8px;
2431
- --chopin__help-content-padding:var(--size-sm);
2432
- --question-desktop-width:100%;
2433
- }
2434
- .mobius-question{
2435
- position:relative;
2436
- margin-top:var(--size-xs);
2437
- padding:var(--size-sm) var(--size-lg);
2438
- background-color:var(--color-background-light);
2439
- }
2440
- .mobius-question:hover{
2441
- background-color:var(--color-background-highlight);
2442
- }
2443
- .mobius-question.--is-desktop{
2444
- box-sizing:border-box;
2445
- width:var(--question-desktop-width);
2446
- }
2447
- .mobius-question.--has-help-open{
2448
- background-color:var(--color-background-highlight);
2449
- }
2450
- .mobius-question__label{
2451
- display:block;
2452
- padding-right:var(--size-xs);
2453
- margin-bottom:var(--size-sm);
2454
- }
2455
- .mobius-question__description{
2456
- margin-top:var(--size-xs);
2457
- margin-bottom:var(--size-xs);
2458
- }
2459
2401
  .mobius-question-group{
2460
2402
  position:relative;
2461
2403
  margin-top:var(--size-xs);
@@ -2559,16 +2501,6 @@ svg:not(:host).svg-inline--mobius-icon{
2559
2501
  .mobius-question-help__content > :last-child{
2560
2502
  margin-bottom:0;
2561
2503
  }
2562
- .mobius-section{
2563
- max-width:626px;
2564
- margin:calc(var(--size-lg) + var(--size-sm)) auto 0;
2565
- padding:0;
2566
- }
2567
- .mobius-section__title{
2568
- margin-top:0;
2569
- margin-bottom:calc(var(--size-sm) + var(--size-xxs));
2570
- font-weight:var(--font-weight-normal);
2571
- }
2572
2504
  .mobius-testimonial{
2573
2505
  background-color:var(--color-background-light);
2574
2506
  margin-top:var(--size-md);
@@ -4460,6 +4392,46 @@ svg:not(:host).svg-inline--mobius-icon{
4460
4392
  .mobius-trust-section__list .mobius-list__item-content{
4461
4393
  align-items:center;
4462
4394
  }
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: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
+ }
4463
4435
  :root,
4464
4436
  :host{
4465
4437
  --duration:0.15s;
@@ -4529,6 +4501,27 @@ svg:not(:host).svg-inline--mobius-icon{
4529
4501
  .mobius-payment-toggle__text.--yearly{
4530
4502
  color:var(--color-primary);
4531
4503
  }
4504
+ .mobius-section{
4505
+ display:grid;
4506
+ grid-template-columns:minmax(100%, 552px);
4507
+ }
4508
+ .mobius-section__title{
4509
+ font-size:var(--font-size-small-title);
4510
+ line-height:var(--line-height-tight);
4511
+ margin:var(--size-sm) 0;
4512
+ }
4513
+ .mobius-section__preamble{
4514
+ color:var(--color-text-medium);
4515
+ margin-bottom:var(--size-xxl);
4516
+ }
4517
+ .mobius-section__postamble{
4518
+ color:var(--color-text-medium);
4519
+ margin-top:var(--size-xxl);
4520
+ }
4521
+ .mobius-section__question-container{
4522
+ display:grid;
4523
+ gap:var(--size-lg);
4524
+ }
4532
4525
  .mobius-trade-selector{
4533
4526
  display:inline-flex;
4534
4527
  flex-direction:column;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "0.8.1",
3
+ "version": "0.9.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.1",
30
- "@simplybusiness/mobius-datepicker": "^6.0.7",
31
- "@simplybusiness/mobius-journey": "^6.11.0",
32
- "@simplybusiness/theme-core": "^7.1.5"
29
+ "@simplybusiness/mobius": "^5.4.0",
30
+ "@simplybusiness/mobius-datepicker": "^6.0.8",
31
+ "@simplybusiness/mobius-journey": "^6.13.0",
32
+ "@simplybusiness/theme-core": "^7.1.6"
33
33
  },
34
34
  "devDependencies": {
35
35
  "css-loader": "^7.1.2",
@@ -39,7 +39,7 @@
39
39
  "postcss-import": "^16.1.0",
40
40
  "postcss-loader": "^8.1.1",
41
41
  "postcss-nested": "^6.2.0",
42
- "postcss-preset-env": "^10.0.6",
42
+ "postcss-preset-env": "^10.0.8",
43
43
  "postcss-url": "^10.1.3",
44
44
  "resolve-url-loader": "^5.0.0",
45
45
  "ts-loader": "^9.5.1",
package/src/index.css CHANGED
@@ -2,13 +2,10 @@
2
2
  @import "@simplybusiness/theme-core";
3
3
 
4
4
  /* @simplybusiness/mobius-journey */
5
- @import "@simplybusiness/mobius-journey/src/archived/Actions/Actions.css";
6
5
  @import "@simplybusiness/mobius-journey/src/archived/PaymentConfirmation/PaymentConfirmation.css";
7
6
  @import "@simplybusiness/mobius-journey/src/archived/PercentageTotalsQuestion/PercentageTotalsQuestion.css";
8
- @import "@simplybusiness/mobius-journey/src/archived/Question/Question.css";
9
7
  @import "@simplybusiness/mobius-journey/src/archived/QuestionGroup/QuestionGroup.css";
10
8
  @import "@simplybusiness/mobius-journey/src/archived/QuestionHelp/QuestionHelp.css";
11
- @import "@simplybusiness/mobius-journey/src/archived/Section/Section.css";
12
9
  @import "@simplybusiness/mobius-journey/src/archived/Testimonial/Testimonial.css";
13
10
  @import "@simplybusiness/mobius-journey/src/components/AgentReferral/InfoCard/InfoCard.css";
14
11
  @import "@simplybusiness/mobius-journey/src/components/AgentResources/AgentResources.css";
@@ -53,7 +50,11 @@
53
50
  @import "@simplybusiness/mobius-journey/src/components/QuoteHelp/QuoteHelp.css";
54
51
  @import "@simplybusiness/mobius-journey/src/components/Referral/Referral.css";
55
52
  @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
56
  @import "@simplybusiness/mobius-journey/src/components/shared/PaymentToggle/PaymentToggle.css";
57
+ @import "@simplybusiness/mobius-journey/src/components/shared/Section/Section.css";
57
58
  @import "@simplybusiness/mobius-journey/src/components/TradeSelector/TradeSelector.css";
58
59
  @import "@simplybusiness/mobius-journey/src/pages/AgentReferralPage/AgentReferralContainer.css";
59
60
  @import "@simplybusiness/mobius-journey/src/pages/Main.css";