@simplybusiness/theme-simplybusiness 1.1.0 → 1.2.0
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 +34 -0
- package/dist/index.css +97 -3
- package/package.json +5 -5
- package/src/index.css +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,39 @@
|
|
|
1
1
|
# @simplybusiness/theme-simplybusiness
|
|
2
2
|
|
|
3
|
+
## 1.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- c81ca9f: Handling navigation and view state in Landlord Questionnaire
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [7b3f894]
|
|
12
|
+
- Updated dependencies [7352bc8]
|
|
13
|
+
- Updated dependencies [3da7d02]
|
|
14
|
+
- Updated dependencies [c81ca9f]
|
|
15
|
+
- Updated dependencies [b2d5b4b]
|
|
16
|
+
- Updated dependencies [3708724]
|
|
17
|
+
- @simplybusiness/mobius-journey@6.16.0
|
|
18
|
+
- @simplybusiness/mobius@5.6.0
|
|
19
|
+
- @simplybusiness/mobius-datepicker@6.0.10
|
|
20
|
+
- @simplybusiness/theme-core@7.2.1
|
|
21
|
+
|
|
22
|
+
## 1.1.1
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- Updated dependencies [af05836]
|
|
27
|
+
- Updated dependencies [ec04e00]
|
|
28
|
+
- Updated dependencies [a0d927d]
|
|
29
|
+
- Updated dependencies [cc9aad5]
|
|
30
|
+
- Updated dependencies [d1b33b1]
|
|
31
|
+
- Updated dependencies [b72344d]
|
|
32
|
+
- @simplybusiness/mobius@5.5.0
|
|
33
|
+
- @simplybusiness/theme-core@7.2.0
|
|
34
|
+
- @simplybusiness/mobius-journey@6.15.1
|
|
35
|
+
- @simplybusiness/mobius-datepicker@6.0.9
|
|
36
|
+
|
|
3
37
|
## 1.1.0
|
|
4
38
|
|
|
5
39
|
### Minor Changes
|
package/dist/index.css
CHANGED
|
@@ -448,6 +448,70 @@ a.mobius-button:focus-visible,
|
|
|
448
448
|
.mobius-checkbox-group:where(.--is-optional) > :where(.mobius-label)::after{
|
|
449
449
|
content:" (optional)";
|
|
450
450
|
}
|
|
451
|
+
:root{
|
|
452
|
+
interpolate-size:allow-keywords;
|
|
453
|
+
--combobox-border-color:#ccc;
|
|
454
|
+
--combobox-group-color:var(--color-text);
|
|
455
|
+
--combobox-group-background-color:#dad6f7;
|
|
456
|
+
--combobox-selected-background-color:var(--color-primary);
|
|
457
|
+
--listbox-height:200px;
|
|
458
|
+
--listbox-gap:4px;
|
|
459
|
+
--option-padding:var(--size-xs) var(--size-lg);
|
|
460
|
+
}
|
|
461
|
+
.mobius-combobox{
|
|
462
|
+
position:relative;
|
|
463
|
+
width:100%;
|
|
464
|
+
}
|
|
465
|
+
.mobius-combobox__list{
|
|
466
|
+
position:absolute;
|
|
467
|
+
margin:0;
|
|
468
|
+
margin-top:var(--listbox-gap);
|
|
469
|
+
padding:0;
|
|
470
|
+
top:100%;
|
|
471
|
+
left:0;
|
|
472
|
+
right:0;
|
|
473
|
+
z-index:1000;
|
|
474
|
+
background-color:#fff;
|
|
475
|
+
border:1px solid var(--combobox-border-color);
|
|
476
|
+
border-radius:var(--radius-1);
|
|
477
|
+
box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
|
|
478
|
+
max-height:var(--listbox-height);
|
|
479
|
+
overflow-y:auto;
|
|
480
|
+
height:0;
|
|
481
|
+
opacity:0;
|
|
482
|
+
transition:box-shadow 0.3s ease, height 0.3s ease, opacity 0.3s ease;
|
|
483
|
+
transition-behavior:allow-discrete;
|
|
484
|
+
}
|
|
485
|
+
.mobius-combobox__list.expanded{
|
|
486
|
+
opacity:1;
|
|
487
|
+
height:auto;
|
|
488
|
+
}
|
|
489
|
+
.mobius-combobox__option{
|
|
490
|
+
padding:var(--option-padding);
|
|
491
|
+
cursor:pointer;
|
|
492
|
+
}
|
|
493
|
+
.mobius-combobox__option:hover,
|
|
494
|
+
.mobius-combobox__option--is-highlighted{
|
|
495
|
+
background-color:var(--color-primary);
|
|
496
|
+
color:var(--color-neutral-100);
|
|
497
|
+
}
|
|
498
|
+
[role="group"]{
|
|
499
|
+
margin:0;
|
|
500
|
+
padding:0;
|
|
501
|
+
}
|
|
502
|
+
[role="group"] > [role="presentation"]{
|
|
503
|
+
display:block;
|
|
504
|
+
margin:0;
|
|
505
|
+
padding:var(--option-padding);
|
|
506
|
+
font-weight:bold;
|
|
507
|
+
color:var(--combobox-group-color);
|
|
508
|
+
background-color:var(--combobox-group-background-color);
|
|
509
|
+
}
|
|
510
|
+
[role="option"]{
|
|
511
|
+
position:relative;
|
|
512
|
+
display:block;
|
|
513
|
+
cursor:pointer;
|
|
514
|
+
}
|
|
451
515
|
.mobius-container{
|
|
452
516
|
box-sizing:border-box;
|
|
453
517
|
margin-left:auto;
|
|
@@ -3307,8 +3371,38 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3307
3371
|
display:block;
|
|
3308
3372
|
}
|
|
3309
3373
|
}
|
|
3310
|
-
.mobius-
|
|
3311
|
-
width:
|
|
3374
|
+
.mobius-questionnaire{
|
|
3375
|
+
max-width:552px;
|
|
3376
|
+
}
|
|
3377
|
+
.mobius-questionnaire--slide-next .mobius-section__transition-enter{
|
|
3378
|
+
transform:translateX(100%);
|
|
3379
|
+
}
|
|
3380
|
+
.mobius-questionnaire--slide-next .mobius-section__transition-enter-active{
|
|
3381
|
+
transform:translateX(0);
|
|
3382
|
+
}
|
|
3383
|
+
.mobius-questionnaire--slide-next .mobius-section__transition-exit{
|
|
3384
|
+
transform:translateX(0);
|
|
3385
|
+
}
|
|
3386
|
+
.mobius-questionnaire--slide-next .mobius-section__transition-exit-active{
|
|
3387
|
+
transform:translateX(-100%);
|
|
3388
|
+
}
|
|
3389
|
+
.mobius-questionnaire--slide-back .mobius-section__transition-enter{
|
|
3390
|
+
transform:translateX(-100%);
|
|
3391
|
+
}
|
|
3392
|
+
.mobius-questionnaire--slide-back .mobius-section__transition-enter-active{
|
|
3393
|
+
transform:translateX(0);
|
|
3394
|
+
}
|
|
3395
|
+
.mobius-questionnaire--slide-back .mobius-section__transition-exit{
|
|
3396
|
+
transform:translateX(0);
|
|
3397
|
+
}
|
|
3398
|
+
.mobius-questionnaire--slide-back .mobius-section__transition-exit-active{
|
|
3399
|
+
transform:translateX(100%);
|
|
3400
|
+
}
|
|
3401
|
+
.mobius-section__transition-enter-active{
|
|
3402
|
+
transition:all 200ms ease-out;
|
|
3403
|
+
}
|
|
3404
|
+
.mobius-section__transition-exit-active{
|
|
3405
|
+
transition:all 200ms ease-in;
|
|
3312
3406
|
}
|
|
3313
3407
|
.mobius-actions__back{
|
|
3314
3408
|
display:inline-flex;
|
|
@@ -3348,7 +3442,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3348
3442
|
margin-bottom:var(--size-xs);
|
|
3349
3443
|
}
|
|
3350
3444
|
.mobius-section{
|
|
3351
|
-
|
|
3445
|
+
margin-bottom:var(--size-xxl);
|
|
3352
3446
|
}
|
|
3353
3447
|
.mobius-section__title{
|
|
3354
3448
|
font-size:var(--font-size-small-title);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simplybusiness/theme-simplybusiness",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
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.
|
|
30
|
-
"@simplybusiness/mobius-datepicker": "^6.0.
|
|
31
|
-
"@simplybusiness/mobius-journey": "^6.
|
|
32
|
-
"@simplybusiness/theme-core": "^7.1
|
|
29
|
+
"@simplybusiness/mobius": "^5.6.0",
|
|
30
|
+
"@simplybusiness/mobius-datepicker": "^6.0.10",
|
|
31
|
+
"@simplybusiness/mobius-journey": "^6.16.0",
|
|
32
|
+
"@simplybusiness/theme-core": "^7.2.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"css-loader": "^7.1.2",
|
package/src/index.css
CHANGED
|
@@ -23,7 +23,8 @@
|
|
|
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/
|
|
26
|
+
@import "@simplybusiness/mobius-journey/src/components/Questionnaire/Questionnaire.css";
|
|
27
|
+
@import "@simplybusiness/mobius-journey/src/components/Questionnaire/Actions/Actions.css";
|
|
27
28
|
@import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Question/HelpLink/HelpLink.css";
|
|
28
29
|
@import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Question/Question.css";
|
|
29
30
|
@import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Section.css";
|