@hyvor/design 0.0.66 → 0.0.68

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 (129) hide show
  1. package/dist/components/ActionList/ActionList.svelte +2 -7
  2. package/dist/components/ActionList/ActionListGroup.svelte +24 -29
  3. package/dist/components/ActionList/ActionListItem.svelte +86 -88
  4. package/dist/components/ActionList/Selected.svelte +17 -20
  5. package/dist/components/Avatar/Avatar.svelte +7 -11
  6. package/dist/components/Avatar/AvatarStack.svelte +16 -20
  7. package/dist/components/Base/Base.svelte +3 -3
  8. package/dist/components/Box/Box.svelte +8 -8
  9. package/dist/components/Button/Button.svelte +33 -42
  10. package/dist/components/Button/ButtonGroup.svelte +6 -6
  11. package/dist/components/Callout/Callout.svelte +88 -86
  12. package/dist/components/Callout/Callout.svelte.d.ts +1 -0
  13. package/dist/components/Checkbox/Checkbox.svelte +113 -121
  14. package/dist/components/CodeBlock/CodeBlock.svelte +26 -23
  15. package/dist/components/CodeBlock/getCode.js +6 -6
  16. package/dist/components/CodeBlock/hljs.scss +189 -191
  17. package/dist/components/CodeBlock/prism.scss +370 -7
  18. package/dist/components/ColorPicker/ColorPicker.svelte +42 -42
  19. package/dist/components/Dark/DarkProvider.svelte +9 -9
  20. package/dist/components/Dark/DarkToggle.svelte +7 -10
  21. package/dist/components/Divider/Divider.svelte +6 -7
  22. package/dist/components/Dropdown/Dropdown.svelte +33 -108
  23. package/dist/components/Dropdown/DropdownContent.svelte +120 -0
  24. package/dist/components/Dropdown/DropdownContent.svelte.d.ts +24 -0
  25. package/dist/components/FormControl/Caption.svelte +9 -9
  26. package/dist/components/FormControl/FormControl.svelte +18 -18
  27. package/dist/components/FormControl/InputGroup.svelte +7 -8
  28. package/dist/components/FormControl/Label.svelte +5 -5
  29. package/dist/components/FormControl/Validation.svelte +18 -16
  30. package/dist/components/FormControl/Validation.svelte.d.ts +1 -1
  31. package/dist/components/HyvorBar/BarProducts.svelte +52 -0
  32. package/dist/components/HyvorBar/BarProducts.svelte.d.ts +39 -0
  33. package/dist/components/HyvorBar/BarSupport.svelte +119 -0
  34. package/dist/components/HyvorBar/BarSupport.svelte.d.ts +19 -0
  35. package/dist/components/HyvorBar/BarUpdates.svelte +58 -0
  36. package/dist/components/HyvorBar/BarUpdates.svelte.d.ts +18 -0
  37. package/dist/components/HyvorBar/BarUpdatesList.svelte +134 -0
  38. package/dist/components/HyvorBar/BarUpdatesList.svelte.d.ts +18 -0
  39. package/dist/components/HyvorBar/BarUser.svelte +60 -0
  40. package/dist/components/HyvorBar/BarUser.svelte.d.ts +16 -0
  41. package/dist/components/HyvorBar/BarUserPreview.svelte +42 -0
  42. package/dist/components/HyvorBar/BarUserPreview.svelte.d.ts +14 -0
  43. package/dist/components/HyvorBar/HyvorBar.svelte +150 -0
  44. package/dist/components/HyvorBar/HyvorBar.svelte.d.ts +19 -0
  45. package/dist/components/HyvorBar/bar.d.ts +33 -0
  46. package/dist/components/HyvorBar/bar.js +74 -0
  47. package/dist/components/HyvorBar/img/G2.svelte +9 -0
  48. package/dist/components/HyvorBar/img/G2.svelte.d.ts +23 -0
  49. package/dist/components/HyvorBar/img/Trustpilot.svelte +11 -0
  50. package/dist/components/HyvorBar/img/Trustpilot.svelte.d.ts +23 -0
  51. package/dist/components/IconButton/IconButton.svelte +19 -23
  52. package/dist/components/IconMessage/IconMessage.svelte +84 -47
  53. package/dist/components/IconMessage/IconMessage.svelte.d.ts +9 -1
  54. package/dist/components/Internationalization/InternationalizationProvider.svelte +2 -2
  55. package/dist/components/Internationalization/InternationalizationProvider.svelte.d.ts +1 -1
  56. package/dist/components/Internationalization/LanguageToggle.svelte +33 -36
  57. package/dist/components/Internationalization/LanguageToggle.svelte.d.ts +2 -2
  58. package/dist/components/Internationalization/T.svelte.d.ts +3 -3
  59. package/dist/components/Internationalization/i18n.d.ts +4 -4
  60. package/dist/components/Internationalization/i18n.js +13 -11
  61. package/dist/components/Internationalization/t.d.ts +3 -3
  62. package/dist/components/Internationalization/t.js +4 -4
  63. package/dist/components/Internationalization/types.d.ts +1 -1
  64. package/dist/components/Link/Link.svelte +53 -58
  65. package/dist/components/Loader/LoadButton.svelte +15 -29
  66. package/dist/components/Loader/Loader.svelte +56 -69
  67. package/dist/components/Modal/ConfirmModalProvider.svelte +18 -36
  68. package/dist/components/Modal/Modal.svelte +134 -164
  69. package/dist/components/Modal/ModalFooter.svelte +23 -26
  70. package/dist/components/Modal/confirm.d.ts +1 -1
  71. package/dist/components/Modal/confirm.js +4 -4
  72. package/dist/components/Modal/modal-types.d.ts +2 -2
  73. package/dist/components/NavLink/NavLink.svelte +78 -86
  74. package/dist/components/Radio/Radio.svelte +23 -31
  75. package/dist/components/Slider/Slider.svelte +71 -80
  76. package/dist/components/Slider/Slider.svelte.d.ts +0 -1
  77. package/dist/components/SplitControl/SplitControl.svelte +28 -42
  78. package/dist/components/Switch/Switch.svelte +60 -65
  79. package/dist/components/TabNav/TabNav.svelte +6 -10
  80. package/dist/components/TabNav/TabNavItem.svelte +36 -43
  81. package/dist/components/Table/Table.svelte +7 -4
  82. package/dist/components/Table/TableRow.svelte +23 -23
  83. package/dist/components/Tag/Tag.svelte +28 -36
  84. package/dist/components/Text/Text.svelte +15 -22
  85. package/dist/components/TextInput/TextInput.svelte +26 -26
  86. package/dist/components/Textarea/Textarea.svelte +42 -50
  87. package/dist/components/Textarea/Textarea.svelte.d.ts +1 -1
  88. package/dist/components/Toast/ToastIcon.svelte +29 -31
  89. package/dist/components/Toast/ToastMessage.svelte +33 -39
  90. package/dist/components/Toast/ToastProvider.svelte +16 -16
  91. package/dist/components/Toast/cleaner.js +5 -5
  92. package/dist/components/Toast/toast.d.ts +2 -2
  93. package/dist/components/Toast/toast.js +10 -10
  94. package/dist/components/Tooltip/Tooltip.svelte +82 -83
  95. package/dist/components/directives/clickOutside.js +4 -4
  96. package/dist/components/directives/debounce.d.ts +1 -0
  97. package/dist/components/directives/debounce.js +8 -0
  98. package/dist/components/index.d.ts +1 -0
  99. package/dist/components/index.js +1 -0
  100. package/dist/index.css +31 -33
  101. package/dist/marketing/Container/Container.svelte +8 -8
  102. package/dist/marketing/Docs/Content/Content.svelte +8 -7
  103. package/dist/marketing/Docs/Content/DocsImage.svelte +52 -62
  104. package/dist/marketing/Docs/Docs.svelte +21 -24
  105. package/dist/marketing/Docs/Nav/Nav.svelte +21 -22
  106. package/dist/marketing/Docs/Nav/NavCategory.svelte +28 -28
  107. package/dist/marketing/Docs/Nav/NavItem.svelte +21 -24
  108. package/dist/marketing/Docs/Sidebar/Sidebar.svelte +22 -25
  109. package/dist/marketing/Docs/Toc.svelte +17 -19
  110. package/dist/marketing/Document/Document.svelte +59 -0
  111. package/dist/marketing/Document/Document.svelte.d.ts +19 -0
  112. package/dist/marketing/Document/DocumentTitle.svelte +63 -0
  113. package/dist/marketing/Document/DocumentTitle.svelte.d.ts +20 -0
  114. package/dist/marketing/Footer/Footer.svelte +111 -119
  115. package/dist/marketing/Footer/FooterLinkList.svelte +24 -26
  116. package/dist/marketing/Header/Header.svelte +7 -15
  117. package/dist/marketing/Logo/LogoBlogs.svelte +41 -0
  118. package/dist/marketing/Logo/LogoBlogs.svelte.d.ts +16 -0
  119. package/dist/marketing/Logo/LogoCore.svelte +41 -0
  120. package/dist/marketing/Logo/LogoCore.svelte.d.ts +16 -0
  121. package/dist/marketing/Logo/LogoFortguard.svelte +49 -0
  122. package/dist/marketing/Logo/LogoFortguard.svelte.d.ts +16 -0
  123. package/dist/marketing/Logo/LogoTalk.svelte +27 -0
  124. package/dist/marketing/Logo/LogoTalk.svelte.d.ts +16 -0
  125. package/dist/marketing/index.d.ts +1 -0
  126. package/dist/marketing/index.js +1 -0
  127. package/dist/stores/dark.js +8 -8
  128. package/dist/variables.scss +41 -48
  129. 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
+ }