UNPKG

fluent-svelte-extra

Version:

A faithful implementation of Microsoft's Fluent Design System in Svelte.

github.com/OpenAnime/fluent-svelte-extra

OpenAnime/fluent-svelte-extra

176 lines • 9.04 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
{ "name": "fluent-svelte-extra", "version": "2.1.1", "description": "A faithful implementation of Microsoft's Fluent Design System in Svelte.", "homepage": "https://github.com/OpenAnime/fluent-svelte-extra", "license": "MIT", "author": { "name": "SpongeBed", "url": "https://github.com/SpongeBed81" }, "keywords": [ "design", "design-system", "design-language", "microsoft", "fluent", "fluentui", "fluent-design", "fluent-design-system", "svelte", "svelte3", "sveltejs", "svelte-component", "svelte-components", "ui-components", "winui", "windows" ], "repository": { "type": "git", "url": "https://github.com/OpenAnime/fluent-svelte-extra.git" }, "bugs": { "url": "https://github.com/OpenAnime/fluent-svelte-extra/issues" }, "devDependencies": { "@fec/remark-a11y-emoji": "^3.1.0", "@fluentui/svg-icons": "^1.1.166", "@sveltejs/adapter-vercel": "next", "@sveltejs/kit": "^1.0.0-next.310", "@sveltejs/svelte-repl": "^0.2.2", "@types/prismjs": "^1.26.0", "autoprefixer": "^10.4.4", "cssnano": "^5.1.7", "mdsvex": "^0.9.8", "mdsvexamples": "0.2.3", "panzoom": "^9.4.2", "postcss": "^8.4.12", "postcss-variables-prefixer": "^1.1.1", "prettier": "^2.6.2", "prettier-plugin-svelte": "^2.7.0", "prism-svelte": "^0.4.7", "prismjs": "^1.27.0", "rehype-slug": "^5.0.1", "remark-github": "^11.2.2", "sass": "^1.50.0", "svelte": "^3.58.0", "svelte-check": "^3.6.9", "svelte-codesandbox": "^1.0.0", "svelte-preprocess": "^4.10.5", "svelte2tsx": "^0.4.14", "tslib": "^2.3.1", "typescript": "^4.6.3", "vite-node": "^0.1.27", "vite-plugin-sveld": "^1.0.3" }, "dependencies": { "@bulatdashiev/svelte-slider": "^1.0.3", "@sveltejs/adapter-auto": "^3.1.1", "fluent-svelte": "^1.6.0", "focus-trap": "^6.7.3", "tabbable": "^5.2.1" }, "type": "module", "exports": { "./package.json": "./package.json", "./Acrylic/AcrylicSurface.scss": "./Acrylic/AcrylicSurface.scss", "./Acrylic/AcrylicSurface.svelte": "./Acrylic/AcrylicSurface.svelte", "./AutoSuggestBox/AutoSuggestBox.scss": "./AutoSuggestBox/AutoSuggestBox.scss", "./AutoSuggestBox/AutoSuggestBox.svelte": "./AutoSuggestBox/AutoSuggestBox.svelte", "./Button/Button.scss": "./Button/Button.scss", "./Button/Button.svelte": "./Button/Button.svelte", "./CalendarDatePicker/CalendarDatePicker.scss": "./CalendarDatePicker/CalendarDatePicker.scss", "./CalendarDatePicker/CalendarDatePicker.svelte": "./CalendarDatePicker/CalendarDatePicker.svelte", "./CalendarView/CalendarView.scss": "./CalendarView/CalendarView.scss", "./CalendarView/CalendarView.svelte": "./CalendarView/CalendarView.svelte", "./CalendarView/CalendarViewItem.scss": "./CalendarView/CalendarViewItem.scss", "./CalendarView/CalendarViewItem.svelte": "./CalendarView/CalendarViewItem.svelte", "./Checkbox/Checkbox.scss": "./Checkbox/Checkbox.scss", "./Checkbox/Checkbox.svelte": "./Checkbox/Checkbox.svelte", "./ComboBox/ComboBox.scss": "./ComboBox/ComboBox.scss", "./ComboBox/ComboBox.svelte": "./ComboBox/ComboBox.svelte", "./ComboBox/ComboBoxItem.scss": "./ComboBox/ComboBoxItem.scss", "./ComboBox/ComboBoxItem.svelte": "./ComboBox/ComboBoxItem.svelte", "./ContentDialog/ContentDialog.scss": "./ContentDialog/ContentDialog.scss", "./ContentDialog/ContentDialog.svelte": "./ContentDialog/ContentDialog.svelte", "./ContextMenu/ContextMenu.scss": "./ContextMenu/ContextMenu.scss", "./ContextMenu/ContextMenu.svelte": "./ContextMenu/ContextMenu.svelte", "./Expander/Expander.scss": "./Expander/Expander.scss", "./Expander/Expander.svelte": "./Expander/Expander.svelte", "./ExpandMenu/ExpandMenu.svelte": "./ExpandMenu/ExpandMenu.svelte", "./Flipper/Flipper.svelte": "./Flipper/Flipper.svelte", "./Flyout/FlyoutSurface.scss": "./Flyout/FlyoutSurface.scss", "./Flyout/FlyoutSurface.svelte": "./Flyout/FlyoutSurface.svelte", "./Flyout/FlyoutWrapper.scss": "./Flyout/FlyoutWrapper.scss", "./Flyout/FlyoutWrapper.svelte": "./Flyout/FlyoutWrapper.svelte", "./GridView/GridViewItem.scss": "./GridView/GridViewItem.scss", "./GridView/GridViewItem.svelte": "./GridView/GridViewItem.svelte", "./IconButton/IconButton.scss": "./IconButton/IconButton.scss", "./IconButton/IconButton.svelte": "./IconButton/IconButton.svelte", ".": "./index.js", "./InfoBadge/InfoBadge.scss": "./InfoBadge/InfoBadge.scss", "./InfoBadge/InfoBadge.svelte": "./InfoBadge/InfoBadge.svelte", "./InfoBar/InfoBar.scss": "./InfoBar/InfoBar.scss", "./InfoBar/InfoBar.svelte": "./InfoBar/InfoBar.svelte", "./internal": "./internal.js", "./ListItem/ListItem.scss": "./ListItem/ListItem.scss", "./ListItem/ListItem.svelte": "./ListItem/ListItem.svelte", "./MenuBar/flyoutState": "./MenuBar/flyoutState.js", "./MenuBar/MenuBar.scss": "./MenuBar/MenuBar.scss", "./MenuBar/MenuBar.svelte": "./MenuBar/MenuBar.svelte", "./MenuBar/MenuBarItem.scss": "./MenuBar/MenuBarItem.scss", "./MenuBar/MenuBarItem.svelte": "./MenuBar/MenuBarItem.svelte", "./MenuFlyout/MenuFlyoutDivider.scss": "./MenuFlyout/MenuFlyoutDivider.scss", "./MenuFlyout/MenuFlyoutDivider.svelte": "./MenuFlyout/MenuFlyoutDivider.svelte", "./MenuFlyout/MenuFlyoutItem.scss": "./MenuFlyout/MenuFlyoutItem.scss", "./MenuFlyout/MenuFlyoutItem.svelte": "./MenuFlyout/MenuFlyoutItem.svelte", "./MenuFlyout/MenuFlyoutSurface.scss": "./MenuFlyout/MenuFlyoutSurface.scss", "./MenuFlyout/MenuFlyoutSurface.svelte": "./MenuFlyout/MenuFlyoutSurface.svelte", "./MenuFlyout/MenuFlyoutWrapper.scss": "./MenuFlyout/MenuFlyoutWrapper.scss", "./MenuFlyout/MenuFlyoutWrapper.svelte": "./MenuFlyout/MenuFlyoutWrapper.svelte", "./NavigationView/NavigationView.scss": "./NavigationView/NavigationView.scss", "./NavigationView/NavigationView.svelte": "./NavigationView/NavigationView.svelte", "./NumberBox/NumberBox.scss": "./NumberBox/NumberBox.scss", "./NumberBox/NumberBox.svelte": "./NumberBox/NumberBox.svelte", "./PersonPicture/PersonPicture.scss": "./PersonPicture/PersonPicture.scss", "./PersonPicture/PersonPicture.svelte": "./PersonPicture/PersonPicture.svelte", "./ProgressBar/ProgressBar.scss": "./ProgressBar/ProgressBar.scss", "./ProgressBar/ProgressBar.svelte": "./ProgressBar/ProgressBar.svelte", "./ProgressRing/ProgressRing.scss": "./ProgressRing/ProgressRing.scss", "./ProgressRing/ProgressRing.svelte": "./ProgressRing/ProgressRing.svelte", "./RadioButton/RadioButton.scss": "./RadioButton/RadioButton.scss", "./RadioButton/RadioButton.svelte": "./RadioButton/RadioButton.svelte", "./RangeSlider/RangeSlider.svelte": "./RangeSlider/RangeSlider.svelte", "./ScrollView/ScrollView.svelte": "./ScrollView/ScrollView.svelte", "./SegmentedControl/SegmentedControl.scss": "./SegmentedControl/SegmentedControl.scss", "./SegmentedControl/SegmentedControl.svelte": "./SegmentedControl/SegmentedControl.svelte", "./SegmentedControl/SegmentedControlButton.scss": "./SegmentedControl/SegmentedControlButton.scss", "./SegmentedControl/SegmentedControlButton.svelte": "./SegmentedControl/SegmentedControlButton.svelte", "./Slider/Slider.scss": "./Slider/Slider.scss", "./Slider/Slider.svelte": "./Slider/Slider.svelte", "./SplitButton/SplitButton.scss": "./SplitButton/SplitButton.scss", "./SplitButton/SplitButton.svelte": "./SplitButton/SplitButton.svelte", "./switchable.css": "./switchable.css", "./TeachingTip/TeachingTipSurface.scss": "./TeachingTip/TeachingTipSurface.scss", "./TeachingTip/TeachingTipSurface.svelte": "./TeachingTip/TeachingTipSurface.svelte", "./TeachingTip/TeachingTipWrapper.scss": "./TeachingTip/TeachingTipWrapper.scss", "./TeachingTip/TeachingTipWrapper.svelte": "./TeachingTip/TeachingTipWrapper.svelte", "./TextArea/TextArea.scss": "./TextArea/TextArea.scss", "./TextArea/TextArea.svelte": "./TextArea/TextArea.svelte", "./TextBlock/TextBlock.scss": "./TextBlock/TextBlock.scss", "./TextBlock/TextBlock.svelte": "./TextBlock/TextBlock.svelte", "./TextBox/TextBox.scss": "./TextBox/TextBox.scss", "./TextBox/TextBox.svelte": "./TextBox/TextBox.svelte", "./TextBox/TextBoxButton.scss": "./TextBox/TextBoxButton.scss", "./TextBox/TextBoxButton.svelte": "./TextBox/TextBoxButton.svelte", "./theme.css": "./theme.css", "./ToggleSwitch/ToggleSwitch.scss": "./ToggleSwitch/ToggleSwitch.scss", "./ToggleSwitch/ToggleSwitch.svelte": "./ToggleSwitch/ToggleSwitch.svelte", "./Tooltip/TooltipSurface.scss": "./Tooltip/TooltipSurface.scss", "./Tooltip/TooltipSurface.svelte": "./Tooltip/TooltipSurface.svelte", "./Tooltip/TooltipWrapper.scss": "./Tooltip/TooltipWrapper.scss", "./Tooltip/TooltipWrapper.svelte": "./Tooltip/TooltipWrapper.svelte" }, "svelte": "./index.js" }