tera-system-ui 0.0.48 → 0.0.50

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.
@@ -1 +1,3 @@
1
1
  export { default as DialogAstro } from '../components/dialog/Dialog.astro';
2
+ export { default as TeraFontSansSerif } from '../components/fonts/TeraFontSansSerif.astro';
3
+ export { default as TeraFontMono } from '../components/fonts/TeraFontMono.astro';
@@ -1 +1,3 @@
1
1
  export { default as DialogAstro } from '../components/dialog/Dialog.astro';
2
+ export { default as TeraFontSansSerif } from '../components/fonts/TeraFontSansSerif.astro';
3
+ export { default as TeraFontMono } from '../components/fonts/TeraFontMono.astro';
@@ -0,0 +1,4 @@
1
+ ---
2
+ // Supports weights 100-700
3
+ import '@fontsource-variable/roboto-mono';
4
+ ---
@@ -0,0 +1,4 @@
1
+ <script lang="ts">
2
+ // Supports weights 100-700
3
+ import '@fontsource-variable/roboto-mono';
4
+ </script>
@@ -0,0 +1,19 @@
1
+ import '@fontsource-variable/roboto-mono';
2
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
+ $$bindings?: Bindings;
5
+ } & Exports;
6
+ (internal: unknown, props: {
7
+ $$events?: Events;
8
+ $$slots?: Slots;
9
+ }): Exports & {
10
+ $set?: any;
11
+ $on?: any;
12
+ };
13
+ z_$$bindings?: Bindings;
14
+ }
15
+ declare const TeraFontMono: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
16
+ [evt: string]: CustomEvent<any>;
17
+ }, {}, {}, string>;
18
+ type TeraFontMono = InstanceType<typeof TeraFontMono>;
19
+ export default TeraFontMono;
@@ -0,0 +1,5 @@
1
+ ---
2
+ // Supports weights 300-800
3
+ import '@fontsource-variable/open-sans';
4
+ import '@fontsource-variable/open-sans/wght-italic.css';
5
+ ---
@@ -0,0 +1,5 @@
1
+ <script lang="ts">
2
+ // Supports weights 300-800
3
+ import '@fontsource-variable/open-sans';
4
+ import '@fontsource-variable/open-sans/wght-italic.css';
5
+ </script>
@@ -0,0 +1,20 @@
1
+ import '@fontsource-variable/open-sans';
2
+ import '@fontsource-variable/open-sans/wght-italic.css';
3
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
4
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
5
+ $$bindings?: Bindings;
6
+ } & Exports;
7
+ (internal: unknown, props: {
8
+ $$events?: Events;
9
+ $$slots?: Slots;
10
+ }): Exports & {
11
+ $set?: any;
12
+ $on?: any;
13
+ };
14
+ z_$$bindings?: Bindings;
15
+ }
16
+ declare const TeraFontSansSerif: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
17
+ [evt: string]: CustomEvent<any>;
18
+ }, {}, {}, string>;
19
+ type TeraFontSansSerif = InstanceType<typeof TeraFontSansSerif>;
20
+ export default TeraFontSansSerif;
@@ -0,0 +1,2 @@
1
+ export { default as TeraFontSansSerif } from './TeraFontSansSerif.svelte';
2
+ export { default as TeraFontMono } from './TeraFontMono.svelte';
@@ -0,0 +1,2 @@
1
+ export { default as TeraFontSansSerif } from './TeraFontSansSerif.svelte';
2
+ export { default as TeraFontMono } from './TeraFontMono.svelte';
package/dist/index.d.ts CHANGED
@@ -5,6 +5,7 @@ export { Combobox } from './components/combobox';
5
5
  export { Command } from './components/command';
6
6
  export { Dialog } from './components/dialog';
7
7
  export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu';
8
+ export { TeraFontSansSerif, TeraFontMono } from './components/fonts';
8
9
  export { Header } from './components/header';
9
10
  export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCoin, IconCoinConvert, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconLogout, IconMoon, IconPointFilled, IconSearch, IconSettings, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
10
11
  export { Input } from './components/input';
package/dist/index.js CHANGED
@@ -5,6 +5,7 @@ export { Combobox } from './components/combobox';
5
5
  export { Command } from './components/command';
6
6
  export { Dialog } from './components/dialog';
7
7
  export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu';
8
+ export { TeraFontSansSerif, TeraFontMono } from './components/fonts';
8
9
  export { Header } from './components/header';
9
10
  export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCoin, IconCoinConvert, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconLogout, IconMoon, IconPointFilled, IconSearch, IconSettings, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
10
11
  export { Input } from './components/input';
@@ -30,7 +30,10 @@ body {
30
30
  color: theme(colors.neutral.token.13);
31
31
  }
32
32
 
33
-
33
+ :root {
34
+ --font-sans: "Open Sans Variable", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
35
+ --font-mono: "Roboto Mono Variable", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New";
36
+ }
34
37
 
