tera-system-ui 0.0.68 → 0.0.71

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 (6) hide show
  1. package/dist/components/brand-logo/BrandLogo.svelte +2 -0
  2. package/dist/components/button/Button.d.ts +2 -2
  3. package/dist/components/button/Button.js +5 -5
  4. package/dist/components/light-dark-toggle/LightDarkToggle.svelte +2 -0
  5. package/dist/components/side-navigation/SideNavigation.svelte +1 -1
  6. package/package.json +1 -1
package/dist/components/brand-logo/BrandLogo.svelte CHANGED
@@ -7,6 +7,7 @@
7
7
 
8
8
  {#if shape === 'square'}
9
9
  <svg data-name="brand-logo" data-shape="square" class={styles({ theme, shape, ...props })} viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
10
+ <title>MathDa</title>
10
11
  <path class="main-part-container"
11
12
  d="M43.633 0H12.151C5.44017 0 0 5.46124 0 12.198V43.802C0 50.5388 5.44017 56 12.151 56H43.633C50.3438 56 55.784 50.5388 55.784 43.802V12.198C55.784 5.46124 50.3438 0 43.633 0Z"
12
13
  fill="#006FEE"/>
@@ -16,6 +17,7 @@
16
17
  </svg>
17
18
  {:else }
18
19
  <svg data-name="brand-logo" class={styles({ theme, shape, ...props })} viewBox="0 0 228 56" fill="none" xmlns="http://www.w3.org/2000/svg">
20
+ <title>MathDa</title>
19
21
  <path class="second-part"
20
22
  d="M159.288 47.077C157.705 47.077 156.563 46.8368 155.864 46.3562C155.197 45.9224 154.722 45.2472 154.538 44.4711C154.349 43.6531 154.257 42.8157 154.262 41.976V13.3107C154.261 12.5108 154.335 11.7125 154.483 10.9265C154.558 10.5391 154.709 10.1705 154.927 9.84207C155.145 9.51368 155.426 9.23209 155.753 9.01367C156.453 8.51466 157.65 8.28363 159.343 8.3206H168.843C171.386 8.30614 173.905 8.81566 176.244 9.81763C178.536 10.7967 180.625 12.1977 182.403 13.9483C184.184 15.698 185.61 17.7789 186.6 20.0751C187.616 22.4186 188.133 24.9491 188.119 27.5048C188.137 30.1145 187.62 32.7001 186.6 35.1008C184.604 39.7936 180.886 43.5358 176.217 45.5523C173.835 46.5776 171.268 47.0968 168.678 47.077H159.288ZM164.369 36.9305H168.843C170.456 36.9425 172.041 36.5111 173.427 35.683C174.803 34.8748 175.953 33.7304 176.769 32.3562C177.601 30.9577 178.031 29.3553 178.012 27.7265C178.029 26.0893 177.599 24.4787 176.769 23.0691C175.959 21.6828 174.808 20.528 173.427 19.7147C172.023 18.8816 170.419 18.4502 168.788 18.4671H164.369V36.9305ZM227.113 40.0909C227.665 41.1998 227.96 42.1424 227.996 42.9186C228.019 43.2913 227.967 43.6647 227.843 44.017C227.72 44.3693 227.528 44.6933 227.278 44.9701C226.763 45.5615 225.934 46.1529 224.793 46.7444C223.026 47.5945 221.663 47.8625 220.706 47.5483C219.748 47.2341 218.846 46.1714 217.999 44.3602L208.61 25.0651L199.331 44.4156C198.447 46.1529 197.527 47.1787 196.57 47.4929C195.612 47.8071 194.268 47.5391 192.538 46.6889C191.601 46.2777 190.749 45.6948 190.025 44.9701C189.768 44.6972 189.569 44.3745 189.441 44.0217C189.312 43.6689 189.257 43.2935 189.279 42.9186C189.316 42.1424 189.61 41.1998 190.163 40.0909L204.026 11.2592C204.465 10.3754 205.145 9.6351 205.987 9.12456C206.786 8.60816 207.715 8.32943 208.665 8.3206C209.3 8.31507 209.929 8.43763 210.516 8.68099C211.096 8.92763 211.629 9.27483 212.09 9.70673C212.577 10.1619 212.971 10.7081 213.25 11.3147L227.113 40.0909ZM199.883 39.0929L204.081 30.4434H213.194L217.392 39.0929H199.883Z"
21
23
  fill="#006FEE"/>
package/dist/components/button/Button.d.ts CHANGED
@@ -19,7 +19,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
19
19
  dangerous: {
20
20
  true: string;
21
21
  };
22
- }, undefined, "relative overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none", import("tailwind-variants/dist/config").TVConfig<{
22
+ }, undefined, "relative font-medium overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none", import("tailwind-variants/dist/config").TVConfig<{
23
23
  variant: {
24
24
  primary: string;
25
25
  secondary: string;
@@ -99,7 +99,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
99
99
  dangerous: {
100
100
  true: string;
101
101
  };
102
- }, undefined, "relative overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none", import("tailwind-variants/dist/config").TVConfig<{
102
+ }, undefined, "relative font-medium overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none", import("tailwind-variants/dist/config").TVConfig<{
103
103
  variant: {
104
104
  primary: string;
105
105
  secondary: string;
package/dist/components/button/Button.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { tv } from "tailwind-variants";
2
2
  export const styles = tv({
3
- base: 'relative overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none',
3
+ base: 'relative font-medium overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none',
4
4
  variants: {
5
5
  variant: {
6
- primary: 'bg-primary-600 text-neutral-1 border border-primary-600 hover:bg-primary-700 focus:ring-primary-token-9 [&:after]:bg-black',
7
- secondary: 'bg-neutral-token-1 text-neutral-token-13 border-neutral-token-7 border hover:bg-neutral-token-3 focus:ring-neutral-token-7',
6
+ primary: 'bg-primary-700 text-neutral-1 border border-primary-700 hover:bg-primary-800 focus:ring-primary-token-9 [&:after]:bg-black',
7
+ secondary: 'bg-neutral-token-4 text-neutral-token-13 border-neutral-token-4 border hover:bg-neutral-token-5 focus:ring-neutral-token-7',
8
8
  ghost: 'text-neutral-token-13 hover:bg-neutral-token-3 focus:ring-neutral-token-7',
9
9
  },
10
10
  size: {
@@ -13,7 +13,7 @@ export const styles = tv({
13
13
  lg: 'h-10 px-3 gap-1.5 [&>svg]:size-icon-md',
14
14
  },
15
15
  disabled: {
16
- true: 'bg-neutral-token-3 text-neutral-token-7 border border-neutral-token-6 pointer-events-none',
16
+ true: 'bg-neutral-token-3 text-neutral-token-7 border border-neutral-token-3 pointer-events-none',
17
17
  },
18
18
  icon: {
19
19
  true: 'px-0 '
@@ -28,7 +28,7 @@ export const styles = tv({
28
28
  dangerous: true,
29
29
  // @ts-ignore
30
30
  disabled: [false, undefined],
31
- class: 'bg-error-600 text-neutral-1 border border-error-600 hover:bg-error-700 focus:ring-error-400'
31
+ class: 'bg-error-700 text-neutral-1 border border-error-700 hover:bg-error-800 focus:ring-error-400'
32
32
  },
33
33
  {
34
34
  variant: 'secondary',
package/dist/components/light-dark-toggle/LightDarkToggle.svelte CHANGED
@@ -28,6 +28,8 @@
28
28
 
29
29
  <!--add component here-->
30
30
  <Button variant="ghost" icon
31
+ aria-label="Toggle light/dark mode"
32
+ {...props}
31
33
  onclick={toggleLightDarkTheme}>
32
34
  <!-- Sun icon, animates out when in dark mode -->
33
35
  <IconSun class="icon-sun dark:hidden"/>
package/dist/components/side-navigation/SideNavigation.svelte CHANGED
@@ -14,7 +14,6 @@
14
14
  import IconBook from "../icons/IconBook.svelte";
15
15
  import IconTransform from "../icons/IconTransform.svelte";
16
16
  import IconCalculator from "../icons/IconCalculator.svelte";
17
- import {LightDarkToggle} from "../light-dark-toggle";
18
17
  import * as m from '../../paraglide/messages.js'
19
18
 
20
19
  import {getGlobalContext} from "../tera-ui-context/global-context";
@@ -98,6 +97,7 @@
98
97
  >
99
98
  <div class="flex mt-2 gap-1 items-center">
100
99
  <Button variant="ghost" ring={false}
100
+ aria-label="Toggle side navigation"
101
101
  onclick={toggleSideNavigation}
102
102
  >
103
103
  <IconHamburger/>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tera-system-ui",
3
- "version": "0.0.68",
3
+ "version": "0.0.71",
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",