@vueless/storybook 0.0.62 → 0.0.64

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 (5) 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/index.js +2 -2
  5. 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/index.js CHANGED
@@ -11,7 +11,7 @@ const parsedArgs = parseArgs(args);
11
11
 
12
12
  const __dirname = path.dirname(new URL(import.meta.url).pathname);
13
13
  const source = path.join(__dirname, ".storybook");
14
- const target = path.join(cwd(), ".storybook-backup");
14
+ const target = path.join(cwd(), ".storybook");
15
15
 
16
16
  copyStorybookPreset(source, target);
17
17
 
@@ -24,7 +24,7 @@ if (parsedArgs.pnpm) {
24
24
  function copyStorybookPreset(source, target) {
25
25
  if (fs.existsSync(target)) {
26
26
  const timestamp = new Date().valueOf();
27
- const renamedTarget = `${target}-${timestamp}`;
27
+ const renamedTarget = `${target}-backup-${timestamp}`;
28
28
 
29
29
  fs.renameSync(target, renamedTarget);
30
30
  console.log(`Renamed existing ${path.basename(target)} to ${path.basename(renamedTarget)}`);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vueless/storybook",
3
- "version": "0.0.62",
3
+ "version": "0.0.64",
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"