35
38
  @layer components {
36
39
  .border,
@@ -148,6 +148,10 @@ module.exports = {
148
148
  },
149
149
  transitionDuration: {
150
150
  "element-react": '350ms'
151
+ },
152
+ fontFamily: {
153
+ sans: ['Open Sans Variable', 'ui-sans-serif', 'system-ui', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'],
154
+ mono: ['Roboto Mono Variable', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New']
151
155
  }
152
156
  }
153
157
  }
@@ -149,5 +149,9 @@ export namespace theme {
149
149
  let transitionDuration: {
150
150
  "element-react": string;
151
151
  };
152
+ namespace fontFamily {
153
+ let sans: string[];
154
+ let mono: string[];
155
+ }
152
156
  }
153
157
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tera-system-ui",
3
- "version": "0.0.48",
3
+ "version": "0.0.50",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",
@@ -67,40 +67,42 @@
67
67
  "peerDependencies": {
68
68
  "svelte": "^5.0.0"
69
69
  },
70
- "devDependencies": {
71
- "@chromatic-com/storybook": "^3.2.2",
72
- "@storybook/addon-essentials": "^8.4.4",
73
- "@storybook/addon-interactions": "^8.4.4",
74
- "@storybook/addon-links": "^8.4.4",
75
- "@storybook/addon-styling": "^1.3.7",
76
- "@storybook/addon-svelte-csf": "^5.0.0-next.8",
77
- "@storybook/addon-themes": "^8.4.4",
78
- "@storybook/addon-viewport": "^8.4.4",
79
- "@storybook/blocks": "^8.4.4",
80
- "@storybook/svelte": "^8.4.4",
81
- "@storybook/sveltekit": "^8.4.4",
82
- "@storybook/test": "^8.4.4",
83
- "@sveltejs/adapter-auto": "^3.3.1",
84
- "@sveltejs/kit": "^2.8.1",
85
- "@sveltejs/package": "^2.3.7",
86
- "@sveltejs/vite-plugin-svelte": "^4.0.1",
87
- "npx": "^10.2.2",
88
- "publint": "^0.2.12",
89
- "sass-embedded": "^1.81.0",
90
- "storybook": "^8.4.4",
91
- "svelte": "^5.2.1",
92
- "svelte-check": "^4.0.8",
93
- "tailwindcss": "^3.4.15",
94
- "typescript": "^5.6.3",
95
- "vite": "^5.4.11"
96
- },
97
- "dependencies": {
98
- "@floating-ui/dom": "^1.6.12",
99
- "@inlang/paraglide-sveltekit": "0.11.5",
100
- "@tabler/icons-svelte": "^3.22.0",
101
- "clsx": "^2.1.1",
102
- "autoprefixer": "^10.4.20",
103
- "@inlang/paraglide-js": "1.11.3",
104
- "tailwind-variants": "^0.3.0"
105
- }
70
+ "devDependencies": {
71
+ "@chromatic-com/storybook": "^3.2.2",
72
+ "@storybook/addon-essentials": "^8.4.4",
73
+ "@storybook/addon-interactions": "^8.4.4",
74
+ "@storybook/addon-links": "^8.4.4",
75
+ "@storybook/addon-styling": "^1.3.7",
76
+ "@storybook/addon-svelte-csf": "^5.0.0-next.8",
77
+ "@storybook/addon-themes": "^8.4.4",
78
+ "@storybook/addon-viewport": "^8.4.4",
79
+ "@storybook/blocks": "^8.4.4",
80
+ "@storybook/svelte": "^8.4.4",
81
+ "@storybook/sveltekit": "^8.4.4",
82
+ "@storybook/test": "^8.4.4",
83
+ "@sveltejs/adapter-auto": "^3.3.1",
84
+ "@sveltejs/kit": "^2.8.1",
85
+ "@sveltejs/package": "^2.3.7",
86
+ "@sveltejs/vite-plugin-svelte": "^4.0.1",
87
+ "npx": "^10.2.2",
88
+ "publint": "^0.2.12",
89
+ "sass-embedded": "^1.81.0",
90
+ "storybook": "^8.4.4",
91
+ "svelte": "^5.2.1",
92
+ "svelte-check": "^4.0.8",
93
+ "tailwindcss": "^3.4.15",
94
+ "typescript": "^5.6.3",
95
+ "vite": "^5.4.11"
96
+ },
97
+ "dependencies": {
98
+ "@floating-ui/dom": "^1.6.12",
99
+ "@fontsource-variable/open-sans": "^5.1.0",
100
+ "@fontsource-variable/roboto-mono": "^5.1.0",
101
+ "@inlang/paraglide-js": "1.11.3",
102
+ "@inlang/paraglide-sveltekit": "0.11.5",
103
+ "@tabler/icons-svelte": "^3.22.0",
104
+ "autoprefixer": "^10.4.20",
105
+ "clsx": "^2.1.1",
106
+ "tailwind-variants": "^0.3.0"
107
+ }
106
108
  }