@rovula/ui 0.1.2 → 0.1.4

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 (105) hide show
  1. package/dist/cjs/bundle.css +436 -111
  2. package/dist/cjs/bundle.js +4 -4
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/ActionButton/ActionButton.d.ts +4 -2
  5. package/dist/cjs/types/components/ActionButton/ActionButton.stories.d.ts +30 -8
  6. package/dist/cjs/types/components/ActionButton/ActionButton.styles.d.ts +2 -1
  7. package/dist/cjs/types/components/Avatar/Avatar.styles.d.ts +1 -1
  8. package/dist/cjs/types/components/Button/Button.d.ts +4 -2
  9. package/dist/cjs/types/components/Button/Button.styles.d.ts +2 -1
  10. package/dist/cjs/types/components/Button/Buttons.stories.d.ts +71 -6
  11. package/dist/cjs/types/components/Checkbox/Checkbox.stories.d.ts +13 -9
  12. package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +3 -0
  13. package/dist/cjs/types/components/InputFilter/InputFilter.stories.d.ts +3 -0
  14. package/dist/cjs/types/components/MaskedTextInput/MaskedTextInput.d.ts +3 -0
  15. package/dist/cjs/types/components/MaskedTextInput/MaskedTextInput.stories.d.ts +6 -0
  16. package/dist/cjs/types/components/PasswordInput/PasswordInput.stories.d.ts +3 -0
  17. package/dist/cjs/types/components/RadioGroup/RadioGroup.stories.d.ts +10 -7
  18. package/dist/cjs/types/components/Search/Search.stories.d.ts +3 -0
  19. package/dist/cjs/types/components/Switch/Switch.d.ts +3 -1
  20. package/dist/cjs/types/components/Switch/Switch.stories.d.ts +12 -4
  21. package/dist/cjs/types/components/Switch/Switch.styles.d.ts +7 -0
  22. package/dist/cjs/types/components/TextInput/TextInput.d.ts +6 -0
  23. package/dist/cjs/types/components/TextInput/TextInput.stories.d.ts +9 -0
  24. package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +4 -0
  25. package/dist/cjs/types/components/Toast/Toast.d.ts +1 -0
  26. package/dist/cjs/types/components/Toast/Toast.stories.d.ts +14 -0
  27. package/dist/cjs/types/components/Toast/Toast.styles.d.ts +1 -0
  28. package/dist/components/ActionButton/ActionButton.js +2 -1
  29. package/dist/components/ActionButton/ActionButton.stories.js +40 -7
  30. package/dist/components/ActionButton/ActionButton.styles.js +77 -17
  31. package/dist/components/Button/Button.js +9 -2
  32. package/dist/components/Button/Button.styles.js +51 -14
  33. package/dist/components/Button/Buttons.stories.js +55 -0
  34. package/dist/components/Checkbox/Checkbox.js +6 -7
  35. package/dist/components/Checkbox/Checkbox.stories.js +23 -1
  36. package/dist/components/InputFilter/InputFilter.js +1 -1
  37. package/dist/components/InputFilter/InputFilter.styles.js +1 -1
  38. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  39. package/dist/components/RadioGroup/RadioGroup.stories.js +16 -1
  40. package/dist/components/Switch/Switch.js +4 -17
  41. package/dist/components/Switch/Switch.stories.js +12 -2
  42. package/dist/components/Switch/Switch.styles.js +39 -0
  43. package/dist/components/TextInput/TextInput.js +28 -7
  44. package/dist/components/TextInput/TextInput.stories.js +13 -0
  45. package/dist/components/TextInput/TextInput.styles.js +22 -0
  46. package/dist/components/Toast/Toast.js +5 -5
  47. package/dist/components/Toast/Toast.stories.js +11 -2
  48. package/dist/components/Toast/Toast.styles.js +38 -6
  49. package/dist/components/Toast/Toaster.js +17 -1
  50. package/dist/esm/bundle.css +436 -111
  51. package/dist/esm/bundle.js +115 -115
  52. package/dist/esm/bundle.js.map +1 -1
  53. package/dist/esm/types/components/ActionButton/ActionButton.d.ts +4 -2
  54. package/dist/esm/types/components/ActionButton/ActionButton.stories.d.ts +30 -8
  55. package/dist/esm/types/components/ActionButton/ActionButton.styles.d.ts +2 -1
  56. package/dist/esm/types/components/Avatar/Avatar.styles.d.ts +1 -1
  57. package/dist/esm/types/components/Button/Button.d.ts +4 -2
  58. package/dist/esm/types/components/Button/Button.styles.d.ts +2 -1
  59. package/dist/esm/types/components/Button/Buttons.stories.d.ts +71 -6
  60. package/dist/esm/types/components/Checkbox/Checkbox.stories.d.ts +13 -9
  61. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +3 -0
  62. package/dist/esm/types/components/InputFilter/InputFilter.stories.d.ts +3 -0
  63. package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.d.ts +3 -0
  64. package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.stories.d.ts +6 -0
  65. package/dist/esm/types/components/PasswordInput/PasswordInput.stories.d.ts +3 -0
  66. package/dist/esm/types/components/RadioGroup/RadioGroup.stories.d.ts +10 -7
  67. package/dist/esm/types/components/Search/Search.stories.d.ts +3 -0
  68. package/dist/esm/types/components/Switch/Switch.d.ts +3 -1
  69. package/dist/esm/types/components/Switch/Switch.stories.d.ts +12 -4
  70. package/dist/esm/types/components/Switch/Switch.styles.d.ts +7 -0
  71. package/dist/esm/types/components/TextInput/TextInput.d.ts +6 -0
  72. package/dist/esm/types/components/TextInput/TextInput.stories.d.ts +9 -0
  73. package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +4 -0
  74. package/dist/esm/types/components/Toast/Toast.d.ts +1 -0
  75. package/dist/esm/types/components/Toast/Toast.stories.d.ts +14 -0
  76. package/dist/esm/types/components/Toast/Toast.styles.d.ts +1 -0
  77. package/dist/index.d.ts +19 -4
  78. package/dist/src/theme/global.css +557 -167
  79. package/package.json +1 -1
  80. package/src/components/ActionButton/ActionButton.stories.tsx +105 -149
  81. package/src/components/ActionButton/ActionButton.styles.ts +78 -18
  82. package/src/components/ActionButton/ActionButton.tsx +7 -2
  83. package/src/components/Button/Button.styles.ts +51 -14
  84. package/src/components/Button/Button.tsx +11 -2
  85. package/src/components/Button/Buttons.stories.tsx +235 -0
  86. package/src/components/Checkbox/Checkbox.stories.tsx +50 -4
  87. package/src/components/Checkbox/Checkbox.tsx +12 -8
  88. package/src/components/InputFilter/InputFilter.styles.ts +2 -2
  89. package/src/components/InputFilter/InputFilter.tsx +21 -24
  90. package/src/components/RadioGroup/RadioGroup.stories.tsx +43 -4
  91. package/src/components/RadioGroup/RadioGroup.tsx +1 -1
  92. package/src/components/Switch/Switch.stories.tsx +33 -2
  93. package/src/components/Switch/Switch.styles.ts +48 -0
  94. package/src/components/Switch/Switch.tsx +68 -45
  95. package/src/components/TextInput/TextInput.stories.tsx +82 -0
  96. package/src/components/TextInput/TextInput.styles.ts +22 -0
  97. package/src/components/TextInput/TextInput.tsx +40 -11
  98. package/src/components/Toast/Toast.stories.tsx +12 -2
  99. package/src/components/Toast/Toast.styles.tsx +38 -6
  100. package/src/components/Toast/Toast.tsx +7 -7
  101. package/src/components/Toast/Toaster.tsx +26 -4
  102. package/src/theme/themes/variable.css +1 -1
  103. package/src/theme/themes/xspector/baseline.css +0 -1
  104. package/src/theme/tokens/components/switch.css +10 -11
  105. 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
- }