@vueless/storybook 1.2.10 → 1.2.11

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 (29) hide show
  1. package/.storybook-js/manager.js +5 -4
  2. package/.storybook-js/preview.js +13 -8
  3. package/.storybook-js/theme/theme.css +37 -0
  4. package/.storybook-js/theme/theme.js +30 -0
  5. package/.storybook-js/vite.config.js +1 -1
  6. package/.storybook-ts/manager.ts +5 -4
  7. package/.storybook-ts/preview.ts +13 -8
  8. package/.storybook-ts/theme/theme.css +38 -0
  9. package/.storybook-ts/theme/theme.ts +31 -0
  10. package/.storybook-ts/vite.config.ts +1 -1
  11. package/decorators/storyDarkModeDecorator.js +8 -7
  12. package/index.browser.js +5 -1
  13. package/index.d.ts +3 -2
  14. package/index.js +6 -0
  15. package/package.json +12 -10
  16. package/theme/getThemeDark.js +47 -0
  17. package/theme/getThemeLight.js +47 -0
  18. package/theme/getThemeLightPreview.js +42 -0
  19. package/theme/manager.css +200 -0
  20. package/{.storybook-ts/themes → theme}/preview.css +185 -146
  21. package/.storybook-js/themes/manager.css +0 -123
  22. package/.storybook-js/themes/preview.css +0 -608
  23. package/.storybook-js/themes/themeDark.js +0 -44
  24. package/.storybook-js/themes/themeLight.js +0 -44
  25. package/.storybook-js/themes/themeLightPreview.js +0 -40
  26. package/.storybook-ts/themes/manager.css +0 -123
  27. package/.storybook-ts/themes/themeDark.ts +0 -45
  28. package/.storybook-ts/themes/themeLight.ts +0 -45
  29. package/.storybook-ts/themes/themeLightPreview.ts +0 -41
package/.storybook-js/themes/manager.css DELETED
@@ -1,123 +0,0 @@
1
- /* -------------------- Storybook config tooltip -------------------- */
2
-
3
- div[data-testid="tooltip"] {
4
- border-radius: 8px;
5
- overflow: hidden;
6
- }
7
-
8
- div[data-testid="tooltip"] a[id]:hover,
9
- div[data-testid="tooltip"] button[id]:hover {
10
- background-color: rgb(17 24 39 / 5%) !important;
11
- }
12
-
13
- .dark div[data-testid="tooltip"] a[id]:hover,
14
- .dark div[data-testid="tooltip"] button[id]:hover {
15
- background-color: rgb(255 255 255 / 5%) !important;
16
- }
17
-
18
- /* -------------------- Storybook sidebar -------------------- */
19
-
20
- .dark .sidebar-container {
21
- background: #020713;
22
- }
23
-
24
- .sidebar-header img {
25
- width: 150px;
26
- }
27
-
28
- .sidebar-header a:focus {
29
- border: 1px solid transparent;
30
- }
31
-
32
- .sidebar-item {
33
- border-radius: 6px !important;
34
- }
35
-
36
- .dark .sidebar-item:hover {
37
- background: #101828 !important;
38
- }
39
-
40
- .dark .sidebar-item[data-selected="true"],
41
- .dark .sidebar-item[data-selected="true"]:hover {
42
- background: #1f2937 !important;
43
- }
44
-
45
- .search-field,
46
- .search-result-item {
47
- border-radius: 8px !important;
48
- }
49
-
50
- .sidebar-item,
51
- .search-result-item {
52
- text-transform: capitalize;
53
- }
54
-
55
- .light .sidebar-item svg[type="component"],
56
- .light .search-result-item svg[type="component"],
57
- .dark .search-result-item mark {
58
- color: #10b981;
59
- font-weight: 600;
60
- }
61
-
62
- .dark .sidebar-item svg[type="component"],
63
- .dark .search-result-item svg[type="component"],
64
- .light .search-result-item mark {
65
- color: #059669;
66
- font-weight: 600;
67
- }
68
-
69
- .light .sidebar-item svg[type="document"],
70
- .light .sidebar-item svg[type="story"],
71
- .light .search-result-item svg[type="document"],
72
- .light .search-result-item svg[type="story"] {
73
- color: #9ca3af;
74
- }
75
-
76
- .dark .sidebar-item svg[type="document"],
77
- .dark .sidebar-item svg[type="story"],
78
- .dark .search-result-item svg[type="document"],
79
- .dark .search-result-item svg[type="story"] {
80
- color: #4b5563;
81
- }
82
-
83
- .light .search-result-item--label {
84
- color: #6b7280; /* text-gray-600 */
85
- }
86
-
87
- .dark .search-result-item--label {
88
- color: #a8abb0; /* text-gray-400 */
89
- }
90
-
91
- #sidebar-bottom-wrapper {
92
- display: none;
93
- }
94
-
95
- /* -------------------- Storybook args -------------------- */
96
-
97
- .dark,
98
- .dark #panel-tab-content div,
99
- .dark .docblock-argstable-body > tr > td {
100
- background: #030712 !important;
101
- }
102
-
103
- .light,
104
- .light #panel-tab-content div,
105
- .light .docblock-argstable-body > tr > td {
106
- background: #f9fafb !important;
107
- }
108
-
109
- .dark .docblock-argstable-head > tr {
110
- background: #1e293b !important;
111
- }
112
-
113
- .dark .docblock-argstable-body tr > td textarea,
114
- .dark .docblock-argstable-body tr > td select,
115
- .dark .docblock-argstable-body tr > td:last-child button:not([tabindex="-1"]) {
116
- background: #111827;
117
- border: solid 1px #1f2937;
118
- box-shadow: none;
119
- }
120
-
121
- .light .docblock-argstable-body tr > td:last-child button:not([tabindex="-1"]) {
122
- background: white;
123
- }