@histoire/controls 1.0.0-alpha.4 → 1.0.0-beta.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.
- package/dist/components/HstCopyIcon.story.vue.d.ts +2 -0
- package/dist/components/HstWrapper.vue.d.ts +1 -0
- package/dist/components/button/HstButton.vue.d.ts +1 -1
- package/dist/components/checkbox/HstSimpleCheckbox.vue.d.ts +1 -3
- package/dist/components/design-tokens/HstTokenGrid.vue.d.ts +1 -1
- package/dist/components/json/HstJson.vue.d.ts +1 -3
- package/dist/components/number/HstNumber.vue.d.ts +1 -3
- package/dist/components/slider/HstSlider.vue.d.ts +1 -3
- package/dist/components/text/HstText.vue.d.ts +1 -3
- package/dist/components/textarea/HstTextarea.vue.d.ts +1 -3
- package/dist/index.d.ts +14 -34
- package/dist/index.es.js +5175 -4889
- package/dist/style-standalone.css +4 -0
- package/package.json +8 -8
- package/src/components/HstCopyIcon.story.vue +26 -0
- package/src/components/button/HstButton.vue +1 -1
- package/src/components/checkbox/__snapshots__/HstCheckbox.spec.ts.snap +2 -6
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@histoire/controls",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.0-
|
|
4
|
+
"version": "1.0.0-beta.1",
|
|
5
5
|
"description": "Prebuilt controls components",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Guillaume Chau"
|
|
@@ -38,26 +38,26 @@
|
|
|
38
38
|
"@codemirror/state": "^6.4.1",
|
|
39
39
|
"@codemirror/theme-one-dark": "^6.1.2",
|
|
40
40
|
"@codemirror/view": "^6.35.0",
|
|
41
|
-
"@histoire/
|
|
42
|
-
"@histoire/
|
|
41
|
+
"@histoire/vendors": "^1.0.0-beta.1",
|
|
42
|
+
"@histoire/shared": "^1.0.0-beta.1"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@types/node": "^22.10.1",
|
|
46
46
|
"@vitejs/plugin-vue": "^5.2.1",
|
|
47
|
-
"@vue/runtime-dom": "^3.5.
|
|
47
|
+
"@vue/runtime-dom": "^3.5.26",
|
|
48
48
|
"@vue/test-utils": "^2.4.6",
|
|
49
49
|
"@vueuse/core": "^12.0.0",
|
|
50
50
|
"autoprefixer": "^10.4.20",
|
|
51
51
|
"concurrently": "^9.1.0",
|
|
52
52
|
"floating-vue": "5.2.2",
|
|
53
|
-
"jsdom": "^
|
|
53
|
+
"jsdom": "^27.4.0",
|
|
54
54
|
"postcss": "^8.4.49",
|
|
55
55
|
"postcss-import": "^16.1.0",
|
|
56
56
|
"tailwindcss": "^3.4.16",
|
|
57
57
|
"typescript": "5.6.3",
|
|
58
|
-
"vite": "^7.
|
|
59
|
-
"vitest": "0.
|
|
60
|
-
"vue": "^3.5.
|
|
58
|
+
"vite": "^7.3.0",
|
|
59
|
+
"vitest": "4.0.16",
|
|
60
|
+
"vue": "^3.5.26",
|
|
61
61
|
"vue-tsc": "^2.1.10"
|
|
62
62
|
},
|
|
63
63
|
"scripts": {
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import HstCopyIcon from './HstCopyIcon.vue'
|
|
3
|
+
|
|
4
|
+
function initState() {
|
|
5
|
+
return {
|
|
6
|
+
content: 'Text fo copy',
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<template>
|
|
12
|
+
<Story
|
|
13
|
+
title="internals/HstCopyIcon"
|
|
14
|
+
>
|
|
15
|
+
<Variant
|
|
16
|
+
title="default"
|
|
17
|
+
:init-state="initState"
|
|
18
|
+
>
|
|
19
|
+
<template #default="{ state }">
|
|
20
|
+
<HstCopyIcon
|
|
21
|
+
:content="state.content"
|
|
22
|
+
/>
|
|
23
|
+
</template>
|
|
24
|
+
</Variant>
|
|
25
|
+
</Story>
|
|
26
|
+
</template>
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
|
-
exports[`
|
|
3
|
+
exports[`hstCheckbox > toggle to checked 1`] = `"<label class="histoire-wrapper htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap histoire-checkbox htw-cursor-pointer htw-items-center" role="checkbox" tabindex="0"><span class="htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0 v-popper--has-tooltip">Label</span><span class="htw-grow htw-max-w-full htw-flex htw-items-center htw-gap-1"><span class="htw-block htw-grow htw-max-w-full"><div class="histoire-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative"><div class="htw-border htw-border-solid group-active:htw-bg-gray-500/20 htw-rounded-sm htw-box-border htw-absolute htw-inset-0 htw-transition-border htw-duration-150 htw-ease-out group-hover:htw-border-primary-500 group-hover:dark:htw-border-primary-500 htw-border-black/25 dark:htw-border-white/25 htw-delay-150"></div><svg width="16" height="16" viewBox="0 0 24 24" class="htw-relative htw-z-10"><path d="m 4 12 l 5 5 l 10 -10" fill="none" class="htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out htw-transition-none" stroke-dasharray="21.21" stroke-dashoffset="21.21"></path></svg></div></span></span></label>"`;
|
|
4
4
|
|
|
5
|
-
exports[`
|
|
6
|
-
|
|
7
|
-
exports[`hstCheckbox > toggle to checked 1`] = `"<label class=\\"histoire-wrapper htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap histoire-checkbox htw-cursor-pointer htw-items-center\\" role=\\"checkbox\\" tabindex=\\"0\\"><span class=\\"htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0 v-popper--has-tooltip\\">Label</span><span class=\\"htw-grow htw-max-w-full htw-flex htw-items-center htw-gap-1\\"><span class=\\"htw-block htw-grow htw-max-w-full\\"><div class=\\"histoire-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative\\"><div class=\\"htw-border htw-border-solid group-active:htw-bg-gray-500/20 htw-rounded-sm htw-box-border htw-absolute htw-inset-0 htw-transition-border htw-duration-150 htw-ease-out group-hover:htw-border-primary-500 group-hover:dark:htw-border-primary-500 htw-border-black/25 dark:htw-border-white/25 htw-delay-150\\"></div><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" class=\\"htw-relative htw-z-10\\"><path d=\\"m 4 12 l 5 5 l 10 -10\\" fill=\\"none\\" class=\\"htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out htw-transition-none\\" stroke-dasharray=\\"21.21\\" stroke-dashoffset=\\"21.21\\"></path></svg></div></span></span></label>"`;
|
|
8
|
-
|
|
9
|
-
exports[`hstCheckbox > toggle to unchecked 1`] = `"<label class=\\"histoire-wrapper htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap histoire-checkbox htw-cursor-pointer htw-items-center\\" role=\\"checkbox\\" tabindex=\\"0\\"><span class=\\"htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0 v-popper--has-tooltip\\">Label</span><span class=\\"htw-grow htw-max-w-full htw-flex htw-items-center htw-gap-1\\"><span class=\\"htw-block htw-grow htw-max-w-full\\"><div class=\\"histoire-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative\\"><div class=\\"htw-border htw-border-solid group-active:htw-bg-gray-500/20 htw-rounded-sm htw-box-border htw-absolute htw-inset-0 htw-transition-border htw-duration-150 htw-ease-out group-hover:htw-border-primary-500 group-hover:dark:htw-border-primary-500 htw-border-primary-500 htw-border-8\\"></div><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" class=\\"htw-relative htw-z-10\\"><path d=\\"m 4 12 l 5 5 l 10 -10\\" fill=\\"none\\" class=\\"htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out htw-transition-none htw-delay-150\\" stroke-dasharray=\\"21.21\\" stroke-dashoffset=\\"0\\"></path></svg></div></span></span></label>"`;
|
|
5
|
+
exports[`hstCheckbox > toggle to unchecked 1`] = `"<label class="histoire-wrapper htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap histoire-checkbox htw-cursor-pointer htw-items-center" role="checkbox" tabindex="0"><span class="htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0 v-popper--has-tooltip">Label</span><span class="htw-grow htw-max-w-full htw-flex htw-items-center htw-gap-1"><span class="htw-block htw-grow htw-max-w-full"><div class="histoire-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative"><div class="htw-border htw-border-solid group-active:htw-bg-gray-500/20 htw-rounded-sm htw-box-border htw-absolute htw-inset-0 htw-transition-border htw-duration-150 htw-ease-out group-hover:htw-border-primary-500 group-hover:dark:htw-border-primary-500 htw-border-primary-500 htw-border-8"></div><svg width="16" height="16" viewBox="0 0 24 24" class="htw-relative htw-z-10"><path d="m 4 12 l 5 5 l 10 -10" fill="none" class="htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out htw-transition-none htw-delay-150" stroke-dasharray="21.21" stroke-dashoffset="0"></path></svg></div></span></span></label>"`;
|