@vueless/storybook 0.0.62 → 0.0.63

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 (4) hide show
  1. package/.storybook/themes/themeDark.js +19 -19
  2. package/.storybook/themes/themeLight.js +19 -19
  3. package/.storybook/themes/themeLightDocs.js +20 -20
  4. package/package.json +2 -2
package/.storybook/themes/themeDark.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { create } from "@storybook/theming/create";
2
- import colors from "tailwindcss/colors.js";
2
+ import { TAILWIND_COLORS } from "vueless/constants.js";
3
3
 
4
4
  export default create({
5
5
  base: "dark",
@@ -14,33 +14,33 @@ export default create({
14
14
  brandTarget: "_blank",
15
15
 
16
16
  // Main colors
17
- colorPrimary: colors.gray["200"],
18
- colorSecondary: colors.gray["700"],
17
+ colorPrimary: TAILWIND_COLORS.cool["200"],
18
+ colorSecondary: TAILWIND_COLORS.cool["700"],
19
19
 
20
20
  // UI
21
- appBg: colors.gray["900"],
22
- appPreviewBg: colors.gray["900"],
23
- appBorderColor: colors.gray["900"],
21
+ appBg: TAILWIND_COLORS.cool["900"],
22
+ appPreviewBg: TAILWIND_COLORS.cool["900"],
23
+ appBorderColor: TAILWIND_COLORS.cool["900"],
24
24
  appBorderRadius: 0,
25
25
 
26
26
  // Text colors
27
- textColor: colors.gray["300"],
28
- textInverseColor: colors.gray["800"],
27
+ textColor: TAILWIND_COLORS.cool["300"],
28
+ textInverseColor: TAILWIND_COLORS.cool["800"],
29
29
 
30
30
  // Toolbar default and active colors
31
- barTextColor: colors.gray["500"],
32
- barHoverColor: colors.gray["400"],
33
- barSelectedColor: colors.gray["300"],
34
- barBg: colors.gray["950"],
31
+ barTextColor: TAILWIND_COLORS.cool["500"],
32
+ barHoverColor: TAILWIND_COLORS.cool["400"],
33
+ barSelectedColor: TAILWIND_COLORS.cool["300"],
34
+ barBg: TAILWIND_COLORS.cool["950"],
35
35
 
36
36
  // Form colors
37
- inputBg: colors.gray["950"],
38
- inputBorder: colors.gray["600"],
39
- inputTextColor: colors.gray["100"],
37
+ inputBg: TAILWIND_COLORS.cool["950"],
38
+ inputBorder: TAILWIND_COLORS.cool["600"],
39
+ inputTextColor: TAILWIND_COLORS.cool["100"],
40
40
  inputBorderRadius: 4,
41
41
 
42
- buttonBg: colors.gray["800"],
43
- buttonBorder: colors.gray["800"],
44
- booleanBg: colors.gray["900"],
45
- booleanSelectedBg: colors.gray["800"],
42
+ buttonBg: TAILWIND_COLORS.cool["800"],
43
+ buttonBorder: TAILWIND_COLORS.cool["800"],
44
+ booleanBg: TAILWIND_COLORS.cool["900"],
45
+ booleanSelectedBg: TAILWIND_COLORS.cool["800"],
46
46
  });
package/.storybook/themes/themeLight.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { create } from "@storybook/theming/create";
2
- import colors from "tailwindcss/colors.js";
2
+ import { TAILWIND_COLORS } from "vueless/constants.js";
3
3
 
4
4
  export default create({
5
5
  base: "light",
@@ -14,33 +14,33 @@ export default create({
14
14
  brandTarget: "_blank",
15
15
 
16
16
  // Main colors
17
- colorPrimary: colors.gray["900"],
18
- colorSecondary: colors.gray["500"],
17
+ colorPrimary: TAILWIND_COLORS.cool["900"],
18
+ colorSecondary: TAILWIND_COLORS.cool["500"],
19
19
 
20
20
  // UI
21
- appBg: colors.white,
22
- appPreviewBg: colors.gray["50"],
23
- appBorderColor: colors.gray["300"],
21
+ appBg: TAILWIND_COLORS.white,
22
+ appPreviewBg: TAILWIND_COLORS.cool["50"],
23
+ appBorderColor: TAILWIND_COLORS.cool["300"],
24
24
  appBorderRadius: 0,
25
25
 
26
26
  // Text colors
27
- textColor: colors.gray["900"],
28
- textInverseColor: colors.gray["900"],
27
+ textColor: TAILWIND_COLORS.cool["900"],
28
+ textInverseColor: TAILWIND_COLORS.cool["900"],
29
29
 
30
30
  // Toolbar default and active colors
31
- barTextColor: colors.gray["500"],
32
- barHoverColor: colors.gray["600"],
33
- barSelectedColor: colors.gray["700"],
34
- barBg: colors.gray["50"],
31
+ barTextColor: TAILWIND_COLORS.cool["500"],
32
+ barHoverColor: TAILWIND_COLORS.cool["600"],
33
+ barSelectedColor: TAILWIND_COLORS.cool["700"],
34
+ barBg: TAILWIND_COLORS.cool["50"],
35
35
 
36
36
  // Form colors
37
- inputBg: colors.white,
38
- inputBorder: colors.gray["300"],
39
- inputTextColor: colors.gray["900"],
37
+ inputBg: TAILWIND_COLORS.white,
38
+ inputBorder: TAILWIND_COLORS.cool["300"],
39
+ inputTextColor: TAILWIND_COLORS.cool["900"],
40
40
  inputBorderRadius: 4,
41
41
 
42
- buttonBg: colors.gray["100"],
43
- buttonBorder: colors.gray["200"],
44
- booleanBg: colors.gray["50"],
45
- booleanSelectedBg: colors.gray["200"],
42
+ buttonBg: TAILWIND_COLORS.cool["100"],
43
+ buttonBorder: TAILWIND_COLORS.cool["200"],
44
+ booleanBg: TAILWIND_COLORS.cool["50"],
45
+ booleanSelectedBg: TAILWIND_COLORS.cool["200"],
46
46
  });
package/.storybook/themes/themeLightDocs.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { create } from "@storybook/theming/create";
2
- import colors from "tailwindcss/colors.js";
2
+ import { TAILWIND_COLORS } from "vueless/constants.js";
3
3
 
4
4
  export default create({
5
5
  base: "light",
@@ -8,34 +8,34 @@ export default create({
8
8
  fontCode: "monospace",
9
9
 
10
10
  // Main colors
11
- colorPrimary: colors.gray["900"],
12
- colorSecondary: colors.gray["500"],
11
+ colorPrimary: TAILWIND_COLORS.cool["900"],
12
+ colorSecondary: TAILWIND_COLORS.cool["500"],
13
13
 
14
14
  // UI
15
- appBg: colors.gray["100"],
16
- appPreviewBg: colors.gray["50"],
17
- appBorderColor: colors.gray["200"],
18
- appContentBg: colors.gray["50"],
15
+ appBg: TAILWIND_COLORS.cool["100"],
16
+ appPreviewBg: TAILWIND_COLORS.cool["50"],
17
+ appBorderColor: TAILWIND_COLORS.cool["200"],
18
+ appContentBg: TAILWIND_COLORS.cool["50"],
19
19
  appBorderRadius: 8,
20
20
 
21
21
  // Text colors
22
- textColor: colors.gray["900"],
23
- textInverseColor: colors.gray["50"],
22
+ textColor: TAILWIND_COLORS.cool["900"],
23
+ textInverseColor: TAILWIND_COLORS.cool["50"],
24
24
 
25
25
  // Toolbar default and active colors
26
- barTextColor: colors.gray["500"],
27
- barHoverColor: colors.gray["600"],
28
- barSelectedColor: colors.gray["700"],
29
- barBg: colors.white,
26
+ barTextColor: TAILWIND_COLORS.cool["500"],
27
+ barHoverColor: TAILWIND_COLORS.cool["600"],
28
+ barSelectedColor: TAILWIND_COLORS.cool["700"],
29
+ barBg: TAILWIND_COLORS.white,
30
30
 
31
31
  // Form colors
32
- inputBg: colors.white,
33
- inputBorder: colors.gray["300"],
34
- inputTextColor: colors.gray["900"],
32
+ inputBg: TAILWIND_COLORS.white,
33
+ inputBorder: TAILWIND_COLORS.cool["300"],
34
+ inputTextColor: TAILWIND_COLORS.cool["900"],
35
35
  inputBorderRadius: 4,
36
36
 
37
- buttonBg: colors.gray["100"],
38
- buttonBorder: colors.gray["200"],
39
- booleanBg: colors.gray["50"],
40
- booleanSelectedBg: colors.gray["200"],
37
+ buttonBg: TAILWIND_COLORS.cool["100"],
38
+ buttonBorder: TAILWIND_COLORS.cool["200"],
39
+ booleanBg: TAILWIND_COLORS.cool["50"],
40
+ booleanSelectedBg: TAILWIND_COLORS.cool["200"],
41
41
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vueless/storybook",
3
- "version": "0.0.62",
3
+ "version": "0.0.63",
4
4
  "description": "Simplifies Storybook configuration for Vueless UI library.",
5
5
  "homepage": "https://vueless.com",
6
6
  "author": "Johnny Grid",
@@ -54,7 +54,7 @@
54
54
  "prettier-eslint": "^16.3.0",
55
55
  "release-it": "^17.2.1",
56
56
  "vue-router": "^4.3.2",
57
- "vueless": "^0.0.589"
57
+ "vueless": "^0.0.692"
58
58
  },
59
59
  "resolutions": {
60
60
  "jackspeak": "2.3.6"