@hyvor/design 0.0.67 → 1.0.3

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.
Files changed (184) hide show
  1. package/dist/components/ActionList/ActionList.svelte +21 -13
  2. package/dist/components/ActionList/ActionList.svelte.d.ts +8 -20
  3. package/dist/components/ActionList/ActionListGroup.svelte +40 -35
  4. package/dist/components/ActionList/ActionListGroup.svelte.d.ts +8 -20
  5. package/dist/components/ActionList/ActionListItem.svelte +129 -107
  6. package/dist/components/ActionList/ActionListItem.svelte.d.ts +27 -25
  7. package/dist/components/ActionList/Selected.svelte +27 -24
  8. package/dist/components/ActionList/Selected.svelte.d.ts +6 -17
  9. package/dist/components/Avatar/Avatar.svelte +22 -19
  10. package/dist/components/Avatar/Avatar.svelte.d.ts +7 -18
  11. package/dist/components/Avatar/AvatarStack.svelte +29 -27
  12. package/dist/components/Avatar/AvatarStack.svelte.d.ts +6 -18
  13. package/dist/components/Base/Base.svelte +16 -8
  14. package/dist/components/Base/Base.svelte.d.ts +6 -18
  15. package/dist/components/Box/Box.svelte +16 -9
  16. package/dist/components/Box/Box.svelte.d.ts +7 -19
  17. package/dist/components/Button/Button.svelte +65 -47
  18. package/dist/components/Button/Button.svelte.d.ts +16 -39
  19. package/dist/components/Button/ButtonGroup.svelte +14 -6
  20. package/dist/components/Button/ButtonGroup.svelte.d.ts +5 -27
  21. package/dist/components/Callout/Callout.svelte +110 -87
  22. package/dist/components/Callout/Callout.svelte.d.ts +11 -22
  23. package/dist/components/Checkbox/Checkbox.svelte +156 -144
  24. package/dist/components/Checkbox/Checkbox.svelte.d.ts +11 -34
  25. package/dist/components/CodeBlock/CodeBlock.svelte +45 -32
  26. package/dist/components/CodeBlock/CodeBlock.svelte.d.ts +6 -17
  27. package/dist/components/CodeBlock/getCode.js +8 -6
  28. package/dist/components/CodeBlock/hljs.scss +189 -191
  29. package/dist/components/CodeBlock/prism.scss +370 -7
  30. package/dist/components/ColorPicker/ColorPicker.svelte +75 -56
  31. package/dist/components/ColorPicker/ColorPicker.svelte.d.ts +25 -19
  32. package/dist/components/Dark/DarkProvider.svelte +16 -14
  33. package/dist/components/Dark/DarkProvider.svelte.d.ts +16 -12
  34. package/dist/components/Dark/DarkToggle.svelte +15 -16
  35. package/dist/components/Dark/DarkToggle.svelte.d.ts +16 -12
  36. package/dist/components/Divider/Divider.svelte +23 -13
  37. package/dist/components/Divider/Divider.svelte.d.ts +9 -20
  38. package/dist/components/Dropdown/Dropdown.svelte +58 -114
  39. package/dist/components/Dropdown/Dropdown.svelte.d.ts +13 -24
  40. package/dist/components/Dropdown/DropdownContent.svelte +152 -0
  41. package/dist/components/Dropdown/DropdownContent.svelte.d.ts +12 -0
  42. package/dist/components/FormControl/Caption.svelte +18 -11
  43. package/dist/components/FormControl/Caption.svelte.d.ts +7 -19
  44. package/dist/components/FormControl/FormControl.svelte +28 -19
  45. package/dist/components/FormControl/FormControl.svelte.d.ts +6 -27
  46. package/dist/components/FormControl/InputGroup.svelte +22 -15
  47. package/dist/components/FormControl/InputGroup.svelte.d.ts +7 -19
  48. package/dist/components/FormControl/Label.svelte +15 -6
  49. package/dist/components/FormControl/Label.svelte.d.ts +6 -27
  50. package/dist/components/FormControl/Validation.svelte +30 -19
  51. package/dist/components/FormControl/Validation.svelte.d.ts +9 -21
  52. package/dist/components/HyvorBar/BarProducts.svelte +71 -0
  53. package/dist/components/HyvorBar/BarProducts.svelte.d.ts +32 -0
  54. package/dist/components/HyvorBar/BarSupport.svelte +183 -0
  55. package/dist/components/HyvorBar/BarSupport.svelte.d.ts +8 -0
  56. package/dist/components/HyvorBar/BarUpdates.svelte +68 -0
  57. package/dist/components/HyvorBar/BarUpdates.svelte.d.ts +7 -0
  58. package/dist/components/HyvorBar/BarUpdatesList.svelte +159 -0
  59. package/dist/components/HyvorBar/BarUpdatesList.svelte.d.ts +7 -0
  60. package/dist/components/HyvorBar/BarUser.svelte +72 -0
  61. package/dist/components/HyvorBar/BarUser.svelte.d.ts +5 -0
  62. package/dist/components/HyvorBar/BarUserPreview.svelte +43 -0
  63. package/dist/components/HyvorBar/BarUserPreview.svelte.d.ts +18 -0
  64. package/dist/components/HyvorBar/HyvorBar.svelte +183 -0
  65. package/dist/components/HyvorBar/HyvorBar.svelte.d.ts +8 -0
  66. package/dist/components/HyvorBar/bar.d.ts +33 -0
  67. package/dist/components/HyvorBar/bar.js +74 -0
  68. package/dist/components/HyvorBar/img/G2.svelte +9 -0
  69. package/dist/components/HyvorBar/img/G2.svelte.d.ts +26 -0
  70. package/dist/components/HyvorBar/img/Trustpilot.svelte +11 -0
  71. package/dist/components/HyvorBar/img/Trustpilot.svelte.d.ts +26 -0
  72. package/dist/components/IconButton/IconButton.svelte +49 -32
  73. package/dist/components/IconButton/IconButton.svelte.d.ts +10 -33
  74. package/dist/components/IconMessage/IconMessage.svelte +157 -51
  75. package/dist/components/IconMessage/IconMessage.svelte.d.ts +19 -27
  76. package/dist/components/Internationalization/InternationalizationProvider.svelte +15 -8
  77. package/dist/components/Internationalization/InternationalizationProvider.svelte.d.ts +7 -19
  78. package/dist/components/Internationalization/LanguageToggle.svelte +80 -57
  79. package/dist/components/Internationalization/LanguageToggle.svelte.d.ts +11 -22
  80. package/dist/components/Internationalization/T.svelte +158 -114
  81. package/dist/components/Internationalization/T.svelte.d.ts +17 -15
  82. package/dist/components/Internationalization/i18n.d.ts +3 -5
  83. package/dist/components/Internationalization/i18n.js +13 -11
  84. package/dist/components/Internationalization/t.d.ts +2 -3
  85. package/dist/components/Internationalization/t.js +4 -4
  86. package/dist/components/Internationalization/types.d.ts +2 -1
  87. package/dist/components/Link/Link.svelte +68 -61
  88. package/dist/components/Link/Link.svelte.d.ts +11 -34
  89. package/dist/components/Loader/LoadButton.svelte +39 -38
  90. package/dist/components/Loader/LoadButton.svelte.d.ts +29 -42
  91. package/dist/components/Loader/Loader.svelte +121 -107
  92. package/dist/components/Loader/Loader.svelte.d.ts +15 -27
  93. package/dist/components/Modal/ConfirmModalProvider.svelte +41 -51
  94. package/dist/components/Modal/ConfirmModalProvider.svelte.d.ts +3 -14
  95. package/dist/components/Modal/Modal.svelte +202 -203
  96. package/dist/components/Modal/Modal.svelte.d.ts +31 -29
  97. package/dist/components/Modal/ModalFooter.svelte +36 -31
  98. package/dist/components/Modal/ModalFooter.svelte.d.ts +22 -18
  99. package/dist/components/Modal/confirm.d.ts +2 -2
  100. package/dist/components/Modal/confirm.js +4 -4
  101. package/dist/components/Modal/modal-types.d.ts +4 -4
  102. package/dist/components/NavLink/NavLink.svelte +94 -89
  103. package/dist/components/NavLink/NavLink.svelte.d.ts +11 -33
  104. package/dist/components/Radio/Radio.svelte +46 -35
  105. package/dist/components/Radio/Radio.svelte.d.ts +10 -33
  106. package/dist/components/Slider/Slider.svelte +129 -120
  107. package/dist/components/Slider/Slider.svelte.d.ts +24 -20
  108. package/dist/components/SplitControl/SplitControl.svelte +43 -48
  109. package/dist/components/SplitControl/SplitControl.svelte.d.ts +11 -24
  110. package/dist/components/Switch/Switch.svelte +77 -67
  111. package/dist/components/Switch/Switch.svelte.d.ts +8 -31
  112. package/dist/components/TabNav/TabNav.svelte +33 -23
  113. package/dist/components/TabNav/TabNav.svelte.d.ts +7 -19
  114. package/dist/components/TabNav/TabNavItem.svelte +65 -51
  115. package/dist/components/TabNav/TabNavItem.svelte.d.ts +10 -24
  116. package/dist/components/Table/Table.svelte +17 -7
  117. package/dist/components/Table/Table.svelte.d.ts +7 -19
  118. package/dist/components/Table/TableRow.svelte +32 -24
  119. package/dist/components/Table/TableRow.svelte.d.ts +7 -19
  120. package/dist/components/Tag/Tag.svelte +75 -49
  121. package/dist/components/Tag/Tag.svelte.d.ts +16 -39
  122. package/dist/components/Text/Text.svelte +33 -26
  123. package/dist/components/Text/Text.svelte.d.ts +10 -22
  124. package/dist/components/TextInput/TextInput.svelte +54 -33
  125. package/dist/components/TextInput/TextInput.svelte.d.ts +12 -36
  126. package/dist/components/Textarea/Textarea.svelte +68 -46
  127. package/dist/components/Textarea/Textarea.svelte.d.ts +13 -37
  128. package/dist/components/Toast/ToastIcon.svelte +55 -46
  129. package/dist/components/Toast/ToastIcon.svelte.d.ts +5 -16
  130. package/dist/components/Toast/ToastMessage.svelte +42 -41
  131. package/dist/components/Toast/ToastMessage.svelte.d.ts +5 -16
  132. package/dist/components/Toast/ToastProvider.svelte +22 -20
  133. package/dist/components/Toast/ToastProvider.svelte.d.ts +16 -12
  134. package/dist/components/Toast/cleaner.js +5 -5
  135. package/dist/components/Toast/toast.d.ts +3 -3
  136. package/dist/components/Toast/toast.js +10 -10
  137. package/dist/components/Tooltip/Tooltip.svelte +163 -148
  138. package/dist/components/Tooltip/Tooltip.svelte.d.ts +35 -23
  139. package/dist/components/directives/clickOutside.js +4 -4
  140. package/dist/components/directives/debounce.d.ts +1 -0
  141. package/dist/components/directives/debounce.js +8 -0
  142. package/dist/components/index.d.ts +1 -0
  143. package/dist/components/index.js +1 -0
  144. package/dist/index.css +31 -33
  145. package/dist/marketing/Container/Container.svelte +15 -9
  146. package/dist/marketing/Container/Container.svelte.d.ts +6 -18
  147. package/dist/marketing/Docs/Content/Content.svelte +48 -35
  148. package/dist/marketing/Docs/Content/Content.svelte.d.ts +5 -16
  149. package/dist/marketing/Docs/Content/DocsImage.svelte +67 -69
  150. package/dist/marketing/Docs/Content/DocsImage.svelte.d.ts +9 -20
  151. package/dist/marketing/Docs/Docs.svelte +28 -25
  152. package/dist/marketing/Docs/Docs.svelte.d.ts +6 -29
  153. package/dist/marketing/Docs/Nav/Nav.svelte +96 -70
  154. package/dist/marketing/Docs/Nav/Nav.svelte.d.ts +5 -16
  155. package/dist/marketing/Docs/Nav/NavCategory.svelte +39 -29
  156. package/dist/marketing/Docs/Nav/NavCategory.svelte.d.ts +8 -20
  157. package/dist/marketing/Docs/Nav/NavItem.svelte +30 -26
  158. package/dist/marketing/Docs/Nav/NavItem.svelte.d.ts +6 -18
  159. package/dist/marketing/Docs/Sidebar/Sidebar.svelte +22 -25
  160. package/dist/marketing/Docs/Sidebar/Sidebar.svelte.d.ts +22 -19
  161. package/dist/marketing/Docs/Toc.svelte +64 -56
  162. package/dist/marketing/Docs/Toc.svelte.d.ts +3 -14
  163. package/dist/marketing/Document/Document.svelte +15 -8
  164. package/dist/marketing/Document/Document.svelte.d.ts +7 -19
  165. package/dist/marketing/Document/DocumentTitle.svelte +65 -54
  166. package/dist/marketing/Document/DocumentTitle.svelte.d.ts +9 -20
  167. package/dist/marketing/Footer/Footer.svelte +154 -145
  168. package/dist/marketing/Footer/Footer.svelte.d.ts +8 -20
  169. package/dist/marketing/Footer/FooterLinkList.svelte +31 -27
  170. package/dist/marketing/Footer/FooterLinkList.svelte.d.ts +6 -18
  171. package/dist/marketing/Header/Header.svelte +47 -37
  172. package/dist/marketing/Header/Header.svelte.d.ts +10 -22
  173. package/dist/marketing/Logo/LogoBlogs.svelte +46 -0
  174. package/dist/marketing/Logo/LogoBlogs.svelte.d.ts +5 -0
  175. package/dist/marketing/Logo/LogoCore.svelte +46 -0
  176. package/dist/marketing/Logo/LogoCore.svelte.d.ts +5 -0
  177. package/dist/marketing/Logo/LogoFortguard.svelte +54 -0
  178. package/dist/marketing/Logo/LogoFortguard.svelte.d.ts +5 -0
  179. package/dist/marketing/Logo/LogoTalk.svelte +32 -0
  180. package/dist/marketing/Logo/LogoTalk.svelte.d.ts +5 -0
  181. package/dist/stores/dark.d.ts +0 -1
  182. package/dist/stores/dark.js +8 -8
  183. package/dist/variables.scss +41 -48
  184. package/package.json +59 -58
