@rovula/ui 0.1.3 → 0.1.5

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 (66) hide show
  1. package/dist/cjs/bundle.css +158 -42
  2. package/dist/cjs/bundle.js +4 -4
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +3 -0
  5. package/dist/cjs/types/components/InputFilter/InputFilter.stories.d.ts +3 -0
  6. package/dist/cjs/types/components/MaskedTextInput/MaskedTextInput.d.ts +3 -0
  7. package/dist/cjs/types/components/MaskedTextInput/MaskedTextInput.stories.d.ts +6 -0
  8. package/dist/cjs/types/components/PasswordInput/PasswordInput.stories.d.ts +3 -0
  9. package/dist/cjs/types/components/Search/Search.stories.d.ts +3 -0
  10. package/dist/cjs/types/components/Switch/Switch.d.ts +3 -1
  11. package/dist/cjs/types/components/Switch/Switch.stories.d.ts +12 -4
  12. package/dist/cjs/types/components/Switch/Switch.styles.d.ts +7 -0
  13. package/dist/cjs/types/components/TextInput/TextInput.d.ts +6 -0
  14. package/dist/cjs/types/components/TextInput/TextInput.stories.d.ts +9 -0
  15. package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +4 -0
  16. package/dist/cjs/types/components/Toast/Toast.d.ts +1 -0
  17. package/dist/cjs/types/components/Toast/Toast.stories.d.ts +14 -0
  18. package/dist/cjs/types/components/Toast/Toast.styles.d.ts +1 -0
  19. package/dist/components/PasswordInput/PasswordInput.js +2 -2
  20. package/dist/components/PasswordInput/PasswordInput.stories.js +1 -1
  21. package/dist/components/Switch/Switch.js +4 -17
  22. package/dist/components/Switch/Switch.stories.js +12 -2
  23. package/dist/components/Switch/Switch.styles.js +39 -0
  24. package/dist/components/TextInput/TextInput.js +28 -7
  25. package/dist/components/TextInput/TextInput.stories.js +13 -0
  26. package/dist/components/TextInput/TextInput.styles.js +26 -4
  27. package/dist/components/Toast/Toast.js +5 -5
  28. package/dist/components/Toast/Toast.stories.js +11 -2
  29. package/dist/components/Toast/Toast.styles.js +38 -6
  30. package/dist/components/Toast/Toaster.js +17 -1
  31. package/dist/esm/bundle.css +158 -42
  32. package/dist/esm/bundle.js +4 -4
  33. package/dist/esm/bundle.js.map +1 -1
  34. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +3 -0
  35. package/dist/esm/types/components/InputFilter/InputFilter.stories.d.ts +3 -0
  36. package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.d.ts +3 -0
  37. package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.stories.d.ts +6 -0
  38. package/dist/esm/types/components/PasswordInput/PasswordInput.stories.d.ts +3 -0
  39. package/dist/esm/types/components/Search/Search.stories.d.ts +3 -0
  40. package/dist/esm/types/components/Switch/Switch.d.ts +3 -1
  41. package/dist/esm/types/components/Switch/Switch.stories.d.ts +12 -4
  42. package/dist/esm/types/components/Switch/Switch.styles.d.ts +7 -0
  43. package/dist/esm/types/components/TextInput/TextInput.d.ts +6 -0
  44. package/dist/esm/types/components/TextInput/TextInput.stories.d.ts +9 -0
  45. package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +4 -0
  46. package/dist/esm/types/components/Toast/Toast.d.ts +1 -0
  47. package/dist/esm/types/components/Toast/Toast.stories.d.ts +14 -0
  48. package/dist/esm/types/components/Toast/Toast.styles.d.ts +1 -0
  49. package/dist/index.d.ts +13 -1
  50. package/dist/src/theme/global.css +208 -89
  51. package/package.json +1 -1
  52. package/src/components/PasswordInput/PasswordInput.stories.tsx +1 -1
  53. package/src/components/PasswordInput/PasswordInput.tsx +2 -2
  54. package/src/components/Switch/Switch.stories.tsx +33 -2
  55. package/src/components/Switch/Switch.styles.ts +48 -0
  56. package/src/components/Switch/Switch.tsx +68 -45
  57. package/src/components/TextInput/TextInput.stories.tsx +82 -0
  58. package/src/components/TextInput/TextInput.styles.ts +36 -17
  59. package/src/components/TextInput/TextInput.tsx +40 -11
  60. package/src/components/Toast/Toast.stories.tsx +12 -2
  61. package/src/components/Toast/Toast.styles.tsx +38 -6
  62. package/src/components/Toast/Toast.tsx +7 -7
  63. package/src/components/Toast/Toaster.tsx +26 -4
  64. package/src/theme/themes/xspector/baseline.css +0 -1
  65. package/src/theme/tokens/components/switch.css +10 -11
  66. package/src/theme/themes/xspector/components/switch.css +0 -30
