@simplybusiness/theme-simplybusiness 1.1.1 → 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 +19 -0
- package/dist/index.css +74 -7
- package/package.json +5 -5
- package/src/index.css +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
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
|
+
|
|
3
22
|
## 1.1.1
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
package/dist/index.css
CHANGED
|
@@ -448,26 +448,46 @@ 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
|
+
}
|
|
451
461
|
.mobius-combobox{
|
|
452
462
|
position:relative;
|
|
463
|
+
width:100%;
|
|
453
464
|
}
|
|
454
465
|
.mobius-combobox__list{
|
|
455
466
|
position:absolute;
|
|
456
467
|
margin:0;
|
|
468
|
+
margin-top:var(--listbox-gap);
|
|
457
469
|
padding:0;
|
|
458
470
|
top:100%;
|
|
459
471
|
left:0;
|
|
460
472
|
right:0;
|
|
461
473
|
z-index:1000;
|
|
462
474
|
background-color:#fff;
|
|
463
|
-
border:1px solid
|
|
464
|
-
border-
|
|
475
|
+
border:1px solid var(--combobox-border-color);
|
|
476
|
+
border-radius:var(--radius-1);
|
|
465
477
|
box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
|
|
466
|
-
max-height:
|
|
478
|
+
max-height:var(--listbox-height);
|
|
467
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;
|
|
468
484
|
}
|
|
485
|
+
.mobius-combobox__list.expanded{
|
|
486
|
+
opacity:1;
|
|
487
|
+
height:auto;
|
|
488
|
+
}
|
|
469
489
|
.mobius-combobox__option{
|
|
470
|
-
padding:
|
|
490
|
+
padding:var(--option-padding);
|
|
471
491
|
cursor:pointer;
|
|
472
492
|
}
|
|
473
493
|
.mobius-combobox__option:hover,
|
|
@@ -475,6 +495,23 @@ a.mobius-button:focus-visible,
|
|
|
475
495
|
background-color:var(--color-primary);
|
|
476
496
|
color:var(--color-neutral-100);
|
|
477
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
|
+
}
|
|
478
515
|
.mobius-container{
|
|
479
516
|
box-sizing:border-box;
|
|
480
517
|
margin-left:auto;
|
|
@@ -3334,8 +3371,38 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3334
3371
|
display:block;
|
|
3335
3372
|
}
|
|
3336
3373
|
}
|
|
3337
|
-
.mobius-
|
|
3338
|
-
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;
|
|
3339
3406
|
}
|
|
3340
3407
|
.mobius-actions__back{
|
|
3341
3408
|
display:inline-flex;
|
|
@@ -3375,7 +3442,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3375
3442
|
margin-bottom:var(--size-xs);
|
|
3376
3443
|
}
|
|
3377
3444
|
.mobius-section{
|
|
3378
|
-
|
|
3445
|
+
margin-bottom:var(--size-xxl);
|
|
3379
3446
|
}
|
|
3380
3447
|
.mobius-section__title{
|
|
3381
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.2.
|
|
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";
|