@@ -1,8 +1,6 @@
1
-
2
-
3
1
  .hljs code {
4
- color: inherit!important;
5
- background: inherit!important;
2
+ color: inherit !important;
3
+ background: inherit !important;
6
4
  }
7
5
 
8
6
  /*!
@@ -20,120 +18,120 @@
20
18
  */
21
19
 
22
20
  .hljs {
23
- /* var(--highlight-color) */
24
- color: #2f3337;
25
- /* var(--highlight-bg) */
26
- background: #f4f2f0;
27
- }
28
-
29
- .hljs-subst {
30
- /* var(--highlight-color) */
31
- color: #2f3337;
32
- }
33
-
34
- .hljs-comment {
35
- /* var(--highlight-comment) */
36
- color: #656e77;
37
- }
38
-
39
- .hljs-keyword,
40
- .hljs-selector-tag,
41
- .hljs-meta .hljs-keyword,
42
- .hljs-doctag,
43
- .hljs-section {
44
- /* var(--highlight-keyword) */
45
- color: #015692;
46
- }
47
-
48
- .hljs-attr {
49
- /* var(--highlight-attribute); */
50
- color: #015692;
51
- }
52
-
53
- .hljs-attribute {
54
- /* var(--highlight-symbol) */
55
- color: #803378;
56
- }
57
-
58
- .hljs-name,
59
- .hljs-type,
60
- .hljs-number,
61
- .hljs-selector-id,
62
- .hljs-quote,
63
- .hljs-template-tag {
64
- /* var(--highlight-namespace) */
65
- color: #905;
66
- }
67
-
68
- .hljs-selector-class {
69
- /* var(--highlight-keyword) */
70
- color: #015692;
71
- }
72
-
73
- .hljs-string,
74
- .hljs-regexp,
75
- .hljs-symbol,
76
- .hljs-variable,
77
- .hljs-template-variable,
78
- .hljs-link,
79
- .hljs-selector-attr {
80
- /* var(--highlight-variable) */
81
- color: #54790d;
82
- }
83
-
84
- .hljs-meta,
85
- .hljs-selector-pseudo {
86
- /* var(--highlight-keyword) */
87
- color: #015692;
88
- }
89
-
90
- .hljs-built_in,
91
- .hljs-title,
92
- .hljs-literal {
93
- /* var(--highlight-literal) */
94
- color: #905;
95
- }
96
-
97
- .hljs-bullet,
98
- .hljs-code {
99
- /* var(--highlight-punctuation) */
100
- color: #535a60;
101
- }
102
-
103
- .hljs-meta .hljs-string {
104
- /* var(--highlight-variable) */
105
- color: #54790d;
106
- }
107
-
108
- .hljs-deletion {
109
- /* var(--highlight-deletion) */
110
- color: #c02d2e;
111
- }
112
-
113
- .hljs-addition {
114
- /* var(--highlight-addition) */
115
- color: #2f6f44;
116
- }
117
-
118
- .hljs-emphasis {
119
- font-style: italic;
120
- }
121
-
122
- .hljs-strong {
123
- font-weight: bold;
124
- }
125
-
126
- .hljs-formula,
127
- .hljs-operator,
128
- .hljs-params,
129
- .hljs-property,
130
- .hljs-punctuation,
131
- .hljs-tag {
132
- /* purposely ignored */
133
- }
21
+ /* var(--highlight-color) */
22
+ color: #2f3337;
23
+ /* var(--highlight-bg) */
24
+ background: #f4f2f0;
25
+ }
26
+
27
+ .hljs-subst {
28
+ /* var(--highlight-color) */
29
+ color: #2f3337;
30
+ }
31
+
32
+ .hljs-comment {
33
+ /* var(--highlight-comment) */
34
+ color: #656e77;
35
+ }
36
+
37
+ .hljs-keyword,
38
+ .hljs-selector-tag,
39
+ .hljs-meta .hljs-keyword,
40
+ .hljs-doctag,
41
+ .hljs-section {
42
+ /* var(--highlight-keyword) */
43
+ color: #015692;
44
+ }
45
+
46
+ .hljs-attr {
47
+ /* var(--highlight-attribute); */
48
+ color: #015692;
49
+ }
50
+
51
+ .hljs-attribute {
52
+ /* var(--highlight-symbol) */
53
+ color: #803378;
54
+ }
55
+
56
+ .hljs-name,
57
+ .hljs-type,
58
+ .hljs-number,
59
+ .hljs-selector-id,
60
+ .hljs-quote,
61
+ .hljs-template-tag {
62
+ /* var(--highlight-namespace) */
63
+ color: #905;
64
+ }
65
+
66
+ .hljs-selector-class {
67
+ /* var(--highlight-keyword) */
68
+ color: #015692;
69
+ }
70
+
71
+ .hljs-string,
72
+ .hljs-regexp,
73
+ .hljs-symbol,
74
+ .hljs-variable,
75
+ .hljs-template-variable,
76
+ .hljs-link,
77
+ .hljs-selector-attr {
78
+ /* var(--highlight-variable) */
79
+ color: #54790d;
80
+ }
81
+
82
+ .hljs-meta,
83
+ .hljs-selector-pseudo {
84
+ /* var(--highlight-keyword) */
85
+ color: #015692;
86
+ }
87
+
88
+ .hljs-built_in,
89
+ .hljs-title,
90
+ .hljs-literal {
91
+ /* var(--highlight-literal) */
92
+ color: #905;
93
+ }
94
+
95
+ .hljs-bullet,
96
+ .hljs-code {
97
+ /* var(--highlight-punctuation) */
98
+ color: #535a60;
99
+ }
100
+
101
+ .hljs-meta .hljs-string {
102
+ /* var(--highlight-variable) */
103
+ color: #54790d;
104
+ }
105
+
106
+ .hljs-deletion {
107
+ /* var(--highlight-deletion) */
108
+ color: #c02d2e;
109
+ }
110
+
111
+ .hljs-addition {
112
+ /* var(--highlight-addition) */
113
+ color: #2f6f44;
114
+ }
115
+
116
+ .hljs-emphasis {
117
+ font-style: italic;
118
+ }
119
+
120
+ .hljs-strong {
121
+ font-weight: bold;
122
+ }
123
+
124
+ .hljs-formula,
125
+ .hljs-operator,
126
+ .hljs-params,
127
+ .hljs-property,
128
+ .hljs-punctuation,
129
+ .hljs-tag {
130
+ /* purposely ignored */
131
+ }
134
132
 