package/src/theme/tokens/components/switch.css CHANGED
@@ -7,24 +7,23 @@
7
7
  /* ------------------------------------------------------------------ */
8
8
 
9
9
  /* Default State */
10
- --switch-default-color: rgb(from var(--state-color-tertiary-active) r g b / 0.32);
11
- --switch-thumb-default-color: var(--state-color-tertiary-active);
10
+ --switch-default-color: rgb(from var(--grey-grey-100, #9e9e9e) r g b / 0.32);
11
+ --switch-thumb-default-color: var(--grey-grey-100, #9e9e9e);
12
+ --switch-thumb-filter: drop-shadow(0 2px 8px rgba(145, 158, 171, 0.24));
12
13
 
13
14
  /* Hover State */
14
- --switch-hover-color: rgb(from var(--state-color-tertiary-active) r g b / 0.48);
15
- --switch-thumb-hover-color: var(--switch-thumb-default-color);
16
- --switch-thumb-hover-ring: var(--state-color-tertiary-hover-bg);
15
+ --switch-hover-color: rgb(from var(--grey-grey-80, #b1b1b1) r g b / 0.48);
16
+ --switch-thumb-hover-color: var(--grey-grey-80, #b1b1b1);
17
17
 
18
18
  /* Active State */
19
- --switch-active-color: rgb(from var(--state-color-secondary-active) r g b / 0.32);
20
- --switch-thumb-active-color: var(--state-color-secondary-active);
19
+ --switch-active-color: rgb(from var(--state-color-primary-active) r g b / 0.32);
20
+ --switch-thumb-active-color: var(--state-color-primary-active, #ddcd00);
21
21
 
22
22
  /* Active Hover State */
23
- --switch-active-hover-color: rgb(from var(--state-color-secondary-active) r g b / 0.48);
24
- --switch-thumb-active-hover-color: var(--switch-thumb-active-color);
25
- --switch-thumb-active-hover-ring: var(--state-color-secondary-hover-bg);
23
+ --switch-active-hover-color: rgb(from var(--state-color-primary-text-hover) r g b / 0.48);
24
+ --switch-thumb-active-hover-color: var(--state-color-primary-text-hover);
26
25
 
27
26
  /* Disabled State */
28
27
  --switch-disabled-color: rgb(from var(--state-color-disable-solid) r g b / 0.32);
29
- --switch-thumb-disabled-color: var(--state-color-disable-solid)
28
+ --switch-thumb-disabled-color: var(--state-color-disable-solid, #454f5b);
30
29
  }
package/src/theme/themes/xspector/components/switch.css DELETED
@@ -1,30 +0,0 @@
1
- :root[data-theme="xspector"] {
2
- /* ------------------------------------------------------------------ */
3
- /* Switch Component Tokens */
4
- /* ------------------------------------------------------------------ */
5
- /* Naming Convention: --[component]-[element]-[state]-[property] */
6
- /* Element: [progress, track] */
7
- /* ------------------------------------------------------------------ */
8
-
9
- /* Default State */
10
- --switch-default-color: rgb(from var(--state-color-secondary-active) r g b / 0.32);
11
- --switch-thumb-default-color: var(--state-color-secondary-active);
12
-
13
- /* Hover State */
14
- --switch-hover-color: rgb(from var(--state-color-secondary-active) r g b / 0.48);
15
- --switch-thumb-hover-color: var(--switch-thumb-default-color);
16
- --switch-thumb-hover-ring: var(--state-color-secondary-hover-bg);
17
-
18
- /* Active State */
19
- --switch-active-color: rgb(from var(--state-color-primary-active) r g b / 0.32);
20
- --switch-thumb-active-color: var(--state-color-primary-active);
21
-
22
- /* Active Hover State */
23
- --switch-active-hover-color: rgb(from var(--state-color-primary-active) r g b / 0.48);
24
- --switch-thumb-active-hover-color: var(--switch-thumb-active-color);
25
- --switch-thumb-active-hover-ring: var(--state-color-primary-hover-bg);
26
-
27
- /* Disabled State */
28
- --switch-disabled-color: rgb(from var(--state-color-disable-solid) r g b / 0.32);
29
- --switch-thumb-disabled-color: var(--state-color-disable-solid)
30
- }