@hyvor/design 0.0.17 → 0.0.19
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/Button/Button.svelte +7 -0
- package/dist/components/CodeBlock/CodeBlock.svelte +26 -1
- package/dist/components/TextInput/TextInput.svelte +2 -0
- package/dist/components/TextInput/TextInput.svelte.d.ts +1 -0
- package/dist/marketing/Docs/Content/Content.svelte +0 -21
- package/dist/marketing/Header/Header.svelte +22 -2
- package/dist/marketing/index.d.ts +2 -0
- package/dist/marketing/index.js +2 -0
- package/package.json +1 -1
|
@@ -186,4 +186,11 @@ export let align = "center";
|
|
|
186
186
|
color: var(--text-white);
|
|
187
187
|
transition: 0.2s box-shadow;
|
|
188
188
|
--local-hover-shadow-color: var(--red-light);
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
/*Styles for button disabled state*/
|
|
192
|
+
.button[disabled] {
|
|
193
|
+
cursor: not-allowed;
|
|
194
|
+
opacity: 0.2;
|
|
195
|
+
box-shadow: none !important;
|
|
189
196
|
}</style>
|
|
@@ -9,4 +9,29 @@ const languageCode = languagesMap[language] || language;
|
|
|
9
9
|
import getCode, {} from "./getCode.js";
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
|
-
<pre class="language-{languageCode} hljs"><code>{@html getCode(code, languageCode)}</code></pre>
|
|
12
|
+
<pre class="language-{languageCode} hljs"><code>{@html getCode(code, languageCode)}</code></pre>
|
|
13
|
+
|
|
14
|
+
<style>
|
|
15
|
+
/*styles for CodeBlock component */
|
|
16
|
+
pre {
|
|
17
|
+
text-align: left;
|
|
18
|
+
white-space: pre;
|
|
19
|
+
word-spacing: normal;
|
|
20
|
+
word-break: normal;
|
|
21
|
+
word-wrap: normal;
|
|
22
|
+
overflow: auto;
|
|
23
|
+
border-radius: 20px;
|
|
24
|
+
padding: 20px;
|
|
25
|
+
line-height: 1.1;
|
|
26
|
+
}
|
|
27
|
+
pre code {
|
|
28
|
+
all: unset;
|
|
29
|
+
font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
|
|
30
|
+
font-size: 14px;
|
|
31
|
+
line-height: 1.5;
|
|
32
|
+
tab-size: 4;
|
|
33
|
+
hyphens: none;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
</style>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
<script>export let state = "default";
|
|
2
2
|
export let size = "medium";
|
|
3
3
|
export let block = false;
|
|
4
|
+
export let value = void 0;
|
|
4
5
|
let input;
|
|
5
6
|
</script>
|
|
6
7
|
|
|
@@ -26,6 +27,7 @@ let input;
|
|
|
26
27
|
|
|
27
28
|
<input
|
|
28
29
|
{...$$restProps}
|
|
30
|
+
bind:value={value}
|
|
29
31
|
bind:this={input}
|
|
30
32
|
|
|
31
33
|
on:keyup
|
|
@@ -103,27 +103,6 @@ content :global(code) {
|
|
|
103
103
|
color: #e06c75;
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
-
content :global(pre) {
|
|
107
|
-
text-align: left;
|
|
108
|
-
white-space: pre;
|
|
109
|
-
word-spacing: normal;
|
|
110
|
-
word-break: normal;
|
|
111
|
-
word-wrap: normal;
|
|
112
|
-
overflow: auto;
|
|
113
|
-
border-radius: 20px;
|
|
114
|
-
padding: 20px;
|
|
115
|
-
line-height: 1.1;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
content :global(pre code) {
|
|
119
|
-
all: unset;
|
|
120
|
-
font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
|
|
121
|
-
font-size: 14px;
|
|
122
|
-
line-height: 1.5;
|
|
123
|
-
tab-size: 4;
|
|
124
|
-
hyphens: none;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
106
|
content :global(a.heading-anchor-link) {
|
|
128
107
|
position: absolute;
|
|
129
108
|
right: 100%;
|
|
@@ -42,7 +42,7 @@ export let darkToggle = true;
|
|
|
42
42
|
</span>
|
|
43
43
|
{/if}
|
|
44
44
|
|
|
45
|
-
<span class="mobile-nav-wrap">
|
|
45
|
+
<!-- <span class="mobile-nav-wrap">
|
|
46
46
|
<Dropdown align="end" width={300}>
|
|
47
47
|
<IconButton
|
|
48
48
|
color="invisible"
|
|
@@ -59,10 +59,29 @@ export let darkToggle = true;
|
|
|
59
59
|
</div>
|
|
60
60
|
</div>
|
|
61
61
|
</Dropdown>
|
|
62
|
-
</span>
|
|
62
|
+
</span> -->
|
|
63
63
|
|
|
64
64
|
</div>
|
|
65
65
|
|
|
66
|
+
<span class="mobile-nav-wrap">
|
|
67
|
+
<Dropdown align="end" width={300}>
|
|
68
|
+
<IconButton
|
|
69
|
+
color="invisible"
|
|
70
|
+
slot="trigger"
|
|
71
|
+
>
|
|
72
|
+
<IconList size={18} />
|
|
73
|
+
</IconButton>
|
|
74
|
+
<div slot="content" class="mobile-content">
|
|
75
|
+
<div class="mobile-inner center">
|
|
76
|
+
<slot name="center" />
|
|
77
|
+
</div>
|
|
78
|
+
<div class="mobile-inner end">
|
|
79
|
+
<slot name="end" />
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</Dropdown>
|
|
83
|
+
</span>
|
|
84
|
+
|
|
66
85
|
</Container>
|
|
67
86
|
|
|
68
87
|
</header>
|
|
@@ -162,6 +181,7 @@ header :global(nav) {
|
|
|
162
181
|
.dark-mobile {
|
|
163
182
|
flex: 1;
|
|
164
183
|
text-align: right;
|
|
184
|
+
display: inline-block;
|
|
165
185
|
}
|
|
166
186
|
}
|
|
167
187
|
.mobile-content, .mobile-inner {
|
|
@@ -5,3 +5,5 @@ export { default as DocsNav } from './Docs/Nav/Nav.svelte';
|
|
|
5
5
|
export { default as DocsNavItem } from './Docs/Nav/NavItem.svelte';
|
|
6
6
|
export { default as DocsNavCategory } from './Docs/Nav/NavCategory.svelte';
|
|
7
7
|
export { default as DocsContent } from './Docs/Content/Content.svelte';
|
|
8
|
+
export { default as Footer } from './Footer/Footer.svelte';
|
|
9
|
+
export { default as FooterLinkList } from './Footer/FooterLinkList.svelte';
|
package/dist/marketing/index.js
CHANGED
|
@@ -5,3 +5,5 @@ export { default as DocsNav } from './Docs/Nav/Nav.svelte';
|
|
|
5
5
|
export { default as DocsNavItem } from './Docs/Nav/NavItem.svelte';
|
|
6
6
|
export { default as DocsNavCategory } from './Docs/Nav/NavCategory.svelte';
|
|
7
7
|
export { default as DocsContent } from './Docs/Content/Content.svelte';
|
|
8
|
+
export { default as Footer } from './Footer/Footer.svelte';
|
|
9
|
+
export { default as FooterLinkList } from './Footer/FooterLinkList.svelte';
|