@ctrliq/quantic-components 1.70.2 → 1.71.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/dist/astro.d.ts +2 -1
- package/dist/astro.js +2 -1
- package/dist/astro.js.map +1 -1
- package/dist/card/card-carousel.stories.js +4 -3
- package/dist/card/card-image.stories.js +3 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/layout/sidebar.component.js +10 -7
- package/dist/meta/index.js.map +1 -1
- package/dist/panel/index.stories.js +2 -1
- package/dist/prose/index.constants.d.ts +6 -0
- package/dist/prose/index.constants.js +5 -0
- package/dist/prose/index.d.ts +15 -0
- package/dist/prose/index.js +96 -0
- package/dist/prose/index.stories.d.ts +20 -0
- package/dist/prose/index.stories.js +121 -0
- package/dist/quantic-components.js +102 -8
- package/dist/quantic-components.js.map +1 -1
- package/dist/quantic-components.min.js +88 -39
- package/dist/quantic-components.min.js.map +1 -1
- package/dist/register.js.map +1 -1
- package/dist/shared/auto-hide-empty-slots.mixin.js +1 -1
- package/dist/shared/story-images.d.ts +5 -0
- package/dist/shared/story-images.js +5 -0
- package/dist/types/astro.d.ts +2 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/prose/index.constants.d.ts +6 -0
- package/dist/types/prose/index.d.ts +15 -0
- package/dist/types/prose/index.stories.d.ts +20 -0
- package/dist/types/shared/story-images.d.ts +5 -0
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ import { story } from '../shared/story';
|
|
|
3
3
|
import { GridDensity } from '../grid';
|
|
4
4
|
import { CardVariant, CardSize } from './index.constants';
|
|
5
5
|
import { ContainerSizeBreakpoint } from '../shared/shared.constants';
|
|
6
|
+
import { STORY_IMAGE_PHOTO, STORY_IMAGE_PHOTO_ALT } from '../shared/story-images';
|
|
6
7
|
export default {
|
|
7
8
|
title: 'Components/Layout/Cards/Card Carousel',
|
|
8
9
|
component: 'quantic-card-carousel',
|
|
@@ -44,7 +45,7 @@ const sampleCard = (index, size = CardSize.Medium) => `
|
|
|
44
45
|
<quantic-card variant="solid" size="${size}">
|
|
45
46
|
<quantic-card-image slot="header" bleeds>
|
|
46
47
|
<img
|
|
47
|
-
src="
|
|
48
|
+
src="${STORY_IMAGE_PHOTO}"
|
|
48
49
|
alt="Card ${index}"
|
|
49
50
|
/>
|
|
50
51
|
</quantic-card-image>
|
|
@@ -161,7 +162,7 @@ const mixedContentData = [
|
|
|
161
162
|
{
|
|
162
163
|
type: 'image',
|
|
163
164
|
variant: 'solid',
|
|
164
|
-
image:
|
|
165
|
+
image: STORY_IMAGE_PHOTO,
|
|
165
166
|
title: 'Video Tutorial',
|
|
166
167
|
subtitle: '15 min watch',
|
|
167
168
|
description: 'Step-by-step walkthrough of key features.',
|
|
@@ -177,7 +178,7 @@ const mixedContentData = [
|
|
|
177
178
|
{
|
|
178
179
|
type: 'image',
|
|
179
180
|
variant: 'solid',
|
|
180
|
-
image:
|
|
181
|
+
image: STORY_IMAGE_PHOTO_ALT,
|
|
181
182
|
title: 'Advanced Topics',
|
|
182
183
|
subtitle: 'Expert level',
|
|
183
184
|
description: 'Deep dive into advanced features and optimizations.',
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { story } from '../shared/story';
|
|
2
|
+
import { STORY_IMAGE_PHOTO } from '../shared/story-images';
|
|
2
3
|
export default {
|
|
3
4
|
title: 'Components/Layout/Cards/Card/Card Image',
|
|
4
5
|
component: 'quantic-card-image',
|
|
@@ -7,7 +8,7 @@ export default {
|
|
|
7
8
|
export const Basic = story().render(() => `<quantic-card style="max-width: 400px">
|
|
8
9
|
<quantic-card-image slot="header">
|
|
9
10
|
<img
|
|
10
|
-
src="
|
|
11
|
+
src="${STORY_IMAGE_PHOTO}"
|
|
11
12
|
alt="Data visualization"
|
|
12
13
|
/>
|
|
13
14
|
</quantic-card-image>
|
|
@@ -17,7 +18,7 @@ export const Basic = story().render(() => `<quantic-card style="max-width: 400px
|
|
|
17
18
|
export const BleedingImage = story().render(() => `<quantic-card style="max-width: 400px">
|
|
18
19
|
<quantic-card-image slot="header" bleeds>
|
|
19
20
|
<img
|
|
20
|
-
src="
|
|
21
|
+
src="${STORY_IMAGE_PHOTO}"
|
|
21
22
|
alt="Data visualization"
|
|
22
23
|
/>
|
|
23
24
|
</quantic-card-image>
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED