srcdev-nuxt-components 9.3.10 → 9.3.12
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/.claude/skills/component-aria-landmark.md +3 -3
- package/.claude/skills/components/auto-grid.md +1 -1
- package/.claude/skills/components/page-hero-highlights.md +1 -1
- package/.claude/skills/components/service-detail.md +13 -14
- package/.claude/skills/components/service-summary-grid.md +141 -0
- package/.claude/skills/components/service-summary.md +165 -0
- package/.claude/skills/icon-sets.md +1 -1
- package/.claude/skills/index.md +2 -2
- package/.vscode/srcdev-component-service-summary.code-snippets +67 -0
- package/app/components/03.organisms/services/service-detail/CONSUMER-STYLING.md +8 -9
- package/app/components/03.organisms/services/service-detail/ServiceDetail.vue +3 -2
- package/app/components/03.organisms/services/service-detail/stories/ServiceDetail.stories.ts +2 -2
- package/app/components/03.organisms/services/service-summary/CONSUMER-STYLING.md +116 -0
- package/app/components/03.organisms/services/service-summary/ServiceSummary.vue +183 -0
- package/app/components/03.organisms/services/{services-section/stories/ServicesSection.stories.ts → service-summary/stories/ServiceSummary.stories.ts} +78 -148
- package/app/components/03.organisms/services/service-summary/tests/ServiceSummary.spec.ts +210 -0
- package/app/components/03.organisms/services/service-summary/tests/__snapshots__/ServiceSummary.spec.ts.snap +17 -0
- package/app/components/03.organisms/services/services-grids/{ServicesSectionGrid.vue → ServiceSummaryGrid.vue} +8 -10
- package/app/components/03.organisms/services/services-grids/stories/{ServicesSectionGrid.stories.ts → ServiceSummaryGrid.stories.ts} +21 -21
- package/app/components/03.organisms/services/services-grids/tests/{ServicesSectionGrid.spec.ts → ServiceSummaryGrid.spec.ts} +28 -28
- package/app/components/03.organisms/services/services-grids/tests/__snapshots__/ServiceSummaryGrid.spec.ts.snap +45 -0
- package/package.json +1 -1
- package/.claude/skills/components/services-section-grid.md +0 -130
- package/.claude/skills/components/services-section.md +0 -211
- package/.vscode/srcdev-component-services-section.code-snippets +0 -84
- package/app/components/03.organisms/services/services-grids/tests/__snapshots__/ServicesSectionGrid.spec.ts.snap +0 -87
- package/app/components/03.organisms/services/services-section/CONSUMER-STYLING.md +0 -149
- package/app/components/03.organisms/services/services-section/ServicesSection.vue +0 -345
- package/app/components/03.organisms/services/services-section/tests/ServicesSection.spec.ts +0 -297
- package/app/components/03.organisms/services/services-section/tests/__snapshots__/ServicesSection.spec.ts.snap +0 -87
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
|
-
|
|
3
|
-
exports[`ServicesSection > renders correct HTML structure 1`] = `
|
|
4
|
-
"<div class="services-section">
|
|
5
|
-
<div class="services-section__grid">
|
|
6
|
-
<div class="services-section__image-wrapper"><img data-nuxt-img="" srcset="/_ipx/_/images/test.jpg 1x, /_ipx/_/images/test.jpg 2x" alt="Test Service" loading="eager" fetchpriority="high" class="services-section__image" src="/_ipx/_/images/test.jpg"></div>
|
|
7
|
-
<div class="services-section__info-wrapper">
|
|
8
|
-
<div class="eyebrow-text large">A subtitle</div>
|
|
9
|
-
<h2 id="v-0-0" class="hero-text mb-20 title axis-horizontal">
|
|
10
|
-
<!--v-if--><span class="text-block-0 normal">Test Service</span>
|
|
11
|
-
</h2>
|
|
12
|
-
<div class="services-section__price-duration">
|
|
13
|
-
<div class="flex-row"><span class="iconify i-mdi:clock-time-four-outline services-section__decorator" aria-hidden="true"></span><span>60 mins</span></div>
|
|
14
|
-
<div class="flex-row"><span class="iconify i-mdi:currency-gbp services-section__decorator" aria-hidden="true"></span><span>£50</span></div>
|
|
15
|
-
</div>
|
|
16
|
-
<p class="page-body-normal">Long description text</p>
|
|
17
|
-
<h2 class="hero-text mb-20 subheading axis-horizontal">
|
|
18
|
-
<!--v-if--><span class="text-block-0 normal">A great heading</span>
|
|
19
|
-
</h2>
|
|
20
|
-
<p class="page-body-normal">What this service is</p>
|
|
21
|
-
<!--v-if-->
|
|
22
|
-
<h2 class="hero-text mb-20 subheading axis-horizontal">
|
|
23
|
-
<!--v-if--><span class="text-block-0 normal">The Process</span>
|
|
24
|
-
</h2>
|
|
25
|
-
<ol class="stepper-list has-connectors" show-connectors="true">
|
|
26
|
-
<li class="indicator-top indicator-circle" style="--_connector-top: 0px; --_connector-height: 0px;">
|
|
27
|
-
<div class="stepper-list__indicator-counter"></div>
|
|
28
|
-
<div>
|
|
29
|
-
<p class="page-body-normal">Step one</p>
|
|
30
|
-
</div>
|
|
31
|
-
</li>
|
|
32
|
-
<li class="indicator-top indicator-circle">
|
|
33
|
-
<div class="stepper-list__indicator-counter"></div>
|
|
34
|
-
<div>
|
|
35
|
-
<p class="page-body-normal">Step two</p>
|
|
36
|
-
</div>
|
|
37
|
-
</li>
|
|
38
|
-
</ol>
|
|
39
|
-
<h2 class="hero-text mb-20 subheading axis-horizontal">
|
|
40
|
-
<!--v-if--><span class="text-block-0 normal">Ideal For</span>
|
|
41
|
-
</h2>
|
|
42
|
-
<ul class="stepper-list">
|
|
43
|
-
<li class="has-indicator indicator-top indicator-disc">
|
|
44
|
-
<div class="stepper-list__indicator-custom"><span class="iconify i-mdi:checkbox-marked-circle-outline indicator-icon" aria-hidden="true"></span></div>
|
|
45
|
-
<div>
|
|
46
|
-
<p class="page-body-normal">Person A</p>
|
|
47
|
-
</div>
|
|
48
|
-
</li>
|
|
49
|
-
<li class="has-indicator indicator-top indicator-disc">
|
|
50
|
-
<div class="stepper-list__indicator-custom"><span class="iconify i-mdi:checkbox-marked-circle-outline indicator-icon" aria-hidden="true"></span></div>
|
|
51
|
-
<div>
|
|
52
|
-
<p class="page-body-normal">Person B</p>
|
|
53
|
-
</div>
|
|
54
|
-
</li>
|
|
55
|
-
</ul>
|
|
56
|
-
<h2 class="hero-text mb-20 subheading axis-horizontal">
|
|
57
|
-
<!--v-if--><span class="text-block-0 normal">Aftercare & Maintenance</span>
|
|
58
|
-
</h2>
|
|
59
|
-
<p class="page-body-normal">Maintenance advice</p>
|
|
60
|
-
<h2 class="hero-text mb-20 subheading axis-horizontal">
|
|
61
|
-
<!--v-if--><span class="text-block-0 normal">Frequently Asked Questions</span>
|
|
62
|
-
</h2>
|
|
63
|
-
<div class="display-accordian services-section__faq" id="faq">
|
|
64
|
-
<div class="expanding-panel-classic accordian-item" icon-size="medium">
|
|
65
|
-
<details class="expanding-panel-classic-details" name="faq-v-0-0-0">
|
|
66
|
-
<summary id="id-faq-v-0-0-0-trigger" class="expanding-panel-classic-summary" aria-controls="id-faq-v-0-0-0-content" aria-expanded="false">
|
|
67
|
-
<div class="label-wrapper">FAQ question?</div>
|
|
68
|
-
<div class="icon-wrapper"><span class="iconify i-mdi:chevron-down" aria-hidden="true"></span></div>
|
|
69
|
-
</summary>
|
|
70
|
-
</details>
|
|
71
|
-
<div id="id-faq-v-0-0-0-content" class="expanding-panel-classic-content" aria-labelledby="id-faq-v-0-0-0-trigger" role="region">
|
|
72
|
-
<div class="inner">
|
|
73
|
-
<p class="services-section__faq-answer">FAQ answer.</p>
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
76
|
-
</div>
|
|
77
|
-
</div>
|
|
78
|
-
<div class="glass-panel services-section__glass-panel p-24">
|
|
79
|
-
<h2 class="hero-text mbs-0 mbe-20 subheading axis-horizontal">
|
|
80
|
-
<!--v-if--><span class="text-block-0 normal">Ready to book your appointment?</span>
|
|
81
|
-
</h2>
|
|
82
|
-
<p class="page-body-normal">Get in touch to book your appointment.</p>
|
|
83
|
-
</div>
|
|
84
|
-
</div>
|
|
85
|
-
</div>
|
|
86
|
-
</div>"
|
|
87
|
-
`;
|