135
133
  :root.dark {
136
- /*
134
+ /*
137
135
 
138
136
  Atom One Dark by Daniel Gamage
139
137
  Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
@@ -153,78 +151,78 @@ hue-6-2: #e6c07b
153
151
 
154
152
  */
155
153
 
156
- .hljs {
157
- color: #abb2bf;
158
- background: #282c34;
159
- }
160
-
161
- .hljs-comment,
162
- .hljs-quote {
163
- color: #5c6370;
164
- font-style: italic;
165
- }
166
-
167
- .hljs-doctag,
168
- .hljs-keyword,
169
- .hljs-formula {
170
- color: #c678dd;
171
- }
172
-
173
- .hljs-section,
174
- .hljs-name,
175
- .hljs-selector-tag,
176
- .hljs-deletion,
177
- .hljs-subst {
178
- color: #e06c75;
179
- }
180
-
181
- .hljs-literal {
182
- color: #56b6c2;
183
- }
184
-
185
- .hljs-string,
186
- .hljs-regexp,
187
- .hljs-addition,
188
- .hljs-attribute,
189
- .hljs-meta .hljs-string {
190
- color: #98c379;
191
- }
192
-
193
- .hljs-attr,
194
- .hljs-variable,
195
- .hljs-template-variable,
196
- .hljs-type,
197
- .hljs-selector-class,
198
- .hljs-selector-attr,
199
- .hljs-selector-pseudo,
200
- .hljs-number {
201
- color: #d19a66;
202
- }
203
-
204
- .hljs-symbol,
205
- .hljs-bullet,
206
- .hljs-link,
207
- .hljs-meta,
208
- .hljs-selector-id,
209
- .hljs-title {
210
- color: #61aeee;
211
- }
212
-
213
- .hljs-built_in,
214
- .hljs-title.class_,
215
- .hljs-class .hljs-title {
216
- color: #e6c07b;
217
- }
218
-
219
- .hljs-emphasis {
220
- font-style: italic;
221
- }
222
-
223
- .hljs-strong {
224
- font-weight: bold;
225
- }
226
-
227
- .hljs-link {
228
- text-decoration: underline;
229
- }
230
- }
154
+ .hljs {
155
+ color: #abb2bf;
156
+ background: #282c34;
157
+ }
158
+
159
+ .hljs-comment,
160
+ .hljs-quote {
161
+ color: #5c6370;
162
+ font-style: italic;
163
+ }
164
+
165
+ .hljs-doctag,
166
+ .hljs-keyword,
167
+ .hljs-formula {
168
+ color: #c678dd;
169
+ }
170
+
171
+ .hljs-section,
172
+ .hljs-name,
173
+ .hljs-selector-tag,
174
+ .hljs-deletion,
175
+ .hljs-subst {
176
+ color: #e06c75;
177
+ }
178
+
179
+ .hljs-literal {
180
+ color: #56b6c2;
181
+ }
182
+
183
+ .hljs-string,
184
+ .hljs-regexp,
185
+ .hljs-addition,
186
+ .hljs-attribute,
187
+ .hljs-meta .hljs-string {
188
+ color: #98c379;
189
+ }
190
+
191
+ .hljs-attr,
192
+ .hljs-variable,
193
+ .hljs-template-variable,
194
+ .hljs-type,
195
+ .hljs-selector-class,
196
+ .hljs-selector-attr,
197
+ .hljs-selector-pseudo,
198
+ .hljs-number {
199
+ color: #d19a66;
200
+ }
201
+
202
+ .hljs-symbol,
203
+ .hljs-bullet,
204
+ .hljs-link,
205
+ .hljs-meta,
206
+ .hljs-selector-id,
207
+ .hljs-title {
208
+ color: #61aeee;
209
+ }
210
+
211
+ .hljs-built_in,
212
+ .hljs-title.class_,
213
+ .hljs-class .hljs-title {
214
+ color: #e6c07b;
215
+ }
216
+
217
+ .hljs-emphasis {
218
+ font-style: italic;
219
+ }
220
+
221
+ .hljs-strong {
222
+ font-weight: bold;
223
+ }
224
+
225
+ .hljs-link {
226
+ text-decoration: underline;
227
+ }
228
